*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* ── Brand tokens — MelodyPlay Method ──────────────────────── */
  --ink:#241D16;--ink-mid:#4A3F33;--muted:#8C8172;
  --darkbg:#A8431D;--darkbg2:#8A3617;
  --cream:#FBF3E6;--cream-card:#FFFDF8;--cream-deep:#F2E4CB;--border:#E7DAC0;
  --teal:#1F6F8B;--teal-dark:#154C60;--teal-lt:#DCEFF4;
  --coral:#EE6B3C;--coral-lt:#FCE3D2;
  --gold:#F2B93D;--gold-lt:#FCEEC9;
  /* Rainbow note scale — the kit's own color-note system (Do Re Mi Fa Sol La) */
  --n1:#E14B3F;--n2:#EE8B2E;--n3:#F0C43E;--n4:#4CA37E;--n5:#3E8FC4;--n6:#8B5FC9;
  --df:'Fraunces',serif;--af:'Fredoka',sans-serif;--bf:'Nunito',sans-serif;
  --s0:0 1px 4px rgba(36,29,22,.06);
  --s1:0 4px 16px rgba(36,29,22,.10),0 1px 4px rgba(36,29,22,.05);
  --s2:0 10px 30px rgba(36,29,22,.12),0 2px 8px rgba(36,29,22,.05);
  --s3:0 22px 54px rgba(36,29,22,.16);
  --scta:0 10px 28px rgba(31,111,139,.35);
  --r1:10px;--r2:16px;--r3:24px;--r4:32px;--rf:999px;
}
html,body{background:var(--cream);color:var(--ink);font-family:var(--bf);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--df);font-weight:800;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(30px,6.2vw,48px)}
h2{font-size:clamp(23px,4.4vw,36px)}
h3{font-size:clamp(16px,2.4vw,19px)}
/* Signature type moment — the accent font appears only on the brand's middle word,
   painted with the kit's own rainbow note scale. Everything else stays serif. */
.accent-word{font-family:var(--af);font-weight:700;font-style:normal;background:linear-gradient(92deg,var(--n1) 0%,var(--n2) 22%,var(--n3) 42%,var(--n4) 62%,var(--n5) 80%,var(--n6) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 2px}
.the-word{font-style:italic;font-weight:500;color:var(--ink-mid)}
.cmp-sec .the-word,.off-sec .the-word,.fin-sec .the-word{color:rgba(255,255,255,.72)}
p{line-height:1.7}
.wrap{max-width:740px;margin:0 auto;padding:0 18px}
sec{display:block;padding:68px 0}
.tc{text-align:center}

/* URGENCY BAR */
.ub{background:linear-gradient(90deg,var(--darkbg),var(--darkbg2));padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ut{font-family:var(--bf);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.utimer{font-family:var(--df);font-size:13px;font-weight:800;color:var(--gold);background:rgba(242,185,61,.15);padding:3px 12px;border-radius:var(--rf);border:1px solid rgba(242,185,61,.32)}

/* EYEBROW */
.ey{display:inline-flex;align-items:center;gap:7px;font-family:var(--bf);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.ey::before,.ey::after{content:'';width:16px;height:2px;background:var(--teal);border-radius:2px}

/* BTN — coral→gold gradient, bold shadow, pulsing glow on the real conversion CTAs */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--coral) 0%,#F0A22E 100%);color:#fff!important;font-family:var(--bf);font-size:17px;font-weight:800;padding:18px 34px;border-radius:var(--rf);border:none;cursor:pointer;box-shadow:0 14px 34px rgba(238,107,60,.38),0 3px 10px rgba(238,107,60,.22);transition:transform .16s,box-shadow .16s,background .16s;line-height:1;text-decoration:none;letter-spacing:.01em}
.btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 20px 46px rgba(238,107,60,.46),0 4px 14px rgba(238,107,60,.28);background:linear-gradient(135deg,#E05A2C 0%,#E4931E 100%)}
.btn:active{transform:scale(.98)}
.btn-full{width:100%}
.arr{transition:transform .18s}
.btn:hover .arr{transform:translateX(4px)}
@keyframes btnPulse{0%{box-shadow:0 14px 34px rgba(238,107,60,.38),0 0 0 0 rgba(238,107,60,.38)}70%{box-shadow:0 14px 34px rgba(238,107,60,.38),0 0 0 15px rgba(238,107,60,0)}100%{box-shadow:0 14px 34px rgba(238,107,60,.38),0 0 0 0 rgba(238,107,60,0)}}
.btn-pulse{animation:btnPulse 2.6s ease-in-out infinite}
.btn-pulse:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.btn-pulse{animation:none}}

/* RAINBOW BADGE — signature element, reused for numbering, avatars, icons */
.rb{display:flex;align-items:center;justify-content:center;font-family:var(--df);font-weight:800;color:#fff;flex-shrink:0}
.rb1{background:var(--n1)}.rb2{background:var(--n2)}.rb3{background:var(--n3);color:#4A3200}.rb4{background:var(--n4)}.rb5{background:var(--n5)}.rb6{background:var(--n6)}

/* HERO */
.hero{padding:52px 0 64px;background:radial-gradient(ellipse 70% 50% at 88% 6%,rgba(31,111,139,.10) 0%,transparent 60%),radial-gradient(ellipse 55% 55% at 2% 94%,rgba(238,107,60,.08) 0%,transparent 65%),var(--cream)}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
@media(max-width:680px){.hgrid{grid-template-columns:1fr;gap:26px}}
.hbadge{display:inline-flex;align-items:center;gap:7px;background:var(--gold-lt);border:1.5px solid rgba(242,185,61,.55);color:#5A4310;font-family:var(--bf);font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--rf);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}
.hage{display:inline-flex;align-items:center;background:var(--teal-lt);border:1.5px solid var(--teal);color:var(--teal-dark);font-family:var(--bf);font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--rf);letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px;margin-left:6px}
.hsub{margin-top:14px;font-size:clamp(15px,2.4vw,17px);color:var(--muted);max-width:440px}
.hpills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.hpill{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink-mid);background:var(--cream-card);border:1px solid var(--border);padding:5px 11px;border-radius:var(--rf);box-shadow:var(--s0)}
.hcta{margin-top:22px}
.hrating{margin-top:16px;display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted)}
.stars{color:var(--gold);letter-spacing:1px}
.hvisual{position:relative;padding-bottom:16px}
.hph{position:relative;aspect-ratio:1/1;border-radius:var(--r3);box-shadow:var(--s3),0 0 0 6px rgba(31,111,139,.07);overflow:hidden;background:linear-gradient(135deg,var(--teal-lt),var(--gold-lt))}
.hfb1{position:absolute;bottom:0;left:-8px;background:#fff;border-radius:var(--r2);padding:10px 14px;box-shadow:var(--s1);border:1.5px solid var(--border);display:flex;align-items:center;gap:9px;font-family:var(--df)}
.hfb1 .n{font-size:22px;font-weight:800;color:var(--teal);line-height:1}
.hfb1 .l{font-size:10px;font-weight:700;color:var(--muted);line-height:1.3}
.hfb2{position:absolute;top:-8px;right:-8px;background:var(--coral);border-radius:var(--r1);padding:8px 12px;box-shadow:var(--s1);color:#fff;font-family:var(--bf);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}

/* MARQUEE CAROUSEL — continuous, slow, seamless loop */
.marquee-sec{background:var(--cream);padding:34px 0 40px;overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marquee-scroll 48s linear infinite}
.marquee-track:hover{animation-play-state:paused}
.marquee-group{display:flex;gap:16px;padding:0 8px}
.marquee-group img{height:340px;width:auto;border-radius:var(--r3);box-shadow:var(--s2);flex-shrink:0}
@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:680px){.marquee-group img{height:230px}.marquee-track{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* STATS STRIP */
.strip{background:linear-gradient(120deg,var(--darkbg),var(--darkbg2));padding:34px 0}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.sitem{padding:6px 12px;border-right:1px solid rgba(255,255,255,.1)}
.sitem:last-child{border-right:none}
.snum{font-family:var(--df);font-size:clamp(23px,5.2vw,34px);font-weight:800;color:var(--gold);display:block;line-height:1}
.slbl{font-size:11px;color:rgba(255,255,255,.62);font-weight:600;margin-top:4px;display:block;line-height:1.3}

/* PROBLEM */
.prob-sec{background:var(--cream-card);padding:68px 0}
.xlist{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:26px}
.xlist li{display:flex;align-items:flex-start;gap:12px;background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r2);padding:16px 18px;font-size:15px;line-height:1.55;box-shadow:var(--s0)}
.xmark{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--coral-lt);border:1.5px solid #F3C1AC;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--coral);margin-top:1px}
.callout{margin-top:26px;background:linear-gradient(135deg,var(--teal-lt),var(--gold-lt));border:1.5px solid var(--teal);border-radius:var(--r2);padding:20px 22px;text-align:center;font-size:16px;color:var(--ink-mid);line-height:1.6}
.callout strong{color:var(--teal-dark)}

/* SOLUTION */
.sol-sec{background:var(--cream);padding:68px 0}
.solvis{border-radius:var(--r3);overflow:hidden;box-shadow:var(--s2);margin-bottom:26px;aspect-ratio:16/8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--teal-lt),var(--gold-lt))}
.solvis-emoji{font-size:52px;line-height:1}
.solvis-caption{font-family:var(--df);font-weight:700;font-size:15px;color:var(--teal-dark)}
.cklist{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:26px}
.cklist li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5}
.ck{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;margin-top:2px}

/* INSIDE — numbered rainbow modules */
.inside-sec{background:var(--cream-card);padding:68px 0}
.modlist{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:26px}
.mod{display:flex;gap:14px;align-items:flex-start;background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r2);padding:16px 17px;box-shadow:var(--s0)}
.mod .rb{width:34px;height:34px;border-radius:10px;font-size:14px}
.mod h3{font-size:15px}
.mod p{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.5}

/* COMPARE */
.cmp-sec{background:linear-gradient(160deg,var(--darkbg),var(--darkbg2));padding:68px 0}
.cmp-sec h2{color:#fff}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
@media(max-width:480px){.cgrid{grid-template-columns:1fr 1fr;gap:8px}}
.ccol{border-radius:var(--r3);padding:20px 16px}
.ccol.bef{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1)}
.ccol.aft{background:var(--teal);border:1.5px solid rgba(255,255,255,.16)}
.clbl{font-family:var(--bf);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:var(--rf);display:inline-block;margin-bottom:14px}
.ccol.bef .clbl{background:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}
.ccol.aft .clbl{background:var(--gold);color:var(--ink)}
.clist{list-style:none;display:flex;flex-direction:column;gap:7px}
.clist li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45}
.ccol.bef .clist li{color:rgba(255,255,255,.56)}
.ccol.aft .clist li{color:#fff}
.ci{flex-shrink:0;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;margin-top:1px}

/* REVIEWS */
.rev-sec{background:var(--cream-card);padding:68px 0}
.rstack{display:flex;flex-direction:column;gap:14px;margin-top:26px}
.rcard{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:22px 20px;box-shadow:var(--s0)}
.rhead{display:flex;align-items:center;gap:10px}
.av{width:40px;height:40px;border-radius:11px;font-size:16px}
.rname{font-family:var(--df);font-weight:700;font-size:14px}
.rmeta{font-size:11px;color:var(--muted);margin-top:1px}
.rstars{margin-left:auto;font-size:13px;color:var(--gold);letter-spacing:1px}
.rbody{margin-top:10px;font-size:14.5px;color:var(--ink-mid);line-height:1.65;font-style:italic}
.rbody::before{content:'"'}
.rbody::after{content:'"'}
.rver{margin-top:8px;font-size:11px;color:var(--teal);font-weight:700;display:flex;align-items:center;gap:3px}

/* OFFER */
.off-sec{background:linear-gradient(160deg,var(--darkbg),var(--darkbg2));padding:72px 0}
.off-head{text-align:center;margin-bottom:6px}
.off-head h2{color:#fff}
.off-head p{color:rgba(255,255,255,.65);margin-top:8px;font-size:14.5px;max-width:440px;margin-left:auto;margin-right:auto}
.cdwrap{margin-top:8px;text-align:center}
.cdlbl{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:8px}
.cd{display:flex;gap:6px;justify-content:center;align-items:flex-end}
.cdu{text-align:center}
.cdbox{background:rgba(255,255,255,.12);color:#fff;border-radius:var(--r1);padding:10px 14px;font-family:var(--df);font-size:clamp(22px,6vw,30px);font-weight:800;min-width:52px;display:block;font-variant-numeric:tabular-nums;line-height:1}
.cdl{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45);margin-top:4px;display:block}
.cdsep{font-size:24px;font-weight:700;color:rgba(255,255,255,.3);margin-bottom:14px}
.ocard{max-width:460px;margin:24px auto 0;background:var(--cream-card);border:2px solid var(--teal-lt);border-radius:var(--r4);padding:36px 28px;box-shadow:var(--s3),0 0 0 6px rgba(31,111,139,.08);text-align:center}
.otbadge{display:inline-block;background:var(--gold);color:var(--ink);font-family:var(--bf);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 16px;border-radius:var(--rf);margin-bottom:18px}
.oimg{border-radius:var(--r2);overflow:hidden;margin:0 auto 20px;max-width:280px;aspect-ratio:4/3}
.olist{list-style:none;background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r2);padding:20px 22px;text-align:left;display:flex;flex-direction:column;gap:10px}
.olist li{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500;color:var(--ink-mid)}
.olist li::before{content:'';width:18px;height:18px;border-radius:50%;background:var(--teal);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.3 4.3a1 1 0 010 1.4l-6 6a1 1 0 01-1.4 0l-3-3a1 1 0 011.4-1.4L6.5 9.6l5.4-5.3a1 1 0 011.4 0z'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center}
.pblock{margin-top:26px}
.pwas{font-size:14px;color:var(--muted)}
.pwas span{text-decoration:line-through;color:var(--coral);font-weight:700}
.phero{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px;margin:6px 0 3px}
.ptag{font-family:var(--df);font-size:clamp(38px,11vw,74px);font-weight:800;color:var(--teal);line-height:1.05}
.curr-badge{display:inline-flex;align-items:center;gap:4px;background:var(--teal-lt);color:var(--teal-dark);font-family:var(--bf);font-size:13px;font-weight:700;padding:4px 10px;border-radius:var(--rf);white-space:nowrap}
.punit{font-size:12px;color:var(--muted);margin-top:3px}
.spill{display:inline-block;background:var(--teal-lt);border:1.5px solid var(--teal);color:var(--teal-dark);font-family:var(--bf);font-size:12.5px;font-weight:700;padding:4px 16px;border-radius:var(--rf);margin-top:8px}
.octa{margin-top:26px}
.pays{margin-top:10px;font-size:11.5px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* BONUSES */
.bon-sec{background:var(--cream-deep);padding:68px 0}
.bonhl{background:linear-gradient(120deg,var(--darkbg),var(--darkbg2));border-radius:var(--r3);padding:26px;text-align:center;margin-bottom:26px;box-shadow:var(--scta)}
.bonhl h3{font-family:var(--df);font-size:clamp(18px,3.4vw,23px);font-weight:800;color:#fff;line-height:1.2}
.bonhl p{font-size:13px;color:rgba(255,255,255,.7);margin-top:5px}
.bgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:480px){.bgrid{grid-template-columns:1fr}}
.bcard{background:var(--cream-card);border:1.5px solid var(--border);border-radius:var(--r2);overflow:hidden;box-shadow:var(--s1)}
.bvis{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}
.bvis-emoji{font-size:40px;line-height:1}
.bbody{padding:13px}
.btag{display:inline-block;background:var(--teal);color:#fff;font-family:var(--bf);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:4px}
.bbody h3{font-family:var(--df);font-size:13px;margin-top:7px;line-height:1.3;font-weight:700}
.bbody .bdesc{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45}
.bfree{font-size:12px;font-weight:800;color:var(--teal);margin-top:6px;display:block}

/* POST-OFFER PHOTO REVIEWS */
.prev-sec{background:var(--cream);padding:68px 0}
.phrev{display:flex;flex-direction:column;gap:16px;margin-top:26px}
.pr{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);overflow:hidden;box-shadow:var(--s1);display:grid;grid-template-columns:90px 1fr;align-items:stretch}
@media(max-width:420px){.pr{grid-template-columns:72px 1fr}}
.phimg{display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,var(--teal-lt),var(--gold-lt))}
.prbody{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.prstars{color:var(--gold);font-size:13px;letter-spacing:1px}
.prtext{font-size:14px;color:var(--ink-mid);line-height:1.6;font-style:italic}
.prtext::before{content:'"'}
.prtext::after{content:'"'}
.prauthor{font-family:var(--df);font-size:12px;font-weight:700;color:var(--teal)}

/* EXPERT */
.exp-sec{background:var(--cream-deep);padding:68px 0}
.expinner{background:var(--cream-card);border:1.5px solid var(--border);border-radius:var(--r4);padding:36px 30px;box-shadow:var(--s2)}
.exphead{text-align:center;margin-bottom:18px}
.expname{font-family:var(--df);font-size:19px;font-weight:800;color:var(--ink)}
.exprole{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--teal);margin-top:3px}
.expbody{color:var(--muted);font-size:15px;line-height:1.75}
.expbody strong{color:var(--ink);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.chip{display:inline-block;background:var(--teal-lt);border:1px solid var(--teal);color:var(--teal-dark);font-family:var(--bf);font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--rf)}

/* METHOD (bottom grid) */
.meth-sec{background:var(--cream-card);padding:68px 0}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
@media(max-width:520px){.mgrid{grid-template-columns:1fr}}
.mcard{background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r2);padding:18px 16px;box-shadow:var(--s0);display:flex;flex-direction:column;gap:8px}
.micon{width:40px;height:40px;border-radius:var(--r1);display:flex;align-items:center;justify-content:center;font-size:19px}
.mcard h3{font-size:14.5px;font-weight:700;line-height:1.3}
.mcard p{font-size:13px;color:var(--muted);line-height:1.55}

/* SUMMARY */
.sum-sec{background:var(--cream-card);padding:68px 0}
.sumcard{background:linear-gradient(135deg,var(--cream),var(--cream-deep));border:2px solid var(--border);border-radius:var(--r4);padding:36px 28px;text-align:center;box-shadow:var(--s2)}
.sumlist{list-style:none;display:flex;flex-direction:column;gap:10px;margin:22px 0;text-align:left}
.sumlist li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink-mid);font-weight:500}
.sumlist li::before{content:'';width:18px;height:18px;border-radius:50%;background:var(--teal);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.3 4.3a1 1 0 010 1.4l-6 6a1 1 0 01-1.4 0l-3-3a1 1 0 011.4-1.4L6.5 9.6l5.4-5.3a1 1 0 011.4 0z'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center}

/* FAQ */
.faq-sec{background:var(--cream);padding:68px 0}
.faqlist{display:flex;flex-direction:column;gap:10px;margin-top:30px}
.faqitem{background:var(--cream-card);border:1.5px solid var(--border);border-radius:var(--r2);overflow:hidden;box-shadow:var(--s0)}
.faqitem[open]{border-color:var(--teal)}
.faqitem summary{font-family:var(--df);font-weight:700;font-size:15px;padding:18px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ink)}
.faqitem summary::-webkit-details-marker{display:none}
.faqchev{width:24px;height:24px;border-radius:50%;background:var(--teal-lt);border:1.5px solid var(--teal);display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:17px;flex-shrink:0;transition:transform .2s,background .2s;font-family:var(--bf)}
.faqitem[open] .faqchev{transform:rotate(45deg);background:var(--teal);color:#fff}
.faqans{padding:14px 18px 16px;font-size:14px;color:var(--muted);line-height:1.7;border-top:1px solid var(--border)}

/* FINAL */
.fin-sec{background:var(--teal);padding:78px 0;text-align:center;position:relative;overflow:hidden}
.fin-sec::before{content:'';position:absolute;top:-70px;right:-70px;width:280px;height:280px;background:rgba(255,255,255,.05);border-radius:50%}
.finq{font-family:var(--df);font-size:clamp(24px,4.8vw,40px);font-weight:800;color:#fff;max-width:540px;margin:0 auto;line-height:1.16}
.finq em{font-style:normal;color:var(--gold)}
.finsub{margin-top:14px;font-size:clamp(15px,3vw,18px);color:rgba(255,255,255,.82);max-width:440px;margin-left:auto;margin-right:auto}
.fin-sec .btn{background:linear-gradient(135deg,var(--gold) 0%,#F2CE6B 100%);color:var(--ink)!important;box-shadow:0 14px 38px rgba(0,0,0,.22);margin-top:26px;font-size:16px;flex-wrap:wrap}
.fin-sec .btn:hover{background:linear-gradient(135deg,#F5C853 0%,#F7DB8A 100%)}
@keyframes btnPulseGold{0%{box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 0 0 rgba(242,185,61,.55)}70%{box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 0 16px rgba(242,185,61,0)}100%{box-shadow:0 14px 38px rgba(0,0,0,.22),0 0 0 0 rgba(242,185,61,0)}}
.fin-sec .btn.btn-pulse{animation:btnPulseGold 2.6s ease-in-out infinite}
.finsub2{margin-top:12px;font-size:12px;color:rgba(255,255,255,.55)}

/* FOOTER */
footer{padding:24px 18px;text-align:center;font-size:11.5px;color:var(--muted);border-top:1px solid var(--border);background:var(--cream)}

/* STICKY MOBILE CTA */
.sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:10px 16px 14px;background:rgba(251,243,230,.97);backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:0 -6px 24px rgba(36,29,22,.09)}
.sticky .inn{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:5px}
.stprice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12.5px}
.stwas{text-decoration:line-through;color:var(--muted)}
.stnow{font-family:var(--df);font-size:18px;font-weight:800;color:var(--ink)}
.stpill{background:var(--teal);color:#fff;font-family:var(--bf);font-size:10px;font-weight:800;padding:2px 9px;border-radius:var(--rf)}
.stbtn{display:block;width:100%;background:linear-gradient(135deg,var(--coral) 0%,#F0A22E 100%);color:#fff!important;font-family:var(--bf);font-size:14.5px;font-weight:800;padding:14px;border-radius:var(--rf);text-align:center;border:none;cursor:pointer;box-shadow:0 10px 26px rgba(238,107,60,.4);text-decoration:none;animation:btnPulse 2.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.stbtn{animation:none}}
@media(max-width:768px){.sticky{display:none}body{padding-bottom:88px}}

/* SOCIAL PROOF POPUP */
.spp{position:fixed;bottom:22px;left:14px;z-index:8888;background:#fff;border-radius:13px;padding:10px 14px 10px 12px;box-shadow:0 4px 22px rgba(36,29,22,.14);display:flex;align-items:center;gap:10px;max-width:270px;width:calc(100vw - 28px);border-left:3px solid var(--teal);transform:translateY(18px);opacity:0;transition:opacity .38s,transform .38s;pointer-events:none}
.spp.vis{opacity:1;transform:translateY(0)}
.spav{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--teal-lt),var(--gold-lt));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.spc{flex:1;min-width:0}
.spn{font-family:var(--df);font-size:12px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spt{font-size:11px;color:var(--muted);margin-top:1px;line-height:1.3}
.spt strong{color:var(--teal);font-weight:700}
.sptm{font-size:10px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:3px}
.sptm::before{content:'✓';color:var(--teal);font-weight:800;font-size:9px}
.spx{position:absolute;top:5px;right:7px;background:none;border:none;cursor:pointer;font-size:13px;color:var(--muted);line-height:1;padding:0;pointer-events:auto}
@media(max-width:768px){.spp{bottom:100px;max-width:246px}}

/* ANIM */
@keyframes fup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fup .5s ease both}
.d1{animation-delay:.07s}.d2{animation-delay:.14s}.d3{animation-delay:.21s}.d4{animation-delay:.28s}
[data-r]{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
[data-r].vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.fu,[data-r]{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}}
.rr{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:var(--muted);font-weight:500}
.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mt24{margin-top:24px}