/* =========================================================
   Hilde Prestbakk — Serenity-style editorial redesign
   Sage page · white hero card · brown brand pill CTA
   Display: Fraunces (serif) · Body: Inter
   ========================================================= */

:root {
  --sage:        #E6E9DA;
  --sage-2:      #DDE2CD;
  --sage-soft:   #F1F4E8;
  --paper:       #FFFFFF;
  --cream:       #F6F1EC;
  --cream-2:     #EFE7DF;

  --ink:         #1F2421;
  --ink-2:       #3D4441;
  --ink-3:       #6E7470;
  --line:        #E7E4DC;
  --line-2:      #D4D1C7;

  --brown:       #7B5953;
  --brown-dark:  #5E413C;
  --brown-darker:#3F2C28;
  --coral:       #E74C3C;
  --coral-soft:  #F8E3DF;

  --shadow-sm: 0 2px 10px rgba(0,0,0,0.06);
  --shadow-md: 0 12px 40px rgba(60,55,40,0.10);
  --shadow-lg: 0 30px 80px rgba(60,55,40,0.18);

  --font-display: 'Fraunces', 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  --container: 1240px;
  --gutter: clamp(1rem, 2.5vw, 2rem);

  --r-pill: 999px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 220ms;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  color:var(--ink);
  background:var(--sage);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg{max-width:100%;display:block}
a{color:var(--brown);text-decoration:none;transition:color var(--dur) var(--ease),opacity var(--dur) var(--ease)}
a:hover{opacity:.75}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:600;color:var(--ink)}
cite{font-style:normal}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{
  left:1rem;top:1rem;z-index:9999;
  background:var(--brown);color:#fff;
  padding:.75rem 1rem;border-radius:var(--r-pill);
}
:where(a,button,input,textarea):focus-visible{
  outline:2px solid var(--brown);
  outline-offset:3px;
  border-radius:6px;
}

.container{
  width:min(100% - (var(--gutter) * 2), var(--container));
  margin-inline:auto;
}

/* ---------- Typography helpers ---------- */
.chip{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .85rem;
  background:#fff;
  border:1px solid var(--line);
  color:var(--ink-2);
  border-radius:var(--r-pill);
  font-size:.74rem;font-weight:500;
  letter-spacing:.04em;
}
.chip--soft{background:var(--sage-soft);border-color:transparent;color:var(--ink-2)}
.chip--invert{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.22)}

.display{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(2rem, 2.5vw + 1rem, 3.4rem);
  line-height:1.05;
  letter-spacing:-0.02em;
  color:var(--ink);
  margin:.4rem 0 1.1rem;
}
.display em{
  font-style:italic;
  font-weight:400;
  color:var(--brown);
}
.display--invert{color:#fff}
.display--invert em{color:#F1D7C9}

.lede{
  font-size:1.05rem;
  color:var(--ink-2);
  max-width:62ch;
  line-height:1.65;
}
.cue{font-size:.95rem;color:var(--ink-3);margin-top:.5rem}
.section{padding:clamp(3rem,6vw,5.5rem) 0}
.section--soft{background:var(--sage-soft)}
.section-head{margin-bottom:clamp(1.5rem,3vw,2.5rem);max-width:780px}
.section-cta{margin-top:2rem;display:flex;justify-content:center}

.link-arrow{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.88rem;font-weight:500;color:var(--brown);
  border-bottom:1px solid currentColor;padding-bottom:1px;
}
.link-arrow:hover{opacity:.8}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--font-body);
  font-weight:500;font-size:.95rem;letter-spacing:.005em;
  padding:.75rem 1.4rem;
  border:1px solid transparent;
  border-radius:var(--r-pill);
  background:var(--brown);color:#fff;
  cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),
              border-color var(--dur) var(--ease),transform var(--dur) var(--ease),
              box-shadow var(--dur) var(--ease);
  white-space:nowrap;min-height:42px;
  box-shadow:var(--shadow-sm);
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);opacity:1}
.btn:active{transform:translateY(0)}
.btn--primary{background:var(--brown);color:#fff;border-color:var(--brown)}
.btn--primary:hover{background:var(--brown-dark);border-color:var(--brown-dark)}
.btn--white{background:#fff;color:var(--brown);border-color:#fff}
.btn--white:hover{background:var(--cream);color:var(--brown-dark)}
.btn--ghost-dark{
  background:transparent;color:var(--ink);border:1px solid var(--ink);
  box-shadow:none;
}
.btn--ghost-dark:hover{background:var(--ink);color:#fff}
.btn--lg{padding:.95rem 1.7rem;font-size:1rem;min-height:52px}
.btn--block{width:100%}

/* ---------- Floating pill nav ---------- */
.pillnav{
  position:sticky;
  top:clamp(.7rem, 1.5vw, 1.25rem);
  z-index:60;
  padding:0 var(--gutter);
  margin:clamp(.7rem, 1.5vw, 1.25rem) 0 0;
}
.pillnav__inner{
  width:min(100% - 0px, 1100px);
  margin-inline:auto;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.2) blur(12px);
  -webkit-backdrop-filter:saturate(1.2) blur(12px);
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1rem;
  padding:.45rem .55rem .45rem 1.1rem;
  box-shadow:var(--shadow-sm);
  transition:box-shadow var(--dur) var(--ease),background var(--dur) var(--ease);
}
.pillnav.is-scrolled .pillnav__inner{
  background:#fff;
  box-shadow:var(--shadow-md);
}
.pillnav__logo{display:inline-flex;align-items:center}
.pillnav__logo img{height:34px;width:auto}
.pillnav__links{
  justify-self:center;
  display:flex;gap:1.6rem;
  font-size:.88rem;color:var(--ink-2);font-weight:500;
}
.pillnav__links a{color:var(--ink-2);position:relative;padding:.25rem 0}
.pillnav__links a:hover{color:var(--ink);opacity:1}
.pillnav__links a.is-active{color:var(--ink)}
.pillnav__links a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--ink);
}
.pillnav__cta{
  display:inline-flex;align-items:center;gap:.55rem;
  border:0;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,var(--brown) 0%, var(--brown-dark) 100%);
  padding:.62rem .55rem .62rem 1rem;
  border-radius:var(--r-pill);
  font-size:.88rem;font-weight:600;letter-spacing:.01em;
  box-shadow:
    0 10px 24px -10px rgba(63,44,40,.55),
    0 2px 6px -1px rgba(63,44,40,.18),
    inset 0 1px 0 rgba(255,255,255,.14);
  transition:filter .25s ease,box-shadow .25s ease,transform .25s var(--ease);
}
.pillnav__cta:hover{
  filter:brightness(1.06);transform:translateY(-1px);opacity:1;
  box-shadow:
    0 14px 30px -10px rgba(63,44,40,.6),
    0 3px 8px -1px rgba(63,44,40,.22),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.pillnav__cta:hover .pillnav__cta-arrow{transform:translateX(3px)}
.pillnav__cta-dot{
  width:8px;height:8px;border-radius:50%;background:var(--coral);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(231,76,60,.5);animation:pulse 1.8s ease-in-out infinite;
}
.pillnav__cta-label{font-weight:600}
.pillnav__cta-time{
  font-weight:700;font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.16);
  padding:.18rem .55rem;border-radius:999px;
  font-size:.78rem;letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.18);
}
.pillnav__cta-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:999px;
  background:rgba(255,255,255,.14);
  font-size:.8rem;line-height:1;
  transition:transform .25s var(--ease);
}
@media (max-width:880px){
  .pillnav__links{display:none}
  .pillnav__inner{grid-template-columns:auto 1fr auto;padding:.45rem .55rem .45rem .9rem}
}
@media (max-width:560px){
  /* Phone: compact CTA hugging just the label, with breathing room from edge */
  .pillnav{padding:.5rem .6rem 0}
  .pillnav__inner{
    grid-template-columns:auto 1fr auto;
    padding:.38rem .85rem .38rem .9rem;
    border-radius:999px;
    gap:.5rem;
    align-items:center;
  }
  .pillnav__logo{justify-self:start}
  .pillnav__logo img{height:24px;width:auto}
  .pillnav__cta{
    justify-self:end;
    width:auto;max-width:max-content;flex:0 0 auto;
    padding:.5rem .85rem;
    gap:.4rem;
    font-size:.78rem;
    border-radius:999px;
    line-height:1;
    box-shadow:0 6px 16px -8px rgba(63,44,40,.45);
  }
  .pillnav__cta-dot,
  .pillnav__cta-time{display:none}
  .pillnav__cta-arrow{
    width:auto;height:auto;background:transparent;border:0;
    font-size:.9rem;opacity:.95;padding:0;margin-left:.05rem;
  }
}

/* ---------- HERO ---------- */
.hero{
  padding:clamp(1rem, 2.5vw, 2rem) var(--gutter) 0;
}
.hero__card{
  width:min(100%, 1240px);
  margin:1.25rem auto 0;
  background:var(--paper);
  border-radius:var(--r-xl);
  padding:clamp(1.5rem, 3vw, 2.5rem);
  box-shadow:var(--shadow-lg);
  position:relative;
}
.hero__split{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);
  gap:clamp(1.5rem, 3vw, 3rem);
  align-items:stretch;
  padding-bottom:clamp(1.25rem, 2vw, 1.75rem);
  border-bottom:1px solid var(--line);
}
.hero__copy{display:flex;flex-direction:column;gap:1rem;min-width:0}
.hero__sub{font-size:1.02rem;color:var(--ink-2);line-height:1.55;margin:0;max-width:46ch}
.hero__cd{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;color:var(--ink-2)}
.hero__cd > span{font-size:.78rem;letter-spacing:.06em;color:var(--ink-3);font-weight:600}
.hero__cd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;max-width:380px}
.hero__cd-grid > div{
  display:flex;flex-direction:column;align-items:center;gap:.1rem;
  padding:.5rem;background:var(--sage-soft);border-radius:12px;
}
.hero__cd-grid b{font-family:var(--font-display);font-weight:500;font-size:1.4rem;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.hero__cd-grid span{font-size:.65rem;letter-spacing:.08em;color:var(--ink-3);font-weight:600;text-transform:uppercase}

.hero__form{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.5rem}
.hero__form .qf:nth-child(3){grid-column:1/-1}
.hero__form .btn{grid-column:1/-1;margin-top:.25rem}
.hero__form-gdpr{grid-column:1/-1;font-size:.72rem;color:var(--ink-3);margin:.4rem 0 0;line-height:1.45}

.hero__portrait{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--cream);box-shadow:var(--shadow-md);min-height:480px}
.hero__portrait img{width:100%;height:100%;object-fit:cover;display:block}

@media (max-width:960px){
  .hero__split{grid-template-columns:1fr}
  .hero__portrait{min-height:340px;aspect-ratio:4/5}
  .hero__form{grid-template-columns:1fr}
}

.hero__title{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(2.2rem, 4vw + .8rem, 4.6rem);
  line-height:1;
  letter-spacing:-0.025em;
  margin:0;
  color:var(--ink);
}
.hero__title em{font-style:italic;font-weight:400;color:var(--brown)}

.hero__foot{
  margin-top:clamp(1.25rem, 2vw, 1.75rem);
  padding-top:clamp(1.25rem, 2vw, 1.5rem);
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
  gap:1.5rem;flex-wrap:wrap;
}
.proof{display:flex;align-items:center;gap:1rem}
.proof__avatars{display:inline-flex}
.avatar{
  width:44px;height:44px;border-radius:50%;
  border:2px solid #fff;margin-left:-12px;
  object-fit:cover;display:inline-block;
  box-shadow:0 2px 6px rgba(0,0,0,.10);
  background:var(--cream);
}
.avatar:first-child{margin-left:0}

.proof__num{display:flex;align-items:baseline;gap:.6rem}
.proof__num strong{
  font-family:var(--font-display);font-size:clamp(1.6rem, 1.5vw + .8rem, 2.2rem);
  line-height:1;color:var(--ink);font-weight:500;letter-spacing:-0.01em;
}
.proof__num strong sup{font-size:.55em;color:var(--brown);top:-.4em;position:relative}
.proof__num span{font-size:.78rem;color:var(--ink-3);line-height:1.3}

@media (max-width:960px){
  .hero__foot{flex-direction:column;align-items:flex-start}
}

/* ---------- Quick form fields (used inside hero card) ---------- */
.qf{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.qf__lbl{font-size:.72rem;color:var(--ink-3);font-weight:600;letter-spacing:.04em}
.qf input{
  width:100%;
  padding:.7rem .9rem;
  border:1px solid var(--line);background:#fff;color:var(--ink);
  border-radius:var(--r-pill);font:inherit;font-size:.92rem;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.qf input:focus{outline:none;border-color:var(--brown);box-shadow:0 0 0 4px rgba(123,89,83,.12)}

@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(231,76,60,.45)}
  50%{box-shadow:0 0 0 7px rgba(231,76,60,0)}
}

/* ---------- Marquee category strip ---------- */
.marquee{
  background:var(--sage);
  padding:1.25rem 0;
  border-top:1px solid var(--sage-2);
  border-bottom:1px solid var(--sage-2);
  overflow:hidden;
  margin-top:clamp(1rem,2vw,1.5rem);
}
.marquee__track{
  display:flex;align-items:center;gap:2rem;
  white-space:nowrap;
  width:max-content;
  animation:marquee 32s linear infinite;
  font-family:var(--font-display);
  font-style:italic;font-weight:400;
  font-size:clamp(1.1rem, 1vw + .8rem, 1.5rem);
  color:var(--brown);letter-spacing:-0.01em;
}
.marquee__track span:nth-child(even){color:var(--ink-3);font-style:normal;font-family:var(--font-body)}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){
  .marquee__track{animation:none}
}

/* ---------- Bento gallery (Vår tjeneste) ---------- */
.bento{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  grid-auto-rows:130px;
  grid-auto-flow:dense;
  gap:clamp(.75rem, 1.5vw, 1.25rem);
}
.bento figure{
  position:relative;margin:0;
  border-radius:var(--r-lg);
  overflow:hidden;background:var(--cream);
  box-shadow:var(--shadow-sm);
}
.bento figure img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 600ms var(--ease);
}
.bento figure:hover img{transform:scale(1.04)}
.bento figcaption{
  position:absolute;left:.85rem;bottom:.85rem;
}
.bento figcaption .chip{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.bento__a{grid-column:span 4;grid-row:span 3}
.bento__b{grid-column:span 2;grid-row:span 3}
.bento__c{grid-column:span 2;grid-row:span 4}
.bento__d{grid-column:span 4;grid-row:span 4}
.bento__e{grid-column:span 3;grid-row:span 3}
.bento__f{grid-column:span 3;grid-row:span 3}
@media (max-width:900px){
  /* Calm, even 2-col grid on tablets/phones — every tile is a clean square */
  .bento{
    grid-template-columns:repeat(2,1fr);
    grid-auto-rows:auto;
    gap:.6rem;
  }
  .bento figure{aspect-ratio:1/1}
  .bento__a,.bento__b,.bento__c,.bento__d,.bento__e,.bento__f{
    grid-column:auto;grid-row:auto;
  }
  .bento__a{grid-column:span 2;aspect-ratio:16/10}
  .bento__f{display:none}
  .bento figcaption{left:.55rem;bottom:.55rem}
  .bento figcaption .chip{font-size:.62rem;padding:.28rem .55rem}
}

/* ---------- Service section wrapper for bento ---------- */
.service{padding:clamp(4rem, 7vw, 7rem) 0;background:var(--sage)}
.service__inner{
  width:min(100% - (var(--gutter) * 2), var(--container));
  margin-inline:auto;
}
.service__head{max-width:760px;margin:0 0 clamp(1.5rem, 3vw, 2.5rem)}

/* ---------- Two-column editorial sections ---------- */
.twocol{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr);
  gap:clamp(2rem, 5vw, 5rem);
  align-items:flex-start;
}
.twocol__a{position:sticky;top:6rem}
@media (max-width:880px){
  .twocol{grid-template-columns:1fr;gap:1.5rem}
  .twocol__a{position:static}
}

/* ---------- Quotes (objections list) ---------- */
.quotes{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.85rem;
  margin:1.25rem 0 1.75rem;
}
.quotes li{
  display:flex;align-items:center;gap:.85rem;
  padding:1rem 1.1rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r-md);
}
.quotes li span{
  font-family:var(--font-display);font-size:.95rem;color:var(--brown);
  background:var(--sage-soft);
  width:34px;height:34px;display:inline-grid;place-items:center;
  border-radius:50%;flex-shrink:0;font-weight:500;
}
.quotes li p{margin:0;font-style:italic;color:var(--ink-2);font-size:.95rem;line-height:1.45}
@media (max-width:560px){.quotes{grid-template-columns:1fr}}

.aside-quote{
  font-family:var(--font-display);font-style:italic;
  font-size:clamp(1.1rem, .6vw + 1rem, 1.4rem);line-height:1.4;
  color:var(--brown);max-width:50ch;margin:1.5rem 0 2rem;
  padding-left:1rem;border-left:2px solid var(--brown);
}
.aside-quote cite{
  display:block;font-style:normal;font-family:var(--font-body);
  font-size:.82rem;font-weight:600;color:var(--ink-3);
  letter-spacing:.04em;margin-top:.6rem;
}

/* ---------- Spreads (agenda) ---------- */
.spreads{display:flex;flex-direction:column}
.spread{
  display:grid;
  grid-template-columns:minmax(120px,180px) 1fr;
  gap:clamp(1.5rem, 3vw, 3rem);
  padding:clamp(1.5rem,3vw,2.25rem) 0;
  border-top:1px solid var(--line-2);
  align-items:baseline;
}
.spread:last-child{border-bottom:1px solid var(--line-2)}
.spread__num{
  font-family:var(--font-display);font-weight:400;font-style:italic;
  font-size:clamp(2.5rem, 4vw + 1rem, 5rem);
  line-height:1;letter-spacing:-0.03em;color:var(--brown);
}
.spread__body h3{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.35rem, 1vw + 1rem, 1.85rem);
  line-height:1.2;letter-spacing:-0.015em;color:var(--ink);
  margin:0 0 .5rem;
}
.spread__body p{font-size:1rem;color:var(--ink-2);line-height:1.6;max-width:60ch;margin:0}
@media (max-width:680px){
  .spread{grid-template-columns:1fr;gap:.5rem}
}

/* ---------- Needs ---------- */
.needs{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0 1.5rem}
.needs li{display:flex;align-items:flex-start;gap:.85rem;font-size:1.02rem;color:var(--ink-2)}
.needs li span{
  width:26px;height:26px;border-radius:50%;
  background:var(--brown);color:#fff;
  display:inline-grid;place-items:center;
  font-size:.78rem;font-weight:700;flex-shrink:0;
}

/* ---------- Challenges (6 bullet) ---------- */
.challenges{
  display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:.5rem 2.5rem;
}
.challenges li{
  display:grid;grid-template-columns:auto 1fr;gap:1rem;
  padding:1.25rem 0;border-top:1px solid var(--line);
  align-items:flex-start;
}
.challenges li:first-child,
.challenges li:nth-child(2){border-top:none}
.challenges li span{font-size:1.1rem;line-height:1}
.challenges li p{margin:0;font-size:1rem;color:var(--ink-2);line-height:1.55}
@media (max-width:760px){
  .challenges{grid-template-columns:1fr;gap:0}
  .challenges li:nth-child(2){border-top:1px solid var(--line)}
}

/* ---------- Stats ---------- */
.stats{
  display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:clamp(1.5rem, 3vw, 3rem);
  padding-top:1rem;
}
.stat{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--line-2);padding-top:1.25rem}
.stat__num{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(3rem, 5vw + 1rem, 6rem);
  line-height:.95;letter-spacing:-0.03em;color:var(--brown);
}
.stat__num sup{font-size:.45em;color:var(--coral);top:-.55em;position:relative}
.stat p{font-size:.95rem;color:var(--ink-2);line-height:1.5;margin:0;max-width:32ch}
@media (max-width:760px){.stats{grid-template-columns:1fr}}

/* ---------- About ---------- */
.about{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr);
  gap:clamp(2rem, 4vw, 4rem);align-items:flex-start;
}
.about__portrait{margin:0;position:sticky;top:6rem}
.about__portrait-frame{
  border-radius:var(--r-lg);overflow:hidden;background:var(--cream);
  aspect-ratio:4/5;box-shadow:var(--shadow-md);
}
.about__portrait-frame img{width:100%;height:100%;object-fit:cover}
.about__portrait figcaption{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;padding-left:.25rem}
.about__portrait strong{font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--ink);margin-top:.5rem}
.about__portrait span{font-size:.85rem;color:var(--ink-3)}

.about__body p{font-size:1.02rem;color:var(--ink-2);line-height:1.65}
.results{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1.5rem;padding-left:1.1rem;list-style:disc;color:var(--ink-2)}
.results li{font-size:1rem;line-height:1.55}
.pullquote{
  margin:1.75rem 0;padding:1.5rem 1.75rem;
  background:var(--sage-soft);border-radius:var(--r-lg);
  border-left:3px solid var(--brown);
}
.pullquote p{
  font-family:var(--font-display);font-style:italic;
  font-size:clamp(1.2rem,.8vw + 1rem,1.55rem);
  line-height:1.35;color:var(--ink);margin:0;
}
.pullquote cite{display:block;font-family:var(--font-body);font-size:.82rem;color:var(--ink-3);margin-top:.6rem;font-weight:600}
.closer{font-style:italic;color:var(--ink-3)}
@media (max-width:880px){
  .about{grid-template-columns:1fr}
  .about__portrait{position:static}
  .about__portrait-frame{aspect-ratio:4/3}
}

/* ---------- Signup band ---------- */
.signup-band{
  background:var(--brown);color:#fff;
  padding:clamp(3.5rem,6vw,5.5rem) 0;
}
.signup-wrap{
  display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:clamp(2rem,4vw,4rem);align-items:center;
}
.signup-wrap__intro p,.signup-wrap__intro h2{color:#fff}
.signup-wrap__sub{font-size:1.05rem;color:#F4E7E2;max-width:48ch;line-height:1.55}
.signup-wrap__date{font-size:.95rem;letter-spacing:.04em;color:#F1D7C9;margin-top:1rem}
.bigcd{display:flex;gap:1.5rem;margin-top:1.25rem}
.bigcd>div{display:flex;flex-direction:column;gap:.2rem;min-width:60px}
.bigcd b{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(2rem,2vw + 1rem,2.6rem);
  color:#fff;line-height:1;font-variant-numeric:tabular-nums;
}
.bigcd span{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#F4E7E2;font-weight:600}

.signup-card{
  background:#fff;border-radius:var(--r-xl);
  padding:clamp(1.5rem,3vw,2.25rem);
  box-shadow:var(--shadow-lg);
}
.signup{display:flex;flex-direction:column;gap:.85rem}
.field{display:flex;flex-direction:column;gap:.3rem;color:var(--ink)}
.field__label{font-size:.78rem;color:var(--ink-2);font-weight:600;letter-spacing:.02em}
.field input[type="text"],.field input[type="email"],.field input[type="tel"]{
  padding:.85rem 1.1rem;border:1px solid var(--line);background:#fff;color:var(--ink);
  border-radius:var(--r-pill);font:inherit;font-size:.95rem;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.field input:focus{outline:none;border-color:var(--brown);box-shadow:0 0 0 4px rgba(123,89,83,.12)}
.field--check{flex-direction:row;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--ink-2);line-height:1.45;margin-top:.25rem}
.field--check input{margin-top:.25rem;width:18px;height:18px;accent-color:var(--brown)}
.field__err{font-size:.78rem;color:var(--coral);font-weight:600}
.field__err--block{display:block;margin-top:-.25rem}
.signup__success{font-size:.95rem;color:#2D7D46;margin:.5rem 0 0;font-weight:600;text-align:center}
@media (max-width:880px){.signup-wrap{grid-template-columns:1fr}}

/* ---------- Final CTA ---------- */
.final{background:var(--brown-darker);color:#fff;padding:clamp(3.5rem,6vw,5rem) 0;text-align:center}
.final__inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem}
.final__sub{font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#F1D7C9;margin:0}
.final__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(2.5rem,4vw + 1rem,4.5rem);line-height:1;letter-spacing:-0.02em;
  margin:0;color:#fff;
}

/* ---------- Footer ---------- */
.footer{background:var(--sage);padding:2.5rem 0;border-top:1px solid var(--sage-2)}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.footer__logo{height:36px;width:auto}
.footer__copy{font-size:.8rem;color:var(--ink-3);margin:0}
.footer__nav{display:flex;gap:1.25rem;font-size:.85rem}
.footer__nav a{color:var(--ink-2)}
.footer__nav a:hover{color:var(--brown);opacity:1}

/* ---------- Floating CTA pill (disabled — CTA lives in nav) ---------- */
.floating-cta{display:none !important}
.floating-cta{
  position:fixed;
  bottom:1.25rem;right:1.25rem;
  z-index:55;
  align-items:center;gap:.65rem;
  padding:.95rem 1.1rem .95rem 1.1rem;
  color:#fff;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--brown) 0%, var(--brown-dark) 100%);
  border-radius:var(--r-pill);
  font-size:.92rem;font-weight:600;letter-spacing:.01em;
  box-shadow:
    0 18px 40px -12px rgba(63,44,40,.55),
    0 4px 10px -2px rgba(63,44,40,.25),
    inset 0 1px 0 rgba(255,255,255,.12);
  opacity:0;pointer-events:none;
  transform:translateY(14px) scale(.98);
  transition:opacity .35s var(--ease),transform .35s var(--ease),box-shadow .25s ease,filter .25s ease;
}
.floating-cta.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.floating-cta:hover{
  filter:brightness(1.06);
  box-shadow:
    0 24px 50px -14px rgba(63,44,40,.6),
    0 6px 14px -2px rgba(63,44,40,.3),
    inset 0 1px 0 rgba(255,255,255,.16);
}
.floating-cta:hover .floating-cta__arrow{transform:translateX(3px)}
.floating-cta__dot{
  width:9px;height:9px;border-radius:50%;background:var(--coral);
  box-shadow:0 0 0 0 rgba(231,76,60,.5);animation:pulse 1.8s ease-in-out infinite;
  flex:0 0 auto;
}
.floating-cta__label{font-weight:600}
.floating-cta__divider{
  width:1px;height:18px;background:rgba(255,255,255,.28);
  flex:0 0 auto;
}
.floating-cta__time{
  font-weight:700;font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.14);
  padding:.18rem .55rem;border-radius:999px;
  font-size:.84rem;letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.16);
}
.floating-cta__arrow{
  font-size:1rem;line-height:1;opacity:.85;
  transition:transform .25s var(--ease);
}

/* ---------- Hero CTA row (replaces inline form) ---------- */
.hero__cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;margin-top:.75rem}
.hero__cta-note{font-size:.78rem;color:var(--ink-3);font-weight:500;letter-spacing:.02em}

/* ---------- Signup-band CTA card (replaces inline form) ---------- */
.signup-card--cta{display:flex;flex-direction:column;gap:1rem;align-items:stretch;text-align:center;padding:2.25rem 1.75rem}
.signup-card__lede{font-family:var(--font-display);font-weight:400;font-size:1.35rem;line-height:1.25;color:var(--ink);margin:0}
.signup-card__gdpr{font-size:.78rem;color:var(--ink-3);margin:0;line-height:1.45}

/* ---------- Signup modal ---------- */
.modal{
  border:none;padding:0;background:transparent;color:inherit;
  max-width:min(92vw, 520px);width:100%;
  max-height:90vh;
  border-radius:var(--r-xl);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  overflow:visible;
}
.modal::backdrop{
  background:rgba(31,36,33,.55);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.modal[open]{animation:modalIn .25s var(--ease)}
@keyframes modalIn{
  from{opacity:0;transform:translateY(8px) scale(.98)}
  to{opacity:1;transform:none}
}
.modal__inner{
  background:#fff;color:var(--ink);
  border-radius:var(--r-xl);
  padding:clamp(1.5rem,3vw,2.25rem);
  position:relative;
  max-height:90vh;overflow-y:auto;
}
.modal__close{
  position:absolute;top:.85rem;right:.85rem;
  width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--ink-2);
  font-size:1.4rem;line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.modal__close:hover{background:var(--sage-soft);color:var(--ink)}
.modal__head{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-right:2rem}
.modal__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.5rem,1.5vw + 1rem,2rem);
  line-height:1.1;letter-spacing:-0.02em;color:var(--ink);margin:0;
}
.modal__title em{font-style:italic;color:var(--brown)}
.modal__sub{font-size:.92rem;color:var(--ink-2);margin:0;line-height:1.5}

@media (max-width:560px){
  .modal{max-width:100vw;max-height:100vh;border-radius:0}
  .modal__inner{border-radius:0;max-height:100vh;min-height:100vh}
}

/* ---------- Hero value bullets + urgency CTA ---------- */
.hero__bullets{
  list-style:none;padding:0;margin:.25rem 0 0;
  display:flex;flex-direction:column;gap:.45rem;
}
.hero__bullets li{
  display:flex;align-items:flex-start;gap:.6rem;
  font-size:.95rem;color:var(--ink);line-height:1.4;
}
.hero__bullets li > span:first-child{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;flex:0 0 20px;border-radius:50%;
  background:var(--brown);color:#fff;font-size:.7rem;font-weight:700;
  margin-top:1px;
}

.hero__cd-lbl{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.78rem;letter-spacing:.04em;color:var(--brown-darker);
  font-weight:700;text-transform:uppercase;
}
.hero__cd-dot{
  width:8px;height:8px;border-radius:50%;background:var(--coral);
  box-shadow:0 0 0 0 rgba(231,76,60,.55);
  animation:pulse 1.6s ease-in-out infinite;
}

.btn--pulse{position:relative;overflow:visible}
.btn--pulse::after{
  content:"";position:absolute;inset:-3px;border-radius:inherit;
  border:2px solid var(--brown);opacity:.6;
  animation:btnPulse 1.8s ease-out infinite;pointer-events:none;
}
@keyframes btnPulse{
  0%{transform:scale(1);opacity:.55}
  70%{transform:scale(1.08);opacity:0}
  100%{transform:scale(1.08);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .btn--pulse::after,.hero__cd-dot{animation:none}
}

.hero__cta-note strong{color:var(--brown-darker);font-weight:700}

/* ---------- Mobile fine-tuning for ad landing page ---------- */
@media (max-width:720px){
  /* Tighter section padding so users get to CTA faster */
  .section{padding:clamp(2.25rem, 6vw, 3.5rem) 0}
  .service{padding:clamp(2.5rem, 7vw, 4rem) 0}

  /* Hero card breathing room */
  .hero{padding:.75rem .75rem 0}
  .hero__card{padding:1.1rem;border-radius:24px}
  .hero__split{padding-bottom:1rem;gap:1rem}
  .hero__title{font-size:clamp(1.85rem, 8vw, 2.6rem)}
  .hero__sub{font-size:.95rem}
  .hero__bullets li{font-size:.88rem}
  .hero__portrait{min-height:auto;aspect-ratio:5/4;max-height:280px}

  /* Countdown more compact */
  .hero__cd-grid{max-width:100%;gap:.4rem}
  .hero__cd-grid > div{padding:.45rem .25rem}
  .hero__cd-grid b{font-size:1.15rem}
  .hero__cd-grid span{font-size:.58rem}
  .hero__cd-lbl{font-size:.7rem;letter-spacing:.02em;line-height:1.35}

  /* CTA full width on phone */
  .hero__cta-row{align-items:stretch}
  .hero__cta-row .btn{width:100%;justify-content:center;text-align:center}
  .hero__cta-note{text-align:center}

  /* Hero footer stack tighter */
  .hero__foot{gap:1rem;padding-top:1rem;margin-top:1rem}
  .proof{gap:.75rem}
  .avatar{width:36px;height:36px;margin-left:-10px}
  .proof__num strong{font-size:1.5rem}
  .proof__num span{font-size:.72rem}

  /* Marquee a touch smaller */
  .marquee__track{font-size:1rem;gap:1.25rem}

  /* Section heads breathe less */
  .display{font-size:clamp(1.6rem, 6vw, 2.2rem)}
  .twocol{gap:1.25rem}
  .twocol__a{position:static}

  /* Stats clean stack */
  .stat__num{font-size:clamp(2.4rem, 10vw, 3.4rem)}

  /* Pill nav: ensure CTA stays visible */
  .pillnav__links{display:none}
  .pillnav__inner{justify-content:space-between;gap:.5rem}
  .pillnav__cta{padding:.55rem 1rem;font-size:.85rem}
}

/* ---------- Serenity-style editorial hero (restored layout) ---------- */
.hero__top{
  display:grid;
  grid-template-columns: 1.55fr 1fr;
  gap:clamp(1.5rem, 4vw, 3.25rem);
  align-items:start;
  padding-bottom:clamp(1.25rem, 2.5vw, 2rem);
}
.hero__top .hero__title{margin:0}
.hero__intro{
  display:flex;flex-direction:column;align-items:flex-start;
  gap:1rem;padding-top:.4rem;
  max-width:34ch;
}
.hero__intro .hero__sub{margin:0;font-size:1rem;color:var(--ink-2);line-height:1.55}
.btn--pill{border-radius:999px;padding:.7rem 1.25rem;font-size:.92rem}

.hero__list{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.hero__col{display:flex;flex-direction:column;gap:1.5rem;min-width:0;height:100%}
.hero__col > .hero__agenda{flex:1 1 auto}
.hero__items{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:.25rem;
  /* Sticky: follows scroll alongside the tall portrait */
  position:sticky;top:96px;align-self:start;
  background:#fff;
}
.hero__items li{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem 0;
  border-bottom:1px solid rgba(0,0,0,.08);
  cursor:default;
}
.hero__items li:first-child{border-top:1px solid rgba(0,0,0,.08)}
.hero__items-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.hero__items-text strong{font-size:1rem;color:var(--ink);font-weight:600;letter-spacing:-.005em}
.hero__items-text span{font-size:.82rem;color:var(--ink-3);line-height:1.4}
.hero__items-arrow{
  flex:0 0 auto;font-size:1rem;color:var(--ink-3);
  transition:transform .25s ease,color .25s ease;
}
.hero__items li:hover .hero__items-arrow{transform:translateX(4px);color:var(--brown)}

/* Tighter portrait inside new split — agenda card matches portrait height */
.hero__split{align-items:stretch}
.hero__split > *{min-height:0}
.hero__split .hero__portrait{min-height:auto;aspect-ratio:4/5;max-height:none;height:100%}
.hero__split .hero__portrait img{height:100%;width:100%;object-fit:cover}

@media (max-width:880px){
  .hero__items{position:static;top:auto}
}

/* Footer: stat left, CTA right */
.hero__foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;flex-wrap:wrap;
}
.hero__foot .hero__cta-row{
  flex-direction:row;align-items:center;gap:1rem;margin:0;flex-wrap:wrap;
}

/* Mobile collapse */
@media (max-width:880px){
  .hero__top{grid-template-columns:1fr;gap:1rem;padding-bottom:1rem}
  .hero__intro{max-width:none;padding-top:0}
  .hero__foot .hero__cta-row{flex-direction:column;align-items:stretch;width:100%}
  .hero__foot .hero__cta-row .btn{width:100%;justify-content:center}
}

/* ---------- Hero intro CTA prominence + date display ---------- */
.hero__intro{gap:.85rem}
.hero__intro-date{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;
  padding:.6rem .85rem;border-radius:12px;
  background:var(--cream);border:1px solid rgba(123,89,83,.18);
  font-size:.95rem;color:var(--ink);
}
.hero__intro-date-lbl{
  font-size:.62rem;letter-spacing:.12em;font-weight:700;
  color:var(--brown);text-transform:uppercase;width:100%;
}
.hero__intro-date strong{
  font-family:var(--font-display);font-weight:500;
  font-size:1.25rem;color:var(--ink);text-transform:capitalize;
}
.hero__intro-cta{
  align-self:stretch;justify-content:center;
  font-size:1.05rem;padding:1.05rem 1.6rem;
  box-shadow:0 12px 28px -8px rgba(123,89,83,.55);
}
.hero__intro-cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px -8px rgba(123,89,83,.65)}
.hero__intro-note{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.78rem;color:var(--ink-3);
}
.hero__intro-note strong{color:var(--brown-darker);font-weight:700}

/* Countdown date inline strong */
.hero__cd-lbl strong{
  font-family:var(--font-display);font-weight:500;color:var(--brown-darker);
  text-transform:capitalize;font-size:.95rem;letter-spacing:0;
}

/* ---------- Cleaner hero: 4 USPs + combined action zone ---------- */
.hero__intro{gap:1rem;max-width:none}
.proof--inline{margin-top:.25rem}

/* USP list — 4 items */
.hero__items li{padding:.85rem 0}
.hero__items-text strong{font-size:1.02rem}
.hero__items-text span{font-size:.85rem}

/* Portrait swap to landscape image — make it shorter, calmer */
.hero__split .hero__portrait{
  min-height:auto;aspect-ratio:4/5;max-height:560px;
}

/* Combined action zone: date · countdown · CTA in one panel */
.hero__action{
  display:grid;
  grid-template-columns: 1fr 1.2fr 1.2fr;
  gap:1.5rem;align-items:center;
  margin-top:1.75rem;padding:1.5rem;
  background:var(--cream);border-radius:var(--r-lg);
  border:1px solid rgba(123,89,83,.18);
  box-shadow:var(--shadow-sm);
}
.hero__action-when{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.hero__action-lbl{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.68rem;letter-spacing:.12em;color:var(--brown);
  font-weight:700;text-transform:uppercase;
}
.hero__action-when strong{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.1rem, 1.4vw + .5rem, 1.55rem);
  color:var(--ink);text-transform:capitalize;line-height:1.15;
}
.hero__action-when strong span{text-transform:capitalize}

.hero__action-cd{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--brown);border-radius:14px;
  padding:1rem .75rem;color:#fff;
  box-shadow:0 8px 22px -10px rgba(123,89,83,.55);
}
.hero__action-cd > div{
  text-align:center;padding:0 .25rem;position:relative;
}
.hero__action-cd > div + div::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;
  background:rgba(255,255,255,.18);
}
.hero__action-cd b{
  display:block;font-family:var(--font-display);font-weight:500;
  font-size:1.85rem;color:#fff;font-variant-numeric:tabular-nums;
  line-height:1;letter-spacing:-.01em;
}
.hero__action-cd span{
  display:block;margin-top:.45rem;
  font-size:.62rem;letter-spacing:.14em;color:rgba(255,255,255,.78);
  font-weight:600;text-transform:uppercase;
}

.hero__action-cta{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}
.hero__action-btn{
  width:100%;justify-content:center;font-size:1.02rem;
  padding:1rem 1.4rem;
  box-shadow:0 12px 28px -10px rgba(123,89,83,.55);
}
.hero__action-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(123,89,83,.65)}
.hero__action-note{font-size:.74rem;color:var(--ink-3);text-align:center}
.hero__action-note strong{color:var(--brown-darker);font-weight:700}

/* Hide the now-unused old footer/intro styles that used to live here */
.hero__foot,.hero__cta-row,.hero__cd,.hero__intro-date,.hero__intro-cta,.hero__intro-note,.hero__list,.hero__bullets{display:none !important}

@media (max-width:980px){
  .hero__action{grid-template-columns:1fr;gap:1rem}
}
@media (max-width:880px){
  .hero__split .hero__portrait{aspect-ratio:16/10;max-height:340px}
  .hero__items li{padding:.75rem 0}
}

/* ---------- CTA in hero top-right (row 1) ---------- */
.hero__intro-btn{
  align-self:stretch;justify-content:center;
  font-size:1.02rem;padding:1rem 1.5rem;
  box-shadow:0 12px 28px -10px rgba(123,89,83,.55);
  display:inline-flex !important; /* override hide rule from old styles */
}
.hero__intro-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(123,89,83,.65)}
.hero__intro-meta{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.78rem;color:var(--ink-3);
}
.hero__intro-meta strong{color:var(--brown-darker);font-weight:700}

/* ---------- Hero intro: full conversion stack (date + timer + CTA) ---------- */
.hero__intro-when{
  display:flex;flex-direction:column;gap:.35rem;
  padding:.6rem 0;
}
.hero__intro-when-lbl{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.66rem;letter-spacing:.14em;color:var(--brown);
  font-weight:700;text-transform:uppercase;
}
.hero__intro-when strong{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.05rem, 1.2vw + .5rem, 1.4rem);
  color:var(--ink);text-transform:capitalize;line-height:1.15;
}

.hero__intro-cd{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--brown);border-radius:14px;
  padding:1rem .5rem;color:#fff;
  box-shadow:0 8px 22px -10px rgba(123,89,83,.55);
}
.hero__intro-cd > div{text-align:center;padding:0 .25rem;position:relative}
.hero__intro-cd > div + div::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;
  background:rgba(255,255,255,.18);
}
.hero__intro-cd b{
  display:block;font-family:var(--font-display);font-weight:500;
  font-size:1.7rem;color:#fff;font-variant-numeric:tabular-nums;
  line-height:1;letter-spacing:-.01em;
}
.hero__intro-cd span{
  display:block;margin-top:.45rem;
  font-size:.58rem;letter-spacing:.14em;color:rgba(255,255,255,.78);
  font-weight:600;text-transform:uppercase;
}

@media (max-width:880px){
  .hero__intro-cd b{font-size:1.4rem}
  .hero__intro-cd span{font-size:.54rem}
}

/* ---------- Hero agenda card (fills space under sticky USPs) ---------- */
.hero__agenda{
  background:var(--cream);border-radius:var(--r-lg);
  padding:clamp(1.5rem,2.4vw,2.25rem);
  border:1px solid rgba(123,89,83,.14);
  display:flex;flex-direction:column;gap:1.1rem;
  justify-content:center;
}
.hero__agenda .chip{align-self:flex-start;background:#fff;border-color:rgba(123,89,83,.18)}
.hero__agenda-title{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.4rem,1.6vw + .6rem,1.85rem);
  letter-spacing:-.01em;color:var(--ink);
  margin:0;line-height:1.15;
}
.hero__agenda-list{
  list-style:none;padding:0;margin:.25rem 0 0;
  display:flex;flex-direction:column;gap:1rem;
  counter-reset:agenda;
}
.hero__agenda-list li{
  display:grid;grid-template-columns:auto 1fr;gap:.95rem;
  padding-top:1rem;border-top:1px solid rgba(123,89,83,.16);
}
.hero__agenda-list li:first-child{padding-top:0;border-top:0}
.hero__agenda-num{
  font-family:var(--font-display);font-weight:500;
  font-size:1.15rem;color:var(--brown);line-height:1;
  font-variant-numeric:tabular-nums;padding-top:.15rem;
}
.hero__agenda-text{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.hero__agenda-text strong{
  font-size:1rem;font-weight:600;color:var(--ink);
  letter-spacing:-.005em;line-height:1.3;
}
.hero__agenda-text span{font-size:.86rem;color:var(--ink-2);line-height:1.5}

@media (max-width:880px){
  .hero__col{gap:1rem}
}

/* ---------- Image lightbox ---------- */
.lightbox{
  position:fixed;inset:0;z-index:1000;
  display:flex;align-items:center;justify-content:center;
  background:rgba(20,16,15,.88);backdrop-filter:blur(6px);
  padding:clamp(1rem,4vw,3rem);
  opacity:0;pointer-events:none;transition:opacity .18s ease;
  cursor:zoom-out;
}
.lightbox[data-open]{opacity:1;pointer-events:auto}
.lightbox__img{
  max-width:100%;max-height:100%;
  width:auto;height:auto;
  border-radius:.5rem;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  transform:scale(.96);transition:transform .22s ease;
  user-select:none;
}
.lightbox[data-open] .lightbox__img{transform:scale(1)}
.lightbox__close{
  position:absolute;top:1rem;right:1rem;
  width:44px;height:44px;border-radius:999px;border:0;
  background:rgba(255,255,255,.92);color:#222;
  font-size:1.6rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.lightbox__close:hover{background:#fff}
[data-zoomable]{cursor:zoom-in;transition:opacity .15s ease}
[data-zoomable]:hover{opacity:.92}

/* ---------- Mobile hero re-order: portrait right after the sub line ---------- */
@media (max-width:720px){
  .hero__card{display:flex;flex-direction:column;gap:1rem}
  .hero__top, .hero__intro, .hero__split{display:contents}
  .hero__title{order:1}
  .hero__sub{order:2}
  .hero__split .hero__portrait{order:3;width:100%}
  .hero__intro-when{order:4}
  .hero__intro-cd{order:5}
  .hero__intro-btn{order:6}
  .hero__intro-meta{order:7}
  .proof--inline{order:8}
  .hero__col{order:9}
}

/* ---------- Mobile overflow & sizing safety ---------- */
/* NOTE: do NOT put overflow-x:hidden on html/body — it kills position:sticky on the navbar.
   Clip horizontal overflow at body using `overflow-x:clip` (sticky-safe). */
html{max-width:100%}
body{max-width:100%;overflow-x:clip}
@media (max-width:560px){
  :root{--gutter:.75rem}
  .hero{padding-left:.75rem;padding-right:.75rem}
  .hero__card{padding:1rem;border-radius:20px}
  .hero__title{
    font-size:clamp(1.65rem, 7.4vw, 2.2rem);
    line-height:1.12;
    overflow-wrap:break-word;
    hyphens:auto;
    -webkit-hyphens:auto;
  }
  .hero__sub{font-size:.95rem}
  .hero__intro-cd{padding:.7rem .5rem}
  .hero__intro-cd b{font-size:1.4rem}
  .hero__intro-cd span{font-size:.55rem}
  .hero__intro-btn{width:100%;justify-content:center}
  .hero__intro-when{padding:.6rem .8rem;font-size:.78rem}
  .hero__intro-when strong{font-size:.95rem}
  .proof--inline{flex-wrap:wrap}
  .hero__split .hero__portrait{aspect-ratio:4/3;max-height:none;width:100%}
  .hero__agenda{padding:1.1rem}
  .hero__agenda-title{font-size:1.25rem}
  .hero__agenda-list li{gap:.6rem;padding-top:.8rem}
  .hero__agenda-text strong{font-size:.92rem}
  .hero__agenda-text span{font-size:.8rem}
  /* Containers honour smaller gutter */
  .container{padding-left:.75rem;padding-right:.75rem}
  .display{font-size:clamp(1.5rem, 6.5vw, 2rem);overflow-wrap:break-word}
  .twocol{padding:0}
  .signup-wrap, .quotes, .stats{padding-left:0;padding-right:0}
  /* Bento more compact on small phones */
  .bento{gap:.5rem}
}

/* =========================================================
   THANK YOU PAGE — reuses tokens from main stylesheet
   ========================================================= */

/* Slim header for thank-you (logo + back link, no CTA) */
.pillnav__inner--thanks{grid-template-columns:auto 1fr auto !important;padding:.5rem 1.1rem !important}
.pillnav__back{
  justify-self:end;
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.55rem 1rem;border-radius:999px;
  background:var(--sage-soft);color:var(--ink-2);
  font-size:.85rem;font-weight:500;letter-spacing:.005em;
  border:1px solid transparent;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.pillnav__back:hover{background:var(--sage-2);color:var(--ink);opacity:1}
.pillnav__back span:first-child{font-size:1rem;line-height:1;transition:transform .25s var(--ease)}
.pillnav__back:hover span:first-child{transform:translateX(-3px)}

/* Confirmation hero card */
.thanks-hero{
  padding:clamp(1.25rem, 2.5vw, 2rem) var(--gutter) 0;
}
.thanks-hero__card{
  width:min(100%, 980px);
  margin:1.25rem auto 0;
  background:var(--paper);
  border-radius:var(--r-xl);
  padding:clamp(1.75rem, 4vw, 3.25rem);
  box-shadow:var(--shadow-lg);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.thanks-hero__card::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 50% 0%, rgba(123,89,83,.06), transparent 60%);
  pointer-events:none;
}
.thanks-hero__card > *{position:relative}
.thanks-hero__badge{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.45rem .9rem .45rem .7rem;border-radius:999px;
  background:var(--sage-soft);color:var(--brown-dark);
  font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  margin-bottom:1.1rem;
}
.thanks-hero__badge svg{color:var(--brown)}
.thanks-hero__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(2rem, 3.4vw + .8rem, 3.6rem);
  line-height:1.05;letter-spacing:-.025em;color:var(--ink);
  margin:0 auto .85rem;max-width:18ch;
}
.thanks-hero__title em{font-style:italic;color:var(--brown)}
.thanks-hero__sub{
  font-size:1.05rem;color:var(--ink-2);line-height:1.55;
  max-width:46ch;margin:0 auto 1.5rem;
}

.thanks-when{
  display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;
  padding:.7rem 1.1rem;background:var(--sage-soft);border-radius:14px;
  margin-bottom:1.1rem;
}
.thanks-when__lbl{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.7rem;letter-spacing:.12em;color:var(--ink-3);font-weight:600;text-transform:uppercase;
}
.thanks-when strong{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.15rem, 1.4vw + .5rem, 1.55rem);
  color:var(--ink);text-transform:capitalize;line-height:1.15;
}

.thanks-cd{max-width:520px;margin:0 auto 1.5rem}

.thanks-actions{
  display:flex;flex-direction:column;align-items:center;gap:.55rem;
}
.thanks-actions .btn{padding:1rem 1.8rem}
.thanks-actions__meta{
  font-size:.78rem;color:var(--ink-3);letter-spacing:.02em;
}

/* Steps */
.section-head--center{margin-inline:auto;text-align:center;max-width:680px}
.section-head--center .lede{margin-inline:auto}
.thanks-steps-wrap{padding-top:clamp(2.5rem,5vw,4.5rem)}
.thanks-steps{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(1rem, 2vw, 1.75rem);
  margin-top:1rem;
}
.thanks-steps li{
  display:flex;flex-direction:column;gap:.85rem;
  padding:1.6rem 1.5rem;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);
}
.thanks-steps__num{
  font-family:var(--font-display);font-style:italic;font-weight:500;
  font-size:1.7rem;color:var(--brown);line-height:1;
}
.thanks-steps h3{
  font-family:var(--font-display);font-weight:500;
  font-size:1.2rem;color:var(--ink);margin:0;line-height:1.2;letter-spacing:-.01em;
}
.thanks-steps p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.55}

/* Meantime grid (Hilde quote) */
.thanks-meantime__grid{
  display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
  gap:clamp(2rem, 4vw, 4rem);align-items:center;
}
.thanks-meantime__portrait{margin:0;display:flex;flex-direction:column;gap:.65rem}
.thanks-meantime__frame{
  border-radius:var(--r-lg);overflow:hidden;background:var(--cream);
  box-shadow:var(--shadow-md);aspect-ratio:4/5;
}
.thanks-meantime__frame img{width:100%;height:100%;object-fit:cover;display:block}
.thanks-meantime__portrait figcaption{font-size:.88rem;color:var(--ink-3);text-align:center}
.thanks-meantime__body .chip{margin-bottom:.4rem}
.thanks-meantime__body .pullquote{
  margin:1rem 0 1.25rem;padding:1.25rem 1.5rem;
  background:#fff;border-left:3px solid var(--brown);border-radius:0 var(--r-md) var(--r-md) 0;
}
.thanks-meantime__body .pullquote p{
  font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:1.2rem;line-height:1.45;color:var(--ink);margin:0 0 .4rem;
}
.thanks-meantime__body .pullquote cite{font-size:.85rem;color:var(--ink-3)}
.thanks-meantime__copy{color:var(--ink-2);max-width:54ch}

/* Share */
.thanks-share-wrap{padding-bottom:clamp(4rem, 7vw, 7rem)}
.thanks-share{
  display:grid;grid-template-columns:repeat(4, minmax(0,1fr));
  gap:.85rem;max-width:780px;margin:1.5rem auto 0;
}
.thanks-share__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.95rem 1rem;border-radius:var(--r-pill);
  background:#fff;color:var(--ink);
  border:1px solid var(--line);
  font-family:inherit;font-size:.9rem;font-weight:500;letter-spacing:.005em;
  cursor:pointer;text-decoration:none;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
              border-color var(--dur) var(--ease),background var(--dur) var(--ease);
  box-shadow:var(--shadow-sm);
}
.thanks-share__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);opacity:1;border-color:var(--line-2)}
.thanks-share__btn svg{flex:0 0 auto}
.thanks-share__btn--wa{color:#1F2421}
.thanks-share__btn--wa svg{color:#25D366}
.thanks-share__btn--fb svg{color:#0084FF}
.thanks-share__btn--em svg{color:var(--brown)}
.thanks-share__btn--copy svg{color:var(--ink-3)}
.thanks-share__btn.is-copied{background:var(--sage-soft);border-color:transparent}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:1.5rem;transform:translateX(-50%) translateY(20px);
  background:var(--ink);color:#fff;
  padding:.75rem 1.2rem;border-radius:999px;
  font-size:.9rem;letter-spacing:.005em;
  box-shadow:var(--shadow-md);
  opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
  z-index:1100;
}
.toast.is-show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}

/* Mobile */
@media (max-width:880px){
  .thanks-steps{grid-template-columns:1fr;gap:.85rem}
  .thanks-meantime__grid{grid-template-columns:1fr;gap:1.5rem}
  .thanks-meantime__portrait{max-width:320px;margin:0 auto}
  .thanks-share{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .pillnav__inner--thanks{padding:.4rem .65rem !important;gap:.4rem}
  .pillnav__back{padding:.45rem .8rem;font-size:.78rem;background:transparent}
  .pillnav__back span:last-child{display:none}
  .pillnav__back span:first-child{font-size:1.1rem}
  .thanks-hero__card{padding:1.4rem 1rem;border-radius:20px}
  .thanks-hero__title{font-size:clamp(1.6rem, 7.2vw, 2.1rem)}
  .thanks-hero__sub{font-size:.92rem}
  .thanks-when{width:100%}
  .thanks-actions .btn{width:100%}
  .thanks-steps li{padding:1.25rem 1.1rem}
  .thanks-share__btn{padding:.85rem .65rem;font-size:.82rem}
}

/* =========================================================
   NURTURE PAGES — podcast, blogg, video, inspirasjon, testimonials
   Scoped under .nurture-* and per-page prefixes to avoid leakage.
   ========================================================= */

.nurture-page{background:var(--sage)}
.nurture-page main{padding-bottom:clamp(3rem,6vw,5rem)}

.nurture-hero{padding:clamp(1.25rem,2.5vw,2rem) var(--gutter) 0}
.nurture-hero__card{
  width:min(100%, 1100px);
  margin:1.25rem auto 0;
  background:var(--paper);
  border-radius:var(--r-xl);
  padding:clamp(1.75rem,4vw,3rem);
  box-shadow:var(--shadow-lg);
  position:relative;overflow:hidden;
}
.nurture-hero__eyebrow{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.45rem .9rem;border-radius:999px;
  background:var(--sage-soft);color:var(--brown-dark);
  font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:1rem;
}
.nurture-hero__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(2rem,3vw + 1rem,3.6rem);
  line-height:1.05;letter-spacing:-.025em;color:var(--ink);
  margin:0 0 .85rem;max-width:22ch;
}
.nurture-hero__title em{font-style:italic;color:var(--brown)}
.nurture-hero__lede{font-size:1.05rem;color:var(--ink-2);line-height:1.6;max-width:60ch;margin:0 0 1.25rem}
.nurture-hero__meta{
  display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;
  font-size:.82rem;color:var(--ink-3);letter-spacing:.02em;
  border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;
}
.nurture-hero__meta span strong{color:var(--ink-2);font-weight:600}

.nurture-cta{
  background:var(--brown);color:#fff;
  padding:clamp(2.5rem,5vw,4rem) var(--gutter);
  border-radius:var(--r-xl);
  margin:clamp(2.5rem,5vw,4rem) auto 0;
  width:min(100% - 2*var(--gutter), 1100px);
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:1rem;
}
.nurture-cta__sub{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#F1D7C9;margin:0}
.nurture-cta__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.75rem,2.5vw + .5rem,2.6rem);line-height:1.1;letter-spacing:-.02em;
  margin:0;color:#fff;max-width:24ch;
}
.nurture-cta__title em{font-style:italic;color:#F1D7C9}
.nurture-cta__copy{color:#F4E7E2;max-width:50ch;line-height:1.55;margin:0}
.nurture-cta .btn--white{margin-top:.5rem}

.nurture-section{
  width:min(100% - 2*var(--gutter), 1100px);
  margin:clamp(2.5rem,5vw,4rem) auto 0;
}
.nurture-section--narrow{max-width:780px}
.nurture-section h2{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.6rem,1.5vw + 1rem,2.4rem);
  line-height:1.15;letter-spacing:-.02em;color:var(--ink);
  margin:0 0 1rem;
}
.nurture-section h2 em{font-style:italic;color:var(--brown)}
.nurture-section h3{
  font-family:var(--font-display);font-weight:500;
  font-size:1.35rem;line-height:1.25;letter-spacing:-.01em;color:var(--ink);
  margin:1.75rem 0 .5rem;
}
.nurture-section p{font-size:1rem;color:var(--ink-2);line-height:1.7;margin:0 0 1em;max-width:64ch}

/* ---------- PODCAST ---------- */
.podcast-player{
  position:sticky;top:5.5rem;z-index:20;
  width:min(100% - 2*var(--gutter), 1100px);
  margin:1.5rem auto 0;
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-md);
  padding:1.1rem 1.25rem;
  display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;
}
.podcast-player__cover{
  width:64px;height:64px;border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,var(--brown),var(--brown-dark));
  display:flex;align-items:center;justify-content:center;color:#fff;
  flex:0 0 auto;
}
.podcast-player__cover svg{width:28px;height:28px}
.podcast-player__body{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.podcast-player__title{font-weight:600;color:var(--ink);font-size:.95rem;line-height:1.3}
.podcast-player__title small{display:block;color:var(--ink-3);font-weight:500;font-size:.78rem;margin-top:.15rem}
.podcast-player audio{width:100%;height:36px}
.podcast-player__note{font-size:.72rem;color:var(--ink-3);margin-top:.25rem}

.podcast-chapters{
  display:flex;flex-direction:column;gap:.5rem;margin:1.25rem 0 0;
}
.podcast-chapters li{
  display:grid;grid-template-columns:auto 1fr;gap:1rem;
  padding:.85rem 1rem;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);transition:border-color var(--dur) var(--ease);
}
.podcast-chapters li:hover{border-color:var(--brown)}
.podcast-chapters time{
  font-family:var(--font-display);font-weight:500;color:var(--brown);
  font-variant-numeric:tabular-nums;font-size:.95rem;
}
.podcast-chapters a{color:var(--ink);font-weight:500;font-size:.95rem}
.podcast-bio{
  display:grid;grid-template-columns:140px 1fr;gap:1.5rem;align-items:center;
  background:var(--cream);border-radius:var(--r-lg);padding:1.5rem;margin-top:2rem;
}
.podcast-bio img{width:140px;height:140px;border-radius:50%;object-fit:cover}
.podcast-bio p{margin:0;font-size:.95rem}
.podcast-bio strong{display:block;font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin-bottom:.35rem;font-weight:500}
@media (max-width:560px){
  .podcast-player{grid-template-columns:1fr;text-align:left}
  .podcast-player__cover{width:48px;height:48px}
  .podcast-bio{grid-template-columns:1fr;text-align:center}
  .podcast-bio img{margin:0 auto}
}

/* ---------- BLOGG ---------- */
.blogg-article{
  width:min(100% - 2*var(--gutter), 760px);
  margin:1.5rem auto 0;
}
.blogg-article p:first-of-type::first-letter{
  font-family:var(--font-display);font-weight:500;
  font-size:4.5rem;line-height:.85;float:left;
  padding:.35rem .75rem 0 0;color:var(--brown);
}
.blogg-article h2{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.5rem,1.5vw + 1rem,2.1rem);
  line-height:1.2;letter-spacing:-.02em;color:var(--ink);
  margin:2.25rem 0 .75rem;
}
.blogg-article h2 em{font-style:italic;color:var(--brown)}
.blogg-article p{font-size:1.05rem;color:var(--ink-2);line-height:1.75;margin:0 0 1.15em}
.blogg-figure{margin:2rem 0;border-radius:var(--r-lg);overflow:hidden;background:var(--cream);box-shadow:var(--shadow-sm)}
.blogg-figure img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.blogg-figure figcaption{font-size:.82rem;color:var(--ink-3);padding:.6rem 1rem;text-align:center;font-style:italic}
.blogg-pull{
  margin:2rem 0;padding:1.5rem 1.75rem;
  background:var(--sage-soft);border-left:3px solid var(--brown);border-radius:var(--r-md);
}
.blogg-pull p{
  font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:1.35rem;line-height:1.4;color:var(--ink);margin:0;
}
.blogg-meta{
  display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;
  font-size:.85rem;color:var(--ink-3);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:.85rem 0;margin:1.5rem 0 0;
}
.blogg-meta__badge{
  display:inline-flex;align-items:center;gap:.35rem;
  background:var(--sage-soft);padding:.3rem .7rem;border-radius:999px;
  color:var(--brown-dark);font-weight:600;font-size:.75rem;letter-spacing:.04em;
}
.blogg-share{
  display:flex;flex-wrap:wrap;gap:.6rem;margin:2.5rem 0 0;
  padding-top:1.5rem;border-top:1px solid var(--line);
}
.blogg-share__lbl{font-size:.85rem;color:var(--ink-3);align-self:center;margin-right:.5rem}
.blogg-share a{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem 1rem;border-radius:999px;
  background:#fff;border:1px solid var(--line);color:var(--ink-2);
  font-size:.85rem;font-weight:500;
}
.blogg-share a:hover{border-color:var(--brown);color:var(--brown);opacity:1}

/* ---------- VIDEO ---------- */
.video-frame{
  width:min(100% - 2*var(--gutter), 1100px);
  margin:1.5rem auto 0;
  display:flex;flex-direction:column;gap:.75rem;
}
.video-frame__stage{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--shadow-lg);background:#2a1f1c;
}
.video-frame__video{
  width:100%;aspect-ratio:16/9;display:block;
  background:#2a1f1c;object-fit:cover;
}
.video-frame__play{
  position:absolute;inset:0;margin:auto;
  width:84px;height:84px;border-radius:50%;
  background:#fff;color:var(--brown);border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 18px 40px rgba(0,0,0,.4);
  transition:transform .25s var(--ease),opacity .25s var(--ease);
  z-index:2;
}
.video-frame__play:hover{transform:scale(1.06)}
.video-frame__play svg{width:34px;height:34px;margin-left:5px}
.video-frame__stage.is-playing .video-frame__play{opacity:0;pointer-events:none}
.video-frame__caption-row{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:.4rem 1.25rem;padding:0 .25rem;
}
.video-frame__caption{font-family:var(--font-display);font-weight:500;font-size:1.05rem;color:var(--ink)}
.video-frame__note{font-size:.78rem;color:var(--ink-3);letter-spacing:.02em}

.video-tips{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.5rem 0 0;
}
.video-tips article{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;
}
.video-tips__num{
  font-family:var(--font-display);font-style:italic;font-weight:500;
  font-size:2rem;color:var(--brown);line-height:1;
}
.video-tips h3{margin:0;font-family:var(--font-display);font-weight:500;font-size:1.2rem;color:var(--ink);line-height:1.25}
.video-tips p{margin:0;font-size:.95rem;color:var(--ink-2);line-height:1.55}
@media (max-width:760px){.video-tips{grid-template-columns:1fr}}

.video-download{
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;
  background:var(--cream);border:1px solid rgba(123,89,83,.18);
  border-radius:var(--r-lg);padding:1.25rem 1.5rem;margin:2rem 0 0;
}
.video-download__icon{
  width:48px;height:48px;border-radius:12px;background:var(--brown);color:#fff;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.video-download__body{flex:1 1 240px;min-width:0}
.video-download__body strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:.15rem}
.video-download__body span{color:var(--ink-3);font-size:.85rem}
.video-download .btn{flex:0 0 auto}
.video-download .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;pointer-events:none}

/* ---------- INSPIRASJON ---------- */
.inspirasjon-group{margin-top:clamp(2rem,4vw,3.5rem)}
.inspirasjon-group__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-bottom:1rem;
}
.inspirasjon-group__head h2{margin:0}
.inspirasjon-group__head p{font-size:.9rem;color:var(--ink-3);margin:0;max-width:38ch}

.inspirasjon-bento{
  display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:160px;gap:.85rem;
}
.inspirasjon-bento figure{
  position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;
  background:var(--cream);box-shadow:var(--shadow-sm);
}
.inspirasjon-bento figure img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 600ms var(--ease);
}
.inspirasjon-bento figure:hover img{transform:scale(1.04)}
.inspirasjon-bento figcaption{
  position:absolute;left:.85rem;right:.85rem;bottom:.85rem;
  background:rgba(255,255,255,.94);backdrop-filter:blur(6px);
  border-radius:12px;padding:.6rem .85rem;
  display:flex;flex-direction:column;gap:.15rem;
}
.inspirasjon-bento figcaption strong{font-size:.88rem;color:var(--ink);font-weight:600}
.inspirasjon-bento figcaption span{font-size:.75rem;color:var(--ink-3)}
.inspirasjon-bento .ib-a{grid-column:span 4;grid-row:span 2}
.inspirasjon-bento .ib-b{grid-column:span 2;grid-row:span 2}
.inspirasjon-bento .ib-c{grid-column:span 3;grid-row:span 2}
.inspirasjon-bento .ib-d{grid-column:span 3;grid-row:span 2}
@media (max-width:760px){
  .inspirasjon-bento{grid-template-columns:1fr;grid-auto-rows:200px}
  .inspirasjon-bento .ib-a,.inspirasjon-bento .ib-b,.inspirasjon-bento .ib-c,.inspirasjon-bento .ib-d{grid-column:auto;grid-row:auto}
}

.inspirasjon-palette{
  display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;
}
.inspirasjon-palette span{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.4rem .75rem;border-radius:999px;
  background:#fff;border:1px solid var(--line);
  font-size:.78rem;color:var(--ink-2);
}
.inspirasjon-palette span::before{
  content:"";width:14px;height:14px;border-radius:50%;background:var(--swatch,#ccc);
  border:1px solid rgba(0,0,0,.06);
}

.inspirasjon-mood{
  margin-top:clamp(2rem,4vw,3.5rem);
  display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;
  background:#fff;border-radius:var(--r-xl);padding:clamp(1.5rem,3vw,2.5rem);
  box-shadow:var(--shadow-md);
}
.inspirasjon-mood img{width:100%;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.inspirasjon-mood h3{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.55rem;font-weight:500;color:var(--ink)}
.inspirasjon-mood p{font-size:1rem;color:var(--ink-2);line-height:1.6}
@media (max-width:760px){.inspirasjon-mood{grid-template-columns:1fr}}

/* ---------- TESTIMONIALS ---------- */
.testimonials-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:1.5rem;
}
.testimonials-card{
  display:flex;flex-direction:column;gap:1rem;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:1.75rem;box-shadow:var(--shadow-sm);
}
.testimonials-card__head{display:flex;align-items:center;gap:1rem}
.testimonials-card__head img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--cream)}
.testimonials-card__head strong{display:block;color:var(--ink);font-size:1rem;font-weight:600}
.testimonials-card__head span{font-size:.82rem;color:var(--ink-3)}
.testimonials-card blockquote{
  margin:0;padding:0;border:0;
  font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:1.1rem;line-height:1.5;color:var(--ink);
}
.testimonials-card__result{
  margin-top:auto;padding-top:1rem;border-top:1px dashed var(--line-2);
  display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--brown-dark);
}
.testimonials-card__result strong{color:var(--brown);font-weight:600}
.testimonials-card__result svg{flex:0 0 auto;color:var(--brown)}
@media (max-width:760px){.testimonials-grid{grid-template-columns:1fr}}

.testimonials-note{
  margin-top:1.5rem;font-size:.8rem;color:var(--ink-3);text-align:center;font-style:italic;
}

.blogg-pull--book{
  display:flex;flex-direction:column;align-items:flex-start;gap:1rem;
  background:var(--cream);border-left:3px solid var(--brown);
}
.blogg-pull--book p{font-size:1.15rem}

/* =========================================================
   APPLICATION PAGE (Trinn 2 — soknad.html / takk-soknad.html)
   All rules scoped under .app-* to avoid leaking into other pages.
   ========================================================= */

/* Badge */
.app-badge{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.35rem .85rem;border-radius:999px;
  background:var(--brown);color:#fff;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}

/* Hero */
.app-hero{padding:clamp(1.25rem, 2.5vw, 2rem) var(--gutter) 0}
.app-hero__inner{
  width:min(100%, 1240px);margin:1.25rem auto 0;
  background:var(--paper);border-radius:var(--r-xl);
  padding:clamp(1.5rem, 3vw, 2.75rem);
  box-shadow:var(--shadow-lg);
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
  gap:clamp(1.5rem, 3vw, 3rem);
  align-items:center;
}
.app-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0}
.app-hero__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(2.2rem, 4vw + .8rem, 4.2rem);
  line-height:1.02;letter-spacing:-0.025em;margin:0;color:var(--ink);
}
.app-hero__title em{font-style:italic;color:var(--brown)}
.app-hero__sub{font-size:clamp(1.02rem, .4vw + .9rem, 1.2rem);color:var(--ink-2);line-height:1.5;margin:0;max-width:48ch}
.app-hero__cta{align-self:stretch;justify-content:center;font-size:1.05rem;padding:1.05rem 1.6rem;box-shadow:0 12px 28px -8px rgba(123,89,83,.55)}
.app-hero__cta:hover{transform:translateY(-2px)}
.app-hero__meta{font-size:.82rem;color:var(--ink-3);margin:0}

.app-hero__media{margin:0;min-width:0}
.app-hero__thumb{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  aspect-ratio:16/10;background:var(--cream);
  box-shadow:var(--shadow-md);
}
.app-hero__thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95)}
.app-hero__thumb::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(31,36,33,.15) 0%, rgba(31,36,33,.55) 100%);
  pointer-events:none;
}
.app-hero__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);
  width:84px;height:84px;border-radius:50%;border:0;
  background:rgba(255,255,255,.95);color:var(--brown);
  display:inline-flex;align-items:center;justify-content:center;
  cursor:not-allowed;
  box-shadow:0 18px 40px -10px rgba(0,0,0,.35);
  transition:transform .25s var(--ease);
  z-index:1;
}
.app-hero__play svg{margin-left:4px}
.app-hero__thumb-tag{
  position:absolute;left:1rem;bottom:1rem;z-index:1;
  padding:.4rem .85rem;border-radius:999px;
  background:rgba(255,255,255,.94);color:var(--brown-dark);
  font-size:.72rem;font-weight:600;letter-spacing:.06em;
}

@media (max-width:880px){
  .app-hero__inner{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}
  .app-hero__thumb{aspect-ratio:16/10}
  .app-hero__play{width:64px;height:64px}
}

/* Section shims */
.app-section{padding:clamp(3rem, 6vw, 5rem) 0}

/* Two-column intro (Er dette deg) */
.app-twocol{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr);
  gap:clamp(2rem, 5vw, 4.5rem);
  align-items:flex-start;
}
@media (max-width:880px){.app-twocol{grid-template-columns:1fr;gap:1.25rem}}

/* Checks list ("Er dette deg?") */
.app-checks{display:flex;flex-direction:column;gap:.75rem}
.app-checks li{
  display:grid;grid-template-columns:auto 1fr;gap:1rem;
  padding:1rem 1.15rem;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);
  align-items:flex-start;
}
.app-checks__mark{
  width:28px;height:28px;flex:0 0 28px;border-radius:50%;
  background:var(--sage-soft);color:var(--brown);
  display:inline-grid;place-items:center;
  font-weight:700;font-size:.88rem;margin-top:.1rem;
}
.app-checks li p{margin:0;font-size:1rem;color:var(--ink);line-height:1.5}

/* Benefits list (Hva du får) */
.app-benefits{
  display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:1rem;
}
.app-benefits li{
  display:grid;grid-template-columns:auto 1fr;gap:1rem;
  padding:1.25rem 1.35rem;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);
  align-items:flex-start;
}
.app-benefits__mark{
  width:32px;height:32px;flex:0 0 32px;border-radius:50%;
  background:var(--brown);color:#fff;
  display:inline-grid;place-items:center;
  font-weight:700;font-size:.95rem;margin-top:.1rem;
}
.app-benefits li strong{
  display:block;font-family:var(--font-display);font-weight:500;
  font-size:1.15rem;color:var(--ink);line-height:1.25;letter-spacing:-.005em;
  margin-bottom:.25rem;
}
.app-benefits li p{margin:0;font-size:.95rem;color:var(--ink-2);line-height:1.5}
@media (max-width:760px){.app-benefits{grid-template-columns:1fr}}

/* How to apply + steps */
.app-how__grid{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}
.app-how__sub{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.25rem, 1vw + .8rem, 1.65rem);
  color:var(--ink);margin:0;letter-spacing:-.01em;
}
.app-steps{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(1rem, 2vw, 1.5rem);
}
.app-steps li{
  display:flex;flex-direction:column;gap:.65rem;
  padding:1.35rem 1.35rem;
  background:var(--cream);border-radius:var(--r-lg);
  border:1px solid rgba(123,89,83,.14);
}
.app-steps__num{
  font-family:var(--font-display);font-style:italic;font-weight:500;
  font-size:1.6rem;color:var(--brown);line-height:1;
}
.app-steps li p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.5}
@media (max-width:760px){.app-steps{grid-template-columns:1fr}}

/* Countdown band */
.app-cd-band{
  background:var(--brown);color:#fff;
  padding:clamp(2.75rem, 5vw, 4rem) 0;
}
.app-cd-band__inner{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;
}
.app-cd-band__lbl{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.74rem;font-weight:700;letter-spacing:.14em;
  color:#F4E7E2;text-transform:uppercase;
}
.app-cd-band__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.6rem, 2vw + 1rem, 2.6rem);
  color:#fff;margin:0;letter-spacing:-.02em;line-height:1.1;
  text-transform:capitalize;
}
.app-cd-band__cd{
  max-width:560px;width:100%;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.14);
  margin:.5rem 0;
}

/* Form wrap */
.app-form-wrap{max-width:760px}
.app-form{
  background:#fff;border-radius:var(--r-xl);
  padding:clamp(1.5rem, 3vw, 2.25rem);
  box-shadow:var(--shadow-lg);
  gap:1rem;
}
.app-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.app-form__hint{font-size:.78rem;color:var(--ink-3);margin:-.25rem 0 .25rem;line-height:1.4}
@media (max-width:560px){.app-form__row{grid-template-columns:1fr}}

.app-form textarea{
  padding:.85rem 1.1rem;border:1px solid var(--line);background:#fff;color:var(--ink);
  border-radius:var(--r-md);font:inherit;font-size:.95rem;resize:vertical;min-height:88px;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.app-form textarea:focus{outline:none;border-color:var(--brown);box-shadow:0 0 0 4px rgba(123,89,83,.12)}

/* Radio group (Q4) */
.app-radio-group{
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:1rem 1.1rem;background:var(--sage-soft);
}
.app-radio-group legend{
  padding:0 .35rem;font-size:.88rem;font-weight:600;color:var(--ink);
  letter-spacing:.01em;line-height:1.4;
}
.app-radio-group[aria-invalid="true"]{border-color:var(--coral);background:var(--coral-soft)}
.app-radio{
  display:flex;align-items:flex-start;gap:.65rem;
  padding:.7rem .85rem;margin-top:.5rem;
  background:#fff;border:1px solid var(--line);border-radius:999px;
  font-size:.95rem;color:var(--ink);cursor:pointer;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.app-radio:hover{border-color:var(--brown)}
.app-radio input{margin-top:.15rem;accent-color:var(--brown);flex:0 0 auto}
.app-radio:has(input:checked){border-color:var(--brown);background:#fff;box-shadow:0 0 0 3px rgba(123,89,83,.12)}

.app-form__submit{margin-top:.5rem;letter-spacing:.06em}
.app-form__gdpr{font-size:.78rem;color:var(--ink-3);margin:.4rem 0 0;line-height:1.45;text-align:center}

/* Mobile tuning */
@media (max-width:560px){
  .app-hero{padding-left:.75rem;padding-right:.75rem}
  .app-hero__inner{padding:1rem;border-radius:22px}
  .app-hero__title{font-size:clamp(1.7rem, 7vw, 2.3rem)}
  .app-checks li,.app-benefits li{padding:.95rem 1rem}
  .app-form{padding:1.1rem;border-radius:22px}
  .app-cd-band__cd{padding:.7rem .35rem}
  .app-cd-band__cd b{font-size:1.35rem}
  .app-cd-band__cd span{font-size:.54rem}
}

/* =========================================================
   Blog article — shared styles for blogg-*.html pages
   ========================================================= */
.blog-page{background:var(--sage)}
.blog-main{padding-top:clamp(1rem,2vw,1.5rem)}

.blog-hero{padding:clamp(1.5rem,3vw,2.5rem) var(--gutter) 0}
.blog-hero__inner{
  width:min(100%, 760px);margin-inline:auto;
  display:flex;flex-direction:column;gap:1.25rem;
  text-align:left;
}
.blog-hero__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;
  font-size:.78rem;color:var(--ink-3);letter-spacing:.04em;
}
.blog-hero__meta .chip{font-size:.7rem}
.blog-hero__meta .blog-hero__sep{color:var(--line-2)}
.blog-hero__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(2rem, 3.5vw + 1rem, 3.6rem);
  line-height:1.05;letter-spacing:-0.025em;color:var(--ink);margin:0;
}
.blog-hero__title em{font-style:italic;color:var(--brown);font-weight:400}
.blog-hero__lede{
  font-size:1.1rem;color:var(--ink-2);line-height:1.6;margin:0;max-width:60ch;
}
.blog-hero__byline{
  display:flex;align-items:center;gap:.85rem;
  margin-top:.5rem;padding-top:1.1rem;border-top:1px solid var(--line);
}
.blog-hero__avatar{
  width:48px;height:48px;border-radius:50%;object-fit:cover;
  background:var(--cream);box-shadow:var(--shadow-sm);flex:0 0 auto;
}
.blog-hero__byline-text{display:flex;flex-direction:column;gap:.1rem;font-size:.85rem;color:var(--ink-3)}
.blog-hero__byline-text strong{color:var(--ink);font-weight:600;font-size:.92rem}

.blog-hero__cover{
  width:min(100%, 1080px);margin:clamp(1.75rem,3.5vw,2.5rem) auto 0;
  border-radius:var(--r-xl);overflow:hidden;background:var(--cream);
  aspect-ratio:16/9;box-shadow:var(--shadow-lg);
}
.blog-hero__cover img{width:100%;height:100%;object-fit:cover}

.blog-article{padding:clamp(2.5rem,5vw,4rem) var(--gutter)}
.blog-article__body{
  width:min(100%, 720px);margin-inline:auto;
  font-size:1.08rem;line-height:1.75;color:var(--ink-2);
}
.blog-article__body > p{margin:0 0 1.25em}
.blog-article__body > p:first-of-type::first-letter,
.blog-article__body .has-dropcap::first-letter{
  font-family:var(--font-display);font-weight:400;
  float:left;font-size:4.6em;line-height:.85;
  padding:.1em .15em 0 0;color:var(--brown);
}
.blog-article__body h2{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.55rem, 1.5vw + 1rem, 2.1rem);
  line-height:1.15;letter-spacing:-0.015em;color:var(--ink);
  margin:2.25em 0 .75em;
}
.blog-article__body h2 em{font-style:italic;color:var(--brown)}
.blog-article__body h3{
  font-family:var(--font-display);font-weight:500;
  font-size:1.25rem;color:var(--ink);
  margin:1.75em 0 .5em;letter-spacing:-0.01em;
}
.blog-article__body strong{color:var(--ink);font-weight:600}
.blog-article__body a{border-bottom:1px solid currentColor}
.blog-article__body ul,
.blog-article__body ol{
  margin:0 0 1.5em;padding-left:1.4em;
  list-style:disc;color:var(--ink-2);
}
.blog-article__body ol{list-style:decimal}
.blog-article__body li{margin:.4em 0;line-height:1.65}
.blog-article__body li::marker{color:var(--brown)}

.blog-pullquote{
  margin:2.25em -1rem;padding:1.6rem 1.75rem;
  background:var(--sage-soft);border-left:3px solid var(--brown);
  border-radius:var(--r-lg);
}
.blog-pullquote p{
  font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:clamp(1.2rem, .8vw + 1rem, 1.55rem);
  line-height:1.4;color:var(--ink);margin:0;
}
.blog-pullquote cite{
  display:block;margin-top:.85rem;
  font-family:var(--font-body);font-size:.8rem;font-weight:600;
  color:var(--ink-3);letter-spacing:.04em;
}

.blog-figure{margin:2em 0;display:flex;flex-direction:column;gap:.6rem}
.blog-figure__frame{
  border-radius:var(--r-lg);overflow:hidden;background:var(--cream);
  aspect-ratio:4/3;box-shadow:var(--shadow-md);
}
.blog-figure__frame img{width:100%;height:100%;object-fit:cover;display:block}
.blog-figure figcaption{
  font-size:.82rem;color:var(--ink-3);line-height:1.5;
  font-style:italic;padding:0 .25rem;
}

.blog-table-wrap{margin:2em 0;overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line)}
.blog-table{
  width:100%;border-collapse:collapse;background:#fff;
  font-size:.95rem;color:var(--ink-2);
}
.blog-table th,
.blog-table td{padding:.95rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.blog-table thead th{
  background:var(--sage-soft);color:var(--ink);
  font-family:var(--font-body);font-weight:600;font-size:.82rem;
  letter-spacing:.04em;text-transform:uppercase;
}
.blog-table tbody tr:last-child td{border-bottom:none}
.blog-table strong{color:var(--ink)}

.blog-cta{
  width:min(100%, 880px);margin:clamp(2.5rem,5vw,4rem) auto 0;
  padding:clamp(1.75rem,3vw,2.5rem);
  background:var(--brown);color:#fff;
  border-radius:var(--r-xl);
  display:flex;flex-direction:column;align-items:flex-start;gap:1rem;
  box-shadow:var(--shadow-md);
}
.blog-cta__chip{
  display:inline-flex;align-items:center;
  padding:.35rem .8rem;border-radius:var(--r-pill);
  background:rgba(255,255,255,.16);color:#fff;
  font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
}
.blog-cta__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.5rem, 1.8vw + 1rem, 2.25rem);
  line-height:1.15;letter-spacing:-0.02em;color:#fff;margin:0;
}
.blog-cta__title em{font-style:italic;color:#F1D7C9}
.blog-cta__sub{font-size:1rem;color:#F4E7E2;line-height:1.55;margin:0;max-width:55ch}
.blog-cta .btn{margin-top:.5rem}
.blog-cta .btn--white{background:#fff;color:var(--brown)}
.blog-cta .btn--white:hover{background:var(--cream);color:var(--brown-dark)}

.blog-share-wrap{padding:clamp(2.5rem,5vw,4rem) var(--gutter) clamp(3.5rem,6vw,5rem)}
.blog-share-wrap__inner{width:min(100%,720px);margin-inline:auto;text-align:center}
.blog-share-wrap__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.2rem,1vw + 1rem,1.5rem);
  color:var(--ink);margin:0 0 1.25rem;letter-spacing:-0.01em;
}
.blog-share-wrap__title em{font-style:italic;color:var(--brown)}

@media (max-width:560px){
  .blog-hero__title{font-size:clamp(1.85rem,7vw,2.4rem)}
  .blog-hero__lede{font-size:1rem}
  .blog-article__body{font-size:1rem;line-height:1.7}
  .blog-article__body > p:first-of-type::first-letter,
  .blog-article__body .has-dropcap::first-letter{font-size:3.8em}
  .blog-pullquote{margin:1.75em 0;padding:1.25rem 1.25rem}
  .blog-cta{align-items:stretch;text-align:left}
  .blog-cta .btn{width:100%;justify-content:center}
}

/* =========================================================================
   SALES PAGE — Fra jobb til frihet (salg.html)
   Scoped under .salg-* / .salg-page — ingen lekkasje til andre sider.
   ========================================================================= */
.salg-page{background:var(--sage);color:var(--ink)}
.salg-page main{padding-bottom:5rem}
.salg-page section{max-width:var(--container);margin:0 auto;padding:clamp(3rem,6vw,5.5rem) var(--gutter)}

.salg-eyebrow{
  display:inline-block;font-family:var(--font-body);font-size:.72rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--brown);
  font-weight:600;margin-bottom:.9rem
}
.salg-eyebrow--light{color:#F4E4DF}

/* ---------- Hero ---------- */
.salg-hero{padding-top:clamp(2rem,5vw,4rem) !important}
.salg-hero__inner{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,3.5vw,3rem);
  align-items:center;background:var(--paper);border-radius:32px;
  padding:clamp(1.6rem,3.5vw,3rem);box-shadow:var(--shadow-md)
}
.salg-hero__title{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(2.1rem,5.4vw,4rem);line-height:1.02;letter-spacing:-.01em;
  margin:.15rem 0 .9rem
}
.salg-hero__title em{font-style:italic;color:var(--brown);font-weight:400}
.salg-hero__sub{
  font-size:clamp(1rem,1.4vw,1.15rem);color:var(--ink);opacity:.8;
  max-width:34ch;margin-bottom:1.5rem;line-height:1.55
}
.salg-hero__ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.salg-cta{
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:.15rem;
  padding:.8rem 1.25rem;min-height:62px;text-align:left;line-height:1.1
}
.salg-cta__price{font-size:1rem;font-weight:700}
.salg-cta__note{font-size:.78rem;font-weight:500;opacity:.85;letter-spacing:.01em}
.salg-cta--ghost{background:var(--cream);color:var(--brown-darker);border-color:var(--cream)}
.salg-cta--ghost:hover{background:#ECE3D8;color:var(--brown-darker)}
.salg-hero__trust{font-size:.82rem;color:var(--ink);opacity:.65;letter-spacing:.01em}
.salg-hero__trust span{color:var(--brown);letter-spacing:.14em;margin-right:.35rem}

.salg-hero__media{position:relative}
.salg-hero__video{
  position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/5;
  background:var(--brown-darker);box-shadow:var(--shadow-lg)
}
.salg-hero__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}
.salg-hero__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:82px;height:82px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--brown-darker);
  border:0;cursor:not-allowed;display:grid;place-items:center;
  box-shadow:0 14px 40px rgba(0,0,0,.25)
}
.salg-hero__play svg{margin-left:3px}
.salg-hero__sound{
  position:absolute;left:1rem;bottom:1rem;
  background:rgba(31,36,33,.75);color:#fff;font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase;padding:.35rem .7rem;border-radius:999px
}
.salg-hero__tag{
  position:absolute;right:1rem;top:1rem;
  background:rgba(255,255,255,.92);color:var(--brown-darker);font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase;padding:.35rem .7rem;border-radius:999px;font-weight:600
}

/* ---------- Stats strip ---------- */
.salg-stats{padding-top:0 !important}
.salg-stats__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.salg-stat{
  border-radius:22px;padding:1.8rem 1.5rem;min-height:190px;
  display:flex;flex-direction:column;justify-content:space-between
}
.salg-stat--light{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.salg-stat--dark{background:var(--brown-darker);color:#F6EDE8}
.salg-stat__num{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(2.4rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.02em
}
.salg-stat--light .salg-stat__num{color:var(--brown)}
.salg-stat--dark .salg-stat__num{color:#EBD8CF}
.salg-stat__lbl{font-size:.92rem;opacity:.82;max-width:18ch;line-height:1.35}

/* ---------- Summary ---------- */
.salg-summary__inner{max-width:780px;margin:0 auto;text-align:center}
.salg-summary__title{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.1;margin-bottom:1.2rem
}
.salg-summary__lead{
  font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.55;margin-bottom:1rem;color:var(--ink);opacity:.9
}
.salg-inline-cta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.6rem}
.salg-inline-cta--centered{justify-content:center}
.salg-inline-cta__alt{color:var(--brown);font-weight:600;text-decoration:underline;text-underline-offset:.22em}
.salg-btn--outline{background:transparent;color:var(--brown);border-color:var(--brown)}
.salg-btn--outline:hover{background:var(--brown);color:#fff}
.salg-btn--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.salg-btn--outline-light:hover{background:#fff;color:var(--brown-darker)}

/* ---------- What you get (bento) ---------- */
.salg-get__head{text-align:center;max-width:720px;margin:0 auto 2.2rem}
.salg-get__head h2{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.8rem,3.8vw,2.7rem);line-height:1.1
}
.salg-get__grid{
  display:grid;grid-template-columns:repeat(6,1fr);
  grid-auto-rows:1fr;gap:14px
}
.salg-get__card{
  background:var(--paper);border:1px solid var(--line);border-radius:22px;
  padding:1.4rem;grid-column:span 2;display:flex;flex-direction:column;gap:.4rem;
  min-height:168px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.salg-get__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.salg-get__card--wide{grid-column:span 3}
.salg-get__card--dark{background:var(--brown-darker);color:#F6EDE8;border-color:var(--brown-darker)}
.salg-get__check{
  width:34px;height:34px;border-radius:50%;background:var(--sage-soft);color:var(--brown);
  display:grid;place-items:center;font-weight:700
}
.salg-get__card--dark .salg-get__check{background:rgba(255,255,255,.12);color:#F6EDE8}
.salg-get__card h3{font-family:var(--font-display);font-weight:500;font-size:1.12rem;line-height:1.25;margin:0}
.salg-get__card p{font-size:.92rem;opacity:.78;line-height:1.45;margin:0}

/* ---------- Er dette deg ---------- */
.salg-fit{background:var(--paper);border-radius:32px;margin:0 var(--gutter);max-width:calc(var(--container) + var(--gutter)*2)}
.salg-fit__inner{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,3vw,3rem);
  align-items:start;padding:clamp(2rem,4vw,3.5rem) clamp(1.2rem,3vw,2.5rem)
}
.salg-fit__inner h2{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;margin-bottom:1.2rem
}
.salg-fit__close{
  background:var(--brown);color:#fff;padding:1rem 1.2rem;border-radius:18px;
  font-weight:500;line-height:1.4
}
.salg-fit__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}
.salg-fit__list li{
  position:relative;padding:.9rem 1rem .9rem 2.4rem;
  background:var(--sage-soft);border-radius:14px;line-height:1.5;font-size:.98rem
}
.salg-fit__list li::before{
  content:"";position:absolute;left:.95rem;top:1.3rem;width:10px;height:10px;border-radius:50%;
  background:var(--brown)
}

/* ---------- Trust bump quotes ---------- */
.salg-trust{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.salg-trust__card{
  background:var(--cream);border-radius:22px;padding:1.8rem;position:relative;
  border:1px solid var(--line)
}
.salg-trust__mark{color:var(--brown);opacity:.35;margin-bottom:.5rem}
.salg-trust__card blockquote{
  font-family:var(--font-display);font-weight:500;font-style:italic;
  font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.45;margin:0 0 .8rem;color:var(--ink)
}
.salg-trust__card cite{font-style:normal;font-weight:600;font-size:.9rem;color:var(--brown-dark)}

/* ---------- Modules ---------- */
.salg-modules__head{text-align:center;max-width:720px;margin:0 auto 2rem}
.salg-modules__head h2{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;margin-bottom:.5rem
}
.salg-modules__head p{opacity:.7}
.salg-modules__list{display:flex;flex-direction:column;gap:.75rem;max-width:860px;margin:0 auto}
.salg-mod{
  background:var(--paper);border:1px solid var(--line);border-radius:18px;
  transition:box-shadow var(--dur) var(--ease)
}
.salg-mod[open]{box-shadow:var(--shadow-sm);border-color:var(--brown)}
.salg-mod summary{
  list-style:none;cursor:pointer;padding:1.1rem 1.3rem;
  display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center
}
.salg-mod summary::-webkit-details-marker{display:none}
.salg-mod__num{font-family:var(--font-display);font-weight:500;color:var(--brown);font-size:1.05rem;letter-spacing:.04em}
.salg-mod__title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.25}
.salg-mod__icon{
  width:32px;height:32px;border-radius:50%;background:var(--sage-soft);color:var(--brown);
  display:grid;place-items:center;font-size:1.1rem;font-weight:500;transition:transform var(--dur) var(--ease)
}
.salg-mod[open] .salg-mod__icon{transform:rotate(45deg);background:var(--brown);color:#fff}
.salg-mod__body{padding:0 1.3rem 1.4rem;line-height:1.55;color:var(--ink)}
.salg-mod__body p{margin:.25rem 0}
.salg-mod__body em{color:var(--brown-dark);opacity:.85}

/* ---------- Compare (why this works) ---------- */
.salg-compare__head{text-align:center;max-width:720px;margin:0 auto 2rem}
.salg-compare__head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1}
.salg-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.salg-compare__col{border-radius:22px;padding:2rem;border:1px solid var(--line)}
.salg-compare__col--neg{background:var(--paper);color:var(--ink)}
.salg-compare__col--neg h3{color:#7a3a36}
.salg-compare__col--pos{background:var(--brown);color:#F6EDE8;border-color:var(--brown)}
.salg-compare__col--pos h3{color:#fff}
.salg-compare__col h3{font-family:var(--font-display);font-weight:500;font-size:1.3rem;margin-bottom:1rem}
.salg-compare__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
.salg-compare__col li{padding-left:1.3rem;position:relative;line-height:1.5}
.salg-compare__col--neg li::before{content:"·";position:absolute;left:.4rem;color:#C97A73;font-weight:700;font-size:1.4rem;line-height:1}
.salg-compare__col--pos li::before{content:"→";position:absolute;left:0;color:#F6EDE8;font-weight:500}

/* ---------- Unique (dark band) ---------- */
.salg-unique{background:var(--brown-darker);border-radius:32px;margin:0 var(--gutter);max-width:calc(var(--container) + var(--gutter)*2)}
.salg-unique__inner{padding:clamp(2.5rem,5vw,4rem) clamp(1.2rem,3vw,2.5rem);color:#F4E4DF;text-align:center}
.salg-unique__inner h2{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.1;margin-bottom:2rem;color:#fff
}
.salg-unique__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:left;margin-bottom:2rem
}
.salg-unique__grid article{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:18px;padding:1.5rem
}
.salg-unique__grid h3{font-family:var(--font-display);font-weight:500;font-size:1.2rem;margin-bottom:.5rem;color:#fff}
.salg-unique__grid p{font-size:.92rem;line-height:1.5;opacity:.88}

/* ---------- About Hilde ---------- */
.salg-about__inner{
  display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.8rem,4vw,3.5rem);
  align-items:start
}
.salg-about__portrait{position:sticky;top:6rem}
.salg-about__portrait img{
  width:100%;border-radius:24px;box-shadow:var(--shadow-md);aspect-ratio:4/5;object-fit:cover
}
.salg-about__cap{
  display:block;margin-top:.7rem;font-size:.84rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--brown-dark);text-align:center
}
.salg-about__copy h2{
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;margin-bottom:1rem
}
.salg-about__copy h3{
  font-family:var(--font-display);font-weight:500;font-size:1.2rem;
  margin:1.5rem 0 .6rem;color:var(--brown-dark)
}
.salg-about__copy p{line-height:1.65;margin-bottom:.9rem;font-size:1rem}
.salg-about__copy ul{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.55rem}
.salg-about__copy ul li{padding-left:1.5rem;position:relative;line-height:1.5}
.salg-about__copy ul li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--brown)}

/* ---------- Testimonials carousel ---------- */
.salg-tests__head{text-align:center;max-width:720px;margin:0 auto 2rem}
.salg-tests__head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1}
.salg-tests__track{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,360px);
  gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:.5rem var(--gutter) 1.5rem;margin:0 calc(var(--gutter) * -1);
  scrollbar-width:thin;scrollbar-color:var(--brown) transparent
}
.salg-tests__track::-webkit-scrollbar{height:8px}
.salg-tests__track::-webkit-scrollbar-thumb{background:var(--brown);border-radius:999px}
.salg-test{
  scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);
  border-radius:22px;padding:1.6rem;display:flex;flex-direction:column;gap:1rem
}
.salg-test header{display:flex;gap:.9rem;align-items:center}
.salg-test header img,.salg-test__avatar{
  width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0
}
.salg-test__avatar{
  background:var(--brown);color:#fff;display:grid;place-items:center;
  font-family:var(--font-display);font-weight:600;letter-spacing:.04em
}
.salg-test header h3{font-family:var(--font-display);font-weight:500;font-size:1.1rem;line-height:1.2;margin:0}
.salg-test header p{margin:.15rem 0 0;font-size:.82rem;color:var(--brown-dark);letter-spacing:.05em}
.salg-test blockquote{
  margin:0;font-size:.96rem;line-height:1.6;color:var(--ink);font-style:italic
}

/* ---------- Pricing ---------- */
.salg-pricing{scroll-margin-top:5rem}
.salg-pricing__head{text-align:center;max-width:720px;margin:0 auto 2.5rem}
.salg-pricing__head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;margin-bottom:.6rem}
.salg-pricing__head p{opacity:.75;line-height:1.5}
.salg-pricing__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:stretch}
.salg-plan{
  background:var(--paper);border:1px solid var(--line);border-radius:26px;
  padding:2rem;position:relative;display:flex;flex-direction:column;gap:1.2rem
}
.salg-plan--featured{
  background:linear-gradient(180deg,#FFFBF8,var(--paper));
  border:2px solid var(--brown);transform:translateY(-6px);
  box-shadow:var(--shadow-md)
}
.salg-plan__badge{
  position:absolute;top:-14px;right:1.5rem;background:var(--brown);color:#fff;
  padding:.4rem 1rem;border-radius:999px;font-size:.78rem;letter-spacing:.16em;
  text-transform:uppercase;font-weight:600;box-shadow:var(--shadow-sm)
}
.salg-plan__tag{
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brown);font-weight:600
}
.salg-plan header h3{font-family:var(--font-display);font-weight:500;font-size:1.9rem;line-height:1.1;margin:.2rem 0 .1rem}
.salg-plan__sub{font-size:.94rem;color:var(--ink);opacity:.7}
.salg-plan__price{display:flex;flex-direction:column;gap:.2rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.salg-plan__old{font-size:.88rem;color:var(--ink);opacity:.55;text-decoration:line-through}
.salg-plan__now{font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,3.8vw,2.8rem);line-height:1;color:var(--brown)}
.salg-plan__now strong{font-weight:500}
.salg-plan__save{font-size:.86rem;color:var(--brown-dark);font-weight:600}
.salg-plan__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;flex-grow:1}
.salg-plan__list li{padding-left:1.7rem;position:relative;line-height:1.45;font-size:.95rem}
.salg-plan__list li::before{
  content:"";position:absolute;left:0;top:.4em;width:14px;height:14px;border-radius:50%;
  background:var(--sage-soft) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%237B5953" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>') no-repeat center/10px
}
.salg-plan__cta{width:100%;justify-content:center;text-align:center}
.salg-klarna{text-align:center;margin-top:1.2rem;color:var(--brown-dark)}
.salg-diff{
  margin-top:1.5rem;background:var(--sage-soft);border-radius:18px;
  padding:1.2rem 1.5rem;max-width:720px;margin-left:auto;margin-right:auto;text-align:center
}
.salg-diff h3{font-family:var(--font-display);font-weight:500;font-size:1.2rem;margin-bottom:.4rem;color:var(--brown-dark)}
.salg-diff p{line-height:1.55}

/* ---------- FAQ ---------- */
.salg-faq__head{text-align:center;max-width:720px;margin:0 auto 2rem}
.salg-faq__head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1}
.salg-faq__list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}
.salg-faq__item{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  transition:box-shadow var(--dur) var(--ease)
}
.salg-faq__item[open]{box-shadow:var(--shadow-sm)}
.salg-faq__item summary{
  cursor:pointer;list-style:none;padding:1.1rem 1.3rem;
  display:flex;justify-content:space-between;gap:1rem;align-items:center;
  font-family:var(--font-display);font-weight:500;font-size:1.06rem;line-height:1.3
}
.salg-faq__item summary::-webkit-details-marker{display:none}
.salg-faq__item summary span{
  flex-shrink:0;width:28px;height:28px;border-radius:50%;
  background:var(--sage-soft);color:var(--brown);display:grid;place-items:center;
  font-weight:500;transition:transform var(--dur) var(--ease)
}
.salg-faq__item[open] summary span{transform:rotate(45deg);background:var(--brown);color:#fff}
.salg-faq__item>div{padding:0 1.3rem 1.2rem;line-height:1.6;color:var(--ink);opacity:.9}

/* ---------- Final emotional CTA ---------- */
.salg-final{
  background:var(--brown-darker);
  background-image:linear-gradient(135deg,var(--brown-darker) 0%,#5E413C 100%);
  border-radius:32px;margin:0 var(--gutter) 2rem;max-width:calc(var(--container) + var(--gutter)*2);
  color:#F4E4DF
}
.salg-final__inner{
  padding:clamp(2.5rem,5vw,4.5rem) clamp(1.2rem,3vw,3rem);
  max-width:740px;margin:0 auto;text-align:center
}
.salg-final__inner h2{
  font-family:var(--font-display);font-weight:500;color:#fff;
  font-size:clamp(2rem,4.5vw,3rem);line-height:1.08;margin-bottom:1.4rem
}
.salg-final__inner p{line-height:1.65;margin-bottom:.9rem;font-size:1.02rem;opacity:.92}
.salg-final__quote{
  margin:1.8rem auto;padding:1.4rem 1.6rem;max-width:560px;
  border-left:3px solid #E1BDB4;text-align:left
}
.salg-final__quote blockquote{
  margin:0 0 .4rem;font-family:var(--font-display);font-style:italic;
  font-size:1.15rem;line-height:1.45;color:#fff
}
.salg-final__quote figcaption{font-size:.88rem;opacity:.7;letter-spacing:.04em}
.salg-final__last{font-weight:600;font-size:1.1rem;margin-top:1.2rem !important}
.salg-final__ask{opacity:.78;font-size:.95rem;margin-top:1.5rem !important}
.salg-final__ctas{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}

/* ---------- Sticky mobile CTA ---------- */
.salg-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:var(--paper);border-top:1px solid var(--line);
  box-shadow:0 -6px 24px rgba(60,55,40,.08);
  padding:.7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom));
  display:none
}
.salg-sticky__inner{
  max-width:var(--container);margin:0 auto;
  display:flex;align-items:center;gap:1rem;justify-content:space-between
}
.salg-sticky__meta{display:flex;flex-direction:column;line-height:1.15}
.salg-sticky__lbl{font-family:var(--font-display);font-weight:500;font-size:1.1rem;color:var(--brown-darker)}
.salg-sticky__sub{font-size:.78rem;color:var(--ink);opacity:.6}
.salg-sticky__cta{min-height:46px;padding:.65rem 1.3rem}

/* ---------- Responsive breakpoints ---------- */
@media (max-width: 1100px){
  .salg-hero__inner{grid-template-columns:1fr;gap:1.8rem;padding:1.6rem}
  .salg-hero__video{aspect-ratio:16/10;max-height:380px}
  .salg-stats__grid{grid-template-columns:repeat(2,1fr)}
  .salg-get__grid{grid-template-columns:repeat(4,1fr)}
  .salg-get__card--wide{grid-column:span 4}
  .salg-get__card{grid-column:span 2}
  .salg-unique__grid{grid-template-columns:repeat(2,1fr)}
  .salg-about__inner{grid-template-columns:1fr}
  .salg-about__portrait{position:static;max-width:340px}
  .salg-fit__inner{grid-template-columns:1fr}
}

@media (max-width: 960px){
  .salg-sticky{display:block}
  .salg-page main{padding-bottom:7rem}
}

@media (max-width: 760px){
  .salg-hero__title{font-size:clamp(1.9rem,7vw,2.6rem)}
  .salg-hero__ctas{flex-direction:column;align-items:stretch}
  .salg-hero__ctas .salg-cta{width:100%}
  .salg-stats__grid{grid-template-columns:1fr 1fr;gap:8px}
  .salg-stat{min-height:140px;padding:1.2rem}
  .salg-get__grid{grid-template-columns:1fr 1fr}
  .salg-get__card,.salg-get__card--wide{grid-column:span 2}
  .salg-trust{grid-template-columns:1fr}
  .salg-compare__grid{grid-template-columns:1fr}
  .salg-unique__grid{grid-template-columns:1fr}
  .salg-pricing__grid{grid-template-columns:1fr}
  .salg-plan--featured{transform:none}
  .salg-inline-cta,.salg-final__ctas{flex-direction:column;align-items:stretch}
  .salg-inline-cta .btn,.salg-final__ctas .btn{width:100%;justify-content:center}
}

@media (max-width: 420px){
  .salg-stats__grid{grid-template-columns:1fr}
  .salg-stat{min-height:120px}
  .salg-mod summary{grid-template-columns:auto 1fr;gap:.6rem;padding:1rem}
  .salg-mod__icon{display:none}
}

/* =========================================================
   Emails preview page (/emails) — internal tool
   Scoped under .epv-* / .emails-page
   ========================================================= */
.emails-page{background:var(--sage)}
.emails-page .pillnav__inner--thanks{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
}
.emails-page .epv-back{font-size:.85rem;color:var(--ink-2);border-bottom:0}
.emails-page .epv-back:hover{color:var(--brown)}

.epv{padding:clamp(1.25rem,3vw,2.25rem) var(--gutter) clamp(3rem,5vw,4rem)}
.epv__container{width:min(100%, 1320px);margin-inline:auto}
.epv__head{margin:0 0 clamp(1.25rem,2.5vw,1.75rem)}
.epv__title{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.8rem,2vw + 1rem,2.6rem);
  line-height:1.05;letter-spacing:-0.02em;
  margin:.4rem 0 .5rem;color:var(--ink);
}
.epv__title em{font-style:italic;color:var(--brown);font-weight:400}
.epv__sub{color:var(--ink-2);max-width:62ch;margin:0;font-size:.98rem}

.epv__layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:clamp(1rem,2vw,1.5rem);
  align-items:flex-start;
}

.epv__side{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:.75rem;box-shadow:var(--shadow-sm);
  position:sticky;top:5.5rem;
}
.epv__mobile-label{display:none}
.epv__select{display:none}
.epv__list{display:flex;flex-direction:column;gap:.25rem}
.epv__item{margin:0}
.epv__itembtn{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;
  width:100%;text-align:left;cursor:pointer;
  background:transparent;border:1px solid transparent;border-radius:12px;
  padding:.65rem .75rem;font:inherit;color:var(--ink);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.epv__itembtn:hover{background:var(--sage-soft)}
.epv__item.is-active .epv__itembtn{
  background:var(--sage-soft);border-color:var(--line-2);
}
.epv__itemnum{
  font-family:var(--font-display);font-weight:500;font-style:italic;
  font-size:1rem;color:var(--brown);font-variant-numeric:tabular-nums;
  min-width:1.6rem;
}
.epv__itembody{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.epv__itemtitle{font-size:.88rem;font-weight:500;color:var(--ink);line-height:1.3}
.epv__itemtrigger{font-size:.72rem;color:var(--ink-3);line-height:1.3}
.epv__dot{
  width:8px;height:8px;border-radius:50%;background:var(--line-2);
  flex:0 0 auto;
}
.epv__item.is-active .epv__dot{background:var(--brown)}

.epv__main{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);overflow:hidden;
  display:flex;flex-direction:column;min-width:0;
}
.epv__bar{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1rem 1.25rem;border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.epv__meta{display:flex;align-items:center;gap:.85rem;min-width:0}
.epv__num{
  font-family:var(--font-display);font-style:italic;font-weight:500;
  font-size:1.6rem;color:var(--brown);font-variant-numeric:tabular-nums;
  line-height:1;
}
.epv__h2{
  font-family:var(--font-display);font-weight:400;
  font-size:1.15rem;line-height:1.2;margin:0;color:var(--ink);
  letter-spacing:-0.01em;
}
.epv__trigger{font-size:.78rem;color:var(--ink-3);margin:.15rem 0 0}
.epv__actions{display:flex;gap:.5rem;flex-wrap:wrap}
.epv__act{font-size:.82rem;padding:.55rem 1rem;min-height:38px;box-shadow:none}
.epv__act svg{flex:0 0 auto}

.epv__tabs{
  display:flex;gap:.25rem;padding:.5rem 1rem 0;
  border-bottom:1px solid var(--line);background:var(--sage-soft);
}
.epv__tab{
  appearance:none;background:transparent;border:0;cursor:pointer;
  padding:.65rem 1rem;font:inherit;font-size:.85rem;font-weight:500;
  color:var(--ink-3);border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.epv__tab:hover{color:var(--ink)}
.epv__tab.is-active{color:var(--ink);border-bottom-color:var(--brown)}

.epv__panes{padding:1rem;background:var(--sage-soft)}
.epv__pane{display:none}
.epv__pane.is-active{display:block}

.epv__frame-wrap{
  background:repeating-conic-gradient(#eee 0% 25%, #f7f7f7 0% 50%) 50% / 16px 16px;
  border-radius:12px;padding:1rem;
  display:flex;justify-content:center;
  min-height:600px;
}
.epv__frame{
  width:100%;max-width:600px;height:75vh;min-height:560px;
  background:#fff;border:0;border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.epv__code{
  margin:0;padding:1rem 1.1rem;
  background:#1F2421;color:#E6E9DA;
  border-radius:12px;
  font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:.78rem;line-height:1.55;
  max-height:75vh;overflow:auto;white-space:pre;
}

.epv__vars{display:flex;flex-direction:column;gap:.4rem;background:#fff;padding:1rem;border-radius:12px}
.epv__var{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:.82rem;color:var(--ink);
  padding:.5rem .75rem;background:var(--sage-soft);border-radius:8px;
}
.epv__var code{background:transparent;color:var(--brown);font-weight:500}
.epv__var--empty{color:var(--ink-3);font-family:var(--font-body);font-size:.85rem}

@media (max-width:760px){
  .epv__layout{grid-template-columns:1fr}
  .epv__side{position:static;padding:.75rem}
  .epv__list{display:none}
  .epv__mobile-label{
    display:block;font-size:.72rem;color:var(--ink-3);
    font-weight:600;letter-spacing:.04em;margin-bottom:.35rem;
  }
  .epv__select{
    display:block;width:100%;
    padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--r-pill);
    background:#fff;color:var(--ink);font:inherit;font-size:.92rem;
  }
  .epv__bar{padding:.85rem 1rem}
  .epv__num{font-size:1.3rem}
  .epv__h2{font-size:1rem}
  .epv__act{font-size:.78rem;padding:.5rem .8rem;min-height:36px}
  .epv__frame{height:70vh;min-height:480px}
  .epv__frame-wrap{padding:.5rem;min-height:480px}
}