:root{
  --green:#101d27;--green-2:#128993;--green-3:#e3f1f2;
  --accent:#6fd0d8;--btn:#128993;--btn-ink:#fff;
  --cream:#f5f0ea;--ink:#1a1a1a;--muted:#5d5a55;--line:#e4ddd3;--white:#fff;
  --radius:18px;--shadow:0 18px 50px -22px rgba(16,29,39,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",-apple-system,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{width:min(1080px,100% - 40px);margin-inline:auto}
.narrow{width:min(760px,100% - 40px);margin-inline:auto}
section{padding:72px 0}
.center{text-align:center}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-2);background:var(--green-3);padding:7px 14px;border-radius:999px;margin-bottom:18px}
.dark .eyebrow{background:rgba(255,255,255,.1);color:var(--accent)}
h1,h2{font-family:"Playfair Display",Georgia,serif}
h1{font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.08;letter-spacing:-.02em;font-weight:800}
h2{font-size:clamp(1.6rem,3.8vw,2.5rem);line-height:1.15;letter-spacing:-.015em;font-weight:800}
h3{font-size:1.15rem;line-height:1.3;font-weight:700}
h1 em,h2 em{font-style:normal;color:var(--green-2)}
.dark h1 em,.dark h2 em{color:var(--accent)}
.sub{font-size:clamp(1.02rem,2vw,1.2rem);color:var(--muted);max-width:640px;margin:18px auto 0}
.dark .sub{color:rgba(255,255,255,.78)}
.dark{background:radial-gradient(1200px 500px at 50% -10%,#1d3a4a 0%,var(--green) 60%,#0b141b 100%);color:#fff}
.soft{background:var(--white)}

/* buttons */
.btn{font-family:"DM Sans",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:800;font-size:1.05rem;border:0;cursor:pointer;text-decoration:none;padding:18px 34px;border-radius:999px;background:var(--btn);color:var(--btn-ink);border-radius:10px;box-shadow:0 10px 30px -12px rgba(18,137,147,.8);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(18,137,147,.9)}
.btn.green{background:var(--btn);color:#fff}
.btn.block{width:100%}
.btn.big{font-size:1.15rem;padding:21px 40px}
.link-quiet{display:inline-block;margin-top:18px;color:var(--muted);font-size:.95rem}
.dark .link-quiet{color:rgba(255,255,255,.65)}

/* hero */
.hero{padding:64px 0 76px;text-align:center}
.hero .meta{margin:26px 0 8px;font-weight:700;font-size:1.05rem;color:#fff}
.hero .meta span{color:var(--accent)}
.hero .btn{margin-top:26px}
.hero .proof-line{margin-top:20px;font-size:.92rem;color:rgba(255,255,255,.7)}
.stars{color:var(--accent);letter-spacing:2px}

/* countdown */
.countdown{display:flex;justify-content:center;gap:12px;margin:18px auto 0}
.cd-tile{min-width:78px;padding:14px 10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.cd-tile b{display:block;font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.cd-tile small{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.countdown.light .cd-tile{background:var(--white);border-color:var(--line);color:var(--ink)}
.countdown.light .cd-tile small{color:var(--muted)}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.pillar{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;text-align:center;box-shadow:var(--shadow);position:relative}
.pillar .num{width:46px;height:46px;border-radius:50%;background:var(--green);color:var(--accent);display:grid;place-items:center;font-weight:800;margin:0 auto 16px}
.pillar .ico{font-size:1.9rem;margin-bottom:8px}
.pillar p{color:var(--muted);margin-top:10px;font-size:.98rem}

/* host */
.host{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:center;margin-top:40px;text-align:left}
.host .photo{aspect-ratio:4/5;border-radius:var(--radius);background:linear-gradient(160deg,var(--green-3),#cfe1d8);display:grid;place-items:center;color:var(--green-2);font-weight:700;text-align:center;padding:20px;border:1px dashed var(--green-2)}
.host .photo img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}
.host p{color:var(--muted);margin-top:14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.stat{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 10px;text-align:center}
.stat b{display:block;font-size:1.5rem;font-weight:800;color:var(--green)}
.stat small{color:var(--muted);font-size:.8rem}

/* gift */
.gift{display:grid;grid-template-columns:1fr 280px;gap:36px;align-items:center;background:var(--green);color:#fff;border-radius:26px;padding:38px}
.gift p{color:rgba(255,255,255,.8);margin-top:10px}
.gift .cover{aspect-ratio:3/4;border-radius:14px;background:linear-gradient(160deg,#16a0ab,#0e6f78);color:#fff;display:grid;place-items:center;text-align:center;padding:18px;font-weight:800;transform:rotate(-4deg);transition:transform .3s;box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.gift .cover:hover{transform:rotate(0)}

/* proof */
.grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.slot{aspect-ratio:3/4;border-radius:14px;background:var(--white);border:1px dashed #b8c8bf;display:grid;place-items:center;color:var(--muted);font-size:.8rem;text-align:center;padding:10px}
.slot img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:34px}
.vid{text-align:center}
.vid .frame{aspect-ratio:16/9;border-radius:var(--radius);background:#0b141b;display:grid;place-items:center;color:rgba(255,255,255,.7);font-size:.9rem;overflow:hidden;box-shadow:var(--shadow)}
.vid .frame iframe{width:100%;height:100%;border:0}
.vid h3{margin-top:14px}
.vid p{color:var(--muted);font-size:.92rem}

/* lists */
.checks{list-style:none;display:grid;gap:12px;margin-top:26px;text-align:left}
.checks li{display:flex;gap:12px;align-items:flex-start;font-weight:600}
.checks li::before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:var(--green);color:var(--accent);display:grid;place-items:center;font-size:.8rem;margin-top:2px}

/* faq */
details{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:12px}
summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--green-2)}
details[open] summary::after{content:"–"}
details p{margin-top:12px;color:var(--muted)}

/* modal */
.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(10,22,18,.6);backdrop-filter:blur(6px);z-index:50;padding:20px}
.modal.open{display:grid;animation:fade .25s ease}
.dialog{background:var(--white);border-radius:24px;padding:36px 32px;width:min(440px,100%);position:relative;animation:pop .28s cubic-bezier(.2,.9,.3,1.2);color:var(--ink);text-align:center}
.dialog .x{position:absolute;top:14px;right:16px;border:0;background:none;font-size:1.6rem;cursor:pointer;color:var(--muted)}
.dialog form{display:grid;gap:12px;margin-top:20px}
.dialog input{font:inherit;padding:15px 16px;border-radius:12px;border:1px solid var(--line);background:var(--cream)}
.dialog input:focus{outline:2px solid var(--green-2);border-color:transparent}
.dialog .err{color:#b3261e;font-size:.85rem;min-height:1.1em;text-align:left}
.dialog small{color:var(--muted);display:block;margin-top:12px}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}

/* steps (thank-you) */
.steps{display:grid;gap:18px;margin-top:40px;text-align:left}
.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:grid;grid-template-columns:54px 1fr;gap:18px;box-shadow:var(--shadow)}
.step .n{width:54px;height:54px;border-radius:50%;background:var(--green);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:1.2rem}
.step p{color:var(--muted);margin-top:6px}
.step .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--cream);font-weight:700;font-size:.92rem;text-decoration:none}
.chip.wa{background:#25D366;border-color:#25D366;color:#fff}
.inbox{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.9rem}
.inbox div{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;gap:12px}
.inbox div:last-child{border:0}
.inbox .hl{background:#fff8e3;font-weight:700}
.inbox .blur{filter:blur(3px);opacity:.6}

/* offer / pricing */
.stack{display:grid;gap:12px;margin-top:30px;text-align:left}
.stack .row{display:flex;justify-content:space-between;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 20px;font-weight:600}
.stack .row span:last-child{color:var(--green-2);white-space:nowrap}
.price-card{background:var(--white);border:2px solid var(--green);border-radius:26px;padding:40px 30px;text-align:center;box-shadow:var(--shadow);margin-top:36px}
.price-card .was{color:var(--muted);text-decoration:line-through;font-weight:600}
.price-card .now{font-size:clamp(2.6rem,7vw,4rem);font-weight:800;color:var(--green);line-height:1.1}
.guarantee{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center;background:var(--green-3);border-radius:var(--radius);padding:26px;margin-top:34px;text-align:left}
.guarantee .seal{width:90px;height:90px;border-radius:50%;background:var(--green);color:var(--accent);display:grid;place-items:center;font-weight:800;text-align:center;font-size:.8rem;line-height:1.2}
.video-slot{aspect-ratio:16/9;border-radius:var(--radius);background:#0b141b;color:rgba(255,255,255,.7);display:grid;place-items:center;margin:34px auto 0;max-width:820px;box-shadow:var(--shadow);overflow:hidden}
.video-slot iframe{width:100%;height:100%;border:0}
.banner{background:var(--green);color:#fff;font-family:"Playfair Display",Georgia,serif;text-align:center;font-weight:800;padding:12px 16px;font-size:.92rem}
.progress{display:flex;justify-content:center;gap:8px;margin-bottom:22px}
.progress i{width:44px;height:6px;border-radius:99px;background:rgba(255,255,255,.2)}
.progress i.on{background:var(--accent)}

footer{background:#0b141b;color:rgba(255,255,255,.6);padding:34px 0;text-align:center;font-size:.8rem}
footer p{max-width:820px;margin:0 auto 10px}
footer .brand{color:#fff;font-weight:800;font-size:1rem;margin-bottom:14px;display:block}

@media(max-width:800px){
  section{padding:54px 0}
  .pillars{grid-template-columns:1fr}
  .host{grid-template-columns:1fr;text-align:center}
  .host .photo{max-width:300px;margin-inline:auto}
  .gift{grid-template-columns:1fr;text-align:center}
  .gift .cover{max-width:220px;margin-inline:auto}
  .grid8{grid-template-columns:repeat(2,1fr)}
  .videos{grid-template-columns:1fr}
  .cd-tile{min-width:66px}
  .cd-tile b{font-size:1.6rem}
  .guarantee{grid-template-columns:1fr;text-align:center}
  .guarantee .seal{margin-inline:auto}
  .step{grid-template-columns:1fr}
  .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.proof-img{margin:34px auto 0;max-width:520px}
.proof-img.wide{max-width:760px}
.proof-img img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.host .photo{border:0;padding:0;background:none;box-shadow:var(--shadow)}
.host .photo img{aspect-ratio:4/5;object-position:50% 30%}

.gift .cover{padding:0;background:none;overflow:hidden}
.gift .cover img{width:100%;height:100%;object-fit:cover;border-radius:14px}

.form-embed{margin-top:16px;min-height:492px}
.form-embed iframe{display:block}
.dialog{max-height:94vh;overflow:auto}

/* testimonial marquee */
.mq-section{padding:44px 0 56px;background:var(--cream);overflow:hidden}
.mq-title{font-size:clamp(1.3rem,3.2vw,2rem)}
.mq-title em{font-style:italic;color:var(--green-2)}
.mq{margin-top:26px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-track{display:flex;gap:14px;width:max-content;animation:mq-scroll 70s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-item{flex:none;height:320px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.mq-item img,.mq-item video{height:100%;width:auto;display:block}
.mq-item.vid{width:180px;background:#0b141b}
.mq-item.vid video{width:100%;object-fit:cover}
@keyframes mq-scroll{to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:800px){.mq-item{height:260px}.mq-item.vid{width:146px}.mq-track{animation-duration:55s}}
@media(prefers-reduced-motion:reduce){.mq{overflow-x:auto}.mq-track{animation:none}}

.mq-item.stat-card{width:230px;background:linear-gradient(160deg,#16303f,var(--green));color:#fff;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:22px;text-align:left}
.stat-card .sc-tag{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:8px}
.stat-card b{font-family:"Playfair Display",Georgia,serif;font-size:2.3rem;line-height:1.05}
.stat-card span:not(.sc-tag){font-size:.85rem;color:rgba(255,255,255,.75);margin-bottom:10px}
.stat-card em{font-style:normal;font-size:.8rem;color:var(--accent);margin-top:6px}
@media(max-width:800px){.mq-item.stat-card{width:190px;padding:16px}.stat-card b{font-size:1.8rem}}

/* press-play testimonial tiles + lightbox */
button.mq-item.vid{border:0;padding:0;cursor:pointer;position:relative;font:inherit;color:#fff}
.mq-item.vid img{width:100%;height:100%;object-fit:cover;display:block}
.mq-item.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,27,.1) 40%,rgba(11,20,27,.78))}
.mq-item.vid .play{position:absolute;z-index:1;left:0;right:0;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;font-size:.9rem;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.mq-item.vid .play i{width:54px;height:54px;border-radius:50%;background:var(--btn);box-shadow:0 0 0 6px rgba(255,255,255,.25);position:relative;animation:pulse 2s infinite}
.mq-item.vid .play i::before{content:"";position:absolute;left:21px;top:16px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.mq-item.vid:hover .play i{transform:scale(1.08)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 14px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.vlb{position:fixed;inset:0;z-index:60;display:none;place-items:center;background:rgba(6,12,16,.88);backdrop-filter:blur(6px);padding:20px}
.vlb.open{display:grid;animation:fade .25s ease}
.vlb video{max-height:88vh;max-width:min(94vw,520px);width:auto;border-radius:16px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vlb-x{position:absolute;top:14px;right:18px;border:0;background:rgba(255,255,255,.15);color:#fff;width:42px;height:42px;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer}

.mq-track{animation-duration:150s}
@media(max-width:800px){.mq-track{animation-duration:120s}}
.mq-item.vid img{image-rendering:auto}

/* vertical testimonial wall */
.mw{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;height:640px;margin-top:26px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent)}
.mw-col{overflow:hidden;height:100%}
.mw-track{animation:mw-up var(--dur,90s) linear infinite;will-change:transform}
.mw-col.down .mw-track{animation-direction:reverse}
.mw:hover .mw-track{animation-play-state:paused}
@keyframes mw-up{to{transform:translateY(-50%)}}
.mw .mq-item{height:auto;width:100%;margin:0 0 14px;display:block;flex:none}
.mw .mq-item img{width:100%;height:auto;display:block}
.mw .mq-item.vid{aspect-ratio:4/5;width:100%}
.mw .mq-item.vid img{height:100%;object-fit:cover}
@media(max-width:800px){.mw{grid-template-columns:repeat(2,1fr);gap:10px;height:540px}.mw .mq-item{margin-bottom:10px}.mw .mq-item.vid .play i{width:42px;height:42px}.mw .mq-item.vid .play i::before{left:16px;top:12px;border-width:9px 0 9px 14px}}
@media(prefers-reduced-motion:reduce){.mw{overflow-y:auto}.mw-track{animation:none}}

/* bridge / upsell page */
.muted{color:var(--muted)}
.covers{display:flex;justify-content:center;gap:22px;margin-top:34px;perspective:900px}
.cover-card{width:170px;aspect-ratio:3/4;border-radius:14px;padding:20px 14px;display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center;box-shadow:0 24px 50px -18px rgba(0,0,0,.65)}
.cover-card small{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.8}
.cover-card b{font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;line-height:1.1}
.cover-card span{font-size:.65rem;opacity:.75;margin-top:6px}
.cover-card.a{background:linear-gradient(160deg,#16a0ab,#0e6f78);color:#fff;transform:rotate(-5deg)}
.cover-card.b{background:linear-gradient(160deg,#f5f0ea,#e4ddd3);color:var(--green);transform:rotate(4deg)}
.covers.single .cover-card{transform:rotate(-3deg)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;text-align:left}
.compare .col{border-radius:var(--radius);padding:22px;border:1px solid var(--line);background:#fff}
.compare .col.you{background:var(--green);color:#fff;border-color:var(--green)}
.compare h3{margin-bottom:10px}
.compare ul{list-style:none;display:grid;gap:10px;font-size:.95rem}
.compare .them li::before{content:"✕  ";color:#b3261e;font-weight:800}
.compare .you li::before{content:"✓  ";color:var(--accent);font-weight:800}
.items{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;text-align:left}
.item-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.item-card .tagline span{display:inline-block;background:var(--green);color:var(--accent);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:99px;margin-bottom:10px}
.item-card h3{font-family:"Playfair Display",Georgia,serif;font-size:1.4rem}
.item-card .checks{font-size:.92rem}
@media(max-width:800px){.compare,.items{grid-template-columns:1fr}.covers{gap:10px}.cover-card{width:135px}}
.chip.join{background:#128993;border-color:#128993;color:#fff}