/* AFOQT IAI — styles */
:root{--bg:#040a18;--bg2:#081530;--fg:#eaf3ff;--mut:#8ea4c8;--line:#ffffff1f;--card:#0b1a3a99;--acc:#4cc2ff;--acc2:#1f6bff;--amb:#ffc233;color-scheme:dark}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:400 17px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.f{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.02em;line-height:1.05}
.w{max-width:1100px;margin:auto;padding:0 20px}.mut{color:var(--mut)}
.g{background:linear-gradient(90deg,var(--acc),#9d8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eye{font:500 13px "Space Grotesk";letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:12px}
#bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(120% 80% at 70% 0,#0d2a5c,var(--bg) 60%)}
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#pb{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--amb));transform:scaleX(0);transform-origin:0;z-index:99}
nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(14px);background:#040a1866;border-bottom:1px solid var(--line)}
nav b{font:700 18px "Space Grotesk"}nav b i{color:var(--acc);font-style:normal}
nav div{display:flex;gap:22px;align-items:center;font-size:15px}nav a{color:var(--mut);text-decoration:none}nav a:hover{color:var(--fg)}
.btn{display:inline-flex;gap:8px;align-items:center;padding:13px 24px;border-radius:99px;font:500 16px Inter;text-decoration:none;border:1px solid var(--line);color:var(--fg);background:var(--card);cursor:pointer;transition:.3s}
.btn:hover{transform:translateY(-3px);border-color:var(--acc)}.btn.p{background:linear-gradient(135deg,var(--acc2),#7a5cff);border:0;box-shadow:0 10px 40px -10px var(--acc2)}
#pf{position:fixed;inset:0;z-index:200;background:#02060f;display:grid;place-items:center;font:500 14px/2 "Space Grotesk",monospace;color:var(--acc);letter-spacing:.12em;cursor:pointer;transition:opacity .8s,visibility .8s}
#pf.off{opacity:0;visibility:hidden}#pf p{opacity:0;animation:ln .4s forwards}#pf small{color:var(--mut)}
@keyframes ln{to{opacity:1}}
#hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 80px;position:relative}
h1{font-size:clamp(44px,8vw,98px);margin:18px 0 22px}
.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border:1px solid var(--line);border-radius:99px;font-size:14px;background:var(--card)}
.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amb);animation:pl 2s infinite}
@keyframes pl{70%{box-shadow:0 0 0 10px #0000}0%{box-shadow:0 0 0 0 var(--amb)}}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hud{position:absolute;right:24px;bottom:34px;font:500 12px/1.8 "Space Grotesk",monospace;letter-spacing:.14em;color:var(--acc);text-align:right}
.sc{position:absolute;left:50%;bottom:26px;width:24px;height:40px;border:2px solid var(--mut);border-radius:14px;transform:translateX(-50%)}.sc:after{content:"";position:absolute;left:9px;top:7px;width:4px;height:8px;border-radius:3px;background:var(--acc);animation:sd 1.6s infinite}
@keyframes sd{to{transform:translateY(14px);opacity:0}}
section{padding:110px 0}
h2{font-size:clamp(32px,5vw,54px);margin-bottom:14px}
#ms{height:560vh;position:relative}
.st{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;max-width:1100px;margin:auto;padding:70px 20px 20px}
.num{font:700 clamp(80px,14vw,170px) "Space Grotesk";line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--acc)}
#cap{animation:in .6s}@keyframes in{from{opacity:0;transform:translateY(20px)}}
#cap h3{font-size:clamp(28px,4vw,44px);margin:10px 0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chips button{font:500 14px "Space Grotesk";padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--mut);cursor:pointer;transition:.3s}
.chips button.on{background:var(--acc);color:#04101f;border-color:var(--acc);transform:scale(1.1)}
.pn{border:1px solid var(--line);border-radius:26px;padding:14px;background:var(--card);backdrop-filter:blur(12px);box-shadow:0 40px 100px -40px var(--acc2)}
.pn canvas{width:100%;display:block;border-radius:16px;background:#050d1fcc;touch-action:none}.pn small{display:block;margin:10px 4px 0;color:var(--mut);font-size:13px}
.rv{opacity:0;transform:translateY(44px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.card{position:relative;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--card);backdrop-filter:blur(10px);overflow:hidden;transition:transform .25s}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0),#4cc2ff30,transparent 70%);opacity:0;transition:.3s}.card:hover:before{opacity:1}.card>*{position:relative}
.ab{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:40px}
.av{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:700 30px "Space Grotesk";color:#fff;background:linear-gradient(135deg,var(--acc2),#7a5cff);margin-bottom:18px}
.ab .card:nth-child(2) .av{background:linear-gradient(135deg,var(--acc),#2b8cff);width:70px;height:70px;font-size:25px}
.card h3{font-size:26px}.role{font:500 13px "Space Grotesk";letter-spacing:.14em;text-transform:uppercase;color:var(--amb);margin:6px 0 12px}.card p{color:var(--mut);font-size:15px}
.stat{display:flex;gap:44px;margin-top:40px;flex-wrap:wrap}.stat b{display:block;font:700 56px "Space Grotesk"}
.tl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.tl .n{font:700 14px "Space Grotesk";color:var(--acc);letter-spacing:.18em}.tl h3{font-size:24px;margin:8px 0 12px}
.ch{display:inline-block;padding:3px 12px;margin:0 6px 12px 0;border-radius:99px;background:#ffffff14;font:500 14px "Space Grotesk"}
.tl ul{padding-left:18px;color:var(--mut);font-size:15px}
.tu{text-align:center;padding:90px 20px;border-radius:32px;background:radial-gradient(circle at 50% 0,#1f6bff40,transparent 70%),var(--bg2);border:1px solid var(--line)}
footer{padding:40px 20px;text-align:center;color:var(--mut);font-size:13px;border-top:1px solid var(--line)}
#rt{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid var(--acc);border-radius:50%;pointer-events:none;z-index:300;display:none;opacity:0;transition:width .2s,height .2s,margin .2s,border-color .2s,border-radius .2s,opacity .3s}
#rt:before,#rt:after{content:"";position:absolute;background:var(--acc)}#rt:before{left:50%;top:-8px;bottom:-8px;width:1.5px}#rt:after{top:50%;left:-8px;right:-8px;height:1.5px}
#rt.lk{width:56px;height:56px;margin:-28px 0 0 -28px;border-color:var(--amb);border-radius:12px}#rt.lk:before,#rt.lk:after{background:var(--amb)}
@media(hover:hover) and (pointer:fine){*{cursor:none!important}#rt{display:block}}
.chal{margin-top:34px;max-width:540px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--card);backdrop-filter:blur(12px)}
.chal .t{display:flex;justify-content:space-between;font:500 12px "Space Grotesk";letter-spacing:.14em;color:var(--acc)}
.bar{height:4px;background:#ffffff1f;border-radius:4px;margin:10px 0 12px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--amb));transform-origin:0}
.chal p{font-size:15px}.o{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.o button{padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0d;color:var(--fg);font:inherit;font-size:15px;transition:.2s}
.o button:hover:not(:disabled){border-color:var(--acc);transform:translateY(-2px)}.o .ok{background:#1faa5a44;border-color:#1faa5a}.o .no{background:#e5484d44;border-color:#e5484d}
#fb2{margin-top:10px;min-height:22px;font-size:14px}#fb2 a{color:var(--amb)}
.ea form{display:flex;gap:10px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.ea input[type=email]{flex:1 1 220px;padding:13px 18px;border-radius:99px;border:1px solid var(--line);background:#ffffff0d;color:var(--fg);font:inherit}.ea input:focus{outline:2px solid var(--acc)}
.ig{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}#rd{touch-action:pan-y}@media(max-width:860px){.ig{grid-template-columns:1fr}}
@media(max-width:860px){.st,.ab,.tl{grid-template-columns:1fr}.st{gap:10px;align-content:center}.num{font-size:70px}nav div a:not(.btn){display:none}section{padding:80px 0}.hud{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}