@font-face{font-family:"Archivo"; font-style:normal; font-weight:400 900; font-stretch:62% 125%; font-display:swap; src:url("../fonts/archivo-latin.woff2") format("woff2")}
:root{
  --nero:#141414; --nero-2:#1E1E1E; --calce:#F3F1EE; --bianco:#FFFFFF;
  --arancio:#FF671F; --cemento:#8C8680; --testo-2:#5E5954; --linea:#DDD9D4; --linea-scura:#2E2C2A;
  --wrap:1120px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0; background:var(--calce); color:var(--nero); font-family:"Archivo", "Segoe UI", Arial, sans-serif; font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased}
img{max-width:100%; display:block}
a{color:inherit}
.wrap{max-width:var(--wrap); margin:0 auto; padding-inline:20px}
h1,h2,h3{margin:0; line-height:1.05; text-wrap:balance; font-variation-settings:"wdth" 115; letter-spacing:-.015em}
h1{font-size:clamp(2.6rem,7.5vw,5.4rem); font-weight:900}
h2{font-size:clamp(2rem,4.6vw,3.3rem); font-weight:850}
h3{font-size:1.3rem; font-weight:800; font-variation-settings:"wdth" 108}
p{margin:0}
.dot{color:var(--arancio)}
.eyebrow{font-size:.78rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; font-variation-settings:"wdth" 110; color:var(--testo-2)}
.dark .eyebrow{color:var(--cemento)}
.lead{font-size:clamp(1.1rem,2vw,1.3rem); line-height:1.5; max-width:40ch}
section{padding-block:clamp(64px,10vw,120px)}
.dark{background:var(--nero); color:var(--calce)}
.sec-head{display:grid; gap:14px; margin-bottom:clamp(36px,5vw,56px); max-width:760px}

/* bottoni */
.btn{display:inline-flex; align-items:center; gap:10px; padding:16px 26px; border-radius:6px; font-weight:800; font-size:1rem; text-decoration:none; font-variation-settings:"wdth" 108; transition:transform .15s ease, background .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--arancio); color:var(--nero)}
.btn-ghost{border:2px solid currentColor; color:inherit}
.btn svg{width:20px; height:20px}

/* nav */
.nav{position:sticky; top:env(safe-area-inset-top, 0px); z-index:10; background:rgba(20,20,20,.92); backdrop-filter:blur(10px); color:var(--calce); border-bottom:1px solid var(--linea-scura)}
.nav .wrap{display:flex; align-items:center; justify-content:space-between; height:68px; gap:20px}
.logo{display:flex; align-items:center; gap:12px; text-decoration:none; line-height:1}
.logo img{width:38px; height:38px}
.logo span{font-weight:800; font-size:1rem; font-variation-settings:"wdth" 118; letter-spacing:.01em}
@media (max-width:420px){ .logo span{display:none} }
.nav ul{display:flex; gap:28px; list-style:none; margin:0; padding:0; font-size:.95rem; font-weight:600}
.nav ul a{text-decoration:none; opacity:.85}
.nav ul a:hover{opacity:1; color:var(--arancio)}
.nav .btn{padding:10px 18px; font-size:.9rem}
@media (max-width:860px){ .nav ul{display:none} }

/* hero */
.hero{padding-block:clamp(72px,12vw,140px) clamp(56px,8vw,96px)}
.hero .wrap{display:grid; gap:32px}
.hero h1 em{font-style:normal; color:var(--arancio)}
.hero .ctas{display:flex; flex-wrap:wrap; gap:14px; margin-top:8px}
.hero .where{color:var(--cemento); font-size:.95rem}
.proof{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); border-top:1px solid var(--linea-scura); margin-top:clamp(40px,6vw,72px)}
.proof div{padding:24px 20px 0 0; display:grid; gap:4px}
.proof b{font-size:clamp(1.8rem,3.6vw,2.6rem); font-weight:900; font-variation-settings:"wdth" 118; line-height:1; color:var(--arancio)}
.proof span{color:var(--cemento); font-size:.92rem; max-width:24ch}

/* analisi */
.checks{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1px; background:var(--linea); border:1px solid var(--linea); border-radius:8px; overflow:hidden}
.check{background:var(--bianco); padding:28px; display:grid; gap:10px; align-content:start}
.check .n{font-weight:900; font-size:.85rem; font-variation-settings:"wdth" 120; color:var(--testo-2)}
.check p{color:var(--testo-2); font-size:1rem}
.check.cta{background:var(--nero); color:var(--calce); align-content:center}
.check.cta p{color:var(--cemento)}

/* caso studio */
.case{display:grid; gap:48px}
.case-top{display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:end}
@media (max-width:860px){ .case-top{grid-template-columns:1fr} }
.case-top p{color:var(--cemento)}
.stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px}
.stat{background:var(--nero-2); border:1px solid var(--linea-scura); border-radius:8px; padding:26px; display:grid; gap:8px}
.stat b{font-size:clamp(1.9rem,3.2vw,2.6rem); font-weight:900; font-variation-settings:"wdth" 112; line-height:1; white-space:nowrap}
.stat b small{font-size:.5em; font-weight:700}
.stat span{color:var(--cemento); font-size:.95rem}
.stat.hl{background:var(--arancio); color:var(--nero); border-color:var(--arancio)}
.stat.hl span{color:var(--nero)}
.quote{border-left:4px solid var(--arancio); padding:8px 0 8px 28px; display:grid; gap:14px; max-width:820px}
.quote p{font-size:clamp(1.2rem,2.4vw,1.6rem); line-height:1.4; font-weight:500}
.quote cite{font-style:normal; color:var(--cemento); font-size:.95rem}
.sites{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px}
.site{display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 26px; border:1px solid var(--linea-scura); border-radius:8px; text-decoration:none}
.site:hover{border-color:var(--arancio)}
.site b{display:block; font-size:1.1rem}
.site span{color:var(--cemento); font-size:.92rem}
.site i{font-style:normal; color:var(--arancio); font-size:1.4rem}

/* prezzi */
.prices{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px}
.price{background:var(--bianco); border:1px solid var(--linea); border-radius:8px; padding:28px; display:grid; gap:14px; align-content:start}
.price .amt{font-size:2.4rem; font-weight:900; font-variation-settings:"wdth" 118; line-height:1}
.price .amt small{font-size:.4em; font-weight:600; color:var(--testo-2); letter-spacing:0}
.price ul{margin:0; padding-left:1.1em; color:var(--testo-2); font-size:.97rem; display:grid; gap:4px}
.price-note{margin-top:20px; color:var(--testo-2); font-size:.95rem; max-width:70ch}
.promo{margin-top:40px; background:var(--nero); color:var(--calce); border-radius:10px; padding:clamp(28px,5vw,48px); display:grid; grid-template-columns:1.4fr 1fr; gap:32px; align-items:center; position:relative; overflow:hidden}
.promo::after{content:""; position:absolute; right:-60px; top:-60px; width:220px; height:220px; border-radius:50%; background:var(--arancio); opacity:.14}
@media (max-width:760px){ .promo{grid-template-columns:1fr} }
.promo h3{font-size:clamp(1.7rem,3.4vw,2.4rem)}
.promo ul{margin:14px 0 0; padding-left:1.1em; color:var(--cemento)}
.promo .deal{display:grid; gap:10px; justify-items:start; position:relative; z-index:1}
.promo .old{color:var(--cemento); text-decoration:line-through}
.promo .new{font-size:clamp(3rem,6vw,4.4rem); font-weight:900; font-variation-settings:"wdth" 120; line-height:1; color:var(--arancio)}
.promo .seats{font-size:.9rem; color:var(--cemento)}
.tag{display:inline-block; background:var(--arancio); color:var(--nero); font-weight:800; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; padding:6px 10px; border-radius:4px; margin-bottom:14px}

/* metodo */
.steps{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:40px; counter-reset:s}
.step{display:grid; gap:12px; border-top:3px solid var(--nero); padding-top:22px}
.step::before{counter-increment:s; content:"0" counter(s); font-weight:900; font-variation-settings:"wdth" 125; font-size:2.6rem; line-height:1}
.step p{color:var(--testo-2)}

/* chi siamo */
.about{display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(32px,6vw,72px); align-items:center}
@media (max-width:760px){ .about{grid-template-columns:1fr} }
.values{list-style:none; margin:0; padding:0; display:grid; gap:0; border-top:1px solid var(--linea-scura)}
.values li{display:grid; gap:4px; padding:20px 0; border-bottom:1px solid var(--linea-scura)}
.values b{font-size:1.15rem; font-variation-settings:"wdth" 110}
.values b::before{content:"— "; color:var(--arancio)}
.values span{color:var(--cemento); font-size:.97rem}
.about .txt{display:grid; gap:18px}
.about .txt p{color:var(--cemento); max-width:56ch}
.about .txt p strong{color:var(--calce)}

/* faq */
.faq{display:grid; gap:0; border-top:1px solid var(--linea); max-width:860px}
.faq details{border-bottom:1px solid var(--linea); padding:22px 0}
.faq summary{cursor:pointer; font-weight:800; font-size:1.15rem; list-style:none; display:flex; justify-content:space-between; gap:20px}
.faq summary::after{content:"+"; font-weight:900; font-size:1.4rem; line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:12px; color:var(--testo-2); max-width:68ch}

/* contatti */
.contact{text-align:left; display:grid; gap:28px}
.contact .ctas{display:flex; flex-wrap:wrap; gap:14px}
.contact-list{display:flex; flex-wrap:wrap; gap:12px 36px; color:var(--cemento)}
.contact-list a{text-decoration:none}
.contact-list a:hover{color:var(--arancio)}
footer{background:var(--nero); color:var(--cemento); font-size:.85rem; border-top:1px solid var(--linea-scura); padding-block:28px}
footer .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px}

.draft{background:#FFF4D6; color:#6B4E00; border:1px dashed #C9A227; padding:2px 6px; border-radius:3px; font-size:.8em}
footer a{text-decoration:none} footer a:hover{color:var(--arancio)}
.legal{padding-block:clamp(48px,8vw,96px)}
.legal .wrap{max-width:780px; display:grid; gap:18px}
.legal h2{font-size:1.5rem; margin-top:18px}
.legal p,.legal li{color:var(--testo-2)}
.legal ul{margin:0; padding-left:1.2em; display:grid; gap:8px}
.legal a{color:var(--nero)}
:focus-visible{outline:3px solid var(--arancio); outline-offset:3px}

/* barra promo (tutte le pagine, si nasconde da sola alla scadenza) */
.promo-bar{background:var(--arancio); color:var(--nero); font-size:.92rem; font-weight:600}
.promo-bar a{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 12px; padding:10px 20px; text-decoration:none; text-align:center}
.promo-bar b{font-weight:900; font-variation-settings:"wdth" 115; text-transform:uppercase; letter-spacing:.06em}
.promo-bar span.go{text-decoration:underline; text-underline-offset:3px; font-weight:800}

/* menu mobile */
.menu-btn{display:none; background:none; border:2px solid var(--linea-scura); color:var(--calce); border-radius:6px; width:44px; height:44px; padding:0; cursor:pointer; align-items:center; justify-content:center}
.menu-btn svg{width:22px; height:22px}
.nav-right{display:flex; align-items:center; gap:10px}
.nav a[aria-current="page"]{color:var(--arancio); opacity:1}
@media (max-width:860px){
  .menu-btn{display:inline-flex}
  .nav .wrap{position:relative}
  .nav.open ul{display:grid; position:absolute; top:100%; left:0; right:0; background:var(--nero); border-bottom:1px solid var(--linea-scura); padding:8px 20px 20px; gap:0}
  .nav.open ul a{display:block; padding:14px 0; border-top:1px solid var(--linea-scura); font-size:1.05rem}
}
@media (max-width:420px){ .nav .btn{padding:10px 12px; font-size:.85rem} }

/* testata delle pagine interne */
.page-head{padding-block:clamp(56px,9vw,104px) clamp(40px,6vw,64px)}
.page-head .wrap{display:grid; gap:20px}
.page-head h1{font-size:clamp(2.3rem,6vw,4.4rem)}
.page-head .lead{color:var(--cemento)}
.more{display:inline-flex; gap:8px; margin-top:28px; font-weight:800; text-decoration:none; border-bottom:2px solid var(--arancio); padding-bottom:2px}
.more:hover{color:var(--arancio)}
.dark .more{color:var(--calce)}

/* promo in home */
.promo-home{padding-block:clamp(32px,5vw,56px) 0}
.promo-home .promo{margin-top:0; box-shadow:0 0 0 3px var(--arancio)}
.promo .ctas{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.countdown{font-weight:800; color:var(--arancio); font-size:.95rem}

/* servizi in home */
.services{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px}
.service{background:var(--bianco); border:1px solid var(--linea); border-radius:8px; padding:24px; display:grid; gap:8px; align-content:start}
.service .from{font-weight:900; font-size:1.5rem; font-variation-settings:"wdth" 118; line-height:1.1}
.service .from small{font-size:.6em; font-weight:600; color:var(--testo-2)}
.service p{color:var(--testo-2); font-size:.97rem}

/* banda finale */
.cta-band .wrap{display:grid; gap:24px; justify-items:start}
.cta-band .lead{color:var(--cemento)}
.cta-band .ctas{display:flex; flex-wrap:wrap; gap:14px}

/* modulo */
.form-layout{display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(32px,6vw,72px); align-items:start}
@media (max-width:860px){ .form-layout{grid-template-columns:1fr} }
.lead-form{background:var(--bianco); border:1px solid var(--linea); border-radius:10px; padding:clamp(22px,4vw,36px); display:grid; gap:18px; color:var(--nero)}
.lead-form .row{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media (max-width:560px){ .lead-form .row{grid-template-columns:1fr} }
.field{display:grid; gap:6px}
.field label,.field legend{font-weight:700; font-size:.95rem}
.field small{color:var(--testo-2); font-weight:500}
.field input,.field textarea{font:inherit; font-size:1rem; padding:13px 14px; border:1.5px solid #CFCAC4; border-radius:6px; background:var(--calce); color:var(--nero); width:100%}
.field input:focus,.field textarea:focus{outline:none; border-color:var(--nero); background:var(--bianco)}
.field textarea{min-height:110px; resize:vertical}
fieldset.field{border:0; margin:0; padding:0}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px}
.chips label{display:inline-flex; align-items:center; gap:8px; border:1.5px solid #CFCAC4; border-radius:99px; padding:8px 14px; font-weight:600; font-size:.93rem; cursor:pointer}
.chips input{accent-color:var(--arancio); width:16px; height:16px; margin:0}
.chips label:has(input:checked){border-color:var(--nero); background:var(--calce)}
.consent{display:flex; gap:10px; align-items:flex-start; font-size:.9rem; color:var(--testo-2)}
.consent input{margin-top:3px; width:18px; height:18px; accent-color:var(--arancio); flex:none}
.lead-form .btn{justify-content:center; border:0; cursor:pointer; font-family:inherit; width:100%}
.lead-form .btn[disabled]{opacity:.6; cursor:wait}
.form-msg{font-weight:700; font-size:.97rem}
.form-msg.ok{color:#1F7A44}
.form-msg.err{color:#B3261E}
.form-done{display:grid; gap:12px; text-align:left}
.form-done h3{font-size:1.5rem}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.side-list{list-style:none; margin:0; padding:0; display:grid}
.side-list li{display:grid; grid-template-columns:36px 1fr; gap:4px 12px; padding-block:16px; border-top:1px solid var(--linea)}
.side-list li .n{grid-row:span 2; font-weight:900; color:var(--arancio); font-variation-settings:"wdth" 120}
.side-list li span{color:var(--testo-2); font-size:.97rem}
.direct{display:grid; gap:10px; margin-top:28px; font-size:.97rem; color:var(--testo-2)}
.direct a{color:var(--nero); font-weight:700}

/* landing black friday */
.bf-hero{padding-block:clamp(48px,8vw,96px)}
.bf-hero .wrap{display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(32px,5vw,64px); align-items:center}
@media (max-width:860px){ .bf-hero .wrap{grid-template-columns:1fr} }
.bf-hero .txt{display:grid; gap:20px; justify-items:start}
.bf-hero h1{font-size:clamp(2.4rem,6.4vw,4.6rem)}
.bf-hero h1 em{font-style:normal; color:var(--arancio)}
.bf-hero .lead{color:var(--cemento)}
.bf-price{background:var(--arancio); color:var(--nero); border-radius:10px; padding:clamp(24px,4vw,36px); display:grid; gap:10px}
.bf-price .old{text-decoration:line-through; font-weight:600}
.bf-price .new{font-size:clamp(3.6rem,9vw,5.4rem); font-weight:900; line-height:.95; font-variation-settings:"wdth" 122}
.bf-price ul{margin:6px 0 0; padding-left:1.1em; display:grid; gap:4px; font-weight:600}
.bf-price small{font-size:.9rem}
.bf-price .btn{background:var(--nero); color:var(--calce); justify-content:center; margin-top:8px}
.timeline{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:24px}
.timeline li{display:grid; gap:6px; border-top:3px solid var(--nero); padding-top:16px}
.timeline b{font-variation-settings:"wdth" 115; font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:var(--testo-2)}
.timeline h3{font-size:1.15rem}
.timeline p{color:var(--testo-2); font-size:.97rem}
.closed{background:var(--nero-2); border:1px solid var(--linea-scura); border-radius:8px; padding:20px; color:var(--calce)}

/* footer */
.foot{padding-block:48px 24px}
footer .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; padding-bottom:32px; border-bottom:1px solid var(--linea-scura)}
@media (max-width:760px){ footer .foot-grid{grid-template-columns:1fr} }
.foot-grid > div{display:grid; gap:10px; align-content:start}
.foot-grid b{color:var(--calce); font-size:.8rem; letter-spacing:.14em; text-transform:uppercase}
.foot-grid a{color:var(--cemento); font-size:.95rem}
.foot-grid .logo{color:var(--calce)}
.foot-grid p{max-width:32ch}
.foot .legal-line{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding-top:20px}

@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .btn{transition:none} .btn:hover{transform:none} }

/* loghi clienti */
.clienti{padding-block:clamp(40px,6vw,64px); border-bottom:1px solid var(--linea)}
.clienti .wrap{display:grid; gap:22px; justify-items:center; text-align:center}
.loghi{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:28px clamp(40px,8vw,96px)}
.loghi a{display:block; padding:8px}
.loghi img{height:56px; width:auto; max-width:200px; object-fit:contain; filter:brightness(0); opacity:.55; transition:opacity .2s ease, filter .2s ease}
.loghi a:hover img,.loghi a:focus-visible img{opacity:1}
@media (prefers-reduced-motion:reduce){ .loghi img{transition:none} }
.loghi img[src*="next-chess-level"]{height:76px; max-width:220px}
.loghi .logo-nolink{display:block; padding:8px}
.loghi img[src*="accademia-atena"]{height:38px; max-width:280px}
.loghi img[src*="giochi-della-mente"]{height:88px}
.loghi img[src*="lameks"]{height:80px}
.loghi{gap:24px clamp(24px,4vw,56px)} .loghi img[src*="accademia-atena"]{height:34px; max-width:250px}
.loghi img[src*="braynr"]{height:42px; max-width:160px}
/* loghi clienti in griglia: 6 su una riga, 3+3 su tablet, 2 per riga su telefono */
.loghi{display:grid; grid-template-columns:repeat(6,auto); justify-content:center; justify-items:center; align-items:center; gap:24px 32px}
@media (max-width:1000px){ .loghi{grid-template-columns:repeat(3,auto); gap:28px 48px} }
@media (max-width:520px){ .loghi{grid-template-columns:repeat(2,auto); gap:24px 32px} .loghi img[src*="accademia-atena"]{max-width:150px; height:auto} }