/* ==========================================================================
   Golden Dream Kennel · Landing videocorsi Golden Dream Ready + Start
   Sistema grafico "Gabry" (come lan-posturale / lan-ems): fondo quasi nero,
   accento arancio, sezioni crema, DM Sans + Anton per bottoni e numeri.
   ========================================================================== */
:root{
  --bg:#070605;
  --bg-alt:#0d0b09;
  --surface:#15120e;
  --surface-2:#1d1913;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.18);
  --text:#f6f3ec;
  --muted:rgba(246,243,236,.66);
  --muted-2:rgba(246,243,236,.45);
  --accent:#f96903;
  --accent-2:#ffb15c;
  --accent-deep:#e05a00;
  --accent-glow:rgba(249,105,3,.35);
  --gold:#f2d6a8;
  --gold-deep:#b98a2e;
  --btn-bg:#7a5b16;
  --btn-border:#ff8e14;
  --green:#2bd576;
  --red:#ff5d5d;
  --cream:#f6f3ee;
  --cream-2:#e9e3d8;
  --ink:#0a0a0a;
  --ink-muted:#4f4c46;
  --radius:18px;
  --radius-sm:12px;
  --font:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Anton','Impact','DM Sans',sans-serif;
  --container:1180px;
  --topbar-h:64px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--font);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg,picture{display:block;max-width:100%}
[hidden]{display:none!important}
img{height:auto}
a{color:inherit;text-decoration:none}
p{margin:0 0 1.1em}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:700;color:var(--text)}
s{opacity:.6}
h1,h2,h3,h4{margin:0 0 .5em;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:500}
h2{font-size:clamp(1.75rem,3.4vw,2.7rem);font-weight:700;margin-bottom:.7em}
h3{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}
h4{font-size:1.08rem;font-weight:700}
.hl{color:var(--accent)}
.container{width:min(var(--container),100% - 2rem);margin-inline:auto}
.narrow{max-width:820px;margin-inline:auto}
.h2--wide{max-width:900px}
.lead{font-size:1.15rem;color:var(--muted)}
.lead strong{color:var(--text)}
.section > .container > .sub{max-width:760px;color:var(--muted);font-size:1.1rem;margin-top:-.4rem;margin-bottom:2.2rem}
.ico-inline{display:inline-block;width:1em;height:1em;vertical-align:-.15em}

.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:0 0 1.1rem;
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--accent);border-radius:2px;flex:none}
.eyebrow--dark{color:var(--accent-deep)}

/* ---- Bottoni (stile Gabry: Anton, oro scuro, bordo arancio, glow) ---- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.65rem;
  font-family:var(--display);font-weight:400;letter-spacing:.03em;text-transform:uppercase;
  font-size:1.15rem;line-height:1.1;text-align:center;
  padding:1rem 1.8rem;border-radius:4px;border:3px solid transparent;
  transition:transform .18s ease,box-shadow .25s ease,background .25s ease,border-color .25s;
  cursor:pointer;white-space:normal;
}
.btn--primary{
  color:#fff;background:var(--btn-bg);border-color:var(--btn-border);
  background-image:linear-gradient(rgba(255,224,0,.22),rgba(255,224,0,.22));
  box-shadow:0 0 16px rgba(255,224,0,.22),0 0 40px rgba(249,105,3,.25);
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(255,224,0,.3),0 0 60px rgba(249,105,3,.4);background-image:linear-gradient(rgba(255,224,0,.32),rgba(255,224,0,.32))}
.btn--primary:active{transform:translateY(0)}
.btn--lg{font-size:1.5rem;padding:1.15rem 2.4rem}
.btn--sm{font-size:1rem;padding:.55rem 1.1rem;border-width:2px}
.btn--block{width:100%}
.btn--ghost{color:var(--text);border-color:var(--line-strong);background:rgba(255,255,255,.04)}
.btn--ghost:hover{border-color:var(--accent);transform:translateY(-2px)}
.micro{font-size:.92rem;color:var(--muted);margin:.85rem 0 0}
.micro--center{text-align:center}
.cta-block{margin-top:1.8rem}
.cta-block--center{text-align:center;margin-top:2.6rem}
.cta-block--center .btn{margin-inline:auto}

/* ---- Liste ---- */
.checks li,.xlist li{display:flex;gap:.8rem;align-items:flex-start;padding:.42rem 0}
.checks svg,.xlist svg{width:1.5rem;height:1.5rem;flex:none;border-radius:50%;padding:.28rem;margin-top:.1rem}
.checks svg{color:var(--green);background:rgba(43,213,118,.14)}
.xlist svg{color:var(--red);background:rgba(255,93,93,.13)}
.xlist em{font-style:italic}
.checks--big li{font-size:1.06rem;padding:.55rem 0}
.stars{display:inline-flex;gap:.12rem;color:#ffb82e}
.stars svg{width:1rem;height:1rem}

/* ---- Top bar ---- */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(7,6,5,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(249,105,3,.35);
}
.topbar__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--topbar-h)}
.brand img{height:34px;width:auto;display:block}
.topbar__offer{display:inline-flex;align-items:center;gap:.8rem;margin-left:auto}
.topbar__label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.timer{display:inline-flex;gap:.5rem;align-items:baseline;font-family:var(--display);font-size:1.25rem;color:#fff;letter-spacing:.02em}
.timer span{display:inline-flex;align-items:baseline;gap:.15rem}
.timer i{font:700 .62rem/1 var(--font);letter-spacing:.06em;color:var(--muted);font-style:normal;text-transform:uppercase}
.timer--inline{font-size:1.1rem}
.timer--inline span{background:rgba(255,255,255,.06);padding:.1rem .45rem;border-radius:6px}
@media (max-width:860px){.topbar__label{display:none}}
@media (max-width:620px){
  .topbar{position:static}
  .brand img{height:26px}
  .topbar__btn{display:none}
  .timer{font-size:1.05rem;gap:.35rem}
}

/* ---- Sezioni ---- */
.section{padding:clamp(4rem,8vw,7rem) 0;position:relative}
.section--tight{padding:clamp(2.5rem,5vw,4rem) 0}
.section--alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section--cream{background:var(--cream);color:var(--ink)}
.section--cream h2,.section--cream h3,.section--cream h4,.section--cream strong{color:var(--ink)}
.section--cream p{color:#2b2925}
.section--cream .hl{color:var(--accent-deep)}
.section--cream > .container > .sub{color:var(--ink-muted)}
.section--cream .micro{color:var(--ink-muted)}
.section--price{
  background:
    radial-gradient(60% 50% at 50% 0%,rgba(249,105,3,.16),transparent 70%),
    var(--bg);
}
.section--final{
  background:
    radial-gradient(70% 60% at 50% 100%,rgba(249,105,3,.18),transparent 70%),
    var(--bg-alt);
  border-top:1px solid var(--line);
}

/* ---- Grid & card ---- */
.grid{display:grid;gap:1.25rem}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.grid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.grid--3{grid-template-columns:1fr}}
@media (max-width:560px){.grid--4{grid-template-columns:1fr}}
.card{
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:var(--radius);
  padding:1.7rem 1.5rem;position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s;
}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.75;transition:opacity .3s}
.card:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.card:hover::before{opacity:1}
.card h3{margin-top:.2rem;font-size:1.15rem}
.card p{margin:0;color:var(--muted)}
.who{margin-top:.4rem}

/* ---- Hero (foto a tutta altezza a destra, copy a sinistra) ---- */
.hero{
  position:relative;overflow:hidden;
  min-height:min(calc(100vh - var(--topbar-h)),900px);
  display:flex;align-items:center;
  padding:clamp(2rem,4vw,3.5rem) 0 clamp(2.5rem,5vw,4rem);
}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__media picture{position:absolute;inset:0}
.hero__img{position:absolute;right:0;top:0;height:100%;width:64%;object-fit:cover;object-position:62% 40%}
.hero__shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,var(--bg) 0%,var(--bg) 32%,rgba(7,6,5,.92) 40%,rgba(7,6,5,.5) 49%,rgba(7,6,5,.12) 58%,rgba(7,6,5,0) 66%),
    linear-gradient(180deg,rgba(7,6,5,.5) 0%,rgba(7,6,5,0) 22%,rgba(7,6,5,0) 70%,var(--bg) 100%),
    radial-gradient(50% 60% at 78% 45%,rgba(249,105,3,.10),transparent 70%);
}
.hero__in{position:relative;z-index:1;width:min(var(--container),100% - 2rem);margin-inline:auto}
.hero__copy{max-width:600px}
.hero h1{margin-bottom:.5em}
.hero .lead{max-width:58ch;margin-bottom:.6rem;font-size:1.08rem}
.hero .checks{margin:.6rem 0 0}
.hero .checks li{padding:.22rem 0;font-size:1rem}
.hero .cta-block{margin-top:1.4rem;max-width:560px}
.stats{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--line);max-width:600px}
.stat{display:flex;flex-direction:column;gap:.15rem;min-width:120px;flex:1}
.stat b{font-family:var(--display);font-weight:400;font-size:2.1rem;line-height:1;color:#fff;letter-spacing:.01em;display:inline-flex;align-items:baseline;gap:.3rem}
.stat b small{font-size:1.1rem;color:var(--muted);font-weight:500}
.stat span{font-size:.86rem;color:var(--muted);line-height:1.3;max-width:20ch}
.stat .stars{vertical-align:-2px}
.stat .stars svg{width:1.1rem;height:1.1rem}
@media (max-width:960px){
  .hero{display:block;min-height:0;padding-top:0}
  .hero__media{position:relative;inset:auto;height:auto;z-index:1}
  .hero__media picture{position:relative;inset:auto;display:block}
  .hero__img{position:relative;right:auto;top:auto;width:100%;height:auto;aspect-ratio:5/4;object-position:60% 30%}
  .hero__shade{background:linear-gradient(180deg,rgba(7,6,5,.1) 0%,rgba(7,6,5,0) 40%,rgba(7,6,5,.25) 75%,var(--bg) 100%)}
  .hero__in{padding-top:1.2rem;margin-top:-3rem;position:relative;z-index:2}
  .hero__copy{max-width:none}
}
@media (max-width:560px){
  .hero__img{aspect-ratio:4/3;object-position:62% 20%}
  .stats{gap:1rem 1.2rem}
  .stat{min-width:100px}
  .stat b{font-size:1.8rem}
}

/* ---- Problema (split + pannello errori) ---- */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);margin-top:1.5rem;align-items:start}
.split__text p{font-size:1.1rem;color:var(--muted)}
.split__text p strong{color:var(--text)}
.split--who{grid-template-columns:.85fr 1.15fr;align-items:center}
.split--who .split__text h2{margin-bottom:.6em}
.photo{margin:1.8rem 0 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);position:relative}
.photo img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 40%}
.photo--portrait{margin:0}
.photo--portrait img{aspect-ratio:4/5;object-position:50% 30%}
.photo__cap{position:absolute;left:1rem;right:1rem;bottom:1rem;font-size:.85rem;color:var(--muted);background:rgba(7,6,5,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.6rem .9rem;margin:0}
.photo__cap strong{color:#fff}
.panel{
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.6rem;
  position:sticky;top:calc(var(--topbar-h) + 1rem);
}
.panel__title{font-size:1.35rem;margin-bottom:1rem}
.panel .xlist li{padding:.6rem 0;border-bottom:1px solid var(--line);color:var(--text)}
.panel .xlist li:last-child{border-bottom:0}
.panel__foot{margin:1.2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line);font-size:1.02rem;color:var(--muted)}
@media (max-width:860px){.split,.split--who{grid-template-columns:1fr}.panel{position:static}.split--who .photo{max-width:520px}}

/* ---- Fasi (crema) ---- */
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;counter-reset:fase;margin-top:.5rem}
.phase{
  position:relative;background:#fff;border-radius:var(--radius);padding:2rem 1.4rem 1.5rem;
  border:1px solid rgba(10,10,10,.08);box-shadow:0 12px 30px -20px rgba(10,10,10,.35);
}
.phase::before{
  counter-increment:fase;content:counter(fase);
  position:absolute;top:-16px;left:1.3rem;width:34px;height:34px;border-radius:50%;
  font-family:var(--display);font-size:1.1rem;color:#fff;display:grid;place-items:center;
  background:linear-gradient(180deg,#ffb35d,var(--accent));box-shadow:0 8px 20px -8px var(--accent-glow);
}
.phase__when{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:.5rem}
.phase h3{font-size:1.2rem;margin-bottom:.4rem}
.phase p{margin:0;font-size:.98rem;color:#3d3a34}
@media (max-width:1000px){.phases{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.phases{grid-template-columns:1fr;gap:1.6rem}}

/* ---- Capitoli (crema) ---- */
.chapters__title{margin:3rem 0 1.2rem;font-size:1.5rem}
.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.chapter{
  display:flex;gap:.9rem;align-items:flex-start;background:#fff;border-radius:var(--radius-sm);
  padding:1.1rem 1.15rem;border:1px solid rgba(10,10,10,.08);
}
.chapter b{font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1;color:var(--accent);flex:none;min-width:2.2rem;letter-spacing:.02em}
.chapter h4{margin:.1rem 0 .25rem}
.chapter p{margin:0;font-size:.94rem;color:#3d3a34}
@media (max-width:1000px){.chapters{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.chapters{grid-template-columns:1fr}}

/* ---- Bonus ---- */
.bonus{display:flex;flex-direction:column}
.bonus__tag{
  display:inline-block;align-self:flex-start;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;
  color:#1c1006;background:linear-gradient(180deg,#ffb35d,#ff8a2f);padding:.3rem .65rem;border-radius:6px;margin-bottom:1rem;
}
.bonus p{margin-bottom:.6em}
.bonus em{font-style:italic}
.bonus__value{margin-top:auto!important;padding-top:.6rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:.8rem;color:var(--green)}
.bonus__value s{margin-right:.4rem;text-transform:none;letter-spacing:0;font-weight:500;font-size:.95rem;color:var(--muted)}

/* ---- Recensioni ---- */
.review{margin:0;display:flex;flex-direction:column;gap:.9rem;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.5rem}
.review blockquote{margin:0;font-size:1rem;color:var(--text);flex:1}
.review figcaption{display:flex;align-items:center;gap:.8rem;padding-top:.6rem;border-top:1px solid var(--line)}
.review figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.12)}
.review figcaption span{display:grid;line-height:1.25}
.review figcaption em{font-style:normal;font-size:.8rem;color:var(--muted)}
.reviews__all{text-align:center;margin:2rem 0 0;font-weight:700}
.reviews__all a{color:var(--accent-2);display:inline-flex;align-items:center;gap:.4rem}
.reviews__all a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---- Prezzo / offerta ---- */
.price-deadline{color:var(--muted);margin:-.6rem 0 2rem;font-size:1rem}
.offer{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.offer__visual{display:flex;flex-direction:column;align-items:center;gap:2rem}
.offer__how{width:100%;max-width:420px;display:grid;gap:.6rem}
.offer__how li{display:flex;gap:.9rem;align-items:center;color:var(--muted);font-size:.98rem}
.offer__how b{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:400;color:#fff;background:var(--surface-2);border:1px solid var(--line-strong)}
.offer__box{
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid rgba(249,105,3,.45);border-radius:var(--radius);padding:1.8rem 1.6rem;
  box-shadow:0 0 0 1px rgba(249,105,3,.12),0 40px 80px -40px rgba(0,0,0,.9),0 0 60px rgba(249,105,3,.12);
}
.offer__title{font-size:1.35rem;margin-bottom:1rem}
.stack{display:grid;gap:.15rem;margin-bottom:1.2rem}
.stack li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.98rem}
.stack li span{color:var(--text)}
.stack li s{color:var(--muted);white-space:nowrap}
.stack li em{font-style:normal;color:var(--green);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.offer__total{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.2rem;margin-bottom:1.2rem}
.offer__row{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted)}
.offer__row s{font-size:1.15rem}
.offer__row--big{color:var(--text);font-weight:700;font-size:1.15rem;margin-top:.2rem}
.offer__row--big strong{font-family:var(--display);font-weight:400;font-size:3.4rem;line-height:1;color:var(--accent);letter-spacing:.01em}
.offer__save{margin:.4rem 0 0;font-size:.9rem;color:var(--muted)}
.guarantee{margin-top:1.3rem;padding:1rem 1.1rem;border-radius:var(--radius-sm);background:rgba(43,213,118,.07);border:1px solid rgba(43,213,118,.25);font-size:.95rem;color:var(--muted)}
.guarantee strong{color:#fff}
@media (max-width:900px){.offer{grid-template-columns:1fr}.offer__visual{order:2}}
@media (min-width:640px){.offer__box{padding:2.2rem 2.2rem}}

/* Mockup libro 3D (solo CSS) */
.book{position:relative;width:min(300px,78vw);aspect-ratio:720/942;transform-style:preserve-3d;transform:rotateY(-20deg) rotateX(3deg);margin:1.2rem 1.6rem 1.6rem 0;transition:transform .5s ease}
.offer__visual:hover .book{transform:rotateY(-13deg) rotateX(2deg)}
.book__cover{position:absolute;inset:0;border-radius:6px 14px 14px 6px;overflow:hidden;background:#0a0908;transform:translateZ(18px);box-shadow:inset 6px 0 14px rgba(0,0,0,.35),24px 30px 50px rgba(0,0,0,.6)}
.book__photo{width:100%;height:100%;object-fit:cover}
.book__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,5,.88) 0%,rgba(7,6,5,.55) 36%,rgba(7,6,5,0) 60%,rgba(7,6,5,.86) 100%)}
.book__text{position:absolute;inset:0;padding:22px 20px 18px 26px;display:flex;flex-direction:column;color:#fff}
.book__brand{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:800}
.book__title{font-weight:800;font-size:32px;line-height:1.02;margin-top:10px;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.book__title em{color:var(--accent);font-style:normal}
.book__sub{font-size:12.5px;line-height:1.35;color:#e9e4da;margin-top:10px;max-width:220px}
.book__authors{margin-top:auto;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:700}
.book__pages{position:absolute;inset:6px -10px 6px 10px;border-radius:4px 12px 12px 4px;background:repeating-linear-gradient(90deg,#f4efe4 0 2px,#d9d2c2 2px 3px)}

/* ---- FAQ ---- */
.faq{display:grid;gap:.7rem;max-width:860px}
.faq__item{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 1.2rem}
.faq__item summary{cursor:pointer;list-style:none;font-weight:700;padding:1rem 2rem 1rem 0;position:relative;font-size:1.05rem}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";position:absolute;right:0;top:.7rem;font-size:1.6rem;color:var(--accent);font-weight:400;transition:transform .2s}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item p{color:var(--muted);margin:0 0 1.1rem;font-size:1rem}

/* ---- Finale ---- */
.final{text-align:center}
.final .lead{max-width:640px;margin-inline:auto}
.final__price{display:flex;justify-content:center;align-items:baseline;gap:1rem;margin:1.2rem 0 1.4rem}
.final__price s{color:var(--muted);font-size:1.4rem}
.final__price strong{font-family:var(--display);font-weight:400;font-size:4rem;color:var(--accent);line-height:1}
.final .micro{margin-top:1rem}

/* ---- Footer ---- */
.footer{background:#040302;color:var(--muted-2);padding:2.6rem 0 7rem;font-size:.86rem;border-top:1px solid var(--line)}
.footer__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.footer__logo{width:150px;height:auto;opacity:.9}
.footer__links{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}
.footer__links a{color:var(--muted)}
.footer__links a:hover{color:var(--accent-2)}
.footer__legal{margin-bottom:.8rem}
.footer__disclaimer{font-size:.8rem;line-height:1.55;margin:0}
.footer__disclaimer strong{color:var(--muted)}
@media (min-width:900px){.footer{padding-bottom:2.6rem}}

/* ---- Barra CTA mobile ---- */
.stickybar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));
  background:rgba(7,6,5,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(249,105,3,.35);
  transform:translateY(110%);transition:transform .25s ease;
}
.stickybar.is-visible{transform:translateY(0)}
.stickybar__price{display:flex;align-items:baseline;gap:.5rem;color:#fff}
.stickybar__price s{color:var(--muted);font-size:.85rem}
.stickybar__price strong{font-family:var(--display);font-weight:400;font-size:1.7rem;color:var(--accent)}
@media (min-width:900px){.stickybar{display:none}}

/* ---- Banner cookie ---- */
.cookie{
  position:fixed;z-index:70;left:1rem;right:1rem;bottom:5.6rem;
  background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:16px;padding:1rem;
  box-shadow:0 20px 60px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:.8rem;font-size:.9rem;
}
.cookie p{margin:0;color:var(--muted)}
.cookie a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.cookie__actions{display:flex;gap:.5rem;justify-content:flex-end}
@media (min-width:900px){.cookie{left:auto;right:1.5rem;bottom:1.5rem;max-width:420px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .book,.stickybar,.btn,.card{transition:none}
}

/* ==========================================================================
   Componenti della landing videocorsi (Ready + Start)
   ========================================================================== */
.tag{
  display:inline-block;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;line-height:1;
  padding:.36rem .6rem;border-radius:6px;color:#1c1006;background:linear-gradient(180deg,#ffb35d,#ff8a2f);
}
.tag--start{background:linear-gradient(180deg,#7fe0a6,#2bd576);color:#06200f}
.punch{font-size:1.2rem!important;color:var(--text)!important;border-left:3px solid var(--accent);padding-left:1rem}
.closing{max-width:760px;margin:2.4rem auto 0;text-align:center;font-size:1.15rem}
.closing--big{font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.3}
.fineprint{max-width:760px;margin:1.4rem auto 0;text-align:center;font-size:.85rem;color:var(--muted-2)}

/* Situazioni 01–04 */
.sit__n{display:block;font-family:var(--display);font-weight:400;font-size:2.4rem;line-height:1;color:var(--accent);margin-bottom:.9rem;letter-spacing:.02em}

/* Consigli che si contraddicono */
.versus li{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.98rem}
.versus li:last-child{border-bottom:0}
.versus span{color:var(--text);font-style:italic}
.versus span + span{color:var(--muted);padding-left:.8rem;border-left:2px solid var(--accent)}

/* Introduzione soluzione */
.intro2{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.intro2 p{font-size:1.1rem}
.intro2__img img{border-radius:var(--radius);aspect-ratio:16/10;object-fit:cover;width:100%;box-shadow:0 20px 50px -25px rgba(10,10,10,.5)}
.chapters{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.intro2{grid-template-columns:1fr}}

/* Prima / dopo */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem}
.ba__col{border-radius:var(--radius);padding:1.8rem 1.6rem;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface))}
.ba__col h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:1.35rem;margin-bottom:.9rem}
.ba__col--before h3{color:var(--red)}
.ba__col--after{border-color:rgba(43,213,118,.4);box-shadow:0 0 50px rgba(43,213,118,.07)}
.ba__col--after h3{color:var(--green)}
.ba__col li{padding:.6rem 0;border-bottom:1px solid var(--line)}
.ba__col li:last-child{border-bottom:0}
.ba__col--before li{color:var(--muted)}
@media (max-width:760px){.ba{grid-template-columns:1fr}}

/* Immagina */
.imagine{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:.5rem}
.imagine li{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:1.05rem 1.2rem;color:var(--muted)}
.imagine li:last-child{grid-column:1/-1}
@media (max-width:760px){.imagine{grid-template-columns:1fr}}
.callout{margin-top:2.4rem;border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.4rem);border:1px solid rgba(249,105,3,.45);background:radial-gradient(80% 120% at 0% 0%,rgba(249,105,3,.14),transparent 60%),var(--surface)}
.callout h3{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.6em}
.callout p{color:var(--muted);max-width:80ch}
.callout p:last-child{margin-bottom:0}

/* Percorso a tappe (crema) */
.steps{display:grid;gap:.9rem;counter-reset:tappa}
.step{counter-increment:tappa;display:grid;grid-template-columns:210px 1fr;gap:1.4rem;align-items:start;background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:var(--radius);padding:1.3rem 1.5rem;box-shadow:0 12px 30px -22px rgba(10,10,10,.35)}
.step__when{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}
.step__when::before{content:counter(tappa);font-family:var(--display);font-weight:400;font-size:2rem;line-height:1;color:var(--accent);letter-spacing:.02em}
.step__body h3{font-size:1.2rem;margin-bottom:.3rem}
.step__body p{margin:0;font-size:1rem;color:#3d3a34}
@media (max-width:700px){.step{grid-template-columns:1fr;gap:.7rem}.step__when{flex-direction:row;align-items:center;flex-wrap:wrap}}

/* Chi ti accompagna */
.team{display:grid;gap:1rem;margin-top:1.4rem}
.member{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.4rem}
.member h3{margin-bottom:.15rem}
.member__role{font-size:.8rem!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)!important;margin-bottom:.7rem}
.member p{font-size:1rem!important;margin-bottom:.9rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chips li{font-size:.8rem;font-weight:700;padding:.3rem .65rem;border-radius:99px;border:1px solid var(--line-strong);color:var(--muted)}

/* Numeri */
.nums{display:flex;flex-wrap:wrap;gap:1rem 3rem;margin:0 0 2.4rem}
.nums--left{margin:2rem 0 0;padding-top:1.4rem;border-top:1px solid var(--line)}
.num{display:flex;flex-direction:column;gap:.2rem}
.num b{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;color:var(--accent);letter-spacing:.01em}
.num b small{font-size:.5em;color:var(--accent-2)}
.num span{font-size:.9rem;color:var(--muted)}

/* Programma dei due corsi */
.courses{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
.course{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding-bottom:.6rem}
.course__img img{width:100%;aspect-ratio:3/2;object-fit:cover}
.course__head{padding:1.3rem 1.4rem 1rem}
.course__head h3{font-size:1.5rem;margin:.7rem 0 .2rem}
.course__head p{margin:0;color:var(--muted);font-size:.95rem}
.mod{border-top:1px solid var(--line);padding:0 1.4rem}
.mod summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.7rem;padding:.9rem 1.6rem .9rem 0;font-weight:700;position:relative}
.mod summary::-webkit-details-marker{display:none}
.mod summary span{font-family:var(--display);font-weight:400;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex:none;min-width:5.2rem}
.mod summary em{margin-left:auto;font-style:normal;font-weight:500;font-size:.8rem;color:var(--muted);white-space:nowrap}
.mod summary::after{content:"+";position:absolute;right:0;top:.62rem;font-size:1.4rem;font-weight:400;color:var(--accent);transition:transform .2s}
.mod[open] summary::after{transform:rotate(45deg)}
.mod ul{padding:0 0 1rem;display:grid;gap:.45rem}
.mod li{position:relative;padding-left:1.5rem;color:var(--muted);font-size:.97rem}
.mod li::before{content:"";position:absolute;left:.15rem;top:.5em;border:5px solid transparent;border-left:8px solid var(--accent)}
@media (max-width:900px){.courses{grid-template-columns:1fr}}
@media (max-width:480px){.mod summary{flex-wrap:wrap;gap:.1rem .7rem}.mod summary span{min-width:100%}}

/* Schede */
.sheet .tag{margin-bottom:.9rem}

/* Storia */
.story p{font-size:1.1rem;color:var(--muted)}
.story .sign{margin-top:1.6rem;color:var(--text)}

/* Facciamo i conti (crema) */
.costs{display:grid;gap:.7rem;margin-bottom:2rem}
.costs li{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:var(--radius-sm);padding:1.1rem 1.3rem}
.costs span{color:#2b2925;font-size:1.02rem}
.costs b{flex:none;text-align:right;font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1;color:var(--accent-deep);letter-spacing:.01em}
.costs b small{display:block;font:500 .78rem/1.3 var(--font);color:var(--ink-muted);letter-spacing:0;margin-top:.3rem;max-width:16ch;margin-left:auto}
.conti__text{margin-inline:0}
.conti__text p{font-size:1.1rem}
@media (max-width:620px){.costs li{flex-direction:column;align-items:flex-start;gap:.6rem}.costs b{text-align:left}.costs b small{margin-left:0;max-width:none}}

/* Percorsi / prezzi */
.plans{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:1.25rem;align-items:stretch;margin-top:1rem}
.plan{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.5rem 1.6rem}
.plan h3{font-size:1.45rem;margin-bottom:.4rem}
.plan__for{color:var(--muted);font-size:.98rem;min-height:3.1em;margin-bottom:.8rem}
.plan__price{display:flex;align-items:baseline;gap:.8rem;margin:0 0 .2rem}
.plan__price strong{font-family:var(--display);font-weight:400;font-size:3.6rem;line-height:1;color:#fff;letter-spacing:.01em}
.plan__price s{font-size:1.3rem;color:var(--muted)}
.plan__save{font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:.3rem 0 0}
.plan .checks{margin:1.2rem 0 1.6rem;padding-top:1rem;border-top:1px solid var(--line);flex:1}
.plan .checks li{font-size:.98rem;padding:.35rem 0}
.plan--featured{border:2px solid var(--accent);box-shadow:0 0 0 1px rgba(249,105,3,.15),0 40px 80px -40px rgba(0,0,0,.9),0 0 70px rgba(249,105,3,.18);background:radial-gradient(90% 60% at 50% 0%,rgba(249,105,3,.16),transparent 70%),var(--surface-2)}
.plan--featured .plan__price strong{color:var(--accent);font-size:4.2rem}
.plan__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;line-height:1;padding:.45rem .9rem;border-radius:6px;color:#1c1006;background:linear-gradient(180deg,#ffb35d,#ff8a2f);white-space:nowrap}
@media (max-width:980px){
  .plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  .plan--featured{order:-1}
  .plan__for{min-height:0}
}
.wa{margin-top:2.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem 2.5rem;flex-wrap:wrap;border:1px solid var(--line-strong);border-radius:var(--radius);padding:1.6rem 1.7rem;background:rgba(255,255,255,.03)}
.wa > div{flex:1;min-width:260px}
.wa h3{font-size:1.35rem}
.wa p{margin:0;color:var(--muted)}
.btn--wa{color:#06200f;background:#25d366;border-color:#25d366}
.btn--wa:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(37,211,102,.35)}
.btn--wa .ico-inline{width:1.3em;height:1.3em}

/* Perché adesso */
.win__n{display:block;font-family:var(--display);font-weight:400;font-size:2.5rem;line-height:1;color:var(--accent);margin-bottom:1rem}
.win__n small{display:block;font:700 .75rem/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}
.now{margin-top:2.4rem;text-align:center}
.now p{font-size:1.15rem;color:var(--muted)}
.now p:last-child{font-size:1.3rem;margin-bottom:0}

/* Barra mobile */
.stickybar__price small{color:var(--muted);font-size:.85rem}
@media (max-width:620px){.topbar__in{justify-content:center}}

/* ---- Pagine dei singoli corsi (ready.html, start.html) ---- */
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.grid--2{grid-template-columns:1fr}}
.plans--two{grid-template-columns:1.12fr 1fr;max-width:860px}
@media (max-width:980px){.plans--two{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}
.courses--one{grid-template-columns:1fr}
.courses--one .course{display:grid;grid-template-columns:.9fr 1.1fr;padding-bottom:0}
.courses--one .course__side{border-right:1px solid var(--line)}
.courses--one .course__mods .mod:first-child{border-top:0}
@media (max-width:900px){.courses--one .course{grid-template-columns:1fr}.courses--one .course__side{border-right:0}.courses--one .course__mods .mod:first-child{border-top:1px solid var(--line)}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem}
.duo__item{background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:var(--radius);padding:1.8rem 1.6rem;box-shadow:0 12px 30px -22px rgba(10,10,10,.35)}
.duo__item .tag{margin-bottom:1rem}
.duo__item h3{font-size:1.4rem;margin-bottom:.5rem}
.duo__item p{margin:0 0 .8em;color:#3d3a34}
.duo__item p:last-child{margin-bottom:0}
.duo__val{font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)!important}
@media (max-width:760px){.duo{grid-template-columns:1fr}}
.offer__img img{border-radius:var(--radius);border:1px solid var(--line);width:100%;max-width:520px}
.stack li b{font-weight:500;color:var(--muted);white-space:nowrap}
.launch{display:inline-block;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;line-height:1;padding:.45rem .8rem;border-radius:6px;color:#1c1006;background:linear-gradient(180deg,#ffb35d,#ff8a2f);margin-bottom:1rem}
.faq__item a,.fineprint a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}
.offer__row--big strong,.plan__price strong,.final__price strong{white-space:nowrap}
.offer__row--big{align-items:center;gap:1rem}
@media (max-width:480px){.offer__row--big strong{font-size:2.8rem}}
.plans--two{margin-inline:auto}