: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:16px;text-transform:uppercase;font-weight:700;letter-spacing:.16em;font-size:13px}.header-brand i{width:7px;height:7px;background:#e7f2ff;box-shadow:0 0 20px #9dc7ff;transform:rotate(45deg)}.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(74px,14.2vw,240px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;font-weight:700;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{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;border-bottom:1px solid var(--line)}.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{border:1px solid var(--line);background:#030507;box-shadow:0 30px 100px rgba(0,0,0,.7)}.terminal-bar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;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(28px,4vw,58px);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.audit-case:last-child{border:0}.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;padding-top:22px;border-top:1px solid var(--line);font-size:clamp(22px,2.2vw,34px);line-height:1.24;letter-spacing:-.025em}.engineering-note{margin-top:60px;padding:30px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;gap:36px;color:#9eabba}.engineering-note strong{font:11px var(--mono);letter-spacing:.12em;color:var(--blue)}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.phase{min-height:540px;padding:36px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(7,10,14,.7),rgba(1,2,3,.2));position:relative;overflow:hidden}.phase::before{content:"";position:absolute;left:-100%;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#d9eaff,transparent);transition:left .7s}.phase:hover::before{left:100%}.phase-number{font:12px var(--mono);color:var(--blue);letter-spacing:.14em}.phase h3{font-size:clamp(25px,2.2vw,34px);line-height:1.15;letter-spacing:-.035em;margin:72px 0 18px}.phase>p{color:#929dad;margin:0;max-width:360px}.phase-art{height:100px;margin:40px 0;position:relative}.phase-art .rail{position:absolute;inset:50% 0 auto;height:1px;background:#283444}.phase-art .pulse{position:absolute;top:calc(50% - 3px);left:0;width:7px;height:7px;border-radius:50%;background:#dcecff;box-shadow:0 0 18px #9dc7ff;animation:travel 3.8s infinite ease-in-out}.phase:nth-child(2) .pulse{animation-delay:.6s}.phase:nth-child(3) .pulse{animation-delay:1.2s}@keyframes travel{0%,10%{left:0;opacity:0}20%,80%{opacity:1}90%,100%{left:calc(100% - 7px);opacity:0}}.phase ul{margin:auto 0 0;padding:22px 0 0;border-top:1px solid var(--line);list-style:none;font:11px/1.8 var(--mono);color:#8491a2}.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:64px 0;border-top:1px solid var(--line);align-items:start}.study:last-child{border-bottom:1px solid var(--line)}.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{border:1px solid var(--line);background:#020304;min-height:720px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);overflow:hidden}.device-pane{padding:clamp(30px,5vw,72px);border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 36%,rgba(83,124,171,.1),transparent 46%)}.phone{width:min(340px,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:32px 24px;display:flex;flex-direction:column;overflow:hidden}.device-status{display:flex;justify-content:space-between;font:9px var(--mono);color:#7d8998}.ring{width:112px;height:112px;margin:78px auto 42px;border:12px 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)}.assistant-message{margin-top:auto;padding:18px;border:1px solid #273140;background:#0b1016;font-size:14px;line-height:1.45;min-height:100px;color:#d8e0e9}.assistant-message small{display:block;color:#758194;font:9px var(--mono);margin-top:12px}.system-pane{display:flex;flex-direction:column;min-width:0}.system-head{height:58px;border-bottom:1px solid var(--line);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{height:74px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 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 var(--mono);color:#6f7c8d}.demo-delivery{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);margin-top:28px}.demo-delivery span{padding:18px;border:1px solid var(--line);border-left:0;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: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}.workflow-grid{grid-template-columns:1fr}.phase{min-height:420px}.study{grid-template-columns:60px 1fr}.study-log{grid-column:2}.demo-stage{grid-template-columns:1fr}.device-pane{border-right:0;border-bottom:1px solid var(--line)}.demo-delivery{grid-template-columns:1fr 1fr}}
@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}.phase{padding:28px}.phase h3{margin-top:48px}.study{grid-template-columns:1fr;gap:18px}.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}.demo-delivery{grid-template-columns:1fr}.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}}
