import re, base64
import glob, os
def _find_charte():
    env=os.environ.get("ADALAN_CHARTE")
    if env: return env.rstrip("/")+"/"
    pats=[os.path.expanduser("~/.claude/skills/**/charte-graphique-adalan/assets/modeles/presentation.html"),
          "/root/.claude/skills/**/charte-graphique-adalan/assets/modeles/presentation.html",
          "./charte/modeles/presentation.html"]
    for p in pats:
        hits=glob.glob(p,recursive=True)
        if hits: return os.path.dirname(os.path.dirname(hits[0]))+"/"
    raise SystemExit("charte-graphique-adalan introuvable : définir ADALAN_CHARTE=<chemin du dossier assets>")
A=_find_charte()
tpl=open(A+"modeles/presentation.html").read()
css=open(A+"adalan.css").read()
def b64(p): return "data:image/svg+xml;base64,"+base64.b64encode(open(A+p,"rb").read()).decode()
TE,TC,LOGO=b64("motifs/topo-sur-encre.svg"),b64("motifs/topo-sur-clair.svg"),b64("logos/logo.svg")
css=css.replace("url('motifs/topo-sur-encre.svg')",f"url('{TE}')").replace("url('motifs/topo-sur-clair.svg')",f"url('{TC}')")
style=re.search(r"<style>(.*?)</style>",tpl,re.S).group(1)
style=style.replace("url('../motifs/topo-sur-clair.svg')",f"url('{TC}')").replace("url('../motifs/topo-sur-encre.svg')",f"url('{TE}')")
symbols=re.search(r'(<svg width="0" height="0".*?</svg>)\n\n<div class="viewport">',tpl,re.S).group(1)
script=re.search(r"(<script>.*?</script>)",tpl,re.S).group(1)
script=script.replace("  const fit = ()", """  // bouton de retour à l'accueil sur chaque slide
  slides.forEach(s => s.insertAdjacentHTML('beforeend',
    '<a class="home-btn" href="index.html" title="Retour à l’accueil (touche H)"><svg aria-hidden="true"><use href="#i-home"/></svg><span>Accueil</span></a>'));
  addEventListener('keydown', e => { if (e.key === 'h' || e.key === 'H' || e.key === 'Escape') { if (!document.fullscreenElement) location.href = 'index.html'; } });

  const fit = ()""",1)
ICONS={
"check":'<path d="M20 6 9 17l-5-5"/>',
"clock":'<circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/>',
"mail":'<rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>',
"shield":'<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/>',
"users":'<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
"mic":'<path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><path d="M12 19v3"/>',
"database":'<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v14a9 3 0 0 0 18 0V5"/><path d="M3 12a9 3 0 0 0 18 0"/>',
"target":'<circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/>',
"link":'<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>',
"alert":'<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
"file":'<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M16 13H8"/><path d="M16 17H8"/><path d="M10 9H8"/>',
"chart":'<path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/>',
"lock":'<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
"layers":'<path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/>',
"coins":'<circle cx="8" cy="8" r="6"/><path d="M18.09 10.37A6 6 0 1 1 10.34 18"/><path d="M7 6h1v4"/><path d="m16.71 13.88.7.71-2.82 2.82"/>',
"phone":'<rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/>',
"gift":'<rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13"/><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"/><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"/>',
"cpu":'<rect width="16" height="16" x="4" y="4" rx="2"/><rect width="6" height="6" x="9" y="9" rx="1"/><path d="M15 2v2"/><path d="M15 20v2"/><path d="M2 15h2"/><path d="M2 9h2"/><path d="M20 15h2"/><path d="M20 9h2"/><path d="M9 2v2"/><path d="M9 20v2"/>',
"home":'<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>',
"arrow":'<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',
}
iconsyms="".join(f'<symbol id="i-{k}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">{v}</symbol>' for k,v in ICONS.items())
symbols=symbols[:symbols.rfind("</svg>")]+iconsyms+"</svg>"
EXTRA="""
  .s-title--s { font-size: 54px; }
  .s-cover-body { width: 1560px; bottom: 150px; }
  .s-cover { font-size: 132px; line-height: .98; }
  .s-cover-sub { max-width: 1200px; }
  .s-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
  .s-cards--2 { grid-template-columns: repeat(2, 1fr); }
  .s-cards--4 { grid-template-columns: repeat(4, 1fr); gap: 28px; }
  .s-cards--4 .card { padding: 36px 32px 40px; }
  .s-cards--4 h3 { font-size: 28px; }
  .s-cards .card--ink p { color: var(--ink-200); }
  .s-cards h3 small { display:block; margin-bottom: 10px; font: 500 16px/1 var(--mono); letter-spacing:.16em; text-transform: uppercase; color: var(--kicker, var(--peach-700)); }
  .s-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
  .s-list li { position: relative; padding-left: 36px; font-size: 24px; line-height: 1.42; color: var(--text-2); }
  .s-list li::before { content: ''; position: absolute; left: 4px; top: 13px; width: 13px; height: 13px; background: var(--peach); border-radius: 6px 1px 6px 1px; }
  .s-list li b { color: var(--text); font-weight: 650; }
  .s-cards .s-list li { font-size: 21px; padding-left: 30px; } .s-cards .s-list li::before { top: 11px; width: 11px; height: 11px; }
  .s-cards .s-list { gap: 10px; margin-top: 18px; }
  .s-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--paper); border-radius: var(--shape); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1); overflow: hidden; }
  .s-table th { text-align: left; padding: 22px 30px; font: 500 16px/1.2 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--peach-700); background: var(--ink-50); }
  .s-table td { padding: 18px 30px; font-size: 22px; line-height: 1.4; color: var(--text-2); vertical-align: top; box-shadow: inset 0 1px 0 var(--line); }
  .s-table td:first-child { color: var(--ink); font-weight: 640; width: 26%; }
  .s-table td.price { font-family: var(--mono); font-size: 20px; color: var(--peach-700); white-space: nowrap; width: 30%; }
  .s-steps { display: grid; align-items: stretch; grid-template-columns: repeat(var(--n, 4), 1fr); gap: 24px; }
  .s-step { position: relative; padding: 36px 32px 40px; border-radius: var(--shape); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1); }
  .s-step.is-hl { background: var(--ink); --text: #fff; --text-2: var(--ink-200); color:#fff; }
  .s-step__when { font: 500 18px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--peach-700); }
  .s-step.is-hl .s-step__when { color: var(--peach); }
  .s-step h3 { margin-top: 18px; font-size: 30px; line-height: 1.15; font-weight: 700; font-stretch: 106%; color: var(--text); }
  .s-step p { margin-top: 12px; font-size: 21px; line-height: 1.45; color: var(--text-2); }
  .s-step::after { content: ''; position: absolute; right: -19px; top: 44px; width: 14px; height: 14px; background: var(--peach); border-radius: 6px 1px 6px 1px; z-index: 2; }
  .s-step:last-child::after { display: none; }
  .s-flow { display: flex; align-items: stretch; gap: 0; }
  .s-flow__box { flex: 1; padding: 30px 28px; border-radius: var(--shape-md); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1); }
  .s-flow__box.is-ink { background: var(--ink); color: #fff; }
  .s-flow__box h4 { font-size: 26px; font-weight: 700; font-stretch: 106%; line-height: 1.15; }
  .s-flow__box p { margin-top: 10px; font-size: 19px; line-height: 1.42; color: var(--text-2); }
  .s-flow__box.is-ink p { color: var(--ink-200); }
  .s-flow__box .tag { margin-bottom: 14px; font-size: 14px; }
  .s-flow__arrow { flex: none; width: 58px; display: grid; place-items: center; color: var(--peach-600); }
  .s-flow__arrow svg { width: 34px; height: 34px; }
  .s-kpi { display: flex; align-items: flex-end; gap: 70px; }
  .s-kpi__val { font-size: 220px; line-height: .85; font-weight: 800; font-stretch: 112%; letter-spacing: -.045em; color: var(--peach); }
  .s-kpi__val small { font-size: .42em; margin-left: 10px; }
  .s-kpi__txt { padding-bottom: 20px; font-size: 34px; line-height: 1.3; font-weight: 440; color: var(--ink-200); max-width: 820px; }
  .s-kpi__txt b { color: #fff; font-weight: 700; }
  .s-cards .card--ink h3 { color: #fff; }
  .s-refs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
  .s-ref { padding: 30px 32px 34px; border-radius: var(--shape-md); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1); }
  .s-ref__sector { font: 500 16px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--peach-700); }
  .s-ref__names { margin-top: 16px; font-size: 32px; line-height: 1.2; font-weight: 720; font-stretch: 108%; letter-spacing: -.015em; color: var(--ink); }
  .home-btn { position: absolute; top: 34px; right: 40px; z-index: 9; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px 10px 14px; border-radius: var(--shape-s); font: 500 15px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; color: var(--ink); background: rgb(255 255 255 / .7); box-shadow: inset 0 0 0 1px var(--line-2); transition: transform .2s var(--ease), box-shadow .2s var(--ease), background-color .2s ease; }
  .home-btn svg { width: 20px; height: 20px; color: var(--peach-700); }
  .home-btn:hover { transform: translateY(-1px); background: #fff; box-shadow: inset 0 0 0 1px var(--line-2), var(--shadow-1); }
  .home-btn:focus-visible { outline: 2px solid var(--peach-600); outline-offset: 3px; }
  .slide--ink .home-btn, .slide--photo .home-btn { color: #fff; background: rgb(255 255 255 / .08); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22); }
  .slide--ink .home-btn svg, .slide--photo .home-btn svg { color: var(--peach); }
  .slide--ink .home-btn:hover, .slide--photo .home-btn:hover { background: rgb(255 255 255 / .16); }
  @media print { .home-btn { display: none !important; } }
  .slide .s-merci { bottom: 300px; }
  .slide .s-merci-sub { bottom: 110px; display: flex; flex-direction: column; gap: 10px; line-height: 1.25; }
  .s-merci-cta { font: 500 20px/1 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--peach); margin-bottom: 8px; }
  .s-merci-sub a { color: #fff; text-decoration: none; box-shadow: inset 0 -2px 0 rgb(249 166 107 / .7); }
  .s-merci-sub a:hover { color: var(--peach); }
  .todo { background: var(--peach-200); color: var(--peach-700); font-family: var(--mono); font-size: .8em; padding: 0 .3em; border-radius: 5px 1px 5px 1px; }
  .slide--ink .todo { background: rgb(249 166 107 / .25); color: var(--peach); }
  .s-fine { margin-top: 26px; font: 400 17px/1.4 var(--mono); letter-spacing: .04em; color: var(--text-3); }
"""
style=style+EXTRA
def typo(s):
    NB, FINE = "\u00a0", "\u202f"
    s=re.sub(r" ([:;!?»])(?=[\s<]|$)",lambda m:(FINE if m.group(1) in ";!?" else NB)+m.group(1),s)
    s=s.replace("« ","«"+NB)
    s=re.sub(r"(\d) (%|€|k€|M€|h|j|mois|semaines|jours|min|lignes|sessions|commerciaux)(?!\w)",lambda m:m.group(1)+NB+m.group(2),s)
    s=re.sub(r"(?<=[A-Za-zÀ-ÿ])'(?=[A-Za-zÀ-ÿ])","\u2019",s)
    return s
def build(title,desc,slides_html,out):
    body=typo(slides_html)
    html=f"""<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{title}</title>
<meta name="description" content="{desc}">
<link rel="icon" href="{LOGO}" type="image/svg+xml">
<style>
{css}
</style>
<style>{style}</style>
</head>
<body>
{symbols}

<div class="viewport"><div class="stage" id="stage">
{body}
</div></div>

{script}
</body>
</html>"""
    open(out,"w").write(html)
PH_COVER='<img src="https://images.unsplash.com/photo-1784372998244-d24f10e9a437?auto=format&fit=crop&w=2400&q=80" alt="Un sommet émerge d’une mer de nuages au crépuscule" style="--pos: 50% 60%">'
CR_COVER='<p class="credit mono">Photo : Michele Bergami / Unsplash</p>'
PH_SPLIT='<img src="https://images.unsplash.com/photo-1520208422220-d12a3c588e6c?auto=format&fit=crop&w=1400&q=80" alt="Une cordée de quatre alpinistes gravit un glacier">'
CR_SPLIT='Photo : Jackman Chiu / Unsplash'
PH_END='<img src="https://images.unsplash.com/photo-1506869640319-fe1a24fd76dc?auto=format&fit=crop&w=2400&q=80" alt="Six amis lèvent les bras au sommet, au soleil couchant" style="--pos: 50% 55%">'
CR_END='<p class="credit mono">Photo : Chang Duong / Unsplash</p>'
def cover(kicker,title,sub):
    return f'''<section class="slide slide--photo" data-section="Couverture" data-foot="none">
{PH_COVER}<div class="shade shade--left"></div>
<svg class="s-cover-logo" viewBox="0 0 738 199" role="img" aria-label="adalan"><use href="#logo-label"/></svg>
<div class="s-cover-body"><span class="kicker s-kicker" data-a>{kicker}</span>
<h1 class="s-cover" data-a style="--i:1">{title}</h1>
<p class="s-cover-sub" data-a style="--i:2">{sub}</p></div>{CR_COVER}</section>'''
def section(sec,num,title):
    return f'''<section class="slide slide--ink" data-section="{sec}"><div class="s-num" data-a>{num}</div>
<div class="s-section-body"><div class="s-dash" data-a style="--i:2"></div><h2 class="s-section" data-a style="--i:3">{title}</h2></div></section>'''
def light(sec,kicker,title,sub,body,small=False):
    subh=f'<p class="s-sub" data-a style="--i:2">{sub}</p>' if sub else ''
    return f'''<section class="slide slide--light" data-section="{sec}"><div class="wrap">
<span class="kicker s-kicker" data-a>{kicker}</span>
<h2 class="s-title{' s-title--s' if small else ''}" data-a style="--i:1">{title}</h2>{subh}
<div class="s-body">{body}</div></div></section>'''
def split(sec,paras):
    ps="".join(f'<p data-a style="--i:{i+1}">{p}</p>' for i,p in enumerate(paras))
    return f'''<section class="slide slide--ink" data-section="{sec}"><div class="split"><div class="split__text">{ps}</div>
<figure>{PH_SPLIT}<figcaption class="credit mono">{CR_SPLIT}</figcaption></figure></div></section>'''
CONTACTS=[]   # signataires de l'affaire, à remplir dans decks.py : CONTACTS[:] = [("Prénom Nom", "adresse@adalan.fr")]
GENERIC=("adalan","contact@adalan.fr")
def merci(contacts=None):
    contacts=contacts or CONTACTS or [GENERIC]
    contact='<span class="s-merci-cta">Parlons de votre projet</span>'+"".join(f'<span>{n} · <a href="mailto:{m}">{m}</a></span>' for n,m in contacts)
    return f'''<section class="slide slide--photo" data-section="Clôture" data-foot="none">{PH_END}<div class="shade shade--full"></div>
<h2 class="s-merci" data-a>Merci<span style="color: var(--peach)">.</span></h2>
<p class="s-merci-sub" data-a style="--i:1">{contact}</p>{CR_END}</section>'''
def card(icon,title,text,i,cls="",lst=None):
    t=f'<p>{text}</p>' if text else ''
    l='<ul class="s-list">'+"".join(f"<li>{x}</li>" for x in lst)+'</ul>' if lst else ''
    return f'<div class="card {cls}" data-a style="--i:{i}"><span class="icon-badge"><svg><use href="#i-{icon}"/></svg></span><h3>{title}</h3>{t}{l}</div>'
def cards(items,n=3,start=3):
    cls={2:" s-cards--2",3:"",4:" s-cards--4"}[n]
    return f'<div class="s-cards{cls}">'+"".join(card(*it[:3],start+k,*(it[3:] or [])) for k,it in enumerate(items))+'</div>'
def note(text,i,icon="flag",peach=False):
    return f'<p class="note s-note{" note--peach" if peach else ""}" data-a style="--i:{i}"><svg><use href="#i-{icon}"/></svg><span>{text}</span></p>'
def steps(items,start=3,hl=None):
    return f'<div class="s-steps" style="--n:{len(items)}">'+"".join(f'<div class="s-step{" is-hl" if hl==k else ""}" data-a style="--i:{start+k}"><div class="s-step__when">{w}</div><h3>{t}</h3><p>{p}</p></div>' for k,(w,t,p) in enumerate(items))+'</div>'
def table(head,rows,i=3,price_col=None):
    h="".join(f"<th>{x}</th>" for x in head)
    r="".join("<tr>"+"".join(('<td class="price">' if price_col==j else '<td>')+f'{c}</td>' for j,c in enumerate(row))+"</tr>" for row in rows)
    return f'<table class="s-table" data-a style="--i:{i}"><thead><tr>{h}</tr></thead><tbody>{r}</tbody></table>'
def ulist(items,i=3):
    return f'<ul class="s-list" data-a style="--i:{i}">'+"".join(f"<li>{x}</li>" for x in items)+'</ul>'
def flow(boxes,i=3):
    out=[]
    for k,(tag,t,p,ink) in enumerate(boxes):
        if k: out.append('<div class="s-flow__arrow" data-a style="--i:%d"><svg><use href="#i-arrow"/></svg></div>'%(i+k))
        out.append(f'<div class="s-flow__box{" is-ink" if ink else ""}" data-a style="--i:{i+k}"><span class="tag{" tag--peach" if not ink else ""}">{tag}</span><h4>{t}</h4><p>{p}</p></div>')
    return '<div class="s-flow">'+"".join(out)+'</div>'

REFS=[("Banque et gestion d'actifs","Natixis<br>Amundi"),("Assurance","Groupama"),("Énergie","TotalEnergies"),("Aéronautique","Airbus"),("Arômes et parfums","Mane"),("Aménagement d'espaces","Kardham"),("Investissement","Carmine Capital<br>50 Partners")]
def refs():
    items="".join(f'<div class="s-ref" data-a style="--i:{3+k}"><div class="s-ref__sector">{s}</div><div class="s-ref__names">{n}</div></div>' for k,(s,n) in enumerate(REFS))
    items+='<div class="s-ref" data-a style="--i:10;background:var(--ink)"><div class="s-ref__sector" style="color:var(--peach)">Et demain</div><div class="s-ref__names" style="color:#fff">Votre projet</div></div>'
    return light("adalan","Ils nous font confiance","Des grands comptes, <em>dans sept secteurs.</em>","Merci à eux.",'<div class="s-refs">'+items+'</div>')

def kpi(sec,kicker,val,unit,text,fine=""):
    f=f'<p class="s-fine" data-a style="--i:3">{fine}</p>' if fine else ''
    return f'''<section class="slide slide--ink" data-section="{sec}"><div class="wrap"><span class="kicker s-kicker" data-a>{kicker}</span>
<div class="s-body"><div class="s-kpi"><div class="s-kpi__val" data-a style="--i:1">{val}<small>{unit}</small></div>
<p class="s-kpi__txt" data-a style="--i:2">{text}</p></div>{f}</div></div></section>'''
def qsn_general():
    return light("adalan","Qui sommes-nous","Des experts augmentés. <em>Des outils qui tournent.</em>","adalan, né à Paris le 1er octobre 2023 : deux métiers qui se répondent, et un parcours IA ouvert à vos équipes.",
     cards([("users","Consulting","Des seniors qui arrivent outillés : une séniorité revendiquée, une verticale assumée, quatre compétences IA."),
            ("hammer","Factory","De l'idée à l'outil qui tourne : applications, agents et workflows IA, jusqu'à la mise en production."),
            ("cap","Parcours IA","Trois terrains. Quatre grades. Un parcours que nous suivons nous-mêmes, ouvert à vos équipes.")])+note("Factory vous rend autonome. <b>Consulting vous rassure et accélère le déploiement.</b>",6))
def qsn_formation():
    return light("adalan","Qui sommes-nous","Les métiers ne disparaissent pas. <em>Ils s'augmentent.</em>","L'IA prend la production. Il reste le meilleur : penser, convaincre, construire.",
     cards([("cap","Un parcours éprouvé","Trois terrains. Quatre grades. Un parcours que nous suivons nous-mêmes, et que nous ouvrons à vos équipes."),
            ("users","Nous le vivons","Nous formons nos consultant(e)s avant de former vos équipes : une formation par mois, un abonnement Claude pour chacun(e)."),
            ("shield","Sans shadow AI","Des outils sûrs et des règles claires, pour que personne n'ait à contourner.")])+note("adalan : des experts augmentés, <b>et une Factory qui construit des outils qui tournent.</b>",6))
def qsn_factory(stage=1):
    st=[("01","Qualifier","Valeur, faisabilité, données, coût."),("02","Prototyper","Un POC sur vos vraies données."),("03","Construire","Un MVP utilisé par de vrais utilisateurs."),("04","Déployer","Mise en production et maintien."),("05","Transmettre","Vos équipes autonomes sur l'outil.")]
    w,t,p=st[stage]; st[stage]=(w+" · cette étape",t,p)
    return light("adalan","Qui sommes-nous","De l'idée <em>à l'outil qui tourne.</em>","adalan Factory conçoit, développe et déploie applications, agents et workflows IA, intégrés à votre SI. Par étapes courtes, chacune avec son livrable.",
     steps(st,3,stage)+note("La conformité est intégrée dès le cadrage : <b>AI Act, RGPD, données sensibles, shadow AI.</b>",8,"shield"))
def two_col(left,right,i=3):
    return f'<div class="s-grid2"><div data-a style="--i:{i}">{left}</div><div data-a style="--i:{i+1}">{right}</div></div>'
def ink_box(kicker,items):
    return '<div class="card card--ink"><span class="kicker">'+kicker+'</span><ul class="s-list" style="margin-top:22px">'+"".join(f"<li>{x}</li>" for x in items)+'</ul></div>'
def box(icon,title,items,fine=""):
    f=f'<p class="s-fine">{fine}</p>' if fine else ''
    return f'<div class="card"><span class="icon-badge"><svg><use href="#i-{icon}"/></svg></span><h3 style="font-size:31px;font-weight:680">{title}</h3><ul class="s-list" style="margin-top:18px">'+"".join(f"<li>{x}</li>" for x in items)+f'</ul>{f}</div>'
def todo(label):
    return f'<span class="todo">[à compléter : {label}]</span>'

# ---------------- page d'accueil ----------------
INDEX_STYLE="""
  body { background: var(--ground); }
  .topbar { position: sticky; top: 0; z-index: 10; background: rgb(246 245 251 / .82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: inset 0 -1px 0 var(--line); }
  .topbar .container { display: flex; align-items: center; gap: 1.5rem; min-height: 4rem; }
  .topbar svg.logo { width: 7.25rem; height: auto; color: var(--ink); display: block; }
  .topbar .meta { margin-left: auto; }
  .hero-band { padding-block: clamp(3.5rem, 2rem + 6vw, 7.5rem); }
  .hero-band .hero { margin-top: 1.2rem; max-width: 16ch; }
  .hero-band .lead { margin-top: 1.4rem; }
  .facts { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 2rem; }
  .facts .tag { background: rgb(255 255 255 / .06); color: var(--ink-200); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16); padding: .45em .75em; }
  .list { display: grid; gap: 1.1rem; margin-top: 2rem; }
  .deck { display: grid; grid-template-columns: 4.5rem 1fr auto; gap: 1.5rem; align-items: center; text-decoration: none; color: var(--text); padding: clamp(1.25rem, 1rem + 1vw, 2rem); border-radius: var(--shape); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
  .deck:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--line-2), var(--shadow-2); }
  .deck:focus-visible { outline: 2px solid var(--peach-600); outline-offset: 3px; }
  .deck__num { font: 500 2.4rem/1 var(--mono); color: var(--peach-700); letter-spacing: -.02em; }
  .deck .title { margin-top: .5rem; }
  .deck .body { margin-top: .5rem; font-size: 1rem; }
  .deck__meta { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
  .deck__go { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 16px 4px 16px 4px; background: var(--ink); color: #fff; transition: background-color .2s ease, transform .2s var(--ease); }
  .deck__go svg { width: 1.3rem; height: 1.3rem; }
  .deck:hover .deck__go { background: var(--peach); color: var(--ink); transform: translateX(3px); }
  .deck--ink { background: var(--ink); border-radius: var(--shape-ink); box-shadow: var(--shadow-2); position: relative; isolation: isolate; overflow: hidden; --text: #fff; --text-2: var(--ink-200); --text-3: var(--ink-300); --line: rgb(255 255 255 / .12); color: #fff; }
  .deck--ink::before { content: ''; position: absolute; inset: -8% -6%; z-index: -1; background: var(--topo) center / cover no-repeat; opacity: .9; }
  .deck--ink .deck__num { color: var(--peach); }
  .deck--ink .deck__go { background: var(--peach); color: var(--ink); }
  .deck--ink:hover .deck__go { background: #fff; }
  .deck--ink .tag { color: var(--ink-200); }
  .deck--ink .kicker { --kicker: var(--peach); }
  .contacts { list-style: none; margin: 1.6rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem 3rem; }
  .contacts li { display: flex; flex-direction: column; gap: .35rem; }
  .contacts b { font-size: 1.25rem; font-weight: 680; font-stretch: 106%; color: #fff; }
  .contacts a { font: 400 .95rem/1.3 var(--mono); color: var(--peach); text-decoration: none; }
  .contacts a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .section-title { margin-top: var(--section); }
  .help { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
  kbd { font: 500 .78rem/1 var(--mono); padding: .3em .5em; border-radius: 6px 2px 6px 2px; background: var(--paper); box-shadow: inset 0 0 0 1px var(--line-2); color: var(--ink); }
  .end { margin-top: var(--section); }
  .end .display { margin-top: 1rem; }
  footer { padding-block: 2.5rem; box-shadow: inset 0 1px 0 var(--line); margin-top: var(--section); }
  footer .container { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
  footer svg.logo { width: 5.5rem; color: var(--ink); }
  footer .meta:last-child { margin-left: auto; }
  @media (max-width: 640px) {
    .deck { grid-template-columns: 1fr; gap: .8rem; }
    .deck__go { justify-self: start; }
    .topbar .meta { display: none; }
  }
  [data-r] { animation: rise .9s var(--ease) both; animation-delay: calc(var(--i, 0) * 70ms); }
  @keyframes rise { from { opacity: 0; transform: translateY(24px); } }
  @media (prefers-reduced-motion: reduce) { [data-r] { animation: none; } }
"""

def build_index(out,client_kicker,title_html,lead,groups,contacts=None,facts=None):
    """groups : liste de (titre_h2_html_ou_None, lead_ou_None, [ (num, fichier, sur-titre, titre, description, [tags], mis_en_avant) ])"""
    contacts=contacts or CONTACTS or [GENERIC]
    topo=re.search(r"url\('(data:image/svg\+xml;base64,[^']+)'\)",css).group(1)
    i=[2]
    def deck(n,href,k,t,d,tags,ink):
        i[0]+=1
        tg="".join(f'<span class="tag{" tag--peach" if not ink and j==1 else ""}">{x}</span>' for j,x in enumerate(tags))
        return (f'<a class="deck{" deck--ink" if ink else ""}" href="{href}" data-r style="--i:{i[0]}"><span class="deck__num">{n}</span>'
                f'<span><span class="kicker">{k}</span><h3 class="title">{t}</h3><p class="body">{d}</p><span class="deck__meta">{tg}</span></span>'
                '<span class="deck__go" aria-hidden="true"><svg><use href="#i-arrow"/></svg></span></a>')
    sec=""
    for h2,ld,items in groups:
        if h2: sec+=f'<h2 class="h2 section-title" data-r>{h2}</h2>'
        if ld: sec+=f'<p class="lead" data-r style="margin-top:1rem">{ld}</p>'
        sec+='<div class="list"'+(' style="margin-top: calc(var(--section) * .6)"' if not h2 else '')+'>'+"".join(deck(*it) for it in items)+'</div>'
    fa="".join(f'<span class="tag">{x}</span>' for x in (facts or []))
    LOGO_SVG='<svg class="logo" viewBox="0 0 738 199" role="img" aria-label="adalan"><use href="#logo-label"/></svg>'
    cts="".join(f'<li><b>{n}</b><a href="mailto:{m}">{m}</a></li>' for n,m in contacts)
    body=f"""<header class="topbar"><div class="container"><a href="index.html" aria-label="Accueil">{LOGO_SVG}</a><span class="meta">AI Driven Insight</span></div></header>
<main><section class="band band--ink hero-band"><div class="container">
<span class="kicker" data-r>{client_kicker}</span><h1 class="hero" data-r style="--i:1">{title_html}</h1>
<p class="lead" data-r style="--i:2">{lead}</p><div class="facts" data-r style="--i:3">{fa}</div></div></section>
<section class="container">{sec}
<div class="help meta" data-r><span>Dans une présentation : <kbd>←</kbd> <kbd>→</kbd> pour naviguer</span><span><kbd>F</kbd> plein écran</span><span><kbd>H</kbd> ou <kbd>Échap</kbd> retour à l'accueil</span><span>Impression : une slide par page</span></div></section>
<section class="container end"><div class="card card--ink" style="padding: clamp(1.5rem, 1rem + 2.5vw, 3.5rem)">
<span class="kicker">Parlons de votre projet</span><h2 class="display">Des experts augmentés. <em>Des outils qui tournent.</em></h2>
<ul class="contacts">{cts}</ul></div></section></main>
<footer><div class="container">{LOGO_SVG}<span class="meta">14 avenue de l'Opéra, 75001 Paris · contact@adalan.fr</span><span class="meta">© {__import__('datetime').date.today().year} adalan · AI Driven Insight</span></div></footer>"""
    html=f"""<!doctype html>
<html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<title>Propositions · adalan</title><link rel="icon" href="{LOGO}" type="image/svg+xml">
<style>{css}</style><style>:root {{ --topo: url('{topo}'); }}{INDEX_STYLE}</style></head>
<body>{symbols}{typo(body)}</body></html>"""
    open(out,"w").write(html)