/* ================= HOPE4ULL — DESIGN SYSTEM ================= */
:root{
  /* Primary palette — deep ocean blue, healing emerald, warm gold, soft neutrals. No black. */
  --ocean:#123B4C;
  --ocean-deep:#0C2A36;
  --emerald:#1E6E54;
  --emerald-deep:#154F3D;
  --gold:#C9A24B;
  --gold-soft:#DCC189;
  /* dusty watercolour blue, sourced from the H4 circle mark — lightened */
  --mist:#7FA6AC;
  --mist-light:#BFD9D9;
  --mist-pale:#E9F2F1;
  --white:#FBFAF7;
  --beige:#F1E8DA;
  --grey:#F1F1EE;
  --ink:#1C2E33;
  --ink-soft:#4A5A5C;
  /* Vertical rhythm. Every gap between blocks uses one of these, so spacing
     stays consistent as sections get added or moved. */
  --space-xs: 14px;
  --space-sm: 24px;
  --space-md: 36px;
  --space-lg: 56px;
  --space-xl: 88px;
  --shadow: 0 24px 60px rgba(18,59,76,0.14);
  --radius: 18px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter', sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.7;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:'Fraunces', serif;
  font-weight:500;
  color:var(--ocean);
  line-height:1.18;
  letter-spacing:-0.01em;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
em{font-style:italic;}
.script{font-family:'Alex Brush',cursive;font-weight:400;}
.container{max-width:1220px;margin:0 auto;padding:0 40px;}
.section{padding:var(--space-xl) 0;}
.section.tight{padding:calc(var(--space-xl) * 0.78) 0;}
.section-head{max-width:680px;margin:0 auto var(--space-lg);text-align:center;}
.section-head .eyebrow{font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:16px;display:inline-block;}
.section-head h2{font-size:clamp(28px,3.6vw,42px);}
.section-head p{color:var(--ink-soft);font-size:16px;margin-top:14px;}

/* Sections that sit on a deep tone need light-colored section-head text. */
.flow-teachers .section-head h2, .flow-academy .section-head h2,
.flow-podcast .section-head h2, .flow-real-success .section-head h2{color:var(--white);}
.flow-teachers .section-head p, .flow-academy .section-head p,
.flow-podcast .section-head p, .flow-real-success .section-head p{color:rgba(251,250,247,0.85);}

/* BACKGROUNDS (simple utilities still used here and there) */
.bg-white{background:var(--white);}
.bg-beige{background:var(--beige);}
.bg-grey{background:var(--grey);}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:16px 34px;border-radius:100px;
  font-size:13px;letter-spacing:0.8px;font-weight:600;
  cursor:pointer;border:1px solid transparent;transition:all .3s ease;white-space:nowrap;
  font-family:'Inter',sans-serif;
}
.btn-gold{background:var(--gold);color:var(--white);}
.btn-gold:hover{background:var(--ocean);transform:translateY(-2px);}
.btn-ocean{background:var(--ocean);color:var(--white);}
.btn-ocean:hover{background:var(--ocean-deep);transform:translateY(-2px);}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.7);color:var(--white);}
.btn-outline:hover{background:rgba(255,255,255,0.12);}
.btn-outline-ocean{background:transparent;border:1px solid var(--ocean);color:var(--ocean);}
.btn-outline-ocean:hover{background:var(--ocean);color:var(--white);}
.btn-sm{padding:10px 22px;font-size:11.5px;}

svg.icon{stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:100px;border:1px solid rgba(201,162,75,0.5);color:var(--gold);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:20px;}

/* NAV */
header{background:rgba(251,250,247,0.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(18,59,76,0.06);}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;max-width:1220px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:12px;}
.logo img{height:40px;width:auto;display:block;}
.logo-text{display:flex;flex-direction:column;line-height:1.25;}
.logo-text strong{font-family:'Fraunces',serif;font-weight:500;font-size:15px;color:var(--ocean);}
.logo-text em{font-style:normal;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);}
.nav-links{display:flex;gap:34px;list-style:none;}
.nav-links a{font-size:13px;letter-spacing:0.3px;color:var(--ink);font-weight:500;
  padding-bottom:4px;border-bottom:2px solid transparent;transition:color .25s ease,border-color .25s ease;}
.nav-links a:hover, .nav-links a.active{color:var(--gold);border-color:var(--gold);}
.nav-cta-mobile{display:none;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;}
.burger span{width:24px;height:2px;background:var(--ocean);}

/* HERO — text left, full portrait photo right so her face and desk both stay in frame */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;
  background:linear-gradient(160deg, var(--ocean-deep) 0%, var(--ocean) 55%, var(--mist) 140%);}
.hero-grid{display:grid;grid-template-columns:1fr 0.92fr;gap:64px;align-items:center;padding:110px 40px 80px;}
.hero-content{color:var(--white);}
.hero-content .badge{border-color:rgba(220,193,137,0.6);}
.hero-content h1{color:var(--white);font-size:clamp(36px,4.6vw,58px);margin-bottom:22px;}
.hero-content p{color:rgba(251,250,247,0.88);font-size:clamp(15.5px,1.4vw,18px);max-width:480px;margin:0 0 38px;}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;}
.hero-photo-frame{border-radius:26px;overflow:hidden;box-shadow:0 30px 70px rgba(12,42,54,0.4);aspect-ratio:3/4;}
.hero-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 18%;}

/* Round hero portrait. The source is already circle-masked, cropped to the
   circle's edge, so a 1:1 frame with a full radius leaves no grey border. */
.hero-photo-frame--round{
  aspect-ratio:1/1;border-radius:50%;max-width:440px;margin-left:auto;
  box-shadow:0 30px 70px rgba(12,42,54,0.45);
}
.hero-photo-frame--round img{object-position:center center;}

/* PAGE BANNER (inner pages) — same treatment as hero, stays as-is */
.page-banner{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--ocean-deep);}
.page-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 5%;opacity:0.4;}
.page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(127,166,172,0.35), rgba(12,42,54,0.86));}
.page-banner-content{position:relative;z-index:2;color:var(--white);max-width:640px;padding:0 24px;}
.page-banner-content h1{color:var(--white);font-size:clamp(32px,4.4vw,48px);}
.page-banner-content p{color:rgba(251,250,247,0.85);margin-top:16px;font-size:16px;}

/* CREDIBILITY STRIP */
.credibility{padding:26px 0;}
.cred-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center;}
.cred-item{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);font-weight:600;}
.cred-dot{color:var(--gold-soft);font-size:12px;}

/* WHY HOPE4ULL — emotional statement */
.statement{text-align:center;padding:var(--space-xl) 0;}
.statement .container{max-width:820px;}
.statement .eyebrow{font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:24px;display:inline-block;}
.statement p{font-family:'Fraunces',serif;font-size:clamp(22px,3.2vw,34px);color:var(--ocean);line-height:1.5;font-weight:400;}
.statement p.muted{font-family:'Inter',sans-serif;font-size:16px;color:var(--ink-soft);font-weight:400;margin-top:28px;line-height:1.8;}
.statement .script{color:var(--gold);font-size:1.3em;}

/* MEET NADINE (teaser) */
.meet-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:70px;align-items:center;}
.meet-photo{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.meet-photo img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center 12%;}
.meet-copy p{color:var(--ink-soft);font-size:16px;margin-bottom:20px;max-width:480px;}
.meet-copy .btn{margin-top:8px;}

/* PODCAST — cards are always light, regardless of the section tone behind them */
.podcast-featured{
  display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;align-items:center;
  background:var(--white);border:1px solid rgba(18,59,76,0.08);border-radius:var(--radius);padding:22px;margin-bottom:var(--space-lg);
  box-shadow:0 16px 40px rgba(18,59,76,0.08);
}
.podcast-featured img{border-radius:12px;width:100%;height:380px;object-fit:cover;object-position:center 15%;}
.podcast-featured-copy{padding:16px 26px 16px 0;}
.ep-tag{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:block;font-weight:600;}
.podcast-featured-copy h3{font-size:28px;margin-bottom:14px;}
.podcast-featured-copy p{color:var(--ink-soft);margin-bottom:22px;font-size:15px;}
.platform-row{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;}
.platform-pill{padding:10px 20px;border-radius:100px;border:1px solid rgba(18,59,76,0.15);font-size:12px;letter-spacing:0.5px;color:var(--ocean);}

.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);}
.ep-card{background:var(--white);border:1px solid rgba(18,59,76,0.08);border-radius:14px;overflow:hidden;transition:transform .35s ease,border-color .35s ease;box-shadow:0 12px 30px rgba(18,59,76,0.06);}
.ep-card:hover{transform:translateY(-6px);border-color:var(--mist-light);}
.ep-card img{height:190px;width:100%;object-fit:cover;object-position:center center;}
.ep-card-body{padding:22px;}
.ep-card-body .ep-num{color:var(--gold);font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;}
.ep-card-body h4{font-size:17px;margin:8px 0 10px;font-weight:500;}
.ep-card-body p{font-size:13px;color:var(--ink-soft);margin-bottom:14px;}
.ep-links{display:flex;gap:16px;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);}

/* VIDEO EMBEDS — click-to-play facade.
   The thumbnail is a plain local image; the YouTube iframe is only created when
   someone presses play. Video thumbnails are shown at their native 16:9 rather
   than being cropped to a band, so nothing gets cut off. */
.video-thumb{
  display:block;position:relative;width:100%;padding:0;border:0;cursor:pointer;
  overflow:hidden;background:var(--ocean-deep);border-radius:12px;
  aspect-ratio:16/9;
}
.video-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;
  transition:transform .6s ease,opacity .35s ease;}
.video-thumb:hover img, .video-thumb:focus-visible img{transform:scale(1.04);opacity:.88;}
.video-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:64px;height:64px;border-radius:50%;background:rgba(251,250,247,0.94);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 34px rgba(12,42,54,0.45);
  transition:transform .3s ease,background .3s ease;
}
.video-play::after{
  content:"";border-style:solid;border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent var(--ocean);margin-left:4px;
}
.video-thumb:hover .video-play, .video-thumb:focus-visible .video-play{
  transform:translate(-50%,-50%) scale(1.08);background:var(--gold);
}
.video-thumb:hover .video-play::after{border-left-color:var(--white);}
.video-embed iframe{width:100%;aspect-ratio:16/9;border:0;display:block;border-radius:12px;}
.ep-card .video-thumb, .ep-card .video-embed iframe{border-radius:0;}
.ep-card .video-play{width:52px;height:52px;}
.ep-card .video-play::after{border-width:9px 0 9px 15px;}
.ep-links a{color:var(--gold);transition:color .25s ease;}
.ep-links a:hover{color:var(--ocean);}
.platform-pill{transition:background .25s ease,color .25s ease;}
a.platform-pill:hover{background:var(--ocean);color:var(--white);border-color:var(--ocean);}

/* FEATURED TEACHERS — cards stay light white regardless of section tone */
.teacher-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.teacher-row.four{grid-template-columns:repeat(4,1fr);max-width:900px;margin:0 auto;}
.teacher-card{text-align:center;background:var(--white);border:1px solid rgba(18,59,76,0.08);border-radius:14px;padding:28px 14px;box-shadow:0 12px 30px rgba(18,59,76,0.06);}
.teacher-avatar{
  width:64px;height:64px;border-radius:50%;margin:0 auto 16px;
  background:linear-gradient(135deg, var(--mist) 0%, var(--ocean) 100%);
  display:flex;align-items:center;justify-content:center;color:var(--white);
  font-family:'Fraunces',serif;font-size:20px;
}
.teacher-card:nth-child(3n+2) .teacher-avatar{background:linear-gradient(135deg, var(--emerald) 0%, var(--mist) 100%);}
.teacher-card:nth-child(3n) .teacher-avatar{background:linear-gradient(135deg, var(--mist-light) 0%, var(--ocean) 100%);}
.teacher-card h4{font-size:14px;font-weight:600;color:var(--ocean);margin-bottom:4px;}
.teacher-card span{font-size:11.5px;color:var(--ink-soft);}

/* MENTOR CAROUSEL — native scroll-snap, so it works by swipe or trackpad with
   no JavaScript; the arrows and dots are added on top. Slides are 3:4 and the
   frames match, so no face gets cropped. */
.carousel{position:relative;max-width:1180px;margin:0 auto;}
.carousel__track{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 52px)/3);
  gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;padding:4px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.carousel__track::-webkit-scrollbar{display:none;}
.carousel__slide{scroll-snap-align:center;margin:0;}
.carousel__slide img{
  width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center center;
  border-radius:16px;box-shadow:0 20px 48px rgba(12,42,54,0.34);display:block;
}
/* Ken Honda photo is taller (9:16); keep both faces in frame. */
.carousel__slide img[src*="moment-ken"]{object-position:center 55%;}
.carousel__slide figcaption{padding-top:14px;text-align:center;}
.carousel__slide figcaption strong{
  display:block;font-family:'Fraunces',serif;font-weight:500;font-size:16px;color:var(--white);}
.carousel__slide figcaption span{
  display:block;font-size:12.5px;color:rgba(251,250,247,0.72);margin-top:3px;}

.carousel__arrow{
  position:absolute;top:34%;transform:translateY(-50%);z-index:3;
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  background:rgba(251,250,247,0.94);border:none;color:var(--ocean);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(12,42,54,0.34);transition:background .25s ease,transform .25s ease;
}
.carousel__arrow svg{width:19px;height:19px;}
.carousel__arrow:hover{background:var(--gold);color:var(--white);transform:translateY(-50%) scale(1.06);}
.carousel__arrow[disabled]{opacity:0;pointer-events:none;}
.carousel__arrow--prev{left:-18px;}
.carousel__arrow--next{right:-18px;}

.carousel__dots{display:flex;gap:9px;justify-content:center;margin-top:24px;}
.carousel__dots button{
  width:8px;height:8px;padding:0;border:none;border-radius:50%;cursor:pointer;
  background:rgba(251,250,247,0.34);transition:background .25s ease,transform .25s ease;
}
.carousel__dots button[aria-current="true"]{background:var(--gold);transform:scale(1.35);}

@media (max-width:860px){
  .carousel__track{grid-auto-columns:calc((100% - 26px)/2);}
  .carousel__arrow--prev{left:-6px;} .carousel__arrow--next{right:-6px;}
}
@media (max-width:560px){
  .carousel__track{grid-auto-columns:86%;}
}

/* FREE GIFT */
.gift-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:64px;align-items:center;}
.gift-mock{
  aspect-ratio:3/4;border-radius:16px;
  background:linear-gradient(160deg, var(--mist) 0%, var(--emerald) 55%, var(--ocean) 130%);
  box-shadow:var(--shadow);color:var(--white);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;
  position:relative;overflow:hidden;
}
.gift-mock::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%, rgba(220,193,137,0.25), transparent 55%);}
.gift-mock .gm-eyebrow{position:relative;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-soft);margin-bottom:16px;}
.gift-mock h3{position:relative;color:var(--white);font-size:32px;margin-bottom:10px;}
.gift-mock .gm-sub{position:relative;font-size:13px;color:rgba(251,250,247,0.85);max-width:220px;line-height:1.6;}
.gift-copy h2{color:var(--ocean);}
.gift-copy p{color:var(--ink-soft);font-size:16px;margin-bottom:22px;max-width:480px;}
.gift-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin-top:26px;}
.gift-form input{
  padding:15px 20px;border-radius:100px;border:1px solid rgba(18,59,76,0.18);
  background:var(--white);font-family:'Inter',sans-serif;font-size:14px;outline:none;
}
.gift-form button{grid-column:1/-1;justify-content:center;}
.gift-note{font-size:12.5px;color:var(--ink-soft);margin-top:14px;}

/* THREE EBOOKS — one free with its signup, two upcoming. Cards are light panels
   so they read clearly whatever tone the section gradient is at. */
.ebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);align-items:stretch;}
.ebook{
  background:var(--white);border:1px solid rgba(18,59,76,0.09);border-radius:18px;
  padding:22px 24px 28px;box-shadow:0 16px 40px rgba(18,59,76,0.1);
  display:flex;flex-direction:column;height:100%;
}
.ebook__cover{
  aspect-ratio:3/4;border-radius:12px;margin-bottom:20px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:26px 20px;color:var(--white);position:relative;overflow:hidden;
}
.ebook__cover::before{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 18%, rgba(220,193,137,0.26), transparent 58%);}
.ebook__cover--one{background:linear-gradient(160deg, var(--mist) 0%, var(--emerald) 55%, var(--ocean) 130%);}
.ebook__cover--two{background:linear-gradient(160deg, var(--ocean) 0%, var(--ocean-deep) 60%, var(--emerald-deep) 130%);}
.ebook__cover--three{background:linear-gradient(160deg, var(--emerald) 0%, var(--emerald-deep) 55%, var(--ocean-deep) 130%);}
.ebook__kicker{position:relative;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;
  color:var(--gold-soft);margin-bottom:14px;}
.ebook__cover strong{position:relative;font-family:'Fraunces',serif;font-weight:500;
  font-size:clamp(19px,2vw,24px);line-height:1.2;color:var(--white);}
.ebook__sub{position:relative;font-size:12px;color:rgba(251,250,247,0.82);margin-top:10px;max-width:180px;line-height:1.5;}

.ebook__tag{display:inline-block;align-self:flex-start;font-size:10.5px;letter-spacing:2px;
  text-transform:uppercase;font-weight:700;color:var(--ink-soft);
  border:1px solid rgba(18,59,76,0.2);border-radius:100px;padding:5px 13px;margin-bottom:12px;}
.ebook__tag--free{color:var(--gold);border-color:rgba(201,162,75,0.55);}
.ebook__tag--ready{color:var(--emerald);border-color:rgba(30,110,84,0.45);}
.ebook__links{margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.ebook__second{font-size:13px;color:var(--ink-soft);text-decoration:underline;}
.ebook__second:hover{color:var(--gold);}
.ebook h3{font-size:18px;margin-bottom:10px;}
.ebook p{font-size:14px;color:var(--ink-soft);margin-bottom:14px;}
.ebook__extra{font-size:13px;padding-top:12px;border-top:1px solid rgba(18,59,76,0.1);}
.ebook .btn{margin-top:auto;align-self:flex-start;}
.ebook .btn-outline{border-color:rgba(18,59,76,0.3);color:var(--ocean);}
.ebook .btn-outline:hover{background:var(--ocean);color:var(--white);border-color:var(--ocean);}

@media (max-width:980px){
  .ebook-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto;}
}

/* One clear signup for the free guide, below the three cards. It used to sit
   inside the first card where it was easy to miss and made that card 200px
   taller than its neighbours. */
.guide-signup{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center;
  margin-top:var(--space-lg);padding:38px 42px;border-radius:20px;
  background:var(--white);border:1px solid rgba(18,59,76,0.09);
  box-shadow:0 18px 44px rgba(18,59,76,0.12);
}
.guide-signup__copy .eyebrow{font-size:11.5px;letter-spacing:2.6px;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:12px;display:inline-block;}
.guide-signup__copy h3{font-size:clamp(20px,2.3vw,26px);margin-bottom:12px;}
.guide-signup__copy p{font-size:14.5px;color:var(--ink-soft);margin:0;}
.guide-signup__form{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.guide-signup__form input{
  padding:14px 20px;border-radius:100px;border:1px solid rgba(18,59,76,0.18);
  background:var(--white);font-family:'Inter',sans-serif;font-size:14px;outline:none;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.guide-signup__form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,0.16);}
.guide-signup__form button{grid-column:1/-1;justify-content:center;}
.guide-signup__note{grid-column:1/-1;font-size:12px;color:var(--ink-soft);margin:2px 0 0;text-align:center;}

@media (max-width:980px){
  .guide-signup{grid-template-columns:1fr;padding:30px 26px;text-align:center;}
  .guide-signup__form{grid-template-columns:1fr;}
}

/* COMING SOON BOOK */
.book-grid{display:grid;grid-template-columns:0.75fr 1.25fr;gap:70px;align-items:center;}
.book-cover-wrap{display:flex;justify-content:center;}
.book-cover-wrap img{max-width:320px;filter:drop-shadow(0 30px 55px rgba(12,42,54,0.35));}
.book-copy h2{color:var(--white);}
.book-copy p{color:rgba(251,250,247,0.85);font-size:16px;margin-bottom:22px;max-width:460px;}

/* Wide photo band under the book. 3:2 source in a 3:2 frame, so nothing crops. */
.book-band{margin:var(--space-lg) auto 0;max-width:900px;}
.book-band img{
  width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center center;
  border-radius:18px;box-shadow:0 26px 60px rgba(12,42,54,0.42);display:block;
}
.book-band figcaption{
  text-align:center;margin-top:16px;font-size:13.5px;
  color:rgba(251,250,247,0.75);font-style:italic;
}

/* COACHING */
.coaching-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.coaching-copy h2{color:var(--white);}
.coaching-copy p{color:rgba(251,250,247,0.85);font-size:16px;margin-bottom:24px;max-width:480px;}
.coaching-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:30px;}
.coaching-list li{font-size:14px;color:rgba(251,250,247,0.92);padding-left:22px;position:relative;}
.coaching-list li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--gold);}
.coaching-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.coaching-cta .badge{margin-bottom:0;}
.coaching-visual{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.coaching-visual img{width:100%;height:480px;object-fit:cover;object-position:58% center;}

/* ACADEMY — cards stay light white regardless of section tone */
.academy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);}
.academy-card{background:var(--white);border:1px solid rgba(18,59,76,0.08);border-radius:14px;padding:30px 22px;text-align:center;box-shadow:0 12px 30px rgba(18,59,76,0.06);}
.academy-card h4{font-size:15px;margin-bottom:6px;font-weight:500;}
.academy-card span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);}
.academy-note{text-align:center;margin-top:var(--space-lg);color:rgba(251,250,247,0.85);font-size:14.5px;}
.academy-note--rule{
  max-width:620px;margin-left:auto;margin-right:auto;
  border:1px solid rgba(220,193,137,0.45);border-radius:14px;
  background:rgba(251,250,247,0.07);padding:20px 26px;line-height:1.65;
}
.academy-note--rule strong{color:var(--gold-soft);}


/* FLAGSHIP INTENSIVE — a named offering deserves more weight than a list row.
   Sits on the deep end of the coaching gradient, so the text is light. */
.feature-offer{
  border:1px solid rgba(220,193,137,0.45);border-left:3px solid var(--gold);
  border-radius:4px 16px 16px 4px;background:rgba(251,250,247,0.08);
  padding:24px 28px;margin:0 0 var(--space-md);max-width:480px;
}
.feature-offer__tag{display:block;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--gold-soft);font-weight:600;margin-bottom:10px;}
.feature-offer h3{color:var(--white);font-size:clamp(21px,2.4vw,27px);margin-bottom:8px;}
.feature-offer p{color:rgba(251,250,247,0.88);font-size:15.5px;margin:0;}

/* CERTIFICATIONS vs MODULES — only meditation and breathwork are certified, so
   only those two get a card. The rest are taught but not certified, and are
   listed plainly so the distinction is obvious at a glance. */
.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);max-width:760px;margin:0 auto;}
.cert-card{
  background:var(--white);border:1px solid rgba(18,59,76,0.08);border-radius:16px;
  padding:34px 30px;text-align:center;box-shadow:0 14px 34px rgba(18,59,76,0.1);
}
.cert-card__badge{
  display:inline-block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;
  font-weight:700;color:var(--gold);border:1px solid rgba(201,162,75,0.5);
  border-radius:100px;padding:5px 14px;margin-bottom:16px;
}
.cert-card h4{font-size:19px;margin-bottom:9px;}
.cert-card p{font-size:14px;color:var(--ink-soft);margin:0;}

.modules{max-width:760px;margin:var(--space-lg) auto 0;text-align:center;}
.modules__label{
  display:block;font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;
  color:rgba(251,250,247,0.65);font-weight:600;margin-bottom:18px;
}
.modules__list{
  list-style:none;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:center;
}
.modules__list li{
  font-size:13.5px;color:rgba(251,250,247,0.9);
  border:1px solid rgba(251,250,247,0.22);border-radius:100px;padding:8px 18px;
}

/* MEMBERSHIP PRICING — monthly beside annual, so the saving is visible rather
   than something the reader has to work out. */
.pricing{display:flex;align-items:stretch;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm);}
.pricing__option{
  flex:1;min-width:150px;position:relative;
  background:rgba(251,250,247,0.1);border:1px solid rgba(251,250,247,0.24);
  border-radius:14px;padding:22px 20px;text-align:center;
}
.pricing__option--best{border-color:rgba(201,162,75,0.65);background:rgba(201,162,75,0.12);}
.pricing__badge{
  position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  background:var(--gold);color:var(--white);font-size:9.5px;letter-spacing:1.6px;
  text-transform:uppercase;font-weight:700;padding:4px 12px;border-radius:100px;white-space:nowrap;
}
.pricing__amount{display:block;font-family:'Fraunces',serif;font-size:30px;color:var(--white);line-height:1.1;}
.pricing__amount span{font-family:'Inter',sans-serif;font-size:13px;color:rgba(251,250,247,0.7);font-weight:400;}
.pricing__note{display:block;font-size:12px;color:rgba(251,250,247,0.66);margin-top:8px;}
.pricing__or{align-self:center;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;
  color:rgba(251,250,247,0.5);}
.pricing__includes{list-style:none;margin-bottom:var(--space-md);display:grid;gap:9px;}
.pricing__includes li{font-size:14px;color:rgba(251,250,247,0.9);padding-left:22px;position:relative;}
.pricing__includes li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;
  border-radius:50%;background:var(--gold);}

@media (max-width:560px){ .pricing{flex-direction:column;} .pricing__or{padding:2px 0;} }

/* ACADEMY FOUNDERS — the photo is 3:4 and the frame matches it exactly, so
   nothing is cropped and neither face can be cut off. */
.founders{display:grid;grid-template-columns:0.72fr 1.28fr;gap:48px;align-items:center;
  max-width:880px;margin:0 auto var(--space-lg);}
.founders-photo{border-radius:18px;overflow:hidden;aspect-ratio:3/4;
  box-shadow:0 24px 56px rgba(12,42,54,0.38);}
.founders-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.founders-copy .eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:14px;display:inline-block;}
.founders-copy h3{color:var(--white);font-size:clamp(22px,2.6vw,30px);margin-bottom:14px;}
.founders-copy p{color:rgba(251,250,247,0.88);font-size:16px;max-width:420px;}

/* TESTIMONIALS */
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);}
.test-card{background:var(--white);border:1px solid rgba(18,59,76,0.08);border-radius:16px;padding:32px 28px;box-shadow:0 12px 30px rgba(18,59,76,0.06);}
.test-stars{color:var(--gold);letter-spacing:3px;margin-bottom:16px;font-size:14px;}
.test-card p{font-family:'Fraunces',serif;font-style:italic;color:var(--ocean);font-size:16px;margin-bottom:22px;line-height:1.5;}
.test-person{display:flex;align-items:center;gap:12px;}
.test-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;}
.test-person .name{font-weight:600;color:var(--ocean);font-size:13.5px;}
.test-person .tag{font-size:12px;color:var(--ink-soft);}

/* Testimonial avatars as initials. These were stock photographs of unrelated
   people captioned as named clients, which is a credibility problem and also
   broke on any host that blocks external images. Swap in real client photos
   once there are genuine testimonials with permission. */
.test-avatar-initials{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg, var(--mist) 0%, var(--ocean) 100%);
  display:flex;align-items:center;justify-content:center;
  color:var(--white);font-family:'Fraunces',serif;font-size:14px;letter-spacing:.5px;
}
.test-card:nth-child(2) .test-avatar-initials{background:linear-gradient(135deg, var(--emerald) 0%, var(--mist) 100%);}
.test-card:nth-child(3) .test-avatar-initials{background:linear-gradient(135deg, var(--mist-light) 0%, var(--ocean) 100%);}

/* NEWSLETTER */
.newsletter{text-align:center;}
.newsletter .container{max-width:600px;}
.newsletter p{color:var(--ink-soft);font-size:15.5px;margin-bottom:30px;}
.newsletter-form{display:flex;background:var(--white);border-radius:100px;padding:6px;max-width:460px;margin:0 auto;box-shadow:var(--shadow);}
.newsletter-form input{flex:1;border:none;background:transparent;padding:12px 20px;font-family:'Inter',sans-serif;font-size:14px;outline:none;}

/* FOOTER — light tone, closing the page-length gradient */
footer{color:var(--ink-soft);padding:70px 0 30px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;margin-bottom:50px;}
.footer-logo img{height:40px;margin-bottom:16px;}
.footer-col h5{color:var(--ocean);font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;}
.footer-col a{display:block;color:var(--ink-soft);font-size:14px;margin-bottom:12px;transition:color .3s ease;}
.footer-col a:hover{color:var(--gold);}
.footer-social{display:flex;gap:10px;margin-top:6px;}
.footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(18,59,76,0.08);display:flex;align-items:center;justify-content:center;transition:background .3s ease;}
.footer-social a:hover{background:var(--gold);}
.footer-social svg{width:15px;height:15px;stroke:var(--ocean);}
.footer-social a:hover svg{stroke:var(--white);}
.footer-bottom{border-top:1px solid rgba(18,59,76,0.12);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--ink-soft);}
.footer-bottom a{color:var(--ink-soft);}
.footer-bottom a:hover{color:var(--gold);}

/* ===== ABOUT / MEET NADINE PAGE ===== */
.story{padding:110px 0;}
.story-intro{max-width:720px;margin:0 auto 64px;text-align:center;}
.story-body{max-width:720px;margin:0 auto;}
.story-body p{color:var(--ink-soft);font-size:16.5px;margin-bottom:22px;}
.story-body p.lead{font-size:19px;color:var(--ocean);font-family:'Fraunces',serif;}
.pull-quote{background:var(--beige);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:32px 38px;margin:42px 0;}
.pull-quote p{font-family:'Fraunces',serif;font-style:italic;color:var(--ocean);font-size:21px;margin:0;line-height:1.5;}
.pull-quote.center{text-align:center;border-left:none;border-radius:16px;background:var(--ocean-deep);padding:46px 42px;margin:56px auto;max-width:640px;}
.pull-quote.center p{color:var(--white);font-size:25px;}

.chapters{max-width:760px;margin:0 auto;}
.chapters h3{margin-bottom:8px;}
.chapter-list{list-style:none;counter-reset:step;margin-top:30px;}
.chapter-list li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid rgba(18,59,76,0.1);align-items:flex-start;}
.chapter-list li:last-child{border-bottom:none;}
.chapter-list .num{counter-increment:step;font-family:'Fraunces',serif;font-size:17px;color:var(--gold);
  width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chapter-list .num::before{content:counter(step, decimal-leading-zero);}
.chapter-list p{color:var(--ink-soft);font-size:15.5px;padding-top:6px;margin:0;}

.invitation{padding:110px 0;text-align:center;}
.invitation .container{max-width:640px;}
.invitation p{color:rgba(251,250,247,0.9);font-size:16px;margin-bottom:16px;}
.invitation .script{color:var(--gold);font-size:clamp(30px,3.6vw,42px);display:block;margin:26px 0 18px;}
.invitation .btn{margin-top:10px;}

/* =================================================================
   PAGE-LENGTH COLOR JOURNEY
   Every section's background is a gradient whose top edge matches the
   section above and whose bottom edge matches the section below, so
   the whole page reads as one continuous wash: light blue at the top,
   deepening to ocean blue, crossing into deep emerald green, then
   lightening to a soft green by the footer. No hard seams anywhere —
   each class already blends into its neighbours.
   ================================================================= */
.flow-statement{background:linear-gradient(180deg, #5D777F 0%, #D6EAED 45%, #C2D7DB 100%);}
.flow-meet{background:linear-gradient(180deg, #9AB1B7 0%, #869EA5 45%, #6C848C 100%);}
.flow-podcast{background:linear-gradient(180deg, #445E68 0%, #36525D 45%, #23404C 100%);}
.flow-teachers{background:linear-gradient(180deg, #23404C 0%, #102F3A 45%, #123434 100%);}
.flow-free-gift{background:linear-gradient(180deg, #C2D7DB 0%, #AEC4C9 45%, #9AB1B7 100%);}
.flow-book{background:linear-gradient(180deg, #123434 0%, #13392E 45%, #264B3E 100%);}
.flow-coaching{background:linear-gradient(180deg, #264B3E 0%, #47685A 45%, #6E8C7E 100%);}
.flow-real-success{background:linear-gradient(180deg, #264B3E 0%, #395D4F 45%, #47685A 100%);}
/* Starts where .flow-coaching ends, now the Real Success section is gone. */
.flow-academy{background:linear-gradient(180deg, #6C848C 0%, #536A72 45%, #445E68 100%);}
.flow-testimonials{background:linear-gradient(180deg, #6E8C7E 0%, #88A596 45%, #9CB8A8 100%);}
.flow-newsletter{background:linear-gradient(180deg, #9CB8A8 0%, #B0CABA 45%, #C4DCCC 100%);}
.flow-footer{background:linear-gradient(180deg, #C4DCCC 0%, #D8EEDE 45%, #D8EEDE 100%);}

/* About page continues in the light-green territory the homepage ends on,
   dips into deep emerald for the closing "invitation" moment, then eases
   back to a soft light green for the footer. */
.flow-story{background:linear-gradient(180deg, #D8EEDE 0%, #D6ECDC 45%, #D4EAD9 100%);}
.flow-journey{background:linear-gradient(180deg, #D4EAD9 0%, #D0E7D5 45%, #CCE4D1 100%);}
.flow-invitation{background:linear-gradient(180deg, #CCE4D1 0%, #1D4436 20%, #1D4436 80%, #A9C7B0 100%);}
.flow-footer-about{background:linear-gradient(180deg, #A9C7B0 0%, #D2E8D6 25%, #D8EEDE 100%);}

/* ================= RESPONSIVE ================= */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;padding:70px 24px 60px;text-align:center;}
  .hero-content{order:2;}
  .hero-content p{margin-left:auto;margin-right:auto;}
  .hero-btns{justify-content:center;}
  .hero-photo-frame{order:1;max-width:380px;margin:0 auto;}
  .meet-grid, .gift-grid, .book-grid, .coaching-grid{grid-template-columns:1fr;text-align:center;}
  .meet-copy p, .gift-copy p, .book-copy p, .coaching-copy p{margin-left:auto;margin-right:auto;}
  .coaching-list{text-align:left;max-width:420px;margin-left:auto;margin-right:auto;}
  .coaching-cta{justify-content:center;}
  .podcast-featured{grid-template-columns:1fr;}
  .episode-grid{grid-template-columns:repeat(2,1fr);}
  .teacher-row{grid-template-columns:repeat(3,1fr);gap:16px;}
  .teacher-row.four{grid-template-columns:repeat(2,1fr);}
  .academy-grid{grid-template-columns:repeat(2,1fr);}
  .test-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .gift-form{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .nav-cta{display:none;}
}
@media (max-width:768px){
  .nav-links{display:none;}
  .burger{display:flex;}
  .nav-cta-mobile{display:block;margin-top:10px;}
  .nav-cta-mobile .btn{width:100%;justify-content:center;padding:14px 22px;font-size:12.5px;}
  .nav-wrap{padding:14px 20px;gap:12px;}
  .logo img{height:34px;}
  .logo-text strong{font-size:14px;}
  .logo-text em{font-size:9.5px;}
  .section{padding:calc(var(--space-xl) * 0.68) 0;}
  .episode-grid{grid-template-columns:1fr;}
  .teacher-row{grid-template-columns:repeat(2,1fr);}
  .academy-grid{grid-template-columns:1fr 1fr;}
  .cert-grid{grid-template-columns:1fr;max-width:420px;}
  .founders{grid-template-columns:1fr;gap:28px;text-align:center;}
  .founders-photo{max-width:300px;margin:0 auto;}
  .founders-copy p{margin-left:auto;margin-right:auto;}
  .footer-grid{grid-template-columns:1fr;}
  .chapter-list li{gap:14px;}
}

/* Hidden from view, still read by screen readers (form labels). */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* Free eBook form in the book section */
.book-form{margin-top:18px;max-width:520px;}
@media (max-width:900px){ .book-form{margin-left:auto;margin-right:auto;} }
.book-tagline{font-family:"Fraunces",serif;font-style:italic;font-size:clamp(17px,1.8vw,21px);color:var(--gold);margin:-6px 0 18px;line-height:1.4;}
.book-kicker{display:block;margin:16px 0 6px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;}
.book-motto{margin-top:22px;font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);opacity:.85;}
.book-copy p.book-motto{color:var(--gold);}

/* BOOK PAGE */
.book-hero{padding-top:90px;}
.book-title{color:var(--white);font-size:clamp(38px,5vw,60px);margin:4px 0 8px;}
.book-byline{font-size:14px;letter-spacing:1px;color:rgba(251,250,247,0.8);margin-bottom:26px;}
.book-more{color:var(--gold);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;}
.story-body > .eyebrow{display:block;margin-bottom:18px;}
.book-journey p strong{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:19px;color:var(--ocean);margin-bottom:4px;}
.invitation .eyebrow{color:var(--gold);}
.book-page-signup{margin:34px auto 10px;max-width:560px;background:rgba(251,250,247,0.07);border:1px solid rgba(201,162,75,0.35);border-radius:20px;padding:30px 28px;}
.book-page-signup h3{color:var(--white);margin-bottom:8px;}
.book-page-signup .book-form{margin:18px auto 0;}
.invitation .book-page-signup .guide-signup__note{color:rgba(251,250,247,0.7);}
.invitation p.book-signoff{margin-top:34px;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(251,250,247,0.75);line-height:1.9;}
.story-body > .eyebrow{font-size:12px;letter-spacing:2.8px;text-transform:uppercase;color:var(--gold);font-weight:600;}
.book-hero .book-cover-wrap img{max-width:300px;width:100%;}

/* Carousel: show every photo in full, uncropped. Each slide is as wide as its
   photo at a fixed height, so tall and wide pictures both fit without cropping. */
.carousel__track{grid-auto-columns:max-content;justify-content:safe center;}
.carousel__slide img{
  width:auto;height:min(520px,70vh);aspect-ratio:auto;object-fit:contain;
}
@media (max-width:860px){ .carousel__track{grid-auto-columns:max-content;} .carousel__slide img{height:440px;} }
@media (max-width:560px){ .carousel__track{grid-auto-columns:max-content;} .carousel__slide img{height:400px;max-width:82vw;} }
@media (max-width:560px){ .newsletter-form{flex-direction:column;align-items:stretch;} .newsletter-form input,.newsletter-form button{width:100%;min-width:0;justify-content:center;} }
@media (max-width:560px){ .newsletter-form{border-radius:22px;gap:6px;} }
.feature-offer__price{font-family:"Fraunces",serif;font-size:28px;font-weight:500;color:var(--gold);margin:10px 0 0;}
.feature-offer__price span{font-family:"Inter",sans-serif;font-size:13px;font-weight:400;opacity:.8;}
.feature-offer--sunset{margin-top:16px;}
.pricing__heading{font-size:20px;margin:28px 0 12px;}
.feature-offer p.feature-offer__price{font-family:"Fraunces",serif;font-size:26px;color:var(--gold);margin-top:10px;}
.feature-offer p.feature-offer__price span{font-family:"Inter",sans-serif;font-size:13px;color:rgba(251,250,247,0.8);}
.coaching-copy .pricing__heading{color:var(--white);}
.paypal-btn{margin-top:16px;}
.feature-offer p.feature-offer__note{font-size:12.5px;color:rgba(251,250,247,0.75);margin-top:10px;}
.cert-card__list{list-style:none;margin:14px 0 0;padding:0;text-align:left;}
.cert-card__list li{position:relative;padding-left:18px;font-size:13.5px;color:var(--ink-soft);margin-bottom:7px;}
.cert-card__list li::before{content:"✦";position:absolute;left:0;color:var(--gold);font-size:10px;top:3px;}
.academy-who{max-width:760px;margin:var(--space-lg) auto 0;text-align:center;}
.academy-signup{margin-top:var(--space-lg);}
.coaching-copy{min-width:0;}
.paypal-btn{white-space:normal;text-align:center;justify-content:center;max-width:100%;}
@media (max-width:560px){ .pricing{flex-wrap:wrap;justify-content:center;} .pricing__option{min-width:0;} }
.guide-signup__form .guide-signup__full{grid-column:1/-1;}
.feature-offer--flagship{text-align:center;margin-left:auto;margin-right:auto;border-left:none;border-top:3px solid var(--gold);}
.feature-offer--flagship .paypal-btn{margin-left:auto;margin-right:auto;}
.feature-offer--flagship{border-radius:16px;}
.feature-offer--flagship p.feature-offer__price{line-height:1.3;}
.feature-offer--flagship p.feature-offer__price span{display:block;margin-top:4px;line-height:1.5;}
.feature-offer--sunset{text-align:center;margin-left:auto;margin-right:auto;border-left:1px solid rgba(220,193,137,0.45);border-top:3px solid var(--gold);border-radius:16px;}
.feature-offer--sunset .paypal-btn{margin-left:auto;margin-right:auto;}
.feature-offer--sunset p.feature-offer__price span{display:block;margin-top:4px;}

/* PRIVACY POLICY */
.privacy{padding-top:120px;}
.privacy-title{font-size:clamp(32px,4.4vw,46px);color:var(--ocean);margin:6px 0 6px;}
.privacy-updated{font-size:13px !important;color:var(--ink-soft);margin-bottom:28px !important;}
.privacy h2{font-size:22px;color:var(--ocean);margin:34px 0 12px;}
.privacy-list{margin:0 0 22px 20px;color:var(--ink-soft);font-size:16px;line-height:1.7;}
.privacy-list li{margin-bottom:8px;}
.privacy a{color:var(--ocean);text-decoration:underline;}