/* warranty.css — página Warranty (warranty.html).
   Reutiliza el design system (tokens/base/components). Mismo patrón que about.css:
   hero con glow rojo + cuerpo de texto legible + CTA + línea fina. */

.warranty-hero{position:relative;padding:140px 0 56px;border-bottom:1px solid var(--line-2);overflow:hidden}
.warranty-hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(120% 90% at 16% 0%, rgba(225,6,0,.12), transparent 60%)}
.warranty-hero .wrap{position:relative;z-index:1}
.warranty-hero h1{font-size:clamp(2.3rem,5.6vw,4.2rem);margin:14px 0 0;padding-right:.18em}
.warranty-hero .lede{color:#D6D6D6;font-size:1.12rem;max-width:46em;margin:20px 0 0}

.warranty-body{color:var(--silver);font-size:1.04rem;line-height:1.7;max-width:46em;margin-top:18px}
.warranty-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.warranty-fine{color:var(--muted-2);font-size:.82rem;font-style:italic;margin-top:18px;max-width:46em}