:root{--bg:#05070b;--panel:#0d111a;--panel2:#111827;--ink:#f7fbff;--muted:#97a3b6;--blue:#66e3ff;--violet:#8d7cff;--green:#75ffaa;--line:rgba(255,255,255,.16);--danger:#ff6b8a;--gold:#ffd66b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#12203b 0,#05070b 34%,#020308 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 70%);pointer-events:none}.site-header{max-width:1180px;margin:0 auto;padding:72px 24px 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow,.pill{letter-spacing:.15em;text-transform:uppercase;color:var(--blue);font-size:12px;font-weight:800}.site-header h1{font-size:clamp(42px,7vw,88px);line-height:.92;margin:8px 0 18px;max-width:760px}.intro{color:var(--muted);font-size:18px;line-height:1.55;max-width:720px}.button,.card-copy button{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--ink);padding:12px 16px;border-radius:999px;font-weight:800;cursor:pointer;text-decoration:none}.button:hover,.card-copy button:hover{border-color:var(--blue);box-shadow:0 0 30px rgba(102,227,255,.2)}.grid{max-width:1180px;margin:0 auto;padding:0 24px 72px;display:grid;gap:28px}.demo-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,430px);gap:28px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.32);overflow:hidden}.card-copy h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:14px 0}.card-copy p{font-size:17px;line-height:1.6;color:var(--muted);max-width:560px}.meta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.meta span{font-size:12px;color:#d9e2f2;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.05)}.phone-frame{aspect-ratio:9/16;width:min(100%,360px);justify-self:center;border-radius:36px;padding:12px;background:linear-gradient(145deg,#293241,#06080e 32%,#000);box-shadow:0 36px 80px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.12)}.stage{position:relative;width:100%;height:100%;overflow:hidden;border-radius:26px;background:#05070b;isolation:isolate}.noise{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(102,227,255,.25),transparent 28%),radial-gradient(circle at 70% 70%,rgba(141,124,255,.25),transparent 32%)}.label{position:absolute;top:24px;left:24px;font-weight:900;font-size:12px;letter-spacing:.2em;color:rgba(255,255,255,.5)}.chip,.tool{position:absolute;padding:11px 15px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-weight:800;backdrop-filter:blur(10px)}.c1{left:24px;top:112px}.c2{right:24px;top:160px}.c3{left:56px;top:260px}.c4{right:36px;bottom:220px}.c5{left:38px;bottom:142px;color:var(--blue)}.system-lines{position:absolute;inset:35% 15% 25%;opacity:0}.system-lines i{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);left:0;right:0;top:50%;box-shadow:0 0 22px var(--blue)}.system-lines i:nth-child(2){transform:rotate(90deg)}.system-lines i:nth-child(3){transform:rotate(35deg)}.system-lines i:nth-child(4){transform:rotate(-35deg)}.os-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.7);width:132px;height:132px;border-radius:34px;background:linear-gradient(135deg,rgba(102,227,255,.22),rgba(141,124,255,.22));border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.1;opacity:0;box-shadow:0 0 55px rgba(102,227,255,.25)}.agent-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 25px var(--green);left:20%;top:32%;opacity:0}.big-copy{position:absolute;left:24px;right:24px;bottom:52px;font-size:32px;line-height:1.05;font-weight:950;letter-spacing:-.05em;opacity:0}.big-copy strong{color:var(--blue)}.grid-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(117,255,170,.13),transparent 38%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.title-stack{position:absolute;top:46px;left:26px;font-size:48px;line-height:.9;font-weight:950;letter-spacing:-.06em}.title-stack span{display:block;color:rgba(255,255,255,.45)}.title-stack strong{display:block;color:var(--green)}.tool{opacity:0}.t1{top:165px;left:28px}.t2{top:210px;right:28px}.t3{top:292px;left:34px}.t4{bottom:230px;right:36px}.t5{bottom:160px;left:42px}.flow-line{position:absolute;left:50%;top:190px;width:3px;height:310px;background:linear-gradient(var(--green),var(--blue));box-shadow:0 0 30px rgba(117,255,170,.5);transform:scaleY(0);transform-origin:top}.step{position:absolute;left:58px;right:58px;height:58px;border-radius:18px;background:rgba(3,9,15,.78);border:1px solid rgba(117,255,170,.22);display:flex;align-items:center;gap:12px;padding:0 16px;opacity:0;transform:translateY(24px)}.step b{color:var(--green)}.step span{font-weight:900}.s1{top:190px}.s2{top:270px}.s3{top:350px}.s4{top:430px}.caption{position:absolute;left:28px;right:28px;bottom:44px;font-size:28px;line-height:1.05;font-weight:950;letter-spacing:-.04em;opacity:0}.orb{position:absolute;width:280px;height:280px;border-radius:50%;left:50%;top:16%;transform:translateX(-50%);background:radial-gradient(circle,rgba(141,124,255,.46),rgba(102,227,255,.12) 42%,transparent 70%);filter:blur(2px)}.headline{position:absolute;left:28px;right:28px;font-size:44px;line-height:.95;font-weight:950;letter-spacing:-.06em;opacity:0}.h1{top:60px}.h2{top:108px;color:var(--violet)}.agent-card{position:absolute;top:200px;left:32px;right:32px;border-radius:26px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);display:flex;gap:14px;align-items:center;padding:18px;opacity:0;transform:translateY(30px)}.avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--violet));display:grid;place-items:center;color:#02040a;font-weight:950}.agent-card strong,.agent-card span{display:block}.agent-card span{color:var(--muted)}.framework{position:absolute;left:34px;right:34px;height:54px;border-radius:18px;border:1px solid rgba(102,227,255,.18);background:rgba(5,7,11,.75);display:flex;align-items:center;justify-content:space-between;padding:0 16px;opacity:0;transform:translateX(-26px)}.framework b{color:#fff}.framework span{color:var(--muted);font-size:13px}.f1{top:310px}.f2{top:374px}.f3{top:438px}.f4{top:502px}.f5{top:566px}.final-line{position:absolute;left:28px;right:28px;bottom:40px;font-size:26px;line-height:1.05;font-weight:950;letter-spacing:-.04em;color:var(--blue);opacity:0}footer{max-width:1180px;margin:0 auto 42px;padding:0 24px;color:var(--muted)}
/* MVP 01 timeline */.demo-one.play .chaos{animation:scatter 20s infinite cubic-bezier(.2,.9,.2,1)}.demo-one.play .c1{animation-name:chip1}.demo-one.play .c2{animation-name:chip2}.demo-one.play .c3{animation-name:chip3}.demo-one.play .c4{animation-name:chip4}.demo-one.play .c5{animation-name:chip5}.demo-one.play .system-lines{animation:fadeIn 20s infinite}.demo-one.play .os-core{animation:corePop 20s infinite}.demo-one.play .agent-dot{animation:agentRun 20s infinite}.demo-one.play .copy-a{animation:textA 20s infinite}.demo-one.play .copy-b{animation:textB 20s infinite}.demo-one.play .copy-c{animation:textC 20s infinite}@keyframes chip1{0%,18%{left:24px;top:112px;opacity:1}35%,64%{left:94px;top:210px;opacity:.32}72%,100%{opacity:0}}@keyframes chip2{0%,18%{right:24px;top:160px;opacity:1}35%,64%{right:92px;top:260px;opacity:.32}72%,100%{opacity:0}}@keyframes chip3{0%,18%{left:56px;top:260px;opacity:1}35%,64%{left:110px;top:318px;opacity:.32}72%,100%{opacity:0}}@keyframes chip4{0%,18%{right:36px;bottom:220px;opacity:1}35%,64%{right:110px;bottom:220px;opacity:.32}72%,100%{opacity:0}}@keyframes chip5{0%,18%{left:38px;bottom:142px;opacity:1}35%,64%{left:150px;bottom:266px;opacity:.32}72%,100%{opacity:0}}@keyframes fadeIn{0%,25%{opacity:0}36%,70%{opacity:1}82%,100%{opacity:0}}@keyframes corePop{0%,30%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-8deg)}42%,72%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}84%,100%{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@keyframes agentRun{0%,45%{opacity:0;left:24%;top:38%}50%{opacity:1;left:24%;top:38%}58%{left:70%;top:38%}66%{left:70%;top:62%}74%{left:28%;top:62%;opacity:1}82%,100%{opacity:0;left:28%;top:62%}}@keyframes textA{0%,8%{opacity:0;transform:translateY(20px)}12%,28%{opacity:1;transform:translateY(0)}34%,100%{opacity:0}}@keyframes textB{0%,30%{opacity:0;transform:translateY(20px)}35%,48%{opacity:1;transform:translateY(0)}54%,100%{opacity:0}}@keyframes textC{0%,72%{opacity:0;transform:translateY(20px)}78%,96%{opacity:1;transform:translateY(0)}100%{opacity:0}}
/* MVP 02 */.demo-two.play .tool{animation:toolMove 18s infinite}.demo-two.play .t2{animation-delay:.35s}.demo-two.play .t3{animation-delay:.7s}.demo-two.play .t4{animation-delay:1.05s}.demo-two.play .t5{animation-delay:1.4s}.demo-two.play .flow-line{animation:lineGrow 18s infinite}.demo-two.play .step{animation:stepIn 18s infinite}.demo-two.play .s1{animation-delay:4s}.demo-two.play .s2{animation-delay:4.5s}.demo-two.play .s3{animation-delay:5s}.demo-two.play .s4{animation-delay:5.5s}.demo-two.play .cap1{animation:capOne 18s infinite}.demo-two.play .cap2{animation:capTwo 18s infinite}@keyframes toolMove{0%,12%{opacity:0;transform:scale(.8) rotate(-7deg)}18%,36%{opacity:1;transform:scale(1) rotate(0)}48%,100%{opacity:0;transform:translateY(80px) scale(.8)}}@keyframes lineGrow{0%,28%{transform:scaleY(0)}42%,78%{transform:scaleY(1)}90%,100%{transform:scaleY(0)}}@keyframes stepIn{0%,5%{opacity:0;transform:translateY(24px)}12%,56%{opacity:1;transform:translateY(0)}68%,100%{opacity:0;transform:translateY(-12px)}}@keyframes capOne{0%,63%{opacity:0;transform:translateY(20px)}69%,78%{opacity:1;transform:translateY(0)}83%,100%{opacity:0}}@keyframes capTwo{0%,78%{opacity:0;transform:translateY(20px)}84%,96%{opacity:1;transform:translateY(0)}100%{opacity:0}}
/* MVP 03 */.demo-three.play .h1{animation:headOne 22s infinite}.demo-three.play .h2{animation:headTwo 22s infinite}.demo-three.play .agent-card{animation:agentCard 22s infinite}.demo-three.play .framework{animation:frameworkIn 22s infinite}.demo-three.play .f1{animation-delay:5.2s}.demo-three.play .f2{animation-delay:5.9s}.demo-three.play .f3{animation-delay:6.6s}.demo-three.play .f4{animation-delay:7.3s}.demo-three.play .f5{animation-delay:8s}.demo-three.play .final-line{animation:finalIn 22s infinite}.demo-three.play .orb{animation:orbPulse 22s infinite}@keyframes headOne{0%,5%{opacity:0;transform:translateY(18px)}10%,24%{opacity:1;transform:translateY(0)}34%,100%{opacity:0}}@keyframes headTwo{0%,13%{opacity:0;transform:translateY(18px)}18%,33%{opacity:1;transform:translateY(0)}42%,100%{opacity:0}}@keyframes agentCard{0%,28%{opacity:0;transform:translateY(30px)}37%,58%{opacity:1;transform:translateY(0)}68%,100%{opacity:0;transform:translateY(-20px)}}@keyframes frameworkIn{0%,6%{opacity:0;transform:translateX(-26px)}16%,46%{opacity:1;transform:translateX(0)}58%,100%{opacity:0;transform:translateX(22px)}}@keyframes finalIn{0%,76%{opacity:0;transform:translateY(20px)}83%,96%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes orbPulse{0%,100%{transform:translateX(-50%) scale(.8);opacity:.55}45%,75%{transform:translateX(-50%) scale(1.1);opacity:1}}
@media(max-width:800px){.site-header{display:block;padding-top:42px}.demo-card{grid-template-columns:1fr;padding:18px;border-radius:24px}.phone-frame{width:min(100%,330px)}.grid{padding-inline:14px}.site-header{padding-inline:14px}.intro{font-size:16px}.card-copy p{font-size:15px}.site-header h1{font-size:44px}}