:root{
  --bg:#eef9fb;--panel:#ffffff;--ink:#314052;--muted:#6d7a8a;--line:#d8edf2;--accent:#36bfd0;--accent2:#ffb7d3;--shadow:0 18px 45px rgba(38,94,110,.12);--radius:24px;
}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#fff7cf 0,#eef9fb 32%,#e7f7ff 100%);color:var(--ink)}
a{color:inherit}.shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:28px 0 44px}.panel,.tool-card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.78);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero{padding:28px}.eyebrow{margin:0 0 8px;font-weight:800;color:#1899aa;letter-spacing:.05em}.hero h1{font-size:clamp(32px,6vw,58px);line-height:1;margin:0 0 14px}.lead{font-size:clamp(15px,2.4vw,18px);line-height:1.9;margin:0;color:#4f6171}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.nav a{display:inline-flex;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:800;color:#43717a}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.tool-card{position:relative;display:block;padding:24px;min-height:310px;text-decoration:none;overflow:hidden}.tool-card::after{content:"";position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(54,191,208,.22),rgba(255,183,211,.22));}.tool-card h2{font-size:26px;margin:18px 0 12px}.tool-card p{line-height:1.8;color:var(--muted);margin:0 0 16px}.tool-card ul{padding-left:1.2em;color:#4f6171;line-height:1.9}.tool-card strong{position:absolute;left:24px;bottom:24px;color:#159fb1}.tool-card.primary{border-color:rgba(54,191,208,.5);transform:translateY(-2px)}.tool-card.primary:hover{transform:translateY(-5px);transition:.18s ease}.tool-card.disabled{opacity:.72}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#d9fbff;color:#12899a;font-weight:900;font-size:13px}.badge.muted{background:#f2f3f5;color:#7b8793}@media(max-width:860px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:auto;padding-bottom:64px}.hero{padding:22px}}