/* home.css - homepage informativa (hero), usata su telefono e desktop */
.hero{background:linear-gradient(180deg,#15181e,#101218);border:1px solid #23262e;border-radius:16px;padding:16px 14px;margin:6px 0 10px}
.hero .hlogo{font-size:30px;letter-spacing:6px;font-weight:700;line-height:1.1}
.hero .hlogo span{color:var(--acc)}
.hero .htag{color:var(--acc);font-size:12.5px;font-weight:600;margin-top:3px}
.hero .hdesc{color:#cfd3da;font-size:13px;line-height:1.6;margin:10px 0 12px}
.hero .hbtns{display:flex;gap:8px;flex-wrap:wrap}
.hero .hgo{flex:1;min-width:160px;background:var(--acc);color:#04120a;border:none;border-radius:12px;padding:13px 10px;font-size:14px;font-weight:700;cursor:pointer}
.hero .hce{flex:1;min-width:120px;background:#262935;color:var(--txt);border:1px solid #343a49;border-radius:12px;padding:13px 10px;font-size:14px;font-weight:600;cursor:pointer}
.hero .hgo:active{background:#1fb857}
.hero .hce:active{background:#323848}
.hero .hh{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--mut);margin:18px 0 8px}
.hero .hsteps{display:grid;gap:8px}
.hero .hstep{display:flex;gap:10px;align-items:flex-start;background:#181b22;border:1px solid #23262e;border-radius:12px;padding:10px 11px}
.hero .hn{background:rgba(37,211,102,.15);color:var(--acc);border:1px solid rgba(37,211,102,.4);border-radius:999px;width:24px;height:24px;min-height:24px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700}
.hero .hstep b{font-size:13.5px}
.hero .hstep p{margin:2px 0 0;color:#c3c8d1;font-size:12.5px;line-height:1.5}
.hero .hinfo{margin:0;padding-left:18px;color:#cfd3da;font-size:12.5px;line-height:1.6}
.hero .hinfo li{margin-bottom:4px}
.hero .hmore{width:100%;margin-top:10px;background:#262935;border:1px solid #343a49;color:var(--txt);border-radius:12px;padding:12px;font-size:13.5px;font-weight:600;cursor:pointer}
.hero .hmore:active{background:#323848}
@media(min-width:700px){.hero{padding:26px 24px;border-radius:18px}.hero .hlogo{font-size:38px}.hero .hdesc{font-size:14px}.hero .hsteps{grid-template-columns:repeat(3,1fr)}.hero .hinfo{columns:2;column-gap:26px}.hero .hgo,.hero .hce{flex:0 0 auto;min-width:220px}}