/* Landing & Arena: illustrazioni di prodotto in HTML/SVG (niente screenshot del mockup teal) */

/* hero: anteprima landing + email con QR */
.ar-hero{position:relative;padding:10px 0 40px}
.ar-hero .browser{max-width:500px;margin-left:auto}
.ar-landing{display:grid;gap:10px}
.ar-landing__brand{display:flex;justify-content:space-between;align-items:center}
.ar-logo{border:1.5px dashed #C3CBD2;border-radius:6px;padding:5px 10px;font-size:.75rem;color:var(--muted)}
.ar-lang{font-size:.75rem;color:var(--muted)}
.ar-lang b{color:var(--ink)}
.ar-landing .pill{align-self:start;justify-self:start}
.ar-landing__title{font-family:var(--font-d);font-size:1.375rem;color:var(--ink);margin:0;line-height:1.15}
.ar-landing__meta{margin:-6px 0 0;font-size:.8125rem;color:var(--muted)}
.ar-seats{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-radius:6px;padding:8px 12px;font-size:.8125rem}
.ar-seats b{font-family:var(--font-d);font-size:1.125rem;color:var(--ink)}
.ar-mail{position:absolute;left:0;bottom:0;width:200px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);padding:16px;
  border-top:6px solid var(--red);display:grid;gap:10px}
.ar-mail p{margin:0;font-size:.8125rem;color:var(--muted);line-height:1.35}
.ar-mail p b{display:block;color:var(--ink);font-size:1rem}
.ar-mail .qr{width:110px;justify-self:center}
.ar-mail small{text-align:center;font-family:var(--font-d);font-size:.75rem;color:var(--ink)}
@media (max-width:900px){.ar-hero .browser{margin:0}.ar-mail{position:relative;margin:-30px 0 0 auto;width:190px}}

.ar-same{text-align:center;margin:28px auto 0;color:var(--muted);max-width:640px}
.ar-same b{color:var(--ink)}

/* elenco funzioni compatto a due colonne */
.ar-feats{grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:26px}
.ar-feats h3{font-size:1.0625rem;margin:0}
.ar-feats p{font-size:.9375rem}
@media (max-width:560px){.ar-feats{grid-template-columns:1fr}}

/* costruttore */
.ar-builder{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start}
.ar-builder__side{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:12px;display:grid;gap:6px}
.ar-builder__side p{margin:0 0 4px;font-family:var(--font-d);font-size:.75rem;text-transform:uppercase;letter-spacing:var(--track);color:var(--muted)}
.ar-builder__side span{font-size:.8125rem;border:1px solid var(--line);border-radius:6px;padding:6px 9px;background:#FAFBFC}
.ar-builder__side span::before{content:"⋮⋮ ";color:#AEB7BF;letter-spacing:-2px}
.ar-builder__side .is-drag{border-color:var(--red);background:var(--red-tint);transform:translateX(10px) rotate(-2deg);box-shadow:var(--shadow)}
.ar-steps{display:flex;gap:6px;margin-bottom:14px;font-size:.75rem}
.ar-steps span{flex:1;padding:6px 8px;border-radius:6px;background:var(--panel);color:var(--muted);text-align:center}
.ar-steps .is-done{background:#E4F5EB;color:#1B7A43}
.ar-steps .is-on{background:var(--ink);color:#fff}
.ar-cond{border-style:dashed;border-color:var(--red)}
.ar-cond em{font-style:normal;float:right;color:var(--red-dark);font-size:.6875rem}
.fake-field b{color:var(--ink)}
@media (max-width:560px){.ar-builder{grid-template-columns:1fr}.ar-builder__side{display:none}}

/* capienza */
.ar-cap{background:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);padding:clamp(18px,2vw,28px)}
.ar-cap__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.ar-cap__head b{font-size:1.0625rem;color:var(--ink)}
.ar-cap__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ar-cap__nums div{background:var(--panel);border-radius:6px;padding:10px 12px}
.ar-cap__nums span{display:block;font-size:.75rem;color:var(--muted)}
.ar-cap__nums b{font-size:1.625rem;color:var(--ink)}
.ar-cap__bar{height:12px;background:var(--panel);border-radius:6px;margin:16px 0 6px;overflow:hidden}
.ar-cap__bar i{display:block;height:100%;background:var(--ink);border-radius:6px}
.ar-cap__note{font-size:.8125rem;color:var(--muted);margin:0 0 14px}
.ar-cap__log{list-style:none;margin:0;padding:0;display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.ar-cap__log li{display:flex;gap:10px;align-items:baseline;font-size:.875rem;color:var(--ink)}

/* pianta Arena */
.ar-map{margin:0;background:var(--panel);border-radius:var(--r);padding:clamp(14px,2vw,28px)}
.ar-seatmap{width:100%;height:auto}
.ar-seatmap .s-free{fill:#fff;stroke:#C9D1D8}
.ar-seatmap .s-taken{fill:#3C3E3F}
.ar-seatmap .s-vip{fill:#F4E7C6;stroke:#B98A1F}
.ar-seatmap .s-vip-t{fill:#B98A1F}
.ar-seatmap .s-hold{fill:#fff;stroke:#171A29;stroke-width:1.6;stroke-dasharray:3 2}
.ar-legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:12px;font-size:.8125rem;color:var(--ink)}
.ar-legend span{display:inline-flex;align-items:center;gap:7px}
.ar-legend i{width:14px;height:14px;border-radius:3px;display:inline-block}
.ar-legend .s-free{background:#fff;border:1px solid #C9D1D8}
.ar-legend .s-taken{background:#3C3E3F}
.ar-legend .s-vip{background:#B98A1F}
.ar-legend .s-hold{background:#fff;border:1.6px dashed #171A29}

.ar-combo h3{color:#fff}
.ar-combo p{color:var(--on-navy)}
.ar-combo a{color:#fff}
.ar-trust .feature{border-top:3px solid var(--red);padding-top:18px}
.ar-trust .feature h3{font-size:1.0625rem;margin:0}

/* Arena (revisione 2026-10-01): pianta della versione precedente nella hero, schemi di sala, funzionalità */
.ar-map--hero{background:#fff;box-shadow:0 18px 50px rgba(23,26,41,.12);align-self:center}
.arena-strip{border-top:1px solid var(--line);margin-top:36px;color:var(--ink)}
.arena-strip span::before{color:var(--red)}
.layouts{gap:18px}
.layout-card{display:flex;flex-direction:column;gap:8px}
.layout-card h3{margin:4px 0 0}
.layout-card p{margin:0;color:var(--muted)}
.layout-card__plan{background:var(--panel);border-radius:6px;padding:10px;margin-bottom:6px}
.layout-card__plan .ly{display:block;width:100%;height:auto}
.ly .ly-stage{fill:var(--navy)}
.ly .ly-seat{fill:var(--red)}
.ly .ly-seat--stand{fill:none;stroke:var(--red);stroke-width:1.4}
.ly .ly-table{fill:#fff;stroke:#9AA6B2;stroke-width:1.2}
.layouts__note{margin:22px 0 0;color:var(--muted);font-size:.875rem}
.feature-list--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-list--3 .feature{border-top:3px solid var(--red);padding-top:16px}
@media(max-width:1000px){.feature-list--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.arena-hero .ar-map--hero{grid-row:4;max-width:620px;width:100%;margin:auto}.arena-strip{display:grid;grid-template-columns:1fr 1fr;font-size:.75rem;gap:12px}}
@media(max-width:640px){.feature-list--3{grid-template-columns:1fr}}