/* Reference theme: midnight navy, electric blue, cyan light, colorful data accents. */
:root{--ink:#082555;--muted:#52647e;--paper:#f3f7ff;--line:#d7e4f8;--green:#0865ee;--green-dark:#062351;--tool-accent:#06a8b0;--tool-light:#e4fafa}
.serif{font-family:Inter,ui-sans-serif,'Segoe UI',sans-serif;font-weight:750;letter-spacing:-.045em}
.brand{letter-spacing:0}.brandmark{font-family:Inter,ui-sans-serif,'Segoe UI',sans-serif;font-size:15px;font-weight:800;letter-spacing:-.05em;padding:0;background:linear-gradient(135deg,#087eff,#0050d8);color:#fff;box-shadow:0 0 0 1px #2e8fff80,0 5px 18px #0865ee30}
.brand>span:last-child{line-height:1.2}.brand small{font-size:9px;display:block;font-weight:400;color:#52647e;letter-spacing:0;margin-top:5px}
.site-header{background:#04162f;border-color:#163b67}.site-header .brand,.site-header .navlinks{color:#e8f2ff}.site-header .brand small{color:#a6bddb}.site-header .navlinks a[aria-current]{color:#5bd8ff}.site-header .btn{background:#0a2c59;border-color:#25649a;color:#e8f5ff}
.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 10%,#0b68df66,transparent 50%),linear-gradient(125deg,#020e21,#062653 65%,#0d4389);border-bottom:1px solid #1762a5}
.hero:before{content:'';position:absolute;z-index:-1;inset:-45% -20% 0 35%;border:2px solid #37c7ff90;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 13px #00baff55,0 0 60px #0865ee30;pointer-events:none}
.hero h1{font-weight:750;font-size:clamp(40px,4.7vw,65px)}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#5ce7ed,#42a9ff,#1673ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .lead{color:#c3d7f4}.hero-preview{background:linear-gradient(135deg,#0b2c58,#104d8a);border:1px solid #398bc3;box-shadow:0 0 40px #007eff30}.preview-label{color:#9de7ff}.sample-window{transform:rotate(-1deg);box-shadow:0 20px 40px #0005;border-color:#b7d8ff}
.floating-note{background:#0a2b53;border-color:#2e82b8;color:#def5ff;box-shadow:0 0 25px #046bd526}.floating-note .icon{color:#5bd8ff}
.trust-strip{background:#061d3f;border-color:#123c6b;color:#b9d2f3}.trust-strip .icon{color:#55d5ff}.catalog{background:#f5f8ff}.section-heading h2{font-weight:750}.section-heading .eyebrow{color:#0865ee}
.tool-card{box-shadow:0 7px 24px #08255509;border-color:#d7e4f8}.tool-card:hover{box-shadow:0 16px 35px #0865ee18;border-color:#97c5f6}
.art,.art.rose,.art.sand,.art.lavender{background:radial-gradient(ellipse at 100% 10%,#0c65cb85,transparent 60%),linear-gradient(125deg,#04162f,#0b346e)}
.art:before{border:2px solid #42bfff75;box-shadow:0 0 20px #178fff44;width:260px;height:260px;top:-160px;right:-80px}.art:after{border:1px solid #178fff88;box-shadow:0 0 25px #178fff44}
.art .mini-panel{background:linear-gradient(145deg,#fff,#edf5ff);border:1px solid #c4defa;box-shadow:0 15px 35px #0005}.tool-card[data-product="budget"] .mini-panel{border-top:4px solid #19c1b6}.tool-card[data-product="savings"] .mini-panel{border-top:4px solid #b590ef}.tool-card[data-product="expenses"] .mini-panel{border-top:4px solid #f5a16e}.tool-card[data-product="planner"] .mini-panel{border-top:4px solid #8e9bfb}
.how{background:radial-gradient(ellipse at 90% 0,#0a66dc55,transparent 60%),#041b3b;color:#eef5ff;border-block:1px solid #164a81}.how .eyebrow{color:#5bd8ff}.how h2{font-weight:750}.step-num{color:#4ac9ff;border-color:#225081;font-family:inherit;font-weight:750}.steps p{color:#b9cce7}.site-footer{background:#04162f;color:#aac3e4;border-color:#164a81}
.app-layout{background:#04162f}.sidebar{background:radial-gradient(at 0 0,#073970,#03152e 70%);border-color:#153e6c;color:#dbeaff}.sidebar .brand{color:#fff}.sidebar .brand small{color:#9dbbdf}.sidebar-label{color:#7ea1cb}.side-nav a,.side-nav button{color:#a9c4e9}.side-nav .active{background:linear-gradient(90deg,#075cd3,#063c86);border:1px solid #1374e7;color:#fff;box-shadow:0 4px 17px #00152f50}.side-nav .active .icon{color:#67e7f1}.side-nav a:hover,.side-nav button:hover{background:#0b315e;color:#fff}.sidebar-note{color:#a9c4e9;background:linear-gradient(145deg,#092c56,#061d3f);border-color:#205687}.sidebar-note strong{color:#e6f5ff}.sidebar-note>.icon{color:#5bd8ff}
.app-main{background:linear-gradient(135deg,#f5f9ff,#edf3ff)}.app-topbar{background:#fff;border-color:#d6e4f8}.status-chip{color:#0865ee}.demo-banner,.offline-note{background:#05224a;color:#b9d5f6;border-bottom:1px solid #135fa1}.demo-banner a{color:#6fe5ff}.workspace h1{font-weight:750}.workspace-heading .eyebrow{color:#2174bd}.btn.primary{background:linear-gradient(120deg,#1685ff,#075ce7);border-color:#0874fa;box-shadow:0 4px 12px #0865ee20}.btn.primary:hover{background:linear-gradient(120deg,#1477e6,#004fc7)}
.metric{border:1px solid #bde8e5;border-top:2px solid #42c8b7;background:linear-gradient(125deg,#e8fbf5,#fff);box-shadow:0 5px 18px #08255506}.metric:nth-child(2){border:1px solid #f5d5c4;border-top:2px solid #ed996e;background:linear-gradient(125deg,#fff0e8,#fff)}.metric:nth-child(3){border:1px solid #c9ddfb;border-top:2px solid #77a6ee;background:linear-gradient(125deg,#eef5ff,#fff)}.metric:nth-child(4){border:1px solid #ded2f8;border-top:2px solid #b299e9;background:linear-gradient(125deg,#f4efff,#fff)}
.panel,.table-panel{box-shadow:0 7px 23px #08255506;border-color:#d6e4f8}.analytics .panel:nth-child(2){border-color:#d6e4f8;background:linear-gradient(135deg,#f6fbff,#fff)}.bar-fill{background:linear-gradient(90deg,var(--tool-accent),#39adff)}.bar-row:nth-child(3n) .bar-fill{background:linear-gradient(90deg,#a773dc,#7197f1)}.bar-row:nth-child(3n + 1) .bar-fill{background:linear-gradient(90deg,#f3a36e,#ffc4a1)}.bar-track{background:#e7effb}.guide-list li:before{background:#e0f5fa;color:#087a9c}.table-heading{background:linear-gradient(90deg,#fff,#f5f9ff)}thead{background:#eaf2ff}.dialog-head{background:linear-gradient(110deg,#061d3f,#0b448b);color:#fff}.dialog-head .icon-button{color:#a8e8ff}.dialog-actions{background:#eff5ff}.backup-choice{border-color:#c7ddf8;background:linear-gradient(125deg,#f2f8ff,#fff)}
@media(max-width:760px){.hero h1{font-size:45px}.site-header .navlinks a[aria-current]{color:#67dfff}.site-header .navlinks .btn{color:#e8f5ff}}
@media print{.app-main,.app-layout{background:#fff}.metric,.panel{box-shadow:none}.workspace h1{color:#082555}}

.launch-price{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:20px 0}.launch-price strong{font-size:32px;color:#075ddd;line-height:1.2}.launch-price small{font-size:13px}.launch-price>span:last-of-type{font-size:12px;color:#52647e}.bundle-offer{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:32px;margin-top:30px;border:1px solid #bcd5f8;border-radius:22px;background:linear-gradient(120deg,#eef6ff,#f5edff)}.bundle-offer h3{font-size:28px;margin:8px 0}.bundle-offer p{max-width:620px}.bundle-offer .launch-price{min-width:240px}@media(max-width:680px){.bundle-offer{display:block;padding:24px}}
/* Three included workspace designs. Navy is the original default. */
body[data-design="sage"]{--ink:#284e48;--muted:#62766c;--green:#427769;--green-dark:#2b5449;--line:#d8e4da;--tool-accent:#71a18c;--tool-light:#eef5ec}body[data-design="rose"]{--ink:#533b58;--muted:#7d687c;--green:#956184;--green-dark:#653b60;--line:#e6dbe5;--tool-accent:#b685a5;--tool-light:#fbf0f6}
body[data-design="sage"] .app-layout,body[data-design="sage"] .sidebar{background:linear-gradient(155deg,#f7f4e9,#e1ebe1);color:#335b4c;border-color:#c8d9cd}body[data-design="rose"] .app-layout,body[data-design="rose"] .sidebar{background:linear-gradient(155deg,#fbf1f4,#e9dfef);color:#624662;border-color:#dccdde}
body[data-design="sage"] .sidebar .brand{color:#294e43}body[data-design="rose"] .sidebar .brand{color:#5d3d5d}body[data-design="sage"] .sidebar .brand small,body[data-design="sage"] .sidebar-label{color:#628475}body[data-design="rose"] .sidebar .brand small,body[data-design="rose"] .sidebar-label{color:#9a748e}
body[data-design="sage"] .brandmark{background:#467665;box-shadow:0 4px 12px #264a3722}body[data-design="rose"] .brandmark{background:#986287;box-shadow:0 4px 12px #72436b22}
body[data-design="sage"] .side-nav a,body[data-design="sage"] .side-nav button{color:#537060}body[data-design="rose"] .side-nav a,body[data-design="rose"] .side-nav button{color:#8b6a84}
body[data-design="sage"] .side-nav .active{background:#477665;color:white;border-color:#477665;box-shadow:0 4px 10px #25472f22}body[data-design="rose"] .side-nav .active{background:#986287;color:white;border-color:#986287;box-shadow:0 4px 10px #75426422}
body[data-design="sage"] .side-nav a:hover,body[data-design="sage"] .side-nav button:hover{background:#d4e2d5;color:#294e43}body[data-design="rose"] .side-nav a:hover,body[data-design="rose"] .side-nav button:hover{background:#ecdeeb;color:#624662}
body[data-design="sage"] .sidebar-note{background:#f8faf2;border-color:#c1d5c4;color:#638272}body[data-design="sage"] .sidebar-note strong{color:#355c4c}body[data-design="rose"] .sidebar-note{background:#fff6f9;border-color:#e2cddb;color:#94738a}body[data-design="rose"] .sidebar-note strong{color:#76536e}
body[data-design="sage"] .app-main{background:linear-gradient(125deg,#faf9f2,#f0f5ed)}body[data-design="rose"] .app-main{background:linear-gradient(125deg,#fff8fa,#f6eff9)}
body[data-design="sage"] .btn.primary{background:#477665;border-color:#477665;box-shadow:0 4px 12px #47766522}body[data-design="rose"] .btn.primary{background:#986287;border-color:#986287;box-shadow:0 4px 12px #98628722}
body[data-design="sage"] .metric{border-color:#cdded1;border-top-color:#80aa8b;background:linear-gradient(130deg,#ecf4e8,#fff)}body[data-design="rose"] .metric{border-color:#e3d2df;border-top-color:#bf91af;background:linear-gradient(130deg,#f9edf4,#fff)}
body[data-design="sage"] .metric:nth-child(2),body[data-design="rose"] .metric:nth-child(2){background:linear-gradient(130deg,#fff0e5,#fff);border-color:#ead9c9}body[data-design="sage"] .metric:nth-child(3),body[data-design="rose"] .metric:nth-child(3){background:linear-gradient(130deg,#edf4f8,#fff);border-color:#d1e0e8}body[data-design="sage"] .metric:nth-child(4),body[data-design="rose"] .metric:nth-child(4){background:linear-gradient(130deg,#f5edf8,#fff);border-color:#e1d5e9}
body[data-design="sage"] .panel,body[data-design="sage"] .table-panel{border-color:#d6e2d5}body[data-design="rose"] .panel,body[data-design="rose"] .table-panel{border-color:#e6d8e3}body[data-design="sage"] .table-heading,body[data-design="sage"] thead{background:#f0f5ec}body[data-design="rose"] .table-heading,body[data-design="rose"] thead{background:#f9eff5}
body[data-design="sage"] .dialog-head{background:linear-gradient(120deg,#355d4c,#67937b)}body[data-design="rose"] .dialog-head{background:linear-gradient(120deg,#654263,#ae7c9d)}body[data-design="sage"] .demo-banner,body[data-design="sage"] .offline-note{background:#365d4d;color:#e9f4df;border-color:#628773}body[data-design="rose"] .demo-banner,body[data-design="rose"] .offline-note{background:#684463;color:#f9e9f2;border-color:#a17899}
body[data-design="sage"] .workspace-heading .eyebrow,body[data-design="sage"] .status-chip{color:#477665}body[data-design="rose"] .workspace-heading .eyebrow,body[data-design="rose"] .status-chip{color:#986287}
@media print{body[data-design] .app-main{background:white}}