:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-synthesis:none;color-scheme:light;--page:#f7fafd;--surface:#fff;--soft:#f2f6fb;--text:#101d35;--muted:#596d89;--line:#e2eaf3;--primary:#0074df;--primary-hover:#0074df;--shadow:0 6px 24px #1d4b7c06;--result:#f0fcfd;--result-line:#d8f4f6;--success:#087d3b;--input:#fbfdff;--footer:#082b49;background:var(--page);color:var(--text)}
:root[data-theme=dark]{color-scheme:dark;--page:#0b1423;--surface:#101e32;--soft:#16263e;--text:#e8effb;--muted:#a6b6ce;--line:#283a54;--primary:#4aafff;--primary-hover:#79c4ff;--shadow:0 6px 24px #00000016;--result:#10323b;--result-line:#1c4a56;--success:#58d69b;--input:#111f34;--footer:#071627}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;line-height:1.55;font-size:15px;background:radial-gradient(ellipse at 12% 15%,#cce9ff1f,transparent 40%),var(--page)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}button:disabled{cursor:default;opacity:.5}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:4px}[hidden]{display:none!important}.container{width:100%;max-width:1240px;padding:0 28px;margin:0 auto}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:16px;padding:12px 18px;background:var(--surface);border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.25}h2{font-size:24px}h3{font-size:16px}.muted{color:var(--muted)}
/* Compact, responsive header */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 12px #1a3f6603}.header-inner{display:flex;align-items:center;gap:28px;min-height:80px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:-1px;white-space:nowrap;color:var(--text);line-height:1}.brand:hover{color:var(--text)}.brand-accent{color:var(--primary)}.brand-mark{width:36px;height:40px;display:grid;place-items:center;color:#fff;background:#008dff;border-radius:8px;box-shadow:0 4px 10px #008cff18}.brand-mark .icon{width:27px;height:29px;stroke-width:1.9}.site-nav{display:flex;align-items:center;flex:1;gap:22px;min-width:0}.site-nav>a{font-size:13px;font-weight:600;position:relative;white-space:nowrap;padding:30px 0}.site-nav>a.nav-active::after{content:'';position:absolute;height:2px;background:var(--primary);bottom:19px;left:0;right:0}.nav-preferences{display:flex;gap:5px;margin-left:auto;align-items:center}.locale-control select{font-size:11px;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:6px 2px;color:var(--muted);height:32px;max-width:58px;cursor:pointer}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--text)}.icon-button:hover{background:var(--soft);color:var(--primary)}.icon-button .icon{width:21px;height:21px}.theme-toggle{border:0;border-radius:999px;background:#12355d;color:#fff;width:46px;height:28px;padding:3px;display:grid;place-items:center;box-shadow:inset 0 1px 3px #ffffff1a}.theme-toggle .icon{width:19px;height:19px}.theme-moon{display:none}.theme-sun{display:flex}.menu-toggle,.menu-close{display:none}[data-theme=dark] .theme-toggle{background:#294664}[data-theme=dark] .theme-moon{display:flex}[data-theme=dark] .theme-sun{display:none}
/* Hero illustration and search */
.hero-shell{position:relative;margin-top:22px;padding-bottom:28px}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:337px;padding:40px 40px 76px;border-radius:18px;color:#fff;background:radial-gradient(ellipse at 0 0,#40b2ff 0,transparent 45%),radial-gradient(ellipse at 100% 8%,#6352fb 0,transparent 45%),radial-gradient(ellipse at 100% 100%,#00c7b4 0,transparent 48%),linear-gradient(120deg,#135fa8,#092969 54%,#184cbd);box-shadow:0 12px 34px #1757a51a}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,#ffffff06,transparent 50%)}.hero-copy{position:relative;z-index:1;max-width:72%}.hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;border:1px solid #ffffff26;background:#ffffff1f;box-shadow:inset 0 1px #ffffff0a;border-radius:999px;padding:7px 12px;color:#fff;margin-bottom:18px}.hero-badge .icon{width:14px;height:14px}.hero h1{font-size:42px;font-weight:800;line-height:1.12;letter-spacing:-.045em;max-width:770px;margin:0 0 18px;text-shadow:0 2px 3px #102a6b20}.hero h1 span{display:block;color:#1dd9eb}.hero p{font-size:16px;line-height:1.65;max-width:640px;color:#f0f6ff;margin-bottom:0}.hero-art{position:absolute;width:350px;height:350px;object-fit:contain;right:12px;top:-8px;filter:drop-shadow(0 14px 14px #04266533);pointer-events:none}.searchbox{position:absolute;bottom:0;left:60px;right:60px;display:flex;align-items:center;gap:14px;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px 11px 10px 20px;box-shadow:0 8px 24px #123b6624;min-height:66px}.searchbox>.icon{width:23px;height:23px;color:#163a67}.searchbox input{flex:1;width:0;min-width:0;outline:none;border:0;background:transparent;color:var(--text);font-size:14px;padding:10px 0;scroll-margin-top:140px}.searchbox input::placeholder{color:var(--muted)}.searchbox:focus-within{outline:3px solid var(--primary);outline-offset:3px}.search-submit{border:0;border-radius:999px;background:linear-gradient(#0074df,#0067d2);color:#fff;font-weight:650;padding:11px 32px;min-height:44px}.search-submit:hover{background:#0078e6}.popular-searches{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:24px;margin-bottom:8px}.popular-searches>span{font-weight:650;font-size:12px;margin-right:2px}.popular-searches button{font-size:11px;padding:5px 11px;line-height:1.4;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--text)}.popular-searches button:hover{border-color:var(--primary);color:var(--primary)}
/* Categories, catalogue and content cards */
.main{padding-top:30px;padding-bottom:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:0;font-size:24px;font-weight:750}.section-kicker{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:750;margin-bottom:7px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:13px;font-weight:650;flex-shrink:0}.text-link>.icon{width:17px;height:17px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;min-height:152px;padding:20px 12px 17px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;box-shadow:var(--shadow);color:var(--text);transition:transform .18s,border-color .18s}.category-card:hover{transform:translateY(-4px);border-color:#9dcfff}.category-card[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px #008cff12}.category-card strong{font-size:14px;line-height:1.3;font-weight:700}.category-card .muted{font-size:12px}.category-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;margin-bottom:4px;background:var(--icon-bg);color:var(--icon-fg)}.category-icon .icon{width:30px;height:30px;stroke-width:1.6}.tone-matematica,.tone-violet{--icon-bg:#f0edff;--icon-fg:#6237ee}.tone-finanza{--icon-bg:#fff3e5;--icon-fg:#ec891c}.tone-casa,.tone-green{--icon-bg:#e5f8ed;--icon-fg:#09a65d}.tone-auto{--icon-bg:#edf0ff;--icon-fg:#3850e6}.tone-tempo,.tone-blue{--icon-bg:#e8f3ff;--icon-fg:#008cff}.tone-teal{--icon-bg:#def8f4;--icon-fg:#00a69e}.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:34px 5px;margin-bottom:13px}.benefit{display:flex;align-items:center;gap:12px}.benefit-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;color:var(--icon-fg);background:var(--icon-bg)}.benefit-icon .icon{width:23px;height:23px}.benefit h3{font-size:12px;letter-spacing:-.02em;margin:0 0 4px;font-weight:750}.benefit p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.featured-section{margin-bottom:45px}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{position:relative;display:flex;align-items:flex-start;gap:13px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:21px 18px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s;min-height:144px}.tile:hover{transform:translateY(-3px);border-color:#9bcafd;color:var(--text)}.tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--icon-bg);color:var(--icon-fg);flex-shrink:0}.tile-icon .icon{width:25px;height:25px}.tile-content{min-width:0}.tile h3{font-size:14px;letter-spacing:-.025em;font-weight:750;margin:1px 0 7px}.tile p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 12px}.pill{display:inline-block;background:var(--soft);color:var(--muted);font-size:9px;padding:3px 8px;border-radius:999px;font-weight:500}.tile-arrow{position:absolute;right:14px;bottom:15px;color:var(--primary);opacity:0;transform:translateX(-4px);transition:.18s}.tile-arrow .icon{width:16px;height:16px}.tile:hover .tile-arrow{opacity:1;transform:none}.featured-tile{padding:20px 15px;min-height:161px;gap:10px}.featured-tile .tile-icon{width:35px;height:35px;border-radius:12px}.featured-tile .tile-icon .icon{width:22px;height:22px}.featured-tile h3{font-size:13px}.featured-tile p{font-size:11px}.catalog-section{padding-top:12px;scroll-margin-top:105px}.search-count{font-size:12px}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:12px;min-height:40px;font-weight:600}.filter-btn span{font-size:10px;opacity:.7}.filter-btn[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-btn:hover{border-color:var(--primary)}.empty-state{padding:35px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:14px}.empty-icon{display:grid;place-items:center;margin:0 auto 14px;width:50px;height:50px;background:var(--soft);color:var(--primary);border-radius:50%}.empty-state h3{margin-bottom:8px}.empty-state p{font-size:13px;color:var(--muted)}.guides-section{padding-top:48px;scroll-margin-top:105px}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.guide-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--primary);background:var(--soft);border-radius:12px;margin-bottom:17px}.guide-card h3{font-size:17px;margin-bottom:10px}.guide-card p{font-size:13px;color:var(--muted);margin-bottom:19px}.guide-card:hover{border-color:var(--primary);color:var(--text)}.guide-card .text-link{font-size:12px}.disclaimer{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin:32px 0 0}.disclaimer>.icon{width:16px;height:16px;margin-top:2px}
/* Calculator form and live result, side by side */
.tool-page{padding-top:24px;padding-bottom:40px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted);margin-bottom:22px}.breadcrumb>a:hover{color:var(--primary)}.tool-heading{display:flex;align-items:center;gap:16px;margin-bottom:27px}.tool-title-icon{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;color:var(--icon-fg);background:var(--icon-bg);border-radius:21px}.tool-title-icon .icon{width:34px;height:34px;stroke-width:1.6}.tool-heading h1{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:0 0 8px}.tool-heading p{font-size:14px;color:var(--muted);margin:0;max-width:780px}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:var(--shadow)}.calculator-panel{padding:25px}.calculator-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:30px;align-items:stretch}.calculator-inputs{min-width:0}.input-title{font-size:13px;margin:0 0 20px;font-weight:700;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:13px;font-weight:600;line-height:1.5}.field input,.field select{width:100%;min-width:0;height:45px;padding:10px 13px;color:var(--text);border:1px solid var(--line);border-radius:7px;background:var(--input);font-size:15px}.field input:focus,.field select:focus{outline:3px solid #008cff21;border-color:var(--primary)}.form-actions{display:flex;gap:10px;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 19px;border:1px solid transparent;border-radius:8px;background:linear-gradient(180deg,#0074df,#0067d2);color:#fff;font-weight:650;font-size:13px;line-height:1.4}.btn:hover{background:#007ce8;color:#fff}.btn>.icon{width:17px;height:17px}.form-actions .btn:first-child{flex:1}.btn.secondary{background:var(--surface);color:var(--muted);border-color:var(--line)}.btn.secondary:hover{color:var(--primary);background:var(--soft);border-color:#9ccfff}#currency-note{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.7}.calculator-results{display:flex;flex-direction:column;min-width:0;background:linear-gradient(120deg,var(--result),var(--surface));border:1px solid var(--result-line);padding:24px;border-radius:11px}.result{display:flex;flex-direction:column;gap:15px}.result-label{font-size:13px;color:var(--success);font-weight:750}.result-value{font-size:34px;line-height:1.2;letter-spacing:-.04em;color:var(--primary);font-weight:750;overflow-wrap:anywhere}.result-detail{color:var(--muted);font-size:12px;line-height:1.75}#result{display:flex;flex-direction:column;gap:12px;min-width:0;overflow-wrap:anywhere}.result.error{background:#fff0f0;color:#b1273c;border:1px solid #ffd2d7;padding:14px;border-radius:9px}.result.error .result-label{color:#b1273c}.metrics{margin:20px 0 0}.metric{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--result-line);min-width:0}.metric:last-child{border-bottom:0}.metric dt{color:var(--muted);font-size:12px}.metric dd{font-size:15px;font-weight:750;color:var(--text);margin:0;text-align:right;overflow-wrap:anywhere;min-width:0;max-width:65%}.copy-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding-top:24px}.copy-actions .btn{font-size:11px;min-height:36px;padding:8px 12px}.copy-actions .btn .icon{width:14px;height:14px}#copy-status{font-size:11px}#copy-fallback{width:100%;min-height:100px;background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:10px;font-size:12px}.estimate-note{display:flex;gap:9px;align-items:flex-start;margin-top:22px;padding:11px 13px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.estimate-note>.icon{width:18px;height:18px;color:var(--primary);margin-top:1px}.estimate-note p{font-size:11px;color:var(--muted);margin:0}
/* Chart and annual data */
.growth-section{margin-top:27px;padding-top:24px;border-top:1px solid var(--line)}.growth-section h2{font-size:18px;margin-bottom:8px}.growth-section>p{font-size:12px;max-width:780px;margin-bottom:18px}.growth-chart{display:block;width:100%;max-height:310px;background:var(--soft);border-radius:10px;overflow:visible}.growth-chart text{font-family:inherit;font-size:13px;fill:var(--muted)}.chart-axis{stroke:var(--line)}.chart-balance{stroke:var(--primary)}.chart-deposits{stroke:#7b7ef3;stroke-dasharray:7 5}.chart-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:var(--muted);margin:13px 0 21px}.chart-legend span::before{content:'';display:inline-block;width:20px;border-top:3px solid var(--primary);margin-right:7px;vertical-align:middle}.chart-legend .legend-deposits::before{border-color:#7b7ef3;border-top-style:dashed}.annual-details>summary{cursor:pointer;font-size:13px;color:var(--text);font-weight:700;padding:9px 0}.table-scroll{max-width:100%;overflow-x:auto;margin-top:12px;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;min-width:530px;width:100%;font-size:12px}caption{text-align:left;padding:13px;background:var(--soft);font-size:12px;font-weight:650}th,td{padding:11px 15px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}thead{background:var(--soft)}tbody tr:last-child>*{border-bottom:0}tbody tr:nth-child(even){background:var(--input)}
/* Explanations and supporting content */
.explanation-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;margin-top:25px;align-items:start}.info h2,.faq-section h2{font-size:20px;margin:0 0 15px}.info>p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:24px}.info .formula-title{font-size:14px;margin-bottom:10px}.formula{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:16px;font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.example{display:flex;gap:13px;border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.example-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--primary);background:var(--soft);border-radius:10px;flex-shrink:0}.example-icon .icon{width:19px;height:19px}.example h2{font-size:14px;margin:0 0 8px}.example p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.faq{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;font-size:13px;font-weight:650;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:16px;height:16px;color:var(--muted);transition:transform .18s}.faq[open] summary .icon{transform:rotate(180deg)}.faq p{font-size:12px;line-height:1.8;margin:0 20px 17px 0;color:var(--muted)}.back{margin-top:24px;font-size:12px}.related{padding-top:35px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legal{width:calc(100% - 40px);max-width:800px;margin:36px auto 60px;padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.legal h1{font-size:30px}.legal p{color:var(--muted);line-height:1.9;font-size:14px}
/* Footer */
.footer{padding-top:38px;background:radial-gradient(ellipse at 100% 0,#16548440,transparent 65%),var(--footer);color:#d3e2f3;margin-top:0;border-radius:16px 16px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;padding-bottom:35px}.footer .brand{color:#fff;font-size:22px}.footer .brand-accent{color:#75c9ff}.footer .brand-mark{width:29px;height:33px;border-radius:6px}.footer .brand-mark .icon{width:22px;height:25px}.footer-intro p{font-size:12px;line-height:1.85;max-width:290px;margin:18px 0 15px;color:#b3c8e1}.footer-status{font-size:10px;color:#bad0e5;display:flex;align-items:center;gap:7px}.footer-status>span{width:6px;height:6px;border-radius:50%;background:#18ce91}.footer h2{font-size:13px;font-weight:650;color:#fff;margin:2px 0 15px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;color:#b9cde4;margin-bottom:8px}.footer a:hover{color:#fff}.language-links{display:flex;gap:14px;margin:18px 0;font-size:11px}.footer .back-top{display:inline-flex!important;align-items:center;gap:7px;margin-top:15px!important}.back-top .icon{transform:rotate(-90deg);width:16px;height:16px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a4bcd8;border-top:1px solid #ffffff12;padding-top:17px;padding-bottom:21px}
/* Dark palette */
[data-theme=dark] .tone-matematica,[data-theme=dark] .tone-violet{--icon-bg:#2d2454;--icon-fg:#b19aff}[data-theme=dark] .tone-finanza{--icon-bg:#382c22;--icon-fg:#ffb86b}[data-theme=dark] .tone-casa,[data-theme=dark] .tone-green{--icon-bg:#163b31;--icon-fg:#53d79b}[data-theme=dark] .tone-auto{--icon-bg:#252c56;--icon-fg:#a3b0ff}[data-theme=dark] .tone-tempo,[data-theme=dark] .tone-blue{--icon-bg:#18334f;--icon-fg:#6abaff}[data-theme=dark] .tone-teal{--icon-bg:#153b3f;--icon-fg:#61d6cd}[data-theme=dark] .searchbox>.icon{color:#9fc6fa}[data-theme=dark] .filter-btn[aria-pressed=true]{background:#1d5d96;color:#fff}[data-theme=dark] .btn:not(.secondary){background:linear-gradient(#168ce6,#0876ca);color:#fff}[data-theme=dark] .result.error{background:#3a202a;border-color:#61313b;color:#ff9fac}[data-theme=dark] .result.error .result-label{color:#ff9fac}
/* Tablet and mobile */
@media(min-width:1400px){.hero h1{font-size:46px}.hero-art{width:365px;height:365px;right:21px;top:-12px}}
@media(max-width:1100px){.header-inner{gap:19px}.site-nav{gap:17px}.site-nav>a{font-size:12px}.brand{font-size:23px;gap:8px}.header-search{display:none}.hero h1{font-size:37px}.hero-copy{max-width:72%}.hero-art{width:300px;height:300px;top:16px;right:6px}.hero{padding-left:33px;padding-right:33px}.benefits{gap:14px}.benefit{gap:8px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-tile{min-height:135px}.footer-grid{gap:25px}}
@media(max-width:900px){.header-inner{min-height:70px;justify-content:space-between}.header-actions{margin-left:auto}.menu-toggle{display:inline-flex}.site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #102a4612;padding:17px 28px 22px;gap:4px 20px}.js .site-nav{display:none}.js .menu-is-open .site-nav{display:grid}.site-nav>a{font-size:14px;padding:11px 0}.site-nav>a.nav-active::after{bottom:5px;right:auto;width:22px}.nav-preferences{grid-column:1/-1;margin:13px 0 0;padding-top:13px;border-top:1px solid var(--line);gap:12px}.locale-control select{font-size:13px;padding:7px 10px;max-width:none;height:37px}.menu-is-open .menu-open{display:none}.menu-is-open .menu-close{display:inline}.hero-copy{max-width:76%}.hero-art{width:265px;height:265px;top:31px;right:-10px;opacity:.92}.hero h1{font-size:34px;max-width:580px}.hero p{font-size:14px;max-width:480px}.hero{min-height:315px}.category-grid{gap:10px}.category-card{padding:17px 10px;min-height:143px}.category-card strong{font-size:12px}.category-card .muted{font-size:11px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:29px 0}.benefit h3{font-size:13px}.benefit p{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid .tile{display:block;padding:16px}.related-grid .tile-icon{margin-bottom:13px}.calculator-workspace{gap:22px}.calculator-results{padding:20px}.result-value{font-size:29px}.explanation-layout{gap:16px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:25px}.footer-grid>div:last-child{grid-column:2/4}.footer-intro{grid-row:span 2}}
@media(max-width:680px){.container{padding-left:20px;padding-right:20px}.header-inner{min-height:66px;gap:12px}.brand{font-size:23px}.brand-mark{width:30px;height:34px;border-radius:6px}.brand-mark .icon{width:23px;height:25px}.header-actions{gap:9px}.theme-toggle{width:36px;height:27px}.icon-button{width:31px;height:34px}.hero-shell{margin-top:14px;padding-bottom:25px}.hero{min-height:0;padding:27px 25px 75px;border-radius:14px}.hero-copy{max-width:100%}.hero-art{display:none}.hero-badge{font-size:10px;padding:5px 10px;margin-bottom:15px}.hero h1{font-size:33px;line-height:1.14;margin-bottom:15px;max-width:560px}.hero p{font-size:14px;line-height:1.65;max-width:500px}.searchbox{left:35px;right:35px;bottom:0;min-height:58px;padding:7px 8px 7px 13px;border-radius:15px;gap:9px}.searchbox>.icon{width:18px;height:18px}.searchbox input{font-size:12px}.search-submit{padding:10px 21px;min-height:40px;font-size:12px}.popular-searches{gap:6px;margin-top:19px}.popular-searches>span{font-size:11px}.popular-searches button{font-size:10px;padding:5px 10px}.main{padding-top:27px}.section-heading{gap:12px;margin-bottom:17px}.section-heading h2{font-size:21px}.text-link{font-size:11px;gap:4px}.text-link>.icon{width:15px;height:15px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-card{padding:16px 8px;min-height:138px;border-radius:12px}.category-card strong{font-size:12px}.category-icon{width:44px;height:44px;border-radius:15px}.category-icon .icon{width:27px;height:27px}.benefits{gap:20px 15px;padding:28px 0;margin-bottom:8px}.benefit{align-items:flex-start;gap:8px}.benefit-icon{width:34px;height:34px}.benefit-icon .icon{width:20px;height:20px}.benefit h3{font-size:11px;margin-bottom:3px}.benefit p{font-size:10px;line-height:1.55}.featured-section{margin-bottom:33px}.featured-grid,.grid{gap:10px}.tile,.featured-tile{display:block;padding:17px 14px;min-height:170px;border-radius:12px}.tile-icon,.featured-tile .tile-icon{width:36px;height:36px;border-radius:12px;margin-bottom:12px}.tile h3,.featured-tile h3{font-size:13px;line-height:1.35;margin:0 0 7px}.tile p,.featured-tile p{font-size:11px;line-height:1.6;margin-bottom:11px}.pill{font-size:8px;padding:3px 7px}.tile-arrow{display:none}.catalog-section .section-heading{align-items:flex-start;flex-direction:column;gap:8px}.category-filters{gap:6px;margin-bottom:18px}.filter-btn{padding:8px 11px;font-size:11px;min-height:38px;border-radius:8px;gap:6px}.filter-btn span{font-size:9px}.guides-section{padding-top:35px}.guides-grid{grid-template-columns:1fr;gap:12px}.guide-card{padding:23px}.guide-card h3{font-size:17px}.guide-card p{font-size:12px}.disclaimer{font-size:11px;margin-top:26px}.tool-page{padding-top:20px}.breadcrumb{font-size:10px;gap:6px;margin-bottom:20px}.tool-heading{gap:12px;align-items:flex-start;margin-bottom:22px}.tool-title-icon{width:47px;height:47px;border-radius:16px}.tool-title-icon .icon{width:28px;height:28px}.tool-heading h1{font-size:27px;line-height:1.15;margin-bottom:7px}.tool-heading p{font-size:12px;line-height:1.7}.calculator-panel{padding:17px;border-radius:13px}.calculator-workspace{grid-template-columns:1fr;gap:22px}.input-title{font-size:12px;margin-bottom:16px}.field label{font-size:12px}.field input,.field select{height:44px;font-size:14px}.fields{gap:15px}.form-actions{margin-top:20px;gap:9px}.form-actions .btn{padding:11px 14px;font-size:12px}.calculator-results{padding:20px;border-radius:10px;min-height:200px}.result-label{font-size:12px}.result-value{font-size:31px}.result-detail{font-size:12px}.metric{padding:12px 0}.metric dt{font-size:12px}.metric dd{font-size:14px}.copy-actions{padding-top:20px}.estimate-note{padding:10px;margin-top:18px}.estimate-note p{font-size:10px}.estimate-note>.icon{width:16px;height:16px}.explanation-layout{grid-template-columns:1fr;gap:17px;margin-top:20px}.panel.info,.faq-section{padding:23px}.info h2,.faq-section h2{font-size:20px}.info .formula-title{font-size:14px}.info>p,.example p{font-size:12px}.formula{font-size:11px;padding:14px}.example h2{font-size:14px}.related{padding-top:28px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid .tile{padding:17px 14px}.growth-section h2{font-size:17px}.growth-section>p{font-size:11px}.growth-chart{max-height:none}.growth-chart text{font-size:26px}.chart-legend{font-size:10px;gap:12px}.annual-details>summary{font-size:12px}.legal{width:calc(100% - 40px);padding:24px;margin-top:22px}.legal h1{font-size:26px}.legal p{font-size:13px}.footer{padding-top:30px;border-radius:12px 12px 0 0}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;padding-bottom:28px}.footer-intro{grid-column:1/-1;grid-row:auto}.footer-intro p{max-width:360px;margin:15px 0 12px}.footer-grid>div:last-child{grid-column:auto}.footer h2{font-size:12px}.footer-grid>div>a:not(.brand){font-size:11px}.footer-bottom{font-size:9px;flex-direction:column;gap:5px;padding-top:15px;padding-bottom:17px}}
@media(max-width:400px){.container{padding-left:16px;padding-right:16px}.brand{font-size:21px;gap:7px}.header-actions{gap:7px}.brand-mark{width:28px;height:32px}.hero{padding:25px 21px 70px}.hero h1{font-size:30px}.hero p{font-size:13px}.searchbox{left:29px;right:29px;gap:7px;padding-left:11px}.search-submit{padding:10px 17px;font-size:11px}.searchbox input{font-size:11px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:138px}.category-card strong{font-size:13px}.category-card .muted{font-size:11px}.tile,.featured-tile{padding:15px 12px}.section-heading h2{font-size:20px}.tool-heading h1{font-size:25px}.tool-page{padding-left:15px;padding-right:15px}.calculator-panel{padding:15px}.calculator-results{padding:18px}.metric dd{font-size:13px}.legal{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:900px){html:not(.js) .header-inner{flex-wrap:wrap}html:not(.js) .site-nav{position:static;order:3;flex-basis:100%;box-shadow:none}html:not(.js) .menu-toggle,html:not(.js) .theme-toggle{display:none}}

.breadcrumb-separator .icon{width:12px;height:12px;transform:rotate(-90deg)}

/* Display ads stay separate from calculator inputs and navigation. */
.ad-placement{margin:64px 0;min-width:0;text-align:center;border-top:1px solid var(--line);padding:20px 0 12px}
.ad-label{display:block;margin:0 0 12px;font-size:10px;letter-spacing:.04em;color:var(--muted)}
.ad-placement .adsbygoogle{min-height:250px;max-width:100%;overflow:hidden}
.footer .privacy-settings{display:block;border:0;background:none;color:#b9cde4;font-size:12px;padding:0;text-align:left;cursor:pointer;margin:12px 0}
.footer .privacy-settings:hover{color:#fff}
.operator-details{margin:28px 0;padding-top:24px;border-top:1px solid var(--line)}
.operator-details h2{font-size:20px}.operator-details p{margin-bottom:9px}.operator-details a{color:var(--primary);overflow-wrap:anywhere}