:root{--ink:#14213d;--muted:#617084;--blue:#1769e0;--blue2:#0b4bb3;--sky:#eff6ff;--line:#dce5ef;--cream:#fbfaf6;--green:#0b806f;--shadow:0 18px 50px rgba(21,47,78,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
img,svg,video,canvas{max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}
.header-row{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:20px;font-weight:800;letter-spacing:-.5px}
.brand>span:first-child{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--blue);color:#fff;border-radius:8px;margin-right:8px}
.brand span:last-child{color:var(--blue)}
nav{display:flex;gap:28px}
nav a{font-size:14px;font-weight:650}
.search-toggle{border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:9px;color:var(--ink);font-weight:700}
.search-panel{position:fixed;z-index:19;top:72px;width:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:22px}
.search-panel label{font-weight:700;margin-right:14px}
.search-panel input{width:min(600px,70%);padding:12px;border:1px solid var(--line);border-radius:8px}
.hero{background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 60%,#f7fbff 100%);padding:25px;border-bottom:1px solid #e6eef7}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}
.eyebrow{color:var(--blue);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800}
.hero h1,.page-intro h1{font-size:40px;line-height:1.02;letter-spacing:-3px;margin:14px 0 22px}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero p{font-size:17px;color:var(--muted);max-width:650px}
.hero-search{display:flex;margin-top:30px;position:relative}
.hero-search input{min-width:0;flex:1;border:1px solid var(--line);padding:16px;border-radius:10px 0 0 10px}
.hero-search button,.calculate{border:0;background:var(--blue);color:#fff;font-weight:750;padding:0 22px;border-radius:0 10px 10px 0}
.trust{display:flex;gap:22px;margin-top:18px;color:var(--muted);font-size:13px}
.quick-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.quick-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.quick-top span{font-weight:700}
.quick-top strong{font:700 28px ui-monospace,monospace;max-width:210px;overflow:hidden}
.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.keys button{height:48px;border:1px solid var(--line);background:#f8fafc;border-radius:8px;font-weight:700}
.keys .equals{grid-column:span 4;background:var(--blue);color:#fff}
.section{padding:82px 0}
.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.section-title h2,.category-band h2,.prose h2,.related h2,.listing h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:8px 0}
.section-title>a,.text-link{color:var(--blue);font-weight:700}
.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tool-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:17px;border-radius:12px;transition:.15s}
.tool-card:hover{border-color:#92b9ef;transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,47,78,.08)}
.tool-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;background:var(--sky);color:var(--blue);border-radius:10px;font-weight:800}
.tool-card h3{font-size:15px;margin:0}
.tool-card p{font-size:12px;color:var(--muted);margin:2px 0}
.tool-card b{margin-left:auto;color:var(--blue)}
.category-band{background:var(--ink);color:#fff;padding:80px 0}
.category-band .eyebrow{color:#7eb7ff}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.category-grid>a{border:1px solid #34425c;border-radius:14px;padding:24px;background:#192743}
.category-grid span{font-size:12px;color:#9db0ca}
.category-grid h3{font-size:20px;margin:12px 0 5px}
.category-grid p{font-size:14px;color:#b7c4d6;min-height:70px}
.category-grid b{color:#7eb7ff}
.home-prose{padding:80px 0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.features>div{border-left:3px solid var(--blue);padding-left:18px}
.features p{margin:4px 0}
.breadcrumbs{gap:9px;color:var(--muted);font-size:13px;padding-top:28px}
.breadcrumbs a{color:var(--blue)}
.calc-page{padding-bottom:80px}
.page-intro{padding:55px 0 32px;max-width:850px}
.page-intro h1{font-size:40px;letter-spacing:-2px}
.page-intro p{font-size:18px;color:var(--muted)}
.calc-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:28px;align-items:start}
.calc-layout>*,.calculator-box>*{min-width:0}
.calculator-box{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.calc-box-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}
.calc-box-head h2{font-size:20px;margin:0}
.calc-box-head button{background:none;border:0;color:var(--blue)}
.calculator-box label{font-size:13px;font-weight:700}
.calculator-box input{display:block;width:100%;border:1px solid #bac8d8;border-radius:8px;padding:12px;margin-top:6px}
.calculator-box .check input{display:inline;width:auto}
.calculate{grid-column:1/-1;border-radius:9px;padding:13px}
.result{grid-column:1/-1;background:var(--sky);border-left:4px solid var(--blue);padding:18px;border-radius:8px}
.result span,.result small{display:block;color:var(--muted)}
.result strong{display:block;font-size:32px;color:var(--blue);line-height:1.25;margin:4px 0}
.aside-card,.note{border:1px solid var(--line);border-radius:12px;padding:20px}
.aside-card b,.aside-card a{display:block}
.aside-card a{font-size:14px;color:var(--muted);padding-top:8px}
.note{margin-top:14px;background:var(--cream);font-size:13px}
.note p{margin-bottom:0}
.prose{max-width:800px}
.calc-page>.prose{margin-top:62px}
.prose section{padding:18px 0}
.prose p,.prose li{color:#46576a}
.formula{background:var(--ink);color:#fff;padding:22px;border-radius:10px;font:600 20px ui-monospace,monospace;margin:20px 0}
.prose details{border-top:1px solid var(--line);padding:16px 0}
.prose summary{font-weight:700;cursor:pointer}
.related{margin-top:50px}
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.link-grid.large{grid-template-columns:repeat(4,1fr)}
.link-grid a{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:13px 15px;font-size:14px;background:#fff}
.link-grid a:hover{border-color:#9bbce7;color:var(--blue)}
.listing{padding:0 0 80px}
.listing section{margin:40px 0}
.info-page{padding:70px 0 120px}
.info-page h1{font-size:52px;letter-spacing:-2px;margin:12px 0 30px}
.ad-unit{width:min(1160px,calc(100% - 40px));margin:26px auto;overflow:hidden;text-align:center;clear:both}
.ad-unit--mobile{display:none}
.calculator-box+.ad-unit{grid-column:1}.calc-layout aside .ad-unit{width:100%;margin:14px 0}
.calc-page>.ad-unit,.article-page>.ad-unit,.listing>.ad-unit{width:100%}
footer{background:#f6f8fb;border-top:1px solid var(--line);padding:50px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-grid a{display:block;color:var(--muted);margin-bottom:7px}
.footer-grid p{color:var(--muted)}
.copyright{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:var(--muted);font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){nav{display:none}
.ad-unit--desktop{display:none}.ad-unit--mobile{display:block}
.hero-grid,.calc-layout{grid-template-columns:1fr}
.quick-card{max-width:520px}
.popular-grid,.category-grid,.link-grid.large{grid-template-columns:repeat(2,1fr)}
.calc-layout aside{display:none}
}
@media(max-width:560px){.wrap{width:min(100% - 24px,1160px)}
.hero{padding:25px}
.hero h1{letter-spacing:-2px}
.page-intro{padding:36px 0 24px}.page-intro h1{font-size:34px;line-height:1.08}.page-intro p{font-size:16px}
.section-title h2,.category-band h2,.prose h2,.related h2,.listing h2{font-size:27px}
.search-panel{padding:14px 12px}.search-panel .wrap form{display:grid;gap:8px}.search-panel label{margin:0}.search-panel input{width:100%}
.trust{flex-direction:column;gap:4px}
.popular-grid,.category-grid,.features,.link-grid{grid-template-columns:1fr}
.calculator-box{grid-template-columns:1fr;padding:18px}
.calculator-box>*{grid-column:1!important}
.calc-box-head{gap:12px}.calc-box-head h2{font-size:18px;line-height:1.25}
.footer-grid{grid-template-columns:1fr}
.category-grid p{min-height:0}
}