:root{--bg:#eceef1;--card:#fff;--tile:#f4f5f7;--text:#14161a;--muted:#5d6370;--line:#dde0e6;--accent:#e4460a}
@media(prefers-color-scheme:dark){:root{--bg:#0d0e11;--card:#16181d;--tile:#1d2026;--text:#f1f2f4;--muted:#a9aebb;--line:#2a2d35;--accent:#ff6a2b}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}a:hover{text-decoration-thickness:2px}.banner{background:#0f1013;color:#fff;padding:20px 20px 44px}.wrap{max-width:980px;margin:auto}.brand{color:#fff;font-weight:700;font-size:18px;text-decoration:none}.dot{display:inline-block;width:12px;height:12px;background:#ff6a2b;border-radius:50%;margin-right:10px}.nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.nav a{color:#d7d9df;text-decoration:none;font-size:14px}h1{font-size:clamp(30px,5vw,50px);letter-spacing:-.03em;line-height:1.13;margin:30px 0 10px}.lead{color:#c4c7cf;max-width:740px;font-size:18px;margin:0}.container{max-width:980px;margin:-20px auto 0;padding:0 20px 35px}section,.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;margin:0 0 20px}h2{font-size:23px;line-height:1.2;margin:0 0 14px}h3{font-size:18px;margin:24px 0 8px}p{margin:10px 0 16px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{display:block;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--tile);color:var(--text);text-decoration:none}.card:hover{border-color:var(--accent)}.card strong{display:block;margin-bottom:5px}.card span{font-size:14px;color:var(--muted)}.inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.field input,.field select{display:block;width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--tile);color:var(--text)}.result{background:var(--tile);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:18px}.result strong{font-size:clamp(26px,4vw,38px);font-variant-numeric:tabular-nums}.result p{margin:0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px;white-space:nowrap}th{background:var(--tile)}.crumb{font-size:13px;margin:0 0 16px;color:var(--muted)}.crumb a{color:var(--muted)}.notice{font-size:14px;color:var(--muted)}footer{max-width:980px;margin:0 auto;padding:0 20px 35px;font-size:13px;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:600px){section,.panel{padding:18px}.banner{padding-bottom:40px}}

/* 2026 refinement: fast, responsive, accessible */
:root{--bg:#f5f5f2;--card:#ffffff;--tile:#f8f8f5;--text:#17212b;--muted:#5e6a76;--line:#e1e5e5;--accent:#d74819;--accent-t:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#10151b;--card:#18212b;--tile:#202c37;--text:#f1f5f8;--muted:#b4c0cd;--line:#35424d;--accent:#ff8155}}
html{scroll-behavior:smooth}body{line-height:1.62} .banner{background:linear-gradient(110deg,#101924,#233449 70%,#36463a);padding-top:24px;padding-bottom:68px;position:relative;overflow:hidden}.banner:after{content:'';position:absolute;width:350px;height:350px;right:-150px;top:-140px;border:70px solid #ffffff08;border-radius:50%;pointer-events:none}.wrap{position:relative;z-index:1;max-width:1100px}.container{max-width:1100px;margin-top:-32px;position:relative}.brand{font-size:20px;letter-spacing:-.03em}.nav{margin-top:22px;gap:9px}.nav a{border:1px solid #ffffff25;padding:8px 13px;border-radius:999px;background:#ffffff08}.nav a:hover{background:#ffffff20;color:white}.lead{max-width:680px}section,.panel{border-radius:20px;box-shadow:0 10px 30px #06142608}h1{font-weight:800}h2{letter-spacing:-.025em}.card{border-radius:15px;transition:transform .15s,border-color .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0d142010}.card strong{font-size:16px}.field input,.field select{border-radius:10px;padding:12px;min-height:46px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.result{background:linear-gradient(135deg,var(--tile),var(--card));border-left:4px solid var(--accent)}.result strong{line-height:1.25;display:block}.eyebrow{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.featurebar{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.featurebar span{border:1px solid #ffffff40;border-radius:999px;color:#e9eef2;padding:5px 12px;font-size:13px}.btn-action{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px 17px;font:700 14px Inter,system-ui,sans-serif;cursor:pointer}.btn-action:hover{filter:brightness(.94)}.result-help{font-size:14px;color:var(--muted)}.related-strip{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.related-strip a{font-weight:650}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.footer-nav a{color:var(--muted)}.ad-ready-note{font-size:13px;color:var(--muted)}@media(max-width:650px){.banner{padding:16px 16px 60px}.container{padding:0 12px 24px}.nav{gap:7px}.nav a{font-size:12px;padding:7px 10px}section,.panel{padding:18px}h1{margin-top:26px}}