.landing{--bg:#050505;--panel:#0c0e11;--panel-2:#111417;--border:#1e2328;--border-strong:#2b3138;--text:#f2f4f5;--text-dim:#8b929a;--text-faint:#565c63;--dev1:#00e0ff;--dev2:#3ce6c4;--pos:#5be08a;--neg:#ff5468;--font-display:var(--font-sora), sans-serif;--font-mono:var(--font-jetbrains-mono), monospace;--font-body:var(--font-inter), sans-serif;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}.landing *{box-sizing:border-box;margin:0;padding:0}.landing ::selection{background:var(--dev1);color:#001014}.landing .wrap{max-width:1180px;margin:0 auto;padding:0 32px}.landing nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#050505b3;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:fixed;top:0;left:0;right:0}.landing .logo{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.landing .logo .dot{background:var(--dev1);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #00e0ff26}.landing .navlinks{gap:28px;display:flex}.landing .navlinks a{color:var(--text-dim);font-size:13px;font-family:var(--font-mono);letter-spacing:.03em;text-decoration:none;transition:color .15s}.landing .navlinks a:hover{color:var(--text)}.landing .nav-cta{font-family:var(--font-mono);letter-spacing:.04em;color:#001014;background:var(--dev1);border-radius:3px;padding:9px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s}.landing .nav-cta:hover{background:#4feaff}.landing .navlinks,.landing .nav-cta{display:none}@media (min-width:760px){.landing .navlinks{display:flex}.landing .nav-cta{display:inline-block}}.landing .hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.landing #bg-canvas{z-index:0;opacity:.65;position:absolute;inset:0}.landing .hero:after{content:"";background:radial-gradient(ellipse at center, transparent 0%, var(--bg) 78%);z-index:1;pointer-events:none;position:absolute;inset:0}.landing .hero-content{z-index:2;position:relative}.landing .eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);margin-bottom:24px;font-size:12px}.landing .eyebrow span{color:var(--dev1)}.landing .hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(48px,10vw,128px);font-weight:800;line-height:.92}.landing .hero-title .a{color:var(--dev1)}.landing .hero-title .vs{font-size:.4em;font-family:var(--font-mono);color:var(--text-faint);vertical-align:middle;margin:0 .08em;font-weight:700;display:inline-block}.landing .hero-title .b{color:var(--dev2)}.landing .hero-sub{color:var(--text-dim);max-width:520px;margin:0 auto 40px;font-size:16px;line-height:1.6}.landing .hero-meta{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;margin-bottom:32px;font-size:12px}.landing .hero-meta b{color:var(--pos);font-weight:500}.landing .hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.landing .btn{font-family:var(--font-mono);letter-spacing:.03em;border-radius:4px;align-items:center;gap:8px;padding:15px 26px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.landing .btn-primary{background:var(--dev1);color:#001014;transition:background .15s}.landing .btn-primary:hover{background:#4feaff}.landing .btn-ghost{color:var(--text);border:1px solid var(--border-strong);background:0 0;transition:border-color .15s,color .15s}.landing .btn-ghost:hover{border-color:var(--dev1);color:var(--dev1)}.landing .live-pill{z-index:2;font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.08em;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.landing .live-pill .dot{background:var(--neg);border-radius:50%;width:6px;height:6px;animation:1.3s ease-in-out infinite landing-pulse}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.2}}.landing section{padding:120px 0;position:relative}.landing section[id]{scroll-margin-top:72px}.landing .section-head{max-width:560px;margin-bottom:56px}.landing .section-eyebrow{font-family:var(--font-mono);color:var(--dev1);letter-spacing:.1em;margin-bottom:14px;font-size:12px}.landing .section-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(26px,4vw,38px);font-weight:700}.landing .reveal{opacity:0;transition:none;transform:translateY(28px)}.landing .steps{background:var(--border);border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.landing .step{background:var(--panel);padding:36px 28px}.landing .step-num{font-family:var(--font-mono);color:var(--text-faint);margin-bottom:20px;font-size:12px}.landing .step h3{font-family:var(--font-display);margin-bottom:10px;font-size:18px;font-weight:700}.landing .step p{color:var(--text-dim);font-size:14px;line-height:1.6}@media (max-width:760px){.landing .steps{grid-template-columns:1fr}}.landing .scoring-layout{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (min-width:900px){.landing .scoring-layout{grid-template-columns:1fr 1fr}}.landing .score-grid{background:var(--border);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.landing .score-card{background:var(--panel);padding:22px 20px}.landing .score-card .k{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text);margin-bottom:6px;font-size:12px;font-weight:700}.landing .score-card .d{color:var(--text-dim);margin-bottom:14px;font-size:12.5px;line-height:1.5}.landing .score-bar{background:var(--border-strong);border-radius:2px;height:4px;overflow:hidden}.landing .score-bar i{background:var(--dev1);border-radius:2px;width:0%;height:100%;display:block}.landing .score-card:nth-child(4) .score-bar i,.landing .score-card:nth-child(5) .score-bar i{background:var(--dev2)}.landing .score-card:nth-child(6) .score-bar i{background:var(--pos)}.landing .radar-wrap{justify-content:center;align-items:center;display:flex}.landing .rule-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.landing .rule-row{border-top:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.landing .rule-row:first-child{border-top:none}.landing .rule-row .label{color:var(--text);font-size:14px}.landing .rule-row .points{font-family:var(--font-mono);border-radius:3px;padding:3px 10px;font-size:13px;font-weight:700}.landing .rule-row.pos .points{color:var(--pos);background:#5be08a1a}.landing .rule-row.neg .points{color:var(--neg);background:#ff54681a}.landing .golden-rule{font-family:var(--font-mono);color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border);border-left:2px solid var(--dev1);border-radius:0 6px 6px 0;margin-bottom:28px;padding:16px 20px;font-size:12.5px;line-height:1.6}.landing .golden-rule b{color:var(--text)}.landing .combo-panel{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:6px;padding:44px 36px}.landing .combo-readout{font-family:var(--font-mono);margin-bottom:6px;font-size:64px;font-weight:700}.landing .combo-readout span{color:var(--text-faint);font-size:.4em}.landing .combo-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--dev1);margin-bottom:28px;font-size:12px}.landing .combo-track{background:var(--panel-2);border:1px solid var(--border-strong);border-radius:6px;max-width:420px;height:10px;margin:0 auto;overflow:hidden}.landing .combo-fill{background:linear-gradient(90deg, var(--dev1), var(--dev2));border-radius:6px;width:16%;height:100%}.landing .combo-scale{max-width:420px;font-family:var(--font-mono);color:var(--text-faint);justify-content:space-between;margin:10px auto 0;font-size:10px;display:flex}.landing .stream-layout{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}@media (min-width:900px){.landing .stream-layout{grid-template-columns:1fr 1fr}}.landing .overlay-mock{background:var(--panel);border:1px solid var(--border);font-family:var(--font-mono);border-radius:8px;padding:20px}.landing .overlay-topline{color:var(--text-faint);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;display:flex}.landing .overlay-topline .live{color:var(--neg);align-items:center;gap:6px;display:flex}.landing .overlay-topline .live i{background:var(--neg);border-radius:50%;width:5px;height:5px;animation:1.3s ease-in-out infinite landing-pulse;display:inline-block}.landing .overlay-score{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.landing .overlay-score .name{font-size:13px}.landing .overlay-score .name.a{color:var(--dev1)}.landing .overlay-score .name.b{color:var(--dev2);text-align:right}.landing .overlay-score .num{font-size:34px;font-weight:700}.landing .overlay-vs{color:var(--text-faint);font-size:12px}.landing .overlay-feed{border-top:1px solid var(--border);padding-top:14px}.landing .overlay-feed div{color:var(--text-dim);padding:4px 0;font-size:11.5px}.landing .overlay-feed b.up{color:var(--pos)}.landing .overlay-feed b.down{color:var(--neg)}.landing .streamer-copy h2{margin-bottom:16px}.landing .streamer-copy p{color:var(--text-dim);max-width:440px;margin-bottom:28px;font-size:15px;line-height:1.7}.landing .streamer-copy .hero-ctas{justify-content:flex-start}.landing .final-cta{text-align:center;border:1px solid var(--border);background:radial-gradient(at top,#00e0ff0f,#0000 60%);border-radius:10px;padding:72px 32px}.landing .final-cta h2{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(30px,5vw,48px);font-weight:800}.landing .final-cta p{color:var(--text-dim);max-width:440px;margin:0 auto 32px;line-height:1.6}.landing .logo-img{display:inline-block}.landing .final-cta .logo-img{margin-bottom:24px}.landing footer .footer-logos{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;display:flex}.landing footer{border-top:1px solid var(--border);text-align:center;font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;padding:32px;font-size:11px}@media (prefers-reduced-motion:reduce){.landing .reveal{opacity:1;transform:none}}