:root{--ink:var(--blue-petrol);--muted:var(--brown-gray);--paper:#fbfaf5;--mint:#e7e3df;--green:var(--wine);--deep:var(--blue-petrol);--aqua:#dfe5e4;--cream:#eeeae2;--line:#ddd8d2;--wine:#643444;--brown-gray:#5e4c42;--khaki:#625a49;--slate-teal:#435251;--blue-petrol:#203b50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}h1,h2{font-family:Lora,serif;line-height:1.08;letter-spacing:0}h1{font-size:clamp(2.8rem,6vw,5.7rem);margin:0 0 1.4rem}h2{font-size:clamp(2.15rem,4vw,3.75rem);margin:0 0 1rem}h3{line-height:1.25}p{margin-top:0}em{color:var(--green)}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1152px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:5;background:#fbfaf5e8;backdrop-filter:blur(14px)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;white-space:nowrap}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:var(--deep);color:#fff}.brand-mark svg{width:18px}.desktop-nav{display:flex;gap:24px;font-size:.87rem;font-weight:600}.desktop-nav a:hover,.login:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:17px;font-size:.9rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border:1px solid var(--deep);border-radius:7px;background:var(--deep);color:#fff;font-size:.9rem;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px);background:var(--green)}.button svg,.text-action svg{width:17px}.small{padding:9px 13px;font-size:.82rem}.secondary{background:transparent;color:var(--deep)}.secondary:hover{color:#fff}.light-button{border-color:#fff;background:#fff;color:var(--deep)}.light-button:hover{background:var(--mint)}.text-action{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700}.mobile-menu{display:none;position:relative}.mobile-menu summary{display:grid;width:40px;height:40px;place-items:center;list-style:none;border:1px solid var(--line);border-radius:6px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:49px;width:200px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 14px 30px #203b501c}.mobile-menu nav a{display:block;padding:10px;font-size:.9rem;font-weight:600}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:var(--green);font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.eyebrow svg{width:15px}.hero{display:grid;min-height:calc(100vh - 74px);grid-template-columns:1fr 1.02fr;gap:55px;align-items:center;padding:clamp(58px,8vw,105px) 0 70px}.hero-copy{max-width:560px}.lead,.section-intro>p:not(.eyebrow),.section-heading>p{color:var(--muted);font-size:1.05rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.quiet-note{display:flex;align-items:center;gap:7px;margin-top:30px;color:var(--muted);font-size:.82rem}.quiet-note svg{width:17px;color:var(--green)}.dashboard-preview{padding:10px;border:1px solid #e7ebe6;border-radius:10px;background:#fff;box-shadow:0 25px 60px #203b502b;transform:rotate(1deg)}.app-top{display:flex;gap:12px;align-items:center;padding:11px;background:#f6f8f5;border-radius:5px 5px 0 0;color:#718079;font-size:.7rem}.app-top b{margin-left:auto}.avatars{color:var(--slate-teal);font-weight:700}.app-body{padding:18px}.app-body h3{margin:0;font-size:.98rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.metric-grid>div{padding:11px;border-radius:6px;background:#ece8e3}.metric-grid .expense{background:#fbebe5}.metric-grid .balance{background:#e1e5e4}.metric-grid small,.metric-grid b{display:block}.metric-grid small,.chart-card small,.budget-card small{color:#718079;font-size:.62rem}.metric-grid b{font-size:clamp(.72rem,1.5vw,1rem)}.app-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;margin-top:11px}.chart-card,.budget-card{padding:12px;border:1px solid #e5e1dc;border-radius:6px;font-size:.68rem}.chart-card>small{display:block;margin-top:5px}.bars{display:flex;height:100px;gap:8px;align-items:end;margin-top:9px;border-bottom:1px solid #e7ece7}.bars i{flex:1;background:var(--aqua);border-radius:3px 3px 0 0}.bars i:nth-child(even){background:#e99a81}.bars i:nth-child(1){height:43%}.bars i:nth-child(2){height:65%}.bars i:nth-child(3){height:53%}.bars i:nth-child(4){height:87%}.bars i:nth-child(5){height:70%}.bars i:nth-child(6){height:96%}.bars i:nth-child(7){height:75%}.budget-card b{display:flex;justify-content:space-between}.budget-card p{margin:9px 0 3px;font-size:.64rem}.budget-card span,.budget-mini span{display:block;height:6px;border-radius:6px;background:#e5e1dc}.budget-card span i,.budget-mini span i{display:block;width:72%;height:100%;border-radius:inherit;background:var(--green)}.budget-card .amber i{width:43%;background:var(--khaki)}.problem-band{padding:75px 0;background:var(--deep);color:#fff}.problem-grid{display:grid;grid-template-columns:.48fr 1.3fr .9fr;gap:35px}.section-kicker{color:#dfe5e4;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.problem-grid p:not(.section-kicker){color:#c8d8d1}.problem-grid ul{margin:0;padding:0;list-style:none;font-size:.88rem}.problem-grid li{padding:10px 0;border-bottom:1px solid #ffffff28}.solution{display:grid;grid-template-columns:.95fr 1fr;gap:90px;align-items:center;padding:110px 0}.section-intro{max-width:610px}.shared-scene{position:relative;display:grid;min-height:310px;place-items:center;overflow:hidden;border-radius:8px;background:var(--cream)}.shared-scene:before,.shared-scene:after{position:absolute;width:190px;height:190px;border:1px solid #a6cabb;border-radius:50%;content:""}.shared-scene:before{top:15%;left:12%}.shared-scene:after{right:8%;bottom:3%}.people{z-index:1;display:flex}.people b{display:grid;width:76px;height:76px;place-items:center;margin-left:-9px;border:4px solid var(--cream);border-radius:50%;background:#dfa477}.people b:nth-child(2){background:#8fc9b8}.people b:nth-child(3){background:#d5d0a0}.share-panel{position:absolute;z-index:2;right:10%;bottom:11%;width:min(285px,70%);padding:18px;border-radius:7px;background:#fff;box-shadow:0 16px 30px #203b5023}.share-panel strong{display:flex;gap:8px;align-items:center;font-size:.78rem}.share-panel strong i,.share-panel span{color:var(--green)}.share-panel i{width:17px}.share-panel p{margin:11px 0;color:var(--muted);font-size:.76rem}.share-panel span{font-size:.69rem;font-weight:700}.pillars{padding:105px 0;background:#ede9e4}.section-heading{max-width:680px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:43px;border:1px solid #d3c7c7;background:#d3c7c7}.pillar-grid article{min-height:290px;padding:23px;background:#ede9e4}.pillar-grid article>span{color:#835d68;font-size:.73rem;font-weight:700}.pillar-grid article>i{display:block;width:30px;height:30px;margin:31px 0 14px;color:var(--green)}.pillar-grid h3{margin:0 0 5px}.pillar-grid h4{margin:0;font-size:.84rem}.pillar-grid p{color:#435251;font-size:.82rem}.tour,.steps,.comparison,.pricing{padding:110px 0}.tour-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:17px;margin-top:44px}.tour-card{padding:21px;border-radius:7px;background:#f0f3ed}.tour-card.wide{display:grid;grid-row:span 2;grid-template-columns:1.2fr 1fr;gap:25px;align-items:center;background:#ede9e4}.tour-card h3{margin:6px 0 7px}.tour-card p:last-child{margin-bottom:0;color:var(--muted);font-size:.84rem}.card-number{margin:0;color:var(--green)!important;font-size:.68rem!important;font-weight:700;letter-spacing:.08em}.screen{min-height:125px;padding:13px;border:1px solid #e0e6df;border-radius:5px;background:#fff;box-shadow:0 9px 18px #203b5012}.dashboard-mini{min-height:272px}.dashboard-mini>div{display:flex;gap:8px;margin-top:14px}.dashboard-mini strong{flex:1;padding:9px;border-radius:4px;background:#ece8e3;color:var(--green);font-size:.8rem}.dashboard-mini strong+strong{background:#fbeae5;color:#b9503d}.dashboard-mini>span{display:flex;height:115px;gap:12px;align-items:end;margin-top:17px;border-bottom:1px solid var(--line)}.dashboard-mini>span i{flex:1;border-radius:3px 3px 0 0;background:var(--green)}.dashboard-mini>span i:nth-child(1){height:37%}.dashboard-mini>span i:nth-child(2){height:52%}.dashboard-mini>span i:nth-child(3){height:43%}.dashboard-mini>span i:nth-child(4){height:80%}.dashboard-mini>span i:nth-child(5){height:65%}.transaction-mini p{display:flex;justify-content:space-between;padding:10px 0;margin:0;border-bottom:1px solid #edf0ed;color:#5e4c42;font-size:.72rem}.transaction-mini b{color:#a34635}.transaction-mini p:last-child b{color:var(--green)}.budget-mini p{display:flex;justify-content:space-between;font-size:.68rem}.budget-mini small{display:block;margin-top:9px;color:#5e4c42;font-size:.65rem}.center-action{margin:38px 0 0;text-align:center}.benefits{padding:105px 0;background:#f4eee1}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 55px;margin-top:45px}.benefit-grid i{width:25px;color:var(--green)}.benefit-grid h3{margin:13px 0 5px;font-size:1rem}.benefit-grid p{margin:0;color:var(--muted);font-size:.85rem}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:0;margin:45px 0 0;list-style:none}.steps li{position:relative;padding-top:18px;border-top:1px solid var(--line)}.steps li:not(:last-child):after{position:absolute;top:-1px;right:-42px;width:42px;border-top:1px dashed #835d68;content:""}.steps li>b{display:grid;width:31px;height:31px;place-items:center;margin-bottom:22px;border-radius:50%;background:var(--green);color:#fff;font-size:.8rem}.steps h3{margin-bottom:6px}.steps p{color:var(--muted);font-size:.88rem}.emotional{padding:92px 0;background:var(--aqua)}.emotional-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.emotional p:not(.eyebrow){color:#435251;font-size:1.05rem}.words{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.words b{padding:7px 10px;border:1px solid #91c8c0;border-radius:4px;font-size:.8rem}.compare-table{max-width:800px;margin:43px auto 0;overflow:hidden;border:1px solid var(--line);border-radius:7px}.compare-table>div{display:grid;grid-template-columns:1fr 1fr}.compare-table>div>*{padding:13px 17px;font-size:.87rem}.compare-table>div:not(:last-child){border-bottom:1px solid var(--line)}.compare-head{background:var(--cream)}.compare-table span{color:var(--muted)}.compare-table strong{color:var(--green)}.testimonials{padding:100px 0;background:#203b50;color:#fff}.testimonials .eyebrow{color:#dfe5e4}.testimonials .section-heading>p:not(.eyebrow){color:#bdd1ca}.carousel{margin-top:42px;overflow:hidden}.testimonial-track{display:flex;transition:transform .42s ease}.testimonial{flex:0 0 33.333%;padding:0 10px}.testimonial>div,.testimonial blockquote,.testimonial footer{background:#fff;color:var(--ink)}.stars{padding:23px 24px 0;color:#e2a348;letter-spacing:3px}.testimonial blockquote{min-height:137px;margin:0;padding:15px 24px;font-family:Lora,serif;font-size:1.08rem;line-height:1.4}.testimonial footer{display:flex;gap:10px;align-items:center;padding:4px 24px 24px}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#a8d1bd;font-size:.65rem}.amber{background:#e8c486}.blue{background:#a9d6d9}.testimonial footer strong,.testimonial footer small{display:block}.testimonial footer strong{font-size:.76rem}.testimonial footer small{color:var(--muted);font-size:.65rem}.carousel-controls{display:flex;justify-content:center;gap:17px;align-items:center;margin-top:28px}.carousel-controls>button{display:grid;width:35px;height:35px;place-items:center;border:1px solid #435251;border-radius:50%;background:transparent;color:white}.carousel-controls svg{width:17px}.dots{display:flex;gap:6px}.dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#435251}.dots button[aria-current=true]{width:20px;border-radius:5px;background:white}.security{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center;padding:110px 0}.security-art{position:relative;display:grid;min-height:350px;place-items:center;border-radius:8px;background:var(--mint)}.security-art>svg{width:120px;height:120px;color:var(--deep);stroke-width:1.2}.security-art>b{position:absolute;bottom:30px;padding:10px 14px;border-radius:5px;background:white;box-shadow:0 10px 20px #203b501b;font-size:.78rem}.security-art>b i{width:16px;color:var(--green)}.security p:not(.eyebrow){color:var(--muted)}.security ul,.price-grid ul{padding:0;list-style:none}.security li,.price-grid li{display:flex;gap:8px;margin:11px 0;font-size:.88rem}.security li i,.price-grid li i{width:18px;color:var(--green)}.privacy{padding:40px 0;background:#eeeae2}.privacy .shell{display:flex;gap:25px;align-items:center;max-width:850px}.privacy svg{width:41px;color:var(--green)}.privacy h2{margin:0 0 4px;font-size:1.45rem}.privacy p{margin:0;color:var(--muted);font-size:.85rem}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.price-grid article{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:7px}.price-grid .featured{border-color:var(--deep);background:var(--deep);color:white}.recommended{position:absolute;top:-12px;left:21px;padding:4px 9px;border-radius:4px;background:#e8c37f;color:var(--deep);font-size:.65rem;font-weight:700;text-transform:uppercase}.price-grid h3{margin-bottom:5px}.price-grid p{min-height:45px;margin-bottom:21px;color:var(--muted);font-size:.82rem}.featured p,.featured>small{color:#b9d3c9}.price{display:block;font-size:2rem}.price small{font-size:.8rem;font-weight:500}.price-grid ul{flex:1;margin:27px 0}.price-grid li{font-size:.82rem}.featured li i{color:#dfe5e4}.faq{padding-top:30px;padding-bottom:112px}.faq-list{max-width:760px;margin-top:35px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:15px;padding:19px 2px;list-style:none;font-size:.94rem;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:18px}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{margin:0 0 20px;color:var(--muted);font-size:.88rem}.final-cta{padding:105px 0;background:var(--deep);color:#fff;text-align:center}.final-cta .shell{max-width:700px}.final-cta .eyebrow{justify-content:center;color:#dfe5e4}.final-cta h2{font-size:clamp(2.4rem,5vw,4.3rem)}.final-cta h2 em{color:#b6e2cf}.final-cta p:not(.eyebrow){max-width:550px;margin:auto;color:#c7d9d1}.light{color:#fff}footer{padding:29px 0;background:#203b50;color:#d6e2dc}.footer-inner{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.76rem}.footer-inner p{margin:0}:focus-visible{outline:3px solid #625a49;outline-offset:3px}@media(max-width:800px){.desktop-nav,.header-actions{display:none}.mobile-menu{display:block}.hero,.problem-grid,.solution,.emotional-inner,.security{grid-template-columns:1fr;gap:32px}.hero{min-height:auto;padding-top:58px}.dashboard-preview{max-width:590px;margin:auto;transform:none}.problem-band{padding:55px 0}.problem-grid ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.solution{padding:76px 0}.pillar-grid{grid-template-columns:repeat(2,1fr)}.tour-grid{grid-template-columns:1fr}.tour-card.wide{grid-row:auto}.benefit-grid{grid-template-columns:repeat(2,1fr)}.steps li:not(:last-child):after{display:none}.testimonial{flex-basis:100%}.security{padding:75px 0}.price-grid{grid-template-columns:1fr;max-width:470px}.faq{padding-bottom:75px}}@media(max-width:540px){.shell{width:min(100% - 32px,1152px)}.lead{font-size:1rem}.app-body{padding:12px}.metric-grid{gap:6px}.metric-grid>div{padding:8px 6px}.app-columns{grid-template-columns:1fr}.budget-card{display:none}.problem-grid ul,.pillar-grid,.benefit-grid,.steps ol{grid-template-columns:1fr}.shared-scene{min-height:280px}.tour,.steps,.comparison,.pricing{padding:75px 0}.tour-card.wide{grid-template-columns:1fr}.steps ol{gap:20px;margin-top:30px}.steps li{display:grid;grid-template-columns:42px 1fr;column-gap:12px}.steps li>b{grid-row:span 2;margin:0}.steps h3,.steps p{grid-column:2}.steps h3{margin:4px 0 3px}.emotional{padding:72px 0}.compare-table>div>*{padding:11px 9px;font-size:.72rem}.testimonial blockquote{min-height:144px}.security-art{min-height:270px}.privacy .shell{align-items:flex-start;gap:15px}.privacy svg{width:30px;flex:none}.price-grid{margin-top:30px}.final-cta{padding:80px 0}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner p{order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.testimonial-track{transition:none}}

.signup{padding:100px 0;background:#eeeae2}.signup-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.signup-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:28px;border:1px solid #ddd8d2;border-radius:8px;background:#fff;box-shadow:0 15px 40px #203b5012}.signup-form label{display:grid;gap:6px;color:var(--brown-gray);font-size:.86rem;font-weight:600}.signup-form input,.signup-form select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ddd8d2;border-radius:5px;background:#fff;color:var(--ink);font:inherit}.signup-form input:focus,.signup-form select:focus{outline:2px solid var(--khaki);outline-offset:1px}.signup-form>button,.signup-form>p,.signup-payment{grid-column:1/-1}.signup-form>button:disabled{cursor:wait;opacity:.65}.signup-error,.signup-feedback{margin:0;padding:12px;border-radius:5px;font-size:.88rem}.signup-error{border:1px solid #d9aaa9;background:#fbebe5;color:#8a3029}.signup-feedback{border:1px solid #a7c5b7;background:#e7e3df;color:#203b50}.signup-payment{padding-top:5px}.signup-payment p{margin-bottom:12px;color:var(--brown-gray);font-size:.9rem}@media(max-width:760px){.signup-inner{grid-template-columns:1fr;gap:30px}}@media(max-width:540px){.signup{padding:75px 0}.signup-form{grid-template-columns:1fr;padding:19px}}
.analytics{padding:80px 0 110px}.analytics .section-heading{max-width:730px}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.analytics-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 32px #203b5010}.analytics-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.analytics-card-heading p{margin:0 0 4px;color:var(--green);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.analytics-card-heading h3{margin:0;font-size:1rem}.analytics-card-heading>span{flex:none;padding:5px 8px;border-radius:4px;background:var(--cream);color:var(--muted);font-size:.68rem;font-weight:600}.chart-legend{display:flex;gap:16px;margin-top:20px;color:var(--muted);font-size:.7rem}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i,.category-legend i{display:inline-block;width:9px;height:9px;border-radius:3px}.legend-income{background:var(--slate-teal)}.legend-expense{background:var(--wine)}.column-chart{display:flex;height:176px;gap:12px;margin-top:10px;padding-top:8px;border-bottom:1px solid var(--line)}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2px;color:var(--muted);font-size:.58rem}.chart-columns{display:grid;flex:1;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:9px}.column-group{display:flex;height:100%;align-items:end;gap:4px}.column-group i{flex:1;min-width:5px;border-radius:3px 3px 0 0;background:var(--slate-teal)}.column-group i+i{background:var(--wine)}.chart-x-axis{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:.6rem}.chart-note{margin:17px 0 0;color:var(--muted);font-size:.68rem}.category-chart{display:flex;min-height:176px;align-items:center;justify-content:space-around;gap:20px;margin-top:12px}.donut-chart{position:relative;display:grid;width:min(170px,48%);aspect-ratio:1;flex:none;place-items:center;border-radius:50%;background:conic-gradient(var(--wine) 0 42%,var(--slate-teal) 42% 68%,var(--khaki) 68% 82%,var(--blue-petrol) 82% 100%)}.donut-chart:before{position:absolute;inset:21%;border-radius:50%;background:#fff;content:""}.donut-chart>span{z-index:1;display:grid;text-align:center}.donut-chart strong{font-size:.78rem}.donut-chart small{color:var(--muted);font-size:.63rem}.category-legend{display:grid;gap:11px;min-width:145px;margin:0;padding:0;list-style:none}.category-legend li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;color:var(--muted);font-size:.69rem}.category-legend b{color:var(--ink)}.category-wine{background:var(--wine)}.category-teal{background:var(--slate-teal)}.category-khaki{background:var(--khaki)}.category-blue{background:var(--blue-petrol)}.planned-chart{display:grid;gap:19px;margin-top:29px}.planned-row>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:.72rem}.planned-row>div span{font-weight:600}.planned-row>div b{color:var(--muted);font-size:.65rem}.planned-track{display:block;height:9px;overflow:hidden;border-radius:9px;background:#e7e3df}.planned-track i{display:block;height:100%;border-radius:inherit;background:var(--slate-teal)}.planned-track .over-budget{background:var(--wine)}.planned-track .khaki-bar{background:var(--khaki)}.line-chart{margin-top:18px}.line-chart svg{display:block;width:100%;height:164px;overflow:visible}.line-chart-grid{fill:none;stroke:var(--line);stroke-dasharray:4 5;stroke-width:1}.line-chart-area{fill:#64344418;stroke:none}.line-chart-line{fill:none;stroke:var(--wine);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.line-chart circle{fill:var(--wine)}.line-chart .chart-x-axis{margin-top:4px}@media(max-width:760px){.analytics-grid{grid-template-columns:1fr}.analytics{padding:60px 0 80px}}@media(max-width:540px){.analytics-card{padding:18px}.category-chart{gap:12px}.category-legend{min-width:125px}.category-legend li{font-size:.64rem}.planned-row>div{font-size:.66rem}.planned-row>div b{font-size:.6rem}}
/* Hero refresh */
.hero {
  min-height: min(670px, calc(100svh - 74px));
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1fr);
  gap: clamp(38px, 5vw, 76px);
  padding: clamp(36px, 5vw, 64px) 0 52px;
}

.hero-copy {
  max-width: 510px;
}

.hero h1 {
  max-width: 470px;
  margin-bottom: 1.05rem;
  font-size: clamp(3.1rem, 6.3vw, 4.35rem);
  line-height: 1.08;
}

.hero .lead {
  max-width: 490px;
  font-size: 0.98rem;
  line-height: 1.62;
}

.hero .actions {
  gap: 18px;
  margin-top: 22px;
}

.hero .quiet-note {
  margin-top: 23px;
}

.hero-visual {
  position: relative;
  width: 100%;
  max-width: 590px;
  margin: 0 auto;
  padding: 15px 0 91px;
}

.preview-layer {
  position: absolute;
  top: 21px;
  right: 4%;
  left: 4%;
  height: calc(100% - 125px);
  border: 1px solid #e2e6e2;
  border-radius: 12px;
  background: #f8f9f6;
  box-shadow: 0 12px 30px #203b500c;
}

.preview-layer-back {
  top: 5px;
  right: 8%;
  left: 8%;
  background: #f3f5f1;
}

.preview-layer-front {
  top: 13px;
  right: 2%;
  left: 2%;
  background: #fafbf9;
}

.hero .dashboard-preview {
  position: relative;
  z-index: 1;
  padding: 9px;
  transform: none;
  box-shadow: 0 20px 44px #203b5017;
}

.hero .app-top {
  padding: 10px 12px;
}

.hero .app-body {
  padding: 15px;
}

.hero .app-columns {
  grid-template-columns: 1.08fr 0.92fr;
  gap: 9px;
}

.chart-heading {
  display: flex;
  align-items: center;
  gap: 11px;
  white-space: nowrap;
}

.chart-heading > b {
  margin-right: auto;
}

.chart-heading > span,
.chart-heading > span > i {
  display: inline-flex;
  align-items: center;
}

.chart-heading > span {
  gap: 4px;
  color: var(--muted);
  font-size: 0.58rem;
}

.chart-heading > span > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--slate-teal);
}

.chart-heading > span:last-child > i {
  background: var(--wine);
}

.flow-chart {
  height: 105px;
  margin-top: 8px;
  border-bottom: 1px solid var(--line);
}

.flow-chart svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.flow-grid {
  fill: none;
  stroke: #e8ebe7;
  stroke-width: 1;
}

.flow-income,
.flow-expense {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.flow-income {
  stroke: var(--slate-teal);
}

.flow-expense {
  stroke: var(--wine);
  stroke-width: 2.5;
}

.chart-axis {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.55rem;
}

.hero .budget-card {
  padding: 11px;
}

.budget-tip {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 112px;
  display: grid;
  width: 172px;
  gap: 5px;
  padding: 10px 11px;
  border: 1px solid #d8dedb;
  border-radius: 7px;
  background: #203b50;
  box-shadow: 0 8px 18px #203b5030;
  color: #fff;
  font-size: 0.59rem;
}

.budget-tip > b {
  margin-bottom: 2px;
  font-size: 0.66rem;
}

.budget-tip > span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #e4e9e6;
}

.budget-tip strong {
  color: #fff;
}

.hero-journey {
  position: absolute;
  right: 3%;
  bottom: 0;
  left: 3%;
  padding: 0 4px;
}

.hero-journey > p {
  margin: 0 0 9px;
  color: var(--ink);
  font-size: 0.83rem;
}

.journey-progress {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 10px;
}

.journey-progress > i {
  height: 5px;
  border-radius: 5px;
  background: #dfe3df;
}

.journey-progress > i:nth-child(-n + 2) {
  background: var(--blue-petrol);
}

.journey-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  color: var(--muted);
  font-size: 0.78rem;
}

.journey-steps > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.journey-steps > span > svg {
  width: 17px;
  height: 17px;
  color: var(--ink);
}

.journey-steps > span:first-child > svg {
  color: var(--wine);
}

.journey-steps > .journey-arrow {
  width: 15px;
  height: 15px;
  color: #8b918d;
}

@media (max-width: 800px) {
  .hero {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 52px 0 58px;
  }

  .hero-copy {
    max-width: 620px;
  }

  .hero h1 {
    max-width: 560px;
    font-size: clamp(3rem, 8vw, 4.1rem);
  }

  .hero-break {
    display: none;
  }

  .hero-visual {
    max-width: 590px;
  }
}

@media (max-width: 540px) {
  .hero {
    gap: 23px;
    padding: 40px 0 48px;
  }

  .hero h1 {
    font-size: clamp(2.65rem, 12vw, 3.45rem);
  }

  .hero .lead {
    font-size: 0.94rem;
  }

  .hero .actions {
    align-items: flex-start;
    gap: 13px;
  }

  .hero .actions .button {
    padding: 12px 13px;
    font-size: 0.82rem;
  }

  .hero-visual {
    padding-bottom: 86px;
  }

  .preview-layer {
    right: 2%;
    left: 2%;
  }

  .preview-layer-back {
    right: 6%;
    left: 6%;
  }

  .hero .app-body {
    padding: 10px;
  }

  .hero .app-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-heading {
    gap: 7px;
  }

  .chart-heading > span {
    font-size: 0.53rem;
  }

  .budget-tip {
    display: none;
  }

  .journey-steps {
    gap: 3px;
    font-size: 0.68rem;
  }

  .journey-steps > span {
    gap: 4px;
  }

  .journey-steps > span > svg {
    width: 15px;
    height: 15px;
  }

  .journey-steps > .journey-arrow {
    width: 12px;
    height: 12px;
  }
}