:root{--bg:#080808;--fg:#f4f4f4;--secondary:#bcbcbc;--muted:#aaa;--line:#383838;--panel:#111;--contrast-bg:#eee;--contrast-fg:#111;--contrast-muted:#555;--contrast-line:#999;color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:var(--fg);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}
:root[data-theme=light]{--bg:#f6f6f6;--fg:#111;--secondary:#444;--muted:#595959;--line:#ccc;--panel:#eaeaea;--contrast-bg:#e7e7e7;--contrast-fg:#111;--contrast-muted:#505050;--contrast-line:#aaa;color-scheme:light}
@media(prefers-color-scheme:light){:root:not([data-theme]){--bg:#f6f6f6;--fg:#111;--secondary:#444;--muted:#595959;--line:#ccc;--panel:#eaeaea;--contrast-bg:#e7e7e7;--contrast-fg:#111;--contrast-muted:#505050;--contrast-line:#aaa;color-scheme:light}}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
a:hover{text-decoration:underline;text-underline-offset:5px}
p{font-size:16px;line-height:1.8;max-width:70ch}
h1,h2,h3,p,figure{margin:0}
h2{font-weight:500;letter-spacing:-.065em;line-height:1.15}
::selection{color:var(--bg);background:var(--fg)}
.skip{position:fixed;top:8px;left:16px;padding:15px;background:var(--fg);color:var(--bg);z-index:20;transform:translateY(-150%)}
.skip:focus{transform:none}
.header{height:98px;padding:0 4.2%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}
.brand{display:flex;font-size:19px;letter-spacing:-.055em;line-height:1.08;font-weight:700;flex-shrink:0}
.brand:hover{text-decoration:none}
.brand-sub{display:block;font-size:12px;letter-spacing:.12em;font-weight:400;margin-top:6px}
.header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px;order:2}
.nav-cta{border:1px solid var(--muted);padding:14px 18px;display:flex;gap:24px}
.nav-cta:hover,.button:hover{background:var(--secondary);color:var(--bg);text-decoration:none}
.header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.menu-toggle,.theme-toggle{display:none}
.js .theme-toggle{display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;color:var(--fg);border:1px solid var(--line);min-height:44px;padding:10px 13px;cursor:pointer;order:3;font-size:12px}
.theme-toggle>span:first-child{font-size:20px;line-height:1}
.meta,.eyebrow{font-size:11px;letter-spacing:.045em;line-height:1.6}
.eyebrow{margin-bottom:30px}
.outline{color:transparent;-webkit-text-stroke:1px var(--fg)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--fg);color:var(--bg);padding:17px 20px;font-size:13px;min-height:48px}
.text-link{font-size:13px;border-bottom:1px solid var(--muted);padding:12px 0;display:inline-block}
.statement{padding:65px 4.2% 75px;border-top:1px solid var(--line)}
.statement-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}
.statement h2{font-size:clamp(30px,3.3vw,46px);line-height:1.25}
.statement p:not(.eyebrow){color:var(--secondary);margin-bottom:18px}
.statement .text-link{margin-top:8px}
.light{color:var(--contrast-fg);background:var(--contrast-bg)}
.cap-intro{padding:75px 4.2% 55px}
.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end}
.intro-grid h2{font-size:clamp(28px,3.8vw,56px)}
.intro-grid p{max-width:55ch}
.cap-index{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}
.cap-index a{font-size:11px;border-top:1px solid var(--contrast-line);padding:18px 12px 18px 0;display:flex;gap:16px}
.cap-index a span:first-child{color:var(--contrast-muted)}
.cap-index a span:last-child{margin-left:auto}
.services{padding:0 4.2%}
.service{display:grid;grid-template-columns:70px 1.1fr 1fr;gap:4%;padding:90px 0;border-bottom:1px solid var(--line)}
.service-number{font-size:34px;letter-spacing:-.07em}
.service-number span{display:block;font-size:10px;letter-spacing:0;color:var(--muted);margin-top:10px}
.service .eyebrow{color:var(--muted);margin-bottom:22px}
.service h2{font-size:clamp(30px,3.3vw,49px);margin-bottom:28px}
.service-content>p:not(.eyebrow){color:var(--secondary)}
.service-content .tags{font-size:12px;line-height:1.9;margin-top:26px}
.service-content .result{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--secondary)}
.service-visual{align-self:center;min-width:0}
.service-visual>.meta{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);color:var(--muted)}
.scene{font:clamp(7px,.87vw,13px)/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:210px;display:flex;align-items:center;justify-content:center;white-space:pre;overflow:hidden;color:var(--secondary);padding:25px 0;margin:0}
.service-visual figcaption{font-size:9px}
.thinking{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:95px 6%}
.thinking h2{font-size:clamp(35px,4.1vw,60px);margin-bottom:30px}
.muted{color:var(--contrast-muted)}
.system-stack{align-self:center}
.system-stack>div{border:1px solid var(--contrast-line);padding:22px 17px;margin-bottom:20px;position:relative;display:flex;justify-content:space-between;font-size:14px}
.system-stack>div:after{content:'│';position:absolute;bottom:-21px;left:50%;height:20px;color:var(--contrast-muted)}
.system-stack>div:nth-last-of-type(1):after{display:none}
.system-stack>div>span{font-size:9px;color:var(--contrast-muted);align-self:center}
.system-stack .stack-trio{border:0;padding:12px 0}
.system-stack .stack-trio span{font-size:11px;color:var(--contrast-fg)}
.system-stack p{font-size:9px;text-align:center;padding-top:10px}
.process{padding:95px 4.2%}
.process-heading{display:flex;justify-content:space-between;gap:8%;margin-bottom:50px}
.process-heading h2{font-size:clamp(30px,3.5vw,50px);flex:1.4}
.process-heading p{flex:1;color:var(--secondary)}
.process-list{list-style:none;padding:0;margin:0}
.process-list li{display:grid;grid-template-columns:8% 32% 1fr 25px;align-items:center;border-top:1px solid var(--line);padding:25px 0;gap:15px}
.process-list h3{font-size:24px;font-weight:400;text-transform:uppercase;letter-spacing:-.04em}
.process-list p{font-size:13px;color:var(--muted)}
.process-list li>span:last-child{font-size:25px}
.audit{padding:55px 4.2% 80px;border-top:1px solid var(--line);background:var(--panel)}
.audit-top{display:flex;justify-content:space-between;font-size:11px}
.audit h2{font-size:clamp(65px,9.5vw,146px);line-height:1.03;letter-spacing:-.075em;margin:25px 0 45px}
.audit-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.audit-question{font-size:24px;line-height:1.5}
.audit-bottom>div>p{color:var(--secondary);margin-bottom:24px}
.email{display:block;margin-top:20px;font-size:13px;overflow-wrap:anywhere}
.footer{padding:50px 4.2% 70px;display:grid;grid-template-columns:1fr .75fr 1.4fr;gap:35px;font-size:11px;line-height:1.8}
.legal-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}
.footer small{font-size:9px;color:var(--muted);margin-top:25px}
.footer small:last-child{grid-column:2/4;text-align:right}
.system-status{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--line);padding:8px 4.2%;display:flex;gap:20px;font-size:9px;z-index:8;color:var(--muted);pointer-events:none}
.system-status span:last-child{margin-left:auto}
.legal-page{max-width:960px;margin:auto;padding:80px 30px}
.legal-page h1{font-size:clamp(30px,5vw,65px);letter-spacing:-.055em;overflow-wrap:anywhere;margin-bottom:40px}
.legal-page h2{font-size:23px;margin:35px 0 15px;letter-spacing:-.04em}
.legal-page p,.legal-page li{color:var(--secondary);margin-bottom:15px;font-size:16px;line-height:1.8}
.legal-page p a{text-decoration:underline;overflow-wrap:anywhere}
.legal-page ol,.legal-page ul{padding-left:25px}
.legal-page hr{border:0;border-top:1px solid var(--line);margin:35px 0}
.legal-note{border:1px solid var(--muted);padding:20px}
.legal-page .text-link{margin-top:35px}
@media(min-width:1600px){body{max-width:1920px;margin:auto}}
@media(max-width:1000px){.header{gap:20px}
.header nav{gap:18px;font-size:12px}
.nav-cta{padding:12px;gap:12px}
.service{grid-template-columns:45px 1.1fr 1fr;gap:3%}
.scene{font-size:.8vw}
.footer{grid-template-columns:1fr 1fr}
.footer>div:nth-of-type(2){grid-column:1/3}
.footer small:last-child{grid-column:auto}
.thinking{gap:6%}}
@media(max-width:700px){:root{scroll-padding-top:85px}
.header{height:78px;padding:0 6%;gap:12px}
.brand{font-size:17px}
.brand-sub{font-size:10px}
.js .theme-toggle{order:2;margin-left:auto;padding:8px 10px;min-width:44px}
.theme-label{display:none}
.header nav{display:flex;flex-wrap:wrap;gap:10px 20px;padding:18px 6%;background:var(--bg);border-bottom:1px solid var(--line);position:absolute;top:78px;left:0;right:0;font-size:12px}
.header{margin-bottom:111px}
.header nav a{padding:12px 0}
.header .nav-cta{border:0;gap:10px}
.js .header{margin-bottom:0}
.js .menu-toggle{display:flex;order:3;align-items:center;gap:16px;border:1px solid var(--line);padding:11px;background:none;color:var(--fg);font-size:12px;min-height:44px}
.js .header nav{display:none}
.js .header nav.is-open{display:flex}
.button{font-size:12px;padding:16px}
.statement{padding:42px 6% 48px}
.statement-grid{grid-template-columns:1fr;gap:28px}
.statement h2{font-size:32px}
.eyebrow{font-size:10px;margin-bottom:23px}
.cap-intro{padding:48px 6% 38px}
.intro-grid{grid-template-columns:1fr;gap:25px}
.intro-grid h2{font-size:32px}
.cap-index{grid-template-columns:1fr;margin-top:30px}
.cap-index a{font-size:11px}
.services{padding:0 6%}
.service{grid-template-columns:32px 1fr;padding:48px 0;gap:20px 15px}
.service-number{font-size:24px}
.service-number span{font-size:8px}
.service h2{font-size:29px;letter-spacing:-.065em}
.service-visual{grid-column:2;max-width:100%}
.scene{font-size:clamp(5.5px,1.75vw,11px);min-height:170px;padding:15px 0}
.service-visual .meta{font-size:8px}
.thinking{grid-template-columns:1fr;padding:50px 6%;gap:40px}
.thinking h2{font-size:38px}
.system-stack>div{font-size:13px}
.process{padding:50px 6%}
.process-heading{display:block;margin-bottom:30px}
.process-heading h2{font-size:30px;margin-bottom:25px}
.process-list li{grid-template-columns:25px 1fr 20px;gap:10px;padding:20px 0}
.process-list h3{font-size:23px}
.process-list p{grid-column:2;grid-row:auto;font-size:12px}
.process-list li>span:last-child{grid-column:3;grid-row:1/3}
.audit{padding:40px 6% 50px}
.audit-top>span{display:none}
.audit h2{font-size:11.7vw;margin:15px 0 35px}
.audit-bottom{grid-template-columns:1fr;gap:25px}
.audit-question{font-size:22px}
.footer{display:flex;flex-direction:column;padding:40px 6% 60px;gap:25px}
.footer small,.footer small:last-child{margin:0;text-align:left}
.legal-links{gap:18px}
.system-status{font-size:8px;padding:8px 6%}
.legal-page{padding:45px 6%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.outline{color:CanvasText;-webkit-text-stroke:0}
.button{border:1px solid ButtonText}}
@media(min-width:701px){.theme-toggle{width:80px;flex-shrink:0}}
.brand-name{white-space:nowrap}
.brand-name>span{display:inline-block}
.js .brand-name>span{animation:brand-letter 6s infinite;animation-delay:calc(var(--letter)*.12s)}
@keyframes brand-letter{0%,12%,100%{opacity:1;transform:translateY(0)}6%{opacity:.55;transform:translateY(-1px)}}
.motion-paused .brand-name>span{animation-play-state:paused}



/* One readable brand signature, shared with the header. */
.footer{border-top:1px solid var(--line)}
.footer-wordmark{display:block;grid-column:1/-1;min-width:0;font-size:clamp(48px,16vw,260px);font-weight:700;letter-spacing:-.055em;line-height:1.02;padding:0 0 35px;border-bottom:1px solid var(--line)}
.footer-wordmark:hover{text-decoration:none}
.footer-wordmark .brand-type{display:block}
.footer-wordmark .brand-sub{font-size:.38em;letter-spacing:.12em;line-height:1.2;margin-top:.35em}
.footer>div:nth-of-type(2){grid-column:2/4}
@media(max-width:1000px){.footer>div:nth-of-type(2){grid-column:2}}
@media(max-width:700px){.footer-wordmark{font-size:16vw;padding-bottom:25px}.footer>div:nth-of-type(2){grid-column:auto}}