.top .wrap{padding-top:22px;padding-bottom:12px}
.hero .sub{margin:0;color:var(--mute)}
.hgrade{margin-top:6px}
.hcards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media(min-width:720px){.hcards{grid-template-columns:repeat(3,1fr)}}
.hcard{display:flex;align-items:center;gap:14px;border-radius:20px;padding:16px 16px;text-decoration:none;color:#fff;min-height:84px;box-sizing:border-box;height:100%;transition:transform .15s}
a.hcard:hover{transform:translateY(-2px)}
a.hcard:focus-visible{outline:3px solid var(--warm);outline-offset:2px}
.hcard.u3{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 8px 22px rgba(67,56,202,.25)}
.hcard.u4{background:linear-gradient(135deg,#0f766e,#0891b2);box-shadow:0 8px 22px rgba(15,118,110,.22)}
.hcard.u5{background:linear-gradient(135deg,#db2777,#f59e0b);box-shadow:0 8px 22px rgba(219,39,119,.22)}
.hc-num{flex:none;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:28px;font-weight:700;line-height:1}
.hc-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.hc-t{font-size:21px;font-weight:700;line-height:1.3}
.hc-code{font-size:15px;font-weight:500;opacity:.95;line-height:1.4}
.hc-s{font-size:14px;opacity:.95;line-height:1.45;margin-top:3px}
.hc-go{flex:none;width:30px;height:30px;display:grid;place-items:center;opacity:.9}
.hc-go svg{width:24px;height:24px}
.hcard.soon{background:#f1efeb;color:#8a8696;border:1.5px dashed #d6d0c6;box-shadow:none;cursor:default}
.hcard.soon .hc-num{background:#e4e0d9;color:#9a95a6}
.hc-pill{flex:none;background:#fff;color:#7a7588;border:1px solid #d6d0c6;font-size:13px;font-weight:700;padding:2px 10px;border-radius:999px}
.disc{margin-top:22px}

/* calculator card (2026-10-30) */
.hcard.ucalc{background:linear-gradient(135deg,#0f766e,#1e3a8a);box-shadow:0 8px 22px rgba(30,58,138,.22)}
.hcard.ucalc .hc-num{font-size:26px}