/* V7: product close-ups, deliberate pacing, and one connected guidance model. */
.story-v7{--royal:#033277;--copy:#526174}
.story-v7 [hidden]{display:none!important}
.story-v7 .atlas-hero{background:#062659;min-height:690px;padding:64px 0 72px;color:white}
.story-v7 .atlas-hero .ambient{opacity:1;pointer-events:none}
.hero-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03182ccc 0%,#05204745 58%,#06224b10 100%);pointer-events:none}
.story-v7 .atlas-hero-inner{position:relative;z-index:1;grid-template-columns:1fr 1.02fr;gap:72px}
.story-v7 .atlas-hero h1{font-size:clamp(46px,4.8vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.055em}
.story-v7 .atlas-hero h1>span{color:#d0e1f6}
.story-v7 .atlas-hero .eyebrow{color:#c7ddf9;font-size:10px;letter-spacing:.13em}
.story-v7 .atlas-hero .story-hero-copy>p{color:#d2e0f0;line-height:1.75;font-size:17px;margin-top:25px}
.story-v7 .atlas-hero .button{background:white;color:#033277;font-size:13px}
.story-v7 .atlas-hero .hero-ctas>a:last-child{color:white}
.story-v7 .hero-experience:before{display:none}
.story-v7 .hero-spending-scene{padding:25px 27px 18px;box-shadow:0 30px 75px #00102655;border:1px solid #fff;border-radius:24px;color:#033277}
.story-v7 .hero-scene-heading{font-size:10px}
.story-v7 .hero-daily{margin-top:20px}
.story-v7 .hero-daily strong{font-size:48px}
.story-v7 .hero-chart-slice{margin-top:-30px}
.story-v7 .hero-chart-slice svg{height:223px;overflow:hidden}
.story-v7 .hero-insight{margin-top:0;padding:18px 20px;border-radius:16px}
.story-v7 .hero-insight h3{font-size:18px;margin:10px 0 7px;color:white;line-height:1.35}
.story-v7 .hero-insight p{font-size:12px;line-height:1.65}
.story-v7 .hero-pace-controls{margin-top:14px}
.story-v7 .hero-pace-controls button{font-size:11px;min-height:42px}
.story-v7 .insights-story{padding-block:110px 100px}
.story-v7 .insights-intro{margin-bottom:48px;max-width:920px}
.story-v7 .insights-intro h2{font-weight:600}
.story-v7 .insights-lead{align-items:center;gap:85px;grid-template-columns:.9fr 1.1fr}
.story-v7 .insights-narrative h3{font-size:34px}
.story-v7 .insights-narrative>p{font-size:15px;line-height:1.8}
.story-v7 .insights-narrative li{padding-block:19px}
.story-v7 .insights-product{position:static}
.story-v7 .insight-panel{box-shadow:none;border-radius:22px;padding:29px}
.story-v7 .insight-panel h3{font-size:27px;font-weight:600}
.story-v7 .insight-scope{margin-top:22px}
.story-v7 .insight-summary{font-size:13px;line-height:1.7}
.story-v7 .insight-chart{padding:22px 0;gap:17px}
.story-v7 .insight-bar-row>i{height:9px}
.story-v7 .insight-advice p{font-size:14px;line-height:1.7}
.story-v7 .insight-impact{display:flex;align-items:baseline;gap:12px;padding-top:17px}
.story-v7 .insight-impact strong{font-size:24px}
.story-v7 .insight-evidence{margin-top:17px;padding-top:12px}
.insight-follow{display:block;min-height:44px;padding:13px 0 0;margin-top:11px;color:white;background:none;border:0;font:650 12px Manrope,sans-serif;cursor:pointer;text-align:left}
.insight-follow:focus-visible{outline:2px solid white;outline-offset:4px;border-radius:4px}
.insight-connected{display:flex;align-items:center;gap:8px;margin:20px 0 16px;font-size:10px;color:#64778e}
.insight-connected>span{color:#033277;background:#f2f5f8;padding:7px 9px;border-radius:6px;font-weight:650}
.insight-connected>i{width:9px;height:1px;background:#b9c6d6}
.insight-connected>b{margin-left:auto;font-size:9px;font-weight:500}
.story-v7 .insights-chat-story{grid-template-columns:1.05fr .95fr;gap:100px;margin-top:85px;padding-top:75px}
.story-v7 .insights-chat-story .insights-narrative{order:2}
.story-v7 .insights-chat-product{order:1;box-shadow:0 12px 40px #15335708;padding:24px}
.story-v7 .snippet .chat-answer{min-height:365px;padding:23px}
.story-v7 .snippet .chat-answer h4{font-size:24px;font-weight:600}
.story-v7 .snippet .chat-answer p{font-size:13px;line-height:1.7}
.story-v7 .snippet .chat-next small{font-size:13px;line-height:1.7}
.story-v7 .snippet .chat-question{min-height:76px;font-size:14px}
.story-v7 .snippet .chat-suggestions button{min-height:44px}
.story-v7 .story-recovery{padding-block:80px 100px;border-top:1px solid #e9edf2}
.story-v7 .recovery-walkthrough{grid-template-columns:.82fr 1.18fr;align-items:start;gap:90px}
.story-v7 .recovery-copy{position:static}
.story-v7 .recovery-step{min-height:450px;min-height:65svh;justify-content:center;padding:70px 0;max-width:380px}
.story-v7 .recovery-step:last-child{min-height:420px;min-height:60svh}
.story-v7 .recovery-step h3{font-size:34px;font-weight:600}
.story-v7 .recovery-step p{font-size:15px;line-height:1.8}
.story-v7 .recovery-sticky{position:sticky;top:90px;max-width:560px;padding:0}
.story-v7 .recovery-demonstration{align-self:stretch}
.story-v7 .recovery-sticky .snippet{padding:20px 23px}
.story-v7 .recovery-sticky .monthly-reference{transform:none;filter:none}
.story-v7 .recovery-chart-crop{overflow:hidden}
.story-v7 .recovery-sticky .recovery-chart-crop .monthly-reference{height:235px;max-height:none}
.orange-key{background:#E18A37}
.recovery-summary{display:flex;align-items:center;justify-content:space-between;margin:17px 0 18px;color:#033277;gap:10px}
.recovery-summary>strong{font-size:32px;letter-spacing:-.045em;font-weight:800}
.recovery-summary small{font-size:11px;font-weight:500;color:#71839a;letter-spacing:0;margin-left:10px}
.recovery-summary>span{font-size:11px;color:#71839a;white-space:nowrap}
.recovery-lenses{display:flex;gap:5px;border-bottom:1px solid #e6ebf1;margin-bottom:5px}
.recovery-lenses button{min-height:41px;padding:8px 15px;border:0;border-bottom:2px solid transparent;background:white;color:#748298;font:650 11px Manrope,sans-serif;cursor:pointer}
.recovery-lenses button[aria-pressed=true]{color:#033277;border-color:#033277}
.recovery-lenses button:focus-visible,.recovery-brief button:focus-visible{outline:2px solid #033277;outline-offset:2px}
.story-v7 .recovery-sticky .recovery-choices{margin-top:12px;gap:8px}
.story-v7 .recovery-choices button{min-height:95px;padding:12px 6px}
.story-v7 .recovery-choices span{display:none}
.story-v7 .recovery-choices strong{font-size:23px;letter-spacing:-.04em}
.story-v7 .recovery-choices strong em{font-size:9px}
.story-v7 .recovery-choices small{font-size:10px;margin-top:8px}
.story-v7 .recovery-caption{margin:12px 0 0;padding:0;display:block;text-align:left;font-size:11px}
.story-v7 .recovery-caption>b{display:none}
.story-v7 .recovery-brief{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6ebf1;padding-top:13px;margin-top:13px;gap:12px;color:#607590;font-size:11px}
.recovery-brief b{display:block;font-size:22px;color:#033277;margin-top:4px}
.recovery-brief button{font:650 11px Manrope,sans-serif;background:white;border:0;color:#033277;min-height:44px;cursor:pointer}
.story-v7 .recovery-daily{border-top:0;padding:20px 0 4px;min-height:235px}
.story-v7 .recovery-sticky .recovery-daily{padding-top:20px}
.story-v7 .recovery-daily>p{font-size:11px;margin-top:12px}
.story-v7 .daily-allowance-bars i{height:64px}
.story-v7 .daily-allowance-bars em{animation:daily-rise .65s cubic-bezier(.16,.75,.2,1) both;transform-origin:bottom}
.weekly-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 0}
.weekly-head>div{display:grid;gap:10px}.weekly-head>div>span{font-size:9px;letter-spacing:.06em;color:#71839a}
.weekly-head strong{font-size:42px;letter-spacing:-.05em;color:#033277;line-height:1}
.weekly-head .auto-pill{font-size:9px}
.weekly-explain{font-size:12px;color:#657990;line-height:1.75;margin:15px 0 20px}
.weekly-mini-controls{display:flex;gap:7px;margin:0 0 19px}
.weekly-mini-controls button{flex:1;background:white;color:#536d8f;border:1px solid #dce4ee;border-radius:22px;font:650 11px Manrope,sans-serif;min-height:43px;cursor:pointer;padding:8px}
.weekly-mini-controls button[aria-pressed=true]{background:#033277;color:white;border-color:#033277}
.weekly-mini-controls button:disabled{opacity:.5;cursor:default}
.story-v7 .weekly-excerpt .recovery-purchases{margin-bottom:0}
.story-v7 .weekly-excerpt .monthly-reference{filter:none}
.story-v7 .story-explore{padding-block:76px;background:#f7f8fa}
.story-v7 .story-teaser{background:#fff;border-color:#e4e9ee;box-shadow:none}
.story-v7 .teaser-crop{background:#f5f6f8}
.story-v7 .teaser-info{background:white}
.story-v7 .teaser-info h3{font-weight:600}
.story-v7 .teaser-crop .insight-panel{padding:21px}
.story-v7 .teaser-crop .insight-panel h3{font-size:24px}
.story-v7 .story-everyday{padding-top:100px}
.story-v7 .everyday-crop{background:#f6f7f9}
.story-v7 .story-progress{background:#f6f7f9}
.story-v7 .detail-hero-crop{background:#f5f6f8}
.story-v7 .detail-hero-crop:has(.monthly-reference)>.crop-surface{transform:translateY(-65px)}
.story-v7 .detail-chapter:nth-child(even){background:#f7f8fa}
.story-v7 .depth-scene>.crop-surface{transform:translateY(calc((1 - var(--scene-progress,1))*24px));transition:transform .2s linear}
.story-v7.insights-feature .detail-hero-crop{height:340px;overflow:hidden;padding:30px 30px 0;mask-image:linear-gradient(#000 85%,transparent)}
.story-v7.insights-feature .detail-hero-crop .insight-panel{padding:26px}
.story-v7 .detail-snippet-scene:has([data-kind=snip-recovery]){max-width:640px!important}
.story-v7 .detail-snippet-scene .recovery-chart-crop .monthly-reference{height:auto;max-height:400px}
.story-v7 .detail-snippet-scene:has([data-kind=snip-week]){min-width:0}
@keyframes daily-rise{from{transform:scaleY(.03)}to{transform:scaleY(1)}}
@media(max-width:1100px){
 .story-v7 .atlas-hero-inner{gap:38px;grid-template-columns:.95fr 1.05fr}
 .story-v7 .atlas-hero h1{font-size:48px}.story-v7 .hero-spending-scene{padding:22px}
 .story-v7 .insights-lead,.story-v7 .insights-chat-story{gap:45px}
 .story-v7 .recovery-walkthrough{gap:45px;grid-template-columns:.8fr 1.2fr}
 .story-v7 .recovery-step h3{font-size:31px}.recovery-summary small{font-size:10px}
 .insight-connected>b{display:none}
}
@media(max-height:790px) and (min-width:901px){
 .story-v7 .recovery-sticky{top:78px}
 .story-v7 .recovery-sticky .recovery-chart-crop .monthly-reference{height:193px}
 .story-v7 .recovery-sticky .snippet{padding:16px 20px}
 .story-v7 .recovery-summary{margin-block:10px}.story-v7 .recovery-summary>strong{font-size:28px}
 .story-v7 .recovery-purchase{padding:9px 11px}.story-v7 .recovery-purchases{margin-bottom:8px}
 .story-v7 .recovery-choices button{min-height:88px}.story-v7 .recovery-choices strong{font-size:21px}
 .story-v7 .recovery-caption{display:none}.story-v7 .recovery-brief{padding-top:8px;margin-top:10px}
 .story-v7 .recovery-daily{min-height:220px}
}
@media(max-width:900px){
 .story-v7 .recovery-walkthrough{display:flex;flex-direction:column;gap:34px}
 .story-v7 .recovery-demonstration{display:block;order:-1;max-width:600px;margin:auto;width:100%}
 .story-v7 .recovery-sticky{position:static;max-width:none;width:100%;background:none;border:0;backdrop-filter:none}
 .story-v7 .recovery-sticky .crop-surface{max-width:none}
 .story-v7 .recovery-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
 .story-v7 .recovery-step,.story-v7 .recovery-step:last-child{min-height:0;padding:10px 0;justify-content:start}
 .story-v7 .recovery-step h3{font-size:23px}.story-v7 .recovery-step p{font-size:13px}
 .story-v7 .recovery-step .recovery-key{display:none}
 .story-v7 .recovery-sticky .recovery-chart-crop .monthly-reference{height:290px}
}
@media(max-width:760px){
 .story-v7 .atlas-hero{padding:36px 0 42px;min-height:0}
 .story-v7 .atlas-hero-inner{grid-template-columns:1fr;gap:29px}
 .story-v7 .atlas-hero h1{font-size:39px;max-width:440px}
 .story-v7 .atlas-hero .eyebrow{font-size:8px;margin-bottom:16px}
 .story-v7 .atlas-hero .story-hero-copy>p{font-size:14px;line-height:1.7;max-width:430px;margin-top:18px}
 .story-v7 .atlas-hero .hero-ctas{margin-top:22px;gap:20px}
 .story-v7 .atlas-hero .button{min-height:44px;font-size:12px}
 .story-v7 .hero-experience{width:100%;max-width:480px;margin:auto}
 .story-v7 .hero-spending-scene{padding:18px;border-radius:21px}
 .story-v7 .hero-daily{margin-top:17px}.story-v7 .hero-daily strong{font-size:41px}
 .story-v7 .hero-chart-slice{margin-top:-23px}.story-v7 .hero-chart-slice svg{height:210px}
 .story-v7 .hero-insight{padding:17px}.story-v7 .hero-insight h3{font-size:18px}
 .story-v7 .hero-insight p{font-size:11px;line-height:1.65}
 .story-v7 .hero-pace-controls button{min-height:44px;font-size:10px}
 .story-v7 .insights-story{padding-block:65px}
 .story-v7 .insights-intro{margin-bottom:32px}.story-v7 .insights-intro h2{font-size:37px}
 .story-v7 .insights-intro>p{font-size:15px;line-height:1.75}
 .story-v7 .insights-lead,.story-v7 .insights-chat-story{display:flex;flex-direction:column;gap:28px}
 .story-v7 .insights-narrative{width:100%}.story-v7 .insights-narrative h3{font-size:28px}
 .story-v7 .insights-narrative ol{margin-top:20px}.story-v7 .insights-narrative li{padding-block:14px}
 .story-v7 .insights-product,.story-v7 .insights-chat-product{width:100%}
 .story-v7 .insight-panel{padding:22px;border-radius:19px}
 .story-v7 .insight-panel h3{font-size:25px}.story-v7 .insight-summary{font-size:13px}
 .story-v7 .insight-impact strong{font-size:22px}.story-v7 .insight-impact{display:grid;gap:7px}
 .story-v7 .insights-chat-story{margin-top:50px;padding-top:45px}
 .story-v7 .insights-chat-story .insights-narrative{order:0}.story-v7 .insights-chat-product{order:1;padding:18px}
 .story-v7 .snippet .chat-answer{padding:19px;min-height:370px}
 .story-v7 .snippet .chat-answer h4{font-size:22px}
 .story-v7 .snippet .chat-suggestions button{font-size:11px}
 .story-v7 .story-recovery{padding-block:60px 65px}
 .story-v7 .recovery-sticky .snippet{padding:17px}
 .story-v7 .recovery-summary{margin:14px 0}.recovery-summary strong{font-size:29px}
 .recovery-summary small{font-size:10px;margin-left:7px}.recovery-summary>span{font-size:10px}
 .story-v7 .recovery-sticky .recovery-chart-crop .monthly-reference{height:240px}
 .story-v7 .recovery-lenses button{font-size:11px;min-height:44px;padding-inline:12px}
 .story-v7 .recovery-choices button{min-height:99px;padding:13px 4px}
 .story-v7 .recovery-choices b{font-size:10px}.story-v7 .recovery-choices strong{font-size:21px}
 .story-v7 .recovery-choices small{font-size:9px}
 .story-v7 .recovery-caption{display:block;font-size:11px}
 .story-v7 .recovery-brief{font-size:10px}.recovery-brief button{font-size:10px}
 .story-v7 .recovery-copy{grid-template-columns:1fr;gap:24px}
 .story-v7 .recovery-step{display:grid;grid-template-columns:25px 1fr;gap:0 15px;max-width:none}
 .story-v7 .recovery-step>h3{font-size:25px;grid-column:2}.story-v7 .recovery-step br{display:none}
 .story-v7 .recovery-step>p,.story-v7 .recovery-step>a{grid-column:2;margin-top:12px;font-size:14px}
 .story-v7 .recovery-step .step-number{grid-column:1;margin:7px 0 0}
 .story-v7 .story-explore{padding-block:55px}.story-v7 .story-everyday{padding-top:65px}
 .weekly-head strong{font-size:35px}.weekly-head .auto-pill{font-size:8px}
 .weekly-mini-controls button{font-size:10px;min-height:44px}
 .story-v7.insights-feature .detail-hero-crop{height:300px;padding:22px 16px 0}
 .story-v7 .detail-chapter h2{font-size:32px}
 .story-v7 .detail-snippet-scene:has([data-kind^=snip-insights]) .snippet{padding:0}
 .story-v7 .detail-snippet-scene:has([data-kind=snip-week]) .snippet{padding:16px}
}
@media(max-width:380px){.story-v7 .atlas-hero h1{font-size:35px}.story-v7 .recovery-summary>strong{font-size:26px}.story-v7 .recovery-summary small{display:block;margin:3px 0 0}.story-v7 .recovery-sticky .recovery-chart-crop .monthly-reference{height:215px}.story-v7 .insight-case-tabs button{font-size:9px}.story-v7 .hero-chart-slice svg{height:190px}}
@media(prefers-reduced-motion:reduce){.story-v7 .ambient{display:none}.story-v7 .atlas-hero{background:#062659 url('/assets/ambient-poster.jpg') center/cover}.story-v7 .daily-allowance-bars em{animation:none}.story-v7 .depth-scene>.crop-surface{transform:none}}
.story-v7.motion-paused .daily-allowance-bars em{animation:none}
