@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");:root{--bg:#0b0f1a;--bg-raised:#111827;--card:#151c2c;--card-hover:#1a2236;--text:#f1f5f9;--muted:#94a3b8;--border:rgba(148,163,184,0.12);--border-hover:rgba(148,163,184,0.25);--dark:#0f172a;--accent:#2563eb;--accent-light:#3b82f6;--gold:#f59e0b;--green:#16a34a;--red:#dc2626;--radius:16px;--radius-sm:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{max-width:1200px;margin:0 auto;padding:24px 16px 96px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.hero{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:20px;gap:20px;align-items:start;background:linear-gradient(135deg,var(--card) 0,#111b30 100%);border:1px solid var(--border)}.hero h1{margin:16px 0 12px;font-size:38px;line-height:1.1;font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.01em}.hero-copy{color:var(--muted);font-size:16px;line-height:1.7}.hero-tag,.tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(37,99,235,.15);color:var(--accent-light);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-meta{display:grid;grid-gap:10px;gap:10px;color:var(--muted);font-size:15px}.controls-grid,.perf-grid,.plan-grid,.stats-grid{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.controls-grid{grid-template-columns:340px 1fr}.perf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pick-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pick-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:34px;font-weight:700;margin-top:8px;font-family:Georgia,Times New Roman,serif;color:var(--text)}.small-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.muted{color:var(--muted)}.section-head{margin:32px 0 14px}.card h2,.section-head h2{margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:22px}.label{display:block;margin:14px 0 8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--bg-raised);color:var(--text);transition:border-color .2s}.input:focus{outline:none;border-color:var(--accent)}.input option{background:var(--bg-raised);color:var(--text)}.button-row,.button-stack{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.button-stack{flex-direction:column}.btn{border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;font-weight:500;font-size:14px;transition:all .15s}.btn:hover{border-color:var(--border-hover);background:var(--card-hover)}.btn.active,.btn.primary{background:var(--accent);color:white;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.message-box{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);color:var(--muted);font-size:14px}.pick-card h3{margin:10px 0 6px;font-size:18px;font-weight:500}.pick-top{display:flex;justify-content:space-between;gap:16px}.confidence-box{min-width:96px;padding:12px;border-radius:14px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);text-align:right}.confidence-box strong{display:block;font-size:24px;margin-top:4px;color:var(--accent-light);font-family:Georgia,Times New Roman,serif}.pick-main{display:grid;grid-gap:14px;gap:14px;margin-top:16px}.pick-title{font-size:20px;font-weight:700;margin:4px 0;font-family:Georgia,Times New Roman,serif}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag.dark{background:rgba(245,158,11,.15);color:var(--gold)}.bar-wrap{width:100%;height:8px;border-radius:999px;background:rgba(148,163,184,.1);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0,var(--accent-light) 100%)}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.mini-box,.reason-box,.record-row{border-radius:12px;border:1px solid var(--border);background:var(--bg-raised);padding:14px}.reason-title{font-weight:700;margin-bottom:8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.reason-box p{color:var(--muted);font-size:14px;line-height:1.65}.record-list{display:grid;grid-gap:12px;gap:12px}.record-row{display:flex;align-items:center;justify-content:space-between}.right-align{text-align:right}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-price{font-size:28px;font-weight:700;font-family:Georgia,Times New Roman,serif;color:var(--accent-light)}.plan-card{transition:transform .15s,border-color .2s}.plan-card:hover{transform:translateY(-2px);border-color:var(--accent)}.warning-card{margin-top:28px;background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.15)}@media (max-width:960px){.controls-grid,.hero,.perf-grid,.pick-grid,.pick-grid.two-col,.plan-grid,.stats-grid{grid-template-columns:1fr}.hero h1{font-size:28px}}