.hero{text-align:center;padding:6vh 0 3rem}.eyebrow{color:var(--a1);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem}.hero h1{letter-spacing:-.02em;margin:0 0 1.2rem;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.05}.grad{background:linear-gradient(90deg, var(--a1), var(--a2) 55%, var(--a3));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{max-width:560px;color:var(--muted);margin:0 auto;font-size:1.1rem;line-height:1.6}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;padding-bottom:4rem;display:grid}.card{min-height:220px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:.5rem;padding:1.75rem;transition:transform .2s,border-color .2s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), rgb(var(--a1-rgb) / .2), transparent 70%);transition:opacity .3s;position:absolute;inset:0}a.card:hover{border-color:var(--a1);box-shadow:var(--glow);text-decoration:none;transform:translateY(-4px)}a.card:hover:before{opacity:1}.card-icon{font-size:2rem}.card h2{margin:.4rem 0 0;font-size:1.4rem}.card p{color:var(--muted);flex:1;margin:0;line-height:1.5}.card-cta{color:var(--a1);font-weight:600}.card.disabled{opacity:.55}.badge{letter-spacing:.08em;text-transform:uppercase;border:1px dashed var(--border);color:var(--muted);border-radius:999px;align-self:flex-start;padding:.2rem .65rem;font-size:.75rem}