:root{--navy:#17324d;--blue:#276a9d;--ink:#203040;--muted:#607285;--line:#d9e2ea;--bg:#f4f7fa;--card:#fff}
*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:hidden}body{background:linear-gradient(180deg,#eef4f8 0,#f8fafc 52%,#fff 100%);color:var(--ink);font:15px Segoe UI,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.hero{background:var(--navy);color:#fff;padding:46px max(24px,calc((100% - 1120px)/2));display:flex;gap:18px;align-items:center}.brand-mark{width:104px;height:74px;border:1px solid #ffffff55;border-radius:12px;display:grid;place-items:center;background:#fff;overflow:hidden;flex:0 0 auto;padding:4px}.brand-mark img{width:100%;height:100%;object-fit:contain}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;margin:0 0 8px;opacity:.75}.hero h1{font-size:38px;margin:0 0 8px;letter-spacing:-.03em}.subhead{margin:0;opacity:.82}.container{width:min(1120px,calc(100% - 40px));margin:38px auto;flex:1}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading h2{font-size:25px;margin:0}.section-heading .eyebrow{color:var(--blue);opacity:1;margin-bottom:6px}.count,.tag{font-size:12px;color:var(--muted);background:#edf3f7;border-radius:999px;padding:6px 10px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.tool-card{display:flex;gap:18px;padding:24px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 28px #17324d0d;color:inherit;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;min-width:0}.tool-card:hover{transform:translateY(-3px);border-color:#8db4ce;box-shadow:0 16px 34px #17324d1a}.tool-icon{flex:0 0 54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#e5f0f7;color:var(--blue);font-size:29px;font-weight:700}.tool-icon.muted{background:#f0f3f5;color:#9aa8b3}.tool-body{min-width:0}.tool-body h3{font-size:20px;line-height:1.2;margin:12px 0 9px}.tool-body p{color:var(--muted);line-height:1.55;margin:0 0 17px}.launch{color:var(--blue);font-weight:700}.coming-soon{opacity:.82;cursor:default}.coming-soon:hover{transform:none}footer{text-align:center;color:var(--muted);font-size:12px;padding:28px 20px}
@media(max-width:900px){.hero{padding:36px 24px}.hero h1{font-size:34px}.container{width:calc(100% - 36px);margin:30px auto}}
@media(max-width:560px){.hero{padding:28px 18px;align-items:flex-start}.brand-mark{width:84px;height:60px;border-radius:10px}.hero h1{font-size:29px}.subhead{line-height:1.45}.container{width:calc(100% - 28px);margin:24px auto}.tool-card{padding:18px;gap:14px}.tool-body h3{font-size:18px}.section-heading{align-items:start;gap:12px;flex-direction:column}}