:root { color-scheme: dark; --bg:#07100d; --panel:#10211b; --ink:#f4f3e8; --muted:#b8c9c0; --green:#75e0ac; --gold:#e2bb68; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font:17px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:radial-gradient(circle at 75% 0,#173c2d 0,transparent 35%),var(--bg); }
a { color:var(--green); }
.nav { max-width:1120px; margin:auto; padding:22px 28px; display:flex; gap:24px; justify-content:space-between; align-items:center; }
.brand { color:var(--ink); text-decoration:none; font-weight:700; }.brand span { color:var(--gold); margin-right:10px; }
main { max-width:1000px; margin:auto; padding:70px 28px 100px; }
.hero { max-width:850px; padding:35px 0 70px; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.15em; font-size:.78rem; font-weight:800; }
h1 { font:700 clamp(3rem,8vw,6.5rem)/.98 Georgia,serif; letter-spacing:-.055em; margin:.25em 0; }
h2 { font:700 2rem/1.15 Georgia,serif; }
.lead { max-width:760px; color:var(--muted); font-size:1.3rem; }
.actions { display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin:35px 0 20px; }
.button { display:inline-block; background:var(--green); color:#062016; padding:13px 20px; border-radius:7px; text-decoration:none; font-weight:800; }
.secondary,.sample { font-weight:700; }.micro { color:var(--muted); font-size:.84rem; max-width:720px; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-bottom:22px; }
article,.panel { border:1px solid #29493c; background:linear-gradient(145deg,#11261e,#0b1713); border-radius:16px; padding:32px; }
.price { color:var(--green); font-size:2.3rem; font-weight:900; margin:0; } ul { padding-left:1.2em; color:var(--muted); }
.panel { margin:22px 0; }.checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:24px 0; }
.checks div { border-left:3px solid var(--gold); padding:4px 15px; }.checks strong,.checks span { display:block; }.checks span,.compact p { color:var(--muted); }
footer { border-top:1px solid #223a31; color:var(--muted); padding:25px 28px; text-align:center; font-size:.85rem; }
@media (max-width:700px) { .nav { align-items:flex-start; flex-direction:column; } main { padding-top:25px; } .grid,.checks { grid-template-columns:1fr; } h1 { font-size:3.4rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }