:root{--bg:#070d1f;--text:#eaf0ff;--muted:#8d9bc0;--surface:rgba(255,255,255,.06);--border:rgba(255,255,255,.12);--a:#2f6bff;--b:#22d3ee;--on:#fff;--r:16px;--blur:14px;--dur:.7s;--w:1080px;--sec:70px;--hw:800;--bs:14s;--bo:.28;--sy:0;--par:3;--mx:50vw;--my:30vh;--hf:-apple-system,"SF Pro Display",sans-serif;--bf:-apple-system,"SF Pro Text",sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}:root[data-mode=light]{--text:#0b1330;--muted:#55627f;--surface:rgba(255,255,255,.78);--border:rgba(11,19,48,.12);color-scheme:light}html{scroll-padding-top:calc(70px + env(safe-area-inset-top,0px))}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--bf);line-height:1.55;overflow-x:hidden;transition:background .5s,color .5s}h1,h2,h3{font-family:var(--hf);font-weight:var(--hw);margin:0;line-height:1.1;letter-spacing:-.02em}.wrap{max-width:var(--w);margin:auto;padding:0 20px}.bgl{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.glow{inset:0;translate:0 calc(var(--sy) * var(--par) * -.1px)}.glow,.glow i{position:absolute}.glow i{width:46vmax;height:46vmax;border-radius:50%;filter:blur(90px);opacity:var(--bo);animation:fl var(--bs) ease-in-out infinite alternate}.glow i:first-child{background:var(--a);top:-15vmax;left:-10vmax}.glow i:nth-child(2){background:var(--b);bottom:-18vmax;right:-12vmax;animation-delay:-6s}.glow i:nth-child(3){background:var(--a);top:30vh;left:40vw;width:24vmax;height:24vmax;animation-delay:-3s}@keyframes fl{to{transform:translate(8vmax,6vmax) scale(1.15)}}.grd{position:absolute;inset:-60px;opacity:calc(var(--bo) * 1.1);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:56px 56px;animation:gm var(--bs) linear infinite;mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%)}@keyframes gm{to{background-position:56px 56px}}#cv{position:absolute;inset:0;width:100%;height:100%;opacity:calc(var(--bo) * 3)}html:not([data-g="1"]) .grd,html:not([data-o="1"]) .glow,html:not([data-p="1"]) #cv{display:none}#spot{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--a) 18%,transparent),transparent 70%);opacity:0;transition:opacity .4s}html[data-spot="1"] #spot{opacity:1}#cc{inset:0;width:100%;height:100%;pointer-events:none;z-index:55}#cc,#prog{position:fixed}#prog{top:0;left:0;height:3px;width:0;z-index:80;background:linear-gradient(90deg,var(--a),var(--b));display:none}html[data-prog="1"] #prog{display:block}nav{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:20;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:var(--surface);border-bottom:1px solid var(--border)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}nav .lk{display:flex;gap:16px;font-size:14px;color:var(--muted)}nav .lk a{color:inherit;text-decoration:none}nav .lk a:hover{color:var(--text)}@media(max-width:860px){nav .lk{display:none}}.logo{font:var(--hw) 17px var(--hf);white-space:nowrap}.gt,.logo b{background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{font:600 14px var(--bf);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 18px;border-radius:calc(var(--r) * .7);cursor:pointer;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.t:focus-visible,summary:focus-visible{outline:2px solid var(--b);outline-offset:2px}.btn.p{background:linear-gradient(135deg,var(--a),var(--b));color:var(--on);border-color:transparent;box-shadow:0 8px 28px -8px var(--a)}html[data-btn=solid] .btn.p{background:var(--a)}html[data-btn=outline] .btn.p{background:transparent;color:var(--a);border-color:var(--a);box-shadow:none}main{position:relative;z-index:2}section{padding:var(--sec) 0}h2{font-size:clamp(26px,4vw,40px);margin-bottom:12px}.sub,h2{text-align:center}.sub{color:var(--muted);max-width:640px;margin:0 auto 34px}.row{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:22px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}html[data-card=solid] .card{background:color-mix(in srgb,var(--text) 7%,var(--bg));-webkit-backdrop-filter:none;backdrop-filter:none}html[data-card=outline] .card{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-lift="1"] .card:hover{transform:translateY(-6px);border-color:var(--a);box-shadow:0 18px 40px -18px var(--a)}.card h3{font-size:18px;margin-bottom:6px}.card p{margin:0;color:var(--muted);font-size:14px}.ic{width:38px;height:38px;border-radius:calc(var(--r) * .6);background:linear-gradient(135deg,var(--a),var(--b));margin-bottom:14px;display:grid;place-items:center;font:700 13px var(--bf);color:var(--on)}.tag{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font-size:13px;color:var(--muted);margin-bottom:20px}.kpi{font:800 28px var(--hf)}.bars{display:flex;align-items:flex-end;gap:6px;height:90px;margin-top:12px}.bars i{flex:1 1;background:linear-gradient(var(--b),var(--a));border-radius:6px 6px 0 0;transform-origin:bottom;animation:gr 1.4s ease both}@keyframes gr{0%{transform:scaleY(0)}}small.s{font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.hero{padding:80px 0 60px}.hero .wrap{display:grid;grid-gap:40px;gap:40px;align-items:center;position:relative}.hero h1{font-size:clamp(34px,5.6vw,62px);margin-bottom:18px}.hero .hp{color:var(--muted);max-width:620px;margin-bottom:26px}[data-h="1"] .hero .wrap,[data-h="4"] .hero .wrap,[data-h="5"] .hero .wrap,[data-h="8"] .hero .wrap{text-align:center;justify-items:center}[data-h="1"] .hero .row,[data-h="4"] .hero .row,[data-h="5"] .hero .row,[data-h="8"] .hero .row{justify-content:center}[data-h="1"] .hp,[data-h="4"] .hp,[data-h="5"] .hp,[data-h="8"] .hp{margin-inline:auto}[data-h="4"] .hero h1{font-size:clamp(44px,10vw,112px);line-height:.98}[data-h="10"] .hero .ht{border-left:3px solid var(--a);padding-left:24px}@media(min-width:860px){[data-h="2"] .hero .wrap,[data-h="3"] .hero .wrap,[data-h="6"] .hero .wrap,[data-h="7"] .hero .wrap,[data-h="9"] .hero .wrap{grid-template-columns:1.1fr 1fr}[data-h="3"] .hv{order:-1}}.hv{width:100%}.hv[data-p]{translate:calc(var(--px,0) * 1px) calc(var(--py,0) * 1px + var(--sy) * var(--par) * -.05px)}.orb{position:absolute;left:50%;top:40%;width:min(70vw,560px);aspect-ratio:1;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--b),var(--a) 45%,transparent 70%);filter:blur(30px);opacity:.45;animation:pu 6s ease-in-out infinite alternate;z-index:-1;translate:calc(var(--px,0) * 1px) calc(var(--py,0) * 1px)}@keyframes pu{to{transform:scale(1.12)}}.stk{position:relative;height:260px}.stk .card{position:absolute;width:75%;left:12%}.stk .card:first-child{top:0;rotate:-6deg}.stk .card:nth-child(2){top:50px;rotate:3deg}.stk .card:nth-child(3){top:100px;rotate:-2deg}.code{font:13px ui-monospace,Menlo,monospace;margin:0;white-space:pre-wrap;color:var(--muted)}.code b{color:var(--b);font-weight:400}.code u{text-decoration:none;animation:bl 1s steps(2) infinite}@keyframes bl{50%{opacity:0}}.bento{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.bento .card{padding:16px}.bento .card:first-child{grid-column:span 2}.ai:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--b),transparent);top:0;animation:sc 3s linear infinite}@keyframes sc{to{top:100%}}.note{text-align:center;color:var(--muted);margin-top:18px}.note,.warn{font-size:13px}.warn{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 24px;padding:8px 14px;border:1px dashed var(--b);border-radius:12px;color:var(--b)}.stp.act{border-color:var(--b);box-shadow:0 0 0 3px color-mix(in srgb,var(--b) 25%,transparent)}.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.tabs .btn.on{border-color:var(--a);background:color-mix(in srgb,var(--a) 22%,transparent)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.hb{height:10px;border-radius:9px;background:linear-gradient(90deg,var(--a),var(--b));animation:hg 1.2s ease both;transform-origin:left}@keyframes hg{0%{transform:scaleX(0)}}.pr .card.pop{border-color:var(--a)}.pr li{margin:6px 0;color:var(--muted);font-size:14px}.pr ul{padding-left:18px;margin:12px 0 18px}.price{font:800 28px var(--hf)}.price small{font:400 13px var(--bf);color:var(--muted)}details{border:1px solid var(--border);border-radius:var(--r);padding:14px 18px;margin-bottom:10px;background:var(--surface)}summary{cursor:pointer;font-weight:600}details[open] p{animation:fd .4s}@keyframes fd{0%{opacity:0;transform:translateY(-6px)}}input,select.f,textarea{width:100%;font:14px var(--bf);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 12px;margin-bottom:10px}.two{display:grid;grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}footer{position:relative;z-index:2;border-top:1px solid var(--border);padding:40px 0;font-size:14px;color:var(--muted)}footer h4{color:var(--text);margin:0 0 10px}footer a{display:block;color:inherit;text-decoration:none;margin:6px 0;cursor:pointer}footer a:hover{color:var(--text)}.rv{transition:opacity var(--dur) ease,transform var(--dur) cubic-bezier(.2,.8,.2,1),filter var(--dur) ease}[data-anim=fade] .rv:not(.in){opacity:0;transform:translateY(28px)}[data-anim=zoom] .rv:not(.in){opacity:0;transform:scale(.88)}[data-anim=slide] .rv:not(.in){opacity:0;transform:translateX(-50px)}[data-anim=blur] .rv:not(.in){opacity:0;filter:blur(14px)}[data-anim=flip] .rv:not(.in){opacity:0;transform:perspective(700px) rotateX(24deg) translateY(20px)}[data-anim=none] .rv{transition:none}@media(prefers-reduced-motion:reduce){.rv{transition:none!important}.rv:not(.in){opacity:1!important;transform:none!important;filter:none!important}.ai:after,.bars i,.glow i,.grd,.orb{animation:none}}#fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:50}#fab,#studio{position:fixed}#studio{top:0;right:0;bottom:0;width:min(390px,100%);z-index:60;background:var(--bg);border-left:1px solid var(--border);padding:calc(16px + env(safe-area-inset-top,0px)) 18px 30px;overflow-y:auto;transform:translateX(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 60px -30px #000}#studio.open{transform:none}#studio summary{font:700 12px var(--bf);letter-spacing:.12em;text-transform:uppercase}#studio details{background:none;padding:12px 14px}#studio .bd{padding-top:12px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.top b{font:800 18px var(--hf)}.fld{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:14px}.fld input[type=color],.fld select{width:170px;margin:0;padding:9px 10px}.fld input[type=color]{height:40px;padding:3px}.fld input[type=range]{width:170px;margin:0;padding:0;accent-color:var(--a)}.fld input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--a)}.pg{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.t{cursor:pointer;border:2px solid var(--border);border-radius:12px;padding:9px;background:var(--surface);color:var(--text);font:600 12px var(--bf);text-align:left;transition:transform .2s,border-color .2s}.t:hover{transform:translateY(-2px)}.t.on{border-color:var(--a)}.t i{display:block;height:26px;border-radius:7px;margin-bottom:6px}#toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:99px;font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:90}#toast.s{opacity:1;transform:translate(-50%)}#studio{display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}#studio .top{flex-shrink:0}#studio .studio-controls{overflow-y:auto;min-height:0;flex:1 1;padding:4px 0 8px}#studio .studio-save{flex-shrink:0;padding-top:12px;border-top:1px solid var(--border);background:var(--bg)}