:root{
  --plum:#7F254B; --plum-deep:#4A1530; --plum-soft:#A8577A;
  --cream:#FDFBF8; --linen:#F3EDE6; --blush:#F6E4DA;
  --peach:#E0C3A5; --peach-lt:#EBD5BE; --orange:#CE4413;
  --ink:#2A1A20; --lp-muted:#6D5A60; --line:rgba(127,37,75,.16);
  --lp-radius:22px;
  --f-head:"Outfit",system-ui,sans-serif;
  --f-body:"Nunito Sans",system-ui,sans-serif;
  --f-display:"Anton",Impact,sans-serif;
  --f-serif:"Cormorant Garamond",Georgia,serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
section,.marquee{overflow-x:clip}
body{overflow-x:clip;background:var(--cream);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.kicker{font-family:var(--f-head);font-weight:600;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--plum)}
h1,h2,h3{font-family:var(--f-head);font-weight:500;line-height:1.08;letter-spacing:-.01em}
h2{font-size:clamp(34px,5.2vw,60px)}
h2 em,.serif{font-family:var(--f-serif);font-style:italic;font-weight:500;color:var(--plum)}
.lead{color:var(--lp-muted);font-size:clamp(17px,1.6vw,19px);max-width:640px}
.center{text-align:center}.center .lead{margin-inline:auto}
section{position:relative}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-head);font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:16px 30px;border-radius:999px;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer;border:0}
.btn-plum{background:var(--plum);color:#fff;box-shadow:0 10px 30px -10px rgba(127,37,75,.6)}
.btn-plum:hover{transform:translateY(-3px);background:var(--plum-deep)}
.btn-ghost{border:1.5px solid var(--plum);color:var(--plum);background:transparent}
.btn-ghost:hover{background:var(--plum);color:#fff}
.btn svg{width:18px;height:18px}

/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:20;padding:20px 0}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-family:var(--f-head);font-weight:600;letter-spacing:.22em;font-size:15px;color:var(--plum-deep)}
.logo{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1}
.logo img{height:36px;width:auto;display:block}
footer .logo img{height:40px}
.logo .script{display:block;font-family:"Great Vibes",cursive;font-style:normal;font-weight:400;letter-spacing:0;font-size:30px;color:var(--plum);margin:-8px 2px 0 0;text-transform:none}
.nav-links{display:flex;gap:28px;font-family:var(--f-head);font-size:14px;color:var(--plum-deep)}
.nav-links a:hover{color:var(--plum)}
.nav .btn{padding:10px 20px;font-size:13px}

/* HERO */
.hero{background:radial-gradient(ellipse at 55% 45%,#E3C9A6 0%,#C6AB8B 45%,#BBA083 100%);min-height:min(100vh,900px);overflow:hidden;display:flex;flex-direction:column}
.hero-photo{position:absolute;top:0;bottom:0;left:50%;width:min(640px,46vw);transform:translateX(-46%);z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.hero-photo{overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 6%;transform-origin:50% 70%;animation:heroFloat 4.2s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:scale(1.04) translateY(0) rotate(0)}50%{transform:scale(1.065) translateY(-8px) rotate(-.6deg)}}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(187,160,131,0) 70%,rgba(187,160,131,.55) 100%)}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero-inner{position:relative;z-index:3;flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:start;padding-top:120px}
.hero-left{max-width:520px}
.hero-left .kicker{display:inline-block;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);padding:7px 14px;border-radius:999px;margin-bottom:18px;font-size:11px}
.hero h1{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(38px,4.1vw,58px);line-height:1.02;color:var(--plum-deep);letter-spacing:.005em}
.hero h1 .hlw{color:var(--plum)}
.hero h1 .hlw>i{position:relative}
.hero h1 .hlw>i::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.14em;background:var(--orange);border-radius:6px;transform:scaleX(0);transform-origin:left;animation:draw .45s cubic-bezier(.2,.8,.2,1) var(--d,1.5s) forwards;z-index:-1;opacity:.85}
@keyframes draw{to{transform:scaleX(1)}}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.04em}
.hero h1 .w>i{display:inline-block;font-style:normal;transform:translateY(105%);animation:rise .75s cubic-bezier(.2,.8,.2,1) forwards}
.hook{display:inline-flex;align-items:center;gap:10px;background:rgba(253,251,248,.75);backdrop-filter:blur(6px);border:1px solid rgba(127,37,75,.18);padding:8px 16px 8px 12px;border-radius:999px;margin-bottom:18px;font-family:var(--f-head);font-weight:600;font-size:14px;color:var(--plum-deep);min-height:38px;animation:hookIn .6s ease both}
.hook-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(206,68,19,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(206,68,19,0)}100%{box-shadow:0 0 0 0 rgba(206,68,19,0)}}
@keyframes hookIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.hook-txt{display:inline-block;transition:opacity .35s,transform .35s}
.hook-txt.out{opacity:0;transform:translateY(-8px)}
.hero-sub{margin:16px 0 26px;font-family:var(--f-head);font-size:17px;color:var(--plum-deep);line-height:1.45}
.hero-sub b{display:block;font-size:20px;font-weight:600;letter-spacing:.02em}
.proof{display:flex;align-items:center;gap:12px;margin-top:28px;font-family:var(--f-head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum-deep)}
.proof-dots{display:flex}
.proof-dots i{width:34px;height:34px;border-radius:50%;border:2px solid var(--cream);margin-left:-10px;display:grid;place-items:center;font-style:normal;font-size:15px}
.proof-dots i:first-child{margin-left:0;background:var(--plum);color:#fff}
.proof-dots i:nth-child(2){background:var(--orange);color:#fff}
.proof-dots i:nth-child(3){background:var(--cream);color:var(--plum)}
.hero-right{justify-self:end;text-align:right;max-width:300px;padding-top:40px}
.pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:16px}
.pill{font-family:var(--f-head);font-size:12px;font-weight:500;padding:7px 14px;border-radius:999px;background:var(--cream);color:var(--plum);border:1px solid var(--line)}
.pill.hot{background:var(--plum);color:#fff;border-color:var(--plum)}
.hero-right p{font-family:var(--f-head);font-size:14px;color:var(--plum-deep);line-height:1.5}
.giant{position:relative;z-index:2;font-family:var(--f-display);text-transform:uppercase;color:var(--plum);font-size:clamp(64px,14.6vw,230px);line-height:.8;text-align:center;letter-spacing:-.005em;white-space:nowrap;margin-bottom:-.06em;text-shadow:0 10px 40px rgba(253,251,248,.35);pointer-events:none}
.giant span{display:inline-block;transform:translateY(110%);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes rise{to{transform:translateY(0)}}

/* floating illustrations */
.float{position:absolute;z-index:4;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(74,21,48,.18))}
.f1{top:52%;right:20%;width:50px;animation:bob 6s ease-in-out infinite}
.f2{top:50%;right:5%;width:70px;animation:bob 7s ease-in-out infinite reverse}
.f3{top:12%;left:46%;width:44px;animation:spin 14s linear infinite}
.f4{bottom:24%;left:2.5%;width:40px;animation:bob 5.5s ease-in-out infinite .6s}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(6deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
.spark{position:absolute;z-index:4;width:18px;height:18px;pointer-events:none;animation:twinkle 2.6s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}

/* marquee */
.marquee{background:var(--plum);color:var(--cream);overflow:hidden;padding:16px 0;position:relative;z-index:5}
.marquee-track{display:flex;width:max-content;animation:marq 28s linear infinite}
.marquee span{font-family:var(--f-head);font-size:15px;letter-spacing:.2em;text-transform:uppercase;padding:0 26px;display:flex;align-items:center;gap:26px;white-space:nowrap}
.marquee span::after{content:"✦";color:var(--peach)}
@keyframes marq{to{transform:translateX(-50%)}}

/* INTRO */
.intro{padding:110px 0 90px;overflow:hidden}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.intro h2{margin:14px 0 22px}
.facts{display:grid;gap:14px}
.fact{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--lp-radius);padding:20px 22px;transition:transform .3s}
.fact:hover{transform:translateX(6px)}
.fact .ico{width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--blush)}
.fact .ico svg{width:28px;height:28px}
.fact small{display:block;font-family:var(--f-head);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--lp-muted)}
.fact strong{font-family:var(--f-head);font-size:24px;font-weight:600;color:var(--plum-deep)}

/* HANDS */
.hands{background:var(--linen);padding:110px 0}
.hands h2{margin:14px 0 18px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.card{background:#fff;border-radius:18px;padding:34px 32px 38px;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-8px);box-shadow:0 24px 50px -24px rgba(74,21,48,.35)}
.card .num{position:absolute;top:22px;right:26px;font-family:var(--f-head);font-weight:300;font-size:58px;line-height:1;color:transparent;-webkit-text-stroke:1px #D9CFC6}
.card h3{font-family:var(--f-serif);font-size:28px;font-weight:600;margin:46px 0 14px;color:var(--ink)}
.card p{color:var(--lp-muted);font-size:16px}
.card .illus{width:56px;height:56px;position:absolute;top:24px;left:30px}

/* BEFORE AFTER */
.reveal-sec{padding:110px 0;background:var(--cream)}
.ba-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.ba-copy h2{margin:14px 0 20px}
.ba-copy blockquote{margin-top:28px;padding:22px 26px;border-left:3px solid var(--plum);background:var(--blush);border-radius:0 16px 16px 0;font-family:var(--f-serif);font-style:italic;font-size:24px;line-height:1.3;color:var(--plum-deep)}
.ba{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;cursor:ew-resize;user-select:none;touch-action:pan-y;box-shadow:0 40px 80px -40px rgba(74,21,48,.45)}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba .after-wrap{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos,50%))}
.ba .handle{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:3px;background:#fff;transform:translateX(-50%)}
.ba .knob{position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:var(--plum);transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.5)}
.ba .knob svg{width:26px;height:26px}
.ba .tag{position:absolute;top:18px;font-family:var(--f-head);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.85);color:var(--plum-deep)}
.ba .tag.l{left:18px}.ba .tag.r{right:18px;background:var(--plum);color:#fff}
.ba-hint{margin-top:14px;text-align:center;font-family:var(--f-head);font-size:13px;color:var(--lp-muted);letter-spacing:.08em}

/* TRAINER */
.trainer{background:var(--plum-deep);color:var(--cream);padding:120px 0;overflow:hidden}
.trainer::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(206,68,19,.35),transparent 65%);top:-200px;right:-160px}
.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative}
.arch{position:relative;max-width:460px;margin-inline:auto}
.arch-frame{border-radius:240px 240px 26px 26px;overflow:hidden;background:var(--peach);aspect-ratio:4/5;position:relative;z-index:2}
.arch-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.arch-ring{position:absolute;inset:-18px;border:1.5px solid rgba(253,251,248,.35);border-radius:260px 260px 40px 40px;z-index:1;animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.025)}}
.badge-round{position:absolute;right:-28px;bottom:60px;width:132px;height:132px;z-index:3;animation:spin 18s linear infinite}
.badge-round .core{position:absolute;inset:0;display:grid;place-items:center}
.tr-copy .kicker{color:var(--peach)}
.tr-copy h2{color:#fff;margin:14px 0 6px}
.tr-copy h2 em{color:var(--peach)}
.tr-role{font-family:var(--f-head);letter-spacing:.2em;text-transform:uppercase;font-size:14px;color:var(--peach-lt);margin-bottom:24px}
.tr-copy p{color:rgba(253,251,248,.82);margin-bottom:16px}
.tr-list{list-style:none;display:grid;gap:10px;margin:22px 0 30px}
.tr-list li{display:flex;gap:12px;align-items:flex-start}
.tr-list li::before{content:"✦";color:var(--orange);font-size:14px;margin-top:3px}
.trainer .btn-plum{background:var(--cream);color:var(--plum-deep)}
.trainer .btn-plum:hover{background:var(--peach)}

.tr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}
@media (max-width:1100px){.tr-stats{grid-template-columns:repeat(2,1fr)}}
.tr-stats div{border:1px solid rgba(253,251,248,.2);border-radius:16px;padding:16px 12px;text-align:center;background:rgba(253,251,248,.04)}
.tr-stats strong{display:block;font-family:var(--f-display);font-weight:400;font-size:30px;color:var(--peach);line-height:1.1}
.tr-stats small{font-size:12px;letter-spacing:.06em;color:rgba(253,251,248,.75)}
.tr-quote{font-family:var(--f-serif);font-style:italic;font-size:23px;line-height:1.35;color:#fff;border-left:2px solid var(--orange);padding-left:18px;margin-bottom:30px}
.tr-quote cite{display:block;font-family:var(--f-body);font-style:normal;font-size:13px;letter-spacing:.08em;color:var(--peach-lt);margin-top:8px}

/* GALLERY (inside trainer) */
.gal-wrap{margin-top:110px;position:relative}
.gal-wrap h2{color:#fff;margin-top:12px}.gal-wrap h2 em{color:var(--peach)}.gal-wrap .kicker{color:var(--peach)}
.gal{columns:3 240px;column-gap:16px;margin-top:46px}
.g{position:relative;border-radius:20px;overflow:hidden;background:#2a0f1d;break-inside:avoid;margin:0 0 16px;display:block}
.g img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.g:hover img{transform:scale(1.07)}
.g::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(42,15,29,.55));pointer-events:none}
.g figcaption{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--f-head);font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:rgba(253,251,248,.9);color:var(--plum-deep);padding:6px 12px;border-radius:999px}
.g:nth-child(2){transition-delay:.08s}.g:nth-child(3){transition-delay:.16s}.g:nth-child(4){transition-delay:.24s}.g:nth-child(5){transition-delay:.32s}

/* NONA */
.nona{margin-top:90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;background:linear-gradient(135deg,rgba(253,251,248,.08),rgba(253,251,248,.02));border:1px solid rgba(253,251,248,.18);border-radius:32px;padding:34px;position:relative}
.nona-img{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.nona-img img{width:100%;height:auto;display:block}
.nona-badge{position:absolute;top:16px;left:16px;background:var(--orange);color:#fff;font-family:var(--f-head);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:999px;animation:bob 4s ease-in-out infinite}
.nona-copy .kicker{color:var(--peach)}
.nona-copy h3{font-size:clamp(30px,3.6vw,46px);font-weight:500;color:#fff;margin:12px 0 16px}
.nona-copy h3 em{font-family:var(--f-serif);font-style:italic;color:var(--peach)}
.nona-copy p{color:rgba(253,251,248,.82)}
.nona-copy p b{color:#fff}
.nona-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.nona-stats div{border-top:1px solid rgba(253,251,248,.25);padding-top:12px}
.nona-stats strong{display:block;font-family:var(--f-display);font-weight:400;font-size:28px;color:var(--peach)}
.nona-stats small{font-size:12px;color:rgba(253,251,248,.7)}
.nona-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--cream);border-bottom:1.5px solid var(--orange);padding-bottom:4px}
.nona-link svg{width:16px;height:16px;transition:transform .3s}.nona-link:hover svg{transform:translate(3px,-3px)}

/* AWARDS (inside trainer) */
.aw-wrap{position:relative;margin-top:110px}
.aw-wrap .kicker{color:var(--peach)}
.aw-wrap h2{color:#fff;margin-top:12px}
.aw-wrap h2 em{color:var(--peach)}
.aw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.aw{background:transparent;border:0;border-radius:24px;padding:10px 12px;transition:transform .35s}
.aw:hover{transform:translateY(-6px)}
.aw img{width:200px;height:200px;object-fit:contain;margin:0 auto 18px;animation:bob 6s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.aw img.cert{width:auto;height:200px;border-radius:6px;filter:none;box-shadow:0 18px 34px -12px rgba(0,0,0,.55)}
.aw:nth-child(2) img{animation-delay:-2s}.aw:nth-child(3) img{animation-delay:-4s}
.aw figcaption{font-family:var(--f-head);font-size:17px;color:var(--cream)}
.logo-marq{margin-top:26px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logo-track{display:flex;gap:28px;width:max-content;animation:marq 14s linear infinite;padding:10px 0}
.logo-track img{height:140px;width:auto;background:#fff;border-radius:20px;padding:16px 26px;box-shadow:0 14px 30px -18px rgba(0,0,0,.5);transition:transform .3s}
.logo-track img:hover{transform:scale(1.05)}

/* DETAILS */
.details{padding:110px 0 80px}
.det-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.det{border-radius:var(--lp-radius);padding:36px 30px;text-align:center;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}
.det::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:80%;background:radial-gradient(ellipse,var(--blush),transparent 70%);z-index:0}
.det>*{position:relative;z-index:1}
.det .ico{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--plum);display:grid;place-items:center}
.det .ico svg{width:30px;height:30px}
.det small{font-family:var(--f-head);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--lp-muted)}
.det strong{display:block;font-family:var(--f-head);font-size:34px;font-weight:600;color:var(--plum-deep);margin-top:4px}

.det .ico.zoom{background:none}
.det .ico.zoom svg{width:64px;height:64px}
.det-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;text-align:left}
.feat{display:flex;gap:14px;align-items:flex-start;background:var(--blush);border-radius:18px;padding:20px}
.feat b{display:block;font-family:var(--f-head);font-size:17px;color:var(--plum-deep)}
.feat small{font-size:14.5px;color:var(--lp-muted);line-height:1.5;display:block}
.feat .chk{width:30px;height:30px}

.det-grid2{margin-top:20px}
.det .ico.ill{width:124px;height:124px;margin:0 auto 18px;background:radial-gradient(circle at 32% 28%,#fff 0%,var(--blush) 55%,var(--peach-lt) 100%);border-radius:42% 58% 55% 45%/48% 42% 58% 52%;animation:blob 8s ease-in-out infinite;position:relative;box-shadow:0 18px 30px -18px rgba(127,37,75,.45)}
.det:nth-child(2) .ico.ill{animation-delay:-2s}.det:nth-child(3) .ico.ill{animation-delay:-4s}
.det .ico.ill svg{width:100px;height:100px;overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.det:hover .ico.ill svg{transform:scale(1.12) rotate(-4deg)}
@keyframes blob{0%,100%{border-radius:42% 58% 55% 45%/48% 42% 58% 52%}50%{border-radius:58% 42% 45% 55%/42% 58% 42% 58%}}
.a-swing{transform-origin:12px 36px;animation:swing 2.4s ease-in-out infinite}
@keyframes swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.a-coin{animation:hop 1.2s ease-in-out infinite}
@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.a-tw{transform-box:fill-box;transform-origin:center;animation:twinkle 2s ease-in-out infinite}
.a-min{transform-origin:40px 44px;animation:spin 3s linear infinite}
.a-hr{transform-origin:40px 44px;animation:spin 36s linear infinite}
.a-blink{animation:blinkLive 1.2s steps(2,start) infinite}
@keyframes blinkLive{to{opacity:.35}}
.a-cam{animation:hop 2s ease-in-out infinite}
.a-glow{animation:glow 2.4s ease-in-out infinite}
@keyframes glow{50%{fill:#5AA7FF}}
.a-globe{transform-origin:36px 46px;animation:sway 4s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.a-sig{animation:sig 1.5s ease-in-out infinite}.a-sig.s2{animation-delay:.2s}.a-sig.s3{animation-delay:.4s}
@keyframes sig{0%,100%{opacity:.15}50%{opacity:1}}
.a-paint{stroke-dasharray:90;stroke-dashoffset:90;animation:paint 2.6s ease-in-out infinite}
@keyframes paint{0%{stroke-dashoffset:90}55%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-90}}
.a-brush{animation:brushMove 2.6s ease-in-out infinite}
@keyframes brushMove{0%{transform:translate(-26px,22px)}55%,80%{transform:translate(18px,14px)}100%{transform:translate(-26px,22px)}}
.a-peek{animation:peek 1.8s ease-in-out infinite}.a-peek2{animation:peek 1.8s ease-in-out .5s infinite}
@keyframes peek{0%,100%{transform:translateY(6px)}50%{transform:translateY(-4px)}}

/* LEARN */
.learn{padding:40px 0 110px}
.mods{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:54px}
.mod{background:#fff;border:1px solid var(--line);border-radius:var(--lp-radius);padding:30px;display:grid;grid-template-columns:auto 1fr;gap:22px;transition:border-color .3s,transform .3s}
.mod:hover{border-color:var(--plum);transform:translateY(-4px)}
.mod .n{width:62px;height:62px;border-radius:18px;background:var(--blush);display:grid;place-items:center;font-family:var(--f-display);font-size:28px;color:var(--plum);position:relative}
.mod:hover .n{background:var(--plum);color:#fff}
.mod h3{font-size:21px;font-weight:600;color:var(--plum-deep);margin-bottom:10px}
.mod ul{list-style:none;display:grid;gap:6px}
.mod li{padding-left:22px;position:relative;color:var(--lp-muted);font-size:16px}
.mod li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--plum)}

/* GET */
.get{background:var(--blush);padding:110px 0;overflow:hidden}
.get-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.get-list{list-style:none;display:grid;gap:14px}
.get-list li{display:flex;gap:16px;align-items:center;background:var(--cream);border-radius:16px;padding:18px 20px;font-weight:600;color:var(--ink)}
.chk{flex:none;width:34px;height:34px;border-radius:50%;background:var(--plum);display:grid;place-items:center}
.chk svg{width:16px;height:16px}
.get-illus{position:relative;aspect-ratio:1/1;max-width:440px;margin-inline:auto;width:100%}

/* WHO */
.who{padding:110px 0}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.who-card{border-radius:20px;padding:26px;background:var(--linen);transition:background .3s,color .3s,transform .3s}
.who-card:hover{background:var(--plum);color:#fff;transform:translateY(-6px)}
.who-card:hover p{color:rgba(255,255,255,.85)}
.who-card:hover .emoji{background:rgba(255,255,255,.18)}
.who-card .emoji{width:50px;height:50px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:16px;transition:background .3s}
.who-card h3{font-size:19px;font-weight:600;margin-bottom:8px}
.who-card p{font-size:15px;color:var(--lp-muted);line-height:1.55;transition:color .3s}
.pain{margin-top:80px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.pain h3{font-size:clamp(28px,3.4vw,40px);font-weight:500}
.pain ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pain li{display:flex;gap:12px;align-items:flex-start;font-size:16px;padding:14px 16px;border-radius:14px;background:var(--cream)}
.pain li b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:13px;margin-top:1px}

/* STATEMENT */
.statement{background:var(--plum);color:var(--cream);padding:90px 0;overflow:hidden;text-align:center}
.statement h2{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(40px,7vw,96px);line-height:.98;letter-spacing:.005em}
.statement h2 span{color:var(--peach)}
.statement p{margin:22px auto 0;max-width:620px;color:rgba(253,251,248,.85);font-size:18px}

/* PRICE */
.price-sec{padding:120px 0;background:linear-gradient(180deg,var(--cream),var(--linen))}
.price-card{max-width:560px;margin:50px auto 0;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 50px 90px -50px rgba(74,21,48,.55);position:relative}
.price-top{background:#7F254B;color:var(--cream);padding:40px 40px 34px;text-align:center;position:relative;overflow:hidden}
.price-top::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);animation:shine 4s ease-in-out infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.price-top .kicker{color:var(--peach)}
.price-top h3{font-size:26px;font-weight:500;margin:10px 0 18px}
.amount{font-family:var(--f-head);font-weight:700;line-height:1;display:flex;justify-content:center;align-items:flex-start;gap:6px;color:#E52535}
.amount sup{font-size:26px;margin-top:12px;font-weight:500}
.amount .big{font-size:92px}
.per{font-family:var(--f-head);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--peach-lt);margin-top:8px}
.price-body{padding:34px 40px 40px}
.price-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.price-body ul{list-style:none;display:grid;gap:14px;margin-bottom:32px}
.price-body li{display:flex;gap:14px;align-items:flex-start}
.price-body li .chk{width:26px;height:26px}
.price-body li .chk svg{width:13px;height:13px}
.price-body .btn{width:100%;justify-content:center;font-size:16px;padding:20px}
.secure{text-align:center;margin-top:14px;font-size:13px;color:var(--lp-muted)}
.ribbon{position:absolute;top:22px;right:-44px;transform:rotate(45deg);background:var(--orange);color:#fff;font-family:var(--f-head);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:6px 50px;z-index:3}

/* FINAL */
.final{background:var(--peach);padding:110px 0 120px;overflow:hidden;text-align:center}
.final h2{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(48px,9vw,130px);line-height:.92;color:var(--plum-deep)}
.final h2 span{color:#fff}
.final p{margin:20px auto 34px;max-width:520px;color:var(--plum-deep)}
footer{background:var(--plum-deep);color:rgba(253,251,248,.7);padding:34px 0 110px;font-size:14px;text-align:center}
footer .logo{color:var(--cream);margin-bottom:10px}
footer .logo .script{color:var(--peach)}
.socials{display:flex;gap:18px;justify-content:center;margin:14px 0}
.socials a:hover{color:#fff}

/* sticky mobile cta */
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;align-items:center;justify-content:space-between;gap:12px;background:var(--plum-deep);color:#fff;border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 20px 40px -12px rgba(0,0,0,.4);transform:translateY(140%);transition:transform .4s}
.sticky.show{transform:none}
.sticky b{font-family:var(--f-head);font-size:20px}
.sticky small{display:block;font-size:11px;opacity:.75;letter-spacing:.1em;text-transform:uppercase}
.sticky .btn{padding:13px 20px;font-size:13px;background:var(--cream);color:var(--plum-deep)}

/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.l{transform:translateX(-40px)}.rv.r{transform:translateX(40px)}
.rv.l.in,.rv.r.in{transform:none}

/* RESPONSIVE */
@media (max-width:960px){
  .nav-links{display:none}
  .nav .logo img{height:28px}
  .nav .logo .script{font-size:24px}
  .hero{min-height:auto;background:#C0A486}
  .hero-photo{position:relative;order:2;height:auto;left:auto;width:100%;transform:none;aspect-ratio:1/1.08;margin-top:calc(8px - 23vw);z-index:1;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%)}
  .hero-photo img{object-position:50% 4%;transform-origin:50% 0;animation:heroFloatM 4.2s ease-in-out infinite}
  @keyframes heroFloatM{0%,100%{transform:scale(1.02)}50%{transform:scale(1.05) translateY(5px) rotate(-.5deg)}}
  .hero-photo::after{background:linear-gradient(180deg,rgba(192,164,134,0) 80%,rgba(187,160,131,.6) 100%)}
  .hero-inner{order:1;grid-template-columns:1fr;padding-top:96px;text-align:center}
  .hero-left{max-width:none}
  .hero h1{font-size:clamp(36px,10vw,60px)}
  .hook{font-size:13px}
  .hero-sub{margin:14px auto 22px}
  .proof{justify-content:center}
  .hero-right{display:none}
  .giant{order:3;margin-top:-.92em;font-size:15.6vw}
  .f1{top:auto;bottom:20%;left:5%;width:34px}
  .f2{top:auto;bottom:22%;right:5%;width:40px}
  .f3{display:none}
  .f4{display:none}
  .hero .spark{display:none}
  .proof{font-size:11px;letter-spacing:.1em;text-align:left;margin-top:18px}
  .rv.l,.rv.r{transform:translateY(34px)}
  .intro-grid,.ba-grid,.tr-grid,.get-grid,.pain{grid-template-columns:1fr;gap:40px}
  .cards3,.det-grid,.mods,.det-feats{grid-template-columns:1fr}
  .aw-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}
  .aw{padding:16px 8px 14px;border-radius:16px}
  .aw img{width:100%;height:auto;aspect-ratio:1/1;max-width:110px;margin-bottom:10px}
  .aw img.cert{width:auto;height:110px;aspect-ratio:auto;max-width:100%}
  .aw figcaption{font-size:12px;line-height:1.3}
  .logo-track img{height:100px;padding:12px 18px}
  .aw-wrap{margin-top:80px}
  .gal-wrap{margin-top:80px}
  .gal{columns:2;column-gap:10px;margin-top:30px}
  .g{margin-bottom:10px}
  .g{border-radius:14px}
  .g figcaption{font-size:9px;left:10px;bottom:10px;padding:5px 9px}
  .nona{grid-template-columns:1fr;gap:26px;padding:18px;margin-top:60px;border-radius:24px}
  .nona-stats strong{font-size:22px}
  .tr-stats strong{font-size:24px}
  .tr-stats small{font-size:11px}
  .pain{padding:30px 22px}
  .pain ul{grid-template-columns:1fr}
  .badge-round{right:-6px;width:110px;height:110px}
  .get-illus{max-width:300px;order:-1}
  .who-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .who-card{padding:18px 16px}
  .who-card .emoji{width:42px;height:42px;font-size:20px;margin-bottom:12px}
  .who-card h3{font-size:16px;line-height:1.25}
  .who-card p{font-size:13.5px;line-height:1.5}
  .sticky{display:flex}
}
@media (max-width:560px){
  body{font-size:16px}
  .intro,.hands,.reveal-sec,.trainer,.details,.get,.who,.price-sec,.final{padding-block:76px}
  .learn{padding-bottom:76px}
  .mod{grid-template-columns:1fr;padding:24px}
  .price-top,.price-body{padding-inline:24px}
  .amount .big{font-size:76px}
  .card{padding:30px 24px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  .giant span{transform:none}
}

::selection{background:rgba(127,37,75,.25);color:inherit}

.price-poster{position:relative;margin:0 0 24px;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px -12px rgba(127,37,75,.35);border:1px solid rgba(127,37,75,.15);background:var(--linen)}
.price-poster img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover}
.price-date-badge{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px;background:var(--blush);padding:14px 18px;border-radius:18px;border:1px solid var(--line)}
.price-date-item{display:flex;align-items:center;gap:10px}
.price-date-item svg{width:22px;height:22px;flex:none;color:var(--plum)}
.price-date-item small{display:block;font-family:var(--f-head);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-muted)}
.price-date-item strong{font-family:var(--f-head);font-size:15px;color:var(--plum-deep);line-height:1.2;font-weight:700}
@media (max-width:520px){.price-date-badge{grid-template-columns:1fr;gap:10px}}