:root {
  color-scheme: dark;
  --bg:#0d1114; --card:#141a1e; --panel:#1a2227; --line:#232c32; --line2:#2f3a41;
  --ink:#eef3f4; --muted:#8a96a0; --green:#3ddc97; --green-hi:#6be8b2; --on-green:#06130d;
  --sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; --head: Sora, Inter, system-ui, sans-serif;
}
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body { margin:0; font:16px/1.6 var(--sans); color:var(--ink);
  background: radial-gradient(900px 420px at 90% -120px, rgba(61,220,151,.10), transparent 70%), var(--bg); }
a { color:var(--green-hi); }
img { max-width:100%; height:auto; display:block; }
.top { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 16px; padding-top:calc(10px + env(safe-area-inset-top)); background:rgba(13,17,20,.88);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.logo img { height:32px; width:auto; }
main { max-width:760px; margin:0 auto; padding:0 16px 40px; }
section { padding:34px 0 6px; }
h1, h2, h3 { font-family:var(--head); line-height:1.2; margin:0 0 12px; }
h1 { font-size:clamp(1.9rem, 7vw, 2.9rem); font-weight:800; letter-spacing:-.01em; }
h2 { font-size:1.45rem; font-weight:800; }
h3 { font-size:1.06rem; font-weight:700; }
.green { color:var(--green); }
.eyebrow { text-transform:uppercase; letter-spacing:.16em; font-size:.74rem; font-weight:700; color:var(--green); margin:0 0 10px; }
.lead { font-size:1.08rem; margin:0 0 10px; }
.small { font-size:.88rem; }
.muted { color:var(--muted); }
.center { text-align:center; }
.btn { display:inline-block; background:linear-gradient(180deg, var(--green-hi), var(--green)); color:var(--on-green); font-weight:700;
  text-decoration:none; border:0; border-radius:12px; padding:14px 22px; font:700 1rem var(--sans); cursor:pointer;
  box-shadow:0 6px 22px rgba(61,220,151,.22); }
.btn:hover { color:var(--on-green); filter:brightness(1.05); }
.btn.small { padding:9px 14px; font-size:.88rem; border-radius:10px; box-shadow:none; }
.btn[disabled] { opacity:.6; }
.hero { padding-top:30px; }
.hero .btn { margin-top:8px; }
.who p { margin:0; padding:16px 18px; background:var(--card); border:1px solid var(--line); border-radius:14px; }
.leaks { display:grid; gap:12px; margin:6px 0 12px; }
.leak { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px; }
.leak .amt { font:800 2rem var(--head); color:#ef7b62; letter-spacing:-.01em; margin-bottom:6px; }
.leak .amt span { font:500 .95rem var(--sans); color:var(--muted); }
.leak p { margin:0; color:#c9d3d8; }
.benefits { display:grid; gap:12px; margin-top:14px; }
.benefit { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 18px 8px; }
.benefit ul { margin:0; padding-left:20px; }
.benefit li { margin:0 0 8px; color:#c9d3d8; }
.benefit .me { margin:4px 0 10px; padding:10px 12px; border-left:3px solid var(--green); background:var(--panel); border-radius:0 8px 8px 0; font-size:.95rem; }
.shots { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; }
.shots figure { margin:0; }
.shots img { border-radius:16px; border:1px solid var(--line2); box-shadow:0 10px 30px rgba(0,0,0,.45); }
.shots figcaption { font-size:.8rem; color:var(--muted); text-align:center; margin-top:8px; }
.offer p { font-size:1.05rem; }
.apply form { display:grid; gap:14px; background:var(--card); border:1px solid rgba(61,220,151,.35); border-radius:16px; padding:18px; }
label { display:grid; gap:6px; font-size:.92rem; font-weight:600; }
input, select { font:16px var(--sans); color:var(--ink); background:var(--panel); border:1px solid var(--line2); border-radius:10px; padding:12px; width:100%; }
input:focus, select:focus { outline:none; border-color:var(--green); box-shadow:0 0 0 3px rgba(61,220,151,.2); }
.apply .btn { width:100%; padding:16px; font-size:1.05rem; }
.hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.err { color:#ef7b62; margin:0; font-weight:600; }
.privacy { margin:0; font-size:.82rem; color:var(--muted); }
.faq details { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:10px; }
.faq summary { cursor:pointer; font-weight:600; }
.faq details p { margin:10px 0 0; color:#c9d3d8; }
.foot { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; padding:24px 16px calc(24px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; }
.page h1 { font-size:1.8rem; margin-top:26px; }
.page p, .page li { color:#c9d3d8; }
@media (min-width:700px) {
  .leaks { grid-template-columns:repeat(3, 1fr); }
  .benefits { grid-template-columns:1fr 1fr; }
  .shots { max-width:560px; margin-left:auto; margin-right:auto; }
}