@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Mono:wght@400&display=swap');
:root{--bg:#050709;--fg:#eff2f5;--muted:#92989f;--line:#262c33;--mint:#91c9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.skip{position:fixed;top:-100px;z-index:99;padding:15px;background:var(--mint);color:#000}.skip:focus{top:0}.mono,.eyebrow{font:10px/1.6 'Space Mono',monospace;letter-spacing:1.3px}.logo{font-size:37px;font-weight:700;letter-spacing:-2.8px;line-height:1}.logo span{color:var(--mint);font-size:24px;margin-left:4px;vertical-align:top}header{height:100px;position:absolute;z-index:3;left:0;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff12}nav{display:flex;gap:34px;font-size:12px;color:#babfc6}nav a:hover{color:var(--mint)}.nav-cta{font-size:12px;border:1px solid #7e86905c;padding:13px 20px;border-radius:40px}.nav-cta span{margin-left:25px;color:var(--mint)}.hero{height:100svh;min-height:730px;max-height:1100px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#0c1624 0,transparent 50%)}#scene{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.hero-copy{position:absolute;top:31%;left:7.5%;z-index:1;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;color:#c9cfd6;display:flex;gap:10px;align-items:center}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a7c6ef88;display:inline-block}h1{font-size:clamp(55px,6vw,100px);line-height:1.04;font-weight:450;letter-spacing:-5px;margin:25px 0}h1 em{font-style:normal;color:#bac1cb}.intro{font-size:16px;line-height:1.65;color:#adb3bb;margin:28px 0}.button{display:inline-flex;align-items:center;gap:40px;border:1px solid var(--mint);border-radius:40px;background:var(--mint);color:#0b1119;padding:17px 24px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#dceafc;transform:translateY(-2px)}.button span{font-size:19px}.coordinates{position:absolute;top:145px;right:4.5%;text-align:right;color:#bcc5d2;font-size:9px}.coordinates span{color:#6f7c8d}.scene-label{position:absolute;right:7.5%;bottom:24%;font-size:9px;color:#b7bec8}.scene-label small{font-size:8px;color:#738397}.hero-bottom{position:absolute;bottom:30px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9ca6b4}.hero-bottom button{background:none;border:0;font:inherit;letter-spacing:inherit;color:inherit}.section{padding:85px 7.5%;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;color:#8b939d;margin-bottom:70px;font-size:9px}.section-top span:first-child{color:#c0c6cf}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}h2{font-size:clamp(40px,4.8vw,72px);font-weight:450;line-height:1.07;letter-spacing:-3px;margin:0}h2 span{color:#7d8692}.body-copy{max-width:450px}.body-copy p,.section-heading p,.calc-intro{color:#a0a6ae;font-size:15px;line-height:1.8}.body-copy .large{font-size:25px;color:#e6e9ee;line-height:1.4;margin-top:0;margin-bottom:28px}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #57606c;padding:18px 0;font-size:12px;margin-top:26px;color:#dde5f0}.text-link span{color:var(--mint)}.service-list{margin-top:80px}.service-list article{display:grid;grid-template-columns:.25fr 1.2fr 1.2fr .2fr;gap:30px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}h3{font-size:23px;letter-spacing:-.7px;font-weight:450;margin:0}.service-list .mono{color:#727c89}.service-list p{font-size:13px;line-height:1.75;color:#929aa5;max-width:380px;margin:0}.mark{font-size:35px;text-align:right;color:var(--mint)}.specialties{background:radial-gradient(ellipse at 90% 90%,#132133,transparent 70%),#090c10}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:10%;margin-bottom:55px}.section-heading p{max-width:340px;margin:0}.tabs{display:flex;border-bottom:1px solid #323b47;gap:35px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:20px 0;color:#828b97;flex:1;text-align:left;font-size:16px}.tabs button span{float:right}.tabs button[aria-selected=true]{border-color:var(--mint);color:var(--mint)}#service-panel{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:35px 0 15px}#service-panel .mono{color:var(--mint);padding-top:5px}#service-panel p{max-width:680px;margin:0;color:#aab2bd;font-size:18px;line-height:1.6;min-height:87px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:55px 65px;margin-top:65px}.steps article{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:25px}.step-no{font-size:42px;color:#515c6b;font-weight:400;letter-spacing:-2px}.steps p{font-size:14px;color:#9299a3;line-height:1.8;max-width:350px}.steps .mono{font-size:8px;color:var(--mint)}.stories{background:#0b0d10}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.videos article{border-bottom:1px solid var(--line)}.videos video{width:100%;height:auto;aspect-ratio:9 / 16;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 70%,#2a323d,#11161c);display:block}.videos article>div{padding:22px 0}.videos .mono{font-size:8px;color:#828b98}.videos h3{font-size:18px;margin-top:10px}.calc-intro{max-width:430px;margin-top:25px}.inputs{margin-top:32px;max-width:460px}.inputs label{display:flex;justify-content:space-between;font-size:12px;color:#bec4cc}.inputs output{color:var(--mint)}input[type=range]{width:100%;margin:20px 0 28px;accent-color:var(--mint);cursor:pointer;height:3px}.currency-label{align-items:center}.currency-label select{border:1px solid var(--line);background:#11151b;font-size:12px;padding:8px}.projection{align-self:center;padding:45px 0}.projection>.mono{color:var(--mint);font-size:9px}#revenue{display:block;font-size:clamp(42px,5.8vw,90px);letter-spacing:-4px;margin:25px 0 20px;line-height:1}.projection>p{font-size:13px;color:#9ba3ae}.projection strong{color:#e2e9f2;font-weight:400}.projection-line{height:1px;background:linear-gradient(90deg,var(--mint),#1b2634);margin:40px 0 25px}.projection .fine{font-size:11px;line-height:1.8;max-width:410px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;font-size:15px;list-style:none;cursor:pointer;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--mint)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:#9ba2ac;margin-bottom:0}.contact{background:radial-gradient(ellipse at 50% 105%,#1d2d43 0,transparent 65%);text-align:center;padding-bottom:100px}.contact .eyebrow{justify-content:center;margin:50px 0 25px}.contact h2{font-size:clamp(55px,7.5vw,112px);letter-spacing:-5px}.contact .button{margin-top:40px}.contact-note{color:#8c96a3;font-size:12px;margin:22px 0 0}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 4.5%;border-top:1px solid var(--line);gap:20px}footer p{color:#8d96a1;font-size:12px}footer .mono{font-size:8px;color:#98a0ab}dialog{background:#10161e;border:1px solid #465365;color:var(--fg);width:min(500px,90vw);padding:45px;border-radius:6px}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:42px;margin-top:20px}dialog p:not(.eyebrow){font-size:15px;color:#afb5be;line-height:1.8}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:26px}.dialog-done{margin-top:15px}@media(max-width:800px){header{height:85px;padding:0 6%}nav{display:none}.logo{font-size:32px}.hero{min-height:750px;max-height:900px}.hero-copy{top:29%;left:7%;right:7%}h1{font-size:clamp(46px,8.5vw,70px);letter-spacing:-2.8px}.coordinates{top:115px;right:7%;font-size:8px}.hero-bottom>span{display:none}.scene-label{bottom:17%;font-size:8px;right:7%}.intro{font-size:14px}.section{padding:60px 7%}.section-top{margin-bottom:45px;font-size:8px;gap:20px}.section-top span:last-child{text-align:right;max-width:150px}.split{grid-template-columns:1fr;gap:40px}h2{font-size:45px;letter-spacing:-2px}.body-copy{max-width:none}.body-copy .large{font-size:23px}.service-list{margin-top:45px}.service-list article{grid-template-columns:25px 1fr 25px;gap:15px}.service-list h3{font-size:21px}.service-list p{grid-column:2;grid-row:2}.mark{grid-column:3;grid-row:1;font-size:28px}.section-heading{display:block;margin-bottom:35px}.section-heading p{margin-top:25px}.tabs{gap:20px}.tabs button{font-size:12px}.tabs button span{display:none}#service-panel{grid-template-columns:1fr;gap:16px}#service-panel p{font-size:16px;min-height:100px}.steps{grid-template-columns:1fr;gap:35px}.steps p{max-width:none}.videos{grid-template-columns:minmax(0,360px);justify-content:center;gap:30px}.videos video{height:auto;aspect-ratio:9 / 16;object-fit:contain}.videos h3{font-size:20px}.inputs{max-width:none}.projection{padding:15px 0}#revenue{font-size:65px}.contact h2{font-size:65px;letter-spacing:-3px}.contact .eyebrow{font-size:8px}footer{flex-wrap:wrap;padding:30px 7%}footer p{width:65%;text-align:right;font-size:10px}.hero-bottom{left:7%;right:7%}.nav-cta{padding:10px 17px}.nav-cta span{margin-left:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Match the detailing site: 1180px wrapper minus 48px side padding. */
.stories{padding-inline:max(clamp(20px,5vw,48px),calc((100% - 1084px)/2))}
.stories .section-top{margin-bottom:44px}
.stories .section-heading{gap:48px;margin-bottom:40px}
.stories h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2px}
.stories .section-heading p{font-size:13px;max-width:310px}
.stories .videos{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20.8px,2.6vw,35.2px)}
.stories .videos article{min-width:0}
.stories .videos video{width:100%;height:auto;aspect-ratio:9 / 16;object-fit:contain;border-radius:18px;background:#000}
.stories .videos article>div{padding:18px 0 20px}
.stories .videos h3{font-size:17px;line-height:1.4;letter-spacing:-.3px}
@media(max-width:640px){.stories .videos{grid-template-columns:minmax(0,360px);justify-content:center;gap:36px}.stories .section-heading{margin-bottom:32px}.stories .section-top{margin-bottom:32px}}

/* Architectural motion, shared with the hero mood. */
.section-art{pointer-events:none;user-select:none}.section-art svg{display:block;width:100%;height:auto;overflow:visible}.territory-art{margin:28px -12px -10px;max-width:520px}.art-caption{display:flex;justify-content:space-between;gap:15px;padding:0 22px;color:#718299;font-size:8px;letter-spacing:1px}.map-ring{transform-box:fill-box;transform-origin:center;animation:territory-pulse 6s ease-out infinite}.map-beacon{animation:beacon 4s ease-in-out infinite;animation-delay:var(--delay)}.signal-route{animation:signal 12s linear infinite}.flow-art{margin:45px 0 -22px}.flow-art svg{max-height:160px}.flow-current{animation:current 7s linear infinite}.flow-orbit{transform-box:fill-box;transform-origin:center;animation:orbit 12s linear infinite;animation-delay:var(--delay)}.flow-labels{display:flex;justify-content:space-between;padding:0 5%;margin-top:-25px;color:#8494a9;font-size:9px}.contact{position:relative;isolation:isolate;overflow:hidden}.contact>.horizon-art{position:absolute;inset:0;z-index:-1;display:flex;align-items:flex-end;opacity:.65}.horizon-art svg{min-width:900px;position:relative;left:50%;transform:translateX(-50%);flex-shrink:0}.horizon-trace{animation:horizon 10s linear infinite}.section-art:not(.art-visible) *,.art-paused .section-art *{animation-play-state:paused!important}@keyframes territory-pulse{0%{transform:scale(.45);opacity:0}30%{opacity:.4}100%{transform:scale(1.4);opacity:0}}@keyframes beacon{0%,100%{opacity:.3}50%{opacity:1}}@keyframes signal{to{stroke-dashoffset:-516}}@keyframes current{to{stroke-dashoffset:-900}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes horizon{to{stroke-dashoffset:-1570}}@media(max-width:800px){.territory-art{max-width:440px;margin:18px auto 0}.art-caption{font-size:7px;padding:0 12px}.flow-art{margin:30px 0 -20px}.flow-labels{font-size:7px;letter-spacing:.8px;margin-top:-8px}.contact>.horizon-art{opacity:.45}}@media(prefers-reduced-motion:reduce){.section-art *{animation:none!important}}
