:root{--bg:#0B1426;--card:#13203a;--g:#22C55E;--r:#EF4444;--t:#fff;--t2:#E5E7EB}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--t);font:17px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--t);text-decoration:underline}
.g{color:var(--g)}.r{color:var(--r)}.sr{position:absolute;left:-9999px}
.hero{text-align:center;padding:24px 18px 40px;background:radial-gradient(ellipse at top,#16294d 0,var(--bg) 70%)}
.wordmark{width:100%;max-width:520px;height:auto;aspect-ratio:16/5;object-fit:cover;border-radius:12px}
h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.1;margin:.2em auto .4em;max-width:16ch;font-weight:900}
.lede{color:var(--t2);max-width:36rem;margin:0 auto 1.4rem;font-size:1.1rem}
.signup{display:flex;flex-direction:column;gap:10px;max-width:30rem;margin:0 auto}
.signup input{padding:15px;border-radius:12px;border:2px solid #3b4d70;background:#0f1b33;color:#fff;font-size:1rem}
.signup input::placeholder{color:var(--t2)}
.signup button,.btn{padding:15px 22px;border:0;border-radius:12px;background:var(--g);color:#06210f;font-weight:800;font-size:1.05rem;cursor:pointer;text-decoration:none;display:inline-block}
.signup button:hover,.btn:hover{filter:brightness(1.1)}
.fine{color:var(--t2);font-size:.9rem}
main{max-width:1100px;margin:0 auto;padding:0 18px}
section{padding:36px 0}h2{font-size:1.9rem;text-align:center;margin:0 0 20px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps li{background:var(--card);border-radius:16px;padding:20px}
.steps span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--g);color:#06210f;font-weight:900}
.steps h3{margin:.5em 0 .2em}.steps p{color:var(--t2);margin:0}
.asof{text-align:center;color:var(--t2)}
.grid{display:grid;gap:14px}
.card{position:relative;background:var(--card);border-radius:16px;padding:18px;border-top:5px solid var(--g)}
.card.skip{border-top-color:var(--r)}
.card img{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:10px}
.badge{display:inline-block;font-weight:900;letter-spacing:.08em;padding:3px 10px;border-radius:6px;background:var(--g);color:#06210f}
.skip .badge{background:var(--r);color:#fff}
.card h3{margin:.5em 0 .2em;font-size:1.2rem}
.price{margin:.2em 0;font-size:1.1rem}.price s{color:var(--t2)}.off{color:var(--g);font-weight:800}
.skip .off{color:var(--t2)}
.score,.why{color:var(--t2);margin:.3em 0;font-size:.95rem}
.card a{display:inline-block;margin-top:8px;font-weight:700;color:var(--g)}
.cta{text-align:center;margin-top:24px}
details{background:var(--card);border-radius:12px;padding:14px 18px;margin:0 auto 10px;max-width:46rem}
summary{font-weight:700;cursor:pointer}details p{color:var(--t2);margin:.6em 0 0}
footer{text-align:center;padding:30px 18px 40px;color:var(--t2);font-size:.9rem;border-top:1px solid #22324f}
footer a{color:var(--t2)}
@media(min-width:720px){.signup{flex-direction:row}.signup input{flex:1}.steps{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}