.hd{display:flex;align-items:center;justify-content:space-between;height:88px;position:relative;z-index:2}
.logo{font-size:22px;color:#fff;text-decoration:none}
.logo b{color:#3ee0c5;font-weight:600}
.hd nav,.foot nav{display:flex;gap:32px;flex-wrap:wrap}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 28px;color:#9bb0cc;font-size:14px}
.crumbs li+li::before{content:"/";margin-right:10px;opacity:.5}
.crumbs a{color:#9bb0cc;text-decoration:none;transition:color .3s}
.crumbs a:hover{color:#fff}
.hero2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:48px;align-items:center;padding-top:36px;padding-bottom:100px;position:relative;z-index:1}
.eyebrow{color:#3ee0c5;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin:0 0 20px}
.h1{font-size:clamp(34px,4.6vw,58px);line-height:1.06}
.h2{font-size:clamp(28px,3.4vw,44px);line-height:1.1;margin-bottom:44px;max-width:680px}
.lead{font-size:20px;line-height:1.5;color:#9bb0cc;max-width:520px;margin:24px 0 36px}
.row{display:flex;gap:14px;flex-wrap:wrap}
.sec{padding-bottom:110px;position:relative;z-index:1}
.g3,.g4{display:grid;gap:20px}
.g3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.band{background:linear-gradient(180deg,#081d3a,#0a2b52);padding:110px 0;position:relative;z-index:1}
.ct{font-size:20px;margin:36px 0 10px}
.muted{color:#9bb0cc;line-height:1.5}
.big{font-size:38px;color:#3ee0c5}
.sh{font-size:20px;margin:16px 0 6px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.tags li{padding:8px 14px;border-radius:99px;background:rgba(62,224,197,.1);border:1px solid rgba(62,224,197,.3);font-size:14px}
.note{color:#9bb0cc;font-size:14px;margin-top:28px;max-width:640px}
.cta{border-radius:36px;padding:72px 48px;text-align:center;background:linear-gradient(135deg,#1b5fd1,#12907f)}
.cta h2{max-width:760px;margin:0 auto 20px}
.cta p{margin:0 0 36px;font-size:18px;color:#e6f3ff}
.cta .row{justify-content:center}
.btn.wh{background:#fff}
.btn.gw{color:#fff;border-color:rgba(255,255,255,.6)}
.foot{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;padding-top:24px;padding-bottom:40px;border-top:1px solid rgba(255,255,255,.1);color:#9bb0cc;font-size:14px;position:relative;z-index:1}
.foot nav{gap:20px}
.scan{position:relative;width:100%;max-width:520px;aspect-ratio:4/3;margin:0 auto;border-radius:28px;border:1px solid rgba(120,160,220,.25);overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(120,160,220,.1) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(120,160,220,.1) 39px 40px),linear-gradient(160deg,#0e2a4d,#0a1f3b)}
.scan::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#3ee0c5;box-shadow:0 0 28px 6px rgba(62,224,197,.55);animation:sweep 4.5s ease-in-out infinite alternate}
.box{position:absolute;border:2px solid #3ee0c5;border-radius:8px;animation:blink 3s ease-in-out infinite}
.box span{position:absolute;top:-27px;left:-2px;background:#3ee0c5;color:#06152b;font-size:12px;font-weight:600;padding:3px 9px;border-radius:6px;white-space:nowrap}
.b1{left:12%;top:32%;width:30%;height:26%}
.b2{right:10%;top:54%;width:34%;height:28%;animation-delay:-1.5s}
.b3{left:50%;top:16%;width:16%;height:14%;animation-delay:-.8s}
.badge{position:absolute;left:18px;bottom:16px;padding:8px 14px;border-radius:99px;background:rgba(6,21,43,.8);border:1px solid rgba(62,224,197,.5);font-size:13px;font-weight:500}
@keyframes sweep{to{top:calc(100% - 2px)}}
@keyframes blink{50%{opacity:.35;transform:scale(1.04)}}
@media (max-width:760px){.hd nav{display:none}.cta{padding:48px 24px}}
.acc{color:#3ee0c5}
.g-a{width:520px;height:520px;background:#1b5fd1;top:-120px;right:-80px}
.band-after{padding-top:110px}
.top{padding-top:110px}
.h1b{font-size:clamp(26px,3.4vw,42px);line-height:1.15}
.hd nav a[aria-current]{color:#fff}
.sh2{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}
.lay{position:absolute;border-radius:50%;border:1px solid rgba(62,224,197,.4);background:radial-gradient(circle,rgba(62,224,197,.06),transparent 70%)}
.l1{inset:0}.l2{inset:11%}.l3{inset:22%}.l4{inset:33%}
.lay em{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:99px;background:#0e2a4d;border:1px solid rgba(62,224,197,.5);font-size:12px;font-style:normal;font-weight:500;white-space:nowrap}
.rot{inset:-4%;border-style:dashed;opacity:.6}
.wave{position:absolute;inset:33%;border-radius:50%;border:2px solid #3ee0c5;opacity:0;animation:wave 5s ease-out infinite}
.wave.w2{animation-delay:-2.5s}
.sh2 .core{width:28%;height:28%;margin:0;left:36%;top:36%;font-size:clamp(10px,2.4vw,14px)}
@keyframes wave{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.9);opacity:0}}
.callout{margin-top:32px;padding:18px 22px;max-width:520px;border-radius:18px;background:rgba(62,224,197,.08);border:1px solid rgba(62,224,197,.3);color:#cfe3ff;font-size:15px;line-height:1.5}
.tw{overflow-x:auto;border:1px solid rgba(120,160,220,.15);border-radius:24px;background:#0c2342}
.tw table{width:100%;min-width:680px;border-collapse:collapse}
.tw th{text-align:left;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#3ee0c5;padding:18px 24px;font-weight:500}
.tw td{padding:18px 24px;border-top:1px solid rgba(120,160,220,.12);color:#9bb0cc;vertical-align:top;transition:background .3s}
.tw td:first-child{color:#eaf2ff;font-weight:600}
.tw tr:hover td{background:rgba(62,224,197,.06)}
.chn{font-size:22px;color:#3ee0c5;white-space:nowrap}
.chip{flex-wrap:wrap}
.cta .cn{margin:28px auto 0;color:#d6ebff;font-size:14px}
.qa{width:100%;max-width:520px;margin:0 auto;display:grid;gap:16px;padding:28px;border-radius:28px;border:1px solid rgba(120,160,220,.25);background:linear-gradient(160deg,#0e2a4d,#0a1f3b)}
.q{justify-self:end;max-width:82%;padding:12px 18px;border-radius:18px 18px 4px 18px;background:#3ee0c5;color:#06152b;font-weight:500;animation:kq 9s ease-out infinite}
.ans{padding:18px;border-radius:18px 18px 18px 4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.ln{height:10px;margin:10px 0;border-radius:6px;background:rgba(234,242,255,.25);transform-origin:left;opacity:0}
.ln.a1{width:92%;animation:k1 9s ease-out infinite}.ln.a2{width:78%;animation:k2 9s ease-out infinite}.ln.a3{width:56%;animation:k3 9s ease-out infinite}
.srcs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.srcs span{padding:6px 12px;border-radius:99px;border:1px solid rgba(62,224,197,.5);background:rgba(62,224,197,.1);font-size:13px;opacity:0}
.srcs .c1{animation:k4 9s ease-out infinite}.srcs .c2{animation:k5 9s ease-out infinite}
.cap{text-align:center;font-size:12px;color:#9bb0cc;margin:0}
@keyframes kq{0%,2%{opacity:0;transform:translateY(14px)}8%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes k1{0%,14%{opacity:0;transform:scaleX(.15)}20%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes k2{0%,20%{opacity:0;transform:scaleX(.15)}26%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes k3{0%,26%{opacity:0;transform:scaleX(.15)}32%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes k4{0%,36%{opacity:0;transform:translateY(8px)}42%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes k5{0%,42%{opacity:0;transform:translateY(8px)}48%,92%{opacity:1;transform:none}100%{opacity:0}}
@media (max-width:520px){.qa{padding:18px}}
.dv{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px;width:100%;max-width:540px;margin:0 auto}
.paper{position:relative;flex:0 1 300px;min-width:230px;aspect-ratio:3/4;padding:28px;border-radius:18px;background:#eaf2ff;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(-3deg)}
.paper::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#3ee0c5;box-shadow:0 0 24px 6px rgba(62,224,197,.6);animation:sweep 4.5s ease-in-out infinite alternate}
.pl{height:8px;margin:13px 0;border-radius:4px;background:#b9c9e2}
.pl.t{height:14px;width:58%;background:#7f97bd}
.pl.p90{width:90%}.pl.p75{width:75%}.pl.p55{width:55%}.pl.p80{width:80%}
.fld{position:absolute;border:2px solid #3ee0c5;border-radius:6px;background:rgba(62,224,197,.2);animation:blink 3s ease-in-out infinite}
.f1{left:8%;top:11%;width:34%;height:7%}
.f2{right:8%;top:11%;width:26%;height:7%;animation-delay:-1s}
.f3{left:8%;bottom:14%;width:46%;height:8%;animation-delay:-2s}
.kv{display:grid;gap:10px;flex:0 1 190px;margin:0;padding:0;list-style:none}
.kv li{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:#0e2a4d;border:1px solid rgba(62,224,197,.4);font-size:14px;font-weight:500;opacity:0}
.kv li b{color:#3ee0c5}
.kv li.chk{border-color:#ffc861}.kv li.chk b{color:#ffc861}
.kv li:nth-child(1){animation:m1 7s ease-out infinite}.kv li:nth-child(2){animation:m2 7s ease-out infinite}.kv li:nth-child(3){animation:m3 7s ease-out infinite}.kv li:nth-child(4){animation:m4 7s ease-out infinite}
@keyframes m1{0%,15%{opacity:0;transform:translateX(18px)}23%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes m2{0%,30%{opacity:0;transform:translateX(18px)}38%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes m3{0%,45%{opacity:0;transform:translateX(18px)}53%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes m4{0%,60%{opacity:0;transform:translateX(18px)}68%,92%{opacity:1;transform:none}100%{opacity:0}}