.budget-page{--primary:#164cbd;--dark:#142c4a;--gray-text:#586b7c;background:#fbfcfe;color:var(--dark)}
.budget-page a:focus-visible{outline:3px solid #168951;outline-offset:5px}.budget-page .nav-container{border-bottom:1px solid #e4eaf0}.budget-container{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.budget-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:70px;padding-bottom:90px}.budget-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;margin-bottom:38px}.wallet-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#1667d0,#092d7b);color:#65f4b1;letter-spacing:2px;font-size:23px;box-shadow:0 5px 10px #174b9820}.eyebrow{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#507065;margin-bottom:18px}.hero-copy h1{font-size:clamp(48px,5.8vw,76px);line-height:1.06;letter-spacing:-3.5px;margin-bottom:25px}.hero-copy h1 span{color:#187954}.hero-copy>p{font-size:17px;line-height:1.8;max-width:460px;color:var(--gray-text)}.budget-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.budget-button{display:inline-flex;gap:22px;align-items:center;justify-content:center;background:#164cbd;color:white;text-decoration:none;padding:16px 23px;border-radius:9px;font-size:14px;font-weight:600;transition:background .2s}.budget-button:hover{background:#0d3590}.text-link{font-size:13px;font-weight:600;color:var(--dark);text-underline-offset:5px}.hero-note{font-size:12px;color:#687c89;margin-top:25px}.hero-note span{color:#187954;margin-right:6px}.preview-stage{position:relative;padding:32px 28px 18px;border-radius:34px;background:radial-gradient(ellipse at 20% 20%,#e0f7ee,transparent 65%),linear-gradient(140deg,#eef8ff,#d6e9ff);margin-top:30px}.preview-heading{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#466b6b;margin-bottom:24px}.status-dot{width:6px;height:6px;background:#279970;border-radius:50%}.budget-preview{background:#fff;border-radius:19px;padding:25px;box-shadow:0 15px 40px #23487c14;transform:rotate(-2deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.preview-top strong{font-size:16px}.preview-top>span{font-size:10px;padding:6px 9px;background:#f2f5f8;border-radius:6px}.small-label{font-size:12px;color:#637586}.balance{font-size:46px;font-weight:800;letter-spacing:-2px;margin-bottom:16px}.balance>span{font-size:27px;color:#93a1ae}.budget-meter{height:8px;background:#e8f0ee;border-radius:10px;overflow:hidden}.budget-meter span{display:block;width:62%;height:100%;background:#36bd87;border-radius:10px}.meter-label{display:flex;justify-content:space-between;font-size:10px;color:#6b7b89;margin-top:9px}.spending-heading{margin-top:28px;margin-bottom:7px}.spending-heading strong{font-size:12px;display:block}.spending-heading>span{font-size:10px;color:#81909c}.expense{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f4}.expense:last-child{border:0}.expense-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:20px;flex-shrink:0}.groceries{background:#e4f5ea;color:#278456}.coffee{background:#fcf0df;color:#986622}.transport{background:#eaf0ff;color:#466abd}.expense strong,.imported-example strong{display:block;font-size:12px}.expense small,.imported-example small{display:block;font-size:10px;color:#83909d;margin-top:3px}.expense b{margin-left:auto;font-size:12px}.import-chip{position:relative;margin:7px -43px 0 22px;display:flex;align-items:center;gap:12px;padding:17px;background:#123fa1;color:white;border-radius:13px;box-shadow:0 12px 24px #0e38772b;transform:rotate(2deg)}.mail-icon{font-size:23px;display:grid;place-items:center;background:#ffffff20;width:40px;height:40px;border-radius:10px;flex-shrink:0}.import-chip strong{display:block;font-size:12px}.import-chip div>span{display:block;font-size:10px;color:#d7e8ff;margin-top:4px}.import-check{margin-left:auto;background:#6bebaa;color:#0c5c3d;border-radius:50%;width:23px;height:23px;text-align:center}.preview-caption{text-align:center;font-size:9px;color:#607c97;margin-top:22px}.features-section{padding-top:40px;padding-bottom:80px;border-top:1px solid #e3eaf0}.section-intro h2,.gmail-copy h2,.closing-section h2{font-size:clamp(29px,3.5vw,42px);line-height:1.2;letter-spacing:-1.5px;margin-bottom:15px}.section-intro>p,.gmail-copy>p,.closing-section>p{color:var(--gray-text);line-height:1.8;font-size:15px}.budget-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.budget-features article{padding:29px;border:1px solid #dfe7eb;border-radius:15px;background:white}.feature-number{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#287b60}.budget-features h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:23px 0 16px}.budget-features p{font-size:13px;color:var(--gray-text);line-height:1.85}.feature-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:28px;font-size:10px;color:#1d5e49;text-decoration:none;font-weight:600}.gmail-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:#edf5f2;border:1px solid #dbe9e2;border-radius:22px;padding:48px}.gmail-copy>p{margin-bottom:24px}.import-example{padding:25px;border-radius:16px;background:white}.example-label{font-size:9px;letter-spacing:1.5px;color:#7d8d97}.email-example{display:flex;gap:12px;margin-top:22px}.email-example .mail-icon{background:#eef3fb;color:#164cbd}.email-example strong{font-size:12px}.email-example p{font-size:11px;color:#718190;line-height:1.7;margin-top:5px}.flow-line{font-size:10px;color:#6a867b;display:flex;align-items:center;gap:16px;margin:20px 0}.flow-line span{font-size:23px;margin-left:14px}.imported-example{display:flex;gap:12px;align-items:center;background:#f0f8f3;border:1px solid #daeade;border-radius:10px;padding:14px}.imported-example b{margin-left:auto;font-size:14px}.example-note{font-size:9px;color:#718190;margin-top:17px;line-height:1.7}.closing-section{text-align:center;padding-top:90px;padding-bottom:90px}.closing-section .budget-button{margin-top:25px}.budget-page footer{color:#677787}.budget-page .nav-cta{font-size:12px}
@media(max-width:950px){.budget-hero{gap:30px}.budget-actions{flex-wrap:wrap;gap:18px}.budget-features{gap:12px}.budget-features article{padding:22px}.gmail-section{margin:0 24px;gap:30px;padding:30px}.import-chip{margin-right:-34px;margin-left:0}.preview-stage{padding:24px 18px 18px}}
@media(max-width:700px){.budget-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:55px;gap:15px}.budget-container{padding-left:24px;padding-right:24px}.hero-copy h1{font-size:58px}.hero-copy>p{font-size:16px}.budget-brand{margin-bottom:25px}.preview-stage{max-width:440px;width:100%;margin:25px auto 0}.import-chip{margin-right:-10px}.budget-features{grid-template-columns:1fr;gap:16px}.budget-features h3 br{display:none}.budget-features h3{margin-top:16px}.gmail-section{grid-template-columns:1fr;padding:28px 20px}.features-section{padding-bottom:50px}.closing-section{padding-top:60px;padding-bottom:60px}.budget-page .nav-container{flex-wrap:wrap;gap:16px}.budget-page .nav-links{gap:14px;font-size:12px}.budget-page .nav-logo img{height:32px}.budget-page .nav-cta{display:none}}
@media(prefers-reduced-motion:reduce){.budget-page *{transition:none!important}}

/* Product previews informed by the Smart Budget app screens. */
.budget-preview{transform:none}.active-budget{background:linear-gradient(110deg,#2196ef,#46a9ee);color:#fff;border-radius:12px;padding:18px;margin-bottom:22px}.active-budget span{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.active-budget strong{font-size:21px}.overview-title{font-size:16px;color:#5e6c75;margin-bottom:14px}.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-stats>div{background:#eaf7ff;border-radius:12px;padding:18px 5px;text-align:center}.overview-stats>div:nth-child(2){background:#fff6e7}.overview-stats>div:nth-child(3){background:#eef8ef}.overview-stats span{display:block;font-size:10px;color:#69747a;margin-bottom:8px}.overview-stats strong{font-size:13px}.import-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #dde7ee;margin-top:20px;font-size:11px}.import-tabs>*{padding-bottom:12px}.import-tabs strong{color:#1377b8;border-bottom:3px solid #2196ef}.import-details{padding-left:18px;color:var(--gray-text);font-size:13px;line-height:1.8;margin-bottom:24px}.import-details li{margin-bottom:8px}.reports-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:80px;padding-bottom:20px}.reports-copy h2{font-size:clamp(29px,3.5vw,42px);line-height:1.2;letter-spacing:-1.5px;margin-bottom:18px}.reports-copy p{color:var(--gray-text);font-size:15px;line-height:1.8}.report-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.report-tags span{font-size:10px;border:1px solid #dfe7eb;padding:7px 11px;border-radius:20px}.report-preview{background:#fff;border:1px solid #dfe7eb;padding:28px;border-radius:18px}.report-preview h3{font-size:17px}.report-subtitle{font-size:11px;color:#718190;margin-top:5px}.trend-chart{height:180px;margin:25px 0 35px;display:flex;justify-content:space-around;gap:16px;border-bottom:1px solid #dfe7eb;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#e8edf2 44px,#e8edf2 45px)}.trend-chart>div{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px;flex:1}.trend-chart i,.trend-chart b{display:block;width:22px;max-width:45%;border-radius:4px 4px 0 0;background:#4caf50}.trend-chart b{background:#2196f3}.trend-chart div>span{position:absolute;bottom:-24px;font-size:10px;color:#718190}.chart-legend{display:flex;gap:18px;font-size:11px}.chart-legend span:first-child{color:#327e35}.chart-legend span:last-child{color:#1479b7}
@media(max-width:700px){.reports-section{grid-template-columns:1fr;gap:28px;padding-top:50px}.overview-stats strong{font-size:11px}.budget-preview{padding:20px}.report-preview{padding:22px}}