/* Template Aurora — morbido, luminoso, vetro smerigliato.
   È il template "di riferimento": aggiunge solo rifiniture alla base. */

.hero-title { background: linear-gradient(180deg, var(--c-text) 40%, color-mix(in oklab, var(--c-text) 60%, var(--c-primary))); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero .eyebrow { padding: 6px 14px; border-radius: 999px; background: color-mix(in oklab, var(--c-surface) 70%, transparent); border: 1px solid color-mix(in oklab, var(--c-primary) 20%, var(--c-border)); backdrop-filter: blur(8px); text-transform: none; letter-spacing: 0; font-size: .85rem; font-weight: 600; }

.tile { background: color-mix(in oklab, var(--c-surface) 80%, transparent); backdrop-filter: blur(6px); }
.pcard-avatar { border-radius: 50%; }
.pcard.is-featured::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(120deg, var(--c-accent), transparent 40%, transparent 60%, var(--c-primary)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }

.section-soft { background: linear-gradient(180deg, transparent, var(--c-primary-softer) 12%, var(--c-primary-softer) 88%, transparent); }
.step { background: color-mix(in oklab, var(--c-surface) 85%, transparent); }
.city { border-radius: 999px; padding: 12px 18px; }