/* Formation « Agent IA » — page de vente et espace élève. S'appuie sur les jetons de kit.css / outils/light.css (--bg, --surface, --line, --ink, --soft, --muted, --cyan, --ok, --warm).
   Mobile d'abord (390 px), aucun débordement horizontal. */
.fa-wrap{width:100%;max-width:960px;margin:0 auto;padding:84px var(--gut) 72px}
.fa-head{margin:0 0 22px}
.fa-head h1{font:800 clamp(26px,6.4vw,38px)/1.1 var(--fd);letter-spacing:-.025em;margin:0 0 8px}
.fa-head p{margin:0;color:var(--soft)}
.fa-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:0 0 16px}
.fa-card h2{font:800 19px/1.25 var(--fd);margin:0 0 10px}
.fa-card p{margin:0 0 10px}
.fa-card p:last-child{margin-bottom:0}
.fa-notice{background:var(--surface2);border:1px solid var(--line2);border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:15px}
.fa-notice a{font-weight:700}
.fa-progress{height:10px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);overflow:hidden;margin:12px 0 6px}
.fa-progress>span{display:block;height:100%;background:var(--ok);border-radius:99px}
.fa-resume{display:flex;flex-direction:column;gap:12px;border-color:var(--cyan)}
.fa-resume .k-btn{align-self:flex-start}
.fa-mods{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
.fa-mod{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:inherit;align-items:start}
.fa-mod:hover{border-color:var(--cyan)}
.fa-mod-n{grid-row:1/4;font:800 22px/1 var(--fd);color:var(--cyan);min-width:2ch}
.fa-mod b{font:800 17px/1.3 var(--fd)}
.fa-mod span.fa-meta{font-size:13.5px;color:var(--muted)}
.fa-mod p{margin:0;color:var(--soft);font-size:15px}
.fa-tag{display:inline-block;font:700 12.5px var(--fb);padding:3px 10px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);color:var(--soft);margin-left:6px;vertical-align:middle}
.fa-tag.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.fa-res{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fa-res li{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.fa-res li:first-child{border-top:0}
.fa-res small{color:var(--muted)}
.fa-btn-sm{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;font:700 15px var(--fd);border:1px solid var(--line2);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none}
.fa-btn-sm.primary{background:var(--cyan);border-color:var(--cyan);color:#fff}
.fa-btn-sm[disabled]{opacity:.5;cursor:not-allowed}
.fa-player{background:#000;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;margin:0 0 16px}
.fa-player video{width:100%;height:100%;object-fit:contain;background:#000}
.fa-soon{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--surface2);border:1px dashed var(--line2);border-radius:var(--r);margin:0 0 16px;color:var(--soft)}
.fa-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:18px 0 0}
.fa-crumb{font-size:14px;color:var(--muted);margin:0 0 10px}
.fa-crumb a{color:var(--muted)}
.fa-outcome{border-left:4px solid var(--ok);padding:4px 0 4px 14px}
@media (min-width:720px){.fa-resume{flex-direction:row;align-items:center;justify-content:space-between}.fa-card{padding:26px}}

/* Page de vente */
.fa-hero-video{position:relative;border-radius:var(--r);overflow:hidden;background:#0b0d12;aspect-ratio:16/9;border:1px solid var(--line)}
.fa-hero-video video,.fa-hero-video img{width:100%;height:100%;object-fit:cover}
.fa-facts{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:16px 0 20px;padding:0}
.fa-facts li{font:600 14px var(--fb);padding:6px 12px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);color:var(--soft)}
.fa-promises{display:grid;gap:12px;grid-template-columns:1fr;margin:0;padding:0;list-style:none}
.fa-promises li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font-weight:600}
.fa-promises li::before{content:"✓";color:var(--ok);font-weight:800;margin-right:10px}
.fa-learn{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.fa-learn li{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.fa-learn .fa-mod-n{grid-row:1/3}
.fa-learn b{font:800 17px/1.3 var(--fd)}
.fa-learn span{color:var(--soft);font-size:15.5px}
.fa-learn em{font-style:normal;color:var(--muted);font-size:13.5px}
.fa-demo{display:grid;gap:22px;align-items:center}
@media (min-width:860px){.fa-promises{grid-template-columns:1fr 1fr}.fa-demo{grid-template-columns:1.1fr 1fr}}
.fa-preview{background:var(--surface2);border-bottom:1px solid var(--line2);padding:10px var(--gut);text-align:center;font-size:14px;position:relative;z-index:30}

/* Page de vente — trois réalisations, prérequis (refonte 9 modules) */
.fa-build{display:grid;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:0 0 18px;min-width:0}
.fa-build>*{min-width:0}
.fa-build-media video,.fa-build-media img{display:block;width:100%;height:auto;border-radius:12px;background:#0b0d12}
.fa-vert{max-width:300px;width:100%;margin:0 auto;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#0b0d12}
.fa-vert video{height:100%;object-fit:cover}
.fa-build-n{width:34px;height:34px;border-radius:99px;background:var(--cyan);color:#fff;font:800 17px/34px var(--fd);text-align:center;margin:0 0 10px}
.fa-build h3{font:800 21px/1.25 var(--fd);margin:0 0 10px}
.fa-build p{margin:0 0 10px}
.fa-quote{border-left:4px solid var(--cyan);padding:4px 0 4px 14px;font-weight:600;color:var(--ink)}
.fa-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 4px;padding:0;counter-reset:fa-s}
.fa-steps li{counter-increment:fa-s;font:600 14px var(--fb);padding:6px 12px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);color:var(--soft)}
.fa-steps li::before{content:counter(fa-s) ". ";color:var(--cyan);font-weight:800}
.fa-ba{display:grid;gap:12px;grid-template-columns:1fr}
.fa-ba figure{margin:0}
.fa-ba figcaption{font:700 13px var(--fb);color:var(--muted);margin-top:6px;text-align:center}
.fa-ba-mobile img{max-width:200px;margin:0 auto}
.fa-asks,.fa-checks{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:8px}
.fa-asks li{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:15px;color:var(--soft)}
.fa-checks li{position:relative;padding-left:26px;color:var(--soft)}
.fa-checks li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.fa-two{display:grid;gap:16px;grid-template-columns:1fr}
.fa-two .fa-card h3{font:800 19px/1.25 var(--fd);margin:0 0 12px}
.fa-build-text-only{grid-template-columns:1fr}
.fa-scroll-demo{margin-top:14px}
.fa-scroll-title{font:800 15px var(--fd);margin:0 0 6px}
.fa-scroll-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#0b0d12}
@media (min-width:860px){
  .fa-build{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:24px;gap:32px}
  .fa-build[data-build="site"]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .fa-ba{grid-template-columns:1fr 1fr}
  .fa-ba-mobile{grid-column:1/-1}
  .fa-two{grid-template-columns:1fr 1fr}
}