/**
 * Pagina Assistenza WooFic. Token del tema (ambra su blu notte): segue
 * chiaro/scuro da sola.
 */
.as-hero{padding:clamp(3rem,7vw,5rem) 0 clamp(2rem,4vw,3rem);}
.as-eyebrow{
	font-family:var(--mono); font-size:.72rem; font-weight:600; letter-spacing:.16em;
	text-transform:uppercase; color:var(--amber-ink); margin:0 0 1rem;
	display:inline-flex; align-items:center; gap:.6rem;
}
.as-eyebrow::before{content:""; width:22px; height:2px; background:var(--amber); display:inline-block;}
.as-hero h1{font-family:var(--display); font-weight:700; letter-spacing:-.02em; font-size:clamp(2.2rem,6vw,3.6rem); line-height:1.02; color:var(--ink); margin:0 0 1rem;}
.as-hero h1 em{font-style:normal; color:var(--amber-ink);}
.as-lede{font-size:clamp(1.05rem,2.2vw,1.24rem); color:var(--ink-2); max-width:56ch; margin:0 0 1.8rem;}
.as-hero__cta{display:flex; flex-wrap:wrap; gap:.8rem;}

.as-btn{display:inline-block; border-radius:11px; font-weight:700; font-size:1rem; padding:.85rem 1.5rem; text-decoration:none; line-height:1.2; border:1.5px solid transparent;}
.as-btn--primary{background:var(--amber-fill); color:var(--on-amber);}
.as-btn--primary:hover{filter:brightness(.94);}
.as-btn--ghost{background:transparent; color:var(--ink); border-color:var(--line);}
.as-btn--ghost:hover{border-color:var(--amber); color:var(--amber-ink);}

/* Passi */
.as-steps{padding:clamp(2rem,4vw,3rem) 0;}
.as-steps h2{font-family:var(--display); font-size:clamp(1.5rem,3vw,2rem); color:var(--ink); margin:0 0 1.6rem;}
.as-steps__list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
@media(max-width:820px){.as-steps__list{grid-template-columns:1fr;}}
.as-steps__list li{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:1.4rem 1.4rem 1.5rem;}
.as-steps__n{font-family:var(--mono); font-size:.85rem; font-weight:700; color:var(--amber-ink); letter-spacing:.1em;}
.as-steps__list h3{font-family:var(--display); font-size:1.2rem; color:var(--ink); margin:.6rem 0 .4rem;}
.as-steps__list p{color:var(--ink-2); margin:0; line-height:1.55;}

/* Cosa copre */
.as-covered{padding:clamp(2rem,4vw,3rem) 0;}
.as-covered__grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:clamp(1.5rem,4vw,3rem); align-items:center;
	background:var(--amber-wash); border:1px solid color-mix(in srgb,var(--amber) 24%,transparent); border-radius:20px; padding:clamp(1.6rem,4vw,2.4rem);}
@media(max-width:820px){.as-covered__grid{grid-template-columns:1fr;}}
.as-covered__head h2{font-family:var(--display); font-size:clamp(1.5rem,3vw,2rem); color:var(--ink); margin:0 0 .7rem;}
.as-covered__head p{color:var(--ink-2); margin:0; line-height:1.55;}
.as-covered__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem;}
.as-covered__list li{display:flex; align-items:flex-start; gap:.7rem; color:var(--ink); font-size:1.05rem; font-weight:600;}
.as-check{flex:0 0 auto; width:24px; height:24px; border-radius:999px; background:var(--amber-fill); color:var(--on-amber); display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:800;}

/* CTA finale */
.as-cta{padding:clamp(2.5rem,5vw,4rem) 0 clamp(3.5rem,7vw,5.5rem); text-align:center;}
.as-cta h2{font-family:var(--display); font-size:clamp(1.7rem,4vw,2.6rem); color:var(--ink); margin:0 0 .8rem;}
.as-cta p{color:var(--ink-2); font-size:1.1rem; max-width:52ch; margin:0 auto 1.6rem;}
