/* Motion-led studio direction; all diagrams describe the existing work. */
:root{--paper:#080a0e;--card:#10131a;--ink:#f2f4fb;--muted:#9da5b6;--line:#252b38;--accent:#a8c5ff;--accent-soft:#17263f;--nav-bg:rgba(8,10,14,.78)}
html[data-theme="light"]{--paper:#f5f7fc;--card:#fff;--ink:#101829;--muted:#536078;--line:#d4dbea;--accent:#254da7;--accent-soft:#e2eaff;--nav-bg:rgba(245,247,252,.86)}
body{overflow-x:clip}nav{margin:16px auto 0;width:calc(100% - 48px);max-width:1280px;border:1px solid var(--line);border-radius:18px;top:16px}nav .wrap{min-height:70px;padding:0 24px}.navlinks a:last-child{border:0;background:var(--ink);color:var(--paper);padding:9px 16px;border-radius:8px}.theme-toggle{border:0}.hero{position:relative;padding:80px 0 0;isolation:isolate}.hero-halo{position:absolute;inset:0 0 0;z-index:-1;background:radial-gradient(ellipse at 50% 52%,rgba(61,105,213,.18),transparent 60%);pointer-events:none}.hero-grid{display:block;text-align:center}.hero-copy{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:none;letter-spacing:.03em;border:1px solid var(--line);border-radius:30px;padding:7px 14px;margin-bottom:30px;color:var(--muted);font-size:13px}.eyebrow>span{color:var(--accent);font-size:20px}.hero h1{max-width:none;font-size:clamp(3rem,7.7vw,7rem);letter-spacing:-.065em;line-height:1.06;font-weight:500}.headline-line{display:block}.hero h1 em{background:linear-gradient(110deg,#e3ebff,#83aaff 45%,#bfd8ff 70%,#e3ebff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shimmer 9s linear infinite}html[data-theme="light"] .hero h1 em{background-image:linear-gradient(110deg,#132544,#416ad0,#254da7)}.hero p.hero-intro{max-width:64ch;margin:26px auto 0;font-size:18px}.hero .cta{justify-content:center;gap:28px;margin-top:28px}.btn{border-radius:9px;position:relative;transition:transform .3s,box-shadow .3s}.btn-primary{background:#d5e3ff;color:#101828;border-color:#d5e3ff;box-shadow:0 0 25px #6595ff18}.btn-primary:hover{box-shadow:0 0 40px #6595ff40;transform:translateY(-3px)}.btn span{transition:transform .25s}.btn:hover span{transform:translate(3px,-3px)}.text-link{border:0}.text-link:hover{color:var(--accent)}
.system-stage{margin:62px auto 0;border:1px solid var(--line);background:linear-gradient(160deg,var(--card),var(--paper));border-radius:20px;padding:22px 30px 18px;box-shadow:0 40px 100px #0002;transform:perspective(1300px) rotateX(var(--board-tilt,5deg));transform-origin:center top;transition:transform .25s ease-out}.system-meta,.system-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--muted);font:11px/1.6 var(--mono);letter-spacing:.05em}.motion-toggle{background:transparent;color:var(--muted);font:12px var(--mono);border:1px solid var(--line);border-radius:20px;padding:8px 12px}.system-board{display:grid;grid-template-columns:1fr .26fr 1.1fr .26fr 1fr;align-items:center;gap:0;padding:32px 0 42px}.diagram-label{font:11px/1.5 var(--mono);color:var(--muted);letter-spacing:.04em;display:block;margin-bottom:17px}.input-token{border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-top:10px;background:var(--card);font-size:14px;animation:token-breathe 5s ease-in-out infinite}.input-token:nth-child(3){animation-delay:-1.5s}.input-token:nth-child(4){animation-delay:-3s}.data-channel{height:110px;position:relative;overflow:hidden}.data-channel:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.data-channel i{position:absolute;left:-25%;top:50%;width:25%;height:2px;background:linear-gradient(90deg,transparent,var(--accent));animation:packet 3s linear infinite}.data-channel i:nth-child(2){animation-delay:-1s}.data-channel i:nth-child(3){animation-delay:-2s}.system-core{border:1px solid #5f82c780;box-shadow:0 0 60px #517dd017,inset 0 0 30px #517dd00c;text-align:center;border-radius:16px;padding:22px 8px;position:relative;background:var(--card)}.core-label{font:12px var(--mono);letter-spacing:.2em;color:var(--accent)}.system-core>strong{font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:1.6;font-weight:450;letter-spacing:-.04em;display:block;white-space:nowrap}.system-core b{font-weight:450;font-variant-numeric:tabular-nums}.system-core strong>span{color:var(--accent);font-size:.65em}.core-caption{font:10px var(--mono);color:var(--muted)}.core-steps{display:flex;justify-content:center;gap:12px;border-top:1px solid var(--line);margin:22px 7px 0;padding-top:16px;font-size:12px;color:var(--muted)}.output-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.output-symbol{color:var(--accent);display:block;font-size:24px;margin-bottom:8px}.output-card strong{display:block;font-size:18px;font-weight:500}.output-card>span:not(.output-symbol){font-size:12px;color:var(--muted)}.output-progress{height:3px;background:var(--line);margin:20px 0 10px}.output-progress i{display:block;height:100%;width:80%;background:var(--accent);transform-origin:left;animation:load-rail 5s ease-in-out infinite}.output-card small{font:11px var(--mono);color:var(--muted)}.system-bottom{border-top:1px solid var(--line);padding-top:16px}.hero-bottom{border:0;margin-top:10px;padding:24px 10px;font-size:11px}.manifesto{padding:30px 0}.manifesto h2{font-size:clamp(3rem,5.5vw,5rem)}.manifesto-cols{font-size:20px}.section-head h2{font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.05em}.work-band{background:var(--paper);border-top:0;padding-top:40px}.work-row{display:block}.work-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px;border-radius:22px;margin-bottom:32px;background:var(--card);min-height:500px;overflow:hidden;isolation:isolate}.work-card:hover{border-color:#5274ac}.project-copy{align-self:center}.project-copy>.kicker{font-size:11px}.project-copy h3{font-size:clamp(1.8rem,3vw,2.7rem);max-width:20ch;line-height:1.12;margin:18px 0}.project-copy>p:not(.kicker){color:var(--muted);font-size:16px;line-height:1.7}.project-copy .tags{margin-top:20px}.project-copy .text-link{margin-top:24px;display:inline-flex}.project-flow{display:none}.tags span{border-radius:20px;font-size:11px;padding:5px 9px}.build-visual{min-height:370px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:30px;border-radius:14px;border:1px solid var(--line);background:var(--paper);overflow:hidden}.visual-caption{font:11px var(--mono);color:var(--muted);letter-spacing:.08em;margin-bottom:auto;padding-bottom:30px}.narration-line{padding:18px;border:1px dashed var(--line);border-radius:7px;font:15px var(--mono);transform:rotate(-2deg);transition:transform .5s}.narration-line span{font:11px var(--mono);color:var(--muted);display:block;margin-top:10px}.scan-track{width:1px;height:38px;margin:0 auto;background:var(--line);position:relative;overflow:hidden}.scan-track i{height:14px;width:1px;position:absolute;top:0;background:var(--accent);animation:scan 2s linear infinite}.model-chip{font-size:13px;text-align:center;color:var(--accent);padding:12px;border:1px solid #5274ac60;border-radius:7px;box-shadow:0 0 30px #5886dd15}.classification{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;transition:transform .4s}.classification>div{border:1px solid var(--line);padding:13px;border-radius:7px}.classification small{font:10px var(--mono);color:var(--muted);display:block;margin-bottom:8px}.classification strong{font-size:13px;font-weight:500}.trace-line{margin-top:auto;padding-top:30px;font:11px var(--mono);color:var(--muted)}.work-card:hover .narration-line{transform:rotate(0) translateY(-3px)}.work-card:hover .classification{transform:translateY(3px)}.voice-source{font-size:13px;color:var(--muted);text-align:center}.voice-wave{height:90px;display:flex;align-items:center;justify-content:center;gap:5px;margin:20px 0}.voice-wave i{height:var(--h);max-height:80px;width:4px;border-radius:8px;background:var(--accent);animation:wave 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -80ms)}.voice-response{text-align:center}.voice-response strong{font-size:29px;line-height:1.2;font-weight:450;letter-spacing:-.03em}.voice-response span{display:block;color:var(--muted);font:11px var(--mono);margin-top:18px}.risk-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.risk-rows b{font:11px var(--mono);font-weight:400;color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:5px 9px}.risk-result{display:flex;align-items:center;gap:18px;padding-top:35px}.risk-result>span{font-size:55px;color:var(--accent);line-height:1}.risk-result strong{font-size:26px;font-weight:450;letter-spacing:-.02em;line-height:1.25}.source-orbit{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.source-orbit span{font:11px var(--mono);border:1px solid var(--line);border-radius:20px;padding:6px 10px}.briefing-card{margin:25px auto 0;padding:23px 30px;border:1px solid var(--line);border-radius:9px;width:90%;transform:rotate(3deg);box-shadow:-8px 8px 0 var(--card);transition:transform .6s}.briefing-card small{font:10px var(--mono);color:var(--muted)}.briefing-card strong{display:block;font-size:29px;font-weight:450;line-height:1.3;letter-spacing:-.03em;margin-top:15px}.briefing-card em{font-style:normal;color:var(--accent)}.work-card:hover .briefing-card{transform:rotate(0)}.team-card,.cs-card{border-radius:16px}.initials{border-radius:12px}.domain-row{transition:padding .3s,background .3s}.domain-row:hover{padding-left:12px;background:var(--card)}.contact-band{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);overflow:hidden;position:relative}.contact-band:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 100%,#517fff24,transparent 60%);pointer-events:none}.contact-band .kicker{color:var(--accent)}.contact-band .btn{background:var(--ink);color:var(--paper)}.contact-band h2{font-size:clamp(3.5rem,7vw,6rem)}.cs-hero{text-align:center;padding-top:80px}.cs-hero h1,.cs-hero p:not(.kicker){margin-left:auto;margin-right:auto}.cs-band{background:var(--paper);border:0;padding-top:35px}.demo-frame{border-radius:16px;box-shadow:0 20px 80px #0002}.pipe{border-radius:12px;overflow:hidden}.pipe-detail{border-radius:0 0 12px 12px}.reveal{animation:none}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){html.motion-ready:not(.motion-paused) .work-card{position:sticky;top:110px;transform:scale(var(--card-scale,1));transform-origin:center top}html.motion-ready:not(.motion-paused) .work-card:nth-child(2){top:122px}html.motion-ready:not(.motion-paused) .work-card:nth-child(3){top:134px}html.motion-ready:not(.motion-paused) .work-card:nth-child(4){top:146px}.enter-view{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.enter-view.is-visible{opacity:1;transform:none}}
@keyframes packet{to{left:110%}}@keyframes scan{to{top:110%}}@keyframes wave{0%,100%{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes token-breathe{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes load-rail{0%,10%{transform:scaleX(.1)}60%,100%{transform:scaleX(1)}}@keyframes shimmer{to{background-position:-200% 0}}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}html.motion-paused .system-stage{transform:none!important}html.motion-paused .enter-view{opacity:1;transform:none}
@media(max-width:1000px){.work-card{gap:24px;padding:28px}.build-visual{padding:22px}.system-stage{padding:20px}.core-steps{gap:7px;font-size:11px}.system-core>strong{font-size:3rem}.input-token{font-size:12px;padding:12px 10px}.output-card{padding:14px}.output-card strong{font-size:16px}}
@media(max-width:800px){nav{width:calc(100% - 24px);top:10px;margin-top:10px}.hero{padding-top:60px}.hero h1{font-size:clamp(3rem,8.5vw,5rem)}.hero p.hero-intro br{display:none}.system-stage{transform:none;margin-top:45px}.system-board{grid-template-columns:1fr 40px 1fr;row-gap:24px}.system-inputs{grid-column:1}.system-core{grid-column:3}.output-channel{display:none}.system-output{grid-column:1/-1}.system-output .diagram-label{display:none}.output-card{display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-items:center}.output-symbol{grid-row:1/4;margin:0}.output-progress{margin:10px 0}.output-card small{display:none}.system-core>strong{font-size:3.5rem}.system-bottom{font-size:10px}.work-card{grid-template-columns:1fr;gap:30px;min-height:0}.build-visual{min-height:340px}.visual-caption{margin-bottom:20px}.trace-line{margin-top:20px}.manifesto-cols{font-size:18px}.hero-bottom{font-size:10px}.classification strong{font-size:16px}.project-copy h3{max-width:24ch}.system-meta{font-size:10px}}
@media(max-width:600px){nav .wrap{padding:0 14px;min-height:64px}.navlinks{top:66px;border-radius:14px}.navlinks a:last-child{background:none;color:var(--ink)}.hero{padding-top:48px}.hero h1{font-size:clamp(2.6rem,9.3vw,3.6rem);letter-spacing:-.06em}.hero p.hero-intro{font-size:16px}.hero .cta{gap:20px}.system-stage{padding:15px;border-radius:13px}.system-board{grid-template-columns:1fr 20px 1fr;padding:22px 0}.input-token{font-size:11px;padding:10px 8px}.diagram-label{font-size:9px}.core-caption{font-size:8px}.system-core{padding:14px 4px;border-radius:10px}.system-core>strong{font-size:2.6rem}.core-steps{gap:6px;font-size:9px;margin:10px 0 0;padding-top:10px}.core-label{font-size:10px}.system-bottom{display:block}.system-bottom span{display:block}.hero-bottom{gap:6px}.work-card{padding:22px;border-radius:16px;margin-bottom:22px}.project-copy h3{font-size:2rem}.build-visual{padding:20px;min-height:330px}.classification strong{font-size:13px}.section-head h2{font-size:2.5rem}.contact-band h2{font-size:3.5rem}.hero .eyebrow{font-size:12px}.system-meta{font-size:9px}.motion-toggle{font-size:10px;padding:8px}.system-output .output-card>span:not(.output-symbol){font-size:11px}}
@media(prefers-reduced-motion:reduce){.system-stage,.briefing-card,.narration-line{transform:none!important}.enter-view{opacity:1!important;transform:none!important}.work-card{position:relative!important;transform:none!important}.hero h1 em{animation:none}.motion-toggle{display:none}}