/* ══════════════════════════════════════════════════════════════
   HOME V2 · DUSK TO DAYLIGHT  (mockup, 2026-10-16)
   Loaded after site css + lsd-refresh.css, only on body.v2.
   The page starts at dusk (navy), the light comes in through the
   paths section, and everything after that sits in daylight, ending
   in a sunrise call to action. Each section starts on the exact
   color the one above it ends on, so the scroll reads as one sky.
   Script accents: 2 per page (hero "More." and "freedom").
   ══════════════════════════════════════════════════════════════ */

.v2{
  --dusk:#16333F;
  --dusk-2:#1D4553;
  --dawn-1:#2F6A75;
  --dawn-2:#8CBDBE;
  --dawn-3:#E3EFEC;
  --day:#FBF6F0;
  --day-2:#FFFDF9;
  --warm-1:#FDF4EB;
  --warm-2:#FCEDE0;
  --warm-3:#FAE4D3;
  --warm-4:#F8DBC6;
  --sun-1:#F6D0B6;
  --sun-2:#F3BB98;
  --sun-3:#EEA47F;
}

/* ───── NAV: logo never shrinks, phone sizing ───── */
@media (max-width:900px){
  .v2 .nav-logo{flex:0 0 auto;display:flex;align-items:center}
  .v2 .nav-logo img{width:auto;max-width:none}
  .v2 .nav-logo img{height:32px}
  .v2 .nav-inner{gap:12px}
  .v2 .nav-cta{margin-left:auto}
  .v2 .nav-cta .btn{padding:10px 16px;font-size:11px;letter-spacing:.14em}
}
@media (max-width:420px){
  .v2 .nav-logo img{height:27px}
  .v2 .nav-inner{gap:8px}
  .v2 .nav-cta .btn{padding:9px 12px;font-size:10px;letter-spacing:.1em}
}

/* ───── HERO: dusk on the left, morning light on the right ───── */
.v2 .hero-dawn{background:var(--dusk)}
.v2 .hero-dawn .bg{background-position:68% center}
.v2 .hero-dawn .bg::before{
  background:
    linear-gradient(180deg,rgba(22,51,63,.55) 0%,rgba(22,51,63,0) 22%,rgba(22,51,63,0) 70%,var(--dusk) 100%),
    linear-gradient(90deg,rgba(22,51,63,.96) 0%,rgba(22,51,63,.86) 30%,rgba(22,51,63,.38) 54%,rgba(22,51,63,0) 72%) !important;
}
.v2 .hero-dawn::after{opacity:.12}
.v2 .hero-bleed .hero-content{padding-left:32px;padding-right:32px}
.v2 .hero-dawn .hero-sub{color:rgba(255,255,255,.88)}

/* AI placeholder tags (mockup only) */
.v2 .ph-ai{position:absolute;z-index:5;font:600 10px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);background:rgba(255,255,255,.82);border-radius:6px;padding:7px 9px;pointer-events:none}
.v2 .ph-ai-hero{right:24px;top:96px}

@media (max-width:900px){
  .v2 .hero-dawn .bg{bottom:auto;height:58svh;min-height:380px;background-position:72% center}
  .v2 .hero-dawn .bg::before{background:linear-gradient(180deg,rgba(22,51,63,.5) 0%,rgba(22,51,63,0) 26%,rgba(22,51,63,.15) 60%,var(--dusk) 100%) !important}
  .v2 .hero-bleed .hero-content{padding:calc(max(380px,58svh) - 150px) 20px 32px}
  .v2 .ph-ai-hero{top:80px;right:16px}
}

/* ───── EMPLOYERS: still dusk ───── */
.v2 .employers{background:linear-gradient(180deg,var(--dusk) 0%,var(--dusk-2) 100%)}
.v2 .hero-bleed + section{padding-top:150px}
.v2 .employers .eyebrow{color:var(--sky)}
.v2 .employers h2{color:#fff}
.v2 .employers .chip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#E6F8FA;box-shadow:none}
.v2 .employers .chip.more{background:var(--teal);border-color:var(--teal);color:var(--dusk)}
.v2 .employers .marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v2 .employers .arrow-link{color:var(--sky)}
.v2 .employers .arrow-link::after{background:var(--sky)}

/* ───── PATHS: the light comes in ───── */
.v2 .paths{background:linear-gradient(180deg,var(--dusk-2) 0%,var(--dawn-1) 20%,var(--dawn-2) 50%,var(--dawn-3) 76%,var(--day) 100%);padding:40px 0 120px}
.v2 .paths .eyebrow{color:var(--sky)}
.v2 .paths h2{color:#fff}
.v2 .paths .head p{color:rgba(255,255,255,.8)}
.v2 .pcard{box-shadow:0 30px 60px -30px rgba(22,51,63,.45);border-color:rgba(255,255,255,.6)}
.v2 .pcard .tagline{font-family:var(--font-display);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--sienna);margin-bottom:14px}
.v2 .pcard-dark .tagline{color:var(--sky)}

/* ───── FREEDOM PICKER: daylight ───── */
.v2 .freedom{background:linear-gradient(180deg,var(--day) 0%,var(--day-2) 100%);padding:40px 0 110px;position:relative}
.v2 .fr-head{text-align:center;max-width:680px;margin:0 auto}
.v2 .fr-head .eyebrow{color:var(--sienna);margin-bottom:14px}
.v2 .fr-head h2{font-size:clamp(30px,3.6vw,46px);text-wrap:balance}
.v2 .fr-head h2 .script{color:var(--sienna);font-size:1.7em;transform:translateY(.12em) rotate(-3deg)}
.v2 .fr-head p{margin-top:14px;color:var(--ink-soft)}
.v2 .fr-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:34px auto 40px;max-width:900px}
.v2 .fr-chip{font:500 14px/1 var(--font-body);color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:999px;padding:13px 20px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}
.v2 .fr-chip:hover{transform:translateY(-2px);border-color:var(--btn-peach-line)}
.v2 .fr-chip[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 14px 30px -14px rgba(34,58,76,.6)}
.v2 .fr-chip:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.v2 .fr-stage{display:grid;grid-template-columns:1.15fr .85fr;gap:0;align-items:center;max-width:1080px;margin:0 auto;transition:opacity .22s var(--ease)}
.v2 .fr-stage.swap{opacity:.25}
.v2 .fr-photo{position:relative;margin:0;border-radius:30px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 50px 90px -40px rgba(34,58,76,.5);transform:rotate(-1.4deg)}
.v2 .fr-photo img{width:100%;height:100%;object-fit:cover;display:block}
.v2 .fr-photo .ph-ai{left:16px;top:16px}
.v2 .fr-card{position:relative;z-index:2;margin-left:-70px;background:#fff;border-radius:26px;padding:38px 36px 32px;box-shadow:0 40px 80px -36px rgba(34,58,76,.45);border:1px solid var(--line)}
.v2 .fr-card::before{content:"\201C";position:absolute;top:10px;left:28px;font:400 88px/1 Georgia,serif;background:linear-gradient(160deg,var(--btn-peach-line),var(--sienna));-webkit-background-clip:text;background-clip:text;color:transparent}
.v2 .fr-q{font-family:var(--font-display);font-size:clamp(20px,1.9vw,25px);line-height:1.4;color:var(--navy);padding-top:34px}
.v2 .fr-who{margin-top:22px;display:flex;flex-direction:column;gap:4px}
.v2 .fr-name{font-weight:700;color:var(--navy);font-size:15px}
.v2 .fr-arc{font-size:12px;letter-spacing:.06em;color:var(--ink-faint)}
.v2 .fr-extra{margin-top:14px;font-size:14px;color:var(--ink-soft);padding-top:14px;border-top:1px solid var(--line)}
.v2 .fr-extra a{color:var(--sienna);font-weight:600}
.v2 .fr-card .arrow-link{margin-top:22px;font-size:12px}
@media (max-width:900px){
  .v2 .fr-stage{grid-template-columns:1fr}
  .v2 .fr-card{margin:-50px 14px 0;padding:30px 24px 26px}
  .v2 .fr-photo{transform:none}
  .v2 .fr-chip{font-size:13px;padding:11px 15px}
}

/* ───── GRADS: real faces in the light ───── */
.v2 .hired{display:none}
.v2 .grads{background:linear-gradient(180deg,var(--day-2) 0%,var(--warm-1) 100%);padding:40px 0 100px}
.v2 .gr-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px}
.v2 .gr-head .eyebrow{color:var(--sienna);margin-bottom:14px}
.v2 .gr-head h2{font-size:clamp(30px,3.4vw,42px);max-width:20ch;text-wrap:balance}
.v2 .grads .rnum{color:var(--navy)}
.v2 .grads .rnum small{color:var(--ink-faint)}
.v2 .grads .rsrc{color:var(--ink-faint)}
.v2 .gr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v2 .gcard{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto auto;column-gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;text-decoration:none;box-shadow:0 20px 44px -30px rgba(34,58,76,.4);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.v2 .gcard:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 34px 60px -30px rgba(34,58,76,.5)}
.v2 .gcard img{grid-row:1 / span 3;width:96px;height:96px;object-fit:cover;border-radius:26%;box-shadow:0 14px 26px -14px rgba(34,58,76,.55)}
.v2 .g-nm{font-family:var(--font-display);font-size:19px;color:var(--navy);align-self:end}
.v2 .g-from{font-size:12.5px;color:var(--ink-faint);margin-top:4px}
.v2 .g-to{font-size:13px;font-weight:600;color:var(--lagoon);margin-top:4px;align-self:start}
.v2 .gr-more{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:28px}
.v2 .gm-l{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-right:6px}
.v2 .gm{font-size:12.5px;color:var(--navy);background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:999px;padding:8px 14px}
.v2 .gr-quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.v2 .gq{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 32px;box-shadow:0 20px 44px -32px rgba(34,58,76,.4)}
.v2 .gq .qm{font:400 76px/.75 Georgia,serif;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2 .gq .qt{color:var(--ink-soft)}
.v2 .gq .qt b{color:var(--navy)}
.v2 .gq .qa{color:var(--ink-faint)}
.v2 .grads .foot{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:center;margin-top:36px}
.v2 .grads .tp{color:var(--ink-faint)}
.v2 .grads .tp a{color:var(--navy)}
@media (max-width:1000px){ .v2 .gr-grid{grid-template-columns:1fr 1fr} }
@media (max-width:640px){
  .v2 .gr-grid,.v2 .gr-quotes{grid-template-columns:1fr}
  .v2 .gcard{grid-template-columns:76px 1fr}
  .v2 .gcard img{width:76px;height:76px}
  .v2 .gq{padding:24px 22px}
}

/* ───── TRY IT: free tools ───── */
.v2 .tryit{background:linear-gradient(180deg,var(--warm-1) 0%,var(--warm-2) 100%);padding:30px 0 110px}
.v2 .ti-head{text-align:center;max-width:640px;margin:0 auto 44px}
.v2 .ti-head .eyebrow{color:var(--sienna);margin-bottom:14px}
.v2 .ti-head h2{font-size:clamp(28px,3.2vw,40px);text-wrap:balance}
.v2 .ti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v2 .ti-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px 22px 26px;text-decoration:none;box-shadow:0 24px 50px -34px rgba(34,58,76,.45);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.v2 .ti-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -36px rgba(34,58,76,.5)}
.v2 .ti-card:nth-child(2){transform:translateY(18px)}
.v2 .ti-card:nth-child(2):hover{transform:translateY(10px)}
.v2 .ti-vis{height:150px;border-radius:18px;margin-bottom:20px;overflow:hidden;background:linear-gradient(150deg,#1E4A58,#16333F);padding:16px;display:flex;align-items:center;justify-content:center}
.v2 .ti-squares{display:grid;grid-template-columns:repeat(21,1fr);gap:2px;width:100%}
.v2 .ti-squares i{display:block;aspect-ratio:1;border-radius:2px;background:#2E5566}
.v2 .ti-squares .q-w{background:#AC714D}.v2 .ti-squares .q-h{background:#C88D69}.v2 .ti-squares .q-f{background:#F7CFB8}
.v2 .ti-squares .q-e{background:#E8DCCF}.v2 .ti-squares .q-m{background:#8FE8ED}.v2 .ti-squares .q-t{background:#D5E3E8}
.v2 .ti-squares .q-a{background:#1FC3CC;box-shadow:0 0 8px rgba(31,195,204,.8)}.v2 .ti-squares .q-l{background:transparent;outline:1px solid rgba(255,255,255,.18);outline-offset:-1px}
.v2 .ti-week{background:linear-gradient(150deg,#FBF6F0,#F7E4D6);gap:8px;align-items:stretch}
.v2 .tw-day{flex:1;display:flex;flex-direction:column;gap:6px}
.v2 .tw-day b{font:600 10px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-bottom:4px}
.v2 .tw-day i{display:block;height:28px;border-radius:7px}
.v2 .tw-day i.tall{height:62px}
.v2 .tw-a{background:#1FC3CC}.v2 .tw-b{background:#223A4C}.v2 .tw-c{background:#F3BB98}
.v2 .ti-roles{background:linear-gradient(150deg,#E6F8FA,#CDEFF2);flex-direction:column;gap:10px}
.v2 .tr-pill{font:600 12px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--navy);background:#fff;border-radius:999px;padding:11px 20px;box-shadow:0 10px 20px -12px rgba(34,58,76,.4)}
.v2 .tr-pill:nth-child(1){transform:translateX(-30px) rotate(-3deg)}
.v2 .tr-pill:nth-child(3){transform:translateX(30px) rotate(2deg)}
.v2 .ti-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--sienna)}
.v2 .ti-card h3{font-size:22px;margin:8px 0 10px;color:var(--navy)}
.v2 .ti-card p{font-size:14px;line-height:1.6;color:var(--ink-soft);flex:1}
.v2 .ti-card .arrow-link{margin-top:18px;font-size:12px}
@media (max-width:900px){
  .v2 .ti-grid{grid-template-columns:1fr}
  .v2 .ti-card:nth-child(2),.v2 .ti-card:nth-child(2):hover{transform:none}
}

/* ───── AIDA: a navy panel floating in the light ───── */
.v2 .aida{background:linear-gradient(180deg,var(--warm-2) 0%,var(--warm-3) 100%);color:inherit;padding:40px 0 70px}
.v2 .aida::after{display:none}
.v2 .aida-panel{position:relative;background:linear-gradient(140deg,#24505E 0%,#1C3F4D 45%,#16333F 100%);color:#fff;border-radius:36px;padding:76px 64px;box-shadow:0 60px 120px -50px rgba(22,51,63,.7);overflow:hidden}
.v2 .aida-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(143,232,237,.14) 0%,rgba(143,232,237,0) 40%),linear-gradient(300deg,rgba(247,207,184,.16) 0%,rgba(247,207,184,0) 35%);pointer-events:none}
.v2 .aida-panel .aida-grid{position:relative}
@media (max-width:900px){ .v2 .aida-panel{padding:48px 22px;border-radius:28px} .v2 .aida-feats{grid-template-columns:1fr} }

/* ───── JILL: warm, more of her ───── */
.v2.home .jill{background:linear-gradient(180deg,var(--warm-3) 0%,var(--warm-3) 100%);padding:90px 0 110px}
.v2.home .jill-visual{margin-top:0;max-width:440px}
.v2.home .jill-grid>div:last-child{padding-top:0}
.v2 .jill-visual .photo{transform:rotate(-2deg)}
.v2 .jill-visual .badge{display:none}
.v2 .jill-travel{position:absolute;left:-34px;bottom:-46px;width:200px;margin:0;background:#fff;padding:10px 10px 14px;border-radius:14px;box-shadow:0 30px 60px -24px rgba(34,58,76,.55);transform:rotate(5deg);z-index:3}
.v2 .jill-travel img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.v2 .jill-travel figcaption{font-size:11.5px;line-height:1.4;color:var(--ink-soft);margin-top:10px;text-align:center}
.v2 .jill-travel b{color:var(--sienna)}
.v2 .jill .eyebrow{color:var(--sienna)}
.v2 .jill-cred{margin-top:22px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.v2 .jill-links{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:30px}
.v2 .jill-links .arrow-link{margin-top:0}
@media (max-width:900px){
  .v2 .jill-visual{margin:0 auto 40px;max-width:330px}
  .v2 .jill-travel{left:-10px;bottom:-40px;width:150px}
}

/* ───── PODCAST + WAYS: warming toward sunrise ───── */
.v2.home .podcast{background:linear-gradient(180deg,var(--warm-3) 0%,var(--warm-4) 100%)}
.v2 .ways{background:linear-gradient(180deg,var(--warm-4) 0%,var(--sun-1) 100%)}
.v2 .ways .head h2{text-wrap:balance}

/* ───── FINAL: sunrise ───── */
.v2 .final{background:
  linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(255,236,214,.55) 82%,rgba(255,244,230,.0) 100%),
  linear-gradient(180deg,var(--sun-1) 0%,var(--sun-2) 55%,var(--sun-3) 100%);color:var(--navy);padding:120px 0 130px}
.v2 .final::after{opacity:.08}
.v2 .final .eyebrow{color:#8A4E2E}
.v2 .final h2{color:var(--navy);font-weight:300;text-wrap:balance}
.v2 .final p{color:rgba(34,58,76,.8)}
.v2 .btn-sunrise{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 22px 44px -16px rgba(22,51,63,.7) !important}
.v2 .btn-sunrise:hover{background:#16333F}
.v2 .final .micro{display:flex;align-items:center;justify-content:center;gap:10px;color:rgba(34,58,76,.7)}
.v2 .final .micro img{width:30px;height:30px;border-radius:30%;object-fit:cover;box-shadow:0 6px 12px -6px rgba(34,58,76,.5)}

@media (prefers-reduced-motion:reduce){
  .v2 .fr-stage,.v2 .gcard,.v2 .ti-card{transition:none}
}

/* ══════════════════════════════════════════════════════════════
   ROUND 2 (2026-10-16): liquid glass + break-out moments.
   Overlaps only read when they cross a real edge, so each one
   now crosses a contrast line: glass over the photo, the AIDA
   card past the navy panel, Jill's photo over the panel's edge,
   the phone out of its own glass panel.
   ══════════════════════════════════════════════════════════════ */

/* Liquid glass recipe */
.v2 .glass,
.v2 .hero-bleed .proof-strip,
.v2 .fr-card,
.v2 .pod-grid{
  -webkit-backdrop-filter:blur(22px) saturate(170%);
  backdrop-filter:blur(22px) saturate(170%);
}

/* 1. Stats bar: liquid glass sitting over the hero photo */
.v2 .hero-dawn .bg::before{
  background:
    linear-gradient(180deg,rgba(22,51,63,.55) 0%,rgba(22,51,63,0) 22%,rgba(22,51,63,0) 84%,var(--dusk) 100%),
    linear-gradient(90deg,rgba(22,51,63,.96) 0%,rgba(22,51,63,.86) 30%,rgba(22,51,63,.38) 54%,rgba(22,51,63,0) 72%) !important;
}
.v2 .hero-bleed .proof-strip{
  margin:0 auto 46px;
  background:linear-gradient(120deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.10) 100%),rgba(16,38,48,.34);
  border:1px solid rgba(255,255,255,.30);
  border-radius:26px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.10),inset 0 0 30px rgba(143,232,237,.10),0 40px 80px -34px rgba(5,15,22,.8);
  overflow:hidden;
}
.v2 .hero-bleed .proof-strip::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.16) 46%,rgba(255,255,255,0) 60%)}
.v2 .hero-bleed .proof-item .cap{color:rgba(255,255,255,.75)}
.v2 .hero-bleed + section{padding-top:96px}
@media (max-width:900px){
  .v2 .hero-bleed .proof-strip{margin:0 auto 28px}
  .v2 .hero-bleed + section{padding-top:72px}
}

/* 2. Freedom quote card: glass over the photo it overlaps */
.v2 .fr-card{
  margin-left:-120px;
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,255,255,.58));
  border:1px solid rgba(255,255,255,.85);
  box-shadow:inset 0 1px 0 #fff,0 40px 80px -36px rgba(34,58,76,.5);
}
@media (max-width:900px){ .v2 .fr-card{margin:-60px 14px 0} }

/* 3. AIDA: the white card breaks out past the navy panel */
.v2 .aida{padding:120px 0 70px;position:relative;z-index:1;overflow:visible}
.v2 .aida-panel{overflow:visible}
.v2 .aida-panel::before{border-radius:inherit}
@media (min-width:1101px){
  .v2 .aida-card-wrap{position:relative;left:min(96px,5vw);top:-150px;align-self:start}
  .v2 .aida-card{transform:rotate(2deg)}
  .v2 .aida-card:hover{transform:rotate(0deg) translateY(-4px)}
  .v2 .aida-card-frame{border-color:rgba(172,113,77,.45)}
}

/* 4. Jill: her photo rises over the bottom edge of the navy panel */
.v2.home .jill{position:relative;z-index:2;overflow:visible;padding-top:60px}
@media (min-width:901px){
  .v2.home .jill-visual{margin-top:-210px;align-self:start}
  .v2.home .jill-grid{align-items:start}
  .v2.home .jill-grid>div:last-child{padding-top:40px}
}

/* 5. Podcast: a glass panel the phone breaks out of, top and bottom */
.v2.home .podcast{padding:150px 0 150px;overflow:visible}
.v2 .pod-grid{
  background:linear-gradient(130deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.28) 100%);
  border:1px solid rgba(255,255,255,.9);
  border-radius:36px;
  padding:56px 64px;
  box-shadow:inset 0 1px 0 #fff,0 40px 90px -50px rgba(140,80,45,.55);
}
@media (max-width:900px){
  .v2.home .podcast{padding:90px 0}
  .v2 .pod-grid{padding:40px 22px}
}

/* round 2 cleanup: let the AIDA panel's shadow show under Jill's section, and keep her photo off the panel text */
body.v2{background:var(--warm-3)}
.v2.home .jill{background:transparent}
@media (min-width:901px){ .v2 .aida-panel{padding-bottom:170px} }

/* phone: keep the podcast panel and the two "ways" cards inside the screen */
@media (max-width:900px){
  .v2 .pod-grid{margin-left:16px;margin-right:16px}
  .v2 .ways-grid{grid-template-columns:minmax(0,1fr)}
  .v2 .way{min-width:0;padding:32px 22px}
}
@media (max-width:900px){
  .v2 .way .btn{white-space:normal;text-align:center;align-self:stretch;padding-left:16px;padding-right:16px}
  .v2 .jill-travel{left:0}
}
@media (max-width:900px){ .v2.home .phone{margin-top:-110px} .v2.home .podcast{padding-top:140px} }

/* ══ ROUND 3 (2026-10-16): break-outs must line up with something ══
   Jill's photo sits level with her bio again (no rise).
   The AIDA card only hangs over the panel's TOP edge: no tilt, no
   sideways shift, its right edge flush with the panel's content edge. */
.v2.home .jill{padding-top:110px}
.v2.home .jill-grid{align-items:center}
.v2.home .jill-visual{margin-top:0 !important;align-self:center}
.v2.home .jill-grid>div:last-child{padding-top:0}
.v2 .aida-panel{padding-bottom:76px !important}
@media (min-width:1101px){
  .v2 .aida-card-wrap{left:0;top:-152px;align-self:start}
  .v2 .aida-card,.v2 .aida-card:hover{transform:none}
  .v2 .aida-card:hover{transform:translateY(-4px)}
  .v2 .aida-card-frame{display:none}
  .v2 .aida-card{box-shadow:0 50px 90px -40px rgba(10,25,32,.65)}
}
/* AIDA call to action sits under the card, so the right side of the panel isn't empty */
.v2 .aida-ctas-right{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:44px}

/* ROUND 4 (2026-10-16): AIDA card tucked back inside the panel (Jill: the break-out still read as off). */
@media (min-width:1101px){
  .v2 .aida-card-wrap{left:0;top:0;align-self:center}
  .v2 .aida-card{transform:rotate(-1.2deg)}
  .v2 .aida-card:hover{transform:rotate(0deg) translateY(-4px)}
  .v2 .aida-card-frame{display:block;border-color:rgba(143,232,237,.4)}
}
.v2 .aida{padding-top:60px}
.v2 .aida-card-frame{display:none !important}

/* Small phones (360px Androids): keep the hero line and the photo outline inside the screen. */
@media (max-width:400px){
  body.v2 .hero-dawn h1{font-size:30px}
  body.v2 .jill-visual .frame{right:0;bottom:-12px}
}
@media (max-width:340px){
  body.v2 .hero-dawn h1{font-size:26px}
  body.v2 .hero-dawn .btn{white-space:normal;padding-left:18px;padding-right:18px;letter-spacing:.08em}
  body.v2 .nav-cta{display:none}
  body.v2 .btn{white-space:normal;max-width:100%}
  body.v2 .jill-grid{grid-template-columns:minmax(0,1fr)}
  body.v2 .jill-grid > *{min-width:0}
  body.v2 .jill-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  body.v2 .pod-visual .phone{zoom:.84}
  body.v2 .pod-grid{grid-template-columns:minmax(0,1fr)}
  body.v2 .pod-grid > *{min-width:0}
}