*{box-sizing:border-box;margin:0}body{background:#0b0e13;color:#e6e9ef;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:960px;margin:0 auto;padding:1.25rem}.logo{font-weight:700;color:#4ade80;letter-spacing:.02em}
.hero{padding:2.5rem 0 2rem}h1{font-size:clamp(1.9rem,6vw,3rem);line-height:1.15;margin-bottom:1rem}
.sub{color:#a3acb9;font-size:1.1rem;max-width:40rem;margin-bottom:1.5rem}em{color:#fbbf24;font-style:normal}
.signup{display:flex;flex-direction:column;gap:.6rem;max-width:30rem}
.signup input{padding:.9rem 1rem;border-radius:10px;border:1px solid #2a3140;background:#121722;color:#fff;font-size:1rem}
.signup input:focus{outline:2px solid #4ade80}
.signup button{padding:.9rem 1rem;border:0;border-radius:10px;background:#4ade80;color:#06210f;font-weight:700;font-size:1rem;cursor:pointer}
.signup button:hover{background:#86efac}.privacy{color:#7b8494;font-size:.85rem;margin-top:.7rem}
.benefits{display:grid;gap:1rem;padding:1.5rem 0}.card{background:#121722;border:1px solid #1f2633;border-radius:14px;padding:1.25rem}
.card h3{margin-bottom:.4rem}.card p{color:#a3acb9}
.faq{padding:1.5rem 0}.faq h2{margin-bottom:1rem}details{border-bottom:1px solid #1f2633;padding:.9rem 0}
summary{cursor:pointer;font-weight:600}details p{color:#a3acb9;margin-top:.5rem}
footer{color:#5c6474;font-size:.8rem;border-top:1px solid #1f2633;margin-top:2rem}
.sr{position:absolute;left:-9999px}
@media(min-width:720px){.signup{flex-direction:row}.signup input{flex:1}.benefits{grid-template-columns:repeat(3,1fr)}}
