/* P164f · home ORTHYNE: un pulsante dedicato per ogni prodotto (Atlas, Connect, Collection, Valute, Trading Simulator, Academy).
   PC: 3 colonne; telefono: 2 colonne; nome su due righe ("ORTHYNE" + prodotto) per non tagliare mai il testo. */
.hb-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:min(100%,760px);margin:1rem auto 0;padding:0;list-style:none}
.hb-griglia li{margin:0;min-width:0}
.hb-p{--c1:#5ee7ff;--c2:#4f7dff;position:relative;display:flex;align-items:center;gap:.65rem;min-height:58px;height:100%;box-sizing:border-box;padding:.6rem .85rem;border-radius:18px;
  color:#fff!important;text-decoration:none!important;text-align:start;
  background:linear-gradient(rgba(9,21,41,.82),rgba(9,21,41,.82)) padding-box,linear-gradient(120deg,var(--c1),var(--c2)) border-box;border:1.5px solid transparent;
  box-shadow:0 6px 22px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease}
.hb-p:hover,.hb-p:focus-visible{transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--c1) 35%,transparent)}
.hb-p:focus-visible{outline:3px solid #ffd580;outline-offset:3px}
.hb-ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 30%,transparent),color-mix(in srgb,var(--c2) 30%,transparent))}
.hb-ic svg{width:20px;height:20px;fill:none;stroke:var(--c1);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hb-t{display:flex;flex-direction:column;min-width:0;line-height:1.15;direction:ltr;unicode-bidi:isolate}
.hb-t small{font:700 .66rem/1.1 Poppins,system-ui,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.72)}
.hb-t b{font:800 1rem/1.15 Poppins,system-ui,sans-serif;color:#fff;overflow-wrap:anywhere}
.hb-atlas{--c1:#7cf3c8;--c2:#2f80ed}.hb-connect{--c1:#5ee7ff;--c2:#4f7dff}.hb-collection{--c1:#ffd27a;--c2:#b48cff}
.hb-valute{--c1:#f2b544;--c2:#ff7a59}.hb-trading{--c1:#3fb68b;--c2:#9be15d}.hb-academy{--c1:#b48cff;--c2:#5ee7ff}
@media (max-width:640px){.hb-griglia{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.85rem}
  .hb-p{min-height:56px;padding:.5rem .6rem;gap:.5rem;border-radius:16px}.hb-ic{width:30px;height:30px;border-radius:10px}.hb-ic svg{width:18px;height:18px}
  .hb-t b{font-size:.9rem}.hb-t small{font-size:.6rem}}
@media (max-width:340px){.hb-ic{display:none}}
@media (prefers-reduced-motion:reduce){.hb-p{transition:none}.hb-p:hover{transform:none}}