:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f7f8fb;line-height:1.6}*{box-sizing:border-box}body{margin:0}.container{width:min(1100px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid #e5e7eb}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:1.2rem;color:#111827;text-decoration:none}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a,.site-footer a{color:#4b5563;text-decoration:none}.nav nav a:hover,.site-footer a:hover{color:#111827;text-decoration:underline}.hero{padding:72px 0 42px;max-width:800px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#6b7280}.hero h1{font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.05;margin:.3rem 0 1rem}.hero p{font-size:1.15rem;color:#5b6472}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding-bottom:48px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:26px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.card h2{margin-top:0}.button{display:inline-block;padding:10px 15px;border-radius:10px;background:#111827;color:#fff;text-decoration:none;font-weight:700;border:1px solid #111827;cursor:pointer}.button:hover{background:#374151}.content-section{max-width:800px;padding:10px 0 70px}.tool-layout{padding:30px 0 70px}.tool-layout .hero{padding:35px 0 25px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:9px;background:#fff;font:inherit}.field textarea{min-height:140px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.button.secondary{background:#fff;color:#111827}.results{margin-top:20px}.result-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.result-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.result-item code{font-size:1rem;word-break:break-all}.mini-button{padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font:inherit}.mini-button:hover{background:#f3f4f6}.muted{color:#6b7280}.notice{padding:14px 16px;border-radius:10px;background:#f3f4f6;color:#4b5563;margin-top:18px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}.metric{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.metric strong{display:block;font-size:1.25rem}.site-footer{border-top:1px solid #e5e7eb;padding:25px 0;background:#fff;color:#6b7280}@media(max-width:700px){.nav{align-items:flex-start;padding:14px 0;flex-direction:column}.form-grid{grid-template-columns:1fr}.hero{padding-top:48px}.result-item{align-items:flex-start;flex-direction:column}}