.page-scroll-progress{z-index:100;pointer-events:none;height:2px;display:none;position:fixed;inset:0 0 auto}.page-scroll-progress>span{background:var(--cobalt);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.is-pinned .story-stage{height:min(680px,100svh - 128px)}.story-steps{overflow:clip}.hero-copy{animation:none}.hero-copy h1{animation:.65s both hero-enter}.hero-scene-label>span:last-child{display:none}@media (min-width:701px) and (max-width:1100px){.hero-scene{background:var(--background);flex-direction:column;min-height:0;display:flex;overflow:visible}.hero-copy{order:0;width:100%;padding:35px 10px}.hero-copy .eyebrow{max-width:none;font-size:9px}.hero h1{margin-top:27px;font-size:clamp(58px,7.5vw,74px)}.hero-subhead{margin-top:24px;font-size:24px}.hero-description{max-width:450px;font-size:15px}.hero-actions{flex-direction:row;gap:15px;margin-top:24px}.hero-image{aspect-ratio:1.85;border-radius:6px;order:1;width:100%;position:relative;overflow:hidden}.hero-image img{object-fit:cover;object-position:center bottom}.hero-budget{order:2;width:300px;margin:-24px 28px 0 auto;position:relative;bottom:auto;right:auto}.hero-budget .budget-compact{padding:20px}.hero-budget .budget-amount strong{font-size:32px}.hero-budget .panel-topline{font-size:11px}.hero-budget .budget-legend{font-size:9px}.hero-scene-label{display:none}}@media (max-width:700px){.hero-copy{padding-top:37px;padding-bottom:27px}.hero h1{font-size:clamp(44px,10vw,56px)}.hero-description{font-size:15px}.hero-image{aspect-ratio:1.6}.hero-budget{order:2;width:calc(100% - 62px);margin:-14px auto 0;position:relative;bottom:auto;left:auto;right:auto}.hero-budget .budget-compact{border-radius:6px;grid-template-columns:1fr 1fr;align-items:center;column-gap:13px;padding:14px 17px;display:grid}.hero-budget .panel-topline{grid-column:1/-1;font-size:10px}.hero-budget .panel-topline>.muted{font-size:8px;display:inline}.hero-budget .panel-topline svg{width:13px}.hero-budget .budget-amount{grid-column:1;gap:6px;margin:9px 0 0}.hero-budget .budget-amount strong{font-size:28px}.hero-budget .budget-amount>span{font-size:9px}.hero-budget .budget-track{grid-area:2/2;height:4px;margin-top:9px}.hero-budget .budget-legend{grid-column:1/-1;margin-top:8px;font-size:9px}.hero-bottom{padding-top:16px}.table-scroll{overflow:visible}.transactions-table{white-space:normal;width:100%;min-width:0;display:block}.transactions-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.transactions-table tbody{display:block}.transactions-table tr{border-top:1px solid #e5e8dd;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:14px 0 10px;display:grid}.transactions-table td{border:0;padding:0;display:block}.transactions-table td:first-child{grid-area:1/1}.transactions-table td:nth-child(2){text-align:right;grid-area:1/2;padding-top:2px;font-size:12px;font-weight:500}.transactions-table td:nth-child(3){grid-area:2/1;padding-top:3px;padding-left:37px}.transactions-table td:nth-child(4){grid-area:2/2;padding-top:3px}.merchant-cell{align-items:flex-start;gap:9px}.merchant-cell>div{min-width:0}.merchant-cell strong{font-size:12px;line-height:1.4}.merchant-cell small{font-size:10px;line-height:1.5}.transaction-symbol{flex-shrink:0;margin-top:1px}.receipt-button,.review-button{min-height:44px;font-size:11px}.transactions-note{margin-top:11px;font-size:10px;line-height:1.8}.demo-content,.demo-full .demo-content{padding-inline:18px}.dashboard-metrics{column-gap:8px}.dashboard-metrics strong{font-size:clamp(24px,6.8vw,31px)}.dashboard-metrics>div>span{font-size:9px}.dashboard-metrics small{font-size:8px;line-height:1.6}.demo-title-row h3{max-width:220px;font-size:23px}.dashboard-card-panel .sample-card{margin-top:5px}.demo-mobile-views{gap:19px}.demo-mobile-views button{font-size:10px}.demo-feedback{font-size:11px}.story-visual{min-height:350px}.story-visual-0{min-height:320px}.story-copy p{line-height:1.8}}@media (max-width:370px){.hero-copy{padding-inline:18px}.hero h1{font-size:42px}.hero-actions{gap:5px}.hero-actions .button{padding-inline:13px;font-size:10px}.hero-budget{width:calc(100% - 50px)}.hero-budget .budget-compact{padding-inline:14px}.hero-budget .budget-amount strong{font-size:25px}.hero-budget .budget-legend{font-size:8px}.demo-content,.demo-full .demo-content{padding-inline:14px}.merchant-cell strong,.transactions-table td:nth-child(2){font-size:11px}}@media (prefers-reduced-motion:reduce){.page-scroll-progress{display:none!important}}
