:root{--primary:#3434ff;--secondary:#000062;--dark:#04041a;--panel:rgba(10,10,40,.78);--border:rgba(52,52,255,.18)}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 15% 15%, rgba(52,52,255,.12), transparent 24%),
radial-gradient(circle at 85% 25%, rgba(0,0,98,.18), transparent 28%),
radial-gradient(circle at 70% 85%, rgba(52,52,255,.08), transparent 24%),
linear-gradient(180deg,#030314 0%,#050520 50%,#030312 100%)}
.mesh{position:fixed;border-radius:999px;filter:blur(80px);pointer-events:none;z-index:0}.mesh-1{width:420px;height:420px;top:80px;left:-100px;background:rgba(52,52,255,.10)}.mesh-2{width:460px;height:460px;right:-120px;bottom:40px;background:rgba(0,0,98,.22)}
.nav-shell,.arena-shell,.metric-card,.info-tile,.feature-panel,.article-panel,.faq-box,.testimonial-box,.cta-panel{background:linear-gradient(180deg, rgba(16,16,58,.85), rgba(7,7,32,.85));backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.02);position:relative;overflow:hidden}
.nav-shell{border-radius:24px}
.nav-shell::before,.arena-shell::before,.feature-panel::before,.article-panel::before,.testimonial-box::before,.cta-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(52,52,255,.05), transparent 45%, rgba(0,0,98,.08));pointer-events:none}
.gradient-text{background:linear-gradient(90deg,#7a7aff,var(--primary),#9ca0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.badge-chip{padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:800;background:rgba(52,52,255,.08);border:1px solid rgba(52,52,255,.18);color:#d7d9ff;box-shadow:0 0 30px rgba(52,52,255,.08)}
.top-cta,.btn-primary,.btn-secondary{transition:all .3s ease;font-weight:800;border-radius:999px}.top-cta{padding:.8rem 1.25rem;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 32px rgba(52,52,255,.22)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.7rem;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 16px 40px rgba(52,52,255,.22)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.7rem;border:1px solid rgba(122,122,255,.18);color:#d7d9ff;background:rgba(255,255,255,.03)}.top-cta:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px)}
.metric-card{padding:1rem;border-radius:20px}.arena-shell{padding:1.4rem;border-radius:28px}
.arena-header{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(52,52,255,.10)}
.pulse-dot{width:10px;height:10px;border-radius:999px;background:#6d6dff;box-shadow:0 0 16px rgba(109,109,255,.8)}
.arena-core{position:relative;height:330px;margin-top:1rem;border-radius:28px;border:1px solid rgba(52,52,255,.12);background:
radial-gradient(circle at center, rgba(52,52,255,.12), rgba(52,52,255,.03) 24%, transparent 42%),
linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
display:flex;align-items:center;justify-content:center;overflow:hidden}
.orbital-ring{position:absolute;border-radius:999px;border:1px solid rgba(122,122,255,.16)}
.ring-1{width:240px;height:240px;box-shadow:0 0 40px rgba(52,52,255,.08) inset}
.ring-2{width:320px;height:320px;border-style:dashed;animation:spin 18s linear infinite}
.center-score{text-align:center;position:relative;z-index:2}.score-label{font-size:.75rem;letter-spacing:.24em;color:#a7abff;margin-bottom:.5rem;font-weight:800}.score-number{font-size:4rem;line-height:1;font-weight:900;background:linear-gradient(180deg,#fff,#aeb3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.score-time{font-size:.9rem;color:#9ca3af;margin-top:.5rem}
.info-tile,.feature-panel,.testimonial-box{padding:1.4rem;border-radius:24px}
.panel-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#8b8bff;background:rgba(52,52,255,.08);border:1px solid rgba(52,52,255,.16);font-size:1.3rem}
.section-label{display:inline-block;font-size:.8rem;font-weight:900;letter-spacing:.22em;color:#bfc4ff;margin-bottom:.6rem}
.article-panel,.cta-panel{padding:2rem;border-radius:28px}.article-content p{color:#cbd5e1;line-height:2rem}
.faq-box{border-radius:22px}.faq-question{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.3rem;font-weight:800;font-size:1rem}.faq-answer{display:none;padding:0 1.3rem 1.3rem;color:#cbd5e1;line-height:1.9}.faq-box.active .faq-answer{display:block}.faq-box.active .faq-question i{transform:rotate(45deg)}.faq-question i{transition:transform .25s ease}
.stars{color:#7a7aff;letter-spacing:.2em;margin-bottom:.9rem;font-size:.95rem}
.reveal{opacity:0;transform:translateY(24px);transition:all .7s ease}.reveal.active{opacity:1;transform:translateY(0)}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}