@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";
:root{--color-navy-900:#0b3b54;--color-blue-600:#1e76a8;--color-sky-300:#7fc3e8;--color-blue-50:#eaf5fc;--color-border:#dce6ec;--color-border-light:#eef2f5;--color-bg-page:#fbfcfd;--color-chip-bg:#f1f5f7;--color-white:#fff;--color-text-900:#16232c;--color-text-700:#33475a;--color-text-600:#3e5666;--color-text-500:#5b7180;--color-text-400:#8398a4;--color-text-300:#9aabb6;--surface-page:var(--color-bg-page);--surface-card:var(--color-white);--surface-dark:var(--color-navy-900);--surface-accent-soft:var(--color-blue-50);--surface-chip:var(--color-chip-bg);--border-default:var(--color-border);--border-subtle:var(--color-border-light);--text-heading:var(--color-navy-900);--text-body:var(--color-text-700);--text-secondary:var(--color-text-600);--text-muted:var(--color-text-500);--text-faint:var(--color-text-400);--text-faintest:var(--color-text-300);--text-on-dark:var(--color-white);--text-on-dark-muted:#ffffffb3;--text-on-dark-faint:#ffffff8c;--border-on-dark:#ffffff26;--accent-primary:var(--color-blue-600);--accent-soft:var(--color-sky-300);--accent-primary-hover:var(--color-navy-900);--chart-principal:#ffffff59;--chart-deposit:var(--color-blue-600);--chart-gain:var(--color-sky-300);--font-sans:"Public Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:16px;--radius-pill:999px;--shadow-dropdown:0 12px 32px #0b3b5424;--shadow-tooltip:0 8px 24px #0b3b5440;--container-page:1200px;--container-max:1200px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--color-text-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1 0 auto}a{color:var(--accent-primary)}a:hover{color:var(--accent-primary-hover)}input[type=number]::-webkit-inner-spin-button{opacity:.5}.ds-range{appearance:none;cursor:pointer;background:0 0}.ds-range::-webkit-slider-runnable-track{background:var(--border-default);border-radius:2px;height:4px}.ds-range::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);width:16px;height:16px;box-shadow:0 0 0 1px var(--border-default);border:2px solid #fff;border-radius:50%;margin-top:-6px}.ds-range::-moz-range-track{background:var(--border-default);border-radius:2px;height:4px}.ds-range::-moz-range-thumb{background:var(--accent-primary);width:16px;height:16px;box-shadow:0 0 0 1px var(--border-default);border:2px solid #fff;border-radius:50%}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.page-main{width:100%;max-width:var(--container-page);margin:0 auto;padding:56px 24px 0}.nav-desktop{display:flex}.nav-hamburger{display:none}@media (max-width:760px){.nav-desktop{display:none}.nav-hamburger{display:flex}}@media (max-width:560px){.result-panel{gap:18px!important;padding:22px!important}.result-top{gap:16px!important}.result-stats{width:100%;grid-template-columns:1fr 1fr!important;gap:14px 18px!important;display:grid!important}.field-grid{grid-template-columns:1fr 1fr!important}.field-cell--full{grid-column:1/-1}.page-main{padding-top:28px}}.drawer-overlay{opacity:0;pointer-events:none;z-index:50;background:#0b3b5473;transition:opacity .22s;position:fixed;inset:0}.drawer-overlay.is-open{opacity:1;pointer-events:auto}.drawer{background:var(--surface-card);z-index:60;flex-direction:column;width:min(320px,86vw);height:100%;padding:14px 18px 28px;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 40px #0b3b542e}.drawer.is-open{transform:translate(0)}body.drawer-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.drawer,.drawer-overlay{transition:none}}.rate-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1.4fr 1.6fr auto auto;grid-template-areas:"name note rate cta";align-items:center;gap:16px;padding:18px 22px;display:grid}.rate-row .rate-name{grid-area:name}.rate-row .rate-note{grid-area:note}.rate-row .rate-value{grid-area:rate;justify-self:end}.rate-row .rate-cta{grid-area:cta;align-items:flex-end}@media (max-width:640px){.rate-row{grid-template-columns:1fr auto;grid-template-areas:"name rate""note note""cta cta";gap:10px 14px;padding:16px 18px}.rate-row .rate-value{align-self:start}.rate-row .rate-cta{align-items:flex-start}}