:root{--black:#000;--panel:#05070a;--line:#1f2937;--soft:rgba(148,163,184,.16);--text:#f5f7fa;--muted:#94a3b8;--dim:#64748b;--blue:#9dc7ff;--green:#83f1bc;--red:#ff705d;--amber:#f4bd5d;--sans:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;background:#000;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(800px 520px at 74% 3%,rgba(69,107,153,.1),transparent 72%),radial-gradient(700px 480px at 14% 62%,rgba(34,68,106,.06),transparent 72%),#000}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:fixed;top:-80px;left:24px;z-index:1000;background:#fff;color:#000;padding:12px 18px}.skip:focus{top:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:60;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);border-bottom:1px solid transparent;background:transparent;opacity:0;pointer-events:none;transition:.35s}.site-header.is-visible{opacity:1;pointer-events:auto;background:rgba(0,0,0,.82);border-color:var(--soft);backdrop-filter:blur(18px)}.header-brand{display:flex;align-items:center;gap:14px;text-transform:uppercase;font-weight:700;letter-spacing:.16em;font-size:13px}.header-brand img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(157,199,255,.52))}.header-brand small{color:var(--muted);font:400 11px var(--mono)}.header-nav{display:flex;align-items:center;gap:28px;color:#aab6c7;font-size:13px}.header-nav a{transition:color .2s}.header-nav a:hover{color:#fff}.lang{padding:6px 9px;border:1px solid var(--line)}
.hero{height:210vh;position:relative;border-bottom:1px solid var(--line)}.hero-sticky{height:100vh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:var(--grid-opacity,0);background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%)}.hero-orbit{position:absolute;width:min(74vw,980px);aspect-ratio:1;border:1px solid rgba(157,199,255,.08);border-radius:50%;transform:scale(var(--orbit-scale,.6));opacity:var(--orbit-opacity,0);box-shadow:inset 0 0 120px rgba(72,121,182,.03)}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(157,199,255,.07)}.hero-orbit::before{inset:15%}.hero-orbit::after{inset:34%}.hero-word{position:absolute;z-index:3;margin:0;font-size:clamp(72px,13.4vw,228px);line-height:.9;letter-spacing:-.066em;text-transform:uppercase;font-weight:700;white-space:nowrap;transform:translate3d(0,var(--brand-y,0),0) scale(var(--brand-scale,1));opacity:var(--brand-opacity,1);will-change:transform,opacity}.hero-word span{display:block;padding:.12em .1em .16em;background:linear-gradient(105deg,#fff 8%,#aab4c2 43%,#f7f8fa 60%,#8291a4 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 55px rgba(196,218,245,.08)}
.hero-content{position:absolute;z-index:5;width:min(1180px,calc(100% - 48px));left:50%;top:50%;transform:translate(-50%,calc(-24% + var(--content-y,50px)));opacity:var(--content-opacity,0);pointer-events:var(--content-events,none);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:clamp(48px,8vw,140px);align-items:end}.eyebrow{font:600 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.hero-title{font-size:clamp(44px,5.5vw,84px);line-height:1.02;letter-spacing:-.05em;margin:20px 0 0;max-width:900px}.hero-copy{padding-bottom:6px}.hero-copy p{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:#aab5c5;margin:0 0 28px}.hero-copy strong{color:#fff;font-weight:500}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid #4a5869;background:#06090d;font:12px var(--mono);letter-spacing:.04em;transition:.2s}.button:hover{border-color:#dce8f5;background:#0b1118;transform:translateY(-2px)}.button.primary{background:#edf3f9;color:#050608;border-color:#edf3f9}.scroll-cue{position:absolute;bottom:34px;left:50%;z-index:6;transform:translateX(-50%);font:10px var(--mono);letter-spacing:.16em;color:#748093;opacity:var(--cue-opacity,1)}.scroll-cue::after{content:"";display:block;width:1px;height:38px;margin:14px auto 0;background:linear-gradient(#7c8da1,transparent)}
.shell{width:min(1440px,calc(100% - 48px));margin:0 auto}.section{padding:clamp(120px,13vw,190px) 0;position:relative}.section::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:radial-gradient(ellipse at center,rgba(157,199,255,.22),transparent 68%)}.section-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.45fr);gap:80px;align-items:end;margin-bottom:88px}.section h2{font-size:clamp(46px,6vw,88px);line-height:.98;letter-spacing:-.055em;margin:18px 0 0;max-width:1080px}.section-intro{margin:0;color:#9eabba;font-size:clamp(17px,1.35vw,21px);line-height:1.65}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.is-in{opacity:1;transform:none}
.audit-layout{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);gap:clamp(56px,8vw,140px);align-items:start}.audit-sticky{position:sticky;top:132px}.audit-sticky h3{font-size:clamp(28px,3.1vw,48px);line-height:1.1;letter-spacing:-.035em;margin:20px 0 24px}.audit-sticky p{color:#96a2b2;max-width:520px;font-size:17px}.audit-terminal{background:radial-gradient(circle at 80% 18%,rgba(157,199,255,.06),transparent 24%),#030507;box-shadow:0 40px 120px rgba(0,0,0,.78)}.terminal-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font:10px var(--mono);color:#728096;letter-spacing:.08em}.terminal-bar i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 13px rgba(131,241,188,.7)}.audit-case{min-height:54vh;padding:clamp(30px,4.5vw,68px);display:flex;flex-direction:column;justify-content:center;position:relative}.audit-case::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:radial-gradient(ellipse at center,rgba(157,199,255,.15),transparent 70%)}.audit-case:last-child::after{display:none}.audit-index{font:11px var(--mono);color:var(--dim);margin-bottom:36px}.log{font:clamp(12px,1.06vw,15px)/1.9 var(--mono);color:#8e9bac}.log span{display:block;opacity:.35;transition:.4s}.audit-case.is-active .log span{opacity:1}.log .ok{color:var(--green)}.log .fail{color:var(--red)}.log .warn{color:var(--amber)}.audit-result{margin-top:34px;font-size:clamp(22px,2.2vw,34px);line-height:1.24;letter-spacing:-.025em}.engineering-note{margin-top:60px;padding:30px 4vw;display:grid;grid-template-columns:160px 1fr;gap:36px;color:#9eabba;background:linear-gradient(90deg,rgba(157,199,255,.055),transparent 72%)}.engineering-note strong{font:11px var(--mono);letter-spacing:.12em;color:var(--blue)}
.delivery-system{display:grid;grid-template-columns:minmax(620px,1.5fr) minmax(310px,.55fr);gap:clamp(54px,6vw,100px);align-items:start}.delivery-workbench{height:min(72vh,760px);min-height:620px;position:sticky;top:96px;overflow:hidden;background:radial-gradient(circle at 76% 24%,rgba(91,145,210,.08),transparent 32%),linear-gradient(145deg,#070b10,#010203 74%);box-shadow:0 50px 160px rgba(0,0,0,.82),inset 0 0 0 1px rgba(157,199,255,.09);font-family:var(--mono)}.workbench-head,.workbench-foot{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:9px;letter-spacing:.11em;color:#657487;z-index:5}.workbench-head{top:0;height:52px;background:rgba(2,4,6,.82);box-shadow:0 1px rgba(157,199,255,.1)}.workbench-head span:last-child{color:#93a7be}.workbench-head i,.rollout-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(131,241,188,.8);margin-right:7px}.workbench-foot{bottom:0;height:44px;background:#020406;box-shadow:0 -1px rgba(157,199,255,.08)}.workbench-foot>div{display:flex;gap:7px}.workbench-foot i{width:18px;height:2px;background:#1f2a36;transition:.45s}.delivery-system[data-active="0"] .workbench-foot i:nth-child(1),.delivery-system[data-active="1"] .workbench-foot i:nth-child(2),.delivery-system[data-active="2"] .workbench-foot i:nth-child(3){background:#cfe2f7;box-shadow:0 0 10px rgba(157,199,255,.55)}.workbench-state{position:absolute;inset:52px 0 44px;opacity:0;transform:translateY(14px) scale(.99);pointer-events:none;transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.delivery-system[data-active="0"] .state-diagnose,.delivery-system[data-active="1"] .state-build,.delivery-system[data-active="2"] .state-deploy{opacity:1;transform:none}.wb-kicker{font-size:9px;letter-spacing:.14em;color:#7f91a7;margin:0 0 30px}.state-diagnose{display:grid;grid-template-columns:174px minmax(330px,1fr) 198px}.source-strip{padding:30px 22px;display:flex;flex-direction:column;background:rgba(255,255,255,.012);box-shadow:1px 0 rgba(157,199,255,.08)}.source-strip span{font-size:8px;color:#667488;letter-spacing:.12em;margin-top:25px}.source-strip span:first-child{margin-top:0}.source-strip b{font:500 12px/1.4 var(--sans);color:#dce6f0;margin-top:7px}.source-strip b.danger{color:#ff816e}.source-strip small{font-size:8px;color:#566273;margin-top:4px}.trace-field{padding:32px clamp(24px,3.5vw,52px);display:flex;flex-direction:column;justify-content:center}.trace-step{height:58px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;position:relative;color:#a8b4c2;font-size:11px}.trace-step::after{content:"";position:absolute;left:18px;top:48px;width:1px;height:20px;background:#26313e}.trace-step:nth-of-type(5)::after{display:none}.trace-step i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-style:normal;background:#0a0f15;box-shadow:0 0 0 1px #283442}.trace-step b{font-size:8px;letter-spacing:.1em}.trace-step.good i,.trace-step.good b{color:var(--green)}.trace-step.bad i{color:#ff735f;box-shadow:0 0 0 1px rgba(255,107,87,.7),0 0 26px rgba(255,107,87,.18)}.trace-step.bad b{color:var(--red)}.trace-step.idle{opacity:.42}.failure-readout{font:500 clamp(17px,1.4vw,22px)/1.35 var(--sans);letter-spacing:-.02em;margin:34px 0 0;color:#f0f5fa}.acceptance-pane{padding:32px 24px;background:linear-gradient(180deg,rgba(157,199,255,.035),rgba(157,199,255,.008));display:flex;flex-direction:column;justify-content:center;box-shadow:-1px 0 rgba(157,199,255,.08)}.acceptance-pane>span{font-size:8px;letter-spacing:.1em;color:#607084;margin-top:22px}.acceptance-pane>strong{font:500 18px/1.2 var(--sans);margin-top:6px;color:#dfe9f3}.acceptance-pane>strong.signal{font-size:39px;color:#bfe1ff;text-shadow:0 0 30px rgba(157,199,255,.2)}.acceptance-pane>small{font:10px/1.55 var(--sans);color:#687789;margin-top:30px}.state-build{display:grid;grid-template-columns:minmax(410px,1.25fr) minmax(220px,.75fr)}.diff-pane{padding:36px clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center}.diff-pane pre{margin:0;font:clamp(10px,1vw,13px)/1.95 var(--mono);white-space:pre-wrap;color:#94a2b4}.diff-pane pre span{display:block}.diff-pane .removed{color:#ff7c68;background:linear-gradient(90deg,rgba(255,107,87,.09),transparent)}.diff-pane .added{color:#9ee9c4;background:linear-gradient(90deg,rgba(131,241,188,.08),transparent)}.diff-pane .muted{color:#667386}.api-pulse{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;margin-top:50px;font-size:8px;color:#8290a3}.api-pulse i{height:1px;background:linear-gradient(90deg,#2d3a49,#a9d2ff,#2d3a49);background-size:200% 100%;animation:flow 2.4s linear infinite}@keyframes flow{to{background-position:-200% 0}}.test-pane{padding:38px 28px;display:flex;flex-direction:column;justify-content:center;background:rgba(157,199,255,.025);box-shadow:-1px 0 rgba(157,199,255,.08)}.test-pane>div,.metric-pane>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:9px;color:#7f8c9d;box-shadow:0 1px rgba(157,199,255,.07)}.test-pane>div b{color:var(--green);font-weight:500}.test-pane>strong{font:600 clamp(38px,4vw,62px)/1 var(--sans);letter-spacing:-.06em;margin-top:42px;color:#dbeaff}.test-pane>small{font:10px/1.5 var(--sans);color:#6f7d8e;margin-top:12px}.state-deploy{display:grid;grid-template-columns:minmax(400px,1.22fr) minmax(250px,.78fr)}.rollout-pane{padding:38px clamp(28px,4vw,58px);display:flex;flex-direction:column}.rollout-grid{height:340px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,28px);align-items:end;padding-top:42px}.rollout-grid>span{height:var(--h);min-height:34px;display:flex;align-items:flex-start;justify-content:center;position:relative;background:linear-gradient(180deg,rgba(157,199,255,.32),rgba(157,199,255,.025));box-shadow:inset 0 1px rgba(208,231,255,.5);transform-origin:bottom;transform:scaleY(.05);transition:transform .75s cubic-bezier(.2,.8,.2,1)}.delivery-system[data-active="2"] .rollout-grid>span{transform:scaleY(1)}.rollout-grid>span:nth-child(2){transition-delay:.12s}.rollout-grid>span:nth-child(3){transition-delay:.24s}.rollout-grid>span:nth-child(4){transition-delay:.36s}.rollout-grid>span.live{background:linear-gradient(180deg,rgba(131,241,188,.5),rgba(131,241,188,.035));box-shadow:inset 0 1px rgba(180,255,218,.75),0 0 40px rgba(131,241,188,.06)}.rollout-grid b{position:absolute;top:-25px;font-size:9px;color:#b7c5d5}.rollout-status{display:flex;justify-content:space-between;margin-top:auto;font-size:8px;color:#687789}.rollout-status span:first-child{color:var(--green)}.metric-pane{padding:40px 30px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 65% 30%,rgba(131,241,188,.06),transparent 45%);box-shadow:-1px 0 rgba(157,199,255,.08)}.metric-pane>small{font-size:8px;color:#6d7b8d;letter-spacing:.12em}.metric-pane>strong{font:600 clamp(38px,4vw,62px)/1 var(--sans);display:flex;align-items:center;gap:12px;color:#d9f9ea;letter-spacing:-.06em;margin:20px 0 42px}.metric-pane>strong em{font-size:.55em;color:#637083;text-decoration:line-through;font-style:normal}.metric-pane>strong i{font-size:.45em;color:#8291a4;font-style:normal}.metric-pane>div b{color:#d8e5f2}.metric-pane>p{font:11px/1.55 var(--sans);color:#7e8b9c;margin:32px 0 0}.delivery-phases{padding-bottom:12vh}.phase{min-height:72vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transform:translateY(20px);transition:opacity .5s,transform .5s}.phase.is-current{opacity:1;transform:none}.phase-number{font:12px var(--mono);color:var(--blue);letter-spacing:.14em}.phase h3{font-size:clamp(30px,3vw,48px);line-height:1.08;letter-spacing:-.045em;margin:34px 0 22px}.phase>p{color:#929dad;margin:0;max-width:480px;font-size:17px}.phase ul{margin:36px 0 0;padding:0;list-style:none;font:10px/1.9 var(--mono);color:#8491a2;display:flex;gap:8px 20px;flex-wrap:wrap}.phase li::before{content:"↳ ";color:#d5e3f2}
.studies{font-family:var(--mono)}.study{display:grid;grid-template-columns:110px minmax(280px,.75fr) minmax(320px,1fr);gap:44px;padding:86px 4vw;margin:0 0 30px;align-items:start;background:radial-gradient(circle at 82% 28%,rgba(157,199,255,.055),transparent 30%),linear-gradient(110deg,rgba(9,13,18,.72),transparent 72%);border-radius:2px}.study-id{color:#7f8b9d;font-size:11px;letter-spacing:.12em}.study h3{font-family:var(--sans);font-size:clamp(28px,3vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0}.study-log{font-size:12px;line-height:1.9;color:#8995a5}.study-log p{margin:0}.study-log strong{font:700 clamp(34px,4.6vw,72px)/1.05 var(--sans);display:block;color:#fff;letter-spacing:-.055em;margin:22px 0 10px}.study-log .accent{color:var(--amber)}.study-log .reject{color:var(--red)}.study-log .accept{color:var(--green)}.study-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#64748b;font-size:10px}
.demo-stage{background:radial-gradient(circle at 22% 38%,rgba(96,140,190,.09),transparent 29%),#020304;min-height:720px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);overflow:hidden;box-shadow:0 42px 130px rgba(0,0,0,.75)}.device-pane{padding:clamp(30px,5vw,72px);display:flex;align-items:center;justify-content:center}.phone{width:min(350px,100%);aspect-ratio:.58;border:1px solid #394555;border-radius:34px;background:#070a0e;padding:10px;box-shadow:0 30px 80px #000,inset 0 0 0 2px #0d1218}.phone-screen{height:100%;border-radius:25px;background:linear-gradient(180deg,#0a0f15,#020304);padding:30px 22px;display:flex;flex-direction:column;overflow:hidden}.device-status{display:flex;justify-content:space-between;font:9px var(--mono);color:#7d8998}.ring{width:104px;height:104px;margin:48px auto 30px;border:11px solid #929aa4;border-radius:50%;box-shadow:inset -8px -4px 15px #20262d,inset 6px 4px 14px #fff,0 0 45px rgba(157,199,255,.14)}.agent-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 22px}.journey-step{position:relative;padding-top:12px;font:7px/1.2 var(--mono);color:#526071;text-align:center;transition:.35s}.journey-step::before{content:"";position:absolute;left:4px;right:4px;top:2px;height:1px;background:#233140}.journey-step.active{color:#d8e7f7}.journey-step.active::before{background:#9dc7ff;box-shadow:0 0 12px rgba(157,199,255,.7)}.journey-step.done{color:#83f1bc}.journey-step.done::before{background:#83f1bc}.assistant-message{margin-top:auto;padding:18px;background:#0b1016;font-size:14px;line-height:1.55;min-height:112px;color:#d8e0e9;box-shadow:inset 0 0 0 1px rgba(157,199,255,.15);transition:opacity .18s,transform .18s}.assistant-message.is-changing{opacity:0;transform:translateY(6px)}.assistant-message small{display:block;color:#758194;font:9px var(--mono);margin-top:12px}.system-pane{display:flex;flex-direction:column;min-width:0;background:linear-gradient(90deg,rgba(31,41,55,.26),transparent 16%)}.system-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font:10px var(--mono);letter-spacing:.08em;color:#7b899a}.system-head span:last-child{color:var(--green)}.console{padding:34px 30px;flex:1;font:clamp(11px,1vw,14px)/1.95 var(--mono);color:#8794a5;overflow:hidden}.console-line{opacity:0;transform:translateX(-10px);transition:.35s}.console-line.show{opacity:1;transform:none}.console-line .key{color:var(--blue)}.console-line .value{color:#d8e2ed}.console-line .success{color:var(--green)}.console-line .block{color:var(--red)}.demo-control{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px}.demo-control button{border:1px solid #465365;background:#0b1016;padding:11px 16px;font:11px var(--mono);cursor:pointer}.demo-control button:hover{border-color:#fff}.demo-control p{font:10px/1.5 var(--mono);color:#6f7c8d;text-align:right}.demo-delivery{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.demo-delivery span{padding:10px 14px;border-radius:999px;background:rgba(157,199,255,.055);font:10px var(--mono);color:#8996a8}
.contact{min-height:88vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.contact h2{font-size:clamp(52px,8vw,118px);max-width:1250px}.contact p{font-size:clamp(17px,1.5vw,22px);color:#9aa7b8;max-width:760px;margin:32px 0 44px}.contact-star{position:absolute;right:5%;top:20%;width:180px;height:180px;opacity:.3}.contact-star::before,.contact-star::after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#dbeaff,transparent);transform:translate(-50%,-50%)}.contact-star::before{width:180px;height:1px}.contact-star::after{width:1px;height:180px}.contact-star i{position:absolute;width:8px;height:8px;border-radius:50%;background:#e8f3ff;left:calc(50% - 4px);top:calc(50% - 4px);box-shadow:0 0 35px #9dc7ff}footer{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);font:10px var(--mono);color:#6f7c8d;letter-spacing:.08em}
@media(max-width:1100px){.delivery-system{grid-template-columns:minmax(560px,1.25fr) minmax(270px,.55fr);gap:40px}.state-diagnose{grid-template-columns:150px minmax(280px,1fr) 170px}.source-strip{padding-inline:16px}.acceptance-pane{padding-inline:18px}}
@media(max-width:900px){.header-nav{display:none}.site-header{height:62px}.hero{height:190vh}.hero-word{font-size:19vw}.hero-content{grid-template-columns:1fr;gap:30px;top:48%}.hero-copy{max-width:650px}.section-top,.audit-layout{grid-template-columns:1fr}.audit-sticky{position:relative;top:auto}.delivery-system{display:block;position:relative}.delivery-workbench{height:calc(100vh - 82px);min-height:640px;top:72px;z-index:0}.delivery-phases{position:relative;z-index:2;padding-bottom:0;margin-top:calc(-100vh + 82px)}.phase{min-height:100vh;padding:62vh 4vw 9vh;justify-content:flex-end;background:linear-gradient(180deg,transparent 0 48%,rgba(0,0,0,.76) 64%,#000 86%);text-shadow:0 2px 20px #000}.phase h3{max-width:560px}.phase>p{max-width:640px}.study{grid-template-columns:60px 1fr}.study-log{grid-column:2}.demo-stage{grid-template-columns:1fr}.device-pane{padding-bottom:20px}.demo-delivery{grid-template-columns:1fr 1fr}}

/* Keep the full Agent trace visible before play; the active run resolves each line at full contrast. */
.console-line{opacity:.14;transform:translateX(-4px)}
.console-line.show{opacity:1;transform:none}

/* Customer-readable connected hardware demonstration */
.demo-stage{grid-template-columns:minmax(300px,.68fr) minmax(520px,1.32fr);min-height:760px}
.system-pane{background:linear-gradient(90deg,rgba(35,49,67,.18),transparent 20%)}
.system-head{height:64px;padding:0 34px;border-bottom:1px solid rgba(157,199,255,.11);font-size:9px;letter-spacing:.15em}
.customer-flow{padding:8px 34px 0;display:flex;flex-direction:column;justify-content:center;gap:0;font-family:var(--sans);overflow:visible}
.outcome-step{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:21px 0 22px;border-bottom:1px solid rgba(157,199,255,.11);opacity:.58;transform:translateY(3px);transition:opacity .45s,transform .45s,border-color .45s}
.outcome-step:first-child{border-top:1px solid rgba(157,199,255,.11)}
.outcome-step.show{opacity:1;transform:none;border-color:rgba(131,241,188,.32)}
.outcome-step>span{padding-top:4px;color:#607083;font:10px/1 var(--mono);letter-spacing:.12em}
.outcome-step.show>span{color:var(--green)}
.outcome-step small{display:block;margin-bottom:7px;color:#8290a2;font:9px/1.3 var(--mono);letter-spacing:.13em}
.outcome-step h3{margin:0;color:#e9eef5;font-size:clamp(17px,1.35vw,22px);font-weight:650;line-height:1.28;letter-spacing:-.018em}
.outcome-step p{max-width:730px;margin:7px 0 0;color:#8c98a8;font-size:clamp(12px,.92vw,15px);line-height:1.55}
.customer-value{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:12px 34px 0;background:rgba(157,199,255,.12)}
.customer-value span{min-height:82px;padding:16px 15px;background:#04070a;color:#8e9bab;font-size:11px;line-height:1.55}
.customer-value b{display:block;margin-bottom:5px;color:#dce6f0;font:9px/1.2 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.demo-control{min-height:80px;padding:12px 34px}
.demo-control button{font-family:var(--sans);font-size:12px;color:#e8eef5}
.demo-control p{max-width:390px;font-size:8px;letter-spacing:.08em}
.acceptance-pane>strong.signal{font-size:clamp(20px,2vw,28px);line-height:1.12}
@media(max-width:900px){.demo-stage{grid-template-columns:1fr}.customer-value{margin-inline:24px}.customer-flow{padding-inline:24px}.system-head,.demo-control{padding-inline:24px}}
@media(max-width:620px){.customer-flow{min-height:auto;padding:8px 18px 0}.outcome-step{grid-template-columns:34px 1fr;gap:10px;padding:18px 0}.outcome-step h3{font-size:17px}.outcome-step p{font-size:12px}.customer-value{grid-template-columns:1fr;margin:14px 18px 0}.customer-value span{min-height:auto}.demo-control{padding-inline:18px}.system-head{padding-inline:18px}.system-head span:first-child{max-width:72%;line-height:1.4}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.section{padding:110px 0}.hero-word{font-size:20vw}.hero-content{width:calc(100% - 32px)}.hero-title{font-size:43px}.hero-copy p{font-size:16px}.section-top{gap:36px;margin-bottom:58px}.section h2{font-size:43px}.audit-case{padding:26px 20px;min-height:430px}.engineering-note{grid-template-columns:1fr}.delivery-workbench{min-height:600px}.workbench-head span:first-child{max-width:58%;overflow:hidden;white-space:nowrap}.state-diagnose{grid-template-columns:92px 1fr}.source-strip{padding:26px 10px}.source-strip b{font-size:10px}.source-strip small{display:none}.acceptance-pane{display:flex;position:absolute;right:14px;top:24px;width:132px;padding:14px;background:rgba(6,10,14,.88);box-shadow:0 0 0 1px rgba(157,199,255,.1),0 18px 44px rgba(0,0,0,.5)}.acceptance-pane .wb-kicker,.acceptance-pane>span:first-of-type,.acceptance-pane>strong:first-of-type,.acceptance-pane>small{display:none}.acceptance-pane>span{margin-top:6px}.acceptance-pane>strong{font-size:14px}.acceptance-pane>strong.signal{font-size:26px}.trace-field{padding:22px 16px}.trace-step{grid-template-columns:34px 1fr auto}.failure-readout{font-size:16px}.state-build{grid-template-columns:1fr}.diff-pane{padding:26px 18px}.diff-pane pre{font-size:9px}.api-pulse{margin-top:28px;gap:5px}.test-pane{display:flex;position:absolute;right:14px;top:22px;width:142px;padding:14px;background:rgba(6,10,14,.9);box-shadow:0 0 0 1px rgba(157,199,255,.1),0 18px 44px rgba(0,0,0,.5)}.test-pane .wb-kicker,.test-pane>div{display:none}.test-pane>strong{font-size:29px;margin:0;color:#aeeccb}.test-pane>small{font-size:8px}.state-deploy{display:block}.rollout-pane{height:100%;padding:26px 22px 20px}.rollout-grid{height:340px;padding-top:110px}.metric-pane{position:absolute;right:14px;top:22px;width:168px;padding:14px;background:rgba(6,10,14,.9);box-shadow:0 0 0 1px rgba(157,199,255,.1),0 18px 44px rgba(0,0,0,.5)}.metric-pane .wb-kicker,.metric-pane>div,.metric-pane>p{display:none}.metric-pane>strong{font-size:30px;margin:10px 0 0}.phase{padding:64vh 10px 8vh}.phase h3{font-size:34px}.phase>p{font-size:15px}.phase ul{margin-top:20px}.study{grid-template-columns:1fr;gap:18px;padding:56px 24px}.study-log{grid-column:auto}.study h3{font-size:30px}.device-pane{padding:38px 24px}.phone{max-width:290px}.console{min-height:500px;padding:24px 18px}.system-head,.demo-control{padding-inline:16px}.demo-control p{display:none}.contact h2{font-size:48px}.contact-star{display:none}footer{height:auto;padding:28px 16px;gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.site-header{opacity:1}}