/* ============================================================
   WEBINAIRE — CSS spécifique des landings d'inscription webinaire.
   Chargé après maestro.css (tokens + chrome communs). Uniquement
   sur /webinaires/*. Variables : design system --maestro-*.
   ============================================================ */

.wrap{max-width:1000px}

h1{font-size:clamp(29px,4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.06}
h2{font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.14;margin-bottom:6px}
h3{font-size:18px;font-weight:700;letter-spacing:-.01em}

.hero{padding:34px 0 40px;background:radial-gradient(900px 380px at 85% -10%,rgba(27,168,77,.09),transparent 60%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}
.hero h1{margin:10px 0 14px;max-width:18ch}
.lead{font-size:17.5px;color:var(--maestro-ink-soft);max-width:56ch}

.chips{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 0}
.chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--maestro-line);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:600;color:var(--maestro-ink);box-shadow:var(--maestro-shadow-sm)}
.chip.g{background:var(--maestro-success-surface);border-color:var(--maestro-success-border);color:var(--maestro-green-strong)}

section{padding:40px 0}
.sec-mist{background:var(--maestro-mist)}
.sec-dark{background:var(--maestro-ink);color:#fff}
.sec-dark h2,.sec-dark h3{color:#fff}.sec-dark p{color:#C7D0CA}
.sec-head{max-width:660px;margin-bottom:22px}.sec-head h2{margin-top:8px}

.prose p{font-size:16.5px;color:var(--maestro-ink-soft);margin-bottom:14px}
.prose p b{color:var(--maestro-ink)}

.ticks{list-style:none;margin:6px 0 4px}
.ticks li{position:relative;padding-left:28px;margin-bottom:11px;color:var(--maestro-ink-soft);font-size:16px}
.ticks li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--maestro-green);font-weight:800}

.panel{background:#fff;border:1px solid var(--maestro-line);border-radius:var(--maestro-radius-lg);padding:24px}
.panel.g{background:var(--maestro-success-surface);border-color:var(--maestro-success-border)}

.agenda{display:grid;gap:12px;margin-top:8px}
.step{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--maestro-line);border-radius:var(--maestro-radius-lg);padding:16px 20px;box-shadow:var(--maestro-shadow-sm)}
.step .num{width:34px;height:34px;border-radius:50%;background:var(--maestro-success-surface);color:var(--maestro-green-strong);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.step .tx b{color:var(--maestro-ink);font-size:16px}.step .tx span{display:block;color:var(--maestro-muted);font-size:14px}
.step .min{color:var(--maestro-faint);font-size:13px;font-weight:600;white-space:nowrap}

.speaker{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--maestro-line);border-radius:var(--maestro-radius-lg);padding:22px;box-shadow:var(--maestro-shadow-sm)}
.speaker .ph{width:70px;height:70px;border-radius:50%;background:var(--maestro-mist);border:1px solid var(--maestro-line);flex:none}

.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.faq-item{background:#fff;border:1px solid var(--maestro-line);border-radius:var(--maestro-radius-lg);padding:20px 22px;box-shadow:var(--maestro-shadow-sm)}
.faq-item h3{font-size:16px;margin-bottom:7px}.faq-item p{font-size:14.5px;color:var(--maestro-ink-soft)}

.ctaband{background:var(--maestro-ink);border-radius:var(--maestro-radius-lg);padding:34px;text-align:center;color:#fff}
.ctaband h2{color:#fff}.ctaband p{color:#C7D0CA;margin:8px auto 18px;max-width:56ch}

.form{background:#fff;border:1px solid var(--maestro-line);border-radius:var(--maestro-radius-lg);padding:26px;box-shadow:var(--maestro-shadow-md);position:sticky;top:84px}
.form h3{font-size:19px;margin-bottom:4px}.form .sub{font-size:13.5px;color:var(--maestro-muted);margin-bottom:16px}
.field{margin-bottom:12px}
.field label{font-size:12.5px;font-weight:600;color:var(--maestro-ink-soft);display:block;margin-bottom:5px}
.field input{width:100%;padding:11px 13px;border:1px solid var(--maestro-line);border-radius:8px;font-family:inherit;font-size:15px;color:var(--maestro-ink)}
.field input:focus{outline:none;border-color:var(--maestro-green);box-shadow:0 0 0 3px rgba(27,168,77,.12)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--maestro-muted);margin:8px 0 14px}
.consent input{margin-top:3px}
.form .btn{width:100%;justify-content:center}
.form .ok{display:none;text-align:center;padding:18px 6px}
.form .ok .ic{width:52px;height:52px;border-radius:50%;background:var(--maestro-success-surface);color:var(--maestro-green-strong);font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}

@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.form{position:static}.faq-list{grid-template-columns:1fr}.step{grid-template-columns:auto 1fr}.step .min{grid-column:2}}