:root{
  --ink:#17141a;
  --muted:#29222e;
  --hot:#ff3f9e;
  --pink:#ee64a7;
  --glow:#ffc6e8;
  --pearl:#fffafb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#fffbfe;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
.landing{max-width:1440px;margin:0 auto;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 35% 11%,#fff 13%,#fffafa 34%,#fff8fd 72%,#fff 92%);position:relative}
.page-section{position:relative;z-index:1}
.hero{height:558px;position:relative;overflow:hidden;background:
  radial-gradient(ellipse at 83% 22%,rgba(255,202,230,.6),transparent 48%),
  radial-gradient(ellipse at 35% 4%,rgba(248,186,224,.28),transparent 33%),
  linear-gradient(160deg,#fff 2%,#fffafd 65%,#fff 100%)}
.hero-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 70% 48%,rgba(255,255,255,.03),transparent 90%)}
.hero-photo{position:absolute;right:0;top:36px;width:65%;height:430px;z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 100%),linear-gradient(to bottom,#000 0%,#000 83%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 100%);}
.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02);
  -webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
.brand-lockup{position:absolute;z-index:5;top:22px;left:4.35%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.wordmark{font-size:45px;font-weight:600;letter-spacing:1.8px;line-height:1;color:#111017;text-shadow:0 1px 1px white}
.brand-sparkle{font-size:25px;vertical-align:top;margin-left:2px;color:#ff65a9;filter:drop-shadow(0 0 7px #ffabd3)}
.brand-sub{display:flex;align-items:center;gap:12px;margin-left:2px;color:#1f1a23;font-size:13px;font-weight:600;letter-spacing:8px;white-space:nowrap}
.brand-rule{display:block;width:18px;height:2px;background:#ff65ac}
.hero-copy{position:absolute;z-index:4;top:126px;left:4.35%;width:450px}
.hero-copy h1{font-size:45px;line-height:1.05;letter-spacing:-1.7px;font-weight:860;margin:0;color:#17151b}
.hero-copy h1 em{font-style:italic;font-weight:820;letter-spacing:-1.5px;color:#d82476;text-shadow:0 0 16px rgba(255,206,236,.4)}
.heart-doodle{color:#f777b7;font-family:Georgia,serif;font-weight:400;font-size:53px;margin-left:18px;line-height:0;vertical-align:-6px;display:inline-block;transform:rotate(-11deg)}
.hero-copy p{font-size:17px;line-height:1.36;font-weight:450;color:#17121a;max-width:380px;margin:20px 0 23px;letter-spacing:-.25px}
.premium-button{transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}
.premium-button:hover{transform:translateY(-2px);filter:saturate(1.07)}
.premium-button:focus-visible{outline:3px solid #c6347f;outline-offset:5px}
.hero-cta{width:409px;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 26px 0 28px;border-radius:36px;border:2px solid rgba(255,238,249,.95);background:linear-gradient(177deg,#ffb7dc 0%,#fb76b8 27%,#f23a93 73%,#eb2585 100%);box-shadow:0 8px 0 -5px #ff9dca,0 12px 25px rgba(252,72,154,.28),0 0 30px rgba(255,104,172,.29),inset 0 3px 4px rgba(255,255,255,.78),inset 0 -5px 8px rgba(201,17,93,.18);font-size:22px;font-weight:800;color:#fff;letter-spacing:-.6px;white-space:nowrap}
.button-glint{position:absolute;top:2px;left:5px;width:28px;height:28px;background:radial-gradient(circle,#fff 0%,#fff 4%,transparent 67%);filter:drop-shadow(0 0 4px #fff);pointer-events:none;opacity:.9}
.button-glint:after{content:"";position:absolute;left:11px;top:-6px;width:2px;height:36px;background:linear-gradient(transparent,#fff,transparent);transform:rotate(34deg)}
.cta-arrow{width:28px;height:28px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.hero-stars{z-index:2;position:absolute;inset:0;pointer-events:none}
.sparkle{position:absolute;width:23px;height:23px;background:#fff;filter:drop-shadow(0 0 8px #ff76bb);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:twinkle 4s ease-in-out infinite alternate}
.s1{top:27px;left:30%;width:21px;height:21px}.s2{top:56px;left:34%;height:35px;width:35px}.s3{top:156px;left:35%;height:17px;width:17px}.s4{top:42px;right:4%;height:26px;width:26px}.s5{top:503px;right:10%;height:20px;width:20px}
@keyframes twinkle{from{opacity:.55;transform:scale(.75)}to{opacity:1;transform:scale(1.1)}}
.hero-ribbons{position:absolute;z-index:2;pointer-events:none;left:0;bottom:-1px;width:100%;height:133px;opacity:.95}
.benefits{padding:5px 4.1% 0}
.section-heading{margin:2px 0 26px;text-align:center;font-size:33px;font-weight:850;letter-spacing:-1.25px;line-height:1.12}
.heading-sparkle{display:inline-block;font-size:34px;color:#f8429a;margin:0 16px;font-weight:500;filter:drop-shadow(0 0 9px #ffbcdf);vertical-align:0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.benefit-card{height:195px;text-align:center;position:relative;border:1px solid #f9acd2;border-radius:25px;background:linear-gradient(115deg,rgba(255,240,248,.92),rgba(255,251,255,.97) 49%,rgba(255,229,244,.85));box-shadow:0 7px 14px rgba(196,103,153,.13),inset 0 0 13px rgba(255,255,255,.9),0 0 17px rgba(255,176,214,.19);padding:10px 18px 13px;overflow:hidden}
.benefit-card:before{content:"";position:absolute;inset:0;border-radius:25px;pointer-events:none;background:radial-gradient(ellipse 50% 36% at 6% 5%,rgba(255,255,255,.95),transparent 99%),radial-gradient(ellipse 50% 40% at 95% 97%,rgba(255,255,255,.8),transparent 90%)}
.benefit-card:after{content:"";position:absolute;inset:5px;border-radius:20px;border-left:3px solid rgba(255,255,255,.6);border-bottom:3px solid rgba(255,255,255,.7);pointer-events:none;filter:drop-shadow(0 0 4px #ffbbde);mask-image:linear-gradient(130deg,#000 8%,transparent 34%,transparent 71%,#000 93%)}
.benefit-icon-wrap{width:62px;height:62px;margin:0 auto 3px;position:relative;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff 3%,#ff9dcf 21%,#f443a0 65%,#f42f93 100%);box-shadow:0 0 1px 3px #ffd5ea,0 0 18px 4px rgba(255,87,165,.6),inset 0 2px 6px #fff}
.benefit-icon-wrap:before,.benefit-icon-wrap:after{content:"";position:absolute;width:22px;height:2px;background:#ff3899;top:29px;opacity:.65;box-shadow:0 0 6px #ff64b1}
.benefit-icon-wrap:before{right:76px;transform:rotate(15deg)}.benefit-icon-wrap:after{left:76px;transform:rotate(-15deg)}
.benefit-icon{height:46px;width:46px;stroke:white;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #fff);position:relative;z-index:1}
.benefit-card h3{position:relative;font-size:23px;font-weight:850;line-height:1.1;letter-spacing:-.8px;margin:10px 0 7px}
.benefit-card p{position:relative;margin:0 auto;max-width:26ch;font-size:17px;line-height:1.23;color:#211a25;letter-spacing:-.25px}
.members{padding:20px 4.1% 0}
.members-heading{display:flex;align-items:center;justify-content:center;gap:25px;font-size:35px;line-height:1.1;letter-spacing:-1.3px;font-weight:850;margin:0 0 23px}
.members-heading span{font-family:Georgia,serif;font-size:47px;color:#fa5daf;font-weight:400;line-height:.75;transform:rotate(-15deg)}
.members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.member-card{position:relative;margin:0;height:302px;min-width:0}
.member-card img{display:block;width:100%;height:276px;object-fit:cover;object-position:center top;border-radius:24px;box-shadow:0 7px 20px rgba(210,132,175,.12)}
.member-card figcaption{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);border:1px solid #fff;background:linear-gradient(110deg,#ffd9ef,#ffa9d6 55%,#fa8ecb);border-radius:999px;min-width:110px;text-align:center;padding:5px 18px 6px;font-size:22px;color:#18141a;box-shadow:0 4px 7px rgba(226,113,171,.18)}
.final-offer{padding:20px 12.4% 73px;min-height:296px;text-align:center;background:radial-gradient(ellipse 35% 80% at 0 100%,rgba(247,156,221,.44),transparent),radial-gradient(ellipse 35% 80% at 100% 100%,rgba(246,155,212,.51),transparent)}
.urgency{position:relative;display:flex;justify-content:center;align-items:center;gap:13px;margin:0 auto 15px;min-height:50px;width:100%;border-radius:999px;border:1px solid #ffa6d3;background:linear-gradient(120deg,rgba(255,248,252,.98),rgba(255,232,245,.88));box-shadow:0 5px 11px rgba(240,84,155,.13),inset 0 1px 3px #fff;color:#de2475;font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-.3px;padding:7px 20px}
.urgency b{font-weight:850}
.bolt{height:32px;width:27px;flex-shrink:0;fill:#ed358b;filter:drop-shadow(0 0 3px #ffa4d3)}
.final-offer h2{font-size:22px;line-height:1.25;letter-spacing:-.2px;font-weight:450;margin:0 0 20px;color:#201720}
.final-offer h2 span{font-weight:450}
.offer-cta{position:relative;display:flex;align-items:center;justify-content:space-evenly;gap:15px;width:100%;min-height:93px;padding:12px 25px;border:2px solid #ffe1f4;border-radius:31px;background:linear-gradient(175deg,#343137,#141216 52%,#070607 100%);box-shadow:inset 0 4px 7px rgba(255,255,255,.22),inset 0 -6px 8px rgba(0,0,0,.6),0 0 0 2px #ff94cb,0 8px 25px rgba(246,54,154,.3),0 0 29px rgba(255,80,160,.32);white-space:nowrap}
.offer-cta .button-glint{top:-2px;left:14px;width:34px;height:34px;filter:drop-shadow(0 0 9px #ff66ae)}
.offer-prefix{color:#fff;font-size:34px;font-weight:850;letter-spacing:-1px}
.offer-before{color:#a8a5aa;text-decoration-color:#ef5e9f;text-decoration-thickness:3px;text-decoration-line:line-through;font-size:30px;font-weight:800;letter-spacing:-.6px}
.offer-price{font-size:42px;font-weight:900;color:#ff83c2;text-shadow:0 0 12px rgba(255,83,159,.65),0 0 2px #fff;letter-spacing:-1.5px}
.offer-price span{font-size:.88em}
.offer-cta .cta-arrow{color:white;width:35px;height:35px;filter:drop-shadow(0 0 2px #fff)}
.closing-waves{position:absolute;z-index:-1;pointer-events:none;width:100%;height:130px;left:0;bottom:-5px;opacity:.9}
.offer-decoration{position:absolute;inset:0;pointer-events:none}.b1{bottom:90px;left:4%;width:20px;height:20px}.b2{top:14px;right:7%;height:17px;width:17px}.b3{bottom:65px;right:11%;height:27px;width:27px}
@media(max-width:1050px) and (min-width:701px){
  .hero-copy h1{font-size:clamp(38px,4.5vw,45px)}
  .hero-copy{width:44%}
  .hero-photo{width:65%}
  .offer-prefix{font-size:clamp(22px,3.3vw,34px)}
  .offer-before{font-size:clamp(21px,3vw,30px)}
  .offer-price{font-size:clamp(29px,4vw,42px)}
  .offer-cta{gap:8px;padding-left:17px;padding-right:17px}
}
@media(max-width:700px){
  .landing{max-width:100%;background:linear-gradient(180deg,#fff8fc,#fff 34%,#fff7fd 100%)}
  .hero{height:auto;min-height:0;padding:14px 15px 43px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(ellipse 85% 22% at 50% 5%,rgba(255,215,239,.66),transparent 75%),linear-gradient(#fff9fd,#fffdfd)}
  .brand-lockup{position:relative;left:auto;top:auto;order:0;align-items:center;gap:3px;margin:0 auto 10px}
  .wordmark{font-size:39px;font-weight:740}
  .brand-sparkle{font-size:24px}
  .brand-sub{font-size:10px;letter-spacing:5px;gap:10px}
  .brand-rule{width:14px}
  .hero-photo{position:relative;z-index:1;order:1;top:auto;right:auto;width:100%;height:auto;aspect-ratio:650/414;max-height:350px;background:#fff4fb;border-radius:25px;overflow:hidden;box-shadow:0 5px 26px rgba(216,148,185,.16);border:1px solid #f3dbe6;-webkit-mask-image:none;mask-image:none}
  .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:none;mask-image:none}
  .hero-copy{position:relative;z-index:3;order:2;top:auto;left:auto;width:100%;text-align:center;padding:24px 4px 0}
  .hero-copy h1{position:relative;font-size:clamp(32px,9.1vw,46px);line-height:1.02;letter-spacing:-1.6px}
  .desktop-break{display:none}
  .heart-doodle{position:absolute;right:7px;bottom:-20px;font-size:35px;margin-left:0;vertical-align:0}
  .hero-copy p{max-width:31ch;margin:32px auto 20px;font-size:14.5px;line-height:1.5;letter-spacing:-.13px;color:#38303b}
  .hero-cta{max-width:420px;width:100%;min-height:60px;font-size:clamp(15px,4.5vw,19px);padding:0 16px 0 20px;justify-content:space-between}
  .hero-cta .cta-arrow{width:25px;height:25px}
  .hero-stars{z-index:3}.s1{left:8%;top:30px}.s2{left:auto;right:7%;top:88px}.s3{top:240px;left:1%}.s4{top:20px;right:23%}.s5{top:auto;bottom:35px;right:6%}
  .hero-ribbons{height:80px;bottom:-14px}
  .benefits{padding:12px 15px 0}
  .section-heading{font-size:clamp(22px,5.5vw,29px);line-height:1.18;margin:4px 0 20px;letter-spacing:-.9px}
  .heading-sparkle{font-size:21px;margin:0 4px}
  .benefit-grid{display:grid;grid-template-columns:1fr;gap:12px}
  .benefit-card{height:auto;min-height:103px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;text-align:left;padding:14px 17px 15px;border-radius:21px}
  .benefit-card:after{border-radius:17px}
  .benefit-icon-wrap{grid-row:1/3;grid-column:1;width:52px;height:52px;align-self:center;margin:0;border-radius:15px}
  .benefit-icon{width:39px;height:39px}
  .benefit-icon-wrap:before,.benefit-icon-wrap:after{display:none}
  .benefit-card h3{grid-column:2;grid-row:1;font-size:19px;letter-spacing:-.6px;margin:0 0 5px}
  .benefit-card p{grid-column:2;grid-row:2;font-size:13px;line-height:1.4;letter-spacing:0;margin:0;max-width:unset}
  .members{padding:28px 15px 0}
  .members-heading{font-size:30px;gap:12px;margin:0 0 18px}
  .members-heading span{font-size:36px}
  .members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}
  .member-card{height:auto;padding-bottom:17px}
  .member-card img{height:auto;aspect-ratio:233/263;border-radius:18px;object-fit:cover}
  .member-card figcaption{bottom:1px;min-width:78px;font-size:17px;padding:3px 13px 4px}
  .final-offer{padding:31px 14px 87px;min-height:0}
  .urgency{border-radius:20px;font-size:12px;padding:9px 11px;gap:8px;min-height:0;margin-bottom:17px}
  .bolt{width:15px;height:21px}
  .final-offer h2{font-size:17px;line-height:1.35;margin:0 0 17px}
  .offer-cta{height:70px;min-height:70px;gap:5px;padding:8px 11px;border-radius:19px}
  .offer-prefix{font-size:clamp(14px,4.2vw,19px);letter-spacing:-.7px}
  .offer-before{font-size:clamp(13px,3.7vw,17px)}
  .offer-price{font-size:clamp(20px,6vw,27px);letter-spacing:-.7px}
  .offer-cta .cta-arrow{width:24px;height:24px}
  .closing-waves{height:98px}
}
@media(max-width:370px){
  .hero{padding-left:12px;padding-right:12px}
  .hero-copy h1{font-size:32px}
  .hero-cta{font-size:15px}
  .offer-cta{gap:4px;padding-left:8px;padding-right:8px}
  .offer-prefix{font-size:13px}.offer-before{font-size:12px}.offer-price{font-size:20px}
  .offer-cta .cta-arrow{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}