:root{color-scheme:light;--bg:#f8fafc;--panel:#fff;--panel-soft:#f1f5f9;--text:#0f172a;--muted:#64748b;--border:#dbe3ed;--primary:#2563eb;--primary-dark:#1d4ed8;--success:#047857}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 34rem),linear-gradient(180deg,#fff 0,var(--bg) 18rem);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{margin:0 auto;max-width:1120px;padding:0 20px}.header{border-bottom:1px solid rgba(219,227,237,.8);background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav{display:flex;justify-content:space-between;min-height:68px;gap:20px}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:var(--primary)}.nav-links{display:flex;gap:18px;color:var(--muted);font-size:14px}.hero{padding:72px 0 42px}.eyebrow{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.78);padding:7px 11px;color:var(--primary-dark);font-size:13px;font-weight:700}h1{margin:18px 0 0;max-width:820px;font-size:clamp(38px,6vw,64px);line-height:1;letter-spacing:0}.lead{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:18px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding:20px 0 72px}.card,.content-card,.tool-panel{border:1px solid var(--border);border-radius:8px;background:hsla(0,0%,100%,.92);box-shadow:0 20px 60px rgba(15,23,42,.06)}.card{display:flex;min-height:188px;flex-direction:column;justify-content:space-between;padding:20px}.card h2,.content-card h2{margin:0;font-size:21px}.card p,.content-card li,.content-card p{color:var(--muted);line-height:1.65}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border-radius:999px;background:var(--panel-soft);padding:6px 9px;color:#475569;font-size:12px;font-weight:700}.tool-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:18px;gap:18px;padding:20px 0 46px}.tool-panel{padding:18px}.tool-title{margin:0 0 12px;font-size:16px}.field,.output{width:100%;min-height:260px;resize:vertical;border:1px solid var(--border);border-radius:8px;background:#fff;padding:14px;color:var(--text);line-height:1.55}.output{white-space:pre-wrap}.input{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px 13px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.button{cursor:pointer;border:0;border-radius:8px;background:var(--primary);padding:11px 15px;color:#fff;font-weight:800}.button:hover{background:var(--primary-dark)}.button.secondary{border:1px solid var(--border);background:#fff;color:var(--text)}.status{color:var(--success)}.error,.status{margin-top:12px;font-size:14px;font-weight:700}.error{color:#b91c1c}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding-bottom:56px}.content-card{padding:20px}.faq{max-width:820px;padding-bottom:80px}details{margin-top:10px}summary{cursor:pointer;font-weight:800}.footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:14px}@media (max-width:860px){.content-grid,.grid,.tool-layout{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.hero{padding-top:44px}}