:root{--bg:#04070F;--txt:#EAF1FF;--mut:#8592AE;--line:#ffffff14;--a:#50C8FF;--b:#1E6EFF;--c:#00C8FF;--err:#FF6B7A;--glass:#0B1426a6}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}
body{background:var(--bg);color:var(--txt);font-family:'Geist',system-ui,sans-serif;line-height:1.55;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--a);text-decoration:none}.mono,code{font-family:'Geist Mono',ui-monospace,monospace}
.bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bgfx .au{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(90px);opacity:.38;animation:float 22s ease-in-out infinite alternate}
.au.one{background:#1E6EFF;top:-35vmax;left:-15vmax}.au.two{background:#00C8FF;top:-30vmax;right:-25vmax;opacity:.22;animation-duration:28s}.au.three{background:#2b3bff;bottom:-45vmax;left:20vmax;opacity:.18;animation-duration:34s}
@keyframes float{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vmax,4vmax) scale(1.1)}100%{transform:translate(-4vmax,7vmax) scale(.95)}}
.bgfx .dots{position:absolute;inset:0;background-image:radial-gradient(#ffffff1c 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 30%,transparent 80%)}
.bgfx .noise{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.85' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.4);background:#04070fb3;border-bottom:1px solid var(--line)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:14px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--txt);font-size:17px;letter-spacing:-.01em}.brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 0 18px #1E6EFF66}
.links{display:flex;gap:4px;align-items:center}.links a{color:var(--mut);padding:7px 12px;border-radius:999px;font-size:14px;transition:.2s}.links a:hover,.links a.on{color:var(--txt);background:#ffffff0d}
.pill{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:600 14px 'Geist',sans-serif;padding:12px 22px;border-radius:999px;color:#04070F;background:linear-gradient(135deg,#7FDBFF,var(--c) 40%,var(--b));box-shadow:0 0 0 1px #ffffff22 inset,0 8px 30px -6px #1E6EFFaa;transition:transform .2s,box-shadow .2s}
.pill:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff44 inset,0 10px 40px -4px #00C8FFcc;text-decoration:none}
.pill.ghost{background:#ffffff08;color:var(--txt);box-shadow:0 0 0 1px var(--line) inset}.pill.ghost:hover{background:#ffffff12;box-shadow:0 0 0 1px #50C8FF55 inset,0 0 24px #1E6EFF33}
.pill.sm{padding:8px 16px;font-size:13px}
.tag{display:inline-flex;align-items:center;gap:6px;font:500 11px 'Geist Mono',monospace;padding:4px 10px;border-radius:999px;color:var(--a);background:#50C8FF12;border:1px solid #50C8FF33;letter-spacing:.06em;text-transform:uppercase}
.tag .dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.3}}
.demo{font:500 9.5px 'Geist Mono',monospace;color:#9aa8c7;border:1px solid #ffffff1f;border-radius:4px;padding:1px 5px;vertical-align:middle;text-transform:uppercase;letter-spacing:.08em;margin-left:6px}
.glass{position:relative;background:var(--glass);border-radius:20px;backdrop-filter:blur(14px);transition:transform .3s,box-shadow .3s}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#50C8FF55,#ffffff10 35%,#ffffff08 65%,#1E6EFF55);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hov:hover{transform:translateY(-3px);box-shadow:0 20px 60px -20px #1E6EFF88}
.hero{padding:90px 0 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.hero h1{font-size:clamp(44px,7vw,88px);line-height:.98;margin:22px 0;letter-spacing:-.045em;font-weight:700}
.grad{background:linear-gradient(100deg,#fff 10%,#9fe4ff 40%,var(--c) 60%,var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{color:var(--mut);font-size:19px;max-width:540px;margin:0 0 32px}.cta{display:flex;gap:12px;flex-wrap:wrap}
.mock{padding:18px}.mock .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;color:var(--mut)}
.ag{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#ffffff06;border:1px solid var(--line);margin-bottom:10px}
.av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:600 13px 'Geist Mono';background:linear-gradient(135deg,#1E6EFF,#00C8FF);color:#04070F}
.ag .n{font-weight:600;font-size:14px}.ag .s{font-size:12px;color:var(--mut)}.ag .v{margin-left:auto;text-align:right;font:600 15px 'Geist Mono'}
.bar{height:4px;border-radius:4px;background:#ffffff10;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c),var(--b))}
.stream{height:132px;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);margin-top:6px}
.stream ul{list-style:none;margin:0;padding:0;animation:up 14s linear infinite}.stream li{display:flex;justify-content:space-between;font:12.5px 'Geist Mono';color:#b8c6e4;padding:7px 4px;border-bottom:1px dashed #ffffff10}.stream li b{color:var(--a);font-weight:500}
@keyframes up{to{transform:translateY(-50%)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:40px 0}.stat{padding:22px}.stat .k{font:600 32px 'Geist Mono';letter-spacing:-.03em}.stat .l{color:var(--mut);font-size:13px}
.marq{border-block:1px solid var(--line);overflow:hidden;padding:16px 0;margin:30px 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marq div{display:flex;gap:48px;width:max-content;animation:mq 30s linear infinite;font:500 14px 'Geist Mono';color:var(--mut);white-space:nowrap}.marq span::before{content:"◆ ";color:var(--b)}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:70px 0}.eyebrow{font:500 12px 'Geist Mono';color:var(--a);text-transform:uppercase;letter-spacing:.12em}
h2{font-size:clamp(32px,4.5vw,52px);letter-spacing:-.035em;line-height:1.05;margin:10px 0 14px}.sub{color:var(--mut);max-width:560px;margin:0 0 36px;font-size:17px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:28px}.step .num{font:600 13px 'Geist Mono';color:var(--a)}.step h3{margin:14px 0 8px;font-size:20px}.step p,.bento p{color:var(--mut);margin:0}
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(190px,auto);gap:16px}.bento>div{padding:28px;overflow:hidden}
.b1{grid-column:span 4}.b2{grid-column:span 2}.b3{grid-column:span 2}.b4{grid-column:span 2}.b5{grid-column:span 2}
.bento h3{font-size:21px;margin:0 0 8px;letter-spacing:-.02em}.ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#1E6EFF22;border:1px solid #50C8FF33;margin-bottom:18px;font-size:18px}
.flow{display:flex;align-items:center;gap:10px;margin-top:26px;font:12px 'Geist Mono';flex-wrap:wrap}.flow span{padding:8px 12px;border-radius:10px;background:#ffffff08;border:1px solid var(--line)}.flow i{color:var(--c);font-style:normal}
.bounty{padding:48px;text-align:center;overflow:hidden}.bounty::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:120%;background:radial-gradient(closest-side,#1E6EFF44,transparent);z-index:-1}
footer{border-top:1px solid var(--line);margin-top:60px;padding:40px 0;color:var(--mut);font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}footer a{color:var(--mut)}footer a:hover{color:var(--txt)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
label{display:block;font-size:12.5px;color:var(--mut);margin:14px 0 6px}
input,select,textarea{width:100%;background:#050A16cc;border:1px solid var(--line);color:var(--txt);border-radius:12px;padding:12px 14px;font:15px 'Geist',sans-serif;transition:.2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#1E6EFF;box-shadow:0 0 0 4px #1E6EFF26}
.err{color:var(--err);font-size:13px;min-height:18px;margin-top:8px}
.auth{max-width:430px;margin:70px auto;padding:34px}.seg{display:flex;padding:4px;border-radius:999px;background:#ffffff08;border:1px solid var(--line);margin-bottom:10px}.seg button{flex:1;border:0;background:none;color:var(--mut);font:600 14px Geist;padding:9px;border-radius:999px;cursor:pointer}.seg button.on{background:linear-gradient(135deg,var(--c),var(--b));color:#04070F}
.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid var(--line);background:#04070F99;backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:4px}
.side .brand{padding:0 10px 22px}.side a.it{display:flex;gap:10px;align-items:center;color:var(--mut);padding:10px 12px;border-radius:12px;font-size:14px}.side a.it:hover,.side a.it.on{color:var(--txt);background:#ffffff0b}.side a.it.on{box-shadow:inset 2px 0 0 var(--c)}
.side .bottom{margin-top:auto}
.main{padding:28px 34px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px;flex-wrap:wrap}.topbar h1{margin:0;font-size:28px;letter-spacing:-.03em}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{padding:22px}.panel h3{margin:0 0 4px;font-size:16px}
.big{font:600 44px 'Geist Mono';letter-spacing:-.04em;margin:8px 0 2px}
.spark{height:54px;margin-top:10px}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--mut);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{padding:24px;text-align:center}.tile .ico{margin:0 auto 14px}.tile h3{margin:0 0 10px}
.chatwrap{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:460px;padding:0}
.chathead{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.msgs{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:14px}
.m{max-width:78%;padding:12px 16px;border-radius:18px;white-space:pre-wrap;font-size:15px;animation:pop .3s ease}
.m.u{align-self:flex-end;background:linear-gradient(135deg,#2a7bff,#00b4ff);color:#fff;border-bottom-right-radius:6px;box-shadow:0 8px 24px -10px #1E6EFF}
.m.a{align-self:flex-start;background:#ffffff09;border:1px solid var(--line);border-bottom-left-radius:6px}
@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.typing span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--a);animation:bl 1.2s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}
@keyframes bl{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.composer input{border-radius:999px}
.chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 10px}.chips button{background:#ffffff08;border:1px solid var(--line);color:var(--mut);border-radius:999px;padding:6px 12px;font:13px Geist;cursor:pointer}.chips button:hover{color:var(--txt);border-color:#50C8FF55}
.hide{display:none!important}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding-top:50px}.stats{grid-template-columns:repeat(2,1fr)}.steps,.dgrid,.tiles{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.bento>div{grid-column:auto}
.app{grid-template-columns:1fr}.side{position:sticky;height:auto;flex-direction:row;overflow-x:auto;z-index:20;padding:10px;align-items:center}.side .brand{padding:0 8px 0 0}.side .bottom{margin:0 0 0 auto}.main{padding:20px}.links a.hm{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}
@media(max-width:560px){.links a:not(.pill){display:none}.brand{font-size:15px}}
.links a.pill{color:#04070F;padding:8px 16px}.links a.pill:hover{background:linear-gradient(135deg,#7FDBFF,var(--c) 40%,var(--b))}