:root{--bg:#f8faf7;--surface:#fff;--surface-2:#eef6ee;--ink:#172218;--muted:#667063;--line:#dbe4d5;--lemon:#f3c83f;--leaf:#228653;--sky:#2c74a0;--plum:#72508c;--tomato:#c94a3d;--shadow:0 18px 48px #1722181a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#ffffffc7,#f8faf7fa),repeating-linear-gradient(90deg,#2286530d 0 1px,#0000 1px 78px);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(16px,4vw,56px);display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:42px;height:28px}.topbar nav,.footer nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.topbar nav a,.footer nav a{color:var(--muted);font-size:13px;font-weight:800}.topbar nav a:hover,.footer nav a:hover{color:var(--ink)}.hero{grid-template-columns:minmax(0,1fr) minmax(380px,1fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:1240px;margin:0 auto;padding:clamp(52px,8vw,92px) clamp(16px,4vw,56px) 36px;display:grid}.hero-copy h1,.page-hero h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(38px,5vw,64px);line-height:1.02}.hero-copy p:not(.eyebrow),.page-hero p:not(.eyebrow),.section-heading p,.tool-header>p,.content-band p,.article-section p,.intent-box p{color:var(--muted)}.hero-copy p:not(.eyebrow),.page-hero p:not(.eyebrow){max-width:670px;margin:22px 0 0;font-size:18px}.eyebrow{color:var(--leaf);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-action,.secondary-action{border:1px solid var(--ink);border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex}.primary-action{background:var(--ink);color:#fff}.secondary-action{color:var(--ink);background:#fff}.hero-media,.page-hero img{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface);border-radius:8px;overflow:hidden}.stat-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1240px;margin:0 auto;padding:18px clamp(16px,4vw,56px) 44px;display:grid}.stat-band div{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:86px;padding:18px}.stat-band strong{font-size:26px;line-height:1;display:block}.stat-band span{color:var(--muted);text-transform:uppercase;margin-top:9px;font-size:12px;font-weight:800;display:block}.tool-surface,.section-grid,.content-band,.page-hero,.article-shell,.route-band{max-width:1240px;margin:0 auto;padding:clamp(28px,4vw,44px)}.tool-surface{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.tool-header{grid-template-columns:minmax(0,.8fr) minmax(280px,.8fr);align-items:end;gap:24px;margin-bottom:26px;display:grid}.tool-header h2,.section-heading h2,.content-band h2,.route-band h2,.article-section h2{letter-spacing:0;margin:0;font-size:clamp(26px,4vw,42px);line-height:1.08}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form-grid label{color:var(--muted);text-transform:uppercase;gap:8px;font-size:12px;font-weight:900;display:grid}.form-grid input,.form-grid select{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font:800 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.form-grid input:focus,.form-grid select:focus{border-color:var(--leaf);outline:3px solid #22865329}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.metric{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;min-height:94px;padding:18px}.metric span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900;display:block}.metric strong{margin-top:10px;font-size:24px;line-height:1.08;display:block}.metric-green strong{color:var(--leaf)}.metric-blue strong{color:var(--sky)}.metric-amber strong{color:#9a6b12}.metric-red strong{color:var(--tomato)}.result-strip{color:#fff;background:#172218;border-radius:8px;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:center;gap:18px;padding:20px;display:grid}.result-strip span{color:#ffffffa6;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.result-strip strong{margin-top:8px;font-size:25px;display:block}.result-strip p{color:#ffffffc7;margin:0}.section-grid{grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);gap:28px;padding-top:64px;display:grid}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-link{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:172px;padding:18px}.tool-link:hover{border-color:var(--leaf);box-shadow:0 12px 28px #17221814}.tool-link span{color:var(--sky);text-transform:uppercase;font-size:12px;font-weight:900}.tool-link strong{margin-top:8px;font-size:18px;display:block}.tool-link p{color:var(--muted);margin:8px 0 0;font-size:14px}.route-band{border-top:1px solid var(--line);grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);gap:28px;display:grid}.route-band ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.route-band li{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:12px;padding:16px;display:grid}.route-band span{color:var(--muted)}.content-band{border-top:1px solid var(--line);grid-template-columns:minmax(240px,.35fr) minmax(0,1fr);gap:28px;margin-top:20px;margin-bottom:64px;display:grid}.link-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.link-list a{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px 16px;font-weight:800}.page-hero{grid-template-columns:minmax(0,.95fr) minmax(280px,.55fr);align-items:center;gap:28px;padding-top:58px;display:grid}.page-hero h1{font-size:clamp(36px,5vw,64px)}.article-shell{gap:22px;padding-top:14px;display:grid}.quick-answer,.intent-box{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.quick-answer{border-left:6px solid var(--lemon)}.quick-answer span{color:var(--leaf);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.quick-answer p,.intent-box p{margin:8px 0 0;font-size:17px}.article-section{border:1px solid var(--line);background:#ffffffd1;border-radius:8px;padding:24px}.article-section p{margin:14px 0 0}.article-section ul{color:var(--muted);gap:8px;margin:14px 0 0;padding-left:20px;display:grid}.table-wrap{border:1px solid var(--line);border-radius:8px;margin-top:14px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:13px 14px;font-size:14px}th{color:var(--muted);background:var(--surface-2);text-transform:uppercase;font-size:11px;font-weight:900}.faq-section{gap:10px;display:grid}details{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}summary{cursor:pointer;font-weight:900}details p{margin:10px 0 0}.footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(280px,.5fr) minmax(0,1fr);gap:24px;padding:34px clamp(16px,4vw,56px);display:grid}.footer p{max-width:560px;color:var(--muted);margin:8px 0 0;font-size:13px}@media (max-width:980px){.hero,.tool-header,.section-grid,.content-band,.page-hero,.route-band,.footer{grid-template-columns:1fr}.metric-grid,.stat-band,.tool-grid,.link-list{grid-template-columns:1fr 1fr}}@media (max-width:680px){.topbar{flex-direction:column;align-items:flex-start;gap:10px}.topbar nav{flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;padding-bottom:4px;overflow-x:auto}.topbar nav a{flex:none;font-size:12px}.hero{grid-template-columns:1fr;padding-top:36px}.form-grid,.metric-grid,.stat-band,.tool-grid,.link-list,.result-strip,.route-band li{grid-template-columns:1fr}}
