:root{--bg:#f7f8f5;--ink:#17201b;--muted:#667065;--line:#dfe5dd;--panel:#fff;--accent:#0f766e;--accent-2:#b45309;--accent-3:#1d4ed8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1180px;margin:0 auto;padding:0 24px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#f7f8f5f0;position:sticky;top:0}.nav{align-items:center;gap:22px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;margin-right:auto;font-weight:800;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.nav a{color:var(--muted);font-size:14px;font-weight:700}.hero{grid-template-columns:1.2fr .8fr;gap:32px;padding:72px 0 48px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.05}h1{font-size:clamp(40px,7vw,82px)}h2{font-size:clamp(28px,4vw,48px)}h3{font-size:22px}p{color:var(--muted);line-height:1.65}.hero p{max-width:720px;font-size:19px}.hero-panel{border:1px solid var(--line);background:linear-gradient(135deg,#0f766e29,#0000 38%),linear-gradient(315deg,#b453092e,#0000 45%),#fff;border-radius:8px;align-self:stretch;gap:14px;padding:22px;display:grid}.metric{border-bottom:1px solid var(--line);padding-bottom:14px}.metric strong{font-size:34px;display:block}.actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.button{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.button.secondary{color:var(--ink);background:0 0}.section{border-top:1px solid var(--line);padding:44px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.tool-top{align-items:center;gap:12px;display:flex}.logo{color:#0f766e;background:#e6f2ef;border:1px solid #cbe3dd;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-weight:900;display:inline-flex}.pill-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pill{color:#4b554b;background:#eef1ed;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.split{grid-template-columns:minmax(0,.65fr) minmax(280px,.35fr);gap:26px;display:grid}.list{gap:12px;margin:18px 0 0;padding:0;display:grid}.list li{color:var(--muted);line-height:1.5;list-style:none}.list li:before{color:var(--accent);content:"- ";font-weight:900}.table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.row{grid-template-columns:1.1fr .9fr .8fr .7fr;gap:0;display:grid}.row>div{border-bottom:1px solid var(--line);background:#fff;padding:14px}.row.head>div{color:#4b554b;background:#eef1ed;font-size:13px;font-weight:800}.form{gap:14px;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;width:100%;min-height:44px;padding:10px 12px}.form textarea{resize:vertical;min-height:110px}.result{color:var(--ink);white-space:pre-wrap;background:#fbfcfa;border:1px dashed #b8c4b4;border-radius:8px;min-height:120px;padding:16px;line-height:1.6}.footer{border-top:1px solid var(--line);color:var(--muted);padding:30px 0}@media (max-width:860px){.hero,.split,.grid,.two-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap;align-items:flex-start;gap:14px;padding:14px 0}.brand{width:100%}.section-head{flex-direction:column;align-items:start}.row{grid-template-columns:1fr}.row.head{display:none}}