/* A native opening chapter, sharing the PRA scene, input controller and palette. */
#pra-landing.has-overview{--pra-opening-ease:cubic-bezier(.22,.68,.2,1)}
#pra-landing .pra-chapter--overview{position:relative;min-height:var(--pra-stage-h);padding-block:70px 60px}
#pra-landing .pra-overview-copy{width:62%;max-width:850px;padding:0}
#pra-landing .pra-overview-eyebrow{display:flex;align-items:center;gap:20px;margin-bottom:26px}
#pra-landing .pra-overview-eyebrow strong{font:600 15px/1.3 var(--pra-display);letter-spacing:.02em;color:var(--pra-mint)}
#pra-landing .pra-overview-eyebrow>span{font:400 10px/1.5 var(--pra-body);letter-spacing:.09em;color:#bad0dc;border-left:1px solid #a5c9d442;padding-left:20px}
#pra-landing .pra-overview-title{font:500 clamp(50px,5.5vw,87px)/1.01 var(--pra-display);letter-spacing:-.055em;margin:0 0 26px;max-width:12ch}
#pra-landing .pra-overview-title>span{color:#b4d9d4}
#pra-landing .pra-overview-copy>.pra-lead{font-size:16px;line-height:1.75;max-width:440px;color:#bfd1db;margin-bottom:26px}
#pra-landing .pra-overview-copy>.pra-actions{gap:25px}
#pra-landing .pra-overview-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:720px;list-style:none;padding:24px 0 0;margin:32px 0 0;border-top:1px solid #b1d0dc36}
#pra-landing .pra-overview-outcomes li{display:flex;gap:10px;align-items:start;min-width:0}
#pra-landing .pra-overview-outcomes li>span{font-size:9px;line-height:1.6;color:#77aaab;padding-top:1px}
#pra-landing .pra-overview-outcomes strong{display:block;font-size:11px;font-weight:600;line-height:1.6;color:#d5e8eb}
#pra-landing .pra-overview-outcomes small{display:block;font-size:10px;line-height:1.6;color:#8eacba;margin-top:3px}
#pra-landing.has-overview .pra-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity 1s var(--pra-opening-ease);background:linear-gradient(90deg,#0c1d2ca6,transparent 68%)}
#pra-landing.is-overview .pra-stage::after{opacity:1}

#pra-landing.has-overview.has-steps .pra-chapter--overview .pra-copy>*{transition-duration:.5s,.85s}
@media(min-width:761px) and (max-height:800px){#pra-landing .pra-chapter--overview{padding-block:45px}#pra-landing .pra-overview-title{font-size:clamp(48px,5vw,66px);margin-bottom:20px}#pra-landing .pra-overview-eyebrow{margin-bottom:20px}#pra-landing .pra-overview-outcomes{margin-top:24px;padding-top:20px}}
@media(max-width:1000px) and (min-width:761px){#pra-landing .pra-overview-copy{width:67%}#pra-landing .pra-overview-outcomes{gap:12px}#pra-landing .pra-overview-outcomes li>span{display:none}}
@media(max-width:760px){#pra-landing .pra-chapter--overview{min-height:calc(100svh - var(--pra-top) - var(--pra-stage-h));padding:24px var(--pra-gutter) 30px}#pra-landing .pra-overview-copy{width:100%;max-width:none}#pra-landing .pra-overview-eyebrow{gap:12px;margin-bottom:15px}#pra-landing .pra-overview-eyebrow strong{font-size:13px}#pra-landing .pra-overview-eyebrow>span{font-size:8px;letter-spacing:.04em;padding-left:12px}#pra-landing .pra-overview-title{font-size:clamp(32px,9vw,45px);line-height:1.04;max-width:15ch;margin-bottom:16px}#pra-landing .pra-overview-title br:nth-of-type(2){display:none}#pra-landing .pra-overview-copy>.pra-lead{font-size:13px;line-height:1.7;margin-bottom:18px;max-width:35ch}#pra-landing .pra-overview-copy>.pra-actions{gap:16px;flex-wrap:wrap}#pra-landing .pra-overview-copy .pra-button{font-size:11px;padding:11px 14px;gap:12px}#pra-landing .pra-overview-copy .pra-link{font-size:11px;gap:8px}#pra-landing .pra-overview-outcomes{gap:13px;margin-top:23px;padding-top:17px}#pra-landing .pra-overview-outcomes li>span{display:none}#pra-landing .pra-overview-outcomes strong{font-size:9px;line-height:1.55}#pra-landing .pra-overview-outcomes small{font-size:8px;line-height:1.5}#pra-landing.has-overview .pra-stage::after{display:none}}
@media(prefers-reduced-motion:reduce){#pra-landing.has-overview .pra-stage::after,#pra-landing.has-overview.has-steps .pra-chapter--overview .pra-copy>*{transition:none}}

@media(max-width:760px){#pra-landing.has-overview .pra-corner-cta{white-space:nowrap;flex-shrink:0}#pra-landing.has-overview #pra-scene-caption{font-size:10px;line-height:1.4}}

/* Let the opening copy meet the map, retaining the established later phone framing. */
@media(max-width:760px){
 #pra-landing.has-overview .pra-chapters{margin-top:calc(-1 * min(150px,18svh))}
 #pra-landing .pra-chapter--overview{isolation:isolate;min-height:calc(100svh - var(--pra-top) - var(--pra-stage-h) + min(150px,18svh));padding-top:22px;padding-bottom:24px}
 #pra-landing .pra-chapter--overview::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#0c1d2cf7 28px,#0c1d2c 100%);opacity:0;transition:opacity .75s ease}
 #pra-landing.is-overview .pra-chapter--overview::before{opacity:1}
 #pra-landing .pra-overview-outcomes{margin-top:18px;padding-top:13px}
 #pra-landing .pra-overview-outcomes small{display:none}
 #pra-landing .pra-overview-copy>.pra-lead{font-size:12.5px;line-height:1.65}
}
@media(max-width:380px){
 #pra-landing .pra-overview-title{font-size:30px}
 #pra-landing .pra-overview-copy>.pra-lead{font-size:12px;line-height:1.6}
 #pra-landing .pra-overview-copy>.pra-actions>.pra-link{display:none}
 #pra-landing .pra-overview-outcomes{gap:10px}
}
@media(prefers-reduced-motion:reduce){#pra-landing .pra-chapter--overview::before{transition:none}}

@media(max-width:760px){#pra-landing.has-overview .pra-chapters{z-index:auto}#pra-landing .pra-chapter--overview{z-index:6}#pra-landing .pra-chapter--overview:not(.is-current) .pra-copy{pointer-events:none}}