:root{color-scheme:light;--bg:#f7fbfc;--bg2:#edf5f7;--bg3:#e3eef2;--ink:#122334;--mute:#40566a;--dim:#52677a;--line:#cddce4;--line2:#9cafbc;--accent:#00758a;--accent2:#006476;--blue:#245db8;--red:#b72a35}
body.dark-mode{color-scheme:dark;--bg:#020617;--bg2:#0b1226;--bg3:#111c33;--ink:#e2e8f0;--mute:#a5b3c8;--dim:#99a9c0;--line:#1e293b;--line2:#334155;--accent:#22d3ee;--accent2:#67e8f9;--blue:#60a5fa;--red:#ff4b4b}
body{background:var(--bg);color:var(--ink)}
#feature-content .hero{position:relative;top:auto;backdrop-filter:none;border:0;min-height:calc(100svh - 150px)}
#feature-content .hero h1{font-size:clamp(48px,7.7vw,106px)!important;line-height:.98!important;max-width:16ch;letter-spacing:-.04em}
.feature-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px max(22px,calc((100vw - 1060px)/2));border-bottom:1px solid var(--line);color:var(--mute);font:600 12px/1.5 var(--sans)}
#feature-theme{position:static;width:44px;height:44px;background:var(--bg2);border-color:var(--line2);color:var(--ink);box-shadow:none;margin:0;flex:none}
button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
nav.rail{margin:0;padding:0;width:auto;gap:0;overflow:visible;align-items:stretch}
.rail a{min-height:32px;min-width:24px}.rail ol{width:max-content}.rail .dot{position:static;transform:none}
#feature-content .foot{background:var(--bg2);text-align:left;padding:70px 0 90px}
#feature-content .num{color:rgba(18,35,52,.06)}
body.dark-mode #feature-content .num{color:rgba(255,255,255,.035)}
#feature-content .chart .gl{stroke:var(--line)}
#feature-content .chart .vl.m{fill:var(--mute)}
#feature-content .refline{border-color:var(--mute)}
#feature-content .row.avg .rl em{color:var(--mute)}
#feature-content .row.lo .rl em,#feature-content tbody tr.lo{color:#b72a35}
body.dark-mode #feature-content .row.lo .rl em,body.dark-mode #feature-content tbody tr.lo{color:#ff9a9a}
#feature-content .waffle i{background-color:var(--bg3)}
#feature-content .btn{background:#22d3ee;color:#04121a}
#feature-content .nojs .interactive{display:block}
.nojs #feature-content .interactive{display:block}
.nojs #feature-content .ctl>label,.nojs #feature-content .ctl>input,.nojs #feature-content .ctl fieldset{display:none}
#feature-content .disc{border-color:var(--line2)}
#header-placeholder .nav-group.open .dropdown{display:block!important}
#header-placeholder .nav-group-label:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#footer-placeholder footer{background:var(--bg2);color:var(--ink);border-color:var(--line)}
#footer-placeholder h2{max-width:none}
@media(max-width:860px){#feature-content .hero h1{font-size:clamp(42px,10vw,72px)!important}.feature-toolbar{padding:10px 22px}}
@media(prefers-reduced-motion:reduce){.logo-heart{animation:none!important}}

body.dark-mode #header-placeholder .brand-wrapper span:first-child,body.dark-mode #header-placeholder .label-analyze{color:#60a5fa!important}
body.dark-mode #header-placeholder .label-reports{color:#a5b4fc!important}
body.dark-mode #header-placeholder .label-wealthmeter{color:#c4b5fd!important}
