/* =====================================================================
   Mee Studio - built from Figma "MEE studio web" (Desktop - 1, 1440px)
   Every px value below is read from the Figma node geometry, not eyeballed.
   ===================================================================== */

:root{
  --bg:#f9f3f0;
  --nav:#1c070f;
  --coral:#e25c4f;     /* about accents, nav cta */
  --coral2:#e56b6f;    /* hero */
  --coral3:#e55b5b;    /* sessions, media, wear, impact */
  --rose:#d44d63;      /* wfv, offerings */
  --pink:#f27573;
  --salmon:#f3a1b0;
  --plum:#3a0f1a;
  --plum2:#3a0f1b;
  --plum3:#3a0d1a;
  --plum4:#40111b;
  --ink:#1e040a;
  --wine:#51001c;

  --f-dm:'DM Sans',sans-serif;
  --f-ys:'Young Serif',serif;
  --f-cav:'Caveat',cursive;
  --f-is:'Instrument Sans',sans-serif;
  --f-geist:'Geist',sans-serif;
  --f-osw:'Oswald',sans-serif;
  --f-ooh:'Oooh Baby',cursive;
  --f-out:'Outfit',sans-serif;
  --f-witt:'Wittgenstein',serif;
  --f-man:'Manrope',sans-serif;
  --f-kal:'Kalam',cursive;
  --f-pf:'Playfair Display',serif;
  --f-par:'Parisienne',cursive;
  --f-inter:'Inter',sans-serif;
  --f-pop:'Poppins',sans-serif;
  --f-rc:'Roboto Condensed',sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
  --z:1;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  background:var(--bg);
  color:#2d2325;
  font-family:var(--f-dm);
  font-size:16px;
  line-height:1.5;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4{font-weight:inherit}
blockquote,cite{font-style:normal}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
section[id],footer[id]{scroll-margin-top:90px}

.wrap{max-width:1440px;margin:0 auto;position:relative}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ======================= NAV ======================= */
.nav{position:sticky;top:0;z-index:50;background:var(--nav)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:90px;padding:0 80px}
.logo img{width:176px;height:55px}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{
  position:relative;font:500 14px/17.08px var(--f-is);text-transform:uppercase;color:#fff;
  padding-bottom:6px;margin-bottom:-6px;
}
.nav-links a::after{
  content:"";position:absolute;left:50%;bottom:0;width:24px;height:2px;border-radius:1px;background:var(--coral);
  transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .3s var(--ease);
}
.nav-links a.active{font-weight:700}
.nav-links a.active::after,.nav-links a:hover::after{transform:translateX(-50%) scaleX(1)}
.nav-cta{
  display:inline-flex;align-items:center;gap:8px;padding:12px 24px;height:40px;border-radius:100px;background:var(--coral);
  font:700 13px/15.86px var(--f-is);text-transform:uppercase;color:#fff;white-space:nowrap;
  transition:transform .3s var(--ease),background .3s ease;
}
.nav-cta:hover{transform:translateY(-2px);background:#ec6a5d}
.nav-cta-mobile{display:none}
.burger{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;align-items:center}
.burger span{display:block;width:26px;height:2px;background:#fff;transition:transform .3s var(--ease),opacity .3s}
.burger:focus{outline:none}
.burger:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:6px}
.burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ======================= HERO ======================= */
.hero{position:relative;height:930px;overflow:hidden;background:var(--nav)}
.hero-bg{
  position:absolute;left:0;right:0;top:-28px;height:958px;
  background:url(../assets/img/hero-bg.jpg) no-repeat;background-size:1666px 958px;background-position:calc(50% + 23px) 0;
}
@media (min-width:1667px){.hero-bg{background-size:cover;background-position:center top}}
.hero-wrap{height:100%}
.hero-content{position:absolute;left:150px;top:115px;width:500px;display:flex;flex-direction:column;gap:32px}
.tagline{display:flex;align-items:center;gap:16px;height:31px}
.tag-line{width:64px;height:2px;background:var(--coral2);flex-shrink:0}
.tagline p{font:500 24px/31.2px var(--f-geist);color:rgba(255,255,255,.8);white-space:nowrap}
.tagline .dot{color:var(--coral)}
.hero-title{display:flex;flex-direction:column;gap:7px;font:700 138px/131.1px var(--f-osw);letter-spacing:3px;white-space:nowrap}
.hero-title .l1{color:#fff}
.hero-title .l2{color:var(--pink)}
.hero-bio{width:598px;font:400 24px/36px var(--f-is);color:#fff}
.hero-bio strong{font-weight:700}
.hero-cta{
  display:inline-flex;align-items:center;gap:24px;width:518px;height:75px;padding:8px 8px 8px 24px;border-radius:100px;background:var(--coral2);
  font:700 20px/26px var(--f-geist);text-transform:uppercase;color:#fff;white-space:nowrap;
  transition:transform .3s var(--ease),box-shadow .3s ease;
}
.hero-cta:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(229,107,111,.35)}
.hero-cta-circle{width:59px;height:59px;border-radius:50%;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--ease)}
.hero-cta:hover .hero-cta-circle{transform:translateX(4px)}
.hero-quote{position:absolute;right:22px;top:102px;width:260px;display:flex;flex-direction:column;gap:25px}
.hero-quote p{font:400 16px/24px var(--f-geist);color:rgba(255,255,255,.8)}
.hero-quote cite{font:400 36px/44.1px var(--f-ooh);color:var(--coral2)}

/* ======================= STATS ======================= */
.stats{position:relative;z-index:3;margin-top:-153px}
.stats .wrap{padding:16px 80px 40px}
.stats-card{height:207px;padding:40px;border-radius:24px;background:#2a0611;border:1.5px solid rgba(229,95,100,.25)}
.stats-row{display:flex;align-items:center;justify-content:center;gap:54px;height:59px}
.stat{display:flex;align-items:center;gap:14px;transition:transform .3s var(--ease)}
.stat:hover{transform:translateY(-3px)}
.stat-icon{width:52px;height:52px;border-radius:20px;background:rgba(229,95,100,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat div{display:flex;flex-direction:column;gap:2px}
.stat strong{font:700 32px/40.32px var(--f-out);color:#fff}
.stat small{font:600 11px/14.3px var(--f-geist);letter-spacing:.0055em;text-transform:uppercase;color:#fff;white-space:nowrap}
.stat small.lg{font-size:13px;line-height:16.9px;letter-spacing:.0065em}
.stats-foot{margin-top:36px}
.stats-line{display:block;height:1px;background:rgba(229,95,100,.25)}
.stats-foot p{margin-top:16px;font:700 12px/15.6px var(--f-geist);letter-spacing:1.8px;text-transform:uppercase;color:#e55f64;text-align:center}

/* ======================= ABOUT ======================= */
.about{position:relative;margin-top:-110px}
.about-wrap{height:991px;overflow:hidden}
.about-col{position:absolute;left:87px;top:129px;width:593px;display:flex;flex-direction:column;gap:46px;z-index:2}
.about-photo{position:absolute;left:680px;top:0;width:934px;height:991px}
.about-photo img{width:934px;height:991px}
.eyebrow-coral{font:700 24px/31.25px var(--f-dm);text-transform:uppercase;color:var(--coral)}
.about-name{margin-top:2px;font:400 84px/100.8px var(--f-ys);color:var(--plum)}
.about-divider{display:block;width:120px;height:2px;background:var(--coral);margin:16px 0 14px}
.about-role{max-width:426px;font:700 24px/31.25px var(--f-dm);text-transform:uppercase;color:var(--plum)}
.about-tags{margin-top:8px;font:600 11px/14.32px var(--f-dm);text-transform:uppercase;color:#6b585a;white-space:nowrap}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}
.pillar{display:flex;gap:16px;transition:transform .3s var(--ease)}
.pillar:hover{transform:translateX(6px)}
.pillar-icon{width:48px;height:48px;border-radius:50%;background:rgba(226,92,79,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pillar div{display:flex;flex-direction:column;gap:6px}
.pillar h3{font:900 20px/26.04px var(--f-dm);text-transform:uppercase;color:var(--plum)}
.pillar p{font:400 14px/19.6px var(--f-dm);color:#2d2325}
.about-quote{display:flex;gap:16px}
.about-qmark{width:35px;height:48px;font:400 64px/48px var(--f-ys);color:var(--coral);flex-shrink:0}
.about-quote div{display:flex;flex-direction:column;gap:8px}
.about-quote p{font:italic 600 20px/30px var(--f-dm);color:#2d2325}
.about-quote cite{font:700 28px/35.28px var(--f-cav);color:var(--coral)}

/* ======================= WELLNESS. FITNESS. VITALITY. ======================= */
.wfv{background:#170206;position:relative;z-index:1;margin-top:-14px} /* Desktop-2 frame starts 14px above the About frame's bottom in Figma */
.wfv-wrap{height:512px;overflow:hidden}
.wfv-photo{position:absolute;right:0;top:-168px;width:656px;height:902px;object-fit:cover}
.wfv-fade{position:absolute;right:207px;top:0;width:449px;height:100%;background:linear-gradient(to left,rgba(23,2,6,0),#170206)}
.wfv-content{position:absolute;left:57px;top:79px;width:822px;height:354px;display:flex;align-items:center}
.wfv-title{width:542px;flex-shrink:0}
.wfv-eyebrow{font:700 14px/18.23px var(--f-dm);letter-spacing:3px;color:var(--salmon)}
.wfv-title h2{margin-top:8px;display:flex;flex-direction:column;gap:15px;font:400 72px/68px var(--f-ys);color:#fff;text-transform:uppercase}
.wfv-title h2 .rose{color:var(--rose)}
.wfv-divider{display:block;width:120px;height:2px;background:var(--rose);margin:24px 0 22px}
.wfv-para{width:479px;font:400 15px/22.5px var(--f-dm);color:#faf3ed}
.wfv-quote{width:280px;padding-top:20px}
.wfv-quote img{opacity:.6;margin-bottom:20px}
.wfv-quote p{font:italic 400 16px/24px var(--f-dm);color:#fff}
.wfv-quote cite{display:block;margin-top:12px;font:700 14px/18.23px var(--f-dm);color:var(--salmon)}

/* ======================= OFFERINGS ======================= */
.offerings{background:#f7f1ee}
/* Figma's Desktop-4 frame overlaps Desktop-3's bottom 65px, so the visible offerings section ends right under the benefits bar */
.offerings-wrap{padding:57px 40px 0;display:flex;flex-direction:column;gap:56px}
.sec-title{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.sec-eyebrow{font:700 20px/26.04px var(--f-dm);letter-spacing:4px;text-transform:uppercase;color:var(--rose)}
.sec-title h2{font:700 36px/53.35px var(--f-osw);text-transform:uppercase;color:var(--ink)}
.off-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.off-col{display:flex;flex-direction:column;gap:20px}
.off-head{display:flex;align-items:stretch}
.off-num{width:32px;font:600 20px/30px var(--f-witt);color:var(--rose);flex-shrink:0}
.off-vline{width:1px;background:#e8d8d5;margin-right:20px;flex-shrink:0}
.off-head-text{display:flex;flex-direction:column;gap:4px}
.off-head-text h3{font:800 14px/18.23px var(--f-dm);text-transform:uppercase;color:var(--ink)}
.off-head-text h3 small{display:block;margin-top:4px;font:700 12px/15.62px var(--f-dm);color:var(--rose)}
.off-head-text h3 .h3-l2{display:block;margin-top:4px}
.off-img{height:220px;border-radius:8px;overflow:hidden}
.off-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.off-col:hover .off-img img{transform:scale(1.05)}
.off-col p{font:400 13px/19.5px var(--f-dm);color:#5e4a4e}
.benefits{display:flex;align-items:center;height:88px;padding:20px 40px;border-radius:16px;background:#2b0b13}
.benefits li{flex:1;display:flex;align-items:center;gap:16px;position:relative}
.benefits li+li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:40px;background:#42141f}
.ben-icon{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--rose);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefits div{display:flex;flex-direction:column;gap:2px}
.benefits h4{font:700 13px/16.93px var(--f-dm);text-transform:uppercase;color:#fff}
.benefits p{font:400 12px/15.62px var(--f-dm);color:var(--salmon)}

/* ======================= SESSIONS ======================= */
.sessions{background:var(--bg)}
.sessions-wrap{height:882px;overflow:hidden}
.sessions-photo{position:absolute;right:-129px;top:-14px;width:818px;height:545px}
.sessions-photo img{width:100%;height:100%;object-fit:cover}
.sessions-fade{position:absolute;left:0;top:8px;width:389px;height:537px;background:linear-gradient(to left,rgba(249,243,240,0),var(--bg)),linear-gradient(to left,rgba(249,243,240,0),var(--bg))}
.sessions-head{position:absolute;left:112px;top:94px;width:672px;z-index:2}
.sessions-eyebrow{font:800 24px/30.24px var(--f-out);text-transform:uppercase;color:rgba(58,15,27,.36)}
.sessions-head h2{margin-top:8px;display:flex;flex-direction:column;font:700 96px/100.8px var(--f-osw);white-space:nowrap}
.sessions-head .l1{color:var(--plum2)}
.sessions-head .l2{color:var(--coral3)}
.sessions-cats{margin-top:24px;display:flex;align-items:center;gap:12px;font:800 24px/30.24px var(--f-out);color:var(--plum2)}
.sessions-cats i{width:6px;height:6px;border-radius:50%;background:var(--coral3)}
.sched{position:absolute;left:86px;top:435px;width:1268px;display:flex;gap:36px;align-items:center;z-index:2}
.sched-group{position:relative;padding-top:26px}
.sched-badge{
  position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;height:44px;padding:8px 16px;border-radius:8px;background:var(--plum2);
  font:700 16px/20.16px var(--f-out);text-transform:uppercase;color:#fff;white-space:nowrap;
}
.sched-cards{display:flex}
.sched-card{
  width:410.67px;height:326px;padding:32px 24px 24px;border-radius:16px;background:#fcfaf7;border:1px solid #e8e2dd;
  display:flex;flex-direction:column;gap:20px;transition:transform .3s var(--ease),box-shadow .3s ease;
}
.sched-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(58,15,27,.08);position:relative;z-index:1}
.sched-card-head{display:flex;align-items:center;gap:8px}
.sched-circle{width:56px;height:56px;border-radius:50%;background:#f6eae6;display:flex;align-items:center;justify-content:center}
.sched-pill{padding:4px 12px;border:1px solid var(--coral3);border-radius:100px;font:700 11px/13.86px var(--f-out);text-transform:uppercase;color:var(--coral3)}
.sched-card h3{font:700 20px/24px var(--f-out);color:var(--plum2)}
.days{display:flex;gap:6px;flex-wrap:wrap}
.days span{padding:6px 12px;border-radius:6px;background:#f3ede8;font:600 11px/15.03px var(--f-man);text-transform:uppercase;color:var(--plum2)}
.time{display:flex;align-items:center;gap:8px;font:600 16px/20.16px var(--f-out);color:var(--plum2)}
.sched-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;background:var(--coral3);
  font:700 12px/15.12px var(--f-out);text-transform:uppercase;color:#fff;transition:background .3s ease;
}
.sched-btn:hover{background:#d64d4d}
.sched-btn img{transition:transform .3s var(--ease)}
.sched-btn:hover img{transform:translateX(4px)}

/* ======================= ONLINE PLANS ======================= */
.plans{background:#fff1e6}
.plans-wrap{height:810px;overflow:hidden}
.plans-photo{position:absolute;right:-81px;top:-32px;width:695px;height:927px;object-fit:cover}
.plans-head{position:absolute;left:100px;top:57px;width:500px;z-index:2}
.plans-eyebrow{font:700 16px/21.86px var(--f-man);text-transform:uppercase;color:#e26e77}
.plans-head h2{margin-top:2px;font:700 96px/115.2px var(--f-osw);color:var(--plum3);white-space:nowrap}
.plans-divider{display:block;width:40px;height:3px;background:#e26e77;margin:2px 0 9px}
.plans-sub{font:800 32px/43.71px var(--f-man);text-transform:uppercase;color:var(--plum3);white-space:nowrap}
.plans-sub span{color:var(--coral3)}
.plans-tag{margin-top:4px;font:500 24px/32.78px var(--f-man);color:#000;white-space:nowrap}
.plans-hand{position:absolute;left:817px;top:118px;font:700 28px/28px var(--f-kal);color:#e26e77;z-index:2}
.plan-cards{position:absolute;left:87px;top:365px;height:391px;display:flex;align-items:center;gap:17px;z-index:2}
.plan-card{
  width:259px;height:339px;padding:28px 16px 20px;border-radius:20px;background:#fff;border:1px solid #ede2dd;box-shadow:0 4px 4px rgba(0,0,0,.09);
  display:flex;flex-direction:column;align-items:center;gap:21px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s ease;
}
.plan-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(58,13,26,.12)}
.plan-num{display:flex;align-items:center;gap:12px;font:700 20px/27.32px var(--f-man);color:var(--plum3)}
.plan-num span{width:20px;height:1px;background:#ede2dd}
.plan-name{display:flex;flex-direction:column;gap:4px}
.plan-name h3{font:800 24px/30.24px var(--f-out);text-transform:uppercase;color:var(--plum3)}
.plan-name p{font:700 15px/20.49px var(--f-man);text-transform:uppercase;color:#e26e77}
.plan-price{font:800 48px/60.48px var(--f-out);color:var(--plum3)}
.plan-access{display:flex;align-items:center;gap:6px;font:600 12px/16.39px var(--f-man);color:#6e5a60}
.plan-cal{width:28px;height:28px;border-radius:50%;background:#faf2ee;display:flex;align-items:center;justify-content:center}
.plan-btn{
  width:100%;height:38px;border-radius:8px;background:var(--plum3);display:flex;align-items:center;justify-content:center;gap:4px;
  font:700 11px/15.03px var(--f-man);color:#fff;transition:background .3s ease;
}
.plan-btn:hover{background:#551a2a}
.plan-featured-wrap{position:relative;width:307px;height:391px}
.plan-flag{
  position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3;padding:4px 16px;border-radius:6px;background:#e26e77;
  font:800 13px/17.76px var(--f-man);text-transform:uppercase;color:#fff;white-space:nowrap;
}
.plan-featured{
  position:absolute;top:15px;left:0;width:307px;height:376px;border:0;background:#2e0812;box-shadow:0 16px 32px rgba(64,12,25,.2);
  justify-content:space-between;gap:0;
}
.plan-featured .plan-num{color:#e26e77}
.plan-featured .plan-num span{background:#8a6973}
.plan-featured .plan-name h3{font-size:32px;line-height:40.32px;color:#fff}
.plan-featured .plan-name p{font-size:16px;line-height:21.86px}
.plan-featured .plan-price{color:#fff}
.plan-featured .plan-access{font-size:15px;line-height:20.49px;color:#fff}
.plan-featured .plan-cal{background:#fff}
.plan-featured .plan-btn{background:#e26e77}
.plan-featured .plan-btn:hover{background:#ec7f87}
.plans-band{background:var(--plum3);height:72px}
.plans-band-in{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 48px 0 40px}
.plans-band-in p{font:700 13px/16.38px var(--f-out);text-transform:uppercase;color:#faf3ee}
.plans-band-in img{width:122px;height:38px}

/* ======================= MEDIA ======================= */
.media{background:#fff}
.media-wrap{height:986px;overflow:hidden}
.media-decor{position:absolute;left:-102px;top:80px;width:345px;height:745px}
.media-photo{position:absolute;right:-45px;top:72px;width:800px;height:923px}
.media-photo img{width:100%;height:100%}
.media-col{position:absolute;left:80px;top:73px;width:574px;display:flex;flex-direction:column;gap:27px;z-index:2}
.media-eyebrow{font:700 20px/26px var(--f-geist);text-transform:uppercase;color:#6b2d42}
.media-head h2{margin-top:11px;font:700 72px/79.92px var(--f-osw);color:var(--plum4)}
.media-head h2 span{color:var(--coral3)}
.media-divider{display:block;width:97px;height:3px;background:var(--coral3);margin:29px 0 9px}
.media-sub{font:600 14px/18.2px var(--f-geist);text-transform:uppercase;color:var(--ink)}
.media-para{font:400 24px/26.4px var(--f-geist);color:var(--plum4)}
.media-badges{display:flex;gap:24px}
.media-badge{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:7px 16px;border:1px solid rgba(0,0,0,.05);border-radius:12px;transition:transform .3s var(--ease),border-color .3s}
.media-badge:hover{transform:translateY(-4px);border-color:rgba(229,91,91,.35)}
.media-badge.tedx{padding:12px 16px 16px}
.media-badge+.media-badge::before{content:"";position:absolute;left:-12px;top:0;width:1px;height:90px;background:#e8d8d5}
.media-badge span{font:700 12px/15.6px var(--f-geist);text-transform:uppercase;color:var(--ink);text-align:center}
.media-badge img{display:block}
.media-feat{display:flex;flex-direction:column;gap:20px}
.media-feat h4{font:700 14px/18.2px var(--f-geist);text-transform:uppercase;color:var(--coral3)}
.media-logos{margin-top:12px;display:flex;align-items:center;gap:16px}
.media-tv-row{margin-top:12px;display:flex;gap:16px;width:634px}
.media-tv-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.media-tv-item:first-child{gap:12px;width:136px}
.media-tv-item:nth-child(3){width:249px}
.media-tv-item:nth-child(5){width:185px}
.media-tv-logos{display:flex;align-items:center;gap:12px}
.media-tv-item p{font:700 14px/18.2px var(--f-geist);text-transform:uppercase;color:#626262;text-align:center}
.media-tv-item:first-child p{width:109px}
.media-tv-item:nth-child(3) p{width:185px}
.media-tv-item:nth-child(5) p{white-space:nowrap}
.media-tv-line{width:3px;background:#e8d8d5;flex-shrink:0;align-self:stretch}
.r9{border-radius:9px}
.media-band{background:var(--plum4);height:170px}
.media-band-in{display:flex;align-items:center;justify-content:space-between;height:100%;padding:48px 80px}
.media-band-quote{display:flex;gap:16px;width:600px}
.media-band-qmark{width:23px;font:700 48px/32px var(--f-pf);color:#fff;flex-shrink:0}
.media-band-quote div{display:flex;flex-direction:column;gap:8px}
.media-band-quote p{font:400 16px/24px var(--f-geist);color:#fff}
.media-band-quote cite{font:600 14px/18.2px var(--f-geist);color:#e05a47}
.metrics{display:flex;align-items:center;gap:48px}
.metrics li{display:flex;align-items:center;gap:12px}
.metrics img{width:24px;height:24px;margin:4px}
.metrics div{display:flex;flex-direction:column;gap:2px}
.metrics strong{font:700 20px/26.66px var(--f-pf);color:#fff}
.metrics span{font:400 12px/15.6px var(--f-geist);color:#fff;opacity:.7}

/* ======================= INFLUENCER ======================= */
.influencer{background:#faf3ed}
.influencer-wrap{height:668px;overflow:hidden}
.inf-composite{position:absolute;right:-64px;top:57px;width:803px;height:742px}
.inf-composite img{width:100%;height:100%}
.inf-col{position:absolute;left:82px;top:105px;width:500px;display:flex;flex-direction:column;gap:24px;z-index:2}
.inf-title{display:flex;flex-direction:column;font:700 96px/91.2px var(--f-osw)}
.inf-title .l1{color:var(--coral3)}
.inf-title .l2{color:#3c0f1e}
.inf-pitch{display:flex;flex-direction:column;gap:12px}
.inf-pitch h3{font:800 24px/31.2px var(--f-geist);color:#2c1e21;white-space:nowrap}
.inf-pitch p{font:400 24px/36px var(--f-geist);color:#6b5a5e}
.inf-connect{display:flex;align-items:center;gap:16px}
.inf-hand{font:400 32px/43.59px var(--f-par);color:#c84b5b}
.inf-socials{display:flex;gap:10px}
.inf-socials a{width:39px;height:38px;border-radius:10px;background:#c84b5b;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease),background .3s}
.inf-socials a:hover{transform:translateY(-3px);background:#d85a6a}
.inf-pillars{display:flex;width:460px;border-radius:16px;background:rgba(255,255,255,.38);border:1px solid #eadcd2;overflow:hidden}
.inf-pillars li{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 12px;border-right:1px solid #eadcd2;text-align:center}
.inf-pillars li:last-child{border-right:0}
.inf-pillars span{font:700 11px/14.3px var(--f-geist);color:#2c1e21}
.connect{background:#faf3ed;min-height:204px}
.connect-wrap{padding:20px 58px 24px;display:flex;flex-direction:column;gap:12px}
.connect-head{display:flex;align-items:center;gap:16px}
.connect-head span{flex:1;height:1.5px;background:#eadcd2}
.connect-head h3{font:800 24px/31.2px var(--f-geist);color:#c84b5b;white-space:nowrap}
.connect-grid{display:flex;gap:32px}
.connect-item{flex:1;display:flex;gap:12px;padding:12px;align-items:flex-start}
.connect-item:nth-child(2){align-items:center}
.connect-item>img{flex-shrink:0}
.connect-item>div{flex:1;display:flex;flex-direction:column;gap:12px}
.connect-item h4{font:700 13px/16.9px var(--f-geist);color:#2c1e21}
.connect-item p{margin-top:-10px;font:400 11px/14.3px var(--f-geist);color:#6b5a5e}
.connect-btn{display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:7px;background:#2c1e21;font:700 12px/15.6px var(--f-geist);color:#fff;transition:transform .3s var(--ease),filter .3s}
.connect-btn:hover{transform:translateY(-2px);filter:brightness(1.15)}
.connect-btn.yt{background:#ff0000}

/* ======================= MEE WEAR ======================= */
.wear{background:var(--bg);display:flex;flex-direction:column;gap:62px}
.wear-banner{position:relative;height:667px;background:url(../assets/img/wear-bg.jpg) center/cover no-repeat}
.wear-banner::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.09)}
.wear-banner-in{height:100%}
.wear-models{position:absolute;left:82px;top:57px;width:541px;height:581px;object-fit:cover}
.wear-brand{position:absolute;right:112px;top:103px;width:631px;display:flex;flex-direction:column;align-items:center;gap:48px}
.wear-brand>img{width:631px;height:298px}
.wear-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;width:397px;height:73px;padding:16px 40px;border-radius:40px;background:var(--wine);
  font:700 28px/36.4px var(--f-geist);text-transform:uppercase;color:#fff;transition:transform .3s var(--ease),box-shadow .3s;
}
.wear-cta:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(81,0,28,.3)}
.wear-story-wrap{display:flex;gap:64px;padding:0 80px}
.wear-story{width:608px;flex-shrink:0;display:flex;flex-direction:column;gap:32px}
.wear-eyebrow{font:800 12px/15.6px var(--f-geist);text-transform:uppercase;color:var(--coral3)}
.wear-story-head h2{margin-top:12px;display:flex;flex-direction:column;gap:7px;font:600 57px/62.7px var(--f-osw);letter-spacing:-.57px;text-transform:uppercase}
.wear-story-head .l1{color:var(--ink)}
.wear-story-head .l2{color:var(--coral3)}
.wear-body{display:flex;flex-direction:column;gap:20px}
.wear-body p{font:600 15px/24px var(--f-geist);color:#605255}
.wear-more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font:700 14px/18.2px var(--f-geist);text-transform:uppercase;color:#3a0f1e}
.wear-more img{transition:transform .3s var(--ease)}
.wear-more:hover img{transform:translateX(4px)}
.wear-features{width:608px;flex-shrink:0;display:flex;flex-direction:column;gap:40px}
.feat-row{display:flex;gap:16px}
.feat{width:140px;height:208px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;border-radius:16px;transition:background .3s,transform .3s var(--ease)}
.feat:hover{background:rgba(246,236,233,.6);transform:translateY(-4px)}
.feat-icon{width:56px;height:56px;border-radius:50%;background:#f6ece9;display:flex;align-items:center;justify-content:center}
.feat h4{font:700 14px/18.2px var(--f-geist);text-transform:uppercase;color:var(--ink)}
.feat p{width:92px;font:400 13px/18.2px var(--f-geist);color:#605255}
.first-collection{display:flex;align-items:center;justify-content:space-between;height:149px;padding:32px;border-radius:16px;background:#f6ece9}
.first-collection>div{width:365px;display:flex;flex-direction:column;gap:8px}
.fc-eyebrow{font:800 11px/14.3px var(--f-geist);text-transform:uppercase;color:#d08c93}
.fc-text{font:400 14px/21px var(--f-geist);color:var(--ink)}
.fc-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:40px;background:var(--wine);font:700 13px/16.9px var(--f-geist);text-transform:uppercase;color:#fff;white-space:nowrap;transition:transform .3s var(--ease)}
.fc-cta:hover{transform:translateY(-2px)}
img.white{filter:brightness(0) invert(1)}
.collection{background:#fff}
.collection-in{padding:40px 80px;display:flex;flex-direction:column;align-items:center;gap:24px}
.collection h3{font:800 20px/26px var(--f-geist);letter-spacing:3px;text-transform:uppercase;color:var(--plum4);opacity:.8}
.cat-grid{display:flex;justify-content:space-between;width:100%;padding:0 40px}
.cat{width:110px;display:flex;flex-direction:column;align-items:center;gap:16px}
.cat-circle{width:92px;height:92px;border-radius:32px;background:#fff;border:1.5px solid #f6d3d6;box-shadow:0 4px 12px rgba(64,17,27,.04);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease),box-shadow .3s}
.cat:hover .cat-circle{transform:translateY(-6px);box-shadow:0 14px 24px rgba(64,17,27,.1)}
.cat>span:last-child{font:800 20px/16px var(--f-geist);letter-spacing:.8px;text-transform:uppercase;color:var(--plum4);white-space:nowrap}

/* ======================= IMPACT ======================= */
.impact{position:relative;z-index:1}
.impact-wrap{height:636px}
.impact-bg{position:absolute;left:429px;top:114px;width:1011px;height:444px;object-fit:cover;object-position:left;opacity:.17}
.impact-meenal{position:absolute;right:188px;top:76px;width:511px;height:743px;z-index:1}
.impact-texts{position:absolute;left:91px;top:106px;width:574px;display:flex;flex-direction:column;gap:24px;z-index:2}
.impact-texts h2{display:flex;flex-direction:column;font:600 128px/135.68px var(--f-osw);white-space:nowrap}
.impact-texts .l1{color:var(--plum4)}
.impact-texts .l2{color:var(--coral3)}
.impact-sub{font:700 20px/26.04px var(--f-dm);color:#ce5e70}
.impact-para{font:600 22px/35.2px var(--f-dm);color:#000}
.impact-quote{position:absolute;right:0;top:131px;width:327px;display:flex;flex-direction:column;gap:8px;z-index:2}
.impact-quote p{font:700 36px/57.38px var(--f-kal);color:#ce5e70}
.impact-quote cite{font:700 20px/26.04px var(--f-dm);text-transform:uppercase;color:var(--plum4)}

/* ======================= TESTIMONIALS ======================= */
.testimonials{position:relative;z-index:2}
.testimonials-wrap{padding-left:107px;display:flex;flex-direction:column;gap:50px}
.testi-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.testi-pill{display:inline-block;padding:6px 16px;border-radius:9999px;background:rgba(253,187,18,.2);font:400 16px/24px var(--f-inter);letter-spacing:.8px;text-transform:uppercase;color:#6c4d00}
.testi-head h2{font:700 56px/72.8px var(--f-pop);text-transform:uppercase;color:#000}
.testi-head em{font-style:italic;font-weight:900;color:#e62065}
.carousel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0;margin:-8px 0;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.carousel::-webkit-scrollbar{display:none}
.carousel.dragging{cursor:grabbing;scroll-snap-type:none}
.testi-card{
  position:relative;flex:0 0 360px;width:360px;height:519px;border-radius:20px;background:#fff;border:1px solid #e7e4e0;box-shadow:0 4px 16px rgba(28,27,25,.02);
  overflow:hidden;scroll-snap-align:start;transition:transform .3s var(--ease),box-shadow .3s;
}
.testi-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(28,27,25,.1)}
.testi-card.placeholder{background:#b5b5b5}
.testi-card>img{position:absolute;inset:0;width:100%;height:534px;object-fit:cover;pointer-events:none}
.testi-card:not(.placeholder)::after{content:"";position:absolute;inset:0;background:rgba(28,27,25,.1)}
.play{position:absolute;left:50%;top:241px;transform:translateX(-50%);z-index:2;width:52px;height:52px;border-radius:50%;background:var(--coral3);box-shadow:0 4px 12px rgba(28,27,25,.1);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease)}
.play:hover{transform:translateX(-50%) scale(1.1)}

/* ======================= APP CTA + FOOTER ======================= */
.app{margin-top:119px}
.app-wrap{height:587px}
.app-block{position:absolute;left:0;top:154px;width:100%;height:433px;border-radius:44px 44px 0 0;background:linear-gradient(90deg,#7f0030 0%,var(--coral3) 50%,var(--coral3) 100%)}
.app-content{position:absolute;left:146px;top:51px;width:678px;display:flex;flex-direction:column;gap:22px}
.app-content h2{width:627px;font:600 54px/64.8px var(--f-osw);color:#fff}
.app-content p{width:590px;font:500 24px/28.8px var(--f-inter);letter-spacing:.48px;color:rgba(255,255,255,.7)}
.store-btns{display:flex;align-items:center;gap:16px}
.store-btns a,.footer-app a{display:block;transition:transform .3s var(--ease)}
.store-btns a:hover,.footer-app a:hover{transform:translateY(-3px)}
.app-phone{position:absolute;right:167px;top:-22px;width:325px;height:673px;z-index:1}
.footer{position:relative;z-index:2;margin-top:-38px;background:#000;border-radius:44px 44px 0 0;color:#fff}
.footer-in{padding:92px 80px 58px;display:flex;flex-direction:column;gap:67px}
.footer-grid{display:grid;grid-template-columns:473px 269px 204px 208px;height:203px}
.footer-brand img{width:334px;height:104px}
.footer-col h3{font:700 18px/27px var(--f-rc);letter-spacing:-.44px;color:#fff}
.footer-col ul{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.footer-col li{height:24px}
.footer-col li a{display:inline-block;padding-top:4.5px;font:400 16px/20px var(--f-inter);letter-spacing:-.15px;color:rgba(255,255,255,.7);transition:color .3s,transform .3s var(--ease)}
.footer-col li a:hover{color:#fff;transform:translateX(4px)}
.footer-app li{height:auto}
.footer-app img{width:208px;height:70px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;height:53px;border-top:1px solid var(--coral3)}
.footer-social{display:flex;align-items:center;gap:16px}
.footer-social a{display:flex;transition:transform .3s var(--ease),opacity .3s}
.footer-social a:hover{transform:translateY(-3px);opacity:.8}
.footer-bottom p{font:400 14px/20px var(--f-inter);letter-spacing:-.15px;color:#fff}

/* =====================================================================
   RESPONSIVE
   900-1439px: the 1440 layout is scaled proportionally (zoom), so every
   overlap/offset stays exactly as designed. Below 900px the sections
   reflow into a real single-column layout.
   ===================================================================== */
@media (max-width:1439px) and (min-width:900px){
  body{zoom:var(--z)}
}

@media (max-width:899px){
  section[id],footer[id]{scroll-margin-top:72px}

  /* nav */
  .nav-in{height:72px;padding:12px 20px}
  .logo img{width:150px;height:47px}
  .nav-cta{display:none}
  .burger{display:flex}
  .logo,.burger{position:relative;z-index:45} /* above the fixed menu panel, which shares the header's stacking context */
  .nav-links{
    position:fixed;left:0;right:0;top:0;bottom:0;z-index:40;flex-direction:column;align-items:flex-start;gap:0;padding:96px 28px 32px;
    background:var(--nav);transform:translateX(100%);transition:transform .35s var(--ease);overflow-y:auto;
  }
  .nav-links.open{transform:none}
  .nav-links a{font-size:18px;line-height:24px;padding:14px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.08);width:100%}
  .nav-links a::after{display:none}
  .nav-links a.nav-cta-mobile{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;align-self:flex-start;margin:28px 0 0;padding:0 28px;height:48px;border:0;border-radius:100px;font:700 14px/1 var(--f-is)}

  /* hero */
  .hero{height:auto;padding:48px 20px 200px}
  .hero-bg{inset:0;height:auto;background-size:cover;background-position:68% top}
  .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,7,15,.78) 0%,rgba(28,7,15,.55) 55%,rgba(28,7,15,.35) 100%)}
  .hero-content{position:static;width:100%;gap:24px}
  .tagline{height:auto}
  .tagline p{font-size:18px;line-height:24px}
  .hero-title{font-size:clamp(56px,17vw,92px);line-height:.95;letter-spacing:2px}
  .hero-bio{width:100%;font-size:18px;line-height:28px}
  .hero-cta{width:100%;max-width:518px;height:auto;min-height:62px;padding:6px 6px 6px 18px;font-size:14px;line-height:20px;white-space:normal;gap:12px;justify-content:space-between}
  .hero-cta-circle{width:48px;height:48px}
  .hero-cta-circle img{width:30px;height:auto}
  .hero-quote{position:relative;right:auto;top:auto;width:100%;max-width:320px;margin-top:40px;gap:14px}
  .hero-quote cite{font-size:30px;line-height:36px}

  /* stats */
  .stats{margin-top:-160px}
  .stats .wrap{padding:0 20px 32px}
  .stats-card{height:auto;padding:24px 20px}
  .stats-row{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;height:auto;justify-items:start}
  .stat{gap:10px}
  .stat-icon{width:44px;height:44px;border-radius:14px}
  .stat strong{font-size:26px;line-height:32px}
  .stat small{white-space:normal;font-size:10px;line-height:13px}
  .stats-foot{margin-top:24px}
  .stats-foot p{letter-spacing:1px;font-size:11px}

  /* about */
  .about{margin-top:0}
  .about-wrap{height:auto;overflow:visible;padding:40px 20px 0}
  .about-col{position:static;width:100%;gap:36px}
  .about-name{font-size:clamp(52px,14vw,72px);line-height:1.1}
  .about-role{font-size:20px;line-height:27px}
  .about-tags{white-space:normal;line-height:18px}
  .pillars{grid-template-columns:1fr;gap:20px}
  .about-photo{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:32px;max-width:560px;margin-left:auto;margin-right:auto}
  .about-photo img{width:100%;height:auto}

  /* wfv */
  .wfv-wrap{height:auto;overflow:visible;padding:0 0 48px}
  .wfv-photo{position:relative;right:auto;top:auto;width:100%;height:340px;object-position:50% 20%}
  .wfv-fade{right:auto;left:0;top:0;width:100%;height:340px;background:linear-gradient(to top,#170206 0%,rgba(23,2,6,0) 60%)}
  .wfv-content{position:static;width:100%;height:auto;flex-direction:column;align-items:flex-start;gap:36px;padding:8px 20px 0}
  .wfv-title{width:100%}
  .wfv-title h2{font-size:clamp(44px,12vw,64px);line-height:1;gap:8px}
  .wfv-para{width:100%}
  .wfv-quote{padding-top:0}

  /* offerings */
  .offerings-wrap{padding:48px 20px;gap:36px}
  .sec-title h2{font-size:28px;line-height:36px}
  .off-grid{grid-template-columns:1fr;gap:32px}
  .off-img{height:220px}
  .benefits{height:auto;flex-direction:column;align-items:stretch;padding:8px 20px;gap:0}
  .benefits li{padding:14px 0}
  .benefits li+li::before{left:0;top:0;transform:none;width:100%;height:1px}

  /* sessions */
  .sessions-wrap{height:auto;overflow:visible;padding-bottom:48px}
  .sessions-photo{position:relative;right:auto;top:auto;width:100%;height:280px}
  .sessions-fade{left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg) 0%,rgba(249,243,240,0) 55%)}
  .sessions-head{position:relative;left:auto;top:auto;width:100%;padding:0 20px;margin-top:-40px}
  .sessions-head h2{font-size:clamp(44px,12vw,68px);line-height:1.05;white-space:normal}
  .sessions-cats{flex-wrap:wrap;gap:10px;font-size:18px;line-height:24px}
  .sched{position:static;width:100%;flex-direction:column;align-items:stretch;gap:44px;padding:0 20px;margin-top:40px}
  .sched-cards{flex-direction:column;gap:16px}
  .sched-card{width:100%;height:auto}
  .sched-badge{transform:translateX(-50%)}

  /* plans */
  .plans-wrap{height:auto;overflow:visible;padding:40px 20px 0}
  .plans-photo{position:relative;right:auto;top:auto;width:100%;max-width:420px;height:auto;margin:8px auto 0;order:2}
  .plans-head{position:static;width:100%}
  .plans-head h2{font-size:clamp(44px,12vw,68px);line-height:1.15;white-space:normal}
  .plans-sub{white-space:normal;font-size:22px;line-height:30px}
  .plans-tag{white-space:normal;font-size:18px;line-height:26px}
  .plans-hand{position:static;margin-top:16px}
  .plan-cards{position:static;height:auto;flex-direction:column;gap:20px;margin-top:32px}
  .plan-card{width:100%;max-width:340px;height:auto}
  .plan-featured-wrap{width:100%;max-width:340px;height:auto;padding-top:15px}
  .plan-featured{position:relative;top:0;width:100%;height:auto;gap:21px}
  .plans-band{height:auto;margin-top:32px}
  .plans-band-in{padding:16px 20px;gap:12px}
  .plans-band-in p{font-size:11px}

  /* media */
  .media-wrap{height:auto;overflow:visible;padding:40px 20px 0}
  .media-decor{display:none}
  .media-col{position:static;width:100%}
  .media-head h2{font-size:clamp(40px,11vw,56px);line-height:1.1}
  .media-para{font-size:18px;line-height:26px}
  .media-badges{flex-direction:column;gap:12px}
  .media-badge+.media-badge::before{display:none}
  .media-logos{flex-wrap:wrap}
  .media-tv-row{width:100%;flex-direction:column;gap:20px}
  .media-tv-item,.media-tv-item:first-child,.media-tv-item:nth-child(3),.media-tv-item:nth-child(5){width:100%}
  .media-tv-line{width:100%;height:3px;align-self:auto}
  .media-photo{position:relative;right:auto;top:auto;width:100%;max-width:480px;height:auto;margin:32px auto 0}
  .media-band{height:auto}
  .media-band-in{flex-direction:column;align-items:flex-start;gap:28px;padding:32px 20px}
  .media-band-quote{width:100%}
  .metrics{flex-wrap:wrap;gap:20px 28px}

  /* influencer */
  .influencer-wrap{height:auto;overflow:visible;padding:40px 20px 0}
  .inf-col{position:static;width:100%}
  .inf-title{font-size:clamp(48px,13vw,72px);line-height:1}
  .inf-pitch h3{white-space:normal;font-size:20px;line-height:28px}
  .inf-pitch p{font-size:18px;line-height:28px}
  .inf-connect{flex-wrap:wrap}
  .inf-pillars{width:100%;flex-wrap:wrap}
  .inf-pillars li{flex:1 1 45%}
  .inf-pillars li:nth-child(2){border-right:0}
  .inf-pillars li:nth-child(-n+2){border-bottom:1px solid #eadcd2}
  .inf-composite{position:relative;right:auto;top:auto;width:100%;max-width:520px;height:auto;margin:32px auto 0}
  .connect-wrap{padding:24px 20px}
  .connect-head h3{white-space:normal;font-size:20px;line-height:26px;text-align:center}
  .connect-grid{flex-direction:column;gap:8px}

  /* mee wear */
  .wear{gap:40px}
  .wear-banner{height:auto;padding:32px 20px}
  .wear-models{position:relative;left:auto;top:auto;width:100%;max-width:420px;height:auto;margin:0 auto}
  .wear-brand{position:relative;right:auto;top:auto;width:100%;margin-top:28px;gap:24px}
  .wear-brand>img{width:100%;max-width:420px;height:auto}
  .wear-cta{width:100%;max-width:397px;height:60px;font-size:20px}
  .wear-story-wrap{flex-direction:column;gap:40px;padding:0 20px}
  .wear-story,.wear-features{width:100%}
  .wear-story-head h2{font-size:clamp(32px,8.5vw,44px);line-height:1.1}
  .feat-row{flex-wrap:wrap;gap:8px}
  .feat{width:calc(50% - 4px);height:auto;padding:20px 12px}
  .first-collection{flex-direction:column;align-items:flex-start;height:auto;gap:20px;padding:24px}
  .first-collection>div{width:100%}
  .collection-in{padding:32px 20px}
  .cat-grid{flex-wrap:wrap;justify-content:center;gap:24px 12px;padding:0}
  .cat{width:calc(33.33% - 8px)}
  .cat-circle{width:76px;height:76px;border-radius:24px}
  .cat-circle img{width:40px;height:40px}
  .cat>span:last-child{font-size:13px;letter-spacing:.5px}

  /* impact */
  .impact-wrap{height:auto;padding:48px 20px 0}
  .impact-bg{display:none}
  .impact-texts{position:static;width:100%}
  .impact-texts h2{font-size:clamp(56px,16vw,88px);line-height:1;white-space:normal}
  .impact-para{font-size:18px;line-height:28px}
  .impact-quote{position:static;width:100%;margin-top:28px}
  .impact-quote p{font-size:28px;line-height:44px}
  .impact-meenal{position:relative;right:auto;top:auto;width:100%;max-width:320px;height:auto;margin:20px auto 0}

  /* testimonials */
  .testimonials-wrap{padding:24px 0 0 20px;gap:28px}
  .testi-head h2{font-size:36px;line-height:44px}
  .carousel{padding-right:20px}
  .testi-card{flex-basis:280px;width:280px;height:404px}
  .testi-card>img{height:416px}
  .play{top:182px}

  /* app + footer */
  .app{margin-top:56px}
  .app-wrap{height:auto}
  .app-block{position:static;height:auto;padding:40px 20px 96px;border-radius:32px 32px 0 0}
  .app-content{position:static;width:100%}
  .app-content h2{width:100%;font-size:32px;line-height:40px}
  .app-content p{width:100%;font-size:16px;line-height:24px}
  .store-btns img{width:170px;height:auto}
  .app-phone{position:relative;right:auto;top:auto;width:220px;height:auto;margin:-72px auto 0;z-index:1}
  .footer{margin-top:-80px;border-radius:32px 32px 0 0}
  .footer-in{padding:110px 20px 32px;gap:40px}
  .footer-grid{grid-template-columns:1fr;height:auto;gap:32px}
  .footer-brand img{width:260px;height:auto}
  .footer-bottom{height:auto;flex-direction:column;align-items:flex-start;gap:16px;padding-top:20px}
}

@media (max-width:899px) and (min-width:600px){
  .off-grid{grid-template-columns:1fr 1fr}
  .pillars{grid-template-columns:1fr 1fr}
  .benefits{flex-direction:row;flex-wrap:wrap;padding:12px 20px}
  .benefits li{flex:1 1 45%}
  .benefits li+li::before{display:none}
  .connect-grid{flex-direction:row;flex-wrap:wrap}
  .connect-item{flex:1 1 45%}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}