/* ==========================================================================
   Open Week 2026 — stili di pagina
   Migrato il 2026-07-31 (rigenerato il 2026-08-01) da 67 KB inline nella
   pagina a file di tema. Agganci: container → ID CSS #ow-*, widget → classe
   .ow-*. Token condivisi in nuvola-ds.css.
   ========================================================================== */


/* --- variabili locali della landing (erano in :root nel CSS di pagina) ---- */
body.landing-openweek{--rail:250px;--ribbon-h:0px}
body.landing-openweek .ribbon{display:none !important}

/* --- Neutralizza il reset di Hello Elementor 3.4.9 sui comandi custom ----- */
body.landing-openweek .rv-dots button,
body.landing-openweek .rv-arrows button,
body.landing-openweek button.arch{background-color:transparent;border:0;color:inherit;font:inherit;line-height:inherit}
body.landing-openweek .rv-dots button{width:9px;height:9px;padding:0;border-radius:999px;background:var(--line);transition:background .3s,transform .3s}
body.landing-openweek .rv-dots button[aria-selected="true"],
body.landing-openweek .rv-dots button.is-active{background:var(--teal-500);transform:scale(1.25)}
body.landing-openweek .rv-arrows button{width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ink-700);background:#fff}
body.landing-openweek .rv-arrows button:hover{border-color:var(--terra-500);color:var(--terra-600)}


/* ---------- Layout ---------- */
.wrap{width:min(1160px,92vw);margin-inline:auto;position:relative;z-index:5}
.narrow{width:min(760px,92vw);margin-inline:auto;position:relative;z-index:5}

.pad{padding-block:clamp(72px,9vw,132px)}

.bg-cream{background:var(--cream)}
.bg-cream-deep{background:var(--cream-deep)}
.bg-white{background:var(--surface)}
.bg-sage{background:var(--sage-tint)}
.bg-terra{background:var(--terra-tint)}


/* ---------- NAV ---------- */
#ow-nav{
  position:fixed;top:var(--ribbon-h);left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,4vw,54px);
  transition:background .4s var(--ease),box-shadow .4s var(--ease),padding .4s var(--ease),top .4s var(--ease);
}
#ow-nav.scrolled{background:rgba(250,247,242,.9);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(0,0,0,.05);padding-block:11px}
#ow-nav .brand{font-family:"Fraunces",serif;font-size:1.45rem;font-weight:500;color:var(--ink-900);display:flex;align-items:center;gap:.5rem}
#ow-nav .brand svg{width:26px;height:26px}
#ow-nav .brand-logo{height:34px;width:auto;display:block}
@media(max-width:560px){ #ow-nav .brand-logo{height:29px} }
#ow-nav .btn{padding:11px 22px;font-size:.92rem}


/* ============================================================
   GOCCE decorative + CURVE divisori
   ============================================================ */
.drop{position:absolute;pointer-events:none;opacity:.55;z-index:0}
.drop svg{width:100%;height:100%;display:block}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-16px) rotate(var(--r,0deg))}}
.float{animation:floaty 9s ease-in-out infinite}
.float.slow{animation-duration:13s}
.float.med{animation-duration:11s}
.curve-top{position:absolute;top:-1px;left:0;right:0;height:clamp(60px,8vw,120px);border-radius:0 0 52% 52%/0 0 100% 100%;z-index:1}


/* ============================================================
   1. HERO — tutto in una viewport desktop
   ============================================================ */
#ow-hero00a{
  position:relative;overflow:hidden;
  padding-top:calc(var(--ribbon-h) + 92px);padding-bottom:clamp(30px,5vw,56px);
  background:
    radial-gradient(60% 55% at 78% 30%, rgba(138,154,123,.16), transparent 70%),
    radial-gradient(50% 50% at 12% 15%, rgba(217,146,106,.10), transparent 70%),
    var(--cream);
}
@media(min-width:1025px){
  /* niente vincolo a viewport: l'hero respira con spazio comodo */
  #ow-hero00a{padding-top:calc(var(--ribbon-h) + 104px);padding-bottom:clamp(64px,7vw,104px)}
}
#ow-herorwa{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4vw,60px);align-items:center;width:100%}
.hero-eyebrow{color:var(--ink-500);font-weight:400;font-style:italic;font-family:"Fraunces",serif;
  font-size:.92rem;letter-spacing:0;text-transform:none;display:block;margin-bottom:.8rem;max-width:36ch}
.hero-badge{
  display:inline-flex;align-items:center;gap:.6rem;background:#fff;
  border:1px solid var(--line);border-radius:999px;padding:8px 18px;
  font-size:.8rem;font-weight:500;color:var(--terra-600);box-shadow:var(--shadow-card);margin-bottom:.85rem;
}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500)}
.hero-tema{font-family:"Fraunces",serif;font-style:italic;font-size:clamp(1.02rem,1.6vw,1.26rem);color:var(--terra-600);margin-bottom:.4rem}
#ow-hero00a h1{font-size:clamp(2.05rem,4vw,3.25rem);margin-bottom:.85rem;font-weight:500}
#ow-hero00a h1 em{font-style:italic;color:var(--terra-600)}
.hero-sub{font-size:clamp(1rem,1.3vw,1.1rem);color:var(--ink-700);font-weight:300;max-width:48ch;margin-bottom:.95rem}
.hero-sub strong{color:var(--ink-900);font-weight:500}
.hero-sub em{font-style:italic}
/* bullet benefici attivi */
.hero-bene{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.15rem 0 1.15rem;padding:0;max-width:none}
.hero-bene li{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 12px 13px;box-shadow:var(--shadow-card)}
.hero-bene .hb-ic{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--teal-100,#E5F4F3);border-radius:10px;color:var(--teal-600,#2E928E)}
.hero-bene .hb-ic svg{width:19px;height:19px}
.hero-bene .hb-tx{display:flex;flex-direction:column;line-height:1.18}
.hero-bene .hb-tx b{font-size:.9rem;color:var(--ink-900);font-weight:600}
.hero-bene .hb-tx em{font-style:normal;font-size:.74rem;color:var(--ink-600,#6b7480);margin-top:2px}
@media(max-width:560px){ .hero-bene{grid-template-columns:1fr} .hero-bene li{flex-direction:row;align-items:center;gap:.7rem} }
.hero-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.7rem}
.hero-micro{font-size:.82rem;color:var(--ink-500)}
#ow-heromea{position:relative}
.blob-frame{
  position:relative;aspect-ratio:1/1;width:100%;max-width:470px;margin-inline:auto;
  border-radius:53% 47% 62% 38%/48% 55% 45% 52%;
  overflow:hidden;box-shadow:var(--shadow-soft);background:var(--cream-deep);
}
.blob-frame img{width:100%;height:100%;object-fit:cover}
.blob-halo{position:absolute;inset:-8%;z-index:-1;border-radius:48% 52% 60% 40%/55% 45% 55% 45%;
  background:linear-gradient(150deg,var(--sage-deep),var(--terra-100));opacity:.5;filter:blur(2px)}
.hero-stat{position:absolute;bottom:6%;left:-4%;background:#fff;border-radius:20px;
  padding:13px 19px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:.7rem}
.hero-stat .num{font-family:"Fraunces",serif;font-size:1.45rem;color:var(--teal-600);line-height:1}
.hero-stat .lbl{font-size:.72rem;color:var(--ink-500);line-height:1.3}
.hero-stat .lbl .st{color:var(--terra-500);letter-spacing:1px}
/* pill evento fluttuante sull'immagine */
.hero-event{position:absolute;top:4%;right:-3%;background:#fff;border:1px solid var(--terra-100);border-radius:16px;
  padding:10px 15px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:.6rem;max-width:190px}
.hero-event .ic{width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:var(--terra-tint);color:var(--terra-600);display:flex;align-items:center;justify-content:center}
.hero-event .tx{font-size:.72rem;line-height:1.28;color:var(--ink-700)}
.hero-event .tx b{display:block;font-family:"Fraunces",serif;font-size:.86rem;color:var(--ink-900);font-weight:600}
#ow-hero00a .drop.d1{width:84px;height:84px;top:12%;right:4%;--r:18deg}
#ow-hero00a .drop.d2{width:50px;height:50px;top:44%;left:46%;--r:-24deg;opacity:.4}
#ow-hero00a .drop.d3{width:64px;height:64px;bottom:6%;right:36%;--r:8deg;opacity:.35}


/* ============================================================
   2. RECENSIONI — box larga/bassa a sx + certificati a dx
   ============================================================ */
#ow-revs00a{background:var(--surface);overflow:hidden}
#ow-revs00a .curve-top{background:var(--cream)}
#ow-rvgrid01{display:grid;grid-template-columns:1.25fr .82fr;gap:clamp(30px,4vw,60px);align-items:stretch}
/* slider (ora largo e basso) */
.rv-slider{position:relative;background:linear-gradient(160deg,var(--cream),#fff);
  border:1px solid var(--line);border-radius:28px;padding:clamp(26px,3.4vw,44px);box-shadow:var(--shadow-soft);
  display:flex;flex-direction:column;justify-content:center}
.rv-quote-mark{font-family:"Fraunces",serif;font-size:3.4rem;line-height:.6;color:var(--terra-500);opacity:.35;display:block;margin-bottom:.3rem}
.rv-stage{position:relative;min-height:clamp(130px,13vw,158px)}
.review{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility .8s;pointer-events:none}
.review.active{position:relative;opacity:1;visibility:visible;pointer-events:auto}
.review p{font-family:"Fraunces",serif;font-style:italic;font-size:clamp(1.3rem,2.3vw,1.85rem);color:var(--ink-900);line-height:1.32;margin-bottom:1.2rem}
.review .who{display:flex;align-items:center;gap:.7rem}
.review .who .av{width:40px;height:40px;border-radius:50%;background:var(--terra-100);color:var(--terra-600);
  display:flex;align-items:center;justify-content:center;font-family:"Fraunces",serif;font-size:1.1rem;flex:0 0 auto}
.review .who b{font-weight:600;color:var(--ink-900);font-size:1rem;display:block}
.review .who span{font-size:.8rem;color:var(--ink-500)}
.rv-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.rv-dots{display:flex;gap:.5rem;flex-wrap:wrap}
.rv-dot{width:9px;height:9px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;transition:background .3s,transform .3s}
.rv-dot[aria-current="true"]{background:var(--teal-500);transform:scale(1.35)}
.rv-arrows{display:flex;gap:.6rem}
.rv-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-800);
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s,color .3s,background .3s}
.rv-arrows button:hover{border-color:var(--teal-500);color:var(--teal-600);background:var(--teal-50)}
/* colonna dx: score + certificati */
#ow-rvside01{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,26px);justify-content:center}
.rv-score .num{font-family:"Fraunces",serif;font-weight:600;font-size:clamp(3rem,6vw,4.6rem);color:var(--teal-600);line-height:.9;letter-spacing:-.03em}
.rv-score .num small{font-size:.34em;color:var(--ink-500);font-weight:400;letter-spacing:0}
.rv-stars{color:var(--terra-500);font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:4px;margin:.4rem 0 .5rem;line-height:1}
.rv-score .meta{font-size:.92rem;color:var(--ink-700)}
.rv-score .meta b{font-weight:600;color:var(--ink-900)}
.rv-tp{display:inline-flex;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.8rem;color:var(--ink-500)}
.rv-tp svg{color:#00b67a}
.certs{border-top:1px dashed var(--line);padding-top:clamp(16px,2vw,22px)}
.certs .clab{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--terra-600);margin-bottom:.9rem}
.certs .clab svg{color:var(--sage)}
.cert-grid{display:flex;flex-wrap:wrap;gap:.6rem}
.cert{display:inline-flex;align-items:center;gap:.5rem;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:9px 13px;font-size:.78rem;color:var(--ink-800);font-weight:500}
.cert .badge{width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:var(--teal-50);color:var(--teal-600);display:flex;align-items:center;justify-content:center;font-family:"Fraunces",serif;font-size:.72rem;font-weight:600;border:1px solid var(--teal-100)}
.certs .cnote{font-size:.72rem;color:var(--ink-500);margin-top:.7rem}


/* ============================================================
   3. COS'È LA CHALLENGE — calendario ad ARCHETIPI
   ============================================================ */
#ow-cose00a{background:var(--cream)}
.cose-head{display:grid;grid-template-columns:1fr .9fr;gap:clamp(24px,4vw,60px);align-items:end;margin-bottom:clamp(24px,3vw,38px)}
.cose-head h2{font-size:clamp(1.9rem,3.9vw,3rem);max-width:15ch}
.cose-head .lead{max-width:44ch}
.cose-anticip{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:clamp(24px,3vw,36px);
  background:linear-gradient(150deg,var(--teal-50),#fff);border:1px solid var(--teal-100);border-radius:18px;
  padding:14px 20px;max-width:660px;font-size:.96rem;color:var(--ink-800)}
.cose-anticip svg{flex:0 0 auto;margin-top:2px;color:var(--teal-500)}
.cose-anticip b{color:var(--teal-600);font-weight:600}
.chips-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:clamp(22px,3vw,34px)}
/* selettore archetipi */
.arch-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.2rem}
.arch-bar .albl{font-size:.82rem;color:var(--ink-500);margin-right:.2rem}
.arch{display:inline-flex;align-items:center;gap:.5rem;font-family:"Poppins";font-size:.86rem;font-weight:500;
  padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink-700);
  cursor:pointer;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}
.arch .adot{width:9px;height:10px;border-radius:50% 50% 50% 3px;background:var(--sage);transform:rotate(-6deg);transition:background .3s}
.arch:hover{border-color:var(--terra-500);color:var(--terra-600)}
.arch[aria-pressed="true"]{background:var(--terra-tint);border-color:var(--terra-500);color:var(--terra-600);box-shadow:0 8px 20px -14px rgba(201,123,83,.6)}
.arch[aria-pressed="true"] .adot{background:var(--terra-500)}
.palinsesto{background:#fff;border-radius:26px;padding:clamp(20px,3vw,32px);box-shadow:var(--shadow-card);border:1px solid var(--line)}
.pal-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}
.pal-title h3{font-size:1.25rem}
.pal-title .pill{background:var(--teal-50);border-color:var(--teal-100);color:var(--teal-600)}
.pal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.pal-grid{display:grid;grid-template-columns:repeat(7,minmax(128px,1fr));gap:12px;min-width:930px}
.pal-day{background:var(--cream);border-radius:18px;padding:15px 13px;border:1px solid var(--line)}
.pal-day .dname{font-family:"Fraunces",serif;font-size:.96rem;color:var(--terra-600);margin-bottom:.8rem;padding-bottom:.55rem;border-bottom:1px dashed var(--line)}
.pal-cls{margin-bottom:.7rem;border-radius:12px;padding:7px 9px;transition:background .4s var(--ease),box-shadow .4s var(--ease),transform .4s var(--ease);position:relative}
.pal-cls:last-child{margin-bottom:0}
.pal-cls .t{font-size:.72rem;font-weight:600;color:var(--teal-600);letter-spacing:.03em}
.pal-cls .n{font-size:.84rem;color:var(--ink-900);font-weight:500;line-height:1.25}
.pal-cls .who{font-size:.74rem;color:var(--ink-500)}
.pal-cls.hl{background:linear-gradient(155deg,var(--teal-50),#fff);box-shadow:0 10px 24px -16px rgba(58,181,176,.7),inset 0 0 0 1.5px var(--teal-100);transform:translateY(-2px)}
.pal-cls.hl .t{color:var(--teal-700)}
.pal-cls.hl::after{content:"";position:absolute;top:8px;right:8px;width:8px;height:9px;border-radius:50% 50% 50% 3px;background:var(--teal-500);transform:rotate(-6deg)}
.arch-note{margin-top:1.2rem;display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--ink-700);
  background:#fff;border:0px dashed var(--terra-500);border-radius:16px;padding:14px 18px}
.arch-note .ast{font-family:"Fraunces",serif;color:var(--terra-500);font-size:1.3rem;line-height:1;flex:0 0 auto}
.arch-note b{color:var(--ink-900);font-weight:600}
.cose-callout{margin-top:clamp(24px,3vw,38px);text-align:center;font-family:"Fraunces",serif;font-style:italic;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--ink-900)}
.cose-callout b{font-style:normal;color:var(--teal-600);font-weight:500}


/* ============================================================
   4. TI RICONOSCI — tabella comparativa su immagine
   ============================================================ */
#ow-ident0a{background:var(--surface);overflow:hidden}
#ow-ident0a .curve-top{background:var(--cream)}
#ow-ident0a .head{max-width:760px;margin:0 auto clamp(30px,4vw,48px);text-align:center}
#ow-ident0a h2{font-size:clamp(1.9rem,3.8vw,2.9rem);margin-bottom:.6rem}
#ow-ident0a .head .lead{max-width:46ch;margin-inline:auto}
#ow-compwrp1{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--line)}
.compare-bg{position:absolute;inset:0;z-index:0}
.compare-bg img{width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.5}
.compare-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg, rgba(238,240,242,.94) 0%, rgba(238,240,242,.82) 30%, rgba(250,247,242,.72) 50%, rgba(228,244,243,.82) 70%, rgba(212,238,236,.94) 100%)}
#ow-compinn1{position:relative;z-index:1;padding:clamp(24px,3.4vw,44px)}
.compare-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.4rem}
.compare-head .ch{display:flex;flex-direction:column;gap:.2rem}
.compare-head .ch.left{align-items:flex-start;text-align:left}
.compare-head .ch.right{align-items:flex-end;text-align:right}
.compare-head .klab{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.compare-head .left .klab{color:#8A929C}
.compare-head .right .klab{color:var(--teal-600)}
.compare-head .kname{font-family:"Fraunces",serif;font-size:clamp(1.15rem,2.2vw,1.6rem)}
.compare-head .left .kname{color:#6a727c}
.compare-head .right .kname{color:var(--ink-900)}
.compare-vs{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card);
  display:flex;align-items:center;justify-content:center;font-family:"Fraunces",serif;font-style:italic;color:var(--terra-600);font-size:.9rem}
.compare-table{list-style:none;display:flex;flex-direction:column;gap:2px}
.crow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,2vw,22px);
  padding:13px 0;border-bottom:1px dashed rgba(120,120,120,.28)}
.crow:last-child{border-bottom:none}
.cside{display:flex;align-items:center;gap:.7rem;font-size:.95rem}
.cside.left{color:#5A626C;justify-content:flex-start}
.cside.right{color:var(--ink-900);justify-content:flex-end;text-align:right;font-weight:500}
.cside .ci{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(120,120,120,.2)}
.cside.left .ci{color:#9aa2ac}
.cside.right .ci{color:var(--teal-600);background:var(--teal-50);border-color:var(--teal-100)}
.crow .ctopic{font-family:"Fraunces",serif;font-size:.8rem;color:var(--ink-600);text-align:center;white-space:nowrap;padding:0 .3rem}
.compare-foot{text-align:center;margin-top:1.6rem;font-family:"Fraunces",serif;font-style:italic;font-size:clamp(1.05rem,2vw,1.4rem);color:var(--ink-900)}
.compare-foot b{font-style:normal;color:var(--terra-600);font-weight:500}


/* ============================================================
   5. MOTIVAZIONE — sx sticky + dx rolling/fading
   ============================================================ */
#ow-motv00a{background:var(--cream);overflow:hidden}
#ow-motrow01{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,5vw,72px);align-items:start}
#ow-motlft01{position:sticky;top:calc(var(--ribbon-h) + 96px)}
#ow-motlft01 .eyebrow{margin-bottom:1rem}
#ow-motlft01 h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:1rem}
.mot2-cap{font-family:"Fraunces",serif;font-style:italic;font-size:clamp(1.02rem,1.8vw,1.3rem);color:var(--ink-700);max-width:36ch;margin-bottom:1.4rem}
.mot2-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem}
.mot2-meta .pill{background:#fff}
.big-word{position:relative}
.big-word .word{font-family:"Fraunces",serif;font-weight:600;line-height:.9;letter-spacing:-.03em;
  font-size:clamp(3rem,8vw,6.4rem);color:var(--terra-600);display:inline-block}
.big-word .word .g{color:var(--sage);font-weight:400}
.big-word .post{font-family:"Poppins";font-size:clamp(.98rem,1.4vw,1.14rem);color:var(--ink-700);font-weight:300;max-width:46ch;margin-top:1.1rem}
.big-word .post b{color:var(--ink-900);font-weight:500}
.big-word .drop{position:absolute;width:56px;height:56px;top:-8%;right:6%;--r:16deg;opacity:.4}
/* colonna dx: i 5 punti che scorrono */
#ow-mrolls01{display:flex;flex-direction:column;gap:clamp(20px,4vh,44px);padding:6vh 0 8vh}
.mroll{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2vw,26px);align-items:flex-start;
  transition:opacity .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease)}
.mroll .mdrop{flex:0 0 auto;width:54px;height:60px;display:flex;align-items:center;justify-content:center;
  font-family:"Fraunces",serif;font-style:italic;font-size:1.05rem;color:#fff;
  border-radius:50% 50% 50% 8px;transform:rotate(-3deg);box-shadow:var(--shadow-card)}
.mroll:nth-child(1) .mdrop{background:linear-gradient(160deg,var(--sage),#6f8060)}
.mroll:nth-child(2) .mdrop{background:linear-gradient(160deg,var(--teal-500),var(--teal-600))}
.mroll:nth-child(3) .mdrop{background:linear-gradient(160deg,var(--terra-500),var(--terra-600))}
.mroll:nth-child(4) .mdrop{background:linear-gradient(160deg,var(--sage),#6f8060)}
.mroll:nth-child(5) .mdrop{background:linear-gradient(160deg,var(--teal-500),var(--teal-600))}
.mroll h3{font-size:clamp(1.15rem,2vw,1.5rem);margin-bottom:.3rem}
.mroll p{font-size:.97rem;color:var(--ink-700);max-width:44ch}
/* effetto rolling attivo solo con JS e senza reduced-motion */
#ow-mrolls01.js .mroll{opacity:.28;transform:translateY(14px) scale(.985);filter:saturate(.6)}
#ow-mrolls01.js .mroll.active{opacity:1;transform:none;filter:none}


/* ============================================================
   6. COSA C'È DENTRO — TIMELINE dell'evento
   ============================================================ */
#ow-cont00a{background:var(--terra-tint);overflow:hidden}
#ow-cont00a .curve-top{background:var(--cream)}
#ow-cont00a .head{max-width:720px;margin-bottom:clamp(30px,4vw,48px)}
#ow-cont00a h2{font-size:clamp(1.9rem,3.8vw,2.9rem);margin-bottom:.5rem}
.evtl{position:relative;display:flex;flex-direction:column;gap:clamp(14px,2vw,20px);margin-left:6px}
.evtl::before{content:"";position:absolute;left:23px;top:22px;bottom:22px;width:2px;
  background:linear-gradient(var(--sage-deep),var(--teal-500) 30%,var(--terra-500));border-radius:2px}
.ev-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:1.1rem;align-items:flex-start}
.ev-node{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--teal-500);
  display:flex;align-items:center;justify-content:center;color:var(--teal-600);position:relative;z-index:1;box-shadow:var(--shadow-card)}
.ev-node svg{width:22px;height:22px}
.ev-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow-card);flex:1}
.ev-when{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--terra-600);margin-bottom:.25rem}
.ev-card h3{font-size:1.12rem;margin-bottom:.2rem}
.ev-card p{font-size:.92rem;color:var(--ink-700)}
/* fase "pre-inizio": offuscata */
.ev-item.pre .ev-node{border-color:var(--line);border-style:dashed;color:var(--ink-500);box-shadow:none;background:var(--cream)}
.ev-item.pre .ev-card{background:rgba(255,255,255,.6);border-style:dashed;opacity:.82;box-shadow:none;filter:saturate(.75)}
.ev-item.pre .ev-when{color:var(--ink-500)}
/* nodo evidenziato (apertura / esclusivo) */
.ev-item.hi .ev-node{background:var(--teal-500);color:#fff;border-color:var(--teal-500);box-shadow:0 12px 26px -12px rgba(58,181,176,.75)}
.ev-item.hi .ev-card{border-color:var(--teal-100);background:linear-gradient(160deg,var(--teal-50),#fff)}
.ev-item.excl .ev-node{background:var(--terra-500);border-color:var(--terra-500);color:#fff;box-shadow:0 12px 26px -12px rgba(201,123,83,.7)}
.ev-item.excl .ev-card{border-color:var(--terra-100);background:linear-gradient(160deg,var(--terra-tint),#fff)}
/* live cliccabili (details) */
.ev-more{border:none;background:transparent;padding:0;margin:0}
details.ev-live{margin:0}
details.ev-live > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;
  margin-top:.55rem;font-size:.8rem;font-weight:600;color:var(--teal-600)}
details.ev-live > summary::-webkit-details-marker{display:none}
details.ev-live > summary .chev{transition:transform .3s var(--ease)}
details.ev-live[open] > summary .chev{transform:rotate(90deg)}
.ev-detail{margin-top:.6rem;padding-top:.7rem;border-top:1px dashed var(--line);font-size:.88rem;color:var(--ink-700)}
.ev-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  background:var(--sage-tint);color:var(--sage);border-radius:999px;padding:3px 10px;margin-bottom:.4rem}
/* bonus sotto la timeline */
.bonus-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);margin-top:clamp(30px,4vw,46px)}
.bonus{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow-card)}
.bonus .bic{width:40px;height:40px;border-radius:12px;background:var(--teal-50);color:var(--teal-600);display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}
.bonus h4{font-family:"Fraunces",serif;font-size:1.05rem;color:var(--ink-900);margin-bottom:.2rem;font-weight:500}
.bonus p{font-size:.88rem;color:var(--ink-700)}
.honesty-strip{margin-top:clamp(24px,3vw,36px);display:flex;align-items:flex-start;gap:.8rem;
  background:#fff;border:1.5px dashed var(--terra-500);border-radius:20px;padding:18px 22px}
.honesty-strip svg{flex:0 0 auto;margin-top:2px;color:var(--terra-500)}
.honesty-strip p{font-family:"Fraunces",serif;font-size:clamp(1.05rem,1.9vw,1.35rem);color:var(--ink-900);line-height:1.34}
.honesty-strip b{color:var(--teal-600);font-weight:600}
#ow-cont00a .drop{width:54px;height:54px;bottom:6%;left:1%;--r:-18deg;opacity:.4}


/* ============================================================
   7. PER CHI È / NON È — con immagini che si intersecano
   ============================================================ */
#ow-perc00a{background:var(--surface);overflow:hidden}
#ow-perc00a .head{text-align:center;max-width:640px;margin:0 auto clamp(38px,5vw,58px)}
#ow-perc00a h2{font-size:clamp(1.9rem,3.8vw,2.9rem)}
#ow-perccols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,40px)}
.pc{position:relative;border-radius:30px;padding:clamp(28px,3vw,40px)}
.pc .khead{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1.3rem;flex-wrap:wrap}
.pc h3{font-size:1.4rem}
.pc .tagword{font-family:"Poppins";font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:8px;padding:5px 11px}
.pc.no{background:var(--cream-deep);border:1px solid var(--line)}
.pc.no .tagword{color:#8A929C;background:#fff;border:1px solid #D9DDE2}
.pc.yes{background:linear-gradient(160deg,var(--teal-50),#fff);border:1px solid var(--teal-100)}
.pc.yes .tagword{color:#fff;background:var(--teal-500)}
.pc .lede{font-size:.98rem;color:var(--ink-700);margin-bottom:1.3rem;max-width:40ch}
.pc.no .lede b,.pc.yes .lede b{font-weight:600;color:var(--ink-900)}
.pc ul{list-style:none;display:flex;flex-direction:column;gap:.9rem}
.pc li{display:flex;align-items:flex-start;gap:.8rem;font-size:.96rem;color:var(--ink-700)}
.pc li svg{flex:0 0 auto;margin-top:3px}
.pc.yes li svg{color:var(--teal-500)}
.pc.no li svg{color:var(--ink-500)}
/* immagine minimal che sfora l'angolo della box */
.pc-img{position:absolute;width:112px;height:112px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-card);border:4px solid #fff;z-index:2}
.pc-img img{width:100%;height:100%;object-fit:cover}
.pc.no .pc-img{top:-34px;right:26px;filter:grayscale(.85) contrast(.95);transform:rotate(-4deg)}
.pc.yes .pc-img{bottom:-90px;left:26px;transform:rotate(4deg)}
.pc .kicon{position:absolute;opacity:.5}
.pc.no .kicon{bottom:18px;right:22px;color:#c4c9cf}
.pc.yes .kicon{top:18px;right:22px;color:var(--teal-500);opacity:.35}


/* ============================================================
   8. STORIA — GRAFICO a linea (entusiasmo nel tempo)
   ============================================================ */
#ow-stor00a{background:var(--cream);overflow:hidden}
#ow-stor00a .curve-top{background:var(--surface)}
#ow-stor00a .head{text-align:center;margin-bottom:clamp(34px,5vw,54px)}
#ow-stor00a h2{font-size:clamp(1.9rem,3.7vw,2.7rem);max-width:20ch;margin:0 auto}
.ow-chartwr1{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(20px,3vw,38px);box-shadow:var(--shadow-card)}
.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart-inner{min-width:640px}
.story-chart{width:100%;height:auto;display:block}
.story-chart .grid-l{stroke:var(--line);stroke-width:1}
.story-chart .area{opacity:.16}
.story-chart .curve{fill:none;stroke:var(--teal-500);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.story-chart .node{fill:#fff;stroke:var(--teal-500);stroke-width:3}
.story-chart .node.lo{stroke:var(--terra-500)}
.story-chart .ylab{font-family:"Poppins",sans-serif;font-size:11px;fill:var(--ink-500)}
/* legenda / tappe sotto il grafico */
.story-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,22px);margin-top:clamp(24px,3vw,34px)}
.sstep{border-top:3px solid var(--teal-500);padding-top:.8rem}
.sstep.lo{border-top-color:var(--terra-500)}
.sstep .yr{font-family:"Fraunces",serif;font-size:1.15rem;color:var(--ink-900)}
.sstep h4{font-family:"Fraunces",serif;font-weight:500;font-size:1rem;color:var(--terra-600);margin:.15rem 0 .3rem}
.sstep p{font-size:.86rem;color:var(--ink-700)}
.storia-callout{margin-top:clamp(30px,4vw,48px);text-align:center;font-family:"Fraunces",serif;font-style:italic;
  font-size:clamp(1.15rem,2.2vw,1.55rem);color:var(--ink-900);
  background:#fff;border-radius:30px;padding:clamp(26px,3vw,38px);box-shadow:var(--shadow-card)}
.storia-callout b{font-style:normal;color:var(--terra-600);font-weight:500}
.storia-callout .lung{color:var(--teal-600)}


/* ============================================================
   9. TEAM
   ============================================================ */
.ow-team00a{background:var(--surface)}
.ow-team00a .head{max-width:640px;margin-bottom:clamp(38px,5vw,58px)}
.ow-team00a h2{font-size:clamp(1.9rem,3.8vw,2.9rem)}
.ow-team00a .sub{font-family:"Fraunces",serif;font-style:italic;color:var(--ink-500);font-size:1.05rem;margin-top:.5rem}
.ow-teamgrd1{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(16px,2.4vw,28px)}
[data-id^="membr0"]{text-align:center;transition:transform .4s var(--ease)}
[data-id^="membr0"]:hover{transform:translateY(-6px)}
[data-id^="membr0"]:nth-child(even){margin-top:26px}
.avatar{width:100%;max-width:150px;aspect-ratio:1;margin:0 auto .9rem;border-radius:50%;
  overflow:hidden;box-shadow:var(--shadow-card);position:relative;border:4px solid #fff;
  transition:box-shadow .4s var(--ease),border-color .4s var(--ease)}
[data-id^="membr0"]:hover .avatar{box-shadow:var(--shadow-soft);border-color:var(--terra-100)}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.init{display:flex;align-items:center;justify-content:center;font-family:"Fraunces",serif;font-size:2.6rem;color:#fff}
.avatar.init.a1{background:linear-gradient(150deg,var(--sage),#6f8060)}
.avatar.init.a2{background:linear-gradient(150deg,var(--teal-500),var(--teal-600))}
[data-id^="membr0"] .mn{font-family:"Fraunces",serif;font-size:1.2rem;color:var(--ink-900)}
[data-id^="membr0"] .spec{font-size:.86rem;color:var(--terra-600);font-weight:500}
[data-id^="membr0"] .cred{font-size:.76rem;color:var(--ink-500)}


/* ============================================================
   10. 3 PASSI + FORM — con immagine di sfondo
   ============================================================ */
#iscriviti{background:var(--cream);overflow:hidden;position:relative}
#iscriviti .curve-top{background:var(--surface)}
.start-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.start-bg img{position:absolute;right:-6%;bottom:-8%;width:min(46%,560px);opacity:.14;filter:saturate(.8);
  -webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent)}
.start-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,70px);align-items:center;position:relative;z-index:2}
#iscriviti h2{font-size:clamp(1.9rem,3.8vw,2.9rem);margin-bottom:1rem}
.spoiler{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--terra-100);border-radius:999px;
  padding:8px 16px;font-size:.82rem;color:var(--terra-600);font-weight:500;margin-bottom:clamp(20px,3vw,32px)}
.spoiler b{font-family:"Fraunces",serif;font-style:italic;color:var(--ink-900);font-weight:500}
.steps{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,28px)}
.step{display:flex;gap:1.3rem;align-items:flex-start}
.step-drop{flex:0 0 auto;width:58px;height:64px;background:linear-gradient(160deg,var(--teal-500),var(--teal-600));
  color:#fff;font-family:"Fraunces",serif;font-size:1.5rem;display:flex;align-items:center;justify-content:center;
  border-radius:50% 50% 50% 8px;transform:rotate(-3deg);box-shadow:0 12px 24px -12px rgba(58,181,176,.7)}
.step:nth-child(2) .step-drop{background:linear-gradient(160deg,var(--sage),#6f8060);box-shadow:none}
.step:nth-child(3) .step-drop{background:linear-gradient(160deg,var(--terra-500),var(--terra-600));box-shadow:0 12px 24px -12px rgba(201,123,83,.6)}
.step-body h3{font-size:1.2rem;margin-bottom:.3rem}
.step-body p{font-size:.94rem;color:var(--ink-700)}
#ow-formcda{background:linear-gradient(165deg,#fff,var(--cream));border:1px solid var(--line);border-radius:34px;
  padding:clamp(28px,3.4vw,44px);box-shadow:var(--shadow-soft);position:relative}
.form-gift{display:flex;align-items:flex-start;gap:.8rem;background:var(--terra-tint);border:1px dashed var(--terra-500);
  border-radius:20px;padding:14px 18px;margin-bottom:1.4rem;font-size:.86rem;color:var(--terra-600);line-height:1.4}
.form-gift b{color:var(--ink-900);font-weight:600}
.form-gift svg{flex:0 0 auto;margin-top:2px}
#ow-formcda h3{font-size:1.5rem;margin-bottom:.4rem}
#ow-formcda .fsub{font-size:.9rem;color:var(--ink-500);margin-bottom:1.3rem}
.form-excl{display:flex;align-items:flex-start;gap:.6rem;font-size:.84rem;color:var(--ink-700);
  background:var(--teal-50);border:1px solid var(--teal-100);border-radius:14px;padding:12px 15px;margin-bottom:1.4rem}
.form-excl svg{flex:0 0 auto;margin-top:2px;color:var(--teal-600)}
.form-excl b{color:var(--ink-900);font-weight:600}
.field{margin-bottom:1rem}
.field label{display:block;font-size:.82rem;font-weight:500;color:var(--ink-700);margin-bottom:.4rem}
.field input,.field select{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid var(--line);
  font-family:"Poppins";font-size:1rem;background:#fff;color:var(--ink-900);transition:border-color .3s,box-shadow .3s}
.field input:focus,.field select:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-50)}
#ow-formcda .btn-primary{width:100%;justify-content:center;margin-top:.4rem}
.form-micro{text-align:center;font-size:.8rem;color:var(--ink-500);margin-top:1rem}


/* ============================================================
   11. FAQ
   ============================================================ */
#ow-faq000a{background:var(--surface)}
#ow-faq000a .curve-top{background:var(--cream)}
#ow-faq000a .head{text-align:center;margin-bottom:clamp(38px,5vw,54px)}
#ow-faq000a h2{font-size:clamp(1.9rem,3.7vw,2.7rem)}
.acc{display:flex;flex-direction:column;gap:14px}
.acc-item{background:var(--cream);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:box-shadow .3s var(--ease)}
.acc-item[open]{box-shadow:var(--shadow-card);background:#fff}
.acc-item summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;font-family:"Fraunces",serif;font-size:1.1rem;color:var(--ink-900)}
.acc-item summary::-webkit-details-marker{display:none}
.acc-item .ico{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--terra-tint);color:var(--terra-600);
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .3s var(--ease)}
.acc-item[open] .ico{transform:rotate(45deg);background:var(--teal-50);color:var(--teal-600)}
.acc-item .ans{padding:0 26px 24px;font-size:.96rem;color:var(--ink-700)}


/* ============================================================
   12. CTA FINALE — con elementi fluttuanti (dx / sotto)
   ============================================================ */
#ow-fnle00a{background:var(--terra-tint);overflow:hidden}
#ow-fnle00a .curve-top{background:var(--surface)}
.finale-stage{position:relative;max-width:960px;margin-inline:auto}
#ow-fincld01{position:relative;max-width:760px;margin:0 auto;text-align:center;
  background:linear-gradient(165deg,#fff,var(--cream));
  border-radius:48% 52% 46% 54%/40% 42% 58% 60%;
  padding:clamp(48px,6.5vw,82px) clamp(34px,6vw,76px);box-shadow:var(--shadow-soft);z-index:3}
#ow-fincld01::before{content:"";position:absolute;inset:8px;border-radius:inherit;border:1.5px solid rgba(217,146,106,.22);pointer-events:none}
#ow-fnle00a .eyebrow{color:var(--teal-600);justify-content:center}
#ow-fnle00a h2{font-size:clamp(2rem,4.4vw,3.3rem);margin-bottom:1.1rem}
#ow-fnle00a h2 em{font-style:italic;color:var(--terra-600)}
#ow-fnle00a p.sub{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--ink-700);font-weight:300;max-width:44ch;margin:0 auto 2rem}
#ow-fnle00a .btn-primary{font-size:1.05rem;padding:18px 40px}
.finale-micro{font-size:.86rem;color:var(--ink-500);margin-top:1.2rem}
.finale-trust{margin-top:.6rem;font-size:.88rem;color:var(--terra-600);font-weight:500}
.finale-trust .stars{letter-spacing:1px}
/* elementi fluttuanti coi benefici — accanto/sotto, mai sopra o a sinistra */
.float-benes{display:none}
.fbene{display:inline-flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:12px 16px;box-shadow:var(--shadow-card);font-size:.86rem;color:var(--ink-800)}
.fbene .fic{width:32px;height:32px;flex:0 0 auto;border-radius:10px;display:flex;align-items:center;justify-content:center}
.fbene b{font-weight:600;color:var(--ink-900)}
.fbene.b1 .fic{background:var(--teal-50);color:var(--teal-600)}
.fbene.b2 .fic{background:var(--terra-tint);color:var(--terra-600)}
.fbene.b3 .fic{background:var(--sage-tint);color:var(--sage)}
.fbene.b4 .fic{background:var(--teal-50);color:var(--teal-600)}
@media(min-width:1025px){
  .float-benes{display:block;position:absolute;inset:0;z-index:4;pointer-events:none}
  .fbene{position:absolute;white-space:nowrap}
  .fbene.b1{top:14%;right:-3%}
  .fbene.b2{top:46%;right:-7%}
  .fbene.b3{bottom:15%;right:-1%}
  .fbene.b4{bottom:-2%;left:53%}
}
.float-benes-mobile{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:2rem}
@media(min-width:1025px){.float-benes-mobile{display:none}}
#ow-fnle00a .drop{width:74px;height:74px;--r:16deg;opacity:.5}
#ow-fnle00a .drop.f1{top:8%;left:5%}
#ow-fnle00a .drop.f2{bottom:10%;left:8%;--r:-20deg;width:54px;height:54px}


/* ============================================================
   13. FOOTER
   ============================================================ */
#ow-foot00a{background:var(--cream-deep);position:relative;padding-top:clamp(56px,7vw,90px);padding-bottom:40px}
#ow-foot00a .curve-top{background:var(--terra-tint)}
.ow-footgrd1{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start;margin-bottom:2.6rem}
#ow-foot00a .brand{font-family:"Fraunces",serif;font-size:1.9rem;color:var(--ink-900);display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
#ow-foot00a .brand svg{width:30px;height:30px}
#ow-foot00a .brand-logo{height:50px;width:auto;display:block}
#ow-foot00a .tag{font-family:"Fraunces",serif;font-style:italic;color:var(--ink-500);font-size:.95rem;max-width:28ch}
.ow-footlnk1{display:flex;gap:2.4rem;flex-wrap:wrap}
.footer-col h4{font-family:"Poppins";font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--terra-600);margin-bottom:.9rem}
.footer-col a{display:block;font-size:.9rem;color:var(--ink-700);padding:4px 0;transition:color .3s}
.footer-col a:hover{color:var(--terra-600)}
#ow-footbot1{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}
#ow-footbot1 p{font-size:.82rem;color:var(--ink-500)}
.footer-social{display:flex;gap:.8rem}
.footer-social a{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-700);transition:transform .3s var(--ease),color .3s}
.footer-social a:hover{transform:translateY(-3px);color:var(--terra-600)}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  #ow-herorwa{grid-template-columns:1fr;gap:38px}
  #ow-heromea{order:-1;max-width:400px;margin-inline:auto}
  .hero-event{right:2%}
  #ow-rvgrid01{grid-template-columns:1fr;gap:32px}
  #ow-rvside01{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:26px}
  .rv-score{flex:1 1 200px}
  .certs{flex:2 1 320px;border-top:none;border-left:1px dashed var(--line);padding-top:0;padding-left:26px}
  .cose-head{grid-template-columns:1fr}
  #ow-motrow01{grid-template-columns:1fr;gap:26px}
  #ow-motlft01{position:static}
  #ow-mrolls01{padding:0}
  #ow-mrolls01.js .mroll{opacity:1;transform:none;filter:none}
  .compare-head .kname{font-size:1.1rem}
  .bonus-row{grid-template-columns:1fr}
  .story-steps{grid-template-columns:1fr 1fr}
  .ow-teamgrd1{grid-template-columns:repeat(3,1fr)}
  .start-grid{grid-template-columns:1fr}
  .start-bg img{opacity:.09}
}
@media(max-width:640px){
  .pad{padding-block:60px}
  #ow-perccols{grid-template-columns:1fr}
  .pc.no .pc-img,.pc.yes .pc-img{width:88px;height:88px}
  .ow-teamgrd1{grid-template-columns:repeat(2,1fr)}
  [data-id^="membr0"]:nth-child(even){margin-top:0}
  #ow-hero00a h1{font-size:2.05rem}
  #ow-nav .brand{font-size:1.2rem}
  .hero-stat{left:2%}
  .ow-footgrd1{flex-direction:column}
  .rv-slider{padding:24px 20px}
  .rv-controls{flex-direction:column-reverse;align-items:stretch;gap:1.1rem}
  .rv-arrows{justify-content:center}
  .rv-dots{justify-content:center}
  #ow-rvside01{flex-direction:column}
  .certs{border-left:none;padding-left:0;border-top:1px dashed var(--line);padding-top:20px}
  .story-steps{grid-template-columns:1fr}
  .compare-head{grid-template-columns:1fr auto 1fr;gap:.5rem}
  .compare-head .kname{font-size:.95rem}
  .crow{gap:8px}
  .cside .ci{width:30px;height:30px}
  .ribbon{font-size:.72rem;padding-right:34px;gap:.5rem}
  .ribbon .ribbon-mid{display:none}
  .hero-event{top:2%;right:0;max-width:150px;padding:8px 11px}
  .hero-event .tx{font-size:.66rem}
  .hero-event .ic{width:28px;height:28px}
}
@media(max-width:400px){
  .ribbon .ev{display:none}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;transition:none}
  .float{animation:none!important}
  .route-drawn{stroke-dashoffset:0!important}
  #ow-mrolls01.js .mroll{opacity:1!important;transform:none!important;filter:none!important}
}


section{position:relative}
.e-parent{position:relative}
/* i wrapper widget di Elementor sono position:relative di default: li rendo static
   così gli elementi assoluti nel contenuto (card hero, curve, gocce, sfondi) si
   ancorano alla sezione/card, come nell'originale */
.elementor-widget-html,.elementor-widget-text-editor{position:static}
body{font-family:'Poppins',system-ui,sans-serif !important;font-weight:400;color:var(--ink-800) !important;background:var(--cream) !important;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.elementor-widget-heading .elementor-heading-title{font-family:'Fraunces',Georgia,serif !important;font-weight:500 !important;line-height:1.08;letter-spacing:-.02em;color:var(--ink-900)}
#ow-revs00a,#ow-cose00a,#ow-ident0a,#ow-motv00a,#ow-cont00a,#ow-perc00a,#ow-stor00a,.ow-team00a,#iscriviti,#ow-faq000a,#ow-fnle00a{padding-block:clamp(72px,9vw,132px)}
/* righe full-width con larghezza contenuto */
#ow-herorwa,#ow-rvgrid01,#ow-motrow01,.ow-teamgrd1,#ow-perccols,#ow-compwrp1,.ow-chartwr1,.ow-footgrd1,#ow-footbot1,#ow-finbens1,.ow-footlnk1{width:min(1160px,92vw);margin-inline:auto}
.ow-chartwr1{width:min(1160px,92vw)}
/* head nativi */
#ow-headcsa h2{font-size:clamp(1.9rem,3.9vw,3rem);max-width:15ch}
#ow-headcsa .lead{max-width:44ch}
#ow-headcsa{margin-bottom:clamp(24px,3vw,38px)}
#ow-headida,#ow-headpea,#ow-headsta,#ow-headfqa{text-align:center}
#ow-headida .e-con-inner{max-width:760px}
#ow-headpea .e-con-inner{max-width:640px}
#ow-headida,#ow-headcoa,#ow-headpea,#ow-headsta,.ow-headtma,#ow-headfqa{margin-bottom:clamp(30px,4vw,48px)}
#ow-headcoa .e-con-inner{max-width:720px}
.ow-headtma .e-con-inner{max-width:640px}
#ow-headcsa .elementor-widget-heading,#ow-headida .elementor-widget-heading,#ow-headcoa .elementor-widget-heading,#ow-headpea .elementor-widget-heading,#ow-headsta .elementor-widget-heading,.ow-headtma .elementor-widget-heading,#ow-headfqa .elementor-widget-heading{margin-bottom:.6rem}
/* hero: immagine blob */
.ow-heroimg1{width:100%;max-width:470px;margin-inline:auto}
.ow-heroimg1 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:53% 47% 62% 38%/48% 55% 45% 52%;box-shadow:var(--shadow-soft);background:var(--cream-deep)}
/* team: avatar nativi */
[data-id^="membr0"]{text-align:center}
[data-id^="membr0"] .elementor-widget-image{margin:0 auto .9rem;max-width:150px}
[data-id^="membr0"] .elementor-widget-image img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:var(--shadow-card)}
/* nav */
#ow-nav img{height:34px;width:auto}
/* finale: pillole benefici in riga */
#ow-finbens1{display:flex !important;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
#ow-fincld01 .elementor-widget-button{margin-top:.4rem}
/* footer brand */
.ow-footbrnd img{height:40px;width:auto}
.ow-footbrnd{max-width:320px}
/* form Elementor Pro dentro la card */
#ow-formcda .elementor-field-group{margin-bottom:4px}
#ow-formcda .elementor-field-group label{font-size:.8rem;font-weight:600;color:var(--ink-700);margin-bottom:6px}
#ow-formcda input[type=text],#ow-formcda input[type=email],#ow-formcda select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font-family:'Poppins',sans-serif;font-size:.95rem;color:var(--ink-800)}
#ow-formcda input:focus,#ow-formcda select:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 3px rgba(58,181,176,.15)}
#ow-formcda .elementor-button{width:100%;justify-content:center;background:var(--teal-500);border-radius:16px;padding:16px 32px;font-weight:500;font-size:1rem;font-family:'Poppins',sans-serif;box-shadow:0 14px 30px -14px rgba(58,181,176,.7)}
#ow-formcda .elementor-button:hover{background:var(--teal-600)}
/* FAQ accordion nativo */
.elementor-accordion .elementor-accordion-item{background:#fff;border:1px solid var(--line) !important;border-radius:14px !important;margin-bottom:12px;overflow:hidden;box-shadow:0 10px 26px -18px rgba(80,60,40,.25)}
.elementor-accordion .elementor-tab-title{font-family:'Poppins',sans-serif !important;font-weight:500 !important;font-size:1.02rem !important;color:var(--ink-900) !important;padding:18px 22px !important;border:none !important}
.elementor-accordion .elementor-tab-title.elementor-active{color:var(--teal-600) !important}
.elementor-accordion .elementor-tab-content{color:var(--ink-700) !important;padding:0 22px 20px !important;border-top:none !important;font-size:.95rem !important;font-family:'Poppins',sans-serif !important}
.elementor-accordion .elementor-accordion-icon,.elementor-accordion .elementor-accordion-icon svg{color:var(--teal-500) !important;fill:var(--teal-500) !important}
/* bottoni nativi */
.elementor-widget-button .elementor-button{background:var(--teal-500);color:#fff;font-family:'Poppins',sans-serif;font-weight:500;font-size:1rem;padding:16px 32px;border-radius:16px;box-shadow:0 14px 30px -14px rgba(58,181,176,.7);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.elementor-widget-button .elementor-button:hover{background:var(--teal-600);transform:translateY(-3px);box-shadow:0 20px 40px -14px rgba(58,181,176,.75)}

/* --- NASTRO EVENTO + LA ROTTA (v4) --- */

body{position:relative}
body.ribbon-off{--ribbon-h:0px}
body.ribbon-off .ribbon{opacity:0;pointer-events:none}
/* ---------- NASTRO EVENTO ---------- */
.ribbon{
  position:fixed;top:0;left:0;right:0;z-index:120;height:var(--ribbon-h);
  display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:nowrap;white-space:nowrap;
  padding:0 46px 0 16px;overflow:hidden;
  background:linear-gradient(90deg,var(--teal-600),var(--teal-500) 55%,var(--sage));
  color:#fff;font-size:.79rem;font-weight:500;letter-spacing:.01em;
  transition:height .4s var(--ease),opacity .4s var(--ease);
}
body.ribbon-off .ribbon{opacity:0;pointer-events:none}
.ribbon .ev{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}
.ribbon .ev .spark{width:8px;height:9px;display:inline-block;background:#fff;border-radius:50% 50% 50% 3px;transform:rotate(-6deg)}
.ribbon .sep{opacity:.55}
.ribbon .urg{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.16);border-radius:999px;padding:3px 12px;font-weight:600}
.ribbon .urg b{font-weight:700}
.ribbon-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:#fff;
  cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .3s,background .3s}
.ribbon-close:hover{opacity:1;background:rgba(255,255,255,.18)}


/* ============================================================
   LA ROTTA — filo conduttore (margine sinistro dedicato, ≥1200px)
   ============================================================ */
.page{position:relative}
.route-spine{display:none}
.route-cursor{display:none}
.checkpoint{display:none}

@media(min-width:1200px){
  /* contenuto spostato a destra: liberiamo una corsia a sinistra */
  .wrap{width:auto;max-width:1160px;margin-left:var(--rail);margin-right:clamp(24px,4vw,64px)}
  .narrow{width:auto;max-width:760px;margin-left:var(--rail);margin-right:auto}

  /* la corrente calda che scorre lungo tutta la pagina */
  .route-spine{
    display:block;position:absolute;top:0;bottom:0;left:0;width:var(--rail);
    z-index:4;pointer-events:none;
  }
  .route-spine svg.route-svg{width:100%;height:100%;display:block}

  /* il logo-goccia Nuvola che avanza lungo la corrente */
  .route-cursor{
    display:block;position:absolute;top:0;left:0;width:34px;height:37px;
    margin:-19px 0 0 -17px;z-index:6;pointer-events:none;opacity:.72;
    filter:drop-shadow(0 4px 8px rgba(80,60,40,.28));
    transition:opacity .4s var(--ease),filter .5s var(--ease);
    will-change:transform;
  }
  .route-cursor svg{width:100%;height:100%;display:block;transition:transform .35s var(--ease)}
  .route-cursor.lit{opacity:1;filter:drop-shadow(0 0 18px rgba(58,181,176,.95)) drop-shadow(0 0 7px rgba(58,181,176,.7))}
  .route-cursor.lit svg{transform:scale(1.4)}

  /* i checkpoint: spazio dedicato nella corsia, testo pienamente leggibile */
  .checkpoint{
    display:flex;align-items:flex-start;gap:11px;
    position:absolute;left:22px;top:clamp(78px,9vw,116px);z-index:7;
    pointer-events:none;max-width:200px;
  }
  .cp-drop{
    flex:0 0 auto;width:34px;height:38px;display:flex;align-items:center;justify-content:center;
    background:var(--sage);color:#fff;font-family:"Fraunces",serif;font-size:.9rem;font-weight:600;
    border-radius:50% 50% 50% 7px;transform:rotate(-3deg);
    box-shadow:0 10px 22px -12px rgba(80,60,40,.5);
    transition:background .5s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease);
  }
  .checkpoint.reached .cp-drop{background:var(--teal-500);transform:rotate(-3deg) scale(1.06);box-shadow:0 12px 26px -10px rgba(58,181,176,.7)}
  .cp-label{
    display:flex;flex-direction:column;line-height:1.15;
    background:rgba(255,255,255,.94);border:1px solid var(--line);
    padding:7px 12px 8px;border-radius:13px;box-shadow:0 8px 20px -12px rgba(80,60,40,.4);
    backdrop-filter:blur(2px);
  }
  .cp-label .k{font-size:.58rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--terra-600);white-space:nowrap}
  .cp-label .t{font-family:"Fraunces",serif;font-size:.95rem;color:var(--ink-900);white-space:nowrap;margin-top:1px}
  .cp-label .m{font-size:.68rem;color:var(--ink-600);line-height:1.28;margin-top:3px;font-weight:300;
    max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .45s var(--ease),margin-top .4s}
  .checkpoint.reached .cp-label .m{max-height:64px;opacity:1;margin-top:5px}
}


@media(min-width:1200px){
  #ow-hero00a,#ow-revs00a,#ow-cose00a,#ow-ident0a,#ow-motv00a,#ow-cont00a,#ow-perc00a,#ow-stor00a,.ow-team00a,#iscriviti,#ow-faq000a,#ow-fnle00a,#ow-foot00a{padding-left:var(--rail);padding-right:clamp(24px,4vw,64px)}
  #ow-herorwa,#ow-rvgrid01,#ow-motrow01,.ow-teamgrd1,#ow-perccols,#ow-compwrp1,.ow-chartwr1,.ow-footgrd1,#ow-footbot1,#ow-finbens1,.ow-footlnk1{width:auto;max-width:1160px}
}

/* --- coda pagina v2: footer + stage finale --- */
.ow-footgrd1,#ow-footbot1,.ow-footlnk1{flex-direction:row}
.ow-footgrd1>.e-con{width:auto}
.ow-footlnk1 .elementor-widget,#ow-footbot1 .elementor-widget{width:auto}
.ow-footbrnd img{height:40px;width:auto;object-fit:contain}
#ow-finstge1{position:relative;max-width:960px;margin-inline:auto;width:100%}
#ow-finbens1{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:2rem;width:auto;max-width:none}
#ow-finbens1 .elementor-widget{width:auto}
@media(min-width:1025px){
  #ow-finbens1{display:block;position:absolute;inset:0;z-index:4;pointer-events:none;margin:0;width:auto;max-width:none}
}

/* --- override pack: vince sulla specificita' (0,2,0) dei base-style .e-con-full.e-flex --- */
.e-con#ow-nav{position:fixed !important;top:var(--ribbon-h);left:0;right:0;z-index:100}
.e-con.ow-footgrd1{flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.e-con.ow-footlnk1{flex-direction:row;flex-wrap:wrap}
.e-con#ow-footbot1{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
.e-con#ow-foot00a{align-items:stretch}
.e-con.ow-footgrd1>.e-con{width:auto}
.e-con#ow-herorwa{align-items:center}
.e-con#ow-rvgrid01{align-items:stretch}
@media(max-width:640px){
  .e-con.ow-footgrd1,.e-con#ow-footbot1{flex-direction:column}
}

/* --- righe a piena larghezza (margin auto impedisce lo stretch flex) --- */
/* mobile: margini laterali come l'originale (92vw), boxed inclusi */
#ow-herorwa,#ow-rvgrid01,#ow-motrow01,.ow-teamgrd1,#ow-perccols,#ow-compwrp1,.ow-chartwr1,.ow-footgrd1,#ow-footbot1{width:min(1160px,92vw);max-width:none;margin-inline:auto}
.e-con-boxed>.e-con-inner{max-width:min(var(--content-width,1160px),92vw)}
@media(min-width:1200px){
.e-con-boxed>.e-con-inner{max-width:var(--content-width,1160px)}
}
@media(min-width:1200px){
  #ow-herorwa,#ow-rvgrid01,#ow-motrow01,.ow-teamgrd1,#ow-perccols,#ow-compwrp1,.ow-chartwr1,.ow-footgrd1,#ow-footbot1{width:100%;max-width:1160px}
}

/* --- contenuto sopra le curve decorative (equivalente z-index del .wrap originale) --- */
#ow-herorwa,#ow-rvgrid01,#ow-motrow01,.ow-teamgrd1,#ow-perccols,#ow-compwrp1,.ow-chartwr1,.ow-footgrd1,#ow-footbot1,#ow-finstge1{position:relative;z-index:5}
.e-con-boxed{position:relative;z-index:5}

/* --- form: font Poppins su label, input e placeholder (il kit li rende serif) --- */
#ow-formcda label,#ow-formcda input,#ow-formcda select,#ow-formcda ::placeholder{font-family:'Poppins',sans-serif !important}

/* --- nastro: override mobile (il blocco nastro v4 e' dopo il responsive e lo sovrasta) --- */
@media(max-width:640px){
  .ribbon{font-size:.72rem;padding-right:34px;gap:.5rem}
  .ribbon .ribbon-mid{display:none}
}
@media(max-width:400px){
  .ribbon .ev{display:none}
}

/* --- nastro evento rimosso: nav in cima, hero compattato --- */

.ribbon{display:none !important}

/* --- sezione tema dell'anno (clone Orientarsi) --- */
.ow-tema00a{padding-block:clamp(72px,9vw,132px)}
.ow-temahd01{text-align:center;margin-bottom:clamp(30px,4vw,48px)}
.ow-temahd01 .elementor-widget-heading{margin-bottom:.6rem}
@media(min-width:1200px){
  .ow-tema00a{padding-left:var(--rail);padding-right:clamp(24px,4vw,64px)}
}
.tappe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,20px)}
@media(max-width:900px){.tappe-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tappe-grid{grid-template-columns:1fr}}
.tappa{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-card)}
.tappa .tmese{font-family:'Poppins',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.14em;color:var(--teal-600);display:inline-flex;background:var(--teal-100);border-radius:999px;padding:3px 10px;margin-bottom:.5rem}
.tappa h4{font-size:1.15rem;margin:.1rem 0 .15rem;color:var(--ink-900)}
.tappa p{font-family:'Fraunces',Georgia,serif;font-style:italic;color:var(--ink-600);font-size:.92rem;line-height:1.35;margin:0}
.tappe-note{text-align:center;margin-top:clamp(22px,3vw,34px);color:var(--ink-700)}

/* --- nav senza offset del nastro rimosso --- */
.e-con#ow-nav{top:0 !important}
/* --- certificazioni: loghi reali --- */
.certs-logos .cert{padding:10px 16px;background:#fff}
.certs-logos .cert img{height:72px;width:auto;display:block}
@media(max-width:640px){.certs-logos .cert img{height:54px}}

/* --- sezione replay (al posto della storia) --- */
.replay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
@media(max-width:900px){.replay-grid{grid-template-columns:1fr}}
.rcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow-card)}
.rcard .ric{width:38px;height:38px;border-radius:12px;background:var(--teal-100);color:var(--teal-600);display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}
.rcard h4{font-size:1.12rem;margin:0 0 .25rem;color:var(--ink-900)}
.rcard p{font-size:.95rem;color:var(--ink-700);margin:0;line-height:1.55}
#ow-stor00a .storia-callout{margin-top:clamp(26px,3.5vw,40px)}

/* --- card tappe con immagine --- */
.tappa.has-img{padding:0;overflow:hidden}
.tappa.has-img .timg{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.tappa.has-img .tbody{padding:14px 20px 18px}

/* --- tabella catalogo-vs-rotta: impilata su mobile (migliora l'originale) --- */
@media(max-width:640px){
  .crow{grid-template-columns:1fr;gap:8px;padding:15px 0;align-items:start}
  .crow .ctopic{order:-1;text-align:left;padding:0;white-space:normal;
    font-family:'Poppins',sans-serif;font-weight:600;font-size:.7rem;
    text-transform:uppercase;letter-spacing:.12em;color:var(--terra-600)}
  .cside{font-size:.92rem;line-height:1.4}
  .cside.right{flex-direction:row-reverse;justify-content:flex-end;text-align:left}
  .compare-inner{padding:20px 18px}
}

/* --- testata sezione invito: titolo e lead affiancati (come originale) --- */
#ow-headcsa .e-con-inner{display:grid;grid-template-columns:1.05fr .95fr;column-gap:clamp(24px,4vw,60px);row-gap:.2rem;align-items:end}
#ow-headcsa .e-con-inner>div:nth-child(1){grid-column:1/-1}
#ow-headcsa .e-con-inner>div:nth-child(2){grid-column:1}
#ow-headcsa .e-con-inner>div:nth-child(3){grid-column:2;padding-bottom:.35rem}
#ow-headcsa h2{max-width:none}
#ow-headcsa .lead{max-width:none}
@media(max-width:900px){
  #ow-headcsa .e-con-inner{display:flex;flex-direction:column;align-items:flex-start}
  #ow-headcsa .lead{max-width:56ch}
}
/* nota piccola dentro le celle del palinsesto */
.pal-cls .nsub{display:block;font-size:.66rem;color:var(--ink-500);margin-top:2px;font-weight:400}

/* --- filtri palinsesto e frecce slider: neutralizza hover/focus del kit globale
   (accent + border-color:inherit = bordo nero che sposta il layout) --- */
.elementor-kit-10 button.arch:hover,
.elementor-kit-10 button.arch:focus{
  background-color:#fff;color:var(--terra-600);
  border:1px solid var(--terra-500);outline:none;
}
.elementor-kit-10 button.arch[aria-pressed="true"],
.elementor-kit-10 button.arch[aria-pressed="true"]:hover,
.elementor-kit-10 button.arch[aria-pressed="true"]:focus{
  background-color:var(--terra-tint);color:var(--terra-600);
  border:1px solid var(--terra-500);outline:none;
}
.elementor-kit-10 button.arch:focus-visible{outline:2px solid var(--teal-600);outline-offset:2px}
.elementor-kit-10 button.rv-prev:hover,.elementor-kit-10 button.rv-next:hover,
.elementor-kit-10 button.rv-prev:focus,.elementor-kit-10 button.rv-next:focus{
  background-color:#fff;color:var(--ink-700);border:1px solid var(--line);outline:none;
}


/* ============ SEZIONE 10 · LIVE DI APERTURA 20/09 ============ */
.e-con#ow-live00a{padding-block:clamp(72px,9vw,132px);position:relative;overflow:hidden}
.e-con#ow-headlva,.e-con#ow-lvbody01{position:relative;z-index:5}
.e-con#ow-headlva>.e-con-inner{max-width:min(760px,92vw)}
.e-con#ow-lvbody01>.e-con-inner{max-width:min(1160px,92vw)}
.ow-lvh20001 .elementor-heading-title{font-size:clamp(1.9rem,3.9vw,2.7rem);max-width:18ch}
.e-con#ow-lvrow001{flex-direction:row;align-items:center;gap:clamp(26px,4vw,56px);
 background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(24px,3vw,40px);
 box-shadow:0 18px 44px rgba(80,60,40,.10);margin-top:clamp(26px,3vw,40px)}
.e-con#ow-lvrow001>.ow-lvimg001{flex:0 0 clamp(180px,22vw,260px);width:clamp(180px,22vw,260px);max-width:260px}
.e-con#ow-lvrow001>.ow-lvtxt001{flex:1 1 auto;min-width:0}
.ow-lvimg001 img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;
 border-radius:50% 50% 50% 8px;transform:rotate(-3deg);box-shadow:0 16px 36px rgba(80,60,40,.18)}
.lv-badge{display:inline-flex;align-items:center;background:var(--terra-tint);color:var(--terra-600);
 border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:14px}
.lv-h3{font-family:"Fraunces",serif;font-weight:500;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--ink-900);margin:0 0 14px}
.lv-list{list-style:none;margin:0;padding:0}
.lv-list li{position:relative;padding-left:28px;margin-bottom:12px;font-size:.97rem;color:var(--ink-700);line-height:1.65}
.lv-list li::before{content:"";position:absolute;left:0;top:.5em;width:11px;height:11px;background:var(--terra);
 border-radius:50% 50% 50% 2px;transform:rotate(-3deg);opacity:.9}
.lv-list li span{color:var(--ink-900);font-weight:500}
.lv-after{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-500);line-height:1.6}
.ow-lvcta001{margin-top:clamp(22px,2.6vw,32px);text-align:center}
.ow-lvcta001 .elementor-button{background:var(--teal);color:#fff;border-radius:16px;
 padding:16px 30px;font-family:"Poppins",sans-serif;font-weight:500;font-size:1rem;
 box-shadow:0 12px 30px rgba(58,181,176,.32);transition:background .3s,transform .3s}
.ow-lvcta001 .elementor-button:hover{background:#2E9995;transform:translateY(-2px)}
@media (max-width:900px){
 .e-con#ow-lvrow001{flex-direction:column;align-items:center;text-align:center}
 .e-con#ow-lvrow001>.ow-lvimg001{flex:0 0 auto;width:clamp(150px,45vw,200px)}
 .lv-list{text-align:left;display:inline-block}
 .lv-after{text-align:center}
}

/* fix sezione 10: nomi token corretti + font h3 + bottone */
.lv-h3{font-family:"Fraunces",serif!important}
.lv-list li::before{background:var(--terra-500)}
.lv-badge{background:#fff;color:var(--terra-600);border:1px solid rgba(201,123,83,.28)}
.ow-lvcta001 .elementor-button{background:var(--teal-500)!important;color:#fff!important}
.ow-lvcta001 .elementor-button:hover{background:var(--teal-600)!important}

/* la curva in cima a «si salpa» raccorda con la sezione live (terra tint), non più col bianco del team */
#iscriviti .curve-top{background:var(--terra-tint)}




/* ---------- NAV ---------- */
#ow-nav{
  position:fixed;top:var(--ribbon-h);left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,4vw,54px);
  transition:background .4s var(--ease),box-shadow .4s var(--ease),padding .4s var(--ease),top .4s var(--ease);
}

#ow-nav.scrolled{background:rgba(250,247,242,.9);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(0,0,0,.05);padding-block:11px}

#ow-nav .brand{font-family:"Fraunces",serif;font-size:1.45rem;font-weight:500;color:var(--ink-900);display:flex;align-items:center;gap:.5rem}

#ow-nav .brand svg{width:26px;height:26px}

#ow-nav .brand-logo{height:34px;width:auto;display:block}
 #ow-nav .brand-logo{height:29px}

#ow-nav .btn{padding:11px 22px;font-size:.92rem}

  #ow-nav .brand{font-size:1.2rem}

/* nav */
#ow-nav img{height:34px;width:auto}


/* --- override pack: vince sulla specificita' (0,2,0) dei base-style .e-con-full.e-flex --- */
.e-con#ow-nav{position:fixed !important;top:var(--ribbon-h);left:0;right:0;z-index:100}


/* --- nav senza offset del nastro rimosso --- */
.e-con#ow-nav{top:0 !important}

/* --- HEADER della landing (ripristinato) ---------------------------------- */
#ow-nav{--ribbon-h:0px}
#ow-nav .ow-nav-logo img{height:34px;width:auto;display:block}
#ow-nav .ow-nav-cta .elementor-button{padding:11px 22px;font-size:.92rem;border-radius:16px;background:var(--teal-500);color:#fff}
#ow-nav .ow-nav-cta .elementor-button:hover{background:var(--teal-600)}
@media(max-width:560px){ #ow-nav .ow-nav-logo img{height:29px} }

/* --- ex custom CSS di pagina --- */
body{font-family:'Poppins',system-ui,sans-serif;font-weight:400;color:var(--ink-800);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body h1,body h2,body h3{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.02em;color:var(--ink-900)}
img{max-width:100%}
.eyebrow{font-family:'Poppins',sans-serif;font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--terra-600);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}
.eyebrow::before{content:'';width:26px;height:1px;background:currentColor;opacity:.55;display:inline-block}
.eyebrow.teal{color:var(--teal-600)}
.eyebrow.sage{color:var(--sage)}
.lead{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--ink-700);font-weight:300}
.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:'Poppins',sans-serif;font-weight:500;font-size:1rem;padding:16px 32px;border-radius:16px;cursor:pointer;border:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.btn-primary{background:var(--teal-500);color:#fff !important;box-shadow:0 14px 30px -14px rgba(58,181,176,.7)}
.btn-primary:hover{background:var(--teal-600);transform:translateY(-3px);box-shadow:0 20px 40px -14px rgba(58,181,176,.75)}
.btn .arrow{transition:transform .3s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:500;padding:10px 20px;border-radius:999px;background:var(--terra-100);color:var(--terra-600)}
.pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink-700)}
/* stile bottoni Elementor nativi come btn-primary */
.elementor-widget-button .elementor-button{background:var(--teal-500);color:#fff;font-family:'Poppins',sans-serif;font-weight:500;font-size:1rem;padding:16px 32px;border-radius:16px;box-shadow:0 14px 30px -14px rgba(58,181,176,.7);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.elementor-widget-button .elementor-button:hover{background:var(--teal-600);transform:translateY(-3px);box-shadow:0 20px 40px -14px rgba(58,181,176,.75)}

/* --- hero: benefit cards (icon-box nativi, sostituiscono la lista .hero-bene) --- */
#ow-benerow{margin-top:14px}
.ow-bene{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);flex:1 1 160px;min-width:150px}
.ow-bene .elementor-icon-box-wrapper{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;text-align:left}
.ow-bene .elementor-icon-box-icon{margin:0}
.ow-bene .elementor-icon-box-icon .elementor-icon{width:34px;height:34px;background:var(--terra-tint);border-radius:50% 50% 50% 6px;display:flex;align-items:center;justify-content:center;font-size:0}
.ow-bene .elementor-icon svg{width:19px;height:19px;display:block}
.ow-bene .elementor-icon-box-title{font-family:"Poppins",sans-serif;font-weight:600;font-size:.83rem;color:var(--ink-900);margin:0;line-height:1.3}
.ow-bene .elementor-icon-box-description{font-size:.74rem;color:var(--ink-500);line-height:1.35;margin:2px 0 0}
@media(max-width:560px){ .ow-bene{flex-basis:100%} }
