/* Editorial main page — monochrome film, architectural photography and mint ink. */
:root { --bg:#060e11; --bg-soft:#0a1419; --panel:rgba(11,23,29,.65); --panel-solid:#0b171c; --line:rgba(153,186,194,.14); --mint:#29edb0; --mint-2:#24dca5; --cyan:#29edb0; --purple:#eff5f5; --text:#f2f5f7; --max:1427.8px; }
body { background:#060e11; }
body::before { background:radial-gradient(ellipse at 72% 5%,#12212555,transparent 45%),#060e11; }
body::after { z-index:3; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); background-size:217.8px; mask-image:none; }
.container { width:min(calc(100% - 116.16px),var(--max)); }
.nav-wrap { background:rgba(6,14,17,.91); border-bottom:0; backdrop-filter:blur(19.36px); }
.nav-wrap nav { min-height:91.96px; gap:37.752px; }
.brand-logo { width:154.88px; }
.nav-links { margin:auto; gap:42.471px; }
.nav-links a { font:500 15.306px var(--sans); color:#b7c1c8; }
.nav-links a::before { content:none; }
.nav-cta { font-family:var(--sans); font-size:16.698px; padding:17.303px 39.325px; border-radius:6px; }
.nav-phone { font-size:16.698px; }
.btn { border-radius:6px; font-size:18.089px; padding:23.595px 36.179px; }
.btn-primary { background:var(--mint); color:#02251c; box-shadow:none; }
.btn-ghost { background:rgba(5,13,16,.5); border-color:#35484e; color:var(--text); }
.hero-actions .btn { min-width:191.18px; justify-content:space-between; }
main > .editorial-hero { min-height:0; height:clamp(689.7px,47vw,834.9px); padding:0; overflow:hidden; isolation:isolate; }
.editorial-hero::before { inset:0; width:100%; height:100%; background:linear-gradient(110deg,#060e11 32%,#060e1155 58%,#060e11 94%),url('/assets/images/brand-architecture-right.webp') center 42%/cover; opacity:.23; filter:none; z-index:-1; }
.editorial-hero::after { display:none; }
.hero-layout { height:100%; position:relative; display:flex; align-items:center; }
.hero-copy { position:relative; width:55%; z-index:3; margin-top:-39.325px; padding-left:81.796px; }
.editorial-eyebrow { margin:0 0 25.168px; color:#b6cbc9; font:400 13.915px/1.8 var(--mono); letter-spacing:3px; }
.hero-copy h1 { margin:0; font-size:clamp(54.268px,4.6vw,82.099px); font-weight:900; line-height:1.22; letter-spacing:-.055em; }
.hero-message { display:block; }
.hero-message em { color:var(--mint); font-style:normal; white-space:nowrap; }
.hero-seo-line { display:block; margin-top:31.46px; color:#c7d4d5; font-size:16.698px; font-weight:500; letter-spacing:.025em; line-height:1.6; }
.hero-copy .hero-lead { max-width:508.2px; margin:18.876px 0 0; color:#aebbc4; font-size:18.089px; line-height:1.85; }
.hero-lead strong { font-weight:500; color:inherit; }
.hero-actions { margin-top:36.179px; gap:22.022px; }
.hero-note { font-family:var(--sans); margin-top:31.46px; gap:25.168px; font-size:13.915px; }
.hero-note span { color:#a3b1b7; }
.hero-note span::before { content:'✓'; color:var(--mint); margin-right:9.1px; }
.hero-note span + span::before { content:'✓'; }
.hero-scene { position:absolute; width:55%; right:8%; top:3%; bottom:-4%;  z-index:0; background:#111b1e; }
.hero-scene video { display:block; width:100%; height:100%; object-fit:cover; object-position:51% center; filter:grayscale(1) contrast(1.13) brightness(.78); }
.hero-scene::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#060e1177,transparent 35%,#060e1122 70%,#060e1188),linear-gradient(0deg,#060e11d9,transparent 43%,#060e1133); }
.hero-aside { position:absolute; right:-4px; top:23%; font-family:'Gowun Dodum',serif; font-size:20.872px; line-height:2; letter-spacing:3px; color:#c1c9c9; }
.signature { position:absolute; z-index:4; width:49%; right:-31.46px; bottom:62.92px; height:auto; color:#5af1c1; overflow:visible; pointer-events:none; filter:drop-shadow(0 2px 5px #041b14); }
.signature path { vector-effect:none; }
.hero-index,.hero-footnote { position:absolute; color:#668086; font:12.524px/1.6 var(--mono); letter-spacing:1.5px; }
.hero-index { left:-9.68px; bottom:79.86px; }
.hero-footnote { right:0; bottom:38.72px; }
.hero-index::after { content:''; display:block; height:1px; width:133.1px; margin:37.752px 0 0 66.066px; background:linear-gradient(90deg,var(--mint) 60%,#748087 60%); }
.hero-orbit { width:677.6px; height:677.6px; position:absolute; top:-36.3px; left:3%; border:1px solid #244d4438; border-radius:50%; z-index:-1; }



main > #services,main > #price { padding:84.942px 0 59.774px; border-bottom:1px solid var(--line); }
.editorial-container { position:relative; padding-left:235.95px; }
.section-index { position:absolute; left:0; top:5px; color:#738b93; font:13.915px/1.8 var(--mono); letter-spacing:1px; }
.section-index .idx-sep { display:none; }
.section-head { display:grid; grid-template-columns:1fr 1fr; gap:69.212px; align-items:center; margin-bottom:44.044px; }
.section-head h2 { font-size:clamp(37.57px,3.162vw,52.877px); line-height:1.4; letter-spacing:-.06em; }
.section-desc { font-size:18.089px; color:#aab9c1; line-height:1.85; }
#services { position:relative; overflow:hidden; }
#services::before { content:''; pointer-events:none; position:absolute; left:-205.7px; bottom:-254.1px; width:423.5px; height:580.8px; border:1px solid #3fc6a233; border-radius:50%; transform:rotate(-30deg); }
.overview-grid { gap:22.022px; }
.overview-card { border-radius:9.68px; padding:39.325px 37.752px; background:linear-gradient(125deg,#0b171ddd,#091318aa); min-height:235.95px; }
.overview-card > span { font:15.306px var(--mono); }
.overview-card h3 { font-size:27.83px; margin:22.022px 0 14.157px; letter-spacing:-.04em; }
.overview-card p { color:#aab9c1; font-size:18.089px; margin:0 0 33.033px; line-height:1.8; }
.overview-card b { font-size:15.306px; }
.content-fold { background:#0a151aa6; border-radius:7px; margin-top:18.876px; }
.content-fold > summary { padding:23.595px 34.606px; }
.content-fold summary strong { font-size:19.481px; }
.content-fold summary small { font-size:15.306px; margin-top:3.9px; }
.fold-body { padding:37.752px; }
.fold-body section { scroll-margin-top:108.9px; }
.fold-body .section-head h2 { font-size:36.179px; }
.fold-body .section-head { gap:34.606px; }
.fold-body .feature-card h3 { font-size:25.047px; }
main > .brand-story { padding:0; border-bottom:1px solid var(--line); }
.story-composition { display:grid; grid-template-columns:1fr 1.55fr .85fr; min-height:465.85px; }
.story-image { margin:0; position:relative; overflow:hidden; }
.story-image img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:50% 64%; filter:brightness(.69); }
.story-image::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#060e1122,transparent 60%,#060e1188); }
.story-image-right::after { background:linear-gradient(90deg,#060e1133,transparent 60%,#060e11b0); }
.story-image figcaption { position:absolute; z-index:1; color:#c7d3d2; font:12.524px/1.8 var(--mono); letter-spacing:2px; }
.story-image-left figcaption { top:53.24px; left:53.24px; }
.story-image-right figcaption { right:42.35px; bottom:42.35px; }
.story-copy { padding:59.774px 31.46px 50.336px; align-self:center; text-align:center; position:relative; }
.story-number { color:#718b89; font:12.524px var(--mono); letter-spacing:1px; }
.story-copy h2 { font-size:clamp(38.962px,3.45vw,57.051px); line-height:1.35; margin:18.876px 0 26.741px; letter-spacing:-.055em; }
.story-copy p { font-size:19.481px; color:#b4c1c8; line-height:1.85; margin:0 0 34.606px; }
.story-copy .btn { border-color:#27b88b; min-width:263.78px; gap:31.46px; font-size:16.698px; padding:18.876px 34.606px; }
.approach-details { margin:0; }
.approach-details > summary { text-align:center; padding:18.876px; cursor:pointer; font-size:18.089px; }
.has-editorial-js .approach-details:not([open]), .has-editorial-js .approach-details > summary { display:none; }
.approach-details > .fold-body { padding:50.336px 0; }
.approach-details .flow { margin-top:47.19px; }
#why .why-grid { grid-template-columns:repeat(3,1fr); }
#price { position:relative; overflow:hidden; }
#price::before { content:'A2M'; position:absolute; bottom:-48.4px; left:-36.3px; font-size:250.47px; font-weight:900; line-height:1; letter-spacing:-.1em; color:#a1c9c703; pointer-events:none; }
#price .section-head h2 { font-size:clamp(36.179px,2.99vw,51.486px); }
.pricing { display:grid; grid-template-columns:.9fr 1.1fr; border:1px solid var(--line); border-radius:12.1px; background:linear-gradient(115deg,#0a161bdd,#071216aa); }
.price-main { padding:44.044px 53.482px; border:0; background:none; }
.price-label { font-size:12.524px; letter-spacing:.6px; }
.price-main h2 { font-size:51.486px; line-height:1.25; margin:22.022px 0 0; }
.price-sub { font-size:15.306px; margin-top:18.876px; }
.price-main .btn { display:none; }
.price-items { padding:37.752px 47.19px 37.752px 15.73px; gap:0 34.606px; }
.price-item { font-size:16.698px; padding:17.303px 0; }
.price-notice { font-size:13.915px; margin-top:20.449px; line-height:1.7; color:#94a5ae; }
main > #ceo { padding:59.774px 0; border-bottom:1px solid var(--line); }
#ceo > .container { width:min(calc(100% - 116.16px),var(--max)); padding-left:235.95px; }
#ceo .ceo-home-grid { display:grid; grid-template-columns:187.55px 1fr 290.4px; align-items:center; gap:59.774px; }
#ceo .ceo-home-photo { width:187.55px; height:287.98px; margin:0; border-radius:0; border-color:#29edb055; box-shadow:none; }
#ceo .ceo-home-photo img { height:287.98px; min-height:0; object-fit:cover; object-position:50% 16%; }
#ceo h2 { font-size:30.613px; line-height:1.45; letter-spacing:-.045em; margin:0 0 15.73px; }
#ceo .ceo-home-title { font-size:18.089px; color:#b5c1c7; margin:0; }
#ceo .ceo-home-intro { font-size:16.698px; line-height:1.8; margin:18.876px 0 25.168px; color:#a5b5bd; }
#ceo .btn { font-size:16.698px; padding:20.449px 34.606px; }
.ceo-quote { margin:0; padding-left:31.46px; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.ceo-quote > span { font:58.443px/1 Georgia,serif; color:#8bb6a5; }
.ceo-quote p { font:29.221px/1.85 'Gowun Dodum',serif; color:#d2d9d8; letter-spacing:2px; margin:0; }
.ceo-quote cite { display:block; font:11.132px/2 var(--mono); letter-spacing:2px; color:#647d7e; margin-top:78.65px; }
main > .support-section { padding:25.168px 0; }
main > .homepage-film { padding:31.2px 0; }
.homepage-film video { display:block; width:100%; height:auto; aspect-ratio:16/9; border:1px solid var(--line); border-radius:8px; background:#02070c; }
.support-fold { margin:0; background:transparent; }
.support-fold > summary { padding:22.022px 34.606px; }
.support-fold > .fold-body { padding:40.898px; }
.support-fold .more-info { padding:0; }
.support-fold .more-info > .container, .support-fold #place > .container, .support-fold .final-cta > .container { width:100%; }
.support-fold .final-cta { padding:62.92px 0; }
.support-fold .final-cta h2 { font-size:38.962px; }
#place .section-head h2 { font-size:30.613px; }
footer { padding:40.898px 0 34.606px; background:#050c0f; }
.footer-inner { display:grid; grid-template-columns:205.7px 1fr auto; gap:28.314px 47.19px; align-items:center; }
.footer-info { font-size:12.524px; color:#85979e; }
.footer-brand img { width:151.25px; }
.footer-copy { grid-column:2; grid-row:1; font:13.915px/2 var(--sans); text-align:left; }
.footer-copy a { color:#a6b6bd; }
.footer-contact { display:flex; gap:39.325px; align-items:center; grid-column:3; grid-row:1; }
.footer-phone { color:#dbe4e4; font:16.698px var(--mono); }
.footer-phone::before { content:'↗'; color:var(--mint); margin-right:15.73px; }
.footer-contact .btn { padding:18.876px 39.325px; font-size:16.698px; }
footer .local-links { margin-top:31.46px; padding-top:22.022px; border-top:1px solid var(--line); font-size:13.915px; gap:9.1px 20.449px; }
.float-call { display:none; }
.reveal { opacity:1; transform:none; }
@media(min-width:1500px) { .hero-scene { right:calc((100vw - 1548.8px)/2); width:871.2px; } }
@media(max-width:1100px) {
 .container { width:calc(100% - 77.44px); }
 .nav-links { display:flex; gap:31.46px; }
 .nav-wrap nav { gap:28.314px; }
 .nav-phone { font-size:15.306px; }
 .editorial-container { padding-left:176.176px; }
 .hero-copy { padding-left:62.92px; }
 .hero-copy h1 { font-size:59.834px; }
 .hero-aside { font-size:16.698px; right:-9.68px; }
 .hero-copy .hero-lead { font-size:16.698px; }
 .hero-actions .btn { min-width:175.45px; padding:20.449px 26.741px; font-size:16.698px; }
 .hero-note { gap:15.73px; font-size:12.524px; }
 .hero-scene { right:7%; width:58%; }
 .section-head { gap:37.752px; }
 .overview-card { padding:36.179px 31.46px; }
 #ceo > .container { width:calc(100% - 77.44px); padding-left:176.176px; }
 #ceo .ceo-home-grid { grid-template-columns:157.3px 1fr 229.9px; gap:40.898px; }
 #ceo .ceo-home-photo { width:157.3px; height:260.15px; }
 #ceo .ceo-home-photo img { height:260.15px; }
 #ceo h2 { font-size:26.438px; }
 .ceo-quote p { font-size:23.655px; }
 .footer-inner { grid-template-columns:175.45px 1fr auto; gap:31.46px; }
 .footer-contact { gap:22.022px; }
}
@media(max-width:820px) {
 .nav-wrap nav { min-height:79.86px; }
 .nav-links { display:none; }
 .nav-links.open { background:#071014f5; }
 .nav-phone { display:none; }
 .nav-cta { display:inline-flex; margin-left:auto; padding:14.157px 26.741px; }
 .menu-btn { display:block; }
 main > .editorial-hero { height:713.9px; }
 .hero-copy { padding-left:0; width:62%; }
 .hero-copy h1 { font-size:54.268px; }
 .hero-scene { width:66%; right:-6%; opacity:.66; }
 .hero-aside { display:none; }
 .signature { width:54%; right:-18.15px; bottom:58.08px; }
 .hero-index { bottom:36.3px; left:0; }
 .hero-index::after { display:none; }
 .hero-footnote { display:none; }
 
 .editorial-container, #ceo > .container { padding-left:0; }
 .section-index { position:static; display:block; margin-bottom:25.168px; font-size:12.524px; }
 .section-index br { display:none; }
 .section-index .idx-sep { display:inline; }
 .section-head { grid-template-columns:1fr 1fr; gap:37.752px; }
 .overview-card { padding:34.606px 26.741px; }
 .overview-card h3 { font-size:25.047px; }
 .overview-card p { font-size:16.698px; }
 .story-composition { grid-template-columns:.7fr 1.8fr .7fr; min-height:423.5px; }
 .story-copy { padding:47.19px 22.022px; }
 .story-copy h2 { font-size:40.354px; }
 .story-copy p { font-size:16.698px; }
 .story-image figcaption { display:none; }
 .pricing { grid-template-columns:1fr 1.2fr; }
 .price-main { padding:39.325px; }
 .price-main h2 { font-size:43.136px; }
 #ceo .ceo-home-grid { grid-template-columns:157.3px 1fr; gap:39.325px; }
 .ceo-quote { display:none; }
 .footer-inner { grid-template-columns:1fr auto; }
 .footer-contact { grid-column:2; }
 .footer-copy { grid-column:1/-1; grid-row:2; }
}
@media(max-width:560px) {
 .container, #ceo > .container { width:calc(100% - 48.4px); }
 .brand-logo { width:133.1px; }
 .nav-wrap nav { gap:25.168px; }
 .nav-cta { font-size:15.306px; }
 main > .editorial-hero { height:auto; min-height:955.9px; display:block; padding:0; }
 .hero-layout { display:flex; flex-direction:column; align-items:stretch; height:auto; min-height:955.9px; padding-top:37.752px; padding-bottom:487.63px; }
 .hero-copy { width:100%; margin:0; }
 .editorial-eyebrow { font-size:11.132px; letter-spacing:2px; margin-bottom:22.022px; }
 .hero-copy h1 { font-size:clamp(47.311px,10.925vw,66.792px); line-height:1.22; }
 .hero-seo-line { margin-top:23.595px; font-size:15.306px; }
 .hero-copy .hero-lead { font-size:15.306px; line-height:1.85; max-width:429.55px; margin-top:15.73px; }
 .hero-actions { margin-top:28.314px; gap:15.73px; }
 .hero-actions .btn { min-width:0; flex:1; max-width:217.8px; font-size:15.306px; padding:20.449px 23.595px; }
 .hero-note { margin-top:22.022px; font-size:12.524px; gap:18.876px; }
 .hero-scene { width:100%; height:405.35px; top:auto; right:0; bottom:0; opacity:1;  }
 .hero-scene video { object-position:center 43%; }
 .hero-scene::after { background:linear-gradient(0deg,#060e11bb,transparent 65%),linear-gradient(90deg,#060e1133,transparent); }
 .signature { width:84%; right:-14.52px; bottom:54.45px; }
 .hero-index { display:none; }
 
 .hero-orbit { left:-314.6px; top:12.1px; opacity:.7; }
 main > #services,main > #price { padding:53.482px 0 44.044px; }
 .section-head { grid-template-columns:1fr; gap:23.595px; margin-bottom:37.752px; }
 .section-head h2, #price .section-head h2 { font-size:40.354px; }
 .section-desc { font-size:16.698px; }
 .overview-grid { grid-template-columns:1fr; gap:17.303px; }
 .overview-card { min-height:0; padding:33.033px; position:relative; }
 .overview-card h3 { margin:9.1px 0; font-size:27.83px; }
 .overview-card p { font-size:16.698px; max-width:290.4px; margin-bottom:18.876px; }
 .overview-card > span { position:absolute; right:26.62px; top:27.83px; }
 .content-fold > summary { padding:25.168px; gap:18.876px; }
 .content-fold summary strong { font-size:18.089px; }
 .content-fold summary small { font-size:13.915px; }
 .story-composition { grid-template-columns:1fr; min-height:0; position:relative; isolation:isolate; overflow:hidden; }
 .story-image { position:absolute; top:0; bottom:0; width:50%; z-index:-1; opacity:.37; }
 .story-image-left { left:0; }
 .story-image-right { right:0; }
 .story-image::after { background:linear-gradient(90deg,#060e1133,#060e11aa); }
 .story-image-right::after { background:linear-gradient(90deg,#060e11aa,#060e1133); }
 .story-copy { padding:66.066px 31.46px; background:#060e1144; }
 .story-copy h2 { font-size:43.136px; }
 .story-copy p { font-size:16.698px; }
 #why .why-grid { grid-template-columns:1fr; }
 .fold-body, .support-fold > .fold-body { padding:25.168px; }
 .fold-body .section-head { grid-template-columns:1fr; }
 .fold-body .section-head h2 { font-size:33.396px; }
 .pricing { grid-template-columns:1fr; }
 .price-main { padding:36.179px; }
 .price-main h2 { font-size:48.703px; }
 .price-items { padding:0 36.179px 36.179px; gap:0 28.314px; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .price-notice { grid-column:1/-1; }
 .price-item { font-size:15.306px; }
 main > #ceo { padding:47.19px 0; }
 #ceo .ceo-home-grid { grid-template-columns:108.9px 1fr; gap:28.314px; align-items:start; }
 #ceo .ceo-home-photo { width:108.9px; height:176.66px; }
 #ceo .ceo-home-photo img { height:176.66px; }
 #ceo h2 { font-size:23.655px; }
 #ceo .ceo-home-intro { font-size:15.306px; margin:15.73px 0 22.022px; }
 #ceo .btn { font-size:15.306px; padding:17.303px 23.595px; }
 .footer-contact { gap:15.73px; flex-direction:column; align-items:flex-end; }
 .footer-contact .btn { font-size:15.306px; padding:15.73px 31.46px; }
 .footer-phone { font-size:15.306px; }
 .footer-info { font-size:11.132px; }
 footer .local-links { font-size:12.524px; }
 .faq-q { font-size:18.089px; }
 .faq-a p { padding:0 12.584px 34.606px; }
 .faq-item.open .faq-a { max-height:544.5px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

/* One architectural landscape, uninterrupted by section edges. */
.brand-landscape { position:relative; isolation:isolate; }
.brand-landscape > section { position:relative; z-index:1; background:transparent; border:0; }
.landscape-art { position:absolute; inset:220px 0 0; z-index:-1; overflow:hidden; pointer-events:none; }
.landscape-art .story-image { position:absolute; top:0; bottom:0; width:36%; margin:0; opacity:.57; overflow:visible; }
.landscape-art .story-image-left { left:0; mask-image:linear-gradient(90deg,#000 35%,transparent 100%); }
.landscape-art .story-image-right { right:0; mask-image:linear-gradient(270deg,#000 25%,transparent 100%); }
.landscape-art .story-image img { height:100%; object-fit:cover; object-position:50% top; filter:brightness(.75); mask-image:linear-gradient(180deg,transparent,#000 12%,#000 65%,transparent 100%); }
.landscape-art .story-image::after { display:none; }
.landscape-art figcaption { display:none; }
.brand-landscape > #services, .brand-landscape > #price { padding:85.8px 0 60.06px; }
.brand-landscape > #why { padding:31.46px 0; }
.story-composition { display:block; min-height:440px; }
.story-copy { max-width:759px; margin:auto; padding:80.08px 37.18px; background:transparent; }
.brand-landscape > #ceo { padding:64.35px 0; }
.brand-landscape > #ceo::before { display:none; }
.hero-copy h1 { font-size:clamp(54.395px,5.566vw,82.225px); }
.hero-copy { padding-left:64.35px; }
.hero-scene { width:65%; right:1%;  }
.hero-scene::after { background:linear-gradient(90deg,#060e11bb,transparent 40%,#060e1122 80%,#060e1166),linear-gradient(0deg,#060e11c9,transparent 43%,#060e1133); }
.hero-aside { right:0; top:23%; text-shadow:0 2px 13.2px #000; }
.signature { width:51%; right:-22px; bottom:77px; }
.brand-landscape > #intelligence { padding:78.65px 0; overflow:hidden; }
#intelligence::before, #intelligence::after { display:none; }
#intelligence .ai-head { gap:51.48px; margin-bottom:42.9px; }
#intelligence .ai-head h2 { font-size:48.07px; line-height:1.4; letter-spacing:-.05em; }
#intelligence .ai-head p { font-size:17.71px; }
#intelligence .eyebrow { font-size:12.65px; }
#intelligence .demo-badge { font:13.915px/1.7 var(--sans); color:#9cafb5; }
#intelligence .ai-shell { grid-template-columns:297px minmax(0,1fr); border-radius:12.1px; background:rgba(7,19,23,.9); }
#intelligence .ai-shell::after { left:297px; }
#intelligence .ai-data-packets { left:275px; }
#intelligence .ai-output { min-width:0; }
#intelligence .ai-dashboard { gap:14.3px; }
#intelligence .ai-metric strong { font-size:34.155px; }
#intelligence .ai-inputs { padding:34.32px 28.6px; }
#intelligence .ai-output-body { padding:34.32px; }
#intelligence .ai-analysis-grid { grid-template-columns:1fr 1fr; }
#intelligence:not(.ai-running) *, #intelligence:not(.ai-running) *::after { animation-play-state:paused; }
@media(min-width:1500px) { .hero-scene { right:calc((100vw - 1650px)/2); width:1045px; } }
@media(max-width:1100px) {
 .hero-copy h1 { font-size:59.455px; }
 .hero-scene { width:68%; right:-2%; }
 #intelligence .ai-shell { grid-template-columns:247.5px minmax(0,1fr); }
 #intelligence .ai-shell::after { left:247.5px; }
 #intelligence .ai-data-packets { left:225.5px; }
 #intelligence .ai-output-body { padding:25.74px; }
 #intelligence .ai-analysis-grid { grid-template-columns:1fr; }
 #intelligence .ai-head { grid-template-columns:1fr; gap:25.74px; }
}
@media(max-width:820px) {
 .hero-copy { padding-left:0; }
 .hero-copy h1 { font-size:54.395px; }
 .hero-scene { width:73%; right:-10%; }
 .landscape-art { top:198px; }
 .landscape-art .story-image { width:48%; opacity:.4; }
 .brand-landscape > #services,.brand-landscape > #price { padding:62.92px 0 48.62px; }
 #intelligence .ai-shell { grid-template-columns:1fr; }
 #intelligence .ai-inputs { display:grid; grid-template-columns:1fr 1fr; column-gap:34.32px; }
 #intelligence .ai-panel-title { grid-column:1/-1; }
 #intelligence .ai-core { grid-column:1; grid-row:2/5; }
 #intelligence .source-title { grid-column:2; }
 #intelligence .visitor-data { grid-column:2; }
 #intelligence .source-stack { grid-column:1/-1; }
 #intelligence .ai-dashboard { grid-template-columns:repeat(4,minmax(0,1fr)); }
 #intelligence .ai-head h2 { font-size:41.745px; }
 #intelligence .ai-analysis-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:560px) {
 .hero-copy h1 { font-size:clamp(41.745px,11.73vw,65.78px); }
 .hero-scene { width:113%; right:-7%; height:407px; }
 .signature { width:91%; right:-9.9px; bottom:57.2px; }
 .landscape-art { top:605px; }
 .landscape-art .story-image { width:70%; opacity:.3; }
 .landscape-art .story-image img { object-fit:cover; }
 .story-composition { min-height:0; }
 .story-copy { padding:57.2px 28.6px; }
 .story-copy h2 { font-size:43.01px; }
 .brand-landscape > #services,.brand-landscape > #price { padding:52.91px 0 42.9px; }
 .brand-landscape > #intelligence { padding:51.48px 0; }
 .brand-landscape > #ceo { padding:47.19px 0; }
 #intelligence .ai-head h2 { font-size:37.95px; }
 #intelligence .ai-head p { font-size:16.445px; }
 #intelligence .ai-inputs { display:block; }
 #intelligence .ai-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #intelligence .ai-analysis-grid { grid-template-columns:1fr; }
 #intelligence .ai-metric strong { font-size:34.155px; }
 #intelligence .ai-output-body { padding:22.88px; }
 #intelligence .ai-recommend { font-size:15.18px; }
}
/* Korean fallback is needed inside the live demo's monospace labels. */
:root { --mono:"IBM Plex Mono","Noto Sans KR",monospace; }
#intelligence .ai-feed-list, #intelligence .visitor-row strong, #intelligence .keyword-row { font-family:var(--sans); }
#intelligence .ai-code { font-size:13.915px; }

/* Stable video layer: grade the media once, not every composited browser frame. */
.hero-media { position:absolute; inset:0; z-index:0; pointer-events:none; }
.hero-scene { overflow:hidden; }
.hero-scene video { filter:none; pointer-events:none; user-select:none; transform:none; transition:none; animation:none; }
.hero-scene::after { background:linear-gradient(90deg,#060e11b0,transparent 40%,#060e1122 80%,#060e1166),linear-gradient(0deg,#060e11b0,transparent 45%); }
.hero-media .signature { width:min(52%,760px); right:max(2%,calc((100vw - 1440px)/2)); bottom:65px; filter:none; }
body::after { z-index:-1; }
@media(max-width:1100px) and (min-width:821px) {
 .nav-links { gap:20.8px; }
 .nav-wrap nav { gap:20.8px; }
 .nav-phone { display:none; }
 .hero-copy h1 { font-size:57.5px; }
}
/* A dedicated mobile composition, with the film preceding the message. */
@media(max-width:820px) {
 .container, #ceo > .container { width:calc(100% - 40px); }
 .nav-wrap nav { min-height:70px; gap:20.8px; }
 .brand-logo { width:118px; }
 .nav-cta { padding:14.3px 26px; font-size:13.8px; }
 .menu-btn { padding:9.1px 0 9.1px 9.1px; }
 .nav-links.open { top:70px; }
 main > .editorial-hero { display:flex; flex-direction:column; height:auto; min-height:0; padding:0; }
 .hero-media { position:relative; inset:auto; width:100%; aspect-ratio:16/9; order:0; flex:none; }
 .hero-scene { inset:0; width:100%; height:100%; opacity:1;  }
 .hero-scene video { object-fit:cover; object-position:center; }
 .hero-scene::after { background:linear-gradient(0deg,#060e11aa,transparent 55%); }
 .hero-media .signature { width:65%; right:3%; bottom:5%; }
 .hero-layout { order:1; display:block; height:auto; min-height:0; padding:26px 0 46.8px; }
 .hero-copy { width:100%; padding:0; margin:0; }
 .editorial-eyebrow { font-size:10.35px; line-height:1.6; letter-spacing:2px; margin:0 0 18.2px; }
 .editorial-eyebrow br { display:inline; }
 .hero-copy h1 { font-size:clamp(41.4px,7.59vw,59.8px); line-height:1.22; }
 .hero-seo-line { font-size:14.95px; margin-top:23.4px; }
 .hero-copy .hero-lead { font-size:16.1px; max-width:540px; line-height:1.85; margin:15.6px 0 0; }
 .hero-actions { gap:15.6px; margin-top:28.6px; }
 .hero-actions .btn { min-width:0; max-width:none; flex:1; justify-content:space-between; padding:22.1px 26px; font-size:14.95px; }
 .hero-note { font-size:12.65px; gap:19.5px; margin-top:23.4px; }
 .hero-index,.hero-footnote,.hero-aside { display:none; }
 .hero-orbit { top:220px; left:-200px; opacity:.4; }
 .editorial-container { padding-left:0; }
 .section-index { margin-bottom:19.5px; font-size:11.5px; letter-spacing:1.5px; }
 .brand-landscape > #services,.brand-landscape > #price { padding:49.4px 0; }
 .section-head { grid-template-columns:1fr; gap:19.5px; margin-bottom:31.2px; }
 .section-head h2,#price .section-head h2 { font-size:39.1px; line-height:1.4; }
 .section-desc { font-size:16.1px; line-height:1.8; }
 .overview-grid { grid-template-columns:1fr; gap:15.6px; }
 .overview-card { display:grid; grid-template-columns:1fr auto; align-items:start; gap:9.1px 20.8px; padding:31.2px; min-height:0; }
 .overview-card > span { position:static; grid-column:2; grid-row:1; font-size:13.8px; }
 .overview-card h3 { grid-column:1; grid-row:1; margin:0; font-size:26.45px; }
 .overview-card p { grid-column:1/-1; max-width:none; font-size:16.1px; line-height:1.8; margin:0; }
 .overview-card b { grid-column:1/-1; font-size:13.8px; margin-top:11.7px; }
 .content-fold > summary { padding:23.4px; }
 .content-fold summary strong { font-size:17.25px; }
 .content-fold summary small { font-size:13.8px; }
 .story-copy { padding:49.4px 26px; }
 .story-copy h2 { font-size:41.4px; }
 .story-copy p { font-size:16.1px; }
 .story-copy .btn { font-size:14.95px; padding:19.5px 29.9px; }
 .pricing { grid-template-columns:1fr; }
 .price-main { padding:33.8px; }
 .price-main h2 { font-size:46px; }
 .price-sub { font-size:14.95px; }
 .price-items { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 33.8px 33.8px; gap:0 23.4px; }
 .price-item { font-size:14.95px; padding:16.9px 0; }
 .price-notice { grid-column:1/-1; font-size:12.65px; line-height:1.85; }
 .brand-landscape > #intelligence { padding:46.8px 0; }
 #intelligence .ai-head h2 { font-size:39.1px; margin-top:16.9px; }
 #intelligence .ai-head p { font-size:16.1px; }
 #intelligence .eyebrow { font-size:10.35px; letter-spacing:0; }
 #intelligence .demo-badge { font-size:12.65px; }
 #intelligence .ai-inputs { display:grid; grid-template-columns:105px minmax(0,1fr); padding:23.4px; gap:15.6px 20.8px; align-items:center; }
 #intelligence .ai-panel-title { grid-column:1/-1; font-size:11.5px; }
 #intelligence .source-title,#intelligence .privacy-line { display:none; }
 #intelligence .ai-core { grid-column:1; grid-row:2; width:98px; height:98px; margin:5.2px 0; }
 #intelligence .ai-core-ring { width:72px; height:72px; font-size:26.45px; }
 #intelligence .orbit-dot { animation-name:mobile-orbit; }
 @keyframes mobile-orbit { from { transform:rotate(0) translateX(47px) rotate(0); } to { transform:rotate(360deg) translateX(47px) rotate(-360deg); } }
 #intelligence .visitor-data { grid-column:2; grid-row:2; min-width:0; }
 #intelligence .visitor-row { display:block; padding:7.8px 0; }
 #intelligence .visitor-row span { display:block; font-size:9.2px; }
 #intelligence .visitor-row strong { display:block; font-size:12.65px; margin-top:2.6px; overflow-wrap:anywhere; }
 #intelligence .source-stack { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7.8px; }
 #intelligence .source-chip { display:flex; flex-direction:column; padding:13px 2.6px; gap:6.5px; font-size:11.5px; }
 #intelligence .source-icon { width:26px; height:26px; font-size:13.8px; }
 #intelligence .source-state { display:none; }
 #intelligence .ai-window-top { padding:15.6px; gap:6.5px; }
 #intelligence .ai-window-top > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9.2px; }
 #intelligence .ai-window-top b { font-size:9.2px; white-space:nowrap; }
 #intelligence .ai-output-body { padding:18.2px; }
 #intelligence .ai-code { padding:18.2px 13px; font-size:11.5px; overflow-x:auto; min-height:0; }
 #intelligence .ai-code > div { white-space:nowrap; }
 #intelligence .ai-line-no { width:18px; }
 #intelligence .ai-pipeline { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5.2px; margin:15.6px 0; }
 #intelligence .pipeline-step { min-width:0; font-size:8.05px; text-align:center; padding:10.4px 1.3px; }
 #intelligence .pipeline-step span { display:block; margin:0 0 5.2px; font-size:9.2px; }
 #intelligence .ai-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11.7px; }
 #intelligence .ai-metric { padding:18.2px; }
 #intelligence .ai-metric strong { font-size:33.35px; }
 #intelligence .ai-metric small { font-size:9.2px; }
 #intelligence .ai-analysis-grid { grid-template-columns:1fr; gap:15.6px; }
 #intelligence .ai-feed-list { font-size:13.8px; }
 #intelligence .ai-recommend { font-size:13.8px; line-height:1.8; }
 .brand-landscape > #ceo { padding:45.5px 0; }
 #ceo .ceo-home-grid { grid-template-columns:115px minmax(0,1fr); gap:26px; align-items:start; }
 #ceo .ceo-home-photo { width:115px; height:190px; }
 #ceo .ceo-home-photo img { height:190px; }
 #ceo h2 { font-size:24.15px; line-height:1.5; }
 #ceo .ceo-home-intro { font-size:14.95px; }
 #ceo .btn { padding:18.2px 23.4px; font-size:13.8px; }
 .footer-inner { gap:26px; }
 .footer-copy { font-size:12.65px; }
 footer .local-links { font-size:12.65px; }
 .landscape-art { top:500px; }
}
@media(max-width:390px) {
 .container,#ceo > .container { width:calc(100% - 32px); }
 .hero-copy h1 { font-size:clamp(36.8px,11.27vw,43.7px); }
 .hero-copy .hero-lead { font-size:14.95px; }
 .hero-note { font-size:11.5px; gap:13px; }
 .hero-actions .btn { font-size:13.8px; padding:19.5px 18.2px; }
 .section-head h2,#price .section-head h2 { font-size:34.5px; }
 .story-copy h2 { font-size:35.65px; }
 .story-copy p { font-size:14.95px; }
 #intelligence .ai-head h2 { font-size:34.5px; }
 .price-items { padding:0 26px 28.6px; gap:0 13px; }
 .price-item { font-size:13.8px; }
 #ceo .ceo-home-grid { grid-template-columns:88px minmax(0,1fr); gap:19.5px; }
 #ceo .ceo-home-photo { width:88px; height:146px; }
 #ceo .ceo-home-photo img { height:146px; }
 #ceo h2 { font-size:20.7px; }
 #ceo .btn { font-size:12.65px; padding:15.6px; }
}
/* Larger handwritten signature crossing from the film into the right backdrop. */
.hero-media .signature { width:min(60%,900px); right:max(-60px,calc((100vw - 1760px)/2)); bottom:28px; }
@media(max-width:820px) {
 .hero-media .signature { width:80%; right:-2%; bottom:-5%; }
 .hero-layout { padding-top:52px; }
}
@media(min-width:821px) and (max-width:1100px) {
 .hero-media .signature { right:-36px; }
}
/* Draw the film into a transparent canvas, so the surrounding artwork stays visible. */
.hero-scene { background:transparent; clip-path:none; mask:none; contain:none; isolation:auto; }
.hero-scene video { opacity:0; position:absolute; inset:0; pointer-events:none; transform:none; }
.film-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; }
.hero-scene::after { display:none; }
.signature path { vector-effect:none; }

/* Secondary reference content stays available in a compact disclosure. */
.seo-resources { padding-top:20.8px; padding-bottom:20.8px; }
.seo-resources-fold { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.seo-resources-fold > summary { display:flex; align-items:center; justify-content:space-between; gap:20.8px; padding:18.2px 0; color:var(--muted); font-size:13.8px; font-weight:400; cursor:pointer; list-style:none; }
.seo-resources-fold > summary::-webkit-details-marker { display:none; }
.seo-resources-fold > summary span { font-size:18.4px; }
.seo-resources-fold[open] > summary span { transform:rotate(45deg); }
.seo-resources-fold > summary:hover { color:var(--text); }
.seo-resources-fold > summary:focus-visible { outline:2px solid var(--mint); outline-offset:4px; }
.seo-resources-body { padding:26px 0; }
.seo-resources-body > section { padding:31.2px 0; }
.seo-resources-body > section > .container { width:100%; padding:0; }
.seo-resources-body .reveal { opacity:1; transform:none; }
.seo-resources-body .section-head { margin-bottom:26px; }
.seo-resources-body .section-head h2 { font-size:25.3px; }

/* Spacious page rhythm and persistent shortcuts. */
main > .editorial-hero { height:auto; min-height:clamp(780px,56vw,960px); }
.hero-layout { min-height:inherit; }
.hero-copy { padding-top:55px; padding-bottom:55px; }
main > #services,main > #price { padding-top:100px; padding-bottom:85px; }
.main-quick-menu { display:block; min-height:0; gap:0; position:fixed; z-index:80; right:24px; bottom:30px; width:190px; padding:18px; background:rgba(9,23,28,.96); border:1px solid #35534f; border-radius:10px; box-shadow:0 10px 32px #0005; backdrop-filter:blur(12px); }
.main-quick-menu > span { display:block; font:11px var(--mono); color:#93a9af; letter-spacing:.1em; margin-bottom:10px; }
.main-quick-menu a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 0; color:#e6f4f1; font-size:14px; }
.main-quick-menu a + a { border-top:1px solid var(--line); }
.main-quick-menu a span { color:var(--mint); }
.main-quick-menu a:hover { color:var(--mint); }
.main-quick-menu a:focus-visible { outline:2px solid var(--mint); outline-offset:4px; }
@media(max-width:1100px) { .nav-links { gap:18px; } .nav-wrap nav { gap:18px; } }
@media(max-width:820px) { main > .editorial-hero { min-height:0; } .hero-layout { min-height:0; } .hero-copy { padding-top:24px; padding-bottom:35px; } main > #services,main > #price { padding-top:65px; padding-bottom:60px; } .main-quick-menu { right:12px; bottom:12px; width:auto; display:flex; align-items:center; gap:16px; padding:4px 16px; } .main-quick-menu > span { display:none; } .main-quick-menu a { font-size:13px; padding:12px 0; } .main-quick-menu a + a { border-top:0; border-left:1px solid var(--line); padding-left:16px; } footer { padding-bottom:85px; } }

/* Widen desktop content by 10%, retaining a minimum screen gutter. */
@media(min-width:1101px) {
 :root { --max:1570.58px; }
 .container, #ceo > .container { width:min(calc((100% - 116.16px) * 1.1),calc(100% - 48px),var(--max)); }
 .seo-resources-body > section > .container { width:100%; }
}

@media(max-width:820px){.main-quick-menu{left:12px;right:12px;gap:0;justify-content:space-around;padding:4px 10px}.main-quick-menu a{font-size:11px;gap:5px;white-space:nowrap}.main-quick-menu a+a{padding-left:10px}.main-quick-menu a:first-of-type{padding-right:10px}}

/* Quiet typography fades in at different scales and positions. */
.main-atmosphere{position:fixed;inset:100px 0 0;z-index:2;overflow:hidden;pointer-events:none;user-select:none;contain:strict;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
.main-atmosphere-word{position:absolute;max-width:62%;font-family:var(--sans);font-weight:600;line-height:1.65;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;color:#8ac5b2;opacity:0;animation:main-atmosphere-fade 20s linear infinite;animation-delay:var(--phrase-delay)}
.main-atmosphere-word.credential{font-size:clamp(18px,1.7vw,28px);font-weight:500}
.main-atmosphere-word.medium{font-size:clamp(22px,2.4vw,40px)}
.main-atmosphere-word.large{font-size:clamp(30px,3.3vw,56px);font-weight:700}
.main-atmosphere-word.zone-0{left:5%;top:12%}
.main-atmosphere-word.zone-1{right:5%;top:35%;text-align:right}
.main-atmosphere-word.zone-2{left:8%;top:59%}
.main-atmosphere-word.zone-3{right:7%;top:80%;text-align:right}
.main-atmosphere-word:nth-child(n+5):nth-child(-n+8){translate:0 -42px}
.main-atmosphere-word:nth-child(n+9){translate:0 42px}
@keyframes main-atmosphere-fade{0%{opacity:0;transform:translate3d(0,9px,0)}6%{opacity:.15}29%{opacity:.15}39%{opacity:0;transform:translate3d(0,-5px,0)}100%{opacity:0;transform:translate3d(0,-5px,0)}}
@media(max-width:820px){.main-atmosphere{inset:76px 0 0}.main-atmosphere-word{max-width:82%;line-height:1.8}.main-atmosphere-word.credential{font-size:16px}.main-atmosphere-word.medium{font-size:21px}.main-atmosphere-word.large{font-size:27px}.main-atmosphere-word.zone-0{left:5%;top:13%}.main-atmosphere-word.zone-1{right:5%;top:36%}.main-atmosphere-word.zone-2{left:6%;top:59%}.main-atmosphere-word.zone-3{right:6%;top:79%}}
@media(prefers-reduced-motion:reduce){.main-atmosphere-word{animation:none;opacity:.035;transform:none}.main-atmosphere-word:nth-child(n+4){display:none}}

/* Click feedback floats above the page without capturing input. */
.click-burst{position:fixed;z-index:1000;width:0;height:0;pointer-events:none;user-select:none}
.click-burst-word{position:absolute;left:0;top:0;white-space:nowrap;color:#79ffd2;font-family:var(--sans);font-weight:900;font-size:24px;line-height:1.3;text-shadow:0 2px 7px #02120d,0 0 20px #29edb088;pointer-events:none}
.click-burst-word:nth-of-type(even){color:#f4ffb3;font-size:21px}
.click-burst-ring{position:absolute;left:0;top:0;width:100px;height:100px;border:2px solid #51f7bc;border-radius:50%}
.click-burst-spark{position:absolute;left:0;top:0;width:4px;height:4px;background:#95ffdc;border-radius:50%;box-shadow:0 0 7px #29edb0}
@media(max-width:600px){.click-burst-word{font-size:20px}.click-burst-word:nth-of-type(even){font-size:18px}.click-burst-ring{width:75px;height:75px}}

/* Prominent shortcuts centered along the right screen edge. */
.main-quick-menu{top:50%;bottom:auto;left:auto;right:20px;transform:translateY(-50%);width:180px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:7px;background:rgba(6,30,25,.97);border:1px solid #29edb0a6;border-radius:12px;box-shadow:0 12px 35px #0007,0 0 22px #29edb017}
.main-quick-menu a{padding:19px 13px;gap:10px;font-size:15px;font-weight:800;color:#effff8;border-radius:6px;transition:background .2s,color .2s}
.main-quick-menu a:first-of-type{padding-right:13px;background:#29edb012}
.main-quick-menu a+a{border-left:0;border-top:1px solid #29edb040;padding-left:13px}
.main-quick-menu a span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#29edb01a;color:#61f9c6;font-size:14px}
.main-quick-menu a:hover{background:#29edb028;color:#71ffd0}
@media(max-width:820px){.main-quick-menu{top:50%;bottom:auto;left:auto;right:8px;width:104px;gap:0;padding:5px;border-radius:9px;justify-content:flex-start}.main-quick-menu a{padding:15px 5px;font-size:12px;gap:4px;white-space:normal;line-height:1.6}.main-quick-menu a:first-of-type{padding-right:5px}.main-quick-menu a+a{padding-left:5px;border-left:0;border-top:1px solid #29edb040}.main-quick-menu a span{flex-basis:16px;width:16px;height:16px;font-size:11px}}

/* JavaScript chooses fresh positions and flight paths for each appearance. */
.main-atmosphere.is-randomized .main-atmosphere-word{display:block;animation:none;opacity:0;translate:none;right:auto;text-align:left;transform-origin:center;max-width:62%}
@media(max-width:820px){.main-atmosphere.is-randomized .main-atmosphere-word{max-width:82%}}