:root { --bg:#0f1419; --fg:#e6e6e6; --accent:#22c55e; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, sans-serif; background:var(--bg); color:var(--fg); line-height:1.5; }
header, main, footer { max-width: 720px; margin: 0 auto; padding: 1rem; }
.logo { font-weight:700; color:var(--accent); text-decoration:none; font-size:1.25rem; }
a { color: var(--accent); }
h1, h2 { line-height: 1.2; }
label { display:block; margin:.5rem 0 .25rem; }
input { width:100%; padding:.5rem; border-radius:.375rem; border:1px solid #334; background:#1a2230; color:var(--fg); }
.result { margin-top:1rem; padding:1rem; background:#1a2230; border-radius:.5rem; font-size:1.25rem; }
.accent { color:var(--accent); }
.cta { margin-top:2rem; padding:1.25rem 1.25rem 1.4rem; background:#15203a; border:1px solid #22c55e55; border-radius:.5rem; }
.cta h2 { margin:0 0 .4rem; font-size:1.15rem; }
.cta p { margin:.5rem 0; font-size:1rem; line-height:1.55; }
.cta-hook { color:var(--accent); font-weight:600; }
.cta-meta { color:#9fb8a4; font-size:.95rem; margin:.6rem 0 .2rem; }
.btn { display:inline-block; margin-top:.5rem; padding:.65rem 1.1rem; background:var(--accent); color:#04210f; font-weight:700; text-decoration:none; border-radius:.375rem; }
.btn:hover { background:#16a34a; }
.home-cta { margin-top:2rem; }
.hero { text-align:center; padding:1.5rem 0 .5rem; }
.hero h1 { font-size:2rem; margin-bottom:.5rem; }
.hero .sub { font-size:1.15rem; color:#c8d2cc; max-width:34rem; margin:0 auto 1rem; }
.price-row { font-size:1.1rem; margin:.5rem 0; }
.price-row .amt { color:var(--accent); font-weight:700; font-size:1.5rem; }
.btn-lg { font-size:1.15rem; padding:.85rem 1.6rem; margin-top:.75rem; }
.guarantee { color:#9fb8a4; font-size:.9rem; margin-top:.6rem; }
.features { display:grid; gap:1rem; margin:1.5rem 0; }
.feature { padding:1rem 1.1rem; background:#1a2230; border-radius:.5rem; }
.feature h3 { margin:0 0 .3rem; color:var(--accent); font-size:1.05rem; }
.feature p { margin:0; color:#c8d2cc; }
.mats { color:#c8d2cc; }
.faq { margin:1.5rem 0; }
.faq h3 { margin:1rem 0 .25rem; font-size:1.05rem; }
.faq p { margin:0 0 .5rem; color:#c8d2cc; }
.final-cta { text-align:center; padding:1.5rem; background:#15203a; border:1px solid #22c55e55; border-radius:.5rem; margin:2rem 0; }
