/* =====================================================
   R1 ReadyFirst – Parents Page Layout
   Requires: shared.css
   ===================================================== */

/* HERO */
.parents-hero{padding:var(--xxl) var(--md) var(--xl);background:var(--terra-soft);text-align:center;position:relative;overflow:hidden}
.parents-hero::before{content:'';position:absolute;top:-120px;right:-60px;width:360px;height:360px;border-radius:50%;background:rgba(var(--terra-rgb),.08)}
.parents-hero::after{content:'';position:absolute;bottom:-100px;left:-80px;width:280px;height:280px;border-radius:50%;background:rgba(var(--jade-rgb),.04)}
.parents-hero__inner{max-width:620px;margin:0 auto;position:relative;z-index:1}
.parents-hero__icon{width:64px;height:64px;border-radius:50%;background:rgba(var(--white-rgb),.2);display:flex;align-items:center;justify-content:center;margin:0 auto var(--md)}
.parents-hero__icon svg{width:28px;height:28px;stroke:var(--white)}
.parents-hero .section-eyebrow{color:var(--eyebrow-warm)}
.parents-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--char);margin-bottom:var(--sm);line-height:1.1}
.parents-hero p{font-family:var(--font-prose);font-size:clamp(1.0625rem,2vw,1.1875rem);color:var(--char);line-height:1.7;max-width:560px;margin:0 auto}

/* VIGNETTE */
/* Story section – full-width image with text overlay on the left */
.parents-story{background:var(--sand)}
.parents-story__inner{position:relative;overflow:hidden}
.parents-story__photo{width:100%;height:920px;object-fit:cover;object-position:center 40%;display:block}
.parents-story__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--xxl) var(--lg) var(--xl);background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 55%,transparent 100%);display:flex;flex-direction:column;align-items:center}
.parents-story__quote{font-family:var(--font-quote);font-size:clamp(1.1875rem,2.2vw,1.375rem);font-style:italic;line-height:1.75;color:rgba(255,255,255,.9);max-width:520px;margin-bottom:var(--lg);text-align:left}
.parents-story__turn{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;line-height:1.35;color:var(--white);max-width:520px;text-align:left}

/* Mobile: revert to stacked image + text below */
.parents-story--mobile-fallback{display:none}

@media(max-width:1024px){
  .parents-story__inner{display:none}
  .parents-story--mobile-fallback{display:block}
  .parents-story__img-wrap{max-width:1060px;margin:0 auto;overflow:hidden;border-radius:12px;padding:0 var(--sm)}
  .parents-story__img-wrap img{width:100%;height:380px;object-fit:cover;object-position:center 40%;display:block;border-radius:12px}
  .parents-story__text-fallback{max-width:640px;margin:0 auto;text-align:center;padding:var(--lg) var(--sm)}
  .parents-story__text-fallback .parents-story__quote{color:var(--char);max-width:100%;font-size:clamp(1.1875rem,2.2vw,1.375rem);margin-bottom:var(--lg)}
  .parents-story__text-fallback .parents-story__turn{color:var(--jade-dk);max-width:100%;text-align:center;font-size:clamp(1.375rem,3.5vw,1.875rem)}
}

/* Visual pause 2 – hallway photo */
.parents-pause-2{padding:0 var(--md) var(--lg);background:var(--white)}
.parents-pause-2__inner{max-width:1060px;margin:0 auto;overflow:hidden;border-radius:12px}
.parents-pause-2__photo{width:100%;height:400px;object-fit:cover;object-position:center;display:block}

/* MOCKUP */
.parents-view__mockup{display:grid;grid-template-columns:280px 1fr;gap:var(--lg);align-items:center;max-width:720px;margin:0 auto}
.parents-view__phone-placeholder{background:var(--white);border-radius:24px;padding:1.5rem;box-shadow:var(--sh2);border:1px solid var(--sand-dk)}
.parents-view__phone-frame{background:var(--sand);border-radius:16px;padding:1.25rem}
.pv-mock__status{font-family:var(--font-ui);font-size:.6875rem;color:var(--wgray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}
.pv-mock__badge{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--jade);margin-bottom:1rem}
.pv-mock__pillars{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}
.pv-mock__pillar{display:flex;align-items:center;gap:.5rem}
.pv-mock__pillar-label{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;width:40px;flex-shrink:0;color:var(--char)}
.pv-mock__trend{font-family:var(--font-ui);font-size:.6875rem;color:var(--wgray);margin-bottom:.375rem}
.pv-mock__trend-line{margin-bottom:1rem}
.pv-mock__trend-line svg{width:100%;height:auto}
.pv-mock__alert{font-family:var(--font-ui);font-size:.75rem;color:var(--terra);display:flex;align-items:center;gap:.375rem;background:rgba(var(--terra-rgb),.08);padding:.5rem .75rem;border-radius:6px}
.parents-view__callouts{display:flex;flex-direction:column;gap:.75rem}
.parents-view__callout{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.5;padding-left:1.25rem;position:relative}
.parents-view__callout::before{content:'';position:absolute;left:0;top:.5rem;width:6px;height:6px;border-radius:50%;background:var(--jade)}

/* AGE MODEL PHOTO */
.parents-ages__photo{max-width:600px;margin:0 auto var(--lg);border-radius:12px;overflow:hidden;box-shadow:var(--sh2)}
.parents-ages__photo img{width:100%;height:auto;display:block}

/* TESTIMONIAL PLACEHOLDER */
.parents-testimonial{padding:var(--lg) var(--md);background:var(--sand-dk);text-align:center}
.parents-testimonial__inner{max-width:480px;margin:0 auto}
.parents-testimonial__placeholder{font-family:var(--font-quote);font-size:1.0625rem;font-style:italic;color:var(--wgray);line-height:1.7}

/* SECTION 1 – WORRY > VISIBILITY > CONFIDENCE */
.parents-arc{background:var(--white);padding:var(--xxl) var(--md);position:relative;overflow:hidden}
.parents-arc::before{content:'';position:absolute;top:60px;left:-100px;width:300px;height:300px;border-radius:50%;background:rgba(var(--terra-rgb),.04)}
.parents-arc__inner{max-width:900px;margin:0 auto;position:relative;z-index:1}
.parents-arc__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.parents-arc__header .section-eyebrow{color:var(--eyebrow-light)}
.parents-arc__header h2{margin-bottom:var(--sm)}
.parents-arc__header p{color:var(--char);font-size:1rem}

.parents-arc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md);max-width:800px;margin:0 auto}
.parents-arc__card{background:var(--white);border-radius:10px;padding:1.5rem;box-shadow:var(--sh);text-align:center}
.parents-arc__card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sm)}
.parents-arc__card-icon svg{width:24px;height:24px}
.parents-arc__card-icon--worry{background:rgba(var(--terra-rgb),.1)}
.parents-arc__card-icon--worry svg{stroke:var(--terra)}
.parents-arc__card-icon--visible{background:rgba(var(--jade-rgb),.1)}
.parents-arc__card-icon--visible svg{stroke:var(--jade)}
.parents-arc__card-icon--confidence{background:rgba(var(--sky-rgb),.1)}
.parents-arc__card-icon--confidence svg{stroke:var(--sky)}
.parents-arc__card h3{font-size:1.125rem;margin-bottom:.375rem}
.parents-arc__card p{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.5}

/* SECTION 1B – BEFORE & AFTER DIAGRAM */
.parents-diagram{background:var(--sand);padding:var(--xxl) 0}
.parents-diagram__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.parents-diagram__header .section-eyebrow{color:var(--eyebrow-light)}
.parents-diagram__header h2{margin-bottom:var(--sm)}
.parents-diagram__header p{color:var(--char);font-size:1rem}
.parents-diagram__chart-wrap{max-width:1020px;margin:0 auto var(--sm)}
.parents-diagram__chart{width:100%;height:auto}
.parents-diagram__closing{text-align:center;font-family:var(--font-quote);font-size:clamp(1.0625rem,2vw,1.25rem);font-style:italic;color:var(--jade-dk);max-width:500px;margin:var(--md) auto 0}

/* SECTION 2 – WHAT YOU SEE */
.parents-view{background:var(--white);padding:var(--xxl) var(--md)}
.parents-view__inner{max-width:900px;margin:0 auto}
.parents-view__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.parents-view__header .section-eyebrow{color:var(--eyebrow-light)}
.parents-view__header h2{margin-bottom:var(--sm)}
.parents-view__header p{color:var(--char);font-size:1rem}

.parents-view__note{text-align:center;max-width:480px;margin:var(--md) auto 0}
.parents-view__note p{font-family:var(--font-quote);font-size:1rem;font-style:italic;color:var(--char);line-height:1.7}

/* SECTION 3 – PRIVACY */
.parents-privacy{background:var(--sand-dk);padding:var(--xxl) var(--md)}
.parents-privacy__inner{max-width:900px;margin:0 auto}
.parents-privacy__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.parents-privacy__header .section-eyebrow{color:var(--eyebrow-light)}
.parents-privacy__header h2{margin-bottom:var(--sm)}
.parents-privacy__header p{color:var(--char);font-size:1rem}

.parents-privacy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md)}
.parents-privacy__card{background:var(--white);border-radius:10px;padding:1.5rem;box-shadow:var(--sh)}
.parents-privacy__card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sm)}
.parents-privacy__card-icon svg{width:24px;height:24px}
.parents-privacy__card-icon--parent{background:rgba(var(--terra-rgb),.1)}
.parents-privacy__card-icon--parent svg{stroke:var(--terra)}
.parents-privacy__card-icon--coach{background:rgba(var(--jade-rgb),.1)}
.parents-privacy__card-icon--coach svg{stroke:var(--jade)}
.parents-privacy__card-icon--child{background:rgba(var(--sky-rgb),.1)}
.parents-privacy__card-icon--child svg{stroke:var(--sky)}
.parents-privacy__card h3{font-size:1rem;margin-bottom:.25rem}
.parents-privacy__card-role{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;color:var(--wgray);margin-bottom:.5rem}
.parents-privacy__card p{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.5}
.parents-privacy__card-emphasis{font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--jade);margin-top:var(--sm)}

/* SECTION 4 – AGE MODEL */
.parents-ages{background:rgba(var(--terra-soft-rgb),.05);padding:var(--xxl) var(--md)}
.parents-ages__inner{max-width:900px;margin:0 auto}
.parents-ages__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.parents-ages__header .section-eyebrow{color:var(--eyebrow-light)}
.parents-ages__header h2{margin-bottom:var(--sm)}
.parents-ages__header p{color:var(--char);font-size:1rem}

.parents-ages__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md)}
.parents-age-card{background:var(--white);border-radius:10px;padding:1.5rem;box-shadow:var(--sh);text-align:center}
.parents-age-card__icon{width:48px;height:48px;border-radius:50%;background:rgba(var(--pillar-warm-rgb),.08);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sm)}
.parents-age-card__icon svg{width:24px;height:24px;stroke:var(--terra-soft)}
.parents-age-card__age{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--terra);margin-bottom:.125rem}
.parents-age-card__label{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;color:var(--wgray);margin-bottom:.5rem}
.parents-age-card p{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.5}

/* SECTION 5 – NON-JUDGMENTAL FRAMING */

/* CTA */
.parents-cta{background:var(--g-warm);padding:var(--xxl) var(--md);text-align:center}
.parents-cta__inner{max-width:620px;margin:0 auto}
.parents-cta__mascot{width:140px;height:auto;display:block;margin:0 auto var(--md)}
.parents-cta h2{margin-bottom:var(--sm);color:var(--char)}
.parents-cta p{color:var(--char);font-size:1rem;margin-bottom:var(--lg)}
.parents-cta__buttons{display:flex;justify-content:center;gap:var(--sm);flex-wrap:wrap}

/* RESPONSIVE */
@media(max-width:1024px){
  .parents-arc__grid{grid-template-columns:1fr}
  .parents-privacy__grid{grid-template-columns:1fr}
  .parents-ages__grid{grid-template-columns:1fr}
  .parents-view__mockup{grid-template-columns:1fr;max-width:400px}
}
@media(max-width:767px){
  .parents-hero,.parents-arc,.parents-view,.parents-privacy,.parents-ages,.parents-cta{padding:var(--xl) var(--sm)}
  .parents-pause-2__inner{margin:0 var(--sm);border-radius:10px}
  .parents-pause-2__photo{height:260px}
  .parents-cta__mascot{width:120px}
}

/* Zone badges */
.pv-mock__zone{font-family:var(--font-ui);font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:20px}
.pv-mock__zone--grow{background:rgba(var(--grow-rgb),.12);color:var(--grow)}
.pv-mock__zone--build{background:rgba(var(--build-rgb),.12);color:var(--build)}

/* RIGHTS CALLOUT, quiet white section, typography aligned to the canonical pull-quote scale */
.parents-rights{background:var(--white);padding:var(--xxl) var(--md);text-align:center}
.parents-rights__inner{max-width:680px;margin:0 auto}
.parents-rights__quote{margin:0 auto var(--md);max-width:600px;border:0;padding:0}
.parents-rights__quote p{font-family:var(--font-quote);font-size:clamp(1.125rem,2vw,1.375rem);font-style:italic;line-height:1.65;color:var(--char);margin:0 0 var(--sm)}
.parents-rights__quote cite{display:block;font-family:var(--font-ui);font-size:.875rem;font-style:italic;font-weight:500;color:var(--wgray);letter-spacing:.02em}
.parents-rights__context{max-width:600px;margin:0 auto;font-family:var(--font-ui);font-size:1rem;line-height:1.7;color:var(--char)}
@media(max-width:767px){
  .parents-rights{padding:var(--xl) var(--sm)}
}