:root{--bg: #0a0d12;--panel: #111723;--line: #25324b;--text: #eaf0ff;--muted: #9eaac4;--mint: #57f0c6}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,PingFang SC,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,#1f2f50,#0a0d12 45%)}.shell{min-height:100vh}.hero{max-width:1120px;margin:0 auto;padding:48px 20px 24px}.kicker{color:var(--mint);letter-spacing:.08em}h1{font-size:clamp(34px,6vw,62px);line-height:1.08;margin:8px 0 14px;max-width:12ch}.hero p{color:#c8d2ea;max-width:760px}.navs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.navs a{color:#061312;text-decoration:none;background:var(--mint);padding:8px 14px;border-radius:999px;font-weight:700}.grid{max-width:1120px;margin:0 auto;padding:20px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.tool-card{background:linear-gradient(170deg,#111723,#0e1521);border:1px solid var(--line);border-radius:16px;padding:16px}.field{display:grid;gap:6px;margin-bottom:10px}.field span{color:var(--muted);font-size:14px}input{background:#0b111b;border:1px solid #2a3a58;color:var(--text);border-radius:10px;padding:10px}.result{color:#d3ddf5}.cta{display:inline-block;text-decoration:none;color:#04110e;background:var(--mint);border-radius:999px;padding:9px 14px;font-weight:700}.disclosure{max-width:1120px;margin:0 auto;padding:8px 20px 60px;color:var(--muted)}@media (max-width: 1279px){.grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.grid{grid-template-columns:1fr;padding:14px}.hero{padding:34px 14px 12px}}