/* Yourself Again: shared styles for every funnel page. Direction "Morning Light" (chosen 2026-10-27 from 3 comps).
   A calm wellness brand for 40+: warm cream paper, sage and deep forest green, one terracotta act colour used only on
   buttons. Type: Fraunces (soft cut) for headlines, Nunito Sans for reading at 20px. Photos sit in arch frames, the
   brand's sunrise-window motif (same arch as the book cover). */
@font-face{font-family:'Fraunces';font-weight:500 700;font-display:swap;src:url(/fonts/fraunces-soft.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:400 800;font-display:swap;src:url(/fonts/nunito-sans.woff2) format('woff2')}
@font-face{font-family:'Fraunces Fallback';src:local('Georgia');size-adjust:104%;ascent-override:92%;descent-override:24%}
@font-face{font-family:'Nunito Fallback';src:local('Arial');size-adjust:101%;ascent-override:98%;descent-override:34%}

:root{
  --bg:#FBF6EE;--bg2:#F3EADB;--card:#FFFFFF;--fg:#23312A;--fg2:#4C5A52;--mute:#56625A;--line:rgba(35,49,42,.12);
  --act:#B3552B;--act-dk:#9C4824;--act-fg:#FFFFFF;--sage:#5E8C6A;--sage-lt:#E4EDDF;--sage-dk:#3F6A4E;--sun:#F2B880;
  --deep:#22362C;--terra-txt:#B0582F;
  --disp:'Fraunces','Fraunces Fallback',Georgia,serif;
  --sans:'Nunito Sans','Nunito Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;
  --w:760px;--wide:1200px;color-scheme:light
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 20px/1.62 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding-inline:20px}
.wide{max-width:var(--wide);margin:0 auto;padding-inline:20px}
section{padding-block:92px;position:relative}
@media(max-width:600px){section{padding-block:64px}body{font-size:19px}}
.sand{background:var(--bg2)}
.lit{background:#FFFDF9}
.deep{background:var(--deep);color:#F6F1E7;--fg:#F6F1E7;--fg2:#D9DED4;--mute:#AFBBB2;--line:rgba(246,241,231,.16);--card:rgba(255,255,255,.06)}

h1,h2,h3{font-family:var(--disp);font-weight:650;letter-spacing:-.02em;line-height:1.04;margin:0;text-wrap:balance;font-variation-settings:'opsz' 144}
h1{font-size:clamp(46px,7.2vw,84px)}
h2{font-size:clamp(36px,5.2vw,60px)}
h3{font-size:clamp(24px,2.8vw,30px);line-height:1.15;font-variation-settings:'opsz' 48}
.mk{color:var(--terra-txt)}
.deep .mk{color:var(--sun)}
.it{color:var(--sage)}
.deep .it{color:#A9C9A8}
p{margin:0 0 .9em}
.lead{font-size:clamp(20px,2.2vw,23px);color:var(--fg2);line-height:1.6}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--sage-lt);color:var(--sage-dk);font:800 14px/1.2 var(--sans);letter-spacing:.04em;padding:8px 14px;border-radius:999px;margin-bottom:22px}
.deep .eyebrow{background:rgba(169,201,168,.16);color:#BFD8BE}
.small{font-size:16px;color:var(--mute)}
.center{text-align:center}
.beat{font-family:var(--disp);font-weight:650;letter-spacing:-.015em;font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin:1.1em 0 .5em}

/* act button: the only terracotta fill on the page */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:18px 34px;border:0;border-radius:999px;
  background:var(--act);color:var(--act-fg);font:800 20px/1.15 var(--sans);text-decoration:none;cursor:pointer;
  box-shadow:0 14px 30px -14px rgba(156,72,36,.8);transition:transform .2s,background .2s}
.btn::after{content:"\2192";transition:transform .2s}
.btn:hover{background:var(--act-dk);transform:translateY(-1px)}.btn:hover::after{transform:translateX(4px)}
.btn:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
.btn[disabled]{opacity:.6;cursor:wait}
.btn.block{display:flex;width:100%}
.cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:38px;text-align:center}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font:700 15px var(--sans);color:var(--mute)}
.trust span::before{content:"\2713  ";color:var(--sage)}
.no{display:inline-block;margin-top:20px;font-size:18px;color:var(--mute);text-decoration:underline;text-underline-offset:4px;background:none;border:0;cursor:pointer;font-family:var(--sans)}

/* top */
.bar{background:var(--deep);color:#F6F1E7;text-align:center;font:700 15px/1.3 var(--sans);padding:9px 16px}
.top{display:flex;justify-content:space-between;align-items:center;padding:20px;max-width:var(--wide);margin:0 auto;position:relative;z-index:2}
.mark{display:inline-flex;align-items:center;gap:10px;font:650 26px/1 var(--disp);letter-spacing:-.01em;text-decoration:none}
.mark .sun{width:26px;height:26px;border-radius:13px 13px 4px 4px;background:var(--sage);position:relative;overflow:hidden}
.mark .sun::after{content:"";position:absolute;left:8px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--sun)}
.mark i{font-style:normal;color:var(--terra-txt)}
.top .btn{min-height:46px;padding:10px 20px;font-size:16px;box-shadow:none}
.top .btn::after{display:none}
.top .btn{white-space:nowrap}
@media(max-width:480px){.mark{font-size:22px}.top .btn{padding:10px 16px;font-size:15px}.bar{font-size:13px;padding:7px 12px}}

/* chips over photos */
.chip{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border-radius:16px;background:#fff;color:#23312A;
  font:800 15px/1.2 var(--sans);box-shadow:0 16px 36px -16px rgba(35,49,42,.45);white-space:nowrap}
.chip b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sage);color:#fff;font-size:14px;flex:none}
.chip small{display:block;font:600 12px var(--sans);color:#68746D}

/* lists */
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.ticks li{position:relative;padding-left:42px}
.ticks li::before{content:"";position:absolute;left:0;top:.2em;width:26px;height:26px;border-radius:50%;
  background:var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}

.photo{border-radius:24px;overflow:hidden;background:var(--bg2)}
.photo img{width:100%;height:100%;object-fit:cover}
.arch{border-radius:999px 999px 24px 24px}
.render{filter:drop-shadow(0 26px 32px rgba(60,45,30,.28))}
.note{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px}

/* reveal on scroll (content is visible without JS; JS only adds the motion) */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* checkout sheet on upsell pages */
.sheet[hidden]{display:none!important}
.sheet{position:fixed;inset:0;z-index:60;background:rgba(35,49,42,.5);display:flex;align-items:flex-end;justify-content:center}
.sheet .panel{background:#fff;color:#23312A;width:100%;max-width:560px;max-height:94vh;overflow:auto;border-radius:24px 24px 0 0;padding:20px 18px 26px}
.sheet .bar2{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:800}
.sheet .x{background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:#4C5A52;min-width:48px;min-height:48px}
@media(min-width:700px){.sheet{align-items:center}.sheet .panel{border-radius:24px}}
.err{color:#A3431C;font-size:17px;margin-top:10px}

/* sticky mobile buy bar */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(251,246,238,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;
  transform:translateY(110%);transition:transform .35s}
.sticky.on{transform:none}
.sticky .btn{flex:1;min-height:54px;font-size:18px;padding:12px 18px}
.sticky .p{font:650 24px var(--disp)}
@media(min-width:900px){.sticky{display:none}}

footer{border-top:1px solid var(--line);padding-block:48px 110px;font-size:15px;color:var(--mute);background:var(--bg2)}
footer p{max-width:72ch}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px}
footer nav a{color:var(--fg2)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.js .rv{opacity:1;transform:none}}

/* ---------- men's variant: same brand, stronger palette (deep forest + slate + stone), heavier headlines ---------- */
.men{--bg:#F2EFE9;--bg2:#E6E0D5;--fg:#1B2420;--fg2:#435049;--mute:#535F58;--line:rgba(27,36,32,.13);
  --sage:#4A6A55;--sage-lt:#DCE5DC;--sage-dk:#33503E;--deep:#15201B;--terra-txt:#A54E28}
.men h1,.men h2,.men h3{font-weight:700;letter-spacing:-.025em}
.men .hw,.men .hero{background:var(--deep);color:#F4F1EA;--fg:#F4F1EA;--fg2:#D2D9D3;--mute:#A9B6AE;--line:rgba(244,241,234,.16)}
.men .hw .bar{background:#0E1612}
.men .hero .eyebrow{background:rgba(220,229,220,.12);color:#CFE0CF}
.men .hero .mk{color:#F0A27A}
.men .hero .trust span::before{color:#9CC4A6}
.men .hero .vis .ph{background:#22302A}
.men .mark .sun{background:#6E9478}
.men .hw .mark i{color:#F0A27A}