@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Jost:wght@300;400;500&display=swap");

:root{
--green-950:#050C0A;--green-900:#08120F;--green-850:#0B1915;--green-800:#0E1F1A;--green-700:#16302A;--green-600:#1F433A;--green-500:#2C5A4E;
--cream-100:#FAF6EE;--cream-200:#F2EADB;
--gold-300:#F2CE8B;--gold-400:#E8B455;--gold-500:#D99A25;--gold-600:#B47C15;
--surface-base:var(--green-900);--surface-card:var(--green-800);
--text-heading:var(--cream-100);--text-body:rgba(250,246,238,.82);--text-muted:rgba(250,246,238,.56);--text-faint:rgba(250,246,238,.38);--text-accent:var(--gold-400);--text-on-gold:var(--green-950);
--line-hairline:rgba(250,246,238,.10);--line-soft:rgba(250,246,238,.18);--line-strong:rgba(250,246,238,.32);--line-gold:rgba(217,154,37,.45);
--accent:var(--gold-500);--focus-ring:rgba(232,180,85,.55);
--font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
--font-body:"Jost","Helvetica Neue",Arial,sans-serif;
--ease:cubic-bezier(.22,.61,.36,1);
--pad-x:20px
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:var(--surface-base);color:var(--text-body);font-family:var(--font-body);font-weight:300;font-size:17px;line-height:1.7;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-wrap:pretty}
img{max-width:100%;height:auto}
h1,h2{font-family:var(--font-display);font-weight:300;color:var(--text-heading);letter-spacing:-.015em;margin:0}
p{margin:0}
a{color:var(--gold-400)}
a:hover{color:var(--gold-300)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
::selection{background:rgba(217,154,37,.28);color:var(--cream-100)}

.wrap{max-width:1120px;margin:0 auto}
.sec{padding:56px var(--pad-x) 0}
.eyebrow{display:block;font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--text-accent)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:48px var(--pad-x) 44px}
.hero__mark{position:absolute;right:-22vw;top:-12vw;width:min(700px,110vw);opacity:.07;pointer-events:none;user-select:none}
.hero__inner{position:relative;display:grid;gap:36px}
h1{font-size:clamp(2.35rem,9vw,4.5rem);line-height:1.06;margin-top:18px}
.lead{margin-top:20px;max-width:46ch;font-size:clamp(1.0625rem,4.4vw,1.25rem);line-height:1.6;color:var(--text-muted)}
.lead em{font-style:italic;color:var(--cream-200)}
.chips{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}
.chip{display:inline-flex;align-items:center;padding:8px 15px;border:1px solid var(--line-soft);border-radius:999px;font-size:13px;color:var(--text-muted)}
.chip--gold{border-color:var(--line-gold);color:var(--gold-300)}

/* ---------- form ---------- */
.card-form{background:var(--surface-card);border:1px solid var(--line-soft);border-radius:14px;padding:24px;box-shadow:0 32px 80px -32px rgba(5,12,10,.85)}
.card-form h2{font-size:clamp(1.5rem,5.4vw,1.875rem);line-height:1.2}
.card-form__note{margin-top:10px;font-size:14px;color:var(--text-muted)}
.form{margin-top:26px;display:flex;flex-direction:column;gap:22px}
.field{display:flex;flex-direction:column;gap:8px}
.field>span{font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}
.field input{width:100%;min-height:48px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;color:var(--text-heading);font-family:var(--font-body);font-size:17px;font-weight:300;outline:none;transition:border-color .22s var(--ease)}
.field input:focus{border-bottom-color:var(--gold-400)}
.field input::placeholder{color:rgba(250,246,238,.30)}
.consent{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.consent input{width:18px;height:18px;flex:0 0 18px;margin:4px 0 0;accent-color:var(--accent);cursor:pointer}
.consent span{font-size:13px;line-height:1.6;color:var(--text-muted)}
.fineprint{font-size:12px;color:var(--text-faint);text-align:center}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:17px 30px;background:var(--accent);color:var(--text-on-gold);border:1px solid var(--accent);border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background .22s var(--ease),border-color .22s var(--ease),transform .12s var(--ease)}
.btn:hover{background:var(--gold-400);border-color:var(--gold-400);color:var(--text-on-gold)}
.btn:active{transform:scale(.975);background:var(--gold-600);border-color:var(--gold-600)}
.btn--block{width:100%}
.btn--ghost{background:transparent;color:var(--cream-100);border-color:var(--line-strong)}
.btn--ghost:hover{background:transparent;border-color:var(--gold-400);color:var(--gold-300)}

/* ---------- rule ---------- */
.rule{display:flex;align-items:center;gap:16px;padding:0 var(--pad-x)}
.rule::before,.rule::after{content:"";flex:1;height:1px;background:var(--line-hairline)}
.rule span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}

/* ---------- generic split section ---------- */
.split{display:grid;gap:36px;align-items:center}
.split h2{font-size:clamp(1.85rem,6.6vw,2.75rem);line-height:1.15;margin-top:16px}
.split p{margin-top:16px;max-width:48ch}
.ticks{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.ticks li{display:flex;gap:12px;font-size:15px;color:var(--text-muted)}
.ticks li::before{content:"·";color:var(--gold-400)}

/* ---------- community plate ---------- */
.plate{border:1px solid var(--line-hairline);border-radius:14px;padding:24px;background:radial-gradient(circle at 30% 20%,var(--green-700),var(--green-900))}
.avatars{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.avatars li{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;color:var(--cream-200);margin-left:-12px}
.avatars li:first-child{margin-left:0;border-color:var(--line-gold);background:var(--green-800);color:var(--gold-300)}
.avatars li:nth-child(2){background:var(--green-700)}
.avatars li:nth-child(3){background:var(--green-600)}
.avatars li:nth-child(4){background:var(--green-500);color:var(--cream-100)}
.avatars li:last-child{width:auto;height:auto;border:0;margin-left:14px;font-family:var(--font-body);font-size:14px;color:var(--text-muted)}
.posts{margin:26px 0 0;display:flex;flex-direction:column;gap:14px}
.post{background:rgba(250,246,238,.04);border:1px solid var(--line-hairline);border-radius:8px;padding:16px 18px}
.post cite{display:block;font-style:normal;font-size:13px;color:var(--text-faint)}
.post p{margin-top:8px;font-size:15px;line-height:1.65;color:var(--text-body)}

/* ---------- ebook ---------- */
.ebook__img{display:flex;justify-content:center}
.ebook__img img{width:min(400px,84%);filter:drop-shadow(0 30px 56px rgba(5,12,10,.85));animation:drift 9s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.meta{margin-top:20px;font-size:13px;letter-spacing:.08em;color:var(--text-faint)}

/* ---------- surprise ---------- */
.surprise{position:relative;overflow:hidden;border:1px solid var(--line-gold);border-radius:14px;padding:32px 24px;background:radial-gradient(circle at 80% 20%,rgba(217,154,37,.14),var(--green-850));box-shadow:0 0 0 1px rgba(217,154,37,.25),0 20px 60px -30px rgba(217,154,37,.35)}
.surprise__mark{position:absolute;right:-70px;bottom:-90px;width:300px;opacity:.10;pointer-events:none}
.surprise__body{position:relative;max-width:56ch}
.surprise h2{font-size:clamp(1.85rem,6.6vw,2.75rem);line-height:1.15;margin-top:16px}
.surprise p{margin-top:16px}
.surprise .btn{margin-top:26px}

/* ---------- trust ---------- */
.stats{display:grid;gap:22px;margin:0;padding:0}
.stat{padding-left:20px;border-left:1px solid var(--line-hairline)}
.stat:first-child{border-left-color:var(--line-gold)}
.stat b{display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--text-heading);line-height:1}
.stat span{display:block;margin-top:8px;font-size:15px;color:var(--text-muted)}
.testimonial{margin:44px 0 0;padding-left:22px;border-left:1px solid var(--line-gold)}
.testimonial blockquote{margin:0;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(1.4rem,5.6vw,2.25rem);line-height:1.35;color:var(--text-heading)}
.testimonial figcaption{margin-top:14px;font-size:13px;letter-spacing:.08em;color:var(--text-faint)}

/* ---------- final ---------- */
.final{padding:72px var(--pad-x) 72px;text-align:center}
.final__inner{max-width:640px;margin:0 auto}
.final img{width:66px;height:auto;opacity:.9}
.final h2{margin-top:24px;font-size:clamp(2rem,8vw,3.5rem);line-height:1.1}
.final p{margin:18px auto 0;max-width:44ch;color:var(--text-muted)}
.final .btn{margin-top:32px}
.final .fineprint{margin-top:18px}

/* ---------- ≥720px ---------- */
@media (min-width:720px){
:root{--pad-x:34px}
.sec{padding-top:76px}
.hero{padding:80px var(--pad-x) 64px}
.stats{grid-template-columns:repeat(3,1fr);gap:34px}
.card-form{padding:32px}
.plate{padding:30px}
.surprise{padding:48px 40px}
.final{padding:104px var(--pad-x) 96px}
}

/* ---------- ≥960px ---------- */
@media (min-width:960px){
:root{--pad-x:48px}
.sec{padding-top:96px}
.hero{padding:104px var(--pad-x) 88px}
.hero__mark{right:-14vw;top:-10vw;width:min(700px,60vw)}
.hero__inner{grid-template-columns:1fr 1fr;gap:64px}
.split{grid-template-columns:1fr 1fr;gap:72px}
.ebook__img{order:1}
.ebook__text{order:2}
.card-form{padding:36px}
.surprise{padding:64px}
.testimonial{margin-top:64px;padding-left:24px}
.final{padding:144px var(--pad-x) 120px}
}

@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}