:root{--bg:#f6f8fa;--surface:#ffffff;--ink:#16222e;--muted:#5b6b7b;--line:#e2e8ef;--accent:#0f4c81;--accent-2:#1a7fc4;--accent-soft:#e8f1f8;--good:#1f7a4d;--hero-ink:#ffffff;--shadow:0 1px 2px rgba(15,40,70,.05),0 4px 14px rgba(15,40,70,.06);--shadow-lift:0 2px 4px rgba(15,40,70,.08),0 10px 28px rgba(15,40,70,.12);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e141b;--surface:#161e27;--ink:#e8edf2;--muted:#93a3b3;--line:#263340;--accent:#5fa8dd;--accent-2:#7fbde8;--accent-soft:#1a2938;--shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);--shadow-lift:0 2px 4px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35);color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;text-rendering:optimizeLegibility}.wrap{max-width:1000px;margin:0 auto;padding:0 20px}a{color:var(--accent)}h1{font-size:2rem;line-height:1.2;margin:30px 0 10px;letter-spacing:-.02em}h2{font-size:1.35rem;margin:40px 0 10px;letter-spacing:-.01em}.lead{color:var(--muted);max-width:68ch;margin-top:0;font-size:1.05rem}.eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin:40px 0 -4px}.eyebrow+h2{margin-top:4px}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav{justify-content:space-between;min-height:60px;gap:12px}.brand,.nav{display:flex;align-items:center}.brand{gap:9px;font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:4px;flex-wrap:wrap}.nav-links a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500;padding:6px 12px;border-radius:8px}.nav-links a:hover{color:var(--accent);background:var(--accent-soft)}.hero{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(135deg,#0b3a64,#0f4c81 55%,#14639f);color:var(--hero-ink);padding:56px 0 84px;position:relative;overflow:hidden}.hero-inner{max-width:1000px;margin:0 auto;padding:0 20px;position:relative}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:42px;background:var(--bg);-webkit-clip-path:ellipse(75% 100% at 50% 100%);clip-path:ellipse(75% 100% at 50% 100%)}.hero h1{color:#fff;font-size:clamp(1.8rem,4.5vw,2.7rem);margin:0 0 10px}.hero p{color:#b9d4ea;font-size:1.1rem;max-width:60ch;margin:0 0 26px}.hero .whale-float{position:absolute;right:4%;top:18%;opacity:.16;transform:rotate(-6deg);pointer-events:none}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-badges span{font-size:.8rem;font-weight:600;color:#dcebf7;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:5px 14px}.searchbox{position:relative;max-width:560px}.searchbox input{width:100%;font:inherit;font-size:1.05rem;padding:14px 18px 14px 46px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.96);color:#16222e;box-shadow:var(--shadow-lift);outline:none}.searchbox .mag{position:absolute;left:15px;top:15px;opacity:.45}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift);overflow:hidden;max-height:330px;overflow-y:auto}.search-results a{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;text-decoration:none;color:var(--ink);font-size:.95rem;border-bottom:1px solid var(--line)}.search-results a:last-child{border-bottom:none}.search-results a.active,.search-results a:hover{background:var(--accent-soft)}.search-results .kind{color:var(--muted);font-size:.78rem;white-space:nowrap;align-self:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));grid-gap:14px;gap:14px;margin:18px 0}.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--accent-2)}.card h3{margin:0 0 5px;font-size:1.02rem;color:var(--accent);letter-spacing:-.01em}.card p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.5}.converter{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;margin:22px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:end;box-shadow:var(--shadow)}.converter label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}.converter input,.converter select,.tool input,.tool select,.tool textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 13px}.converter input:focus,.tool input:focus,.tool textarea:focus{border-color:var(--accent-2);outline:2px solid var(--accent-soft)}.converter input{width:170px;font-size:1.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.converter .eq{font-size:1.5rem;color:var(--muted);padding-bottom:8px}.result{background:linear-gradient(135deg,var(--accent-soft),transparent 220%);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:4px 0 0;font-size:1.45rem;font-weight:800;color:var(--accent);width:100%;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.swap-link{font-size:.85rem}table.ctable{border-collapse:separate;border-spacing:0;width:100%;max-width:580px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:var(--shadow)}.ctable th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 16px;border-bottom:2px solid var(--line);background:color-mix(in srgb,var(--surface) 60%,var(--bg))}.ctable td{padding:8px 16px;border-bottom:1px solid var(--line)}.ctable tr:last-child td{border-bottom:none}.ctable tbody tr:hover td{background:var(--accent-soft)}.crumbs{font-size:.85rem;margin-top:22px}.crumbs,.crumbs a{color:var(--muted)}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 18px;margin:8px 0;box-shadow:var(--shadow)}.faq summary{font-weight:600;cursor:pointer}.faq details[open] summary{color:var(--accent)}.related{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.related a,.related span{font-size:.85rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:6px 15px;text-decoration:none;transition:border-color .12s ease,background .12s ease}.related a:hover{border-color:var(--accent-2);background:var(--accent-soft)}.tool{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin:22px 0;box-shadow:var(--shadow)}.tool textarea{width:100%;min-height:160px;resize:vertical}.tool .row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;align-items:center}.tool button{font:inherit;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:filter .12s ease,transform .12s ease}.tool button:hover{filter:brightness(1.12)}.tool button:active{transform:scale(.98)}.tool button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.stat{background:var(--accent-soft);border-radius:10px;padding:12px 18px;min-width:110px}.stat b{display:block;font-size:1.45rem;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat span{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.formula{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent-2);border-radius:8px;padding:14px 18px;margin:14px 0;font-family:ui-monospace,Menlo,monospace;font-size:1rem;overflow-x:auto;box-shadow:var(--shadow)}.house-ad{margin:36px 0;border-radius:14px;background:linear-gradient(135deg,#101820,#16222e 60%,#1a2c3d);border:1px solid #2a3644;padding:26px 28px;position:relative;overflow:hidden;box-shadow:var(--shadow-lift)}.house-ad:before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(95,168,221,.25),transparent 70%)}.house-ad-tag{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7fbde8;margin-bottom:10px}.house-ad h3{margin:0 0 8px;color:#f2f6fa;font-size:1.25rem;letter-spacing:-.01em}.house-ad p{margin:0 0 16px;color:#9db2c4;max-width:62ch;font-size:.95rem;line-height:1.55}.house-ad-cta{display:inline-block;font-weight:700;font-size:.95rem;text-decoration:none;background:#5fa8dd;color:#0b1520;border-radius:8px;padding:10px 20px;transition:filter .12s ease,transform .12s ease}.house-ad-cta:hover{filter:brightness(1.1)}.house-ad-cta:active{transform:scale(.98)}.site-footer{border-top:1px solid var(--line);margin-top:72px;padding:36px 0 48px;color:var(--muted);font-size:.9rem;background:var(--surface)}.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:28px;gap:28px}.foot-cols h4{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.foot-cols a{display:block;color:var(--muted);text-decoration:none;padding:3px 0;font-size:.88rem}.foot-cols a:hover{color:var(--accent)}.foot-base{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}@media (max-width:700px){.nav{flex-direction:column;align-items:stretch;gap:0;padding:10px 0 6px;min-height:0}.brand{justify-content:flex-start}.nav-links{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:4px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;padding:5px 10px 5px 0}.nav-links a:hover{background:transparent}h1{font-size:1.55rem}.hero{padding:36px 0 64px}.hero .whale-float{display:none}.hero p{font-size:1rem}.converter{padding:18px}.converter input,.converter>div{width:100%}.converter .eq{display:none}.result{font-size:1.15rem;padding:14px 16px}table.ctable{display:block;overflow-x:auto;max-width:100%}.tool{padding:16px}.house-ad{padding:20px}.house-ad h3{font-size:1.1rem}}