:root{--gold:#E9C46A;--gold-d:#D4A72C;--em:#10B981;--navy:#0A1628}
body{font-feature-settings:"ss01","cv11"}
.hero-bg{background:radial-gradient(1200px 600px at 80% -10%,rgba(16,185,129,.18),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(212,167,44,.14),transparent 60%),linear-gradient(180deg,#050B1A,#0A1628)}
.grid-overlay{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.text-gradient-gold{background:linear-gradient(90deg,#F5DFA0,#E9C46A 40%,#D4A72C);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#E9C46A,#B38719);color:#050B1A;box-shadow:0 6px 20px -6px rgba(233,196,106,.6)}
.btn-gold{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;border-radius:12px;padding:.7rem 1.2rem;color:#050B1A;background:linear-gradient(135deg,#F5DFA0,#E9C46A 45%,#D4A72C);box-shadow:0 10px 30px -10px rgba(233,196,106,.7),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .15s,box-shadow .15s}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(233,196,106,.9)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border-radius:12px;padding:.7rem 1.2rem;color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03);transition:.15s}
.btn-ghost:hover{border-color:rgba(233,196,106,.6);background:rgba(233,196,106,.08)}
.pulse-dot{animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}50%{box-shadow:0 0 0 6px rgba(52,211,153,0)}}
.hero-chip{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;padding:.8rem;font-size:.75rem;color:#94a3b8;line-height:1.3}
.hero-chip>span{display:block;font-family:Fraunces,serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.15rem}
.card-glass{border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(22,48,92,.75),rgba(10,22,40,.85));backdrop-filter:blur(12px);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.card-solid{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#0F2140}
.card-gold{border-radius:24px;border:1px solid rgba(233,196,106,.45);background:radial-gradient(400px 200px at 50% 0,rgba(233,196,106,.18),transparent),#0F2140;box-shadow:0 30px 80px -30px rgba(233,196,106,.35)}
.stat-box{border-radius:12px;background:rgba(5,11,26,.6);border:1px solid rgba(255,255,255,.06);padding:.7rem .3rem}
.stat-num{font-weight:700;color:#fff;font-size:1.05rem}.stat-label{font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}
.tag{display:inline-block;border-radius:999px;padding:.25rem .65rem;background:rgba(16,185,129,.12);color:#6ee7b7;border:1px solid rgba(16,185,129,.25);font-size:.72rem;font-weight:500}
.grade-badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.grade-fresh{background:linear-gradient(135deg,#34D399,#059669);color:#022c22}
.grade-gold{background:linear-gradient(135deg,#F5DFA0,#D4A72C);color:#3b2a00}
.grade-silver{background:linear-gradient(135deg,#E2E8F0,#94A3B8);color:#1e293b}
.grade-bronze{background:linear-gradient(135deg,#E3A372,#9A5B2E);color:#2a1407}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E9C46A}
.section-title{margin-top:.8rem;font-family:Fraunces,serif;font-weight:700;color:#fff;font-size:clamp(2rem,4vw,3rem);line-height:1.1}
.pain-card{border-radius:18px;padding:1.6rem;background:#0F2140;border:1px solid rgba(255,255,255,.06)}
.pain-card h3{color:#fff;font-weight:700;font-size:1.1rem;margin-top:.9rem}.pain-card p{margin-top:.4rem;color:#94a3b8;font-size:.95rem}
.pain-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(248,113,113,.1);color:#fca5a5;font-size:1.3rem}
.check{position:relative;padding-left:2rem;color:#cbd5e1}.check strong{color:#fff}
.check:before{content:"✓";position:absolute;left:0;top:.1rem;width:1.3rem;height:1.3rem;border-radius:999px;display:grid;place-items:center;font-size:.75rem;font-weight:800;background:rgba(16,185,129,.18);color:#34D399}
.dash{position:relative;padding-left:1.5rem}.dash:before{content:"—";position:absolute;left:0;color:#64748b}
.feature-tile{border-radius:20px;padding:1.6rem;background:linear-gradient(160deg,#16305C,#0F2140);border:1px solid rgba(255,255,255,.07)}
.feature-tile h3{color:#fff;font-weight:700;margin-top:.8rem;font-size:1.1rem}.feature-tile p{color:#94a3b8;font-size:.9rem;margin-top:.3rem}.ft-icon{font-size:1.7rem}
.step{position:relative;border-radius:20px;padding:1.8rem;background:#0F2140;border:1px solid rgba(255,255,255,.07)}
.step h3{color:#fff;font-weight:700;font-size:1.15rem;margin-top:1rem}.step p{color:#94a3b8;margin-top:.4rem;font-size:.95rem}
.step-num{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:Fraunces,serif;font-weight:800;font-size:1.3rem;color:#050B1A;background:linear-gradient(135deg,#F5DFA0,#D4A72C)}
.grade-card{position:relative;border-radius:22px;padding:1.8rem;background:#0F2140;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.grade-card p{color:#94a3b8;font-size:.93rem;margin-top:.8rem}
.grade-card-fresh{border-color:rgba(52,211,153,.55);background:radial-gradient(300px 160px at 50% 0,rgba(16,185,129,.2),transparent),#0F2140;box-shadow:0 25px 60px -30px rgba(16,185,129,.6)}
.grade-ribbon{position:absolute;top:14px;right:-34px;transform:rotate(45deg);background:#E9C46A;color:#050B1A;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.25rem 2.4rem}
.grade-count{font-family:Fraunces,serif;font-size:3.4rem;font-weight:800;color:#fff;margin-top:1rem;line-height:1}.grade-count-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8190a6}
.ve-card{border-radius:18px;padding:1.5rem;background:rgba(15,33,64,.8);border:1px solid rgba(255,255,255,.07)}
.ve-card h3{color:#fff;font-weight:700;font-size:1.1rem;margin-top:.7rem}.ve-card p{color:#94a3b8;font-size:.92rem;margin-top:.4rem}
.ve-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:.2rem .5rem}
.ve-tag.up{background:rgba(16,185,129,.15);color:#34D399}.ve-tag.down{background:rgba(233,196,106,.15);color:#E9C46A}
.stack-row{display:flex;justify-content:space-between;gap:1.5rem;padding:1.15rem 1.5rem;align-items:center}
.stack-row h4{color:#fff;font-weight:600}.stack-row p{color:#94a3b8;font-size:.87rem;margin-top:.2rem}
.stack-row.bonus{background:rgba(233,196,106,.03)}
.stack-val{font-family:Fraunces,serif;font-weight:700;color:#E9C46A;font-size:1.2rem;white-space:nowrap}
.bonus-pill{display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#E9C46A;color:#050B1A;border-radius:5px;padding:.12rem .4rem;margin-right:.35rem;vertical-align:middle}
.intro-banner{border-radius:26px;padding:2.2rem;border:1px solid rgba(233,196,106,.5);background:radial-gradient(600px 220px at 85% 50%,rgba(233,196,106,.2),transparent),radial-gradient(500px 200px at 0 0,rgba(16,185,129,.15),transparent),#0F2140}
.price-card{position:relative;display:flex;flex-direction:column;border-radius:22px;padding:2rem;background:#0F2140;border:1px solid rgba(255,255,255,.08)}
.price-card-featured{border:1.5px solid #E9C46A;background:radial-gradient(400px 200px at 50% 0,rgba(233,196,106,.16),transparent),#122749;box-shadow:0 30px 80px -30px rgba(233,196,106,.45);transform:translateY(-8px)}
.featured-pill{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(135deg,#F5DFA0,#D4A72C);color:#050B1A;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .8rem;border-radius:999px}
.price-name{font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8}
.price-leads{margin-top:.5rem;color:#fff;font-weight:600;font-size:1.1rem}
.price-amt{font-family:Fraunces,serif;font-size:3.2rem;font-weight:800;color:#fff;line-height:1.1;margin-top:.3rem}
.price-per{color:#34D399;font-weight:600;font-size:.95rem}
.limit-pill{display:inline-block;align-self:flex-start;margin-top:.7rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fca5a5;border:1px solid rgba(252,165,165,.35);border-radius:999px;padding:.2rem .6rem}
.price-list{margin:1.4rem 0 1.6rem;display:grid;gap:.6rem;font-size:.92rem;color:#cbd5e1}
.price-list li{position:relative;padding-left:1.5rem}.price-list li:before{content:"✓";position:absolute;left:0;color:#34D399;font-weight:800}
.scarcity{border-radius:14px;padding:1rem 1.2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:#94a3b8}.scarcity strong{color:#fff;display:block;margin-bottom:.2rem}
.placeholder-tag{display:inline-block;font-family:ui-monospace,monospace;font-size:.72rem;color:#fbbf24;background:rgba(251,191,36,.08);border:1px dashed rgba(251,191,36,.4);border-radius:6px;padding:.1rem .45rem}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative}
.timeline:before{content:"";position:absolute;top:9px;left:4%;right:4%;height:3px;border-radius:3px;background:linear-gradient(90deg,#10B981 0%,#10B981 45%,#E9C46A 60%,#E9C46A 80%,#64748b 100%)}
.tl-item{position:relative;padding-top:2rem}.tl-dot{position:absolute;top:0;left:0;width:21px;height:21px;border-radius:999px;border:4px solid #0A1628}
.tl-day{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#E9C46A}
.tl-item h3,.tl-item h4{color:#fff;font-weight:700;margin-top:.3rem}.tl-item p{color:#94a3b8;font-size:.88rem;margin-top:.3rem}
@media (max-width:900px){.timeline{grid-template-columns:1fr;gap:1.6rem;padding-left:2.2rem}.timeline:before{top:4px;bottom:4px;left:9px;right:auto;width:3px;height:auto;background:linear-gradient(180deg,#10B981,#E9C46A 60%,#64748b)}.tl-item{padding-top:0}.tl-dot{left:-2.2rem}}
.guarantee-box{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:start;border-radius:28px;padding:2.5rem;border:1px solid rgba(16,185,129,.35);background:radial-gradient(500px 240px at 0 0,rgba(16,185,129,.16),transparent),#0F2140}
@media (max-width:768px){.guarantee-box{grid-template-columns:1fr;padding:1.8rem}}
.seal{width:120px;height:120px;color:#E9C46A;filter:drop-shadow(0 10px 25px rgba(233,196,106,.35))}
.g-title{color:#fff;font-weight:700}.g-text{color:#94a3b8;font-size:.92rem;margin-top:.4rem}
.lc-h{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#E9C46A}
.lc-dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin-top:.6rem}.lc-dl dt{color:#8190a6}.lc-dl dd{color:#e2e8f0;font-weight:500}
.testi{border-radius:20px;padding:1.8rem;background:#0F2140;border:1px dashed rgba(251,191,36,.35)}
.testi p{color:#cbd5e1;font-style:italic}.testi-who{margin-top:1rem;font-size:.85rem;color:#fbbf24;font-family:ui-monospace,monospace}
.faq-item{border-radius:16px;background:#0F2140;border:1px solid rgba(255,255,255,.07);overflow:hidden}
.faq-q{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.4rem;color:#fff;font-weight:600}
.faq-icon{color:#E9C46A;font-size:1.4rem;transition:transform .2s}.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{display:none;padding:0 1.4rem 1.2rem;color:#94a3b8}.faq-item.open .faq-a{display:block}
.field{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;color:#cbd5e1}
.field input,.field select{border-radius:10px;background:rgba(5,11,26,.7);border:1px solid rgba(255,255,255,.12);padding:.75rem .9rem;color:#fff;font-weight:400;font-size:.95rem;outline:none}
.field input:focus,.field select:focus{border-color:#E9C46A;box-shadow:0 0 0 3px rgba(233,196,106,.2)}
@media (max-width:639px){body{padding-bottom:76px}.price-card-featured{transform:none}}
.tier-tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.4rem;border-radius:16px;background:#0F2140;border:1px solid rgba(255,255,255,.08)}
.tier-tabs button{display:flex;flex-direction:column;align-items:center;padding:.6rem 1.2rem;border-radius:12px;color:#cbd5e1;font-weight:700;font-size:.95rem;transition:.15s}
.tier-tabs button small{font-size:.72rem;font-weight:500;color:#8190a6}
.tier-tabs button.active{background:linear-gradient(135deg,#F5DFA0,#D4A72C);color:#050B1A}.tier-tabs button.active small{color:#3b2a00}
.guarantee-row{background:rgba(16,185,129,.06)}
.value-reveal{margin-top:1rem;padding:1rem;border-radius:14px;background:rgba(5,11,26,.55);border:1px solid rgba(255,255,255,.06)}
.vr-label{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8190a6}
.vr-total{font-family:Fraunces,serif;font-size:1.9rem;font-weight:800;color:#fff;text-decoration:line-through;text-decoration-color:rgba(248,113,113,.85);text-decoration-thickness:3px}
.tier-guarantee{margin-top:.9rem;font-size:.82rem;color:#6ee7b7;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:.55rem .7rem}
.grade-line{margin:-.4rem 0 1.4rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.grade-line .vr-label{width:100%}
.gl{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:.15rem .55rem;margin:.1rem .15rem}
.gl-gold{background:rgba(233,196,106,.15);color:#F5DFA0}.gl-silver{background:rgba(203,213,225,.12);color:#e2e8f0}.gl-bronze{background:rgba(227,163,114,.15);color:#f0b98d}
/* ---- Added 2026-10-26: subpages, payment-link placeholders, form status ---- */
.field textarea{border-radius:10px;background:rgba(5,11,26,.7);border:1px solid rgba(255,255,255,.12);padding:.75rem .9rem;color:#fff;font-weight:400;font-size:.95rem;outline:none;min-height:8rem;resize:vertical}
.field textarea:focus{border-color:#E9C46A;box-shadow:0 0 0 3px rgba(233,196,106,.2)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.btn-gold.is-disabled,.btn-ghost.is-disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.35)}
.pay-status{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;background:rgba(5,11,26,.25)}
.btn-ghost .pay-status{background:rgba(255,255,255,.08);color:#E9C46A}
.legal{color:#cbd5e1;line-height:1.75}
.legal h2{font-family:Fraunces,serif;color:#fff;font-weight:700;font-size:1.45rem;margin-top:2.4rem}
.legal h3{color:#fff;font-weight:600;margin-top:1.4rem}
.legal p,.legal ul{margin-top:.8rem}
.legal ul{list-style:disc;padding-left:1.4rem}.legal li{margin-top:.35rem}
.legal a{color:#F5DFA0;text-decoration:underline}
.legal strong{color:#fff}
.draft-banner{border-radius:14px;border:1px dashed rgba(251,191,36,.5);background:rgba(251,191,36,.07);color:#fcd34d;padding:.8rem 1rem;font-size:.85rem}
.field{min-width:0}.field select{max-width:100%;width:100%}

/* TEST MODE notice next to buy buttons whose checkout URL contains /test_ (assets/site.js) */

/* TEST MODE banner (QA N1): one slim fixed bar; shown only while a checkout link contains "/test_" */
#test-mode-banner{position:fixed;top:0;left:0;right:0;z-index:60;height:24px;line-height:24px;font-size:11px;font-weight:700;letter-spacing:.03em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;color:#fff;background:#b91c1c;box-shadow:0 1px 0 rgba(0,0,0,.25)}
#test-mode-banner .tm-short{display:none}
@media (max-width:639px){#test-mode-banner .tm-long{display:none}#test-mode-banner .tm-short{display:inline}}
body.has-test-banner{padding-top:24px}
body.has-test-banner header.sticky{top:24px}
/* Pay buttons (QA N1): labels and status pills never wrap; on phones the pill sits under the label */
#pay-links [data-payment-link]{white-space:nowrap}
@media (max-width:639px){#pay-links [data-payment-link]{flex-direction:column;gap:.3rem;padding-left:1rem;padding-right:1rem;font-size:.95rem}}
/* Unsubscribe status boxes (QA opt-out 2026-10-27): hidden until targeted by the no-JS 303 (#status-...) or shown by site.js */
.nojs-status{display:none;scroll-margin-top:6rem}
.nojs-status:target,.nojs-status.is-shown{display:block}
.nojs-status.is-hidden{display:none!important}

/* Guard against decorative bleed (hero glow, grade ribbon) on narrow phones */
html, body { overflow-x: clip; }
/* perf-a11y (2026-10-28): mobile tap targets. Menu button to 44x44; footer link lists get >=24px-tall targets on phones. */
#menu-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:767px){footer ul a{display:inline-block;padding-block:.25rem}}
/* Exp1 arm C ("free first"): <html class="gd-arm-c"> is set by assets/arm.js in <head>, before first paint. */
html:not(.gd-arm-c) .arm-c-only{display:none!important}
.gd-arm-c .arm-c-hide{display:none!important}
@media (max-width:639px){.gd-arm-c .hero-cta-free{order:-1}}
/* Tap targets >= 24px tall without moving layout: standalone links (inline-block, padding cancelled by margin) and in-sentence links (inline padding only). */
.tap24{display:inline-block;padding-block:.25rem;margin-block:-.25rem}
.tap24i{padding-block:.25rem}
/* Desktop CLS (QA L1): metric-matched fallback for the H1 while Fraunces loads, so the headline wraps to the same lines
   and the hero card doesn't move when the web font swaps in. Georgia Bold (Gelasio is its metric clone) scaled to 90%; matches Fraunces line wraps at 1024-1920px wide. No preload. */
@font-face{font-family:"Fraunces Fallback";font-style:normal;font-weight:700;src:local("Georgia Bold"),local("Georgia-Bold"),local("Gelasio Bold");size-adjust:90%}
h1.font-display{font-family:Fraunces,"Fraunces Fallback",Georgia,serif}