/* SlimReset navigation v3 (Melissa chat #1672 mock, approved #1692). Scoped under .n3 so the old theme CSS can't leak in. */
@font-face{font-family:"SR Montserrat";src:url(sr-montserrat-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
.n3{--p:#956aff;--pd:#7c4dff;--ink:#15123a;--g:#6b6f86;--ln:#ece7fb;--soft:#f6f2ff;font-family:"SR Montserrat",Montserrat,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.35;letter-spacing:normal;text-transform:none;text-align:left;font-size:15px}
:where(.n3),:where(.n3) *,:where(.n3) *:before,:where(.n3) *:after{box-sizing:border-box}
:where(.n3) a,:where(.n3) a:hover{color:inherit;text-decoration:none;border:0}
:where(.n3) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0;letter-spacing:inherit;text-transform:none;min-height:0;min-width:0;width:auto;height:auto;border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}
:where(.n3) :is(ul,li){list-style:none;margin:0;padding:0}:where(.n3) li:before{content:none}
:where(.n3) p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
:where(.n3) img{max-width:none;display:block}:where(.n3) svg{display:inline-block;vertical-align:middle;overflow:visible}
:where(.n3) :is(b,small,em){font-family:inherit}
.n3 [hidden]{display:none!important}.n3[hidden]{display:none!important}
.n3 .n3-h3,.n3 .n3-h2{font-weight:700;line-height:1.2;color:var(--ink)}
.n3-mclose{width:44px;height:44px;font-size:26px!important;line-height:1}


.n3-ic{width:20px;height:20px;flex:none}
.n3-hdr{position:sticky;top:0;z-index:2000;background:#fff;border-bottom:1px solid var(--ln)}
.n3-hdr-in{max-width:1240px;margin:0 auto;height:68px;display:flex;align-items:center;gap:22px;padding:0 24px}
.n3-logo img{height:26px;display:block}
.n3-menu{display:flex;gap:4px;list-style:none;margin:0 0 0 10px;padding:0}
.n3-top{white-space:nowrap;display:flex;align-items:center;gap:5px;padding:9px 13px;border-radius:999px;font-size:14.5px;font-weight:600;color:#2b2850}
.n3-top:hover,.n3-top[aria-expanded=true]{background:var(--soft);color:var(--pd)}
.n3-chev{width:15px;height:15px;transition:transform .2s}.n3-top[aria-expanded=true] .n3-chev,.n3-acc-b[aria-expanded=true] .n3-chev{transform:rotate(180deg)}
.n3-right{margin-left:auto;display:flex;gap:10px;align-items:center}
.n3-fcpill{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1.5px solid #ddd0ff;border-radius:999px;font-weight:700;font-size:14px;color:var(--pd);background:#fff}
.n3-fcpill:hover,.n3-fcpill[aria-expanded=true]{background:var(--soft)}.n3-fcpill .n3-ic{width:17px;height:17px}
.n3-btn{display:inline-flex;align-items:center;gap:9px;background:var(--p);color:#fff;font-weight:700;font-size:14.5px;border-radius:999px;padding:11px 20px;white-space:nowrap;box-shadow:0 6px 16px rgba(149,106,255,.28)}
.n3-btn:hover{background:var(--pd)}.n3-btn.n3-sm{font-size:13.5px;padding:9px 9px 9px 16px}.n3-btn .n3-go{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--p)}.n3-btn .n3-go .n3-ic{width:14px;height:14px}
.n3-btn.n3-pill{padding:5px 18px 5px 5px}.n3-av{width:30px;height:30px;border-radius:50%;border:2px solid #fff;object-fit:cover;flex:none}
.n3-btn.n3-sm .n3-av{width:24px;height:24px}
.n3-burger{display:none;margin-left:auto;width:44px;height:44px;place-items:center}
.n3-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--ln);box-shadow:0 24px 40px rgba(21,18,58,.08);animation:fd .16s ease}
@keyframes fd{from{opacity:0;transform:translateY(-4px)}to{opacity:1}}
.n3-mega-in{max-width:1240px;margin:0 auto;padding:28px 24px 32px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:34px}
.n3-mega-in.n3-one{display:block}
.n3-col-m{border-left:1px solid var(--ln);padding-left:32px}
.n3-lbl{font-size:11px;font-weight:700;letter-spacing:.12em;color:#8b8fa6;text-transform:uppercase;margin:0 0 10px}
.n3-ll{list-style:none;margin:0 0 20px;padding:0}.n3-ll a{display:block;padding:6px 0;font-size:14.5px;color:#2b2850}.n3-ll a:hover{color:var(--pd)}
.n3-irow{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:14px;margin:0 -12px 2px}
.n3-irow:hover,.n3-irow:focus-visible{background:var(--soft)}
.n3-irow-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--soft);color:var(--p);flex:none}
.n3-irow:hover .n3-irow-ic{background:#fff}
.n3-irow-t{display:flex;flex-direction:column;gap:2px;flex:1}.n3-irow-t b{font-size:14.5px}.n3-irow-t small{font-size:12.5px;color:var(--g)}
.n3-irow-ar{color:#c3b6f2;opacity:0;transition:.15s}.n3-irow:hover .n3-irow-ar{opacity:1}.n3-irow-ar .n3-ic{width:16px;height:16px}
.n3-nest{margin:-2px 0 10px 51px}.n3-elig{display:inline-block;font-size:12.5px;color:var(--pd);text-decoration:underline;margin-bottom:8px}
.n3-sizes{display:flex;gap:8px}.n3-sizes a{flex:1;text-align:center;border:1px solid #e4dcff;border-radius:10px;padding:8px 0;font-family:Bitter,Georgia,serif;font-weight:700;font-size:14px;background:#fff}.n3-sizes a:hover{border-color:var(--p);color:var(--pd)}
.n3-aprice{display:inline-block;font-size:13.5px;font-weight:700;color:var(--pd);margin-bottom:8px}.n3-aprice:hover{text-decoration:underline}
.n3-promo{background:linear-gradient(160deg,#f8f5ff,#eee6ff);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:220px}
.n3-promo-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--p);margin-bottom:14px}
.n3-promo .n3-h3{margin:0 0 6px;font-size:19px}.n3-promo p{margin:0 0 16px;font-size:13.5px;color:var(--g);line-height:1.45}.n3-promo .n3-btn{margin-top:auto}
.n3-promo .n3-ph{width:100%;height:96px;border-radius:12px;background:repeating-linear-gradient(45deg,#e9e1ff,#e9e1ff 10px,#f3eeff 10px,#f3eeff 20px);display:grid;place-items:center;text-align:center;font-size:12px;color:#7b6fb0;margin-bottom:14px}
.n3-hours{display:flex;align-items:center;gap:7px;font-size:13px!important;color:var(--pd)!important;font-weight:600}.n3-hours .n3-ic{width:16px;height:16px}
.n3-riv{font-size:12px;color:#8b8fa6;margin:8px 0 0}
.n3-q{display:flex;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid #e6dcff;border-radius:12px;margin:0 0 8px}.n3-q .n3-qic{color:var(--p)}.n3-q p{margin:0;flex:1;font-size:13px;font-style:italic;color:#4a4766}.n3-q small{width:100%;padding-left:30px;font-size:11.5px;color:#8b8fa6}
.n3-fc{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.n3-fc .n3-h2{font-size:30px;margin:0 0 8px}.n3-fc-l>p{color:var(--g);margin:0 0 16px;line-height:1.5;max-width:420px}
.n3-fcl{list-style:none;padding:0;margin:0 0 20px}.n3-fcl li{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:14.5px}.n3-fcl .n3-ic{color:var(--p);width:18px;height:18px}
.n3-fc-r{background:linear-gradient(160deg,#f6f1ff,#e7dcff);border-radius:20px;padding:20px 22px}.n3-fct{font-size:12.5px;font-weight:700;color:var(--pd);margin-bottom:8px}.n3-curve{width:100%;height:auto;display:block}
.n3-fcb{display:flex;justify-content:space-between;margin-top:-6px}.n3-chip{background:#fff;border-radius:12px;padding:8px 14px;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(149,106,255,.15)}.n3-chip small{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--p)}.n3-chip b{font-size:16px}.n3-chip em{font-size:10.5px;color:#8b8fa6;font-style:normal}.n3-chip.n3-goal{border:1.5px solid #cdbaff}
.n3-scrim{position:fixed;inset:0;top:68px;background:rgba(21,18,58,.12);z-index:1990}
/* footer */
.n3-ft{border-top:1px solid var(--ln);background:#fff}.n3-ft-in{max-width:1240px;margin:0 auto;padding:48px 24px 24px;display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:24px}
.n3-ft-brand p{font-size:13.5px;color:var(--g);line-height:1.5;margin:12px 0 16px;max-width:230px}.n3-ft-brand img{height:26px}.n3-ft .n3-ll a{font-size:13.5px;padding:5px 0}
.n3-ft-bot{max-width:1240px;margin:0 auto;padding:18px 24px 28px;border-top:1px solid var(--ln);display:flex;gap:24px;align-items:center;font-size:12.5px;color:var(--g);flex-wrap:wrap}.n3-ft-bot nav{display:flex;gap:18px;margin-right:auto;flex-wrap:wrap}.n3-ft-bot a{text-decoration:underline}
/* mobile */
.n3-mnav{position:fixed;inset:0;background:#fff;z-index:2147482000;overflow:auto;padding:0 20px 28px}
.n3-mnav-h{display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid var(--ln);margin:0 -20px;padding:0 20px;position:sticky;top:0;background:#fff;z-index:2}
.n3-acc{border-bottom:1px solid var(--ln)}.n3-acc-b{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:56px;font-size:16.5px;font-weight:600;text-align:left}.n3-acc-b[aria-expanded=true]{color:var(--pd)}
.n3-acc-p{padding:0 0 14px}.n3-acc-p .n3-irow{margin:0 -8px;padding:10px 8px}.n3-acc-p .n3-irow-ar{display:none}.n3-acc-p .n3-ll a{padding:11px 0;font-size:15px}.n3-acc-m{margin-top:10px}.n3-acc-p .n3-nest{margin-left:59px}.n3-acc-p .n3-sizes a{padding:11px 0}
.n3-mcta{display:flex;flex-direction:column;gap:12px;margin-top:22px}.n3-mcta .n3-fcpill{justify-content:center;min-height:48px}.n3-btn.n3-full{justify-content:center;width:100%;min-height:50px;padding:6px 18px}
.n3-sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 30%);z-index:2147481000;transform:translateY(110%);transition:transform .25s;display:none}.n3-sticky.n3-on{transform:none}
@media (max-width:1180px){.n3-top{padding:9px 9px;font-size:14px}.n3-fcpill .n3-chev{display:none}.n3-hdr-in{gap:12px}.n3-btn.n3-pill .n3-bk-l{font-size:13.5px}}
@media (max-width:1023px){.n3-menu,.n3-right{display:none}.n3-burger{display:grid}.n3-hdr-in{height:64px;padding:0 18px}.n3-sticky{display:block}.n3-mega{display:none!important}.n3-scrim{display:none}
 .n3-ft-in{grid-template-columns:1fr 1fr;padding:36px 20px 20px}.n3-ft-brand{grid-column:1/-1}}

.n3-ft-in>div{min-width:0}.n3-ft .n3-ll{margin:0 0 8px}
.n3-ft-spacer{display:none}
@media (max-width:1023px){.n3-ft-spacer{display:block;height:84px}}
@media (max-width:520px){.n3-ft-bot{gap:12px}}
.n3-promo .n3-h3{font-size:19px;margin:0 0 6px}
.n3-fc .n3-h2{font-size:30px;margin:0 0 8px}
.n3 .n3-lbl{font-family:inherit}
.n3-sticky:not(.n3-on){visibility:hidden;transition:transform .25s,visibility 0s .25s}
@media (max-width:1023px){html.n3-sticky-on #sr-mel{bottom:84px!important}}
.n3-logo img{height:26px!important;width:auto!important;max-height:none!important}.n3-mnav-h img{height:24px!important;width:auto!important;max-height:none!important}
@media (max-width:1023px){.n3-logo img{height:24px!important}}

/* Melissa chat #1695 (Oct 27 2026): bring back the Felix-style phone navigation look (from chat #127) with the v3 menus inside: floating white bar (logo | client login, menu), full-screen white menu with big links that drill into each section, Support links and a Book a Free SlimChat box. Phones/tablets only (max 1023px). */
.n3-mlogin,.n3-fx-sup,.n3-fx-h,.n3-fx-p,.n3-fx-back{display:none}
@media (max-width:1023px){
.n3-hdr{background:transparent!important;border-bottom:0!important;padding:10px 12px 0;pointer-events:none}
.n3-hdr-in{pointer-events:auto;height:62px!important;padding:0 10px 0 18px!important;background:#fff;border-radius:16px;box-shadow:0 2px 14px rgba(38,35,31,.10);gap:4px!important}
.n3-mlogin{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;color:#26231f!important;border-radius:10px}
.n3-hdr .n3-burger{margin-left:0;width:40px;height:40px;color:#26231f}
.n3-mnav{padding:0!important;font-family:Garet,Arial,sans-serif;color:#26231f}
.n3-mnav-h{position:sticky;top:10px;margin:10px 12px 0!important;height:62px!important;padding:0 10px 0 18px!important;border:0!important;border-radius:16px;box-shadow:0 2px 14px rgba(38,35,31,.10);background:#fff}
.n3-mh-act{display:flex;align-items:center;gap:4px}.n3-mnav-h .n3-mlogin{margin-left:0}
.n3-mclose{width:40px!important;height:40px!important;display:inline-flex;align-items:center;justify-content:center;color:#26231f}
.n3-mnav>.n3-acc:first-of-type{margin-top:14px}
.n3-mnav>.n3-acc{border-bottom:0!important;padding:0 24px}
.n3-mnav .n3-acc-b{min-height:0!important;padding:12px 0!important;font:500 20px/1.2 Garet,Arial,sans-serif!important;letter-spacing:-.02em;color:#26231f!important}
.n3-mnav .n3-acc-b .n3-chev{width:22px;height:22px;transform:rotate(-90deg)!important}
.n3-fx-sup{display:block;margin-top:12px;padding:24px 0 0;border-top:1px solid #ece8e1}
.n3-fx-lbl{display:block;font-size:15px;color:#7a736b;margin:0 0 12px;padding:0 24px}
.n3-fx-sup ul{list-style:none;margin:0;padding:0 24px 24px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #ece8e1}
.n3-fx-sup a{font-size:17px;color:#26231f!important;text-decoration:none!important}
.n3-mnav .n3-mcta{margin:24px!important;padding:22px;border-radius:16px;background:#ebe5f2;border:1px solid #dcd2ea;gap:12px}
.n3-fx-h{display:block;font-size:18px;font-weight:600;margin:0}
.n3-fx-p{display:block;font-size:15px;line-height:1.45;margin:0;color:#4a4540}
.n3-mnav .n3-mcta .n3-fcpill{background:#fff}
/* drill-down: each section slides in as its own screen */
.n3-mnav .n3-acc-p,.n3-mnav .n3-acc-p[hidden]{display:block!important;position:fixed;left:0;right:0;top:82px;bottom:0;z-index:3;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;padding:0 24px 32px!important;transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}
.n3-mnav .n3-acc-b[aria-expanded=true]+.n3-acc-p{transform:none;visibility:visible;transition:transform .28s ease}
.n3-fx-back{display:flex;align-items:center;gap:8px;width:calc(100% + 48px);margin:0 -24px 12px;padding:16px 24px;border:0;border-bottom:1px solid #ece8e1;background:none;font:500 20px/1.2 Garet,Arial,sans-serif;color:#26231f;cursor:pointer;text-align:left}
.n3-fx-back svg{width:22px;height:22px;flex:0 0 22px}
.n3-mnav .n3-acc-p .n3-irow{margin:0 -8px;padding:12px 8px}
}

/* Melissa chat #1699 (Oct 27 2026): bring back the Felix-style desktop navigation look (from chats #89/#505) with the v3 menus inside: centred floating frosted-white bar, 60px tall, 20px from the top, 16px corners, and the mega panels drop below it as a matching rounded card. Desktop only (min 1024px). */
@media (min-width:1024px){
 .n3-hdr{position:sticky;top:20px;margin:20px 0 0;background:transparent;border:0;pointer-events:none}
 .n3-hdr>*{pointer-events:auto}
 .n3-hdr-in{width:calc(100% - 48px);max-width:1560px;height:60px;margin:0 auto;padding:0 10px 0 22px;border:1px solid rgba(232,230,236,.85);border-radius:16px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 1px 2px rgba(49,48,47,.05),0 6px 20px rgba(38,32,51,.03)}
 .n3-top{padding:8px 12px;font-size:15px;color:#27252d}
 .n3-top:hover,.n3-top[aria-expanded=true]{background:rgba(39,37,45,.06);color:#27252d}
 .n3-mega{left:50%;right:auto;top:calc(100% + 8px);width:calc(100% - 48px);max-width:1560px;transform:translateX(-50%);border:1px solid rgba(232,230,236,.85);border-radius:20px;overflow:hidden;box-shadow:0 24px 48px rgba(21,18,58,.10);animation:none}
 .n3-mega-in{max-width:none;padding:28px 32px 32px}
 .n3-scrim{top:0}
 body:has(.sr-home) .n3-hdr{margin-bottom:-80px}
 body:has(.sr-home) #MainContent .sr-home .sr-hero{padding-top:80px}
}
@media (min-width:1440px){.n3-hdr-in,.n3-mega{width:min(calc(100% - 12vw),1560px)}}
@media (max-width:1180px) and (min-width:1024px){.n3-hdr-in{width:calc(100% - 32px);padding:0 8px 0 16px}.n3-mega{width:calc(100% - 32px)}.n3-fcpill{padding:8px 10px;font-size:13.5px}.n3-top{padding:8px 8px;font-size:14px}.n3-hdr-in{gap:10px}.n3-menu{margin-left:2px;gap:0}.n3-logo img{height:22px!important}.n3-btn.n3-pill{padding:4px 14px 4px 4px;font-size:13.5px}}
@media (max-width:1100px) and (min-width:1024px){.n3-btn.n3-pill .n3-av{display:none}.n3-btn.n3-pill{padding:9px 14px}.n3-top{padding:8px 6px;gap:3px}.n3-chev{width:13px;height:13px}.n3-hdr-in{gap:8px}}
/* Melissa chat #1703 (Oct 27 2026): logo a little smaller on desktop only (26px to 22px; 22px to 19px at 1024-1180px). Phones unchanged. */
@media (min-width:1024px){.n3-logo img{height:22px!important}}
@media (max-width:1180px) and (min-width:1024px){.n3-logo img{height:19px!important}}
/* chat #1711: Why SlimReset menu uses the exact-match images from Melissa's mock */
#n3-p-why .n3-mega-in{grid-template-columns:1.15fr .8fr 1.3fr}
#n3-p-why .n3-irow{background:#faf8ff;margin:0 0 8px;padding:8px 12px 8px 8px;gap:14px}
#n3-p-why .n3-irow:hover{background:#f3eeff}
#n3-p-why .n3-why-th{width:110px;height:54px;border-radius:12px;overflow:hidden;background:#f3eeff;padding:0}
#n3-p-why .n3-irow:hover .n3-why-th{background:#f3eeff}
#n3-p-why .n3-why-th img{width:100%;height:100%;object-fit:cover;display:block}
#n3-p-why .n3-why-promo{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:8px;padding:0 24px 0 0;overflow:hidden;min-height:240px;background:#f1ecff}
#n3-p-why .n3-why-ph{width:100%;height:100%;max-height:260px;object-fit:cover;object-position:center bottom;align-self:end;display:block}
#n3-p-why .n3-why-pt{display:flex;flex-direction:column;align-items:flex-start;padding:22px 0}
/* chat #1723: Programs menu (desktop + phone) and phone Why SlimReset menu rebuilt to match Melissa's mockups */
#n3-p-programs .n3-mega-in{grid-template-columns:1.15fr .5fr 1.4fr;gap:28px;align-items:stretch}
#n3-p-programs .n3-col-m{padding-left:26px}
#n3-p-programs .n3-col-l .n3-lbl{margin-bottom:12px}
.n3 .n3-pc{position:relative;display:flex;align-items:center;gap:18px;margin:0 0 10px;padding:0 16px 0 0;border-radius:16px;overflow:hidden;min-height:104px;background:#f7f4fd}
.n3 .n3-pc:hover{filter:brightness(.985)}
.n3 .n3-pc-r{background:linear-gradient(90deg,#efe9fc,#f7f4fd 45%)}
.n3 .n3-pc-a{background:linear-gradient(90deg,#e1eefc,#eef5fc 45%)}
.n3 .n3-pc-k{background:linear-gradient(90deg,#f9e2c4,#fbf0e2 45%)}
.n3 .n3-pc-th{flex:none;width:150px;align-self:stretch;overflow:hidden}
.n3 .n3-pc-th img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.n3 .n3-pc .n3-irow-t b{font-size:16px;font-weight:700;color:#15123a}
.n3 .n3-pc .n3-irow-t small{font-size:13.5px;line-height:1.4;color:#6b6f86;max-width:220px}
.n3 .n3-pc-ar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#7c4dff;box-shadow:0 2px 8px rgba(21,18,58,.05)}
.n3 .n3-pc-ar .n3-ic{width:22px;height:22px}
#n3-p-programs .n3-col-m .n3-ll a{font-size:15px;padding:8px 0}
#n3-p-programs .n3-pg-promo{display:grid;grid-template-columns:56% 1fr;align-items:center;gap:6px;padding:0 24px 0 0;overflow:hidden;min-height:300px;height:100%;background:#f3f0fd}
#n3-p-programs .n3-pg-ph{width:100%;height:100%;max-height:380px;object-fit:contain;object-position:center bottom;display:block}
#n3-p-programs .n3-pg-pt{display:flex;flex-direction:column;align-items:flex-start;padding:22px 0}
#n3-p-programs .n3-pg-pt .n3-h3{font-size:21px}
@media (max-width:1023px){
.n3-mnav .n3-acc-p .n3-lbl{font:600 12px/1.2 "SR Montserrat",Montserrat,Arial,sans-serif;letter-spacing:.08em;color:#6b6f86;margin:14px 0 10px}
.n3-mnav .n3-acc-p .n3-pc{margin:0 0 10px!important;padding:0 14px 0 0!important;min-height:96px;gap:14px}
.n3-mnav .n3-acc-p .n3-pc-r{background:#f1eafc}.n3-mnav .n3-acc-p .n3-pc-a{background:#d9eafb}.n3-mnav .n3-acc-p .n3-pc-k{background:#fbe9c8}
.n3-mnav .n3-pc-th{width:138px}
.n3-mnav .n3-pc .n3-irow-t b,.n3-mnav .n3-mw .n3-irow-t b{font:700 17px/1.2 "SR Montserrat",Montserrat,Arial,sans-serif;color:#15123a}
.n3-mnav .n3-pc .n3-irow-t small,.n3-mnav .n3-mw .n3-irow-t small{font-size:14px;line-height:1.4;color:#6b6f86}
.n3-mnav .n3-pc-ar{width:46px;height:46px}
.n3-mnav .n3-acc-p .n3-mw{display:flex;align-items:center;gap:14px;margin:0 0 10px!important;padding:0 14px 0 0!important;border-radius:16px;overflow:hidden;min-height:104px;background:#f4f0fd}
.n3-mnav .n3-mw-th{width:150px!important;height:auto!important;align-self:stretch;border-radius:0!important;background:none!important;padding:0;flex:none}
.n3-mnav .n3-mw-th img{width:100%;height:100%;object-fit:cover;display:block}
.n3-mnav .n3-acc-p .n3-mw .n3-irow-ar{display:grid!important;place-items:center;opacity:1;flex:none;width:46px;height:46px;border-radius:50%;background:#fff;color:#7c4dff}
.n3-mnav .n3-acc-p .n3-mw .n3-irow-ar .n3-ic{width:22px;height:22px}
.n3-mnav .n3-acc-m .n3-ll a{display:flex;justify-content:space-between;align-items:center;font-size:16.5px;color:#26231f}
.n3-mnav .n3-acc-m .n3-ll a:after{content:"";width:8px;height:8px;border-right:1.8px solid #26231f;border-top:1.8px solid #26231f;transform:rotate(45deg);margin-right:6px;flex:none}
.n3-mnav .n3-acc-m .n3-ll{margin-bottom:12px}
.n3-mpg-promo{display:grid;grid-template-columns:48% 1fr;align-items:center;gap:10px;margin:8px 0 0;padding:0 14px 0 0;border-radius:16px;overflow:hidden;background:#f3effd;text-decoration:none!important}
.n3-mpg-promo img{width:100%;height:100%;object-fit:cover;display:block}
.n3-mpg-t{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 0}
.n3-mpg-t .n3-promo-ic{width:36px;height:36px;margin:0 0 6px}
.n3-mpg-t b{font:700 17px/1.2 "SR Montserrat",Montserrat,Arial,sans-serif;color:#15123a}
.n3-mpg-t small{font-size:12.5px;line-height:1.4;color:#6b6f86;margin-bottom:8px}
.n3-mpg-t .n3-btn{width:100%;justify-content:space-between;font-size:13.5px}
}
#n3-p-programs .n3-pg-promo{position:relative;display:flex;justify-content:flex-end;padding:0 24px 0 56%}
#n3-p-programs .n3-pg-ph{position:absolute;left:0;top:0;width:56%;height:100%;max-height:none;object-fit:contain;object-position:center bottom}
/* chat #1730: Results menu (desktop + phone) rebuilt to match Melissa's mockups; on phones each section's big box sits at the top */
#n3-p-results .n3-mega-in{grid-template-columns:1.25fr .55fr 1fr;gap:28px;align-items:stretch}
#n3-p-results .n3-col-m{padding-left:26px}
#n3-p-results .n3-col-m .n3-ll a{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:8px 0}
#n3-p-results .n3-col-m .n3-ll a:after{content:"";width:7px;height:7px;border-right:1.8px solid #2b2850;border-top:1.8px solid #2b2850;transform:rotate(45deg);margin:0 4px 0 12px;flex:none}
.n3 .n3-pc-res{background:linear-gradient(90deg,#efe9fc,#f6f3fd 45%);min-height:124px}
.n3 .n3-pc-res .n3-pc-th{width:200px}
.n3 .n3-pc-res .n3-pc-th img{object-position:center center}
.n3 .n3-pc-res .n3-irow-t{flex:1}
.n3-res-promo{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border-radius:18px;overflow:hidden;background:#efecfc;min-height:262px;height:100%;padding:22px 24px;text-decoration:none!important;color:inherit}
.n3-res-ph{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;display:block;pointer-events:none}
.n3-res-promo:before{content:"";position:relative;z-index:1;width:46px;height:46px;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c4dff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 2px 8px rgba(21,18,58,.05);flex:none}
.n3-res-pt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:58%;margin-top:18px}
.n3-res-pt .n3-h3{margin:0;font-size:21px;line-height:1.2;color:#15123a}
.n3-res-pt small{font-size:13.5px;line-height:1.45;color:#6b6f86}
.n3-res-pt .n3-res-riv{font-size:12.5px;margin-bottom:8px}
.n3-res-pt .n3-btn{white-space:nowrap}
@media (max-width:1023px){
.n3-mnav .n3-acc-p .n3-pc-res{background:#f1eefc}
.n3-mnav .n3-pc-res .n3-pc-th{width:150px}
.n3-mnav .n3-res-promo{margin:2px 0 16px;min-height:236px;height:auto;padding:16px 18px}
.n3-mnav .n3-res-promo:before{width:40px;height:40px;background-size:21px}
.n3-mnav .n3-res-pt{max-width:60%;margin-top:14px;gap:4px}
.n3-mnav .n3-res-pt .n3-h3{font:700 19px/1.2 "SR Montserrat",Montserrat,Arial,sans-serif}
.n3-mnav .n3-res-pt small{font-size:13px}
.n3-mnav .n3-res-pt .n3-res-riv{font-size:12px;margin-bottom:6px}
.n3-mnav .n3-res-pt .n3-btn{font-size:13.5px}
.n3-mnav .n3-acc-p>.n3-mpg-promo:nth-child(-n+2){margin:2px 0 16px}
.n3-mnav .n3-acc-p>.n3-mpg-promo:nth-child(-n+2)+.n3-lbl{margin-top:4px}
.n3-mnav .n3-mwhy-promo{grid-template-columns:38% 1fr}
.n3-mnav .n3-mwhy-promo img{object-position:center top;max-height:230px}
.n3-mnav .n3-acc-p>.n3-mtop{min-height:0;margin:2px 0 16px;padding:20px}
.n3-mnav .n3-mtop .n3-btn{margin-top:4px}
}
#n3-p-results .n3-mega-in{grid-template-columns:1.2fr .62fr 1fr}
#n3-p-results .n3-res-pt{max-width:62%}
#n3-p-results .n3-res-pt .n3-h3{font-size:19px}
#n3-p-results .n3-res-pt small{font-size:13px}
.n3 #n3-p-results .n3-pc-res .n3-pc-th{width:180px}
@media (max-width:1023px){
.n3-mnav .n3-pc-res .n3-pc-th{width:132px}
.n3-mnav .n3-pc-res{gap:12px!important;min-height:108px}
.n3-mnav .n3-pc-res .n3-irow-t b{font-size:16px}
.n3-mnav .n3-pc-res .n3-irow-t small{font-size:13.5px}
.n3-mnav .n3-pc-res .n3-pc-ar{width:42px;height:42px}
.n3-mnav .n3-res-pt{max-width:64%}
.n3-mnav .n3-res-pt .n3-h3{font-size:18px}
}
/* chat #1731: a little space between the phone menu header and Why SlimReset (restored again after chat #1730 commit fbc1909 dropped it) */
.n3-mnav-h+.n3-acc{margin-top:14px}
/* chat #1737: every menu tab uses the Programs menu as the template (column widths, card size, text size and the big box), desktop and phones */
@media (min-width:1024px){
.n3 .n3-mega-in:not(.n3-one),.n3 #n3-p-why .n3-mega-in,.n3 #n3-p-results .n3-mega-in{grid-template-columns:1.15fr .5fr 1.4fr;gap:28px;align-items:stretch}
.n3 .n3-mega .n3-col-m{padding-left:26px}
.n3 .n3-mega .n3-col-m .n3-ll a{font-size:15px;padding:8px 0}
.n3 .n3-mega .n3-col-l .n3-irow{position:relative;display:flex;align-items:center;gap:18px;margin:0 0 10px;padding:0 16px 0 0;border-radius:16px;overflow:hidden;min-height:104px}
.n3 .n3-mega .n3-col-l .n3-irow:not(.n3-pc),.n3 .n3-mega .n3-col-l .n3-irow:not(.n3-pc):hover{background:linear-gradient(90deg,#efe9fc,#f7f4fd 45%)}
.n3 .n3-mega .n3-col-l .n3-irow:hover{filter:brightness(.985)}
.n3 .n3-mega .n3-col-l .n3-irow-t b{font-size:16px;font-weight:700;color:#15123a}
.n3 .n3-mega .n3-col-l .n3-irow-t small{font-size:13.5px;line-height:1.4;color:#6b6f86;max-width:220px}
.n3 .n3-mega .n3-col-l .n3-irow-ar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#7c4dff;opacity:1;box-shadow:0 2px 8px rgba(21,18,58,.05)}
.n3 .n3-mega .n3-col-l .n3-irow-ar .n3-ic{width:22px;height:22px}
.n3 #n3-p-why .n3-why-th,.n3 #n3-p-results .n3-pc-res .n3-pc-th{flex:none;width:150px;height:auto;align-self:stretch;border-radius:0;background:none;padding:0;overflow:hidden}
.n3 #n3-p-why .n3-why-th img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.n3 #n3-p-results .n3-pc-res{min-height:104px}
.n3 #n3-p-learn .n3-col-l .n3-irow,.n3 #n3-p-support .n3-col-l .n3-irow{min-height:84px;padding-left:18px}
.n3 #n3-p-learn .n3-irow-ic,.n3 #n3-p-support .n3-irow-ic{width:48px;height:48px;border-radius:12px;background:#fff}
.n3 .n3-mega .n3-col-r>.n3-promo,.n3 .n3-mega .n3-col-r>.n3-res-promo{height:100%;min-height:300px;border-radius:20px}
.n3 .n3-mega .n3-col-r .n3-h3{font-size:21px}
.n3 .n3-mega .n3-col-r .n3-promo p,.n3 .n3-mega .n3-res-pt small{font-size:13.5px}
.n3 #n3-p-results .n3-res-pt .n3-h3{font-size:21px}
.n3 #n3-p-why .n3-why-promo{background:#f3f0fd}
.n3 #n3-p-why .n3-why-ph{height:100%;max-height:none}
}
@media (max-width:1023px){
.n3-mnav .n3-acc-p .n3-pc,.n3-mnav .n3-acc-p .n3-mw,.n3-mnav .n3-acc-p .n3-pc-res{min-height:96px;gap:14px!important;padding:0 14px 0 0!important;margin:0 0 10px!important;border-radius:16px}
.n3-mnav .n3-mw-th,.n3-mnav .n3-pc-res .n3-pc-th{width:138px!important}
.n3-mnav .n3-pc .n3-irow-t b,.n3-mnav .n3-mw .n3-irow-t b,.n3-mnav .n3-acc-p .n3-irow-t b{font:700 17px/1.2 "SR Montserrat",Montserrat,Arial,sans-serif;color:#15123a}
.n3-mnav .n3-pc .n3-irow-t small,.n3-mnav .n3-mw .n3-irow-t small,.n3-mnav .n3-acc-p .n3-irow-t small{font-size:14px;line-height:1.4;color:#6b6f86}
.n3-mnav .n3-pc-ar,.n3-mnav .n3-pc-res .n3-pc-ar{width:46px;height:46px}
.n3-mnav .n3-acc-p>.n3-irow:not(.n3-pc):not(.n3-mw){display:flex;align-items:center;gap:14px;margin:0 0 10px!important;padding:0 14px!important;min-height:84px;border-radius:16px;background:#f4f0fd}
.n3-mnav .n3-acc-p>.n3-irow:not(.n3-pc):not(.n3-mw) .n3-irow-ic{width:48px;height:48px;border-radius:12px;background:#fff}
.n3-mnav .n3-acc-p>.n3-irow:not(.n3-pc):not(.n3-mw) .n3-irow-ar{display:grid!important;place-items:center;opacity:1;flex:none;width:46px;height:46px;border-radius:50%;background:#fff;color:#7c4dff}
.n3-mnav .n3-acc-p>.n3-irow:not(.n3-pc):not(.n3-mw) .n3-irow-ar .n3-ic{width:22px;height:22px}
.n3-mnav .n3-res-pt .n3-h3,.n3-mnav .n3-acc-p>.n3-mtop .n3-h3{font:700 17px/1.2 "SR Montserrat",Montserrat,Arial,sans-serif}
.n3-mnav .n3-res-pt small,.n3-mnav .n3-acc-p>.n3-mtop p{font-size:12.5px}
.n3-mnav .n3-acc-p>.n3-mtop{border-radius:16px}
}
/* chat #1739: Results goal date bubble = today + 30 days (date drawn over sr-nav-res-promo2.webp) */
.n3-res-phw{position:absolute;right:0;top:0;height:100%;aspect-ratio:790/600;container-type:size;pointer-events:none;display:block}
.n3-res-phw .n3-res-ph{position:static;width:100%;height:100%}
.n3-res-date{position:absolute;left:53%;top:20.2%;transform:translate(-50%,-50%);font:700 3.4cqh/1 "SR Montserrat",Montserrat,Arial,sans-serif;color:#14125a;white-space:nowrap}
/* chat #1742: desktop Why SlimReset cards had the old #1711 padding and paler background, so the photo looked inset; now flush and coloured exactly like the Programs cards */
@media (min-width:1024px){
.n3 #n3-p-why .n3-col-l .n3-irow,.n3 #n3-p-why .n3-col-l .n3-irow:hover{margin:0 0 10px;padding:0 16px 0 0;gap:18px;min-height:104px;border-radius:16px;background:linear-gradient(90deg,#efe9fc,#f7f4fd 45%)}
.n3 #n3-p-why .n3-col-l .n3-irow:hover .n3-why-th{background:none}
}
/* chat #1733: every desktop menu's big box locked to one size (the Book a Free SlimChat box), photo and text balanced */
@media (min-width:1024px){
.n3 .n3-mega .n3-mega-in>.n3-col-r{align-self:start}
.n3 .n3-mega .n3-col-r>.n3-promo,.n3 .n3-mega .n3-col-r>.n3-res-promo,.n3 #n3-p-why .n3-col-r>.n3-why-promo,.n3 #n3-p-programs .n3-col-r>.n3-pg-promo,.n3 #n3-p-results .n3-col-r>.n3-res-promo{box-sizing:border-box;height:280px;min-height:0;max-height:280px;overflow:hidden}
.n3 #n3-p-why .n3-why-ph{height:280px;max-height:280px}
}
/* chat #1749: on phones each section big box now sits at the bottom of its page (moved in header.html), not the top */
@media (max-width:1023px){
.n3-mnav .n3-acc-p>.n3-mpg-promo:last-child,.n3-mnav .n3-acc-p>.n3-res-promo:last-child,.n3-mnav .n3-acc-p>.n3-mtop:last-child{margin:18px 0 6px!important}
}

/* chat #1753: every desktop menu tab gets a small heading over its main cards, like SLIM JOURNEYS on Programs */
.n3-mega .n3-col-l>.n3-lbl{margin-bottom:12px}
.n3-mnav .n3-acc-p>.n3-lbl:first-child{margin-top:4px}

/* Melissa chat #1754 (Oct 27 2026): site-wide guard so button text can never run under a round arrow. Any button with an arrow circle (.sr-fc-go / .sr-fcb-go) grows to fit its text on desktop, the arrow never shrinks, and on phones the text wraps inside its own space instead of sliding under the arrow. Revert: delete this block. */
.sr-fc-go,.sr-fcb-go{flex:0 0 auto!important}
@media(min-width:750px){a:has(>.sr-fc-go),button:has(>.sr-fc-go),a:has(>.sr-fcb-go),button:has(>.sr-fcb-go){min-width:max-content!important;box-sizing:border-box}}
@media(max-width:749px){a:has(>.sr-fc-go),button:has(>.sr-fc-go),a:has(>.sr-fcb-go),button:has(>.sr-fcb-go){max-width:100%;box-sizing:border-box}a:has(>.sr-fc-go)>.sr-fc-tx,a:has(>.sr-fcb-go)>.sr-fc-tx{flex:1 1 auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:break-word}}

/* Melissa chat #1757 (Oct 27 2026): Why SlimReset big box (desktop + phone) is now the SlimForecast box from her mockup. Revert: delete this block and restore header.html from git. */
.n3-wfc{text-decoration:none!important;color:inherit;position:relative;cursor:pointer}
.n3-wfc .n3-wfc-ic{width:44px;height:44px;border-radius:12px;background:#fff;color:#956aff;box-shadow:0 4px 12px rgba(149,106,255,.14)}
.n3-wfc .n3-wfc-ic .n3-ic{width:24px;height:24px}
.n3-wfc b.n3-h3,.n3-wfc .n3-mpg-t b{display:block;font:800 20px/1.15 "SR Montserrat",Montserrat,Arial,sans-serif!important;color:#15123a;letter-spacing:-.01em;margin:0 0 8px}
.n3-wfc em{font-style:italic;color:#956aff}
.n3-wfc small{display:block;font-size:13px;line-height:1.45;color:#6b6f86;margin:0 0 14px}
.n3-wfc .n3-wfc-sp{position:absolute;width:30px;height:23px}
.n3-wfc-btn{display:flex!important;align-items:center;gap:0!important;width:100%;box-sizing:border-box;padding:6px 6px 6px 10px!important;font-size:13px!important;white-space:nowrap}
.n3-wfc-bi{flex:0 0 auto;display:grid;place-items:center;padding-right:9px;margin-right:10px;border-right:1px solid rgba(255,255,255,.4)}
.n3-wfc-bi .n3-ic{width:20px;height:20px}
.n3-wfc-bl{flex:1 1 auto;min-width:0;white-space:nowrap}
.n3-wfc-btn .n3-go{flex:0 0 auto;width:28px!important;height:28px!important;margin-left:8px}
.n3-wfc:hover .n3-wfc-btn{background:var(--pd)}
@media(min-width:1024px){
.n3 #n3-p-why .n3-mega-in{grid-template-columns:1.1fr .7fr 1.45fr}
.n3 #n3-p-why .n3-col-r>.n3-why-promo.n3-wfc{display:grid;grid-template-columns:40% 1fr;gap:16px;padding:0 20px 0 0;background:#f1ecff}
.n3 #n3-p-why .n3-wfc .n3-why-ph{height:280px;max-height:280px;object-fit:cover;object-position:center top}
.n3 #n3-p-why .n3-wfc .n3-why-pt{position:relative;padding:18px 0}
.n3 #n3-p-why .n3-wfc .n3-wfc-ic{margin-bottom:12px}
.n3 #n3-p-why .n3-wfc .n3-wfc-sp{right:0;top:14px}
}
@media(max-width:1023px){
.n3-mnav .n3-mwhy-promo.n3-wfc{grid-template-columns:40% 1fr;grid-template-rows:auto auto;column-gap:12px;padding:0 14px 14px 0;background:#f1ecff}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-ph{grid-row:1/3;align-self:stretch;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-mpg-t{padding:14px 0 0}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-mpg-t b{font-size:16.5px!important}
.n3-mnav .n3-mwhy-promo.n3-wfc small{font-size:12px;margin-bottom:6px}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-ic{width:36px;height:36px;margin:0 0 8px}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-btn{grid-column:2;align-self:end;padding:5px 5px 5px 9px!important;font-size:12px!important}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-bi{padding-right:7px;margin-right:7px}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-bi .n3-ic{width:17px;height:17px}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-bl{white-space:normal;line-height:1.2}
}
/* Melissa chat #1771 (Oct 27 2026): SlimForecast box in the Why SlimReset menu uses the popup couple art; crop from the right so both Day 1 and Day 30 bubbles show. Revert: delete this block and restore header.html from git. */
@media(min-width:1024px){.n3 #n3-p-why .n3-col-r>.n3-why-promo.n3-wfc{grid-template-columns:42% 1fr}.n3 #n3-p-why .n3-wfc .n3-why-ph{object-position:right center}}
@media(max-width:1023px){.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-ph{object-position:right center}}

/* chat #1776: Support menu matches Melissa's mockup, on the nav template size (desktop + phone) */
.n3 #n3-p-support .n3-col-l .n3-irow{min-height:104px;padding:0 16px 0 0;gap:18px}
.n3 #n3-p-support .n3-col-l .n3-irow.n3-sup-c1,.n3 #n3-p-support .n3-col-l .n3-irow.n3-sup-c1:hover,.n3-mnav .n3-acc-p .n3-mw.n3-sup-c1{background:#f5f2fd}
.n3 #n3-p-support .n3-col-l .n3-irow.n3-sup-c2,.n3 #n3-p-support .n3-col-l .n3-irow.n3-sup-c2:hover,.n3-mnav .n3-acc-p .n3-mw.n3-sup-c2{background:#fef8ec}
.n3 #n3-p-support .n3-col-l .n3-irow.n3-sup-c3,.n3 #n3-p-support .n3-col-l .n3-irow.n3-sup-c3:hover,.n3-mnav .n3-acc-p .n3-mw.n3-sup-c3{background:#eff7f3}
.n3 #n3-p-support .n3-irow-ic.n3-sup-th{flex:none;width:150px;height:auto;align-self:stretch;border-radius:0;background:none;padding:0;overflow:hidden}
.n3 #n3-p-support .n3-sup-th img,.n3-mnav .n3-sup-c1 .n3-mw-th img,.n3-mnav .n3-sup-c2 .n3-mw-th img,.n3-mnav .n3-sup-c3 .n3-mw-th img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.n3 #n3-p-support .n3-sup-ll a{display:flex;align-items:center;gap:12px;font-size:15px;padding:9px 0;color:#2b2850}
.n3 #n3-p-support .n3-sup-ll a:after{content:"";width:7px;height:7px;border-right:1.8px solid #2b2850;border-top:1.8px solid #2b2850;transform:rotate(45deg);margin:0 4px 0 12px;flex:none}
.n3 .n3-sup-ll a>span{flex:1}
.n3 .n3-sup-ll a>.n3-ic{width:22px;height:22px;color:#956aff;flex:none}
.n3 #n3-p-support .n3-col-m .n3-lbl{margin-top:4px}
.n3 #n3-p-support .n3-col-m .n3-sup-ll{margin-bottom:14px}
.n3-sup-promo{position:relative;display:block;box-sizing:border-box;border-radius:18px;overflow:hidden;background:#eeeafc;text-decoration:none!important;color:inherit;cursor:pointer}
.n3 #n3-p-support .n3-col-r>.n3-sup-promo{height:280px;max-height:280px}
.n3-sup-promo .n3-sup-ph{position:absolute;right:0;bottom:0;height:100%;width:auto;max-width:60%;object-fit:cover;object-position:left top;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.n3-sup-pt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;height:100%;max-width:60%;padding:24px 0 22px 24px}
.n3-sup-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff;color:#956aff;box-shadow:0 4px 12px rgba(149,106,255,.14);margin:0 0 16px}
.n3-sup-ic .n3-ic{width:24px;height:24px}
.n3-sup-promo b.n3-sup-h{display:block;font:800 26px/1.1 "SR Montserrat",Montserrat,Arial,sans-serif!important;color:#15123a;letter-spacing:-.01em;margin:0 0 10px}
.n3-sup-promo b.n3-sup-h em{font-style:normal;color:#956aff;white-space:nowrap}
.n3-sup-promo small{display:block;font-size:13px;line-height:1.45;color:#6b6f86;margin:0 0 14px;max-width:200px}
.n3-sup-btn{margin-top:auto;white-space:nowrap}
.n3-sup-promo:hover .n3-sup-btn{background:var(--pd)}
.n3-mnav .n3-acc-p>.n3-sup-promo{margin:8px 0 16px;min-height:320px}
.n3-mnav .n3-sup-promo .n3-sup-ph{max-width:58%}
.n3-mnav .n3-sup-promo .n3-sup-pt{min-height:320px;max-width:64%;padding:20px 0 20px 18px}
.n3-mnav .n3-sup-promo b.n3-sup-h{font-size:27px!important}
.n3-mnav .n3-sup-promo small{font-size:13px;max-width:180px}
.n3-mnav .n3-sup-ll a>.n3-ic{margin-right:12px}
/* chat #1792 (Melissa, Oct 28 2026): Why SlimReset menu left boxes a little smaller on desktop. Revert: delete this block. */
@media(min-width:1000px){.n3 #n3-p-why .n3-col-l .n3-irow,.n3 #n3-p-why .n3-col-l .n3-irow:hover{min-height:86px;margin:0 0 8px;gap:15px;border-radius:14px}
.n3 #n3-p-why .n3-col-l .n3-why-th{width:124px}
.n3 #n3-p-why .n3-col-l .n3-irow-t b{font-size:15px}
.n3 #n3-p-why .n3-col-l .n3-irow-t small{font-size:12.5px;line-height:1.35}
.n3 #n3-p-why .n3-col-l .n3-irow-ar{width:40px;height:40px}
.n3 #n3-p-why .n3-col-l .n3-irow-ar .n3-ic{width:19px;height:19px}}
/* Melissa chat #1803 (Oct 28 2026): desktop logo a little smaller again (22px to 19px; 19px to 17px at 1024-1180px). Phones unchanged. */
@media (min-width:1024px){.n3-logo img{height:19px!important}}
@media (max-width:1180px) and (min-width:1024px){.n3-logo img{height:17px!important}}
/* Melissa chat #1808 (Oct 28 2026): phone menu picture cards balanced: smaller titles (no wrapping), smaller subtitles, narrower photo, more breathing room. Phones only (max 639px). */
@media (max-width:639px){
.n3-mnav .n3-acc-p .n3-mw,.n3-mnav .n3-acc-p .n3-pc,.n3-mnav .n3-acc-p .n3-pc-res{min-height:88px;gap:12px!important;padding:0 12px 0 0!important}
.n3-mnav .n3-mw-th,.n3-mnav .n3-pc-res .n3-pc-th{width:100px!important}
.n3-mnav .n3-acc-p .n3-mw .n3-irow-t,.n3-mnav .n3-acc-p .n3-pc .n3-irow-t,.n3-mnav .n3-acc-p .n3-pc-res .n3-irow-t{flex:1;min-width:0;padding:10px 0}
.n3-mnav .n3-pc .n3-irow-t b,.n3-mnav .n3-mw .n3-irow-t b,.n3-mnav .n3-acc-p .n3-irow-t b,.n3-mnav .n3-pc-res .n3-irow-t b{font-size:15px!important;line-height:1.2;white-space:nowrap;margin-bottom:3px}
.n3-mnav .n3-pc .n3-irow-t small,.n3-mnav .n3-mw .n3-irow-t small,.n3-mnav .n3-acc-p .n3-irow-t small,.n3-mnav .n3-pc-res .n3-irow-t small{font-size:12.5px!important;line-height:1.35}
.n3-mnav .n3-acc-p .n3-mw .n3-irow-ar,.n3-mnav .n3-acc-p>.n3-irow:not(.n3-pc):not(.n3-mw) .n3-irow-ar{width:38px;height:38px}
.n3-mnav .n3-acc-p .n3-mw .n3-irow-ar .n3-ic,.n3-mnav .n3-acc-p>.n3-irow:not(.n3-pc):not(.n3-mw) .n3-irow-ar .n3-ic{width:18px;height:18px}
}
@media (max-width:359px){.n3-mnav .n3-pc .n3-irow-t b,.n3-mnav .n3-mw .n3-irow-t b,.n3-mnav .n3-acc-p .n3-irow-t b,.n3-mnav .n3-pc-res .n3-irow-t b{font-size:13.5px!important}.n3-mnav .n3-mw-th,.n3-mnav .n3-pc-res .n3-pc-th{width:84px!important}}

/* Melissa chat #1814 (Oct 28 2026): Why SlimReset menu SlimForecast box shows the whole couple photo (scaled down, nothing cut off), desktop and phone. Revert: delete this block. */
.n3 #n3-p-why .n3-wfc .n3-why-ph{object-fit:contain!important;object-position:center bottom!important}
.n3-mnav .n3-mwhy-promo.n3-wfc .n3-wfc-ph{object-fit:contain!important;object-position:center bottom!important}
/* Melissa chat #1829 (Oct 28 2026): Book a Free SlimChat buttons show a purple chat bubble icon in the white circle instead of the practitioner face */
.n3-av.n3-av-ic{display:inline-flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box}.n3-av.n3-av-ic svg{width:66%;height:66%;display:block}

/* Melissa chat #1834 (Oct 28 2026): desktop header bar 20% shorter (60px to 48px), with slightly tighter buttons so everything still fits. Home hero overlap adjusted to match (80px to 68px). Desktop only (min 1024px); phones unchanged. */
@media (min-width:1024px){
 .n3-hdr-in{height:48px}
 .n3-top{padding:6px 12px}
 .n3-fcpill{padding:6px 13px}
 .n3-btn.n3-pill{padding:3px 16px 3px 3px}
 .n3-btn.n3-pill .n3-av{width:26px;height:26px}
 body:has(.sr-home) .n3-hdr{margin-bottom:-68px}
 body:has(.sr-home) #MainContent .sr-home .sr-hero{padding-top:68px}
}
@media (max-width:1180px) and (min-width:1024px){.n3-top{padding:6px 8px}.n3-fcpill{padding:6px 10px}.n3-btn.n3-pill{padding:3px 13px 3px 3px}}
@media (max-width:1100px) and (min-width:1024px){.n3-top{padding:6px 6px}.n3-btn.n3-pill{padding:7px 14px}}
/* chat #1835: Melissa meant width, not height. Support menu "Still have questions?" box back to its full 280px height and 30% narrower on desktop (70% of the column). Replaces the chat #1832 height change. Phone menu unchanged. */
.n3 #n3-p-support .n3-col-r>.n3-sup-promo{width:70%;max-width:70%}
.n3 #n3-p-support .n3-sup-pt{max-width:62%}

/* chat #1851: Melissa wants the Support "Still have questions?" box centred in its column (not hugging the left), and every desktop menu big box (Why SlimReset, Programs, Results, Learn, Support) the same size: 70% of the column, 280px tall, centred. Phone menu unchanged. */
@media (min-width:1024px){.n3 .n3-mega .n3-col-r>.n3-sup-promo{margin-left:auto;margin-right:auto}}
/* on smaller laptops (under 1280px wide) the other boxes stay full width so their text and buttons are not squeezed */
@media (min-width:1280px){
.n3 .n3-mega .n3-col-r>.n3-promo,.n3 .n3-mega .n3-col-r>.n3-res-promo,.n3 .n3-mega .n3-col-r>.n3-sup-promo{width:70%;max-width:70%;margin-left:auto;margin-right:auto}
.n3 #n3-p-why .n3-col-r>.n3-why-promo.n3-wfc{grid-template-columns:38% minmax(0,1fr);gap:12px;padding-right:16px}
.n3 #n3-p-why .n3-wfc .n3-why-pt{min-width:0}
.n3 #n3-p-why .n3-wfc b.n3-h3{font-size:18px!important}
.n3 #n3-p-why .n3-wfc small{font-size:12.5px;margin-bottom:12px}
.n3 #n3-p-why .n3-wfc-btn{font-size:12px!important;padding:5px 5px 5px 9px!important}
.n3 #n3-p-why .n3-wfc-bl{white-space:normal;line-height:1.2}
.n3 #n3-p-programs .n3-col-r>.n3-pg-promo{display:grid;grid-template-columns:46% minmax(0,1fr);gap:10px;align-items:center;padding:0 14px 0 0}
.n3 #n3-p-programs .n3-pg-ph{position:static;width:100%;height:280px;max-height:280px}
.n3 #n3-p-programs .n3-pg-pt{min-width:0;padding:20px 0}
.n3 #n3-p-programs .n3-pg-pt .n3-h3{font-size:19px}
.n3 #n3-p-programs .n3-pg-pt p{font-size:12.5px;margin-bottom:12px}
.n3 #n3-p-programs .n3-pg-pt .n3-btn{margin-top:0}
}

/* chat #1864 (Oct 28 2026): Melissa wants the photos taken out of the desktop menu big boxes for now (Why SlimReset, Programs, Results), keeping only the Support photo of her. Text now fills each box. Revert: delete this block. Phone menu unchanged. */
.n3 #n3-p-why .n3-why-ph,.n3 #n3-p-programs .n3-pg-ph,.n3 #n3-p-results .n3-res-phw{display:none!important}
.n3 #n3-p-why .n3-col-r>.n3-why-promo.n3-wfc{grid-template-columns:minmax(0,1fr)!important;align-content:center;padding:0 24px!important}
.n3 #n3-p-why .n3-wfc .n3-why-pt{padding:20px 0!important}
.n3 #n3-p-why .n3-wfc .n3-wfc-bl{white-space:normal}
.n3 #n3-p-programs .n3-col-r>.n3-pg-promo{display:flex!important;flex-direction:column;justify-content:center;padding:0 24px!important}
.n3 #n3-p-programs .n3-pg-pt{padding:20px 0!important}
.n3 #n3-p-results .n3-res-pt{max-width:100%!important}