/* Atlas V4: quiet presentation surfaces; color lives inside the product. */
.story-v4{--ink:#101b2b;--muted:#67717e;background:#fff;color:var(--ink)}
.story-v4 .wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.story-v4 h1,.story-v4 h2,.story-v4 h3{letter-spacing:-.052em}
.story-v4 h2{font-size:clamp(38px,4.6vw,64px);line-height:1.08;font-weight:650}
.story-v4 .eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:23px;display:block}
.story-v4 .text-link{font-size:13px;font-weight:700;display:inline-flex;gap:12px;align-items:center;margin-top:26px}
.story-v4 .text-link svg{width:18px;height:18px}
.story-v4 .site-header{background:#ffffffed;border-bottom:1px solid #e9eaed;backdrop-filter:blur(18px)}
.story-v4 .nav-dot{display:none}
.story-v4 .button{border-radius:100px;padding:15px 22px;min-height:48px}
.story-v4 .button.small{padding:10px 17px;min-height:40px}
.story-v4 .quiet-note{font-size:10px;line-height:1.7;color:#7c838f;text-align:center;display:block;margin:24px auto 0}
.story-hero{position:relative;background:#082d66;overflow:hidden;color:white;padding-top:90px}
.story-hero .ambient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.83}
.story-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#03153045 0%,#092b510f 55%,#061e492e 100%)}
.story-hero-copy{position:relative;text-align:center;z-index:2}
.story-hero-copy .eyebrow{color:#d0e7ff;margin-bottom:24px}
.story-hero h1{font-size:clamp(58px,6.2vw,89px);line-height:1.03;font-weight:600;max-width:960px;margin:auto}
.story-hero-copy>p{font-size:19px;line-height:1.55;color:#e4edfa;margin-top:25px}
.story-hero .hero-ctas{justify-content:center;gap:27px;margin-top:28px;display:flex;align-items:center}
.story-hero .hero-ctas>a:last-child{font-size:12px;color:#eff5ff}
.hero-fragments{height:350px;position:relative;width:min(1130px,100%);margin:58px auto 0;z-index:1;perspective:1800px}
.hero-fragment{background:#fff;color:var(--ink);border-radius:22px;position:absolute;box-shadow:0 22px 62px #00143233;border:1px solid #ffffff88;overflow:hidden;animation:snippet-arrive 1s cubic-bezier(.2,.65,.25,1) both}
.hero-fragment .snippet{padding:23px}
.guidance-fragment{width:470px;left:50%;top:0;transform:translateX(-50%);z-index:2;animation-delay:.05s}
.insight-fragment{width:325px;left:0;top:110px;transform:rotate(-4deg);z-index:3;animation-delay:.16s}
.fund-fragment{width:315px;right:0;top:135px;transform:rotate(4deg);z-index:3;animation-delay:.25s}
.hero-sample-label{position:relative;display:block;text-align:center;background:#082957c9;color:#c5d2e5;font-size:9px;letter-spacing:.05em;padding:12px;z-index:5}
@keyframes snippet-arrive{from{opacity:0;translate:0 45px}to{opacity:1;translate:0 0}}
.story-opening{padding-block:104px 102px;text-align:center}
.story-opening h2{font-size:clamp(28px,3vw,43px);line-height:1.3;font-weight:600}
.story-opening h2 span{color:#7d8692}
.story-opening>p{margin-top:25px;color:#777f8a;font-size:15px;line-height:1.8}
.story-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:54px}
.story-section-heading>p{font-size:14px;line-height:1.8;color:#6e7783;max-width:385px;margin-bottom:7px}
.story-section-heading .eyebrow{margin-bottom:20px}
.story-explore{padding:62px 0 76px;background:#fafafa}
.story-v4 .feature-rail{padding:0 max(48px,calc((100vw - 1180px)/2));gap:22px;scroll-padding-left:max(48px,calc((100vw - 1180px)/2));scrollbar-width:none}
.story-v4 .feature-rail::-webkit-scrollbar{display:none}
.story-v4 .story-teaser{background:#f0f1f3;width:365px;flex:0 0 365px;min-height:0;height:545px;padding:0;position:relative;border-radius:20px;overflow:hidden;border:1px solid #e7e9ec;transition:transform .5s,box-shadow .5s}
.story-v4 .story-teaser:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0c26330b}
.teaser-crop{height:327px;overflow:hidden;position:relative;padding:28px 23px 0;mask-image:linear-gradient(#000 88%,transparent 100%)}
.teaser-crop .crop-surface{width:100%;box-shadow:0 10px 24px #26333f0b}
.teaser-crop .snippet{padding:22px;font-size:12px}
.teaser-crop .snip-head{font-size:9px}
.teaser-crop .snip-head>.auto-pill{display:none}
.teaser-crop .snip-amount strong{font-size:35px}
.teaser-crop .ui-chart.guidance-chart{height:205px}
.teaser-crop .ui-ring{width:166px;height:166px;margin:12px auto}
.teaser-crop .ui-ring-center strong{font-size:27px}
.teaser-crop .snip-category-rows button{padding:14px 0}
.teaser-crop .snippet .report-lead h3{font-size:27px}
.teaser-info{padding:26px 28px;position:relative;height:218px}
.teaser-info>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#66717d;font-weight:750}
.story-v4 .teaser-info h3{font-size:29px;line-height:1.14;margin-top:13px;font-weight:650}
.teaser-info>p{font-size:12px;color:#6a7480;line-height:1.6;max-width:255px;margin-top:12px;padding-right:14px}
.teaser-open{position:absolute;right:24px;bottom:30px;width:30px;height:30px;border-radius:50%;background:white;display:grid;place-items:center;border:1px solid #e0e4e9}
.teaser-open svg{width:14px;height:14px}
.story-v4 .gallery-controls{margin-top:25px;font-size:10px;color:#858c96}
.story-v4 .gallery-controls button{background:#fff;border:1px solid #e5e7eb;color:#243647;width:35px;height:35px}
.story-recovery{padding-block:115px 110px}
.recovery-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.recovery-copy h3{font-size:29px;line-height:1.2;font-weight:600;margin-top:19px}
.recovery-copy>p{font-size:14px;line-height:1.9;color:#6e7783;margin-top:23px}
.story-feature-name{font-size:9px;font-weight:750;letter-spacing:.12em;color:#7d8591;display:block;text-transform:uppercase}
.recovery-key{margin-top:26px;display:grid;gap:12px;font-size:11px;color:#717b87}
.recovery-key span{display:flex;align-items:center;gap:11px}
.recovery-key i{width:19px;height:2px;display:inline-block}
.navy-key{background:#033277}.gray-key{background:#a6abb2}.cyan-key{background:#22b9da}
.recovery-demonstration{min-width:0}
.crop-surface{background:#fff;border:1px solid #e8eaef;border-radius:20px;overflow:hidden;box-shadow:0 14px 42px #17334b08}
.recovery-demonstration>.crop-surface{box-shadow:0 20px 50px #17263609}
.recovery-demonstration .quiet-note{text-align:left;margin-top:18px;font-size:9px}
.story-understand{background:#f6f7f8;padding-block:105px 75px;overflow:hidden}
.story-center{text-align:center;max-width:810px;margin:auto}
.story-center>p{font-size:16px;line-height:1.75;color:#737d89;margin:27px auto 0;max-width:650px}
.understand-composition{max-width:1020px;margin:70px auto 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:0;align-items:center}
.context-fragment{background:white;border:1px solid #e5e8ed;border-radius:19px;box-shadow:0 20px 45px #14294409;transform:rotate(-3deg);margin-right:-26px;z-index:1}
.conversation-fragment{background:white;box-shadow:0 22px 60px #17334b0d;border:1px solid #e1e6ee;border-radius:22px;position:relative;z-index:2}
.story-everyday{padding-block:110px 105px}
.everyday-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.everyday-pair article{min-width:0}
.everyday-crop{height:385px;background:#f5f6f7;border-radius:19px;position:relative;overflow:hidden;margin-bottom:32px;padding:30px 50px 0}
.everyday-crop>.crop-surface{max-width:365px;margin:auto;transform:rotate(-3deg)}
.floating-category{position:absolute;bottom:42px;right:25px;display:flex;align-items:center;gap:13px;padding:20px 24px;box-shadow:0 12px 26px #1220340e;background:white;border:1px solid #e9eaf0;border-radius:13px;font-size:13px}
.floating-category>span:last-child{color:#7d8590;font-size:11px}
.coral-dot{width:22px;height:22px;border-radius:50%;background:#ff6658;display:inline-block}
.everyday-pair h3{font-size:27px;line-height:1.2;font-weight:650;margin-top:13px}
.everyday-pair p{font-size:14px;line-height:1.8;color:#77818b;margin-top:16px;max-width:440px}
.everyday-pair .text-link{margin-top:19px}
.recurring-crop{padding:30px 33px 0}
.recurring-crop>.crop-surface{transform:rotate(2deg);margin-left:0;max-width:365px}
.floating-bill{width:255px;position:absolute;right:18px;top:218px;background:white;border:1px solid #e8eaee;border-radius:16px;transform:rotate(-3deg);box-shadow:0 12px 30px #12203412}
.floating-bill .snippet{padding:18px}
.floating-bill .ui-detail-heading{margin-bottom:0}
.floating-bill .ui-tabs{display:none}
.floating-bill .snip-subscription{padding:15px 0 0}
.floating-bill .snip-subscription strong{font-size:31px}
.story-action{display:grid;grid-template-columns:1.1fr .9fr;gap:95px;align-items:center;padding-block:55px 125px}
.action-fragment-scene{position:relative;padding-bottom:80px;min-width:0}
.action-fragment-scene>.crop-surface{max-width:465px;transform:rotate(-2deg)}
.small-action-fragment{position:absolute;bottom:0;right:-16px;width:325px;background:white;border:1px solid #e7e9ee;border-radius:17px;box-shadow:0 15px 40px #1830450b;transform:rotate(3deg)}
.small-action-fragment .snippet{padding:20px}
.small-action-fragment .action-row:nth-child(n+3){display:none}
.small-action-fragment .action-row{padding:13px 0}
.small-action-fragment .snip-head{margin-bottom:9px}
.story-narrative>p{font-size:15px;line-height:1.85;color:#707b88;margin-top:25px;max-width:470px}
.story-narrative>.story-secondary{font-size:12px;color:#9299a2;margin-top:20px}
.story-progress{background:#f6f7f8;padding-block:100px 74px;overflow:hidden}
.progress-composition{margin:64px auto 0;position:relative;padding:0 125px 65px 0;max-width:1050px}
.progress-composition>.crop-surface{border-radius:22px;min-width:0}
.progress-composition .snippet{padding:30px 35px}
.progress-composition .savings-chart{height:235px}
.progress-fund-fragment{position:absolute;right:0;bottom:0;background:white;border:1px solid #e3e7ed;border-radius:18px;width:325px;transform:rotate(3deg);box-shadow:0 14px 42px #1635520c}
.progress-fund-fragment .snippet{padding:24px}
.story-reports{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:110px}
.story-reports h2{font-size:49px}
.story-connect{border-top:1px solid #e7e9ed;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:65px 80px}
.story-connect h3{font-size:32px;font-weight:600;line-height:1.2}
.story-connect p{font-size:12px;color:#7a8590;margin-top:17px}
.story-connect .text-link{font-size:11px;margin-top:16px}
.connection-lockup{display:flex;align-items:center;gap:30px;padding-right:50px}
.connection-lockup img{width:148px}.connection-lockup>span{font-size:26px;color:#bcc4cd}.connection-lockup strong{font-size:47px;letter-spacing:-.05em}
.story-closing{background:#092c64;color:white;text-align:center;padding-block:105px}
.story-closing .eyebrow{color:#b7cce8}.story-closing h2{font-size:clamp(39px,4.6vw,65px)}.story-closing .button{margin-top:36px}
/* Product details, deliberately extracted from Atlas instead of entire screens. */
.story-v4 .snippet{padding:26px;background:white;color:#101b2b;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5}
.snip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:750;color:#39516d;letter-spacing:.065em;margin-bottom:18px}
.snip-head>span:last-child:not(:first-child){font-size:10px;letter-spacing:0;font-weight:500;color:#8a94a0}
.snip-head>.icon{color:#45b5e4;width:20px;height:20px}
.snip-head>.ui-icon{width:35px;height:35px}
.snippet .auto-pill{font-size:9px;padding:5px 8px;letter-spacing:0}
.story-v4 .snippet .snip-amount{display:flex;align-items:baseline;gap:11px;margin:0 0 17px;flex-wrap:wrap}
.story-v4 .snippet .snip-amount strong{font-size:42px;letter-spacing:-.065em;line-height:1.1;font-weight:750;color:#092d64}
.snippet .snip-amount>span{font-size:11px;color:#8a939f}
.snippet .ui-legend{gap:16px;font-size:9px;margin-bottom:10px;margin-top:0;flex-wrap:wrap}
.snippet .guidance-chart{height:252px;width:100%}
.snippet .ui-chart svg{width:100%;height:100%;overflow:visible}
.snippet .ui-chart text{font-size:10px;fill:#8993a0;font-family:inherit}
.snippet .ui-chart text.status-red{fill:#ec7974;font-weight:700}
.snippet .ui-chart text.recovery-label{fill:#178da8;font-weight:700}
.snip-outcome{padding-top:17px;margin-top:10px;border-top:1px solid #edf0f3;display:grid;gap:4px}
.snip-outcome>b{font-size:12px;color:#264260;font-weight:700}
.snip-outcome>span{font-size:10px;color:#818c97}
.snip-recovery-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}
.snip-recovery-controls button{border:1px solid #e4e8ed;background:#f9fafb;border-radius:11px;padding:11px 5px;color:#7a8694;text-align:center;transition:background .3s,border-color .3s}
.snip-recovery-controls button>span{display:block;font-size:10px;font-weight:600}
.snip-recovery-controls strong{display:block;font-size:23px;font-weight:700;line-height:1.5;letter-spacing:-.04em}
.snip-recovery-controls strong small{font-size:10px;letter-spacing:0;font-weight:500}
.snip-recovery-controls button[aria-pressed=true]{border-color:#084286;background:#033277;color:white;box-shadow:0 3px 10px #092f6a15}
.snip-ring .ui-ring{width:190px;height:190px;margin:10px auto 15px}
.snip-ring .ui-ring-center strong{font-size:30px}.snip-ring .ui-ring-center small{font-size:10px}
.snip-category-rows button{display:flex;align-items:center;gap:12px;width:100%;padding:17px 0;border:0;border-top:1px solid #eff1f4;background:transparent;text-align:left}
.snip-category-rows .ui-icon{width:36px;height:36px;flex:0 0 36px}
.snip-category-rows button>span:nth-child(2){flex:1;min-width:0}
.snip-category-rows b{font-size:12px;font-weight:650}.snip-category-rows strong{font-size:13px;font-weight:700;margin-left:8px}
.snip-category-rows .ui-progress{display:block;height:4px;margin-top:7px;background:#f0f1f4}
.snippet .ui-detail-heading{margin-top:0;margin-bottom:17px;gap:12px}
.snippet .ui-detail-heading h3{font-size:20px;letter-spacing:-.04em}
.snippet .ui-detail-heading p{font-size:10px;color:#87929e}
.snippet .ui-detail-heading>.ui-icon{width:45px;height:45px}
.snippet .ui-tabs{margin:15px 0 19px;gap:7px}
.snippet .ui-tabs button{font-size:11px;padding:8px 5px;min-height:35px}
.snip-category-detail>.ui-stat-row{padding-top:8px}
.snip-category-detail .ui-stat-row strong{font-size:30px}
.snip-category-detail .ui-progress{height:7px;margin:17px 0 9px}
.snip-category-detail .ui-split{margin:0;font-size:10px}
.snippet-insight{background:#073578;color:white;border-radius:15px;padding:21px;margin-top:24px}
.snippet-insight>span{display:flex;align-items:center;gap:8px;color:#90d9f3;font-size:8px;letter-spacing:.08em}
.snippet-insight>span svg{width:16px;height:16px}
.snippet-insight>b{display:block;font-size:18px;line-height:1.35;font-weight:600;margin-top:14px;letter-spacing:-.03em}
.snippet-insight p{font-size:11px;line-height:1.7;color:#d6e2f3;margin-top:10px}
.snip-next{margin-top:20px;display:grid;gap:8px;font-size:12px}.snip-next span{font-size:11px;color:#8b939c}
.snip-transaction{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #eef0f3}.snip-transaction>span:nth-child(2){flex:1;display:grid;gap:3px}.snip-transaction b{font-size:11px}.snip-transaction small{font-size:10px;color:#89919c}.snip-transaction .ui-icon{width:32px;height:32px}.snip-transaction>strong{font-size:12px}
.snip-bill-totals{display:flex;justify-content:space-between;gap:24px;margin:8px 0 24px}.snip-bill-totals>div{display:grid;gap:3px}.snip-bill-totals>div:last-child{text-align:right}.snip-bill-totals strong{font-size:28px;letter-spacing:-.06em}.snip-bill-totals span{font-size:10px;color:#86919b}.paid-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22b77a;margin-right:3px}
.snippet .ui-calendar-week{font-size:7px;letter-spacing:.03em;color:#969ea8;margin-bottom:12px}
.snippet .snip-calendar{gap:5px}.snippet .snip-calendar>button{aspect-ratio:1/1.25;min-height:48px;border-radius:8px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px 0;gap:5px;background:#fafbfc;border:1px solid #f0f2f5}
.snip-calendar .ui-icon{width:22px;height:22px;font-size:11px}.snip-calendar .ui-icon svg{width:13px;height:13px}.snippet .snip-calendar>button.today{border-color:#a9c9eb;background:#eef5fc}
.snip-calendar-note{display:flex;align-items:center;gap:11px;margin-top:21px;padding-top:16px;border-top:1px solid #edf0f3}.snip-calendar-note .ui-icon{width:33px;height:33px}.snip-calendar-note>span:nth-child(2){flex:1;display:grid;gap:3px}.snip-calendar-note b{font-size:11px}.snip-calendar-note small{font-size:9px;color:#ba841e}.snip-calendar-note strong{font-size:12px}
.snip-bill-view{margin-bottom:22px}.snip-bill-list{display:grid;gap:10px}.snip-bill-list>button{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #e8ebef;border-radius:12px;padding:15px 13px;text-align:left;background:white}.snip-bill-list>button.is-paid{border-color:#16985e;background:#f5faf7}.snip-bill-list>button.is-due{border-color:#d89938;background:#fffaf3}.snip-bill-list button>span:nth-child(2){flex:1;display:grid;gap:3px}.snip-bill-list b{font-size:13px}.snip-bill-list small{font-size:10px;color:#8b96a2}.snip-bill-list .is-paid small{color:#189466}.snip-bill-list .is-due small{color:#b98125}.snip-bill-list strong{font-size:14px}.snip-bill-list .ui-icon{width:34px;height:34px;flex-shrink:0}.snip-bill-list .paid-check{width:20px;height:20px;flex-shrink:0}.snip-bill-list .paid-check svg{width:12px;height:12px}.snip-bill-list em{display:none}.snip-bill-list.as-grid{grid-template-columns:1fr 1fr}.snip-bill-list.as-grid>button{flex-wrap:wrap;align-items:flex-start;padding:15px}.snip-bill-list.as-grid strong{flex-basis:100%;font-size:23px}.snip-bill-list.as-grid .paid-check{position:absolute;right:10px;bottom:18px}
.snip-subscription{text-align:center;padding-block:23px 18px;display:grid;gap:10px}.snip-subscription>span{font-size:10px;color:#8a929d}.snip-subscription strong{font-size:43px;letter-spacing:-.06em}.snip-subscription strong small{font-size:12px;color:#86909d;letter-spacing:0}.snip-subscription>p{font-size:11px;color:#858e98}
.snip-payment{display:flex;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #eef0f3;font-size:12px}.snip-payment>b{margin-left:auto}.snip-payment .paid-check{width:20px;height:20px}.snip-payment .paid-check svg{width:12px;height:12px}
.snip-advice{position:relative;padding-top:5px}.snip-advice>.ui-icon{position:absolute;right:0;top:3px;width:44px;height:44px}.snip-advice>b{display:block;font-size:25px;font-weight:650;letter-spacing:-.045em;line-height:1.2;max-width:210px;padding-right:30px}.snip-advice>p{font-size:12px;line-height:1.65;color:#77828f;margin-top:20px}.snip-advice>span{font-size:10px;color:#8b95a1;display:block;margin-top:8px}
.insight-fragment{background:#073578}.insight-fragment .snippet{background:#073578;color:white}.insight-fragment .snip-head{color:#91d7f1}.insight-fragment .snip-advice>p{color:#d3e0f3}.insight-fragment .snip-advice>span{color:#a8c3e4}
.snippet .chat-question{font-size:14px;min-height:55px;padding:15px 17px;border:1px solid #e2e7ee;background:#f9fafc;color:#1b3557;border-radius:13px;margin:20px 0}
.snippet .analysis-status{font-size:10px;margin-bottom:23px;color:#8b97a4}
.snippet .chat-answer h4{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin-top:12px}
.snippet .chat-answer p{font-size:12px;line-height:1.8;margin-top:15px;color:#707d8b}
.snippet .chat-answer-eyebrow{font-size:8px;color:#3b87a7}.snippet .comparison-bars{margin-block:24px}.snippet .comparison-bars>div{grid-template-columns:65px 1fr 37px;font-size:10px;gap:9px}.snippet .comparison-bars i{height:13px;border-radius:5px}
.snippet .chat-next{background:#f5f8fb;border:1px solid #e7edf4;padding:15px;margin-top:18px}.snippet .chat-next b{font-size:10px}.snippet .chat-next small{font-size:11px;line-height:1.6}.snippet .chat-next>.icon{color:#3dadd9}.snippet .context-note{font-size:8px;margin-top:14px}
.snippet .chat-suggestions{gap:6px;margin-top:19px;flex-wrap:wrap}.snippet .chat-suggestions button{font-size:9px;padding:7px 9px}
.snippet .actions-card{border:0;border-radius:0;box-shadow:none}.snippet .action-row{border-top:1px solid #edf0f3;padding:21px 0;gap:11px}.snippet .action-row:first-child{border-top:0}.snippet .action-row>span:nth-child(2){flex:1}.snippet .action-row b{font-size:13px}.snippet .action-row small{font-size:10px}.snippet .action-row>.ui-icon{width:36px;height:36px;flex-shrink:0}.snippet .action-row .mini-ring{width:40px;height:40px;flex:0 0 40px}.snippet .action-row .mini-ring b{font-size:10px}
.snip-target-title{font-size:23px;line-height:1.2;margin:4px 0 16px;font-weight:650}.snippet .target-chart{height:205px}.snippet .range-label{font-size:10px;margin-top:19px}.snippet .range-label>b{font-size:12px}.snippet input[type=range]{width:100%;height:20px;accent-color:#033277;margin-top:12px}
.snip-fund{display:grid;gap:8px}.snip-fund>h3{font-size:19px;line-height:1.2;font-weight:650}.snip-fund>strong{font-size:43px;letter-spacing:-.06em;line-height:1.2;margin-top:3px}.snip-fund>span{font-size:11px;color:#87929d}.snip-fund>.ui-progress{height:8px;margin:12px 0 5px}.snip-fund .ui-split{font-size:9px;color:#8a94a0;margin-top:0}.snip-fund .ui-split b{color:#178a60;font-size:10px}
.snip-goal-list>button{display:flex;width:100%;align-items:center;text-align:left;gap:13px;background:white;border:0;border-top:1px solid #e9edf2;padding:23px 0}.snip-goal-list>button:first-child{border-top:0}.snip-goal-list>button>.ui-icon{width:41px;height:41px;flex-shrink:0}.snip-goal-list>button>span:nth-child(2){flex:1;display:grid;gap:5px}.snip-goal-list b{font-size:12px}.snip-goal-list small{font-size:10px;color:#8b95a2}.snip-goal-list .ui-progress{height:5px;margin-top:4px}.snip-goal-list strong{font-size:13px;text-align:right}.snip-goal-list strong small{display:block;font-size:8px;font-weight:500}
.snippet .report-lead{margin-top:7px;padding:23px;border-radius:17px;background:linear-gradient(130deg,#063979,#101c32);text-align:left;width:100%;border:1px solid #d2e7ff33}.snippet .report-lead>div{gap:10px}.snippet .report-lead .report-calendar{width:35px;height:35px}.snippet .report-lead .report-calendar svg{width:19px;height:19px}.snippet .report-lead .eyebrow{font-size:8px;letter-spacing:.12em;color:#88d6ee;margin:0}.snippet .report-lead .new-pill{font-size:8px;padding:3px 7px}.snippet .report-lead h3{font-size:32px;margin:25px 0;font-weight:650;letter-spacing:-.04em}.snippet .report-open{font-size:10px;margin-top:0}.snip-report-takeaway{display:grid;gap:7px;margin-top:24px}.snip-report-takeaway b{font-size:12px;font-weight:600}.snip-report-takeaway span{font-size:10px;color:#9099a3}
.snip-report-metrics{display:flex;gap:40px;margin-block:28px}.snip-report-metrics>div{display:grid;gap:7px}.snip-report-metrics span{font-size:10px;color:#7d8a97}.snip-report-metrics strong{font-size:31px;letter-spacing:-.05em}.green-text{color:#1eac72}.report-comparison>span{display:flex;justify-content:space-between;font-size:10px;color:#7f8a97}.report-comparison>i{display:block;height:12px;margin:7px 0 16px}.report-comparison>i>i{display:block;height:100%;border-radius:5px}
.snip-connection{display:flex;align-items:center;justify-content:center;gap:24px;padding:30px 0 35px}.snip-connection img{width:60px;height:60px}.snip-connection span{font-size:18px;color:#b4bdc8;letter-spacing:4px}.snip-connection strong{font-size:40px;letter-spacing:-.07em}.snip-account{display:flex;align-items:center;gap:13px;padding-top:24px;border-top:1px solid #eef0f4}.snip-account>.icon{color:#033277;width:25px;height:25px}.snip-account>span{display:grid;gap:4px;flex:1}.snip-account b{font-size:12px}.snip-account small{font-size:10px;color:#8591a0}.snip-account .paid-check{width:22px;height:22px}.snip-account .paid-check svg{width:13px;height:13px}
/* Expanded feature stories retain the same crop language. */
.detail-hero{text-align:center;padding-top:55px;padding-bottom:65px}.detail-hero .back-link{font-size:11px;text-align:left;margin-bottom:48px}.detail-hero h1{font-size:clamp(45px,5.4vw,76px);line-height:1.07;max-width:920px;margin:auto;font-weight:600}.detail-hero>p{max-width:635px;margin:27px auto 0;color:#76818e;font-size:16px;line-height:1.8}.detail-hero .text-link{margin-top:22px}.detail-hero-crop{height:300px;max-width:840px;margin:50px auto 0;background:#f5f6f7;border-radius:22px;overflow:hidden;padding:34px 30px 0;mask-image:linear-gradient(#000 90%,transparent)}.detail-hero-crop>.crop-surface{max-width:470px;margin:auto;transform:rotate(-2deg);box-shadow:0 14px 38px #13334d0b}.detail-chapters{background:#fafafa}.detail-chapter{padding-block:85px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.detail-chapter+section{border-top:1px solid #e9ecef}.detail-chapter h2{font-size:45px}.detail-chapter.detail-reverse>.story-narrative{order:2}.detail-chapter.detail-reverse>.detail-snippet-scene{order:1}.detail-snippet-scene{min-width:0}.detail-hint{display:block;color:#919aa5;font-size:11px;line-height:1.7;margin-top:25px;max-width:340px}.story-v4 .faq-section{padding-block:80px}.story-v4 .faq-section h2{font-size:39px}.detail-related{padding-bottom:80px}.detail-related h2{font-size:39px}.detail-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}.detail-related a{border-top:1px solid #e3e7ec;padding-top:24px}.detail-related h3{font-size:27px;line-height:1.2;margin-top:17px}.detail-related svg{width:22px;height:22px;margin-top:22px}.story-v4 .footer-top p{font-size:14px}.story-v4 .site-footer{background:#f7f8fa}
.story-v4.motion-paused *,.story-v4.motion-paused *:before,.story-v4.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
@media(min-width:1600px){.story-hero{padding-top:110px}.hero-fragments{margin-top:65px;height:390px}}
@media(max-width:1050px){.story-v4 .wrap{width:calc(100% - 64px)}.story-v4 .feature-rail{padding-inline:32px;scroll-padding-left:32px}.story-section-heading{gap:30px}.story-section-heading>p{max-width:300px;font-size:13px}.hero-fragments{width:900px;left:50%;margin-left:-450px}.insight-fragment{left:0;width:270px}.fund-fragment{right:0;width:265px}.guidance-fragment{width:430px}.recovery-layout{gap:35px;grid-template-columns:.82fr 1.18fr}.recovery-copy h3{font-size:25px}.recovery-copy p{font-size:13px}.everyday-pair{gap:25px}.everyday-crop{padding-inline:25px;height:350px}.floating-category{right:12px;padding:15px;font-size:11px}.floating-category>span:last-child{font-size:9px}.story-action{gap:50px}.small-action-fragment{width:285px;right:-8px}.story-reports{gap:55px}.story-reports h2{font-size:42px}.connection-lockup{padding-right:0;gap:22px}.connection-lockup img{width:120px}.connection-lockup strong{font-size:39px}.detail-chapter{gap:45px}.detail-chapter h2{font-size:38px}}
@media(max-width:760px){.story-v4 .wrap{width:calc(100% - 40px)}.story-v4 h2{font-size:40px}.story-v4 .eyebrow{font-size:9px;margin-bottom:19px}.story-v4 .nav-how{display:none}.story-v4 .brand img{width:89px}.story-v4 .button.small{font-size:10px;padding:10px 13px}.story-hero{padding-top:67px}.story-hero h1{font-size:54px;letter-spacing:-.06em}.story-hero-copy>p{font-size:16px;margin-top:23px}.story-hero .hero-ctas{gap:22px;margin-top:26px}.story-hero .button{font-size:11px;min-height:44px;padding:12px 18px}.hero-fragments{width:670px;left:50%;margin-left:-335px;margin-top:44px;height:283px}.guidance-fragment{width:365px;top:0}.guidance-fragment .snippet{padding:23px}.insight-fragment{width:245px;left:4px;top:180px;z-index:3}.fund-fragment{width:240px;right:2px;top:194px;z-index:3}.insight-fragment .snippet,.fund-fragment .snippet{padding:19px}.hero-fragments .snip-advice>b{font-size:21px}.hero-fragments .snip-advice>.ui-icon{width:34px;height:34px}.hero-fragments .snip-advice>p{font-size:10px}.hero-sample-label{font-size:8px;padding:10px}.story-opening{padding-block:66px}.story-opening h2{font-size:27px;line-height:1.35}.story-opening h2 br{display:none}.story-opening>p{font-size:13px;margin-top:23px}.story-opening .desktop-br{display:none}.story-section-heading{display:block;margin-bottom:33px}.story-section-heading>p{max-width:100%;font-size:13px;margin-top:20px}.story-explore{padding-block:50px 44px}.story-v4 .feature-rail{padding-inline:20px;scroll-padding-left:20px;gap:15px}.story-v4 .story-teaser{width:310px;flex-basis:310px;height:514px;border-radius:17px}.teaser-crop{height:300px;padding:23px 19px 0}.teaser-crop .snippet{padding:20px}.teaser-info{padding:23px 24px;height:214px}.story-v4 .teaser-info h3{font-size:27px}.teaser-info>p{font-size:11px;max-width:215px}.teaser-open{right:20px;bottom:26px;width:28px;height:28px}.story-v4 .gallery-controls{margin-top:22px}.story-v4 .gallery-controls>span{font-size:9px}.story-recovery{padding-block:68px}.recovery-layout{grid-template-columns:1fr;gap:30px}.recovery-copy{max-width:550px}.recovery-copy h3{font-size:25px;margin-top:13px}.recovery-copy p{font-size:13px;margin-top:16px;line-height:1.8}.recovery-key{font-size:10px;gap:10px;margin-top:19px}.recovery-copy .text-link{margin-top:20px}.recovery-demonstration .quiet-note{font-size:9px;margin-top:14px}.story-v4 .snippet{padding:23px}.snippet .guidance-chart{height:230px}.story-understand{padding-block:67px 46px}.story-center>p{font-size:14px;margin-top:22px}.story-center>p br{display:none}.story-center .text-link{margin-top:21px}.understand-composition{display:flex;flex-direction:column;margin-top:38px;gap:0;padding-top:0}.context-fragment{align-self:flex-start;width:82%;max-width:400px;margin-right:0;transform:rotate(-2deg);margin-left:4px;overflow:hidden;max-height:211px}.context-fragment .snippet{padding:20px}.context-fragment .snippet-insight{display:none}.conversation-fragment{width:94%;align-self:flex-end;margin-top:-16px;border-radius:18px}.conversation-fragment .snippet{padding:22px}.story-v4 .quiet-note{font-size:9px;padding-inline:7px}.story-everyday{padding-block:65px 40px}.everyday-pair{grid-template-columns:1fr;gap:40px}.everyday-crop{height:345px;padding:27px 28px 0;margin-bottom:23px}.everyday-crop>.crop-surface{max-width:340px}.everyday-pair h3{font-size:26px;margin-top:11px}.everyday-pair p{font-size:13px;margin-top:14px}.everyday-pair .text-link{font-size:12px;margin-top:15px}.floating-category{bottom:31px;right:18px;padding:17px 18px}.floating-category>span:last-child{font-size:10px}.floating-bill{width:222px;right:15px;top:201px}.story-action{display:flex;flex-direction:column-reverse;gap:38px;padding-block:37px 65px;align-items:stretch}.story-narrative>p{font-size:13px;margin-top:21px}.story-narrative>.story-secondary{font-size:11px}.action-fragment-scene{padding-right:20px;padding-bottom:94px}.action-fragment-scene>.crop-surface{max-width:500px;margin:auto;transform:rotate(-1deg)}.small-action-fragment{width:285px;right:0;bottom:0;transform:rotate(2deg)}.small-action-fragment .snippet{padding:18px}.small-action-fragment .action-row{padding:10px 0}.story-progress{padding-block:65px 43px}.progress-composition{padding:0 0 190px;margin-top:34px}.progress-composition .snippet{padding:24px 20px}.progress-composition .savings-chart{height:207px}.progress-fund-fragment{width:275px;right:12px;bottom:0;transform:rotate(2deg)}.progress-fund-fragment .snippet{padding:21px}.progress-fund-fragment .snip-head{margin-bottom:12px}.snip-fund>strong{font-size:37px}.story-reports{grid-template-columns:1fr;gap:30px;padding-block:65px}.story-reports h2{font-size:38px}.story-connect{padding-block:45px 53px;flex-direction:column;align-items:flex-start;gap:35px}.story-connect h3{font-size:29px}.connection-lockup{align-self:center;gap:25px}.connection-lockup img{width:124px}.connection-lockup strong{font-size:40px}.story-closing{padding-block:68px}.story-closing h2{font-size:38px}.story-closing .button{font-size:12px;margin-top:28px}.detail-hero{padding-top:25px;padding-bottom:42px}.detail-hero .back-link{margin-bottom:37px;font-size:10px}.detail-hero h1{font-size:43px}.detail-hero>p{font-size:14px;margin-top:23px}.detail-hero-crop{height:258px;margin-top:33px;padding:23px 20px 0}.detail-hero-crop>.crop-surface{max-width:380px}.detail-chapter{grid-template-columns:1fr;gap:31px;padding-block:56px}.detail-chapter.detail-reverse>.story-narrative,.detail-chapter.detail-reverse>.detail-snippet-scene{order:initial}.detail-chapter h2{font-size:36px}.detail-hint{margin-top:20px;font-size:10px}.story-v4 .faq-section{padding-block:55px;gap:25px}.story-v4 .faq-section h2{font-size:33px}.detail-related{padding-bottom:55px}.detail-related h2{font-size:34px}.detail-related>div{grid-template-columns:1fr;gap:24px;margin-top:28px}.detail-related a{display:grid;grid-template-columns:1fr 30px;gap:8px;padding-top:21px}.detail-related a>span{grid-column:1}.detail-related h3{font-size:24px;margin-top:0;grid-column:1}.detail-related svg{grid-column:2;grid-row:1/3;align-self:center;margin:0}.snippet .chat-answer h4{font-size:22px}.snippet .chat-question{font-size:12px;padding:13px 12px}.snippet .chat-answer p{font-size:11px}.snippet .chat-suggestions button{font-size:8px;padding:7px}.snip-recovery-controls>button{padding:10px 3px}.snip-recovery-controls>button>span{font-size:9px}.snippet .snip-head{font-size:9px}.snippet .auto-pill{font-size:8px}.snippet .report-lead{padding:22px 18px}.snippet .report-lead h3{font-size:29px}.snip-bill-list>button{padding:13px 11px;gap:10px}.snip-bill-list .ui-icon{width:30px;height:30px}.snip-bill-list b{font-size:12px}.snip-bill-list strong{font-size:13px}.snip-bill-list.as-grid>button{padding:12px;gap:9px}.snip-bill-list.as-grid strong{font-size:22px}.snip-goal-list>button{gap:10px}.snip-goal-list b{font-size:11px}.snip-goal-list>button>.ui-icon{width:35px;height:35px}.snip-goal-list strong{font-size:12px}.snip-goal-list small{font-size:9px}}
@media(max-width:370px){.story-hero h1{font-size:48px}.story-v4 .story-teaser{width:285px;flex-basis:285px}.story-v4 .snippet{padding:19px}.story-v4 .snippet .snip-amount strong{font-size:36px}.snip-head{gap:6px}.snip-bill-list strong{font-size:11px}.snip-bill-list b{font-size:11px}.snip-bill-list.as-grid .ui-icon{width:26px;height:26px}.small-action-fragment{width:260px}.story-v4 h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.story-hero{background:#082d66 url('/assets/ambient-poster.jpg') center/cover}.hero-fragment{animation:none}.story-v4 .story-enter{opacity:1;transform:none;translate:none}.story-v4 *{scroll-behavior:auto!important}}
/* Screenshot-defined monthly component: UI crop and controls are separate. */
.story-v4 .snippet:has(>.monthly-reference){padding:0;background:transparent}
.monthly-reference{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 15px 24px #17334b09)}
.crop-surface:has(>.snippet>.monthly-reference){background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.hero-fragment.guidance-fragment{border:0;background:transparent;border-radius:39px;box-shadow:0 22px 62px #00143233}
.hero-fragment.guidance-fragment .snippet{padding:0}
.hero-fragment.guidance-fragment .monthly-reference{filter:none}
.story-hero{padding-bottom:0}
.hero-fragments{height:340px}
.teaser-crop:has(.monthly-reference){padding:21px 23px 0;mask-image:linear-gradient(#000 94%,transparent 100%)}
.teaser-crop .monthly-reference{width:calc(100% + 18px);max-width:none;margin-left:-9px}
.recovery-demonstration{max-width:580px;width:100%;margin-left:auto}
.recovery-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:31px}
.recovery-choices>button{position:relative;text-align:center;padding:13px 5px 17px;border:0;border-bottom:2px solid #e9ecf1;background:transparent;color:#798595;transition:color .25s,border-color .25s}
.recovery-choices b{font-size:12px;font-weight:700;display:block}
.recovery-choices span{font-size:9px;font-weight:500;display:block;margin-top:6px;white-space:nowrap}
.recovery-choices small{font-size:10px;display:block;margin-top:7px}
.recovery-choices button[aria-pressed=true]{border-color:#033277;color:#033277}
.recovery-caption{padding-top:19px;display:grid;gap:5px;text-align:center;min-height:58px}
.recovery-caption b{font-size:11px;color:#3d5674}.recovery-caption span{font-size:10px;color:#8a94a1}
.detail-snippet-scene .monthly-reference{max-width:530px;margin:auto}
.detail-hero-crop:has(.monthly-reference)>.crop-surface{max-width:450px;transform:rotate(-2deg)}
.detail-hero-crop:has(.monthly-reference){height:335px;padding-top:22px}
@media(max-width:760px){.hero-fragments{height:280px}.guidance-fragment{width:340px}.hero-fragment.guidance-fragment{border-radius:28px}.teaser-crop:has(.monthly-reference){padding:18px 20px 0}.recovery-demonstration{max-width:500px;margin-inline:auto}.recovery-choices{gap:5px;margin-top:23px}.recovery-choices b{font-size:11px}.recovery-choices span{font-size:8px}.recovery-choices small{font-size:9px}.recovery-caption span{font-size:9px}.detail-hero-crop:has(.monthly-reference){height:276px}.story-hero .hero-fragments{margin-top:42px}}
@media(min-width:761px){.hero-fragments{height:440px}}
.detail-hero-crop:has(.monthly-reference)>.crop-surface{transform:translateY(-65px) rotate(-2deg)}