/* ==========================================================
   DESKTOP = the designer's Figma frame "Desktop - 1" (1440px wide).
   Values read from the Figma file (17.10.2026). Loaded only above 820px.
   Content sits in a centred 1440 box; below 1440 the page is scaled
   down (zoom script in index.html) so it keeps her exact layout.
   ========================================================== */

/* ---------- TOP BAR (Figma: 0-49, #F5F5F5 @60% over the photo) ---------- */
.nav{background:rgba(245,245,245,.6);height:49px;display:block}
.nav-in{position:relative;width:1440px;max-width:none;height:49px;margin:0 auto;padding:0;display:block}
.nav-brand{position:absolute;left:37px;top:7px;font-size:14px;font-weight:400;line-height:38px;letter-spacing:0;color:#000}
.nav-links{position:absolute;left:1006px;top:7px;width:373px;display:flex;justify-content:center;gap:7.4px;font-size:14px;line-height:38px}
.nav-links a,.nav-links span{color:rgba(0,0,0,.73);opacity:1}
.nav-join{font-weight:400}

/* ---------- HERO (Figma: photo 0-691, strip 689-813) ---------- */
.hero{display:block;position:relative;height:689px;min-height:0;overflow:visible}
.hero picture{display:contents}
.hero-bg{position:absolute;left:0;top:0;width:100%;height:691px;object-fit:cover;object-position:center top;z-index:0}
.hero-in{position:relative;z-index:2;width:1440px;max-width:none;height:689px;margin:0 auto;padding:0}
.hero-copy{position:static;width:auto;max-width:none;margin:0;padding:0;text-align:center}
.hero-mark{position:absolute;left:50px;top:40px;margin:0}
.hero-mark img{width:155px;height:155px;margin:0}
.eyebrow{position:absolute;left:231px;top:183px;width:255px;margin:0;font-size:17px;font-weight:700;line-height:38px;letter-spacing:.05em;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap}
h1{position:absolute;left:86px;top:237px;width:544px;margin:0;font-family:"Playfair",Georgia,serif;font-size:62px;font-weight:900;line-height:59px;letter-spacing:0;color:rgba(0,0,0,.8);text-align:center}
h1 .green{color:#5C6B3C}
.hero-subs{position:absolute;left:115px;top:379px;width:486px;text-align:center}
.hero-sub,.hero-sub.hero-sub2{display:inline;margin:0;max-width:none;font-size:17px;font-weight:400;line-height:28px;color:rgba(0,0,0,.8)}
.hero-sub.hero-sub2{font-weight:600}
.hero-sub2::before{content:"- ";font-weight:400}
.hero-cta{position:absolute;left:162px;top:510px;display:flex;gap:36px;margin:0}
.hero-cta .btn-solid,.hero-cta .btn-ghost{height:39px;padding:0;border-radius:8px;font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600}
.hero-cta .btn-solid{width:171px;background:#5C6B3C;border:0;color:#fff}
.hero-cta .btn-ghost{width:185px;background:transparent;border:1px solid #5C6B3C;color:#000}
.hero .hero-micro{position:absolute;left:187px;top:556px;width:343px;margin:0;font-size:12px;line-height:38px;color:#000;text-align:center;white-space:nowrap}

/* ---------- NUMBERS STRIP (Figma: 689-813, #423E3E) ---------- */
.stats{height:124px;display:block;background:#423E3E}
.stats-in{position:relative;width:1440px;max-width:none;height:124px;margin:0 auto;padding:0;display:block;
  background-image:linear-gradient(#6B6565,#6B6565),linear-gradient(#6B6565,#6B6565),linear-gradient(#6B6565,#6B6565);
  background-repeat:no-repeat;background-size:1px 69px;background-position:461px 28px,702px 28px,943px 28px}
.stat{position:absolute;top:36px;width:160px;margin-left:-80px;padding:0;text-align:center}
.stat + .stat::before{content:none}
.stat:nth-child(1){left:370.5px}
.stat:nth-child(2){left:588.5px}
.stat:nth-child(3){left:819px}
.stat:nth-child(4){left:1060px}
.stat-num{display:block;height:25px;font-size:45px;font-weight:200;line-height:25px;letter-spacing:0;color:#BFBDC1}
.stat:nth-child(1) .stat-num{letter-spacing:.07em}
.stat-num i{font-size:25px;font-weight:300;font-style:normal;vertical-align:top;position:relative;top:-5px}
.stat-lbl{display:block;margin-top:16px;font-family:"Playfair",Georgia,serif;font-size:15px;font-weight:600;line-height:16px;letter-spacing:0;color:#BFBDC1}
.stat:nth-child(4) .stat-lbl{margin-left:-8px}

/* ---------- QUOTE (Figma: 815-1046) ---------- */
.quote{height:231px;margin-top:2px;padding:46.5px 0 0}
.quote p{font-family:"Playfair",Georgia,serif;font-style:italic;font-weight:500;font-size:40px;line-height:46px;color:#484444;text-align:center}
.rule-band{height:29px;background:#F1F0F2}

/* ---------- LET'S BE HONEST (Figma: 1075-1749) ---------- */
.honest{height:674px;padding:63px 0 0}
.honest .wrap-narrow{position:relative;width:1440px;max-width:none;margin:0 auto;padding:0}
.honest h2{margin:0;font-family:"DM Sans",system-ui,Arial,sans-serif;font-size:30px;font-weight:500;line-height:43px;color:#292727;text-align:center}
.honest .lead{width:660px;margin:37px auto 0;padding-left:1px;font-size:17px;font-weight:400;line-height:26px;color:#292727;text-align:center}
.honest .hairline{display:block;width:629px;max-width:none;margin:23px auto 0;border:0;border-top:1px solid #5C6B3C}
.honest .drill{width:669px;margin:35px auto 0;font-size:19px;font-weight:700;line-height:24px;color:#5C6B3C;text-align:center}
.honest .drill-list{width:644px;max-width:none;margin:5px auto 0;padding-left:0}
.honest .drill-list li{padding-left:24px;font-size:17px;font-weight:500;line-height:26px;color:#292727}
.honest .drill-list li::before{left:10px}
.honest h2.mt{margin:46px 0 0;line-height:30px;padding-left:0}
.honest h2.mt + .lead{width:669px;margin-top:23px;font-size:17px;line-height:24px}
.honest .lead strong{font-size:19px;font-weight:700;line-height:27px}

/* ---------- WELCOME (Figma "Frame_4": 1749-2328) ---------- */
.welcome{display:block;min-height:0;height:579px;padding:38px 0 0;text-align:center;
  background:#F4F2F2 url("img/d/welcome.jpg") center top/1440px 579px no-repeat}
.welcome .wrap-narrow{width:1440px;max-width:none;margin:0 auto;padding:0}
.welcome-eyebrow{margin:0;font-size:20px;font-weight:600;line-height:38px;letter-spacing:.05em;color:#5C6B3C}
.welcome-title{margin:15px 0 0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:60px;color:#292727}
.welcome-body{width:560px;margin:0 auto;font-size:17px;font-weight:400;line-height:24px;color:#292727}
.welcome-title + .welcome-img + .welcome-body,.welcome-title + .welcome-body{margin-top:28px}
.welcome-body strong{font-weight:600}
.welcome-body + .welcome-body{width:500px;margin-top:27px}
.welcome-quote{margin:16px 0 0;font-size:24px;font-weight:400;line-height:22px;color:#292727}
.welcome-cta .btn{width:152px;height:39px;margin:41px 0 0;padding:0;border-radius:8px;font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600}
.welcome-cta .hero-micro{margin:-3px 0 0;font-size:12px;line-height:38px;color:#292727}

/* ---------- CHEESE MENU (Figma: 2328-4152) ---------- */
.menu{padding:83px 0 121px}
.menu .wrap{width:1440px;max-width:none;margin:0 auto;padding:0}
.menu .display{margin:0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:56px;color:#292727;text-align:center}
.menu .display .green{color:#5C6B3C}
.menu .section-sub{margin:30.5px auto 0;max-width:none;font-size:20px;font-weight:500;line-height:26px;color:#292727;text-align:center}
.menu .grid-3{display:grid;grid-template-columns:311px 311px 311px;column-gap:94px;row-gap:61px;justify-content:start;margin:90.5px 0 0 159px}
.menu .grid-3 .card:nth-child(3n){margin-left:2px}
.card{position:relative;width:311px;height:413px;overflow:hidden;background:#fff;border:0;box-shadow:22px 0 26px rgba(0,0,0,.07)}
.card::before{content:"";position:absolute;inset:0;border:1px solid #E3E2E4;z-index:3;pointer-events:none}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;pointer-events:none;
  background:linear-gradient(to bottom,rgba(254,251,251,.18),rgba(41,39,39,.18))}
.card-media{position:relative;overflow:visible;border-radius:0;margin:0}
.card-media picture{display:block}
.card-media img{width:311px;height:229px;aspect-ratio:auto;object-fit:cover;border-radius:0;display:block}
.card-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:32px;background:rgba(255,255,255,.89)}
.tag{position:absolute;left:21px;top:0;width:75px;height:33px;padding:11px 0 0;border-radius:0 0 7px 7px;background:#F1BB26;
  font-size:12px;font-weight:700;line-height:22px;letter-spacing:0;text-align:center;color:#fff;z-index:2}
.card h3{position:relative;z-index:1;margin:17px 0 0 20px;white-space:nowrap;font-size:19px;font-weight:600;line-height:22px;color:#292727}
.card p{position:relative;z-index:1;width:271px;margin:16px 0 0 20px;font-size:17px;font-weight:400;line-height:24px;color:#292727}
.menu .card:last-child h3{display:none}
.menu .card:last-child{overflow:visible}
.menu .card:last-child .card-media{overflow:hidden}
.menu .card:last-child .card-media::after{content:none}
.menu .card:last-child p{margin-top:15px}
.card-hasbonus .tag.tag-bonus{display:none}
.menu .card-hasbonus .bonus-sticker{display:block;position:absolute;left:-47px;top:6px;width:81.16px;height:81.31px;z-index:4}

/* ---------- HOW IT WORKS (Figma: 4152-5280, #F4F2F2) ---------- */
.howto{height:1128px;padding:96px 0 0;background:#F4F2F2;border-radius:0}
.howto .wrap{width:1440px;max-width:none;margin:0 auto;padding:0}
.howto .eyebrow-green{margin:0;font-size:20px;font-weight:600;line-height:38px;letter-spacing:.05em;color:#5C6B3C;text-align:center}
.howto .display{margin:24px 0 0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:60px;color:#292727;text-align:center}
.howto .section-sub{margin:55px auto 0;font-size:20px;font-weight:500;line-height:26px;color:#292727;text-align:center}
.howto .grid-3{display:grid;grid-template-columns:311px 311px 311px;column-gap:98px;justify-content:start;margin:63.5px 0 0 156px}
.tile{position:relative;width:311px;height:504px;border-radius:8px;background:#484444;box-shadow:0 33px 30px rgba(0,0,0,.07);overflow:hidden;display:block}
.tile::after{content:"";position:absolute;inset:0;border:5px solid #F5F5F5;border-radius:8px;pointer-events:none;z-index:3}
.tile h3{height:85px;margin:0;padding:36px 20px 0;font-size:22px;font-weight:600;line-height:22px;color:#fff;text-align:center}
.tile picture{display:block;position:relative}
.tile picture::after{content:"";position:absolute;left:0;right:0;bottom:0;height:32px;background:rgba(255,255,255,.7)}
.tile img{width:311px;height:259px;object-fit:cover;border:0;display:block}
.tile p{width:264px;margin:19px 0 0 24px;padding:0;font-size:17px;font-weight:400;line-height:24px;color:#fff}
.pull-quote{width:789px;max-width:none;margin:112px auto 0;font-size:20px;font-weight:500;line-height:30px;color:#292727;text-align:center}

/* ---------- THE LAB (Figma: 5265-6650) ---------- */
.lab{height:1370px;padding:77px 0 0}
.lab .wrap{width:1440px;max-width:none;margin:0 auto;padding:0}
.lab .eyebrow-green{margin:0;font-size:20px;font-weight:600;line-height:38px;letter-spacing:.05em;color:#5C6B3C;text-align:center}
.lab .display{margin:9.5px 0 0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:60px;color:#292727;text-align:center}
.lab .section-sub{margin:55px auto 0;font-size:20px;font-weight:500;line-height:26px;color:#292727;text-align:center;white-space:nowrap}
.lab .grid-2{display:grid;grid-template-columns:532px 532px;column-gap:82px;row-gap:79px;justify-content:start;margin:72.5px 0 0 147px}
.wide{position:relative;width:532px;height:360px;padding:0;border-radius:0;background:#F4F2F2;overflow:visible;display:block}
.wide-head{position:static;display:block;padding:0}
.wtag{position:absolute;left:22px;top:0;width:92px;height:33px;padding:7px 0 0;border-radius:0 0 7px 7px;background:rgba(0,0,0,.8);
  font-size:12px;font-weight:600;line-height:22px;letter-spacing:0;color:#fff;text-align:center}
.wide-head h3{margin:0;padding:24px 0 0;font-size:22px;font-weight:600;line-height:22px;color:#000;text-align:center}
.wide-media{margin:18px 0 0;border-radius:0;overflow:hidden}
.wide-media picture{display:block}
.wide-media img{width:532px;height:192px;object-fit:cover;display:block}
.wide p{width:473px;margin:28px 0 0 30px;padding:0;font-size:17px;font-weight:400;line-height:24px;color:rgba(41,39,39,.8)}
.lab-note{width:807px;max-width:none;margin:79px auto 0;font-size:17px;font-weight:400;line-height:27px;color:#292727;text-align:center}

/* ---------- DIAMOND ROWS (Figma groups of 5 diamonds) ---------- */
.diamond-row{font-size:0 !important;line-height:0 !important;color:transparent !important;letter-spacing:0 !important;display:block;padding:0}
.diamond-row span{color:transparent}
.bonus-intro .diamond-row{width:169.94px;height:18.06px;margin:51px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='169.94' height='18.06' viewBox='0 0 169.94 18.06'%3E%3Cpath fill='%235C6B3C' d='M9.03 0 18.06 9.03 9.03 18.06 0.00 9.03z'/%3E%3Cpath fill='%23BFBDC1' d='M47.00 0 56.03 9.03 47.00 18.06 37.97 9.03z'/%3E%3Cpath fill='%235C6B3C' d='M84.97 0 94.00 9.03 84.97 18.06 75.94 9.03z'/%3E%3Cpath fill='%23BFBDC1' d='M122.94 0 131.97 9.03 122.94 18.06 113.91 9.03z'/%3E%3Cpath fill='%235C6B3C' d='M160.91 0 169.94 9.03 160.91 18.06 151.88 9.03z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.bonus1-top .diamond-row{width:188.77px;height:20.05px;margin:44px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='188.77' height='20.05' viewBox='0 0 188.77 20.05'%3E%3Cpath fill='%235C6B3C' d='M10.03 0 20.05 10.03 10.03 20.05 0.00 10.03z'/%3E%3Cpath fill='%23BFBDC1' d='M52.20 0 62.23 10.03 52.20 20.05 42.18 10.03z'/%3E%3Cpath fill='%235C6B3C' d='M94.39 0 104.41 10.03 94.39 20.05 84.36 10.03z'/%3E%3Cpath fill='%23BFBDC1' d='M136.56 0 146.59 10.03 136.56 20.05 126.54 10.03z'/%3E%3Cpath fill='%235C6B3C' d='M178.75 0 188.77 10.03 178.75 20.05 168.72 10.03z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.bonus-more .diamond-row:first-child{width:192.44px;height:20.44px;margin:0 auto !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192.44' height='20.44' viewBox='0 0 192.44 20.44'%3E%3Cpath fill='%235C6B3C' d='M10.22 0 20.44 10.22 10.22 20.44 0.00 10.22z'/%3E%3Cpath fill='%235C6B3C' d='M53.22 0 63.44 10.22 53.22 20.44 43.00 10.22z'/%3E%3Cpath fill='%23BFBDC1' d='M96.22 0 106.44 10.22 96.22 20.44 86.00 10.22z'/%3E%3Cpath fill='%235C6B3C' d='M139.22 0 149.44 10.22 139.22 20.44 129.00 10.22z'/%3E%3Cpath fill='%235C6B3C' d='M182.22 0 192.44 10.22 182.22 20.44 172.00 10.22z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}

/* ---------- BONUS INTRO (Figma: 6650-6875) ---------- */
.bonus-intro{height:225px;padding:6px 0 0;text-align:center}
.bonus-intro .wrap{width:1440px;max-width:none;margin:0 auto;padding:0}
.bonus-intro .script{height:38px;margin:0;font-family:"Square Peg",cursive;font-size:80px;font-weight:400;line-height:38px;color:#48854D}
.bonus-lead{margin:37px 0 0;font-size:19px;font-weight:600;line-height:27px;color:#292727}

/* ---------- BONUS 1 (Figma: 6875-9046) ---------- */
.bonus1{position:relative;height:2171px;padding:0;text-align:center}
.bonus1-top{position:relative;display:block;height:891px;padding:0;background:#EDEDEC url("img/d/milklab-bg.jpg") no-repeat center top/1440px 891px}
.bonus1-top>.bonus-hero-pic,.bonus1-top .bonus-hero{display:none}
.bonus-badge{display:block;width:203px;height:60px;margin:0 auto;padding:9px 0 0;border-radius:0 0 26px 26px;background:#5C6B3C;
  box-shadow:0 4px 10px rgba(0,0,0,.25);font-size:33px;font-weight:600;line-height:38px;letter-spacing:0;color:#fff;text-align:center}
.bonus1-top .wrap{width:1440px;max-width:none;margin:0 auto;padding:0}
.bonus1-top .eyebrow-green{margin:31px 0 0;font-size:20px;font-weight:600;line-height:38px;letter-spacing:.05em;color:#5C6B3C;text-align:center}
.bonus1 .display{margin:9.5px 0 0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:60px;color:#292727;text-align:center}
.bonus-body{width:660px;max-width:none;margin:19.5px auto 0;font-size:17px;font-weight:400;line-height:27px;color:#292727;text-align:center}
.bonus1-top .value{margin:18px 0 0;font-size:20px;font-weight:800;line-height:23px;color:#292727;text-align:center}
.bonus1 > .wrap{width:1440px;max-width:none;margin:0 auto;padding:0;position:static}
.milk-title{margin:66px 0 0;font-size:25px;font-weight:300;line-height:37px;color:#292727;text-align:center}
.milk-title .mt-hi{font-size:26px;font-weight:600;color:#292727}
.milks{display:grid;margin:0;gap:0;text-align:center}
.milks-3{grid-template-columns:357px 357px 357px;column-gap:22px;justify-content:start;margin:68px 0 0 163px}
.milks-4{grid-template-columns:229px 229px 229px 229px;column-gap:81px;justify-content:start;margin:0 0 0 141px}
.milk picture{display:block;width:126px;height:126px;margin:11px auto 0}
.milk img{width:126px;height:126px;margin:0;border:0;border-radius:50%;object-fit:cover;box-shadow:0 0 0 10.5px #fff,0 0 0 11.5px #BFBDC1}
.milk h4{margin:34px 0 0;font-size:22px;font-weight:600;line-height:22px;color:#292727;text-align:center}
.milk p{margin:22px auto 0;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:center}
.milk-divider{display:block;width:1159px;max-width:none;margin:52px 0 0 139px;border:0;border-top:1px solid #292727}
.milk-divider + .milks-4{margin-top:52px}
.milk-close{position:absolute;left:calc(50% - 452px);top:1938px;width:889px;margin:0;font-size:32px;font-weight:700;line-height:33px;color:#292727;text-align:center}
.milk-close::before{content:"";position:absolute;left:164px;top:21px;width:217.19px;height:78.81px;background:url("img/m/brush-free.svg") no-repeat 0 0/100% 100%;z-index:0}
.milk-close > *{position:relative;z-index:1}
.milk-close .mc-lead{display:block;margin:0 0 16px;font-size:26px;font-weight:400;line-height:27px}
.milk-close > br,.milk-close .mc-lead br.m{display:none}
.milk-close .party,.milk-close strong{font-size:32px;font-weight:700;padding:0;margin:0;background:none}
.milk-close .party{color:#fff}
.milk-close .party .py{color:#292727}
.milk-close strong{margin-left:.35em}
.bonus1 > .wrap > .center{position:absolute;left:calc(50% - 234px);top:2088px;margin:0}
.bonus1 .center .btn-lg{display:inline-flex;width:453px;height:50px;margin:0;padding:0;border-radius:8px;
  font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}

/* ---------- BONUS 2-4 (Figma: 9046-10106) ---------- */
.bonus-more{height:1060px;padding:31px 0 0;text-align:center}
.bonus-more .wrap{width:1440px;max-width:none;margin:0 auto;padding:0}
.bonus-more .grid-3{display:grid;grid-template-columns:284px 284px 284px;column-gap:91px;justify-content:start;margin:66.5px 0 0 203px}
.bcard{position:relative;display:block;width:284px;height:718px;margin:0;border-radius:26px;background:#fff;box-shadow:-22px 31px 30px rgba(0,0,0,.07);overflow:visible;text-align:left}
.bcard-head{border-radius:26px 26px 0 0}
.bcard-body picture,.bcard-body picture img{border-radius:0 0 26px 26px;overflow:hidden}
.bcard-head{position:static;height:209px;padding:0;background:#85906D;text-align:center}
.bcard-head .bnum{position:absolute;left:62px;top:0;width:157px;height:47px;margin:0;padding:5px 0 0;border-radius:0 0 21px 21px;background:#292727;
  font-size:22px;font-weight:600;line-height:38px;letter-spacing:.05em;color:#fff;text-align:center}
.bcard-head h3{position:absolute;left:27px;top:68px;width:233px;margin:0;font-family:"Playfair",Georgia,serif;font-size:40px;font-weight:700;line-height:40px;color:#fff;text-align:center}
.bcard:nth-child(3) .bcard-head h3{top:70px;line-height:36px}
.bcard-body{display:block;padding:0;position:static}
.bcard-body .value,.bcard-body .value.sm{margin:32px 0 0 29px;font-size:16px;font-weight:800;line-height:23px;color:#292727;text-align:left}
.bcard-desc{width:223px;margin:13px 0 0 31px;font-size:17px;font-weight:400;line-height:23px;color:#292727;text-align:left}
.bcard:nth-child(1) .bcard-desc{margin-top:68px}
.bcard-desc br{display:none}
.bcard-body picture{display:block;position:absolute;left:0;bottom:0;width:284px;height:181px}
.bcard-body picture img,.bcard-body img{display:block;width:284px;height:181px;margin:0;border-radius:0;object-fit:cover}
.bcard .free{position:absolute;left:-24px;top:11px;width:86px;height:86px;padding:0;margin:0;transform:none;clip-path:none;box-shadow:none;border-radius:0;
  background:url("img/m/tag-free.svg") no-repeat 0 0/100% 100%;font-size:0;color:transparent;z-index:4}
.bcard .free::before,.bcard .free::after{content:none}
.bonus-more div.center{margin:84px 0 0 !important;text-align:left}
.bonus-more .btn-wide{display:inline-flex;width:331px;height:50px;margin:0 0 0 558px;padding:0;border-radius:8px;
  font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}
.milks-4 .milk h4{margin-top:38px}

/* ---------- TESTIMONIALS (Figma: 10106-11192, #F5F5F5 to 11134) ---------- */
.testi{height:1086px;padding:72px 0 0;background:linear-gradient(#F5F5F5,#F5F5F5) no-repeat 0 0/100% 1028px,#fff}
.testi .wrap{width:1440px;max-width:none;margin:0 auto;padding:0}
.testi .display{margin:0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:60px;color:#5C6B3C;text-align:center}
.testi-grid{display:grid;grid-template-columns:382px 382px 382px;column-gap:61px;row-gap:58px;justify-content:start;margin:82px 0 0 74px}
.tcard{position:relative;display:block;width:382px;height:208px;min-height:0;padding:23px 0 0 23px;border-radius:41px;background:rgba(255,255,255,.8)}
.tq{width:337px;font-size:16px;font-style:italic;font-weight:400;line-height:22px;color:rgba(41,39,39,.75)}
.tperson{position:static;display:block;margin:0}
.tavatar{position:absolute;left:23px;top:156px;width:67px;height:67px;border-radius:50%;object-fit:cover;background:#BFBDC1}
.tname{position:absolute;left:104px;top:173px;font-size:16px;font-weight:600;line-height:24px;color:#292727}
.testi-note{width:760px;max-width:none;margin:106px auto 0;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:center}
.testi div.center{margin:49px 0 0;text-align:left}
.testi .btn-wide{display:inline-flex;width:331px;height:50px;margin:0 0 0 555px;padding:0;border-radius:8px;
  font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}

/* ---------- ABOUT JOY (Figma "Frame Bio": 11192-12498) ---------- */
.joy{height:1306px;padding:26px 0 0}
.joy-in{width:656px;max-width:none;margin:0 auto;padding:0}
.joy .wrap.joy-in{width:656px;padding:0}
.joy-photo{margin:0}
.joy-photo picture{display:block}
.joy-photo img{width:140px;height:140px;border-radius:50%;object-fit:cover}
.joy-title{margin:21px 0 0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:60px;color:#5C6B3C;text-align:left}
.joy-copy{margin:21px 0 0}
.joy-copy p{margin:0 0 16px;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:left}
.joy-copy p:last-child{margin-bottom:0}
.joy-invite{width:656px;max-width:none;margin:70px auto 0;font-size:17px;font-weight:600;line-height:24px;color:#292727;text-align:center}
.joy-students{width:525px;max-width:none;margin:63px auto 0;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:center}

/* ---------- FOR YOU IF (Figma: 12498-13477) ---------- */
.forme{position:relative;height:979px;padding:77px 0 0;background:#fff}
.forme picture{position:absolute;left:0;right:0;top:0;height:829px;display:block}
.forme-img{width:100%;max-width:none;height:829px;margin:0;border-radius:0;object-fit:cover;object-position:center top}
.forme .wrap{position:relative;z-index:1;width:1440px;max-width:none;margin:0 auto;padding:0}
.forme .display{margin:0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:60px;color:#5C6B3C;text-align:center}
.check-cols{display:grid;grid-template-columns:421px 418px;column-gap:97px;justify-content:start;margin:320px 0 0 296px;max-width:none}
.check-diamond{display:block;gap:0}
.check-diamond li{position:relative;margin:0 0 9px;padding:0;font-size:17px;font-weight:400;line-height:24px;color:#292727}
.check-diamond li.bold{font-weight:400}
.check-cols .check-diamond:first-child li:nth-child(even),.check-cols .check-diamond:last-child li:nth-child(odd){font-weight:500}
.check-diamond li::before{content:"";position:absolute;left:-33px;top:4px;width:14.45px;height:14.45px;background:#48854D;transform:rotate(45deg);font-size:0}
.diamond-row.m-only{display:none}

/* desktop-only blocks and dash widths (same rule as mobile: short dash, long-dash width) */
.dk{display:block}
.hy{padding:0 .166em}
.hn{padding:0 .064em}

/* ---------- EVERYTHING YOU'RE GETTING (Figma: 13477-14775) ---------- */
.offer{height:1298px;padding:0}
.offer .wrap-narrow{position:relative;width:1440px;max-width:none;height:1298px;margin:0 auto;padding:0;text-align:left}
.offer .wrap-narrow > *{position:absolute;margin:0}
.offer .display{top:0;left:284px;width:873px;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:700;line-height:38px;color:#292727;text-align:center}
.offer-intro{left:276px;width:888px;max-width:none;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:center}
.offer-intro br.m{display:none}
.offer-intro:nth-of-type(1){top:91px}
.offer-intro:nth-of-type(2){top:131px}
.offer-intro:nth-of-type(3){top:195px}
.offer-intro strong{font-weight:400}
.stack-title{top:279px;left:541px;width:358px;padding:0;border:0;font-size:20px;font-weight:700;line-height:24px;color:#292727;text-align:center}
.offer .wrap-narrow::before{content:"";position:absolute;left:485px;top:326px;width:471px;height:1px;background:#292727}
.offer .wrap-narrow::after{content:"";position:absolute;left:485px;top:756px;width:471px;height:1px;background:#292727}
.stack{top:0;left:0;width:1440px;height:0;max-width:none;background:none}
.stack-row{position:static;display:block;padding:0;border:0;margin:0}
.stack-row .item,.stack-row:first-child .item,.stack-row.bonus .item{position:absolute;left:482px;padding:0;font-size:17px;font-weight:500;line-height:22px;color:#292727;white-space:nowrap}
.stack-row:first-child .item{font-weight:900}
.stack-row:nth-child(1) .item{top:383.3px}
.stack-row:nth-child(2) .item{top:433.1px}
.stack-row:nth-child(3) .item{top:482.9px}
.stack-row:nth-child(4) .item{top:534.7px}
.stack-row:nth-child(5) .item{top:587px}
.stack-row .item::before,.stack-row:first-child .item::before,.stack-row.bonus .item::before{content:"";position:absolute;left:-21px;top:4.7px;width:11px;height:11px;
  border-radius:50%;border:1px solid #FDB951;background:none;transform:none;padding:0;box-shadow:none;clip-path:none;font-size:0;box-sizing:border-box}
.stack-row:first-child .item::before{background:#FDB951}
.stack-row.bonus .item::after{content:"";position:absolute;left:-77px;top:-9px;width:56px;height:56px;background:url("img/m/tag-bonus-small.svg") no-repeat 0 0/100% 100%}
.stack-row:nth-child(3) .item::after{top:-8px}
.stack-row:nth-child(5) .item::after{top:-10px}
.stack-row .v{position:absolute;margin:0;font-size:27px;font-weight:600;line-height:22px;color:#FDB951;white-space:nowrap}
.stack-row:nth-child(1) .v{left:849px;top:381.2px}
.stack-row:nth-child(2) .v{left:849px;top:429.9px}
.stack-row:nth-child(3) .v{left:849px;top:480.7px}
.stack-row:nth-child(4) .v{left:849px;top:532px}
.stack-row:nth-child(5) .v{left:860px;top:584.9px;font-size:23px;font-weight:700}
.stack-row .v em{position:absolute;left:73px;top:5px;margin:0;font-size:15px;font-weight:600;font-style:normal;line-height:22px;color:#292727;opacity:1}
.stack-row:nth-child(2) .v em{top:3.3px}
.stack-row:nth-child(3) .v em{top:4.5px}
.stack-row:nth-child(4) .v em{top:5.2px}
.stack-row:nth-child(5) .v em{left:65px;top:2.3px}
.stack-row::after{content:"";position:absolute;height:1px;background:#292727}
.stack-row:nth-child(1)::after{left:721px;top:401px;width:121px}
.stack-row:nth-child(2)::after{left:647px;top:450.7px;width:195px}
.stack-row:nth-child(3)::after{left:696px;top:500.4px;width:146px}
.stack-row:nth-child(4)::after{left:768px;top:552.2px;width:74px}
.stack-row:nth-child(5)::after{left:715px;top:604px;width:127px}
.total-value{top:678px;left:541px;width:358px;padding:0;font-size:33px;font-weight:400;line-height:24px;color:rgba(41,39,39,.85);text-align:center;white-space:nowrap}
.total-value .struck{position:static;font-weight:700;padding:0}
.total-value .struck::before{content:none}
.total-value .struck::after,.total-value.crossed .struck::after{content:"";position:absolute;left:220px;top:-39px;right:auto;width:99px;height:90px;border-radius:0;
  background:url("img/m/x-red.svg") no-repeat 0 0/100% 100%;transform-origin:center}
.total-value .struck::after{transform:scale(0);transition:transform .5s cubic-bezier(.65,0,.25,1) .3s}
.total-value.crossed .struck::after{transform:scale(1)}
.offer-noway{top:792px;left:0;width:1440px;font-size:24px;font-weight:600;line-height:35px;color:rgba(41,39,39,.85);text-align:center;white-space:nowrap}
.price-now{top:0;left:0;width:1440px;height:0;display:block;opacity:.97}
.price-now .jd{display:block;padding:0}
.price-now .just,.price-now .dollar,.price-now .amt{position:absolute;display:block;font-family:"DM Sans",system-ui,Arial,sans-serif;line-height:24px;color:rgba(41,39,39,.85);letter-spacing:0}
.price-now .just{left:533px;top:917px;font-size:43px;font-weight:400}
.price-now .dollar{left:558px;top:978px;font-size:75px;font-weight:700}
.price-now .amt{left:629px;top:943px;width:239px;font-size:180px;font-weight:700;letter-spacing:-.01em;text-align:center}
.offer-block{top:1071px;left:456px;width:529px;display:block;max-width:none}
.price-sub,.offer-block .price-sub{margin:0;font-size:17px;font-weight:600;line-height:27px;color:#292727;text-align:center;white-space:nowrap}
.price-sub.small,.offer-block .price-sub.small{margin:0;font-weight:400;color:#292727}
.price-sub br.m{display:none}
.offer-block .buy-btn{position:absolute;left:140px;top:101px;display:flex;width:248px;height:50px;margin:0;padding:0;border-radius:8px;background:#FDB951;border:0;
  font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}

/* ---------- THE MATH (Figma desktop: 14775-15711) ---------- */
.math{position:relative;height:936px;padding:0}
.math .math-wrap{display:none}
.math-dk{position:relative;width:1440px;height:936px;margin:0 auto}
.math-dk > *{position:absolute;margin:0}
.mdk-band{left:-2000px;right:-2000px;top:31px;height:44px;background:rgba(92,107,60,.32)}
.mdk-title{left:0;width:1440px;top:183px;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:600;line-height:24px;color:#292727;text-align:center}
.mdk-c1,.mdk-c2{left:663px;width:115px;height:115px;border-radius:50%;object-fit:cover}
.mdk-c1{top:271px}
.mdk-c2{top:443px}
.mdk-text{left:102px;width:1236px;top:400px}
.mdk-text p{margin:0 0 1px;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:center}
.mdk-text strong{font-weight:600}
.mdk-text .mdk-gap6{height:149px;margin:0 0 1px}
.mdk-text .mdk-gap1{height:24px}

/* ---------- IMAGINE (Figma desktop: 15711-16759) ---------- */
.imagine{position:relative;height:1048px;padding:0;margin:0;background:linear-gradient(90deg,#0C0C0E,#232227) no-repeat 0 952px/100% 96px,#0F0F11 url("img/d/imagine-bg.jpg") no-repeat center top/1440px 1034px}
.imagine::before{content:none}
.imagine .imagine-pic{display:none}
.imagine .wrap-narrow{position:relative;width:1440px;max-width:none;height:1048px;margin:0 auto;padding:0}
.imagine .wrap-narrow > *{position:absolute;margin:0}
.imagine .imagine-line{display:none}
.imagine-title{top:72px;left:306px;width:830px;height:auto;font-family:"Square Peg",cursive;font-size:55px;font-weight:400;line-height:24px;letter-spacing:0;color:#fff;text-align:center}
.imagine-dk{top:0;left:0;width:1440px;height:0}
.imagine-dk p{position:absolute;margin:0;font-size:17px;font-weight:400;color:#fff;text-align:center}
.imagine-dk .idk-1{left:306px;top:163px;width:830px;line-height:28px}
.imagine-dk .idk-2{left:305px;top:633px;width:830px;line-height:28px}
.imagine-dk .idk-3{left:305px;top:719px;width:830px;line-height:30px}
.imagine-close{top:837px;left:312px;width:830px;font-family:"Square Peg",cursive;font-size:50px;font-weight:400;line-height:24px;color:#fff;text-align:center}
.imagine .btn-wide{top:926px;left:543px;display:flex;width:355px;height:50px;padding:0;border-radius:8px;
  font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}

/* ---------- EVERY WEEK YOU WAIT (Figma: 16759-17206) ---------- */
.waityou{height:447px;padding:0}
.waityou .wrap-narrow{position:relative;width:1440px;max-width:none;height:447px;margin:0 auto;padding:0}
.waityou .wrap-narrow > *{position:absolute;margin:0}
.waityou .display{top:84px;left:394px;width:650px;font-family:"Playfair",Georgia,serif;font-size:30px;font-weight:600;line-height:45px;color:#000;text-align:center;white-space:normal}
.waityou-sub{top:166px;left:429px;width:582px;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:center;white-space:nowrap}
.waityou-sub br.m{display:none}
.waityou-sub .party{position:relative;display:inline;margin:0 0 0 12px;padding:0;background:none;font-size:20px;font-weight:900;line-height:24px;color:#fff}
.waityou-sub .party::before{content:"";position:absolute;left:-19px;top:-17px;width:187.4px;height:66.19px;background:url("img/m/brush-party.svg") no-repeat 0 0/100% 100%;z-index:-1}
.waityou-sub{z-index:0}
.waityou .btn-wide{top:252px;left:615px;display:flex;width:208px;height:50px;padding:0;border-radius:8px;
  font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}
.waityou .diamonds{top:365px;left:624px;width:192.44px;height:20.44px;margin:0;font-size:0;letter-spacing:0;color:transparent;
  background:url("img/d/dia5.svg") no-repeat 0 0/100% 100%}

/* ---------- WHAT HAPPENS AFTER YOU CLICK (Figma: 17206-17608) ---------- */
.afterclick{height:402px;padding:0}
.afterclick .wrap-narrow{position:relative;width:1440px;max-width:none;height:402px;margin:0 auto;padding:0}
.afterclick .wrap-narrow > *{position:absolute;margin:0}
.afterclick-title{top:0;left:564px;width:315px;font-size:19px;font-weight:700;line-height:30px;color:#292727;text-align:center;white-space:nowrap}
.steps{top:60px;left:465px;width:512px;max-width:none;height:151px;padding:23px 0 0;border-top:1px solid #292727;border-bottom:1px solid #292727;list-style:none;text-align:left}
.steps li{position:static;margin:0 0 1px -1px;padding:0;font-size:16px;font-weight:400;line-height:25px;color:#292727;white-space:nowrap}
.steps li::before{content:counter(s) ". ";position:static;font-weight:400;color:#292727}
.afterclick-note{top:241px;left:320px;width:802px;max-width:none;font-size:16px;font-weight:400;line-height:20px;color:#292727;text-align:center}
.afterclick-note strong{font-weight:700}
.afterclick-note strong br.m{display:none}

/* ---------- Q & A (Figma: 17608-18226) ---------- */
.faq{padding:22px 0 0}
.faq .wrap-narrow{width:1440px;max-width:none;margin:0 auto;padding:0}
.faq .display{width:1440px;margin:0;font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:600;line-height:24px;color:#292727;text-align:center}
.faq-list{width:830px;max-width:none;margin:97px 0 0 307px}
.faq details{border-bottom:1px solid rgba(41,39,39,.6)}
.faq summary{position:relative;display:block;padding:57px 30px 59px 0;font-size:17px;font-weight:600;line-height:24px;color:#292727}
.faq details:first-child summary{padding-top:0}
.faq details[open] summary{padding-bottom:24px}
.faq summary::after{content:"";position:absolute;right:-6px;top:63px;width:18px;height:9px;background:url("img/m/chev-down.svg") no-repeat 0 0/100% 100%;transform:none;color:transparent}
.faq details:first-child summary::after{top:5px}
.faq details[open] summary::after{background-image:url("img/m/chev-up.svg");transform:none}
.faq details p{padding:0 0 59px;font-size:17px;font-weight:400;line-height:24px;color:#292727}
.faq-foot{width:374px;max-width:none;margin:67px auto 0;font-size:17px;font-weight:400;line-height:24px;color:#292727;text-align:center}
.faq-foot a{color:#292727;font-weight:400;text-decoration:none}
.faq-foot br.m{display:inline}
.faq + .wrap.center{width:1440px;max-width:none;margin:0 auto;padding:52px 0 0 !important}
.faq + .wrap.center .diamond-row{width:192.44px;height:20.44px;margin:0 auto;background:url("img/d/dia5.svg") no-repeat 0 0/100% 100%}

/* ---------- FINAL CTA (Figma "YOUR HEALTH": diamonds bottom 18259 to 18948) ---------- */
.finalcta{height:688.5px;padding:0}
.finalcta-in{position:relative;display:block;width:1440px;max-width:none;height:688.5px;min-height:0;margin:0 auto;padding:0}
.finalcta-photo{position:absolute;left:265px;top:91.5px;margin:0}
.finalcta-photo picture{display:block}
.finalcta-photo img{width:371px;height:505px;aspect-ratio:auto;border-radius:0;object-fit:cover}
.finalcta-copy{position:static;margin:0;padding:0}
.finalcta-title{position:absolute;left:354px;top:170.5px;right:auto;width:890px;margin:0;padding:0;background:none;
  font-family:"Playfair",Georgia,serif;font-size:50px;font-weight:600;line-height:24px;color:#292727;text-align:center;white-space:nowrap}
.finalcta-title .fc-white{color:#fff;text-shadow:none}
.finalcta-lead{position:absolute;left:796px;top:319.5px;width:350px;margin:0;font-size:17px;font-weight:700;line-height:24px;color:#292727;text-align:center}
.finalcta-lead br{display:none}
.finalcta .btn-wide{position:absolute;left:793px;top:451.5px;display:flex;width:355px;height:50px;padding:0;border-radius:8px;
  font-family:"Inter",system-ui,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}
.finalcta .hero-micro{position:absolute;left:775px;top:519.5px;width:392px;margin:0;font-size:12px;font-weight:400;line-height:17px;color:#292727;text-align:center;white-space:nowrap;word-spacing:2px}

/* ---------- FOOTER (Figma: rule 18948, text 19010) ---------- */
.site-footer{height:220px;padding:61px 0 0;border-top:1px solid #292727;background:#fff;text-align:center}
.site-footer .wrap{width:720px;max-width:none;margin:0 auto;padding:0}
.foot-brand,.foot-copy,.foot-links,.foot-links a{margin:0;font-size:15px;font-weight:400;line-height:22px;letter-spacing:0;color:#292727}
.foot-copy br.m{display:none}

/* drawn X (see styles.css) */
.total-value .struck::after,.total-value.crossed .struck::after{content:none !important}
.xdraw line{stroke-width:3}

/* 17.10: the two tiny lines a little larger (Noa) */
.hero .hero-micro{font-size:13.5px;width:420px;left:148px}
.finalcta .hero-micro{font-size:13.5px;width:460px;left:741px}