/* Les briques de la home (tokens :root, .im-scene, .eyebrow/.title/.lead, .btn…) extraites du <style> de landing/index.html et scopées sous .roue-page, pour /presentation (29/08/2026). Regénérer via scripts/build-presentation-roue.py (voir en tête). */
:root{
        --bg: #0a0a0f;
        --bg-deep: #06060a;
        --cream: #f5f0e8;
        --cream-dim: rgba(245, 240, 232, 0.65);
        --cream-muted: rgba(245, 240, 232, 0.35);
        --gold: #d4a574;
        --gold-light: #e8c9a0;
        --secondary: #89013b;
        --accent: #ffd700;
        --level-1: #f472b6;
        --level-2: #60a5fa;
        --level-3: #fb923c;
        --level-4: #ef4444;
        --glass-border: rgba(212, 165, 116, 0.08);
        --font-display: 'Playfair Display', Georgia, serif;
        --font-body: 'Inter', -apple-system, sans-serif;
        --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
        --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
        --container: 1100px;
    }
.roue-page [data-a].vis{ opacity: 1; transform: translateY(0); }
.roue-page [data-a-stagger].vis > *:nth-child(1){ transition-delay: 0s; }
.roue-page [data-a-stagger].vis > *:nth-child(2){ transition-delay: 0.1s; }
.roue-page [data-a-stagger].vis > *:nth-child(3){ transition-delay: 0.2s; }
.roue-page [data-a-stagger].vis > *:nth-child(4){ transition-delay: 0.3s; }
.roue-page [data-a-stagger].vis > *:nth-child(5){ transition-delay: 0.4s; }
.roue-page [data-a-stagger].vis > *:nth-child(6){ transition-delay: 0.5s; }
.roue-page [data-a-stagger].vis > *{ opacity: 1; transform: translateY(0); }
.roue-page [data-a-reveal].vis{
        clip-path: inset(0% 0% 0% 0% round 20px);
    }
.roue-page [data-a-scale].vis{ opacity: 1; transform: scale(1); }
:root{--noir:#0c0509;--or:#c9a24a;--or-clair:#e8c878;--creme:#f5f0e8;
  --creme-dim:rgba(245,240,232,.62);--creme-faint:rgba(245,240,232,.34);
  --disp:'Playfair Display',Georgia,serif;--sans:'Inter',-apple-system,sans-serif}
:root{
  --noir:#0a0608; --or-pale:#f0d9a8; --line:rgba(232,200,120,.14);
  --l1:#e8b96a; --l2:#e0895f; --l3:#d1477e; --l4:#e0324f;
  --seg-gage:#1A3C34; --seg-caprice:#8E4452; --seg-mini:#1E2A44; --seg-truth:#4B2C5E; --seg-bar:#6B4423; --seg-massage:#3D5A4A;
  --tendre:#e8b96a; --mid:#e0895f; --chaud:#d1477e; --torride:#e0324f; --steel:#5a86ad; --rose:#c1808c;
}
.roue-page .im-scene{position:relative}
.roue-page .im-scene .wrap{max-width:1100px;margin:0 auto;padding:0 clamp(1.25rem,5%,3rem)}
.roue-page .im-scene .eyebrow, .roue-page .eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.26em;color:var(--or);margin:0 0 1.05rem}
.roue-page .im-scene .eyebrow::before, .roue-page .im-scene .eyebrow::after, .roue-page .eyebrow::before, .roue-page .eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--or))}
.roue-page .im-scene .eyebrow::after, .roue-page .eyebrow::after{background:linear-gradient(90deg,var(--or),transparent)}
.roue-page .im-scene .title, .roue-page .title{font-family:var(--disp,'Playfair Display',Georgia,serif);font-weight:600;font-size:clamp(1.95rem,4.7vw,3.15rem);line-height:1.08;letter-spacing:-.012em;color:var(--creme);margin:0}
.roue-page .im-scene .title em, .roue-page .title em{font-style:italic;background:linear-gradient(100deg,var(--or-clair),#e8a2b2 62%,var(--or));-webkit-background-clip:text;background-clip:text;color:transparent}
.roue-page .im-scene .lead, .roue-page .lead{font-family:var(--sans,'Inter',sans-serif);font-size:clamp(1.02rem,1.55vw,1.17rem);line-height:1.62;color:var(--creme-dim);margin:0;max-width:47ch}
.roue-page .im-scene .btn, .roue-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--sans,'Inter',sans-serif);font-weight:600;font-size:.98rem;padding:.86rem 1.7rem;border-radius:100px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s,filter .25s}
.roue-page .im-scene .btn--gold, .roue-page .btn--gold{background:linear-gradient(155deg,#f0d28a,#c9a24a 55%,#9c7320);color:#1a0f06;box-shadow:0 14px 34px -14px rgba(201,162,74,.7)}
.roue-page .im-scene .btn--gold:hover, .roue-page .btn--gold:hover{transform:translateY(-2px);filter:brightness(1.05)}
.roue-page .im-scene .btn--ghost, .roue-page .btn--ghost{border-color:rgba(232,200,120,.34);color:var(--or-clair);background:rgba(232,200,120,.03)}
.roue-page .im-scene .btn--ghost:hover, .roue-page .btn--ghost:hover{background:rgba(232,200,120,.08);transform:translateY(-2px)}
.roue-page .stage .only-d{display:none!important}
.roue-page .stage[data-room=donjon] .only-d{display:revert!important}
.roue-page .stage[data-room=donjon] .h-over.only-d{display:flex!important}
.roue-page .stage[data-room=donjon] .h-cta.only-d{display:inline-flex!important}
.roue-page .stage[data-room=donjon] .only-b{display:none!important}
.roue-page .phone-hero .only-d{display:none!important}
.roue-page .phone-hero[data-room=donjon] .only-d{display:revert!important}
.roue-page .phone-hero[data-room=donjon] .h-over.only-d{display:flex!important}
.roue-page .phone-hero[data-room=donjon] .h-cta.only-d{display:inline-flex!important}
.roue-page .phone-hero[data-room=donjon] .only-b{display:none!important}
.roue-page .stage[data-room=donjon] .h-stats.only-d, .roue-page .phone-hero[data-room=donjon] .h-stats.only-d{display:flex!important}
.roue-page .stage[data-room=donjon] .seal--desk.only-d{display:inline-flex!important}
.roue-page .phone-hero[data-room=donjon] .seal-row.only-d{display:flex!important}