@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --ink:#163027; --muted:#5f766b; --cream:#f3faf5; --paper:#fff; --gold:#d9f26a; --orange:#16885a; --red:#b94e3e; --navy:#0f3d2e; --line:#d8e9dd; --green:#146b49; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:'DM Sans',system-ui,sans-serif; line-height:1.55; }
a { color:inherit; }
.wrap { width:min(1120px, calc(100% - 40px)); margin:0 auto; }
.announcement { background:var(--navy); color:#fff; text-align:center; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:11px 16px; }
header { position:relative; z-index:2; padding:25px 0; }
.nav { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.brand { font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-.04em; font-size:20px; text-decoration:none; }
.brand span { color:var(--orange); }
.nav a:not(.btn) { color:var(--muted); font-size:14px; text-decoration:none; }
.navlinks { display:flex; align-items:center; gap:23px; }
.btn { border:0; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 24px; background:var(--orange); color:#fff; font-weight:700; font-size:15px; text-decoration:none; box-shadow:0 9px 22px rgba(242,107,56,.2); transition:transform .15s, box-shadow .15s; }
.btn:hover { transform:translateY(-2px); box-shadow:0 13px 26px rgba(242,107,56,.28); }
.btn.dark { background:var(--navy); box-shadow:0 9px 22px rgba(23,42,61,.18); }
.btn.large { padding:18px 29px; font-size:16px; }
.btn.full { width:100%; }
.hero { padding:54px 0 80px; overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
.eyebrow { color:var(--orange); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3 { font-family:'Space Grotesk',sans-serif; line-height:1.08; letter-spacing:-.045em; margin:0 0 20px; }
h1 { font-size:clamp(43px, 6vw, 76px); max-width:700px; }
h2 { font-size:clamp(33px, 4vw, 51px); }
h3 { font-size:23px; }
.hero h1 em { color:var(--orange); font-style:normal; }
.lead { color:var(--muted); font-size:20px; max-width:650px; margin:0 0 28px; }
.micro { color:var(--muted); font-size:12px; margin-top:15px; }
.hero-card { position:relative; background:var(--navy); color:#fff; border-radius:28px; padding:30px; box-shadow:24px 28px 0 #f2dcc5; transform:rotate(2deg); }
.hero-card:before { content:'THE STACK'; position:absolute; top:-13px; right:25px; border-radius:4px; padding:7px 11px; color:var(--navy); background:var(--gold); font-size:11px; font-weight:800; letter-spacing:.13em; transform:rotate(-4deg); }
.hero-card h3 { font-size:28px; }
.stack-line { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.15); font-size:14px; }
.stack-line span:last-child { color:#ffc66a; font-weight:700; white-space:nowrap; }
.stack-total { display:flex; justify-content:space-between; align-items:end; padding-top:22px; }
.stack-total strong { font-family:'Space Grotesk'; font-size:42px; color:#fff; }
.stack-total s { color:#9dafbd; font-size:14px; }
.trustbar { background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.trustbar-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:19px 0; }
.trustbar p { margin:0; color:var(--muted); font-size:13px; text-align:center; }
.trustbar b { color:var(--ink); }
section { padding:88px 0; }
.section-intro { max-width:720px; margin-bottom:42px; }
.section-intro p { color:var(--muted); font-size:18px; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.card { background:#fff; border:1px solid var(--line); border-radius:17px; padding:24px; }
.card .num { color:var(--orange); font-weight:800; font-size:12px; letter-spacing:.1em; }
.card h3 { margin:9px 0 9px; font-size:21px; }
.card p { margin:0; color:var(--muted); font-size:14px; }
.card .value { display:block; color:var(--green); margin-top:17px; font-size:13px; font-weight:700; }
.darkband { background:var(--navy); color:#fff; }
.darkband .section-intro p, .darkband .muted { color:#b7c4cf; }
.mechanism { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.mechanism article { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13); padding:26px; border-radius:17px; }
.mechanism .step { color:var(--gold); font-size:12px; font-weight:800; letter-spacing:.12em; }
.mechanism h3 { margin-top:13px; }
.mechanism p { color:#b7c4cf; font-size:14px; margin:0; }
.offer { background:#fff; }
.offer-grid { display:grid; grid-template-columns:1fr .8fr; gap:40px; align-items:start; }
.checklist { display:grid; gap:13px; padding:0; list-style:none; }
.checklist li { display:flex; gap:12px; align-items:flex-start; color:var(--muted); }
.checklist li:before { content:'✓'; flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:#def0e9; color:var(--green); text-align:center; line-height:22px; font-weight:800; }
.pricebox { background:var(--cream); border:2px solid var(--gold); border-radius:22px; padding:31px; position:sticky; top:20px; }
.pricebox .old { color:var(--muted); font-size:14px; }
.price { font-family:'Space Grotesk'; font-size:72px; line-height:1; letter-spacing:-.08em; margin:3px 0 8px; }
.price small { letter-spacing:0; font-family:'DM Sans'; font-size:15px; color:var(--muted); }
.pricebox p { color:var(--muted); font-size:14px; }
.pricebox hr { border:0; border-top:1px solid var(--line); margin:22px 0; }
.fine { color:var(--muted); font-size:11px; line-height:1.5; }
.faq { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
details { background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 20px; }
summary { cursor:pointer; font-weight:700; }
details p { color:var(--muted); font-size:14px; margin:13px 0 0; }
.final { padding:88px 0 100px; text-align:center; background:linear-gradient(135deg,#dff4e5 0%,#f4fbf5 60%,#eaf6b9 100%); }
.final p { color:var(--muted); font-size:18px; max-width:600px; margin:0 auto 25px; }
footer { padding:28px 0; background:#fff; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.footer-links { display:flex; gap:16px; }
.footer-links a { text-decoration:none; }
.status { color:var(--red); font-size:13px; min-height:22px; margin-top:10px; }
.simple-page { min-height:70vh; padding:70px 0; }
.simple-page .paper { max-width:780px; background:#fff; border:1px solid var(--line); border-radius:20px; padding:40px; }
.simple-page p, .simple-page li { color:var(--muted); }
.optin-body { background:var(--navy); min-height:100vh; }
.optin-header { color:#fff; padding:25px 0; }
.optin-header .brand { color:#fff; }
.optin { min-height:calc(100vh - 90px); display:grid; place-items:center; padding:40px 0 90px; }
.optin-card { width:min(650px,100%); background:#fff; border-radius:23px; padding:clamp(27px,6vw,60px); text-align:center; box-shadow:15px 20px 0 rgba(247,183,51,.75); }
.optin-card h1 { font-size:clamp(37px,6vw,60px); }
.optin-card .lead { font-size:18px; margin-left:auto; margin-right:auto; }
.form-slot { background:#fffaf2; border:1px dashed #d7c2a5; border-radius:13px; padding:22px; color:var(--muted); font-size:14px; }
.form-slot b { display:block; color:var(--ink); margin-bottom:6px; }
.optin-note { color:#91a4b4; font-size:12px; margin-top:19px; }
@media (max-width:850px) { .hero-grid,.offer-grid { grid-template-columns:1fr; gap:42px; } .hero-card { max-width:580px; transform:none; margin:0 auto; } .cards,.mechanism { grid-template-columns:1fr 1fr; } .pricebox { position:static; } }
@media (max-width:600px) { .wrap { width:min(100% - 28px,1120px); } .navlinks a:not(.btn) { display:none; } .navlinks { gap:0; } .hero { padding-top:30px; } section { padding:62px 0; } .trustbar-inner,.cards,.mechanism,.faq { grid-template-columns:1fr; } .trustbar p { text-align:left; } .hero-card { padding:23px; } h1 { font-size:43px; } .lead { font-size:17px; } .pricebox { padding:24px; } }