/* Local design study. Original CSS, content and canonical site tokens are untouched.
   Unlayered rules deliberately override the supplied Tailwind utility layer. */
html:not([data-variant="originale"]) {
  --mf-ink: #3a1640;
  --mf-line: #d9cbd8;
  --mf-paper: #fff6e5;
  --mf-shadow: 2px 3px 0 var(--mf-ink);
}
html:not([data-variant="originale"]) h2:not(#chiusura-titolo) { font-weight:700; letter-spacing:-.025em; line-height:1.08; }
html:not([data-variant="originale"]) h2 > .font-display { font-weight:400; }
html:not([data-variant="originale"]) h1::first-line { font-family:Outfit,sans-serif; font-weight:700; color:var(--mf-paper); }
html:not([data-variant="originale"]) #chiusura-titolo { font-family:Outfit,sans-serif; font-weight:700; letter-spacing:-.025em; text-shadow:none; }
html:not([data-variant="originale"]) #chiusura-titolo > span { font-family:Shrikhand,serif; font-weight:400; letter-spacing:0; }
html:not([data-variant="originale"]) [data-mf="cta"] {
  border:1.5px solid var(--mf-ink); background:#f0533f; color:#fff;
  box-shadow:var(--mf-shadow); font-weight:700;
  transition:transform .18s ease, box-shadow .18s ease;
}
html:not([data-variant="originale"]) [data-mf="cta"] > [aria-hidden] { background:var(--mf-paper); stroke:var(--mf-ink); }
html:not([data-variant="originale"]) [data-section="offerta"] [data-mf="cta"],
html:not([data-variant="originale"]) [data-section="prova"] [data-mf="cta"] { border-color:var(--mf-paper); box-shadow:2px 3px 0 #ffc12e; }
html:not([data-variant="originale"]) [data-mf="whatsapp"] { border-width:1.5px; box-shadow:var(--mf-shadow); font-weight:700; }
html:not([data-variant="originale"]) [data-mf="whatsapp"] > [aria-hidden] { border-width:1.5px; }
html:not([data-variant="originale"]) [data-mf="annual"] { border-width:1.5px; box-shadow:2px 3px 0 #ffc12e; }
html:not([data-variant="originale"]) details { border-width:1.5px; border-color:var(--mf-line); border-radius:20px; }
html:not([data-variant="originale"]) details[open] { border-color:var(--mf-ink); box-shadow:var(--mf-shadow); }
html:not([data-variant="originale"]) summary { font-weight:700; }
html:not([data-variant="originale"]) [data-mf="hero-header"] > span { box-shadow:none; }
html:not([data-variant="originale"]) [data-mf="hero-panel"] { border-radius:24px; }
html:not([data-variant="originale"]) [data-mf="hero-price"] { border-radius:16px; }
html:not([data-variant="originale"]) [data-mf="rays"] { opacity:.65; }
html:not([data-variant="originale"]) [data-mf="offer-glow"] { opacity:.35; }
html:not([data-variant="originale"]) [data-mf="receipt"] { filter:drop-shadow(3px 4px 0 #ffc12e); }
html:not([data-variant="originale"]) [data-mf="feature-card"],
html:not([data-variant="originale"]) [data-mf="review-card"] { border-width:1.5px; border-radius:24px; box-shadow:var(--mf-shadow); }
html:not([data-variant="originale"]) a:focus-visible,
html:not([data-variant="originale"]) button:focus-visible,
html:not([data-variant="originale"]) summary:focus-visible { outline:3px solid var(--mf-ink); outline-offset:5px; }
html:not([data-variant="originale"]) [data-section="offerta"] :focus-visible,
html:not([data-variant="originale"]) [data-section="prova"] :focus-visible,
html:not([data-variant="originale"]) [data-mf="hero-header"] :focus-visible,
html[data-variant="precisione"] [data-mf="hero-panel"] :focus-visible { outline-color:#ffc12e; }
@media (hover:hover) {
  html:not([data-variant="originale"]) [data-mf="cta"]:hover { transform:translateY(-2px); box-shadow:2px 5px 0 var(--mf-ink); }
}
html:not([data-variant="originale"]) [data-mf="cta"]:active { transform:translateY(2px); box-shadow:none; }

/* 01 — Quiet paper: close to the source, with less visual weight around secondary content. */
html[data-variant="precisione"] [data-mf="hero-panel"] { background:rgba(58,22,64,.91); border-color:rgba(255,246,229,.38); box-shadow:0 12px 28px #24092a24; backdrop-filter:blur(12px); }
html[data-variant="precisione"] [data-mf="feature-card"],
html[data-variant="precisione"] [data-mf="review-card"] { border-color:var(--mf-line); box-shadow:none; }
html[data-variant="precisione"] [data-section="domande"] { background:#fff; }
html[data-variant="precisione"] details { background:var(--mf-paper); }
html[data-variant="precisione"] details[open] { background:#fff; box-shadow:0 2px 0 var(--mf-ink); }
html[data-variant="precisione"] [data-mf="rays"] { opacity:.35; }

/* 02 — Current site direction: paper, a fine ink edge, a small physical shadow. */
html[data-variant="cartonato"] [data-mf="hero-panel"] {
  background:#fff6e5; color:var(--mf-ink); border:1.5px solid var(--mf-ink);
  box-shadow:3px 4px 0 var(--mf-ink); backdrop-filter:none;
}
html[data-variant="cartonato"] [data-mf="hero-panel"] h1,
html[data-variant="cartonato"] h1::first-line,
html[data-variant="cartonato"] [data-mf="hero-question"],
html[data-variant="cartonato"] [data-mf="hero-panel"] [data-mf="reassurance"] { color:var(--mf-ink); }
html[data-variant="cartonato"] [data-mf="hero-panel"] .text-testo-su-scuro { color:#654969; }
html[data-variant="cartonato"] [data-mf="hero-price"] { border-color:#d7c3a7; background:#fff; }
html[data-variant="cartonato"] [data-mf="hero-price"] > [aria-hidden] { background:#d7c3a7; }
html[data-variant="cartonato"] [data-section="come-funziona"],
html[data-variant="cartonato"] [data-section="domande"] { background:#fff; }
html[data-variant="cartonato"] [data-mf="review-card"] { border-color:var(--mf-line); box-shadow:none; }
html[data-variant="cartonato"] details { background:#fff6e5; }
html[data-variant="cartonato"] details[open] { background:#fff; }

/* 03 — The site's local pastel palette, one dominant tint per section. */
html[data-variant="pastello"] [data-mf="hero-panel"] {
  background:#e2d3e4; color:var(--mf-ink); border:1.5px solid var(--mf-ink);
  box-shadow:2px 3px 0 var(--mf-ink); backdrop-filter:none;
}
html[data-variant="pastello"] [data-mf="hero-panel"] h1,
html[data-variant="pastello"] h1::first-line,
html[data-variant="pastello"] [data-mf="hero-question"],
html[data-variant="pastello"] [data-mf="hero-panel"] [data-mf="reassurance"] { color:var(--mf-ink); }
html[data-variant="pastello"] [data-mf="hero-panel"] .text-testo-su-scuro { color:#654969; }
html[data-variant="pastello"] [data-mf="hero-price"] { border-color:#bca4c0; background:#fff6e5; }
html[data-variant="pastello"] [data-mf="hero-price"] > [aria-hidden] { background:#bca4c0; }
html[data-variant="pastello"] [data-section="come-funziona"],
html[data-variant="pastello"] [data-section="domande"] { background:#fff; }
html[data-variant="pastello"] [data-section="recensioni"] { background:#e6edd8; }
html[data-variant="pastello"] [data-mf="feature-card"] { background:#e2d3e4; }
html[data-variant="pastello"] [data-mf="review-card"] { border-color:#bac6a5; box-shadow:none; }
html[data-variant="pastello"] details[open] { background:#e2d3e4; }
html[data-variant="pastello"] [data-mf="rays"] { opacity:.3; }

/* Preserve the source breakpoints, card widths, 16px carousel gap and section order. */
@media (max-width:639px) {
  html:not([data-variant="originale"]) #video-titolo > .font-display { font-size:clamp(27px,8.5vw,36px); }
}
@media (max-width:359px) {
  html:not([data-variant="originale"]) h2:not(#chiusura-titolo) { font-size:30px; }
  html:not([data-variant="originale"]) h2 > .font-display { font-size:30px; }
  html:not([data-variant="originale"]) [data-mf="hero-header"] { padding-inline:16px; gap:8px; }
  html:not([data-variant="originale"]) [data-mf="hero-header"] img { height:38px; min-width:100px; }
  html:not([data-variant="originale"]) [data-mf="hero-header"] > span { gap:4px; padding-inline:8px; font-size:11px; }
  html:not([data-variant="originale"]) [data-mf="hero-header"] > span > span { font-size:9px; letter-spacing:0; }
  html:not([data-variant="originale"]) [data-mf="hero-price"] { padding-inline:12px; gap:12px; }
  html:not([data-variant="originale"]) [data-mf="whatsapp"] { padding-right:14px; gap:8px; font-size:18px; }
}
@media (min-width:1024px) {
  html:not([data-variant="originale"]) #video-titolo > .font-display { font-size:clamp(36px,3.2vw,46px); }
  html:not([data-variant="originale"]) #offerta-titolo > .font-display { font-size:clamp(44px,4vw,52px); }
  html:not([data-variant="originale"]) [data-mf="closing-photo"] { border-width:1.5px; box-shadow:3px 4px 0 #ffc12e; }
}
@media (prefers-reduced-motion:reduce) {
  html:not([data-variant="originale"]) * { scroll-behavior:auto; transition:none; }
}