/* Setter Academy: replica pulita del funnel ClickFunnels originale (colori, font e sezioni presi dalla pagina salvata) */
*,*::before,*::after{box-sizing:border-box}
:root{--rose:#D5979D;--rose-2:#D3A194;--blush:#F0DBDD;--ink:#0d0d0d;--hl:#E7A09A}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.45 'Mulish',system-ui,sans-serif}
img,iframe{display:block;max-width:100%}
img{height:auto}
.s-col{width:min(760px,100% - 32px);margin-inline:auto}

/* landing */
.s-hero{background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url(/assets/img/sfondo.webp?v=8756f09a) center/cover;padding:14px 0 30px;text-align:center}
.s-logo{width:170px;margin:0 auto 10px}
.s-h1img{margin:0 auto 12px;width:min(470px,100%)}
.s-h1img img{width:100%}
.s-video{position:relative;aspect-ratio:16/9;background:#000;box-shadow:0 4px 14px rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.25)}
.s-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.s-press{width:min(360px,100%);margin:18px auto 14px}
.s-btn{display:block;width:min(420px,100%);margin:18px auto 0;padding:13px 18px;border:0;border-radius:6px;background:linear-gradient(45deg,#F0DBDD 0%,#D5979D 63%);color:#fff;font:500 18px/1.25 'Work Sans',sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.18);box-shadow:0 10px 22px -6px rgba(120,60,60,.45);cursor:pointer;transition:transform .15s,filter .15s}
.s-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.s-btn:focus-visible,.s-btn2:focus-visible,.s-submit:focus-visible{outline:3px solid #8a3d43;outline-offset:3px}
.s-blush{background:var(--blush);padding:34px 0 40px}
.s-h2{font:500 clamp(22px,2.6vw,26px)/1.3 'Fira Sans',sans-serif;text-align:center;margin:0 0 22px;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.s-checks{list-style:none;margin:0 auto;padding:0;display:grid;gap:10px;width:fit-content;max-width:100%}
.s-checks li{display:flex;gap:10px;align-items:flex-start;font-size:17px}
.s-checks i{flex:none;width:20px;height:20px;color:var(--rose);margin-top:2px}
.s-checks i svg{width:100%;height:100%}
.s-card{background:#fff;margin:34px auto 0;padding:24px 22px 26px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center}
.s-occasione{margin:0 0 8px;font:800 italic clamp(18px,2.3vw,22px)/1.2 'Mulish',sans-serif;letter-spacing:-.02em}
.s-guad{width:min(360px,100%);margin:0 auto 12px}
.s-phone{width:min(280px,72%);margin:0 auto}

/* lezione */
.s-alert{background:var(--rose);color:#fff;text-align:center;padding:14px 16px;font:800 clamp(18px,2.3vw,22px)/1.25 'Montserrat',sans-serif;text-shadow:0 2px 3px rgba(0,0,0,.25)}
.s-lez{padding:18px 0 34px;text-align:center}
.s-intro{font:500 clamp(18px,2.2vw,21px)/1.35 'Montserrat',sans-serif;margin:0 0 14px}
.s-intro b{font-weight:800}
.s-chiudi{font:800 clamp(15px,1.9vw,19px)/1.3 'Montserrat',sans-serif;margin:0 0 14px}
.s-per{font:500 15px/1.45 'Montserrat',sans-serif;margin:14px auto 12px;max-width:620px}
.s-up{color:var(--rose);font-weight:800}
.s-btn-flat{background:var(--rose);width:min(520px,100%);font:800 16px/1.2 'Montserrat',sans-serif;letter-spacing:.02em}
.s-timer{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin:16px 0 6px;font-family:'Montserrat',sans-serif}
.s-timer div{display:flex;flex-direction:column;align-items:center}
.s-timer b{font-weight:800;font-size:clamp(36px,6vw,48px);line-height:1}
.s-timer small{font-size:11px;font-weight:700;margin-top:6px}
.s-sep{font-size:clamp(36px,6vw,48px)}
.s-elim{font:800 clamp(17px,2.2vw,21px)/1.3 'Montserrat',sans-serif;margin:8px 0 0}
.s-visto{padding:20px 0 28px;text-align:center}
.s-visto p{font:800 14px 'Montserrat',sans-serif;margin:0 0 12px}
.s-visto img{width:min(560px,100%);margin:0 auto}
.s-black{background:#000;color:#fff;text-align:center;padding:22px 0 24px}
.s-black h2{font:800 clamp(18px,2.4vw,23px)/1.25 'Montserrat',sans-serif;margin:0 0 14px}
.s-black h2 span{color:var(--hl)}
.s-black-last{background:linear-gradient(#000 44%,var(--rose-2) 81%);padding-bottom:40px}
.s-btn2{display:flex;flex-direction:column;align-items:center;gap:3px;width:min(700px,100%);margin:0 auto;padding:12px 16px;border:0;border-radius:4px;background:var(--rose);color:#fff;cursor:pointer;box-shadow:0 6px 16px -6px rgba(213,151,157,.8);transition:transform .15s}
.s-btn2:hover{transform:translateY(-2px)}
.s-btn2 b{font:800 clamp(15px,1.9vw,17px)/1.2 'Montserrat',sans-serif}
.s-btn2 small{font:500 11.5px/1.2 'Montserrat',sans-serif;opacity:.95}
.s-plain{padding:22px 0 30px}
.s-rule{border-top:4px solid var(--rose-2);border-bottom:4px solid var(--rose-2);padding:12px 16px;margin-bottom:22px;text-align:center}
.s-rule h2{margin:0;font:700 clamp(19px,2.3vw,23px)/1.3 'Fira Sans',sans-serif}
.s-rule h2 span{color:var(--hl)}
.s-plain .s-checks li{font:500 15px/1.45 'Montserrat',sans-serif}
.s-app{width:min(420px,90%);margin:26px auto 0}
.s-testi{font:500 clamp(17px,2vw,20px)/1.4 'Montserrat',sans-serif;text-align:center;margin:0 0 22px}
.s-ytgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.s-yt{position:relative;border:0;padding:0;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer;text-align:left}
.s-yt img{width:100%;height:100%;object-fit:cover}
.s-yt em{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:60px;height:42px;border-radius:12px;background:#ff0000}
.s-yt em::after{content:"";position:absolute;left:24px;top:12px;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.s-yt span{position:absolute;inset:auto 0 0;padding:26px 12px 9px;color:#fff;font:700 13.5px/1.3 'Montserrat',sans-serif;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.s-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.s-ris{font:700 clamp(19px,2.3vw,23px)/1.3 'Montserrat',sans-serif;text-align:center;margin:0 0 18px}
.s-ris span{color:var(--hl)}
.s-risimg{width:min(560px,100%);margin:0 auto}

/* grazie */
.s-grazie{padding:24px 0 48px;text-align:center}
.s-logo-big{width:min(320px,70%)}
.s-grazie-t{font:700 15px 'Barlow',sans-serif;margin:8px 0 10px}
.s-grazie .s-h1img{width:min(470px,100%)}

/* footer */
.s-foot{background:var(--rose-2);color:#fff;text-align:center;padding:26px 16px 34px;font:700 13px/1.4 'Barlow',sans-serif}
.s-foot img{width:120px;margin:0 auto 10px}
.s-foot p{margin:0}

/* modulo in popup, come l'originale */
.s-modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.64);display:grid;place-items:center;padding:16px}
.s-modal[hidden]{display:none}
.s-modal-box{position:relative;width:min(520px,100%);background:#fff;border-radius:6px;padding:30px 22px 24px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.s-x{position:absolute;top:6px;right:10px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:#555}
.s-form{display:flex;flex-direction:column;gap:10px}
.s-modal-t{margin:0 0 6px;text-align:center;font:700 19px/1.3 'Montserrat',sans-serif}
.s-field input{width:100%;font:400 16px/1.3 'Mulish',sans-serif;padding:13px 14px;border:1px solid #cfcfcf;border-radius:4px;background:#fff;color:#111}
.s-field input:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px rgba(213,151,157,.25)}
.s-pre{display:flex}
.s-pre span{display:grid;place-items:center;padding:0 12px;border:1px solid #cfcfcf;border-right:0;border-radius:4px 0 0 4px;background:#f6f6f6;font:600 15px 'Mulish',sans-serif}
.s-pre input{border-radius:0 4px 4px 0}
.s-err{margin:5px 0 0;color:#c62828;font-size:13.5px;line-height:1.3}
.s-err:empty{display:none}
.s-field.bad input,.s-field.bad .s-pre span{border-color:#d93025;background:#fff6f5}
.s-submit{margin-top:6px;padding:15px;border:0;border-radius:4px;background:var(--rose);color:#fff;font:800 17px/1.2 'Montserrat',sans-serif;cursor:pointer;box-shadow:0 8px 18px -8px rgba(213,151,157,.9)}

@media (max-width:640px){
  body{font-size:16px}
  .s-logo{width:150px}
  .s-h1img{width:100%}
  .s-btn{font-size:20px;padding:14px 18px}
  .s-h2{font-size:24px}
  .s-blush .s-checks li{font-size:20px;line-height:1.3;text-shadow:0 1px 1px rgba(0,0,0,.08)}
  .s-checks i{width:22px;height:22px}
  .s-phone{width:86%}
  .s-guad{width:100%}
  .s-ytgrid{grid-template-columns:1fr}
  .s-card{padding:20px 14px 22px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* desktop: misure prese dallo screenshot dell'originale a 1440 px */
@media (min-width:641px){
  .s-col{width:min(1170px,100% - 48px)}
  .s-logo{width:230px}
  .s-h1img{width:min(540px,100%)}
  .s-video{width:min(935px,100%);margin:0 auto}
  .s-press{width:min(420px,100%)}
  .s-btn{width:min(340px,100%);font-size:16px;padding:11px 16px}
  .s-h2{font-size:28px}
  .s-guad{width:min(420px,100%)}
  .s-phone{width:345px}
  .s-lez .s-col,.s-plain .s-col,.s-black .s-col,.s-visto .s-col{width:min(860px,100% - 48px)}
}
@media (min-width:641px){.s-blush .s-checks li{font-size:19px}.s-occasione{font-size:24px}.s-btn{font-size:17px}}
@media (max-width:640px){.s-logo-big{width:190px}}
