*{box-sizing:border-box}
html{min-height:100%;background:#edf1f5}
body{margin:0;color:#17202a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{width:min(980px,100%);margin:0 auto;padding:36px 24px}
.hero{margin-bottom:24px}
.eyebrow{margin:0 0 8px;color:#406076;font-size:.82rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
h1{margin:0;font-size:2rem;line-height:1.1;letter-spacing:0}
.hero p:last-child{max-width:560px;margin:10px 0 0;color:#5b6875;line-height:1.45}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tool-card{display:block;min-height:142px;padding:18px;border:1px solid #cfd8e2;border-radius:8px;background:#fff;color:#1b2631;text-decoration:none;box-shadow:0 1px 2px rgba(23,32,42,.05)}
.tool-card:hover{border-color:#7ba9d6;box-shadow:0 8px 24px rgba(23,32,42,.1)}
.tool-card:focus{outline:3px solid #1f6db9;outline-offset:3px}
.tool-card.primary{border-color:#93b9de;background:#f8fbff}
.tool-title{display:block;margin-bottom:8px;font-size:1.05rem;font-weight:750}
.tool-copy{display:block;color:#5c6976;line-height:1.42}
@media (max-width:720px){
  .shell{padding:24px 16px}
  .tool-grid{grid-template-columns:1fr}
}