:root{font-family:'DM Sans',sans-serif;color:#f0f4f5;background:#080c10;font-synthesis:none;color-scheme:dark;--muted:#cad5d9;--accent:#9bd0c5;--line:rgba(202,223,227,.27);--gutter:clamp(24px,6vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#416b70;color:white}[hidden]{display:none!important}
#field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.reading-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:rgba(5,15,23,.90)}.webgl-unavailable .reading-veil{background:linear-gradient(130deg,#101f2b,#080c10)}
.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px var(--gutter);background:linear-gradient(#080f16ed,#080f16ac 70%,transparent)}.brand{display:block;flex-shrink:0;line-height:0}.brand img{display:block;width:215px;height:auto}.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.3vw,36px)}.site-header nav a{font-size:14px;white-space:nowrap;color:#d3dee2;padding:9px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{color:white;border-color:var(--accent)}.header-cta{border:1px solid var(--line);border-radius:2px;padding:11px 18px;font-size:14px;white-space:nowrap}.header-cta:hover{background:#a7d1c815}.skip-link{position:fixed;z-index:30;top:12px;left:var(--gutter);padding:16px;background:#edf4f6;color:#10222b;transform:translateY(-160%)}.skip-link:focus{transform:none}
main,.site-footer{position:relative;z-index:2}.section{padding:clamp(120px,17vh,200px) 0;width:min(1180px,calc(100% - var(--gutter)*2));margin:auto;min-height:90svh;scroll-margin-top:20px}.section+.section{border-top:1px solid var(--line)}p{margin:0 0 1.25em;font-size:18px;line-height:1.7;color:var(--muted)}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:400;margin:0;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(48px,6.4vw,92px);line-height:1.1;max-width:1050px}h2{font-size:clamp(38px,4.4vw,64px);line-height:1.15;max-width:880px}h3{font-size:30px;line-height:1.25}a,button,summary{touch-action:manipulation}.hero{min-height:110svh;padding-top:clamp(168px,22vh,250px);display:flex;flex-direction:column;justify-content:space-between;gap:90px}.hero-lead{font-size:clamp(21px,2vw,28px);line-height:1.5;max-width:770px;margin:38px 0 22px;color:#e4edef}.service-statement{font-size:17px;max-width:680px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.hero-bottom>div{max-width:620px}.hero-bottom p{font-size:17px;margin:0 0 8px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--accent);padding:15px 0;min-width:160px;flex-shrink:0;font-size:17px}.text-link:after{content:'↗';font-size:22px;color:var(--accent)}.text-link:hover{color:var(--accent)}.section-heading{display:flex;align-items:flex-start;gap:28px;margin-bottom:65px}.section-number{font:13px monospace;letter-spacing:2px;color:var(--accent);padding-top:12px}.project-journey{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:80px 0 0;gap:35px}.project-journey li{border-top:1px solid var(--line);padding-top:26px}.step-number{display:block;font:13px monospace;letter-spacing:1px;color:#a6babf;margin-bottom:45px}.project-journey h3{margin-bottom:18px}.project-journey p{font-size:18px;max-width:230px}
.examples{min-height:125svh}.example-layout{display:grid;grid-template-columns:minmax(245px,320px) minmax(0,1fr);gap:clamp(50px,7vw,110px);align-items:start}.sector-tabs{display:flex;flex-direction:column}.sector-tabs button{background:transparent;border:0;border-top:1px solid var(--line);padding:18px 0;text-align:left;display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.45;cursor:pointer;color:#b8c8ce;min-height:65px}.sector-tabs button:last-child{border-bottom:1px solid var(--line)}.sector-tabs button[aria-selected=true]{color:white;border-top-color:var(--accent)}.tab-arrow{visibility:hidden;color:var(--accent)}[aria-selected=true] .tab-arrow{visibility:visible}.sector-tabs button:hover{color:white}.example-panels{min-height:530px}.example-panels h3{font-size:clamp(30px,3.3vw,48px);margin:0 0 30px;line-height:1.18}.example-lead{font-size:22px;line-height:1.6;color:#e1ebee}.example-panels details{margin-top:30px}.example-panels summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px;list-style:none;color:var(--accent)}summary::-webkit-details-marker{display:none}.when-open{display:none}details[open] .when-open{display:inline}details[open] .when-closed{display:none}.expand-icon{font-size:24px;line-height:1}details[open] .expand-icon{transform:rotate(45deg)}.example-detail{padding-top:28px}.example-detail p{font-size:18px;line-height:1.75}.section-lead{font-size:clamp(21px,2vw,26px);max-width:830px;color:#e0e9ec;line-height:1.55}.prices{display:grid;grid-template-columns:.8fr .9fr 1.3fr;gap:35px;margin:72px 0 50px}.prices>div{border-top:1px solid var(--line);padding-top:25px}dt{font-size:12px;letter-spacing:1.2px;color:#c2d2d7;line-height:1.6;min-height:46px}dd{font-family:'Manrope',sans-serif;font-size:clamp(30px,3.7vw,52px);letter-spacing:-.045em;line-height:1.25;margin:18px 0 0;white-space:nowrap}.pricing-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.pricing-notes{max-width:540px}.pricing-notes p{font-size:15px;margin-bottom:9px}.inline-link{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#8aa5aa;font-size:15px}.pricing-notes .inline-link{display:inline-block;margin-top:14px}.together-copy{max-width:900px;margin-left:54px}.together-copy p{font-size:clamp(23px,2.6vw,35px);line-height:1.55;color:#e3ecef}.contact-options{margin-top:70px}.contact-option{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;padding:35px 0;border-top:1px solid var(--line)}.contact-option:last-child{border-bottom:1px solid var(--line)}.contact-option h3{font-size:clamp(24px,2.6vw,35px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.contact-option h3 span{color:var(--accent);font-size:26px}.contact-option p{margin:0;font-size:17px}.contact-option:hover h3{color:var(--accent)}
.site-footer{width:min(1180px,calc(100% - var(--gutter)*2));margin:auto;padding:70px 0 35px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:45px}.footer-top p{font-size:16px;max-width:390px;margin-top:24px}.footer-links{margin:50px 0 65px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 30px}.footer-links a{font-size:14px;color:#c0cfd5}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px}.footer-bottom p,.footer-bottom a{font-size:13px;color:#a6bac2;margin:0}.progress-track{position:fixed;z-index:12;inset:auto 0 0;height:2px;background:#14232c;pointer-events:none}.progress-track>div{height:100%;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left}#record-preview{position:fixed;right:24px;bottom:70px;z-index:30;background:#14232b;color:#bed9df;border:1px solid #314957;padding:8px 13px;font:11px monospace}
@media(max-width:1050px){.brand img{width:180px}.site-header{gap:20px}.site-header nav{gap:18px}.site-header nav a{font-size:13px}.project-journey{gap:25px}.example-layout{gap:50px}.prices{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:155px}.site-header{display:grid;grid-template-columns:1fr auto;padding:20px var(--gutter) 15px;gap:14px 20px;background:linear-gradient(#081119f5 80%,#081119d0)}.brand img{width:185px}.site-header nav{grid-column:1/-1;grid-row:2;overflow-x:auto;gap:24px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.header-cta{grid-column:2;grid-row:1;padding:9px 12px;font-size:13px}.site-header nav a{font-size:13px}.section{padding:100px 0;min-height:85svh;scroll-margin-top:5px}.hero{padding-top:190px;min-height:105svh;gap:60px}h1{font-size:clamp(42px,9.7vw,68px)}.hero-lead{font-size:21px;margin-top:30px}.service-statement{font-size:16px}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.hero-bottom .text-link{margin-top:24px}.section-heading{gap:16px;margin-bottom:45px}.section-number{padding-top:8px;font-size:12px}h2{font-size:38px}.project-journey{grid-template-columns:1fr 1fr;margin-top:45px;gap:35px 24px}.step-number{margin-bottom:28px}.project-journey h3{font-size:27px}.project-journey p{font-size:16px}.examples{min-height:120svh}.example-layout{display:block}.sector-tabs{margin-bottom:45px}.sector-tabs button{font-size:15px;min-height:54px;padding:14px 0}.example-panels{min-height:0}.example-panels h3{font-size:34px}.example-lead{font-size:20px}.example-detail p{font-size:17px}.section-lead{font-size:21px}.prices{grid-template-columns:1fr;margin:45px 0;gap:25px}.prices>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px}dt{min-height:0;max-width:145px;font-size:11px}dd{margin:0;font-size:30px}.pricing-bottom{display:block}.pricing-bottom>.text-link{margin-top:25px}.together-copy{margin-left:0}.together-copy p{font-size:24px}.contact-options{margin-top:45px}.contact-option{grid-template-columns:1fr;gap:20px;padding:30px 0}.contact-option h3{font-size:26px}.contact-option p{font-size:17px}.footer-top{flex-direction:column;gap:20px}.footer-links{grid-template-columns:1fr 1fr;gap:20px 25px;margin:40px 0}.footer-bottom{flex-direction:column;gap:14px}.site-footer{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.site-header nav{display:grid;grid-template-columns:.95fr .95fr .65fr 1.25fr;gap:10px;overflow:visible}.site-header nav a{font-size:12px;white-space:normal;line-height:1.35;text-wrap:balance}}

/* Compact sector chooser and an upfront, review-led workflow. */
.section.examples{min-height:0;padding:72px 0}
.examples .section-heading{margin-bottom:32px}
.example-layout{gap:clamp(32px,5vw,72px)}
.sector-picker{display:none}
.sector-tabs button{position:relative;min-height:48px;padding:12px 16px;font-size:15px;gap:0}
.sector-tabs button[aria-selected=true]{background:rgba(151,217,231,.12);border-top-color:var(--line);box-shadow:inset 3px 0 var(--accent);color:#fff}
.example-panels{min-height:0}
.example-panels h3{font-size:clamp(28px,2.8vw,40px);margin-bottom:22px}
.example-workflow{margin:0;display:grid;gap:18px}
.example-workflow dt{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:5px}
.example-workflow dd{margin:0;font-size:18px;line-height:1.55;color:#e1ebee}
.example-panels details{margin-top:24px}
.example-detail{padding-top:18px}
@media(max-width:760px){
 .section.examples{padding:64px 0;min-height:0}
 .examples .section-heading{margin-bottom:26px}
 .sector-tabs{display:none}
 .sector-picker{display:grid;gap:8px;margin-bottom:26px}
 .sector-picker label{font-size:13px;color:var(--accent);font-weight:600}
 .sector-picker select{width:100%;min-width:0;min-height:50px;padding:12px 32px 12px 12px;border:1px solid rgba(151,217,231,.45);border-radius:4px;background:#132831;color:#fff;font:inherit;font-size:16px;color-scheme:dark}
 .example-panels h3{font-size:30px;margin-bottom:20px}
 .example-workflow{gap:16px}
 .example-workflow dd{font-size:17px;line-height:1.5}
}

.example-workflow dt{min-height:0;max-width:none;text-transform:none;letter-spacing:normal}
.example-workflow dd{white-space:normal;letter-spacing:normal}
.sector-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}