/* Home pubblica (/ e /it/). I token di colore e i componenti di base (.btn, .chip, .wordmark)
   vengono da styles.css: qui solo l'impaginazione della pagina vetrina. */
.site{max-width:66rem;margin:0 auto}
.site-top{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding-block:14px;border-bottom:1px solid var(--rule)}
.site-top nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:.92rem}
.site-top nav a{color:var(--ink);text-decoration:none} .site-top nav a:hover{color:var(--accent)}
.site-top .btn{padding:9px 14px}
@media (max-width:40rem){ .site-top .sections{display:none} }

.band{padding-block:56px;border-bottom:1px solid var(--rule);scroll-margin-top:8px}
.band:last-of-type{border-bottom:0}
.band > h2{font-size:clamp(1.45rem,1.1rem + 1.2vw,1.9rem);line-height:1.2;max-width:34rem}
.band > .lead{margin:10px 0 0;max-width:40rem;color:var(--ink-2);font-size:1.05rem}
.band-body{margin-top:28px}

/* Apertura */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;padding-block:48px 56px}
@media (max-width:56rem){ .hero{grid-template-columns:minmax(0,1fr);gap:32px} }
.hero h1{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.2rem);line-height:1.08;letter-spacing:-.02em;margin-top:10px}
.hero .lead{font-size:1.12rem;color:var(--ink-2);margin:16px 0 0;max-width:34rem}
.cta{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:26px}
.cta .btn{padding:13px 18px;font-size:1rem}
.cta .fine{flex-basis:100%}
.facts{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:10px 28px}
.facts li{display:flex;flex-direction:column;gap:2px}
.facts b{font:600 1.35rem/1.1 var(--serif);font-variant-numeric:tabular-nums}
.facts span{font-size:.85rem;color:var(--ink-2)}

/* Item di prova */
.sample{background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 0 var(--rule),0 12px 32px -20px rgba(20,30,50,.35)}
.sample-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0}
.sample-stem{margin:0;font-family:var(--serif);font-size:1.08rem;line-height:1.45}
.sample-opts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.opt{width:100%;text-align:start;font:400 .95rem/1.4 var(--sans);color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.opt:hover:not(:disabled){border-color:var(--accent)}
.opt:disabled{cursor:default}
.opt .let{font:600 .8rem/1.6 var(--mono);color:var(--ink-2);flex:none;width:1.1em}
.opt.is-key{border-color:var(--ok);background:var(--ok-soft)} .opt.is-key .let{color:var(--ok)}
.opt.is-wrong{border-color:var(--bad);background:var(--bad-soft)} .opt.is-wrong .let{color:var(--bad)}
.sample .why{margin:6px 2px 4px 34px;font-size:.87rem;line-height:1.5;color:var(--ink-2)}
.sample-result{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--rule);padding-top:14px}
.sample-result[hidden]{display:none}
.verdict{margin:0;font-weight:600} .verdict.ok{color:var(--ok)} .verdict.no{color:var(--bad)}
.sample .note{margin:0;font-size:.9rem;background:var(--accent-soft);border-radius:8px;padding:10px 12px}
.sample .hint{margin:0;font-size:.85rem;color:var(--ink-2)}

/* Conto alla rovescia del nuovo PCC-MCC */
.countdown{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 36px;align-items:center;background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:12px;padding:24px 26px}
@media (max-width:40rem){ .countdown{grid-template-columns:minmax(0,1fr)} }
.days{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:7rem}
.days b{font:600 3.2rem/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--accent)}
.days span{font-size:.82rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.countdown h2{font-size:1.35rem}
.countdown p{margin:8px 0 0;color:var(--ink-2)}

/* Esami */
.exam-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:14px}
.exam-card{background:var(--sheet);border:1px solid var(--rule);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}
.exam-card h3{font-size:1.15rem} .exam-card h3 .chip{display:block;margin-top:8px;font-family:var(--sans)}
.exam-card ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:.92rem}
.exam-card .sims{margin-top:auto;padding-top:10px;border-top:1px solid var(--rule);font-size:.9rem}
.exam-card .sims b{font-family:var(--serif);font-size:1.2rem}
.band .fine.after{margin-top:16px;max-width:44rem}

/* Punti di forza */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:28px 40px}
.feature h3{font-size:1.1rem}
.feature p{margin:6px 0 0;color:var(--ink-2)}

/* Prezzi */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:14px;align-items:stretch}
.tier{background:var(--sheet);border:1px solid var(--rule);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px}
.tier.pro{border:2px solid var(--accent)}
.tier h3{font-size:1.15rem}
.price{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price b{font:600 2rem/1 var(--serif)}
.price span{color:var(--ink-2);font-size:.9rem}
.tier ul{margin:0;padding-inline-start:1.1em;display:grid;gap:6px;font-size:.93rem}
.tier .btn{margin-top:auto;justify-content:center}

/* Chi c'è dietro */
.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:28px 48px}
.about h3{font-size:1.1rem}
.about p{margin:8px 0 0}
.person{display:flex;gap:16px;align-items:center;margin-bottom:6px}
.person img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--rule)}
.person .role{margin:4px 0 2px;font:500 .78rem/1.3 var(--mono);color:var(--ink-2);letter-spacing:.03em}

/* Domande frequenti */
.faq{display:grid;gap:10px;max-width:46rem}
.faq details{background:var(--sheet);border:1px solid var(--rule);border-radius:10px;padding:14px 18px}
.faq summary{cursor:pointer;font-weight:500;list-style-position:outside}
.faq details p{margin:10px 0 0;color:var(--ink-2)}

.site-foot{padding-block:22px 36px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:8px}