:root{--bg:#fff;--text:#0f172a;--muted:#475569;--line:#dbe3f5;--brand:#1d4ed8;--brand2:#2563eb;--card:#f8fbff;--radius:18px;--container:min(1120px,calc(100% - 32px));}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff,#f7faff);line-height:1.65}
a{color:var(--brand);text-decoration:none}.container{width:var(--container);margin:0 auto}
.header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.brand{font-weight:800;color:#0b2a72}
.menu{display:flex;gap:14px;flex-wrap:wrap}.menu a{font-weight:700;color:#1e293b}.btn{border:none;border-radius:999px;padding:11px 16px;font-weight:700;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.btn-light{background:#e8f0ff;color:#1e3a8a}
.menu-toggle{display:none;border:1px solid #c8d4f3;background:#fff;border-radius:10px;padding:8px 10px;font-size:1.1rem;line-height:1;cursor:pointer}
.mobile-menu-drawer{position:fixed;top:0;left:0;height:100vh;width:min(82vw,320px);background:#fff;border-right:1px solid #dbe3f5;box-shadow:0 10px 40px rgba(2,6,23,.2);z-index:80;transform:translateX(-100%);transition:transform .25s ease}
.mobile-menu-drawer.is-open{transform:translateX(0)}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px;border-bottom:1px solid #e5ebfb}
.menu-close{border:none;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;color:#334155}
.mobile-menu-links{display:grid;gap:8px;padding:14px}
.mobile-menu-links a{padding:10px 8px;border-radius:10px;color:#1e293b;font-weight:700}
.mobile-menu-links a:hover{background:#eef3ff}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:75;display:none}
.mobile-menu-overlay.is-open{display:block}
main{padding:26px 0 50px}.hero{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;margin:0 0 10px}h2{font-size:1.5rem;margin:0 0 10px}
.muted{color:var(--muted)}.grid{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
input,select,textarea{width:100%;padding:10px;border:1px solid #c4d3f2;border-radius:12px;font:inherit;background:#fff}
table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--line);padding:10px;text-align:left}th{background:#eef4ff}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.faq{display:grid;gap:8px}
.footer{margin-top:24px;background:#0f172a;color:#d6e0ff;padding:24px 0}.footer a{color:#fff}
.tool-result{font-size:1.1rem;font-weight:700;color:#0b2a72}
.breadcrumbs{font-size:.92rem;color:var(--muted);margin-bottom:10px}
.result-section{margin-top:14px}
.result-title{margin:0 0 10px;font-size:2rem;text-align:center;color:#243b74;letter-spacing:-.02em}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.result-tile{background:#eef2ff;border:1px solid #d6defa;border-radius:14px;padding:14px}
.result-label{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:#172554}
.result-row{display:flex;align-items:center;gap:10px}
.result-icon{font-size:2rem;line-height:1}
.result-value{font-size:2rem;font-weight:800;color:#2c52c6;letter-spacing:-.02em}
.result-value.small{font-size:1.55rem}
.result-unit{font-size:1rem;font-weight:700;color:#3559c8;margin-left:6px}
.section-gap{margin-top:16px}
@media(max-width:900px){.hero,.grid-3,.grid-2{grid-template-columns:1fr}.menu,.desktop-cta{display:none}.menu-toggle{display:inline-flex}}
@media(max-width:900px){.result-grid{grid-template-columns:1fr}.result-title{font-size:1.6rem}}