/* Scènes animées : 1040 × 780 px (paysage) ou 600 × 900 px (.portrait), mises à l'échelle par scenes.js */
.scene{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;
  background:var(--nuit-2) radial-gradient(var(--nuit-3) 1.5px,transparent 1.5px) 0 0/26px 26px;
  font-family:"Instrument Sans",system-ui,sans-serif;font-size:16px;line-height:1.3;color:#f3f0e8;text-align:left;letter-spacing:0}
.scene *{position:absolute;box-sizing:border-box}
.scene img{max-width:none}
.scene .flux,.scene .flux *{position:static}
.scene .cur{width:26px;height:26px;left:0;top:0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));z-index:5}
.scene .note{font-size:13px;color:var(--brume);opacity:.8}
.scene svg{overflow:visible}

/* ——— Fenêtre façon page de résultats ——— */
.scene .gw{background:#fff;border-radius:16px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#202124;box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 0 1px color-mix(in srgb,var(--cordeau-clair) 35%,transparent)}
.scene .g-top{display:flex;align-items:center;gap:20px;padding:20px 26px 0}
.scene .g-logo{font-size:28px;font-weight:700;letter-spacing:-1.2px}
.scene .g-bar{flex:1;max-width:520px;height:44px;border-radius:22px;border:1px solid #dadce0;box-shadow:0 2px 6px rgba(32,33,36,.16);display:flex;align-items:center;padding:0 18px;font-size:17px}
.scene .g-bar span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene .g-bar svg{width:20px;height:20px;flex:none}
.scene .g-tabs{display:flex;gap:26px;padding:16px 26px 0;font-size:14px;color:#70757a;border-bottom:1px solid #dadce0}
.scene .g-tabs span{padding-bottom:10px;border-bottom:3px solid transparent}
.scene .g-tabs .on{color:#1a73e8;border-color:#1a73e8}
.scene .g-id{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3}
.scene .g-id i{width:28px;height:28px;border-radius:14px;background:#e8f0fe;color:#1a73e8;font:700 14px Arial;display:flex;align-items:center;justify-content:center;flex:none}
.scene .g-id small{display:block;font-size:12px;color:#4d5156}
.scene .g-titre{font-size:20px;color:#1a0dab;margin-top:8px;line-height:1.3;text-decoration:underline;text-decoration-color:transparent}
.scene .g-desc{font-size:14px;color:#4d5156;margin-top:5px;line-height:1.5}
.scene .sq .g-id i{background:#e8eaed}
.scene .sq u{display:block;height:9px;border-radius:5px;background:#eceef0;text-decoration:none}
.scene .sq .g-id u{width:130px;background:#e8eaed}
.scene .sq .g-id u+u{width:200px;height:7px;margin-top:6px;background:#eff0f2}
.scene .sq .t{height:15px;border-radius:7px;background:#d7dcf5;margin-top:12px}
.scene .sq .l1{width:min(470px,100%);margin-top:11px}
.scene .sq .l2{width:min(380px,80%);margin-top:8px}

/* ——— Fenêtre de navigateur ——— */
.scene.s-site .nav,.scene.s-refonte .nav{left:70px;top:62px;width:900px;height:600px;border-radius:14px;overflow:hidden;background:var(--nuit-2);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--cordeau-clair) 60%,transparent),0 50px 90px -30px rgba(0,0,0,.75)}
.scene .nav-b{position:absolute!important;left:0;top:0;right:0;height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;background:var(--nuit-3)}
.scene .nav-b i{width:10px;height:10px;border-radius:5px;background:var(--nuit-4)}
.scene .url{flex:1;margin-left:10px;height:24px;border-radius:12px;background:var(--nuit-2);display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500}
.scene .url b{width:8px;height:8px;border-radius:4px;background:#22c55e;box-shadow:0 0 10px #22c55e}
.scene .vp{left:0;top:40px;width:900px;height:560px;overflow:hidden}
.scene .scan{left:-2px;top:0;bottom:0;width:3px;background:var(--cordeau);box-shadow:0 0 26px 6px var(--cordeau);z-index:3}
.scene .tel{left:776px;top:222px;width:222px;height:444px;border-radius:34px;padding:7px;background:var(--abime);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--cordeau-clair) 50%,transparent),0 40px 80px -20px rgba(0,0,0,.85);z-index:4}
.scene .tel>div{position:relative!important;width:100%;height:100%;border-radius:27px;overflow:hidden;background:#fff}
.scene .tel img{position:static!important;width:100%;display:block}
.scene .leg{font-size:24px;font-weight:600;left:70px;top:706px}
.scene .leg::before{content:"";display:inline-block;width:9px;height:9px;border-radius:5px;background:var(--cordeau);margin-right:12px;vertical-align:middle;box-shadow:0 0 12px var(--cordeau)}

/* ——— 1. Site ——— */
.scene.s-site .pg{left:0;top:0;width:1440px;height:896px;transform:scale(.625);transform-origin:0 0}
.scene.s-site .creme{inset:0}
.scene.s-site .jaune{left:0;top:115px;width:1440px;height:590px}
.scene.s-site .ti{left:78px;letter-spacing:-1px;white-space:nowrap}
.scene.s-site .ti span{display:inline-block;position:relative}
.scene.s-site .fils{left:0;top:0}
.scene.s-site .fils *{fill:none;stroke:var(--cordeau-clair);stroke-width:3}
.scene.s-site .vrai{inset:0}
.scene.s-site .vrai>img{left:0;top:0;width:900px}
.scene.s-site .nuancier{left:742px;top:606px;display:flex;gap:12px;padding:14px 18px;border-radius:18px;background:var(--nuit-3);box-shadow:0 24px 50px -16px rgba(0,0,0,.8),0 0 0 1px rgba(243,240,232,.14)}
.scene.s-site .nuancier i{position:static;width:44px;height:44px;border-radius:22px;border:2px solid rgba(243,240,232,.25)}
.scene.s-site.portrait .nav,.scene.s-refonte.portrait .nav{left:20px;top:70px;width:560px;height:388px}
.scene.portrait .vp{width:560px;height:348px}
.scene.s-site.portrait .pg{transform:scale(.3889)}
.scene.s-site.portrait .vrai>img{width:560px}
.scene.s-site.portrait .nuancier{left:150px;top:490px}
.scene.portrait .tel{left:340px;top:420px}
.scene.portrait .leg{left:24px;top:840px;font-size:22px}

/* Le site composé aux couleurs du métier (1440 px de large, mis à l'échelle) */
.scene .mk-cadre{left:0;top:0;width:900px;height:1250px;--k:.625}
.scene.portrait .mk-cadre{width:560px;height:778px;--k:.3889}
.scene .mk-cadre--m,.scene.portrait .mk-cadre--m{position:relative!important;width:208px;height:430px;--k:.5333}
.scene .mk{position:absolute!important;left:0;top:0;width:1440px;height:2000px;transform:scale(var(--k));transform-origin:0 0;background:var(--f);color:var(--e);font-family:"Instrument Sans",Arial,sans-serif;overflow:hidden}
.scene .mk *{position:relative!important}
.scene .mk-barre{height:35px;background:var(--e);color:rgba(255,255,255,.8);font-size:14px;display:flex;align-items:center;justify-content:center}
.scene .mk-nav{height:80px;display:flex;align-items:center;gap:42px;padding:0 80px;font-size:17px;color:rgba(0,0,0,.55)}
.scene .mk-nav b{font:700 26px "Instrument Sans",Arial;color:var(--e);margin-right:auto}
.scene .mk-nav em,.scene .mk-hero em{font-style:normal;font-weight:700;background:var(--a);color:var(--e);padding:14px 26px;border-radius:6px}
.scene .mk-hero{height:590px;background:var(--p);color:var(--f);padding:90px 0 0 78px}
.scene .mk-h1{width:600px;color:var(--f)}
.scene .mk-hero p{width:520px;margin:28px 0 34px;font-size:22px;line-height:1.5;color:rgba(255,255,255,.75)}
.scene .mk-hero>em{display:inline-block;font-size:20px;padding:18px 34px}
.scene .mk-photo{position:absolute!important;left:700px;top:35px;width:660px;height:540px;border-radius:26px;overflow:hidden;background:var(--a);display:flex;align-items:center;justify-content:center}
.scene .mk-photo img{width:100%;height:100%;object-fit:cover}
.scene .mk-photo>b{font:700 220px Georgia,serif;color:var(--p);opacity:.35}
.scene .mk-rass{height:95px;display:flex;justify-content:space-around;align-items:center;font-weight:600;font-size:20px;border-bottom:1px solid rgba(0,0,0,.08)}
.scene .mk-rass span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:6px;background:var(--a);margin-right:12px}
.scene .mk-sec{padding:90px 80px}
.scene .mk-sec h4{font:700 52px Georgia,serif;color:var(--e);margin-bottom:50px}
.scene .mk-cartes{display:flex;gap:40px}
.scene .mk-cartes div{flex:1;height:320px;border-radius:18px;background:#fff;padding:40px;box-shadow:0 20px 50px -30px rgba(0,0,0,.35)}
.scene .mk-cartes i{display:block;width:60px;height:6px;background:var(--a);margin-bottom:30px}
.scene .mk-cartes b{display:block;font-size:30px;margin-bottom:24px}
.scene .mk-cartes u{display:block;height:14px;border-radius:7px;background:rgba(0,0,0,.08);margin-top:16px;text-decoration:none}
.scene .mk-avis{padding:70px 80px;text-align:center;background:rgba(0,0,0,.03)}
.scene .mk-avis span{color:var(--a);font-size:40px;letter-spacing:8px}
.scene .mk-avis p{font:italic 40px Georgia,serif;margin-top:20px}
.scene .mk-bas{height:200px;background:var(--p);display:flex;align-items:center;justify-content:center}
.scene .mk-bas b{background:var(--a);color:var(--e);font-size:26px;padding:24px 44px;border-radius:8px}
.scene .mk--m{width:390px;height:806px}
.scene .mk--m .mk-nav{height:64px;padding:0 22px}
.scene .mk--m .mk-nav b{font-size:20px}
.scene .mk--m .mk-nav i{width:26px;height:16px;border-top:3px solid var(--e);border-bottom:3px solid var(--e)}
.scene .mk--m .mk-hero{height:auto;padding:0 22px 34px}
.scene .mk--m .mk-photo{position:relative!important;left:-22px;top:0;width:390px;height:230px;border-radius:0;margin-bottom:26px}
.scene .mk--m .mk-h1{width:auto}
.scene .mk--m .mk-hero p{width:auto;font-size:16px;margin:16px 0 22px}
.scene .mk--m .mk-hero>em{font-size:16px;padding:14px 22px}
.scene .mk--m .mk-rass{height:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 22px;font-size:16px}
.scene .mk--m .mk-avis{padding:30px 22px}
.scene .mk--m .mk-avis span{font-size:26px}
.scene .mk--m .mk-avis p{font-size:24px}

/* ——— 2. Référencement ——— */
.scene.s-seo .gw{left:40px;top:44px;width:960px;height:692px}
.scene.s-seo .res{left:26px;top:148px;width:540px}
.scene.s-seo .cc{left:0;width:540px;opacity:.85}
.scene.s-seo .moi{left:-12px;width:552px;padding:10px 12px;border-radius:12px}
.scene.s-seo .rg{margin-left:auto;font:700 15px Arial;color:#fff;background:var(--feu);border-radius:18px;padding:6px 14px;white-space:nowrap}
.scene.s-seo .moi .g-id{display:flex}
.scene .fiche{left:612px;top:148px;width:320px;border-radius:14px;border:1px solid #dadce0;overflow:hidden;background:#fff;box-shadow:0 20px 40px -24px rgba(0,0,0,.35)}
.scene .f-haut{display:flex;height:118px}
.scene .f-plan{flex:1;background:#e8eef4;overflow:hidden}
.scene .f-photo{width:150px;margin-left:2px;background:linear-gradient(135deg,var(--cordeau),var(--nuit-4));display:flex;align-items:center;justify-content:center;color:#fff;font:700 44px Arial;overflow:hidden}
.scene .f-photo img{width:100%;height:100%;object-fit:cover}
.scene .f-corps{padding:14px 18px 18px}
.scene .f-nom{font-size:24px;line-height:1.2}
.scene .f-note{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:14px;color:#4d5156}
.scene .f-note svg{width:17px;height:17px}
.scene .f-note a{color:#1a73e8}
.scene .f-cat{font-size:14px;color:#4d5156;margin-top:5px}
.scene .f-btn{display:flex;justify-content:space-between;margin:16px 4px 14px}
.scene .f-btn span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;color:#1a73e8}
.scene .f-btn i{width:44px;height:44px;border-radius:22px;border:1px solid #dadce0;display:flex;align-items:center;justify-content:center}
.scene .f-btn svg{width:20px;height:20px;color:#1a73e8}
.scene .f-infos{border-top:1px solid #dadce0;padding-top:12px;font-size:14px;line-height:1.75}
.scene .f-infos em{font-style:normal;color:#188038}
.scene.s-seo.portrait .gw{left:20px;top:30px;width:560px;height:840px}
.scene.s-seo.portrait .res{left:20px;top:140px;width:520px}
.scene.s-seo.portrait .cc{width:520px}
.scene.s-seo.portrait .moi{width:532px}
.scene.s-seo.portrait .fiche{left:20px;top:470px;width:520px}
.scene.s-seo.portrait .f-haut{height:150px}
.scene.s-seo.portrait .f-photo{width:240px}

/* ——— 3. Publicité ——— */
.scene.s-pub .gw{left:60px;top:56px;width:560px;height:668px}
.scene.s-pub .corps{padding:18px 22px}
.scene.s-pub .g-top,.scene.s-pub .g-tabs{padding-inline:22px}
.scene.s-pub .spons{font:700 15px Arial;margin-bottom:12px}
.scene.s-pub .ad{margin:-10px;padding:10px;border-radius:12px}
.scene.s-pub .sq{margin-top:26px;opacity:.9}
.scene.s-pub .onde{width:104px;height:104px;border-radius:50%;border:2.5px solid var(--feu);z-index:4}
.scene.s-pub .grain{left:-6px;top:-6px;width:12px;height:12px;border-radius:6px;background:var(--feu);box-shadow:0 0 16px 4px var(--feu);z-index:4}
.scene.s-pub .notif{left:650px;width:330px;height:80px;border-radius:20px;background:rgba(250,250,252,.96);color:#111;display:flex;align-items:center;gap:13px;padding:0 15px;box-shadow:0 24px 44px -20px rgba(0,0,0,.85);z-index:3}
.scene.s-pub .notif[data-i="0"]{top:56px}.scene.s-pub .notif[data-i="1"]{top:152px}.scene.s-pub .notif[data-i="2"]{top:248px}
.scene.s-pub .notif *{position:static}
.scene.s-pub .notif i{width:42px;height:42px;border-radius:11px;background:var(--feu);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.scene.s-pub .notif svg{width:21px;height:21px}
.scene.s-pub .notif b{flex:1;font-size:15.5px;font-weight:600;line-height:1.25}
.scene.s-pub .notif small{display:block;font-size:13px;font-weight:400;color:#55596b}
.scene.s-pub .notif time{font-size:12px;color:#8a8fa3;align-self:flex-start;margin-top:14px}
.scene.s-pub .carte{left:650px;top:356px;width:330px;height:368px;border-radius:20px;background:color-mix(in srgb,var(--nuit-3) 70%,transparent);box-shadow:0 0 0 1px rgba(243,240,232,.12)}
.scene.s-pub .cle{left:22px;top:20px;font-size:15px;color:var(--brume);line-height:1.9}
.scene.s-pub .cle *{position:static}
.scene.s-pub .cle i{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:9px}
.scene.s-pub .cle b{color:#f3f0e8;font-weight:600}
.scene.s-pub .graphe{left:22px;top:112px;width:286px;height:200px}
.scene.s-pub .note{left:22px;bottom:16px}
.scene.s-pub.portrait .gw{left:20px;top:20px;width:560px;height:540px}
.scene.s-pub.portrait .notif{left:30px;width:540px}
.scene.s-pub.portrait .notif[data-i="0"]{top:300px}.scene.s-pub.portrait .notif[data-i="1"]{top:386px}.scene.s-pub.portrait .notif[data-i="2"]{top:472px}
.scene.s-pub.portrait .carte{left:20px;top:590px;width:560px;height:280px}
.scene.s-pub.portrait .graphe{left:250px;top:40px}
.scene.s-pub.portrait .note{left:22px;bottom:18px}

/* ——— 4. Assistants IA ——— */
.scene.s-ia .nomia{top:50px;width:296px;text-align:center;font-size:20px;font-weight:600;color:var(--brume);opacity:.55}
.scene.s-ia .nomia[data-i="0"],.scene.s-ia .phone[data-i="0"]{left:48px}
.scene.s-ia .nomia[data-i="1"],.scene.s-ia .phone[data-i="1"]{left:372px}
.scene.s-ia .nomia[data-i="2"],.scene.s-ia .phone[data-i="2"]{left:696px}
.scene.s-ia .nomia i{position:static;display:inline-block;width:9px;height:9px;border-radius:5px;background:var(--feu);margin-right:10px;vertical-align:middle;box-shadow:0 0 12px var(--feu)}
.scene.s-ia .phone{top:104px;width:296px;height:610px;border-radius:44px;padding:9px;background:var(--abime);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--cordeau-clair) 50%,transparent),0 50px 90px -30px rgba(0,0,0,.85)}
.scene.s-ia .ecran{position:relative!important;width:100%;height:100%;border-radius:36px;overflow:hidden}
.scene.s-ia .etat{height:34px;display:flex;align-items:center;justify-content:space-between;padding:6px 24px 0;font:600 12.5px "Segoe UI",Arial,sans-serif;color:#111}
.scene.s-ia .etat span{display:flex;gap:5px;align-items:center}
.scene.s-ia .encoche{position:absolute!important;left:50%;top:9px;width:74px;height:20px;margin-left:-37px;border-radius:10px;background:var(--abime)}
.scene.s-ia .pile{width:22px;height:11px;border-radius:3.5px;border:1.2px solid #111;padding:1.2px;display:flex}
.scene.s-ia .pile i{flex:1;border-radius:1.5px;background:#111}
.scene.s-ia .entete{height:46px;display:flex;align-items:center;padding:0 16px;font:600 16px "Segoe UI",Arial,sans-serif}
.scene.s-ia .entete b{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600}
.scene.s-ia .entete svg{width:20px;height:20px;flex:none}
.scene.s-ia .fil{padding:14px 16px 0;line-height:1.55}
.scene.s-ia .q{display:flex;justify-content:flex-end}
.scene.s-ia .q span{padding:9px 14px;max-width:86%;line-height:1.4}
.scene.s-ia .rep{margin-top:22px;position:relative!important}
.scene.s-ia .marque{display:block;width:22px;height:22px;margin-bottom:8px}
.scene.s-ia .points{position:absolute!important;left:0;display:flex;gap:5px}
.scene.s-ia .points i{width:8px;height:8px;border-radius:4px;opacity:.55}
.scene.s-ia strong{font-weight:700;color:#111;background:linear-gradient(var(--feu),var(--feu)) 0 94%/0% 4px no-repeat;padding-bottom:2px}
.scene.s-ia .src{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font:12.5px "Segoe UI",Arial,sans-serif;color:#5f6368;border:1px solid #e0e0e0;border-radius:18px;padding:5px 12px 5px 7px;background:#fff}
.scene.s-ia .src i{width:18px;height:18px;border-radius:9px;background:#e8f0fe;color:#1a73e8;font:700 10px Arial;display:inline-flex;align-items:center;justify-content:center}
.scene.s-ia .saisie{position:absolute!important;left:12px;right:12px;bottom:22px;height:48px;display:flex;align-items:center;padding:0 8px 0 18px;font:14.5px "Segoe UI",Arial,sans-serif;color:#8e8e8e}
.scene.s-ia .saisie span{flex:1}
.scene.s-ia .saisie i{width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.scene.s-ia .saisie svg{width:16px;height:16px}
.scene.s-ia .barre{position:absolute!important;left:50%;bottom:7px;width:96px;height:4px;margin-left:-48px;border-radius:2px;background:#111;opacity:.85}
.scene.s-ia.portrait .nomia{top:60px;width:180px}
.scene.s-ia.portrait .nomia[data-i="0"]{left:30px}.scene.s-ia.portrait .nomia[data-i="1"]{left:210px}.scene.s-ia.portrait .nomia[data-i="2"]{left:390px}
.scene.s-ia.portrait .phone{left:142px!important;top:130px;width:316px;height:680px}
.scene.s-ia.portrait .fil{font-size:17px!important}

/* ——— 5. Refonte ——— */
.scene.s-refonte .nav{top:52px}
.scene .ancien{position:absolute!important;inset:0;background:linear-gradient(#d4d0c8,#bdb8ad);font-family:"Times New Roman",Times,serif;color:#000;padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.scene .ancien *{position:relative!important}
.scene .a-titre{font-size:30px;color:#0000ee;text-decoration:underline;text-align:center;font-weight:700;text-shadow:2px 2px 0 #fff}
.scene .a-defile{height:30px;overflow:hidden;background:#000080;color:#ffff00;font:700 16px "Comic Sans MS","Times New Roman",serif;white-space:nowrap}
.scene .a-defile span{position:absolute!important;top:5px;left:0}
.scene .a-corps{flex:1;display:flex;gap:18px}
.scene .a-menu{width:27%;background:#fff;border:3px outset #ddd;padding:12px;display:flex;flex-direction:column;gap:10px;font-size:17px;color:#0000ee}
.scene .a-texte{flex:1;background:#fffff0;border:3px inset #ddd;padding:16px;font-size:16px;line-height:1.4}
.scene .a-texte b{display:block;font-size:22px;color:#800000;margin-bottom:8px}
.scene .a-img{width:160px;height:96px;margin-top:14px;border:2px dashed #999;color:#999;display:flex;align-items:center;justify-content:center;font:13px Arial}
.scene .a-pied{font-size:12px;text-align:center;color:#333}
.scene.s-refonte .neuf{inset:0;background:#fff}
.scene.s-refonte .neuf>img{left:0;top:0;width:900px}
.scene.s-refonte .diag{left:70px;top:676px;width:900px;height:48px}
.scene.s-refonte .diag span{top:0;display:flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 8px;border-radius:22px;font-size:16px;font-weight:600;white-space:nowrap}
.scene.s-refonte .diag span *{position:static}
.scene.s-refonte .diag i{width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;color:#fff}
.scene.s-refonte .diag i svg{width:16px;height:16px}
.scene.s-refonte .mauvais{background:rgba(229,72,77,.16);color:#ffb4b6}
.scene.s-refonte .mauvais i{background:#e5484d}
.scene.s-refonte .bon{background:rgba(34,197,94,.16);color:#9ef0bc}
.scene.s-refonte .bon i{background:#22c55e}
.scene.s-refonte .diag [data-i="0"]{left:0}.scene.s-refonte .diag [data-i="1"]{left:300px}.scene.s-refonte .diag [data-i="2"]{left:600px}
.scene.s-refonte .leg{top:12px;font-size:20px}
.scene.s-refonte .l-apres{opacity:0}
.scene.s-refonte.portrait .nav{top:60px;height:520px}
.scene.s-refonte.portrait .vp{height:480px}
.scene.s-refonte.portrait .neuf>img{width:560px}
.scene.s-refonte.portrait .a-titre{font-size:22px}
.scene.s-refonte.portrait .a-menu{font-size:14px}
.scene.s-refonte.portrait .a-texte{font-size:14px}
.scene.s-refonte.portrait .diag{left:20px;top:604px;width:300px;height:170px}
.scene.s-refonte.portrait .diag span{left:0!important}
.scene.s-refonte.portrait .diag [data-i="1"]{top:58px}.scene.s-refonte.portrait .diag [data-i="2"]{top:116px}
.scene.s-refonte.portrait .leg{left:20px;top:18px}
.scene.s-refonte.portrait .tel{left:350px;top:430px}

/* ——— 6. Fiche Google ——— */
.scene .carte-g{left:70px;top:46px;width:470px;height:690px;border-radius:18px;background:#fff;color:#202124;font-family:Arial,Helvetica,sans-serif;overflow:hidden;box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 0 1px color-mix(in srgb,var(--cordeau-clair) 35%,transparent)}
.scene .cg-photo{height:210px;background:linear-gradient(135deg,var(--cordeau),var(--nuit-4));display:flex;align-items:center;justify-content:center;overflow:hidden}
.scene .cg-photo img{width:100%;height:100%;object-fit:cover}
.scene .cg-photo b{font:700 90px Arial;color:#fff}
.scene .cg-corps{padding:20px 24px}
.scene .cg-nom{font-size:28px;min-height:36px}
.scene .cg-note{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:15px;color:#4d5156}
.scene .cg-et i{font-style:normal;font-size:18px;color:#dadce0;display:inline-block}
.scene .cg-note a{color:#1a73e8}
.scene .cg-cat{font-size:15px;color:#4d5156;margin-top:4px}
.scene .cg-btn{display:flex;justify-content:space-between;margin:20px 6px 16px}
.scene .cg-btn span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:#1a73e8}
.scene .cg-btn i{width:48px;height:48px;border-radius:24px;background:#e8f0fe;display:flex;align-items:center;justify-content:center}
.scene .cg-btn svg{width:21px;height:21px;color:#1a73e8}
.scene .cg-infos{border-top:1px solid #dadce0;padding-top:10px}
.scene .cg-i{display:flex;gap:14px;padding:7px 0;font-size:15px}
.scene .cg-i b{width:92px;flex:none;color:#5f6368;font-weight:400}
.scene .cg-i em{font-style:normal;color:#188038}
.scene .cg-jauge{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:14px;color:#5f6368}
.scene .cg-jauge u{flex:1;height:8px;border-radius:4px;background:#e8eaed;overflow:hidden;text-decoration:none}
.scene .cg-jauge u i{display:block;height:100%;background:#1e8e3e;transform-origin:left}
.scene .cg-jauge b{width:44px;text-align:right}
.scene.s-fiche .avis{left:580px;top:60px;width:390px}
.scene .av{position:relative!important;display:flex;gap:14px;padding:16px 18px;margin-bottom:16px;border-radius:16px;background:rgba(250,250,252,.96);color:#202124;font-family:Arial,sans-serif;box-shadow:0 24px 44px -24px rgba(0,0,0,.85)}
.scene .av *{position:static}
.scene .av>i{width:40px;height:40px;border-radius:20px;background:#1f3a5f;color:#fff;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.scene .av b{font-size:15px}
.scene .av span{display:block;color:#fbbc04;font-size:14px;letter-spacing:1px;margin:2px 0 4px}
.scene .av p{font-size:14px;color:#3c4043;line-height:1.4}
.scene.s-fiche .appel{left:580px;top:470px;width:390px;height:82px;border-radius:20px;background:rgba(250,250,252,.96);color:#111;display:flex;align-items:center;gap:14px;padding:0 16px;box-shadow:0 24px 44px -20px rgba(0,0,0,.85)}
.scene.s-fiche .appel *{position:static}
.scene.s-fiche .appel i{width:44px;height:44px;border-radius:12px;background:var(--feu);color:#fff;display:flex;align-items:center;justify-content:center}
.scene.s-fiche .appel svg{width:22px;height:22px}
.scene.s-fiche .appel b{font-size:16px}
.scene.s-fiche .appel small{display:block;font-size:13px;font-weight:400;color:#55596b}
.scene.s-fiche .note{left:580px;top:700px}
.scene.s-fiche.portrait .carte-g{left:40px;top:30px;width:520px;height:640px}
.scene.s-fiche.portrait .cg-photo{height:180px}
.scene.s-fiche.portrait .avis{left:40px;top:690px;width:520px}
.scene.s-fiche.portrait .av:nth-child(3){display:none}
.scene.s-fiche.portrait .appel{left:60px;top:46px;width:480px;z-index:3}
.scene.s-fiche.portrait .note{left:420px;top:8px}

/* ——— 7. Image de marque ——— */
.scene .planche{left:70px;top:60px;width:900px;height:660px;border-radius:18px;background:#f6f4ef;color:#1d2433;overflow:hidden;box-shadow:0 50px 90px -30px rgba(0,0,0,.8)}
.scene .planche .grille{left:0;top:0}
.scene .mono{left:60px;top:56px;width:220px;height:220px}
.scene .mono .guide{fill:none;stroke:rgba(29,36,51,.3);stroke-width:1.5;stroke-dasharray:1}
.scene .mono .v{fill:none;stroke:#1f3a5f;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.scene .mot{left:320px;top:112px}
.scene .mot *{position:static}
.scene .mot small{white-space:nowrap}
.scene .mot span{display:block;font:500 58px/1.05 "Bodoni Moda",Georgia,serif;letter-spacing:-1.5px;min-height:62px;white-space:nowrap}
.scene .mot small{display:block;margin-top:10px;font-size:17px;color:#6b7183}
.scene .nuances{left:60px;top:340px;display:flex;gap:26px}
.scene .nuances div{position:relative;width:96px;font-size:13px}
.scene .nuances *{position:static}
.scene .nuances i{display:block;width:72px;height:72px;border-radius:36px;margin-bottom:10px;border:1px solid rgba(0,0,0,.1)}
.scene .nuances b{display:block;font-size:14px}
.scene .nuances small{color:#6b7183}
.scene .typos{left:540px;top:330px;display:flex;gap:40px}
.scene .typos div{position:relative}
.scene .typos *{position:static}
.scene .typos b{display:block;font-size:96px;line-height:1;font-weight:400}
.scene .typos .t-titre{font-family:"Bodoni Moda",Georgia,serif}
.scene .typos .t-texte{font-family:"Instrument Sans",Arial,sans-serif;font-weight:600}
.scene .typos small{font-size:14px;color:#6b7183}
.scene .carte-v{left:470px;top:480px;width:300px;height:168px;border-radius:12px;background:#1f3a5f;color:#f6f4ef;padding:22px 24px;box-shadow:0 30px 50px -20px rgba(0,0,0,.45)}
.scene .carte-v *{position:static}
.scene .carte-v svg{display:block;width:44px;height:44px;margin-bottom:18px}
.scene .carte-v path,.scene .avatar path{fill:none;stroke:#f2b134;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}
.scene .carte-v b{display:block;font:500 22px "Bodoni Moda",Georgia,serif}
.scene .carte-v small{font-size:13px;opacity:.75}
.scene .avatar{left:796px;top:508px;width:100px;height:100px;border-radius:50px;background:#1d2433;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #f6f4ef,0 0 0 7px #f2b134}
.scene .avatar svg{position:static;width:50px;height:50px}
.scene.s-branding.portrait .planche{left:30px;top:40px;width:540px;height:820px}
.scene.s-branding.portrait .mono{left:36px;top:40px;width:150px;height:150px}
.scene.s-branding.portrait .mot{left:210px;top:72px}
.scene.s-branding.portrait .mot span{font-size:38px}
.scene.s-branding.portrait .nuances{left:36px;top:250px;gap:16px}
.scene.s-branding.portrait .nuances div{width:104px}
.scene.s-branding.portrait .typos{left:36px;top:420px}
.scene.s-branding.portrait .carte-v{left:50px;top:600px}
.scene.s-branding.portrait .avatar{left:390px;top:640px}

/* ——— 8. Réseaux sociaux ——— */
.scene .phone-ig,.scene .phone-wa{left:110px;top:40px;width:340px;height:700px;border-radius:46px;padding:10px;background:var(--abime);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--cordeau-clair) 50%,transparent),0 50px 90px -30px rgba(0,0,0,.85)}
.scene .ig,.scene .wa{position:relative!important;width:100%;height:100%;border-radius:37px;overflow:hidden;background:#fff;color:#111;font-family:"Segoe UI",Arial,sans-serif;font-size:14px}
.scene .ig-tete{display:flex;align-items:center;gap:10px;padding:44px 14px 10px}
.scene .ig-tete i{width:34px;height:34px;border-radius:17px;background:#1f3a5f;color:#f2b134;font:700 16px Georgia;font-style:normal;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff,0 0 0 4px #d6249f}
.scene .ig-tete b{flex:1;font-size:14px}
.scene .ig-tete small{display:block;font-weight:400;font-size:12px;color:#737373}
.scene .ig-photo{position:relative!important;height:320px;background:#e9e2d8;overflow:hidden}
.scene .ig-photo img{width:100%;height:100%;object-fit:cover}
.scene .ig-photo .coeur-g{position:absolute!important;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.scene .ig-actions{display:flex;gap:16px;padding:12px 14px 6px}
.scene .ig-actions svg{width:26px;height:26px;fill:none;stroke:#111;stroke-width:1.9;stroke-linejoin:round}
.scene .ig-aime{padding:0 14px;font-size:14px}
.scene .ig-leg{padding:4px 14px 8px;font-size:14px;line-height:1.4;min-height:48px}
.scene .ig-comms{padding:0 14px}
.scene .ig-comms .cm{font-size:13.5px;padding:4px 0;color:#262626}
.scene .plan{left:540px;top:130px;width:420px;height:420px;border-radius:20px;background:color-mix(in srgb,var(--nuit-3) 85%,transparent);box-shadow:0 0 0 1px rgba(243,240,232,.12),0 40px 70px -30px rgba(0,0,0,.8);padding:26px}
.scene .plan *{position:static}
.scene .p-titre{font-size:20px;font-weight:600;margin-bottom:22px}
.scene .p-jours{display:flex;justify-content:space-between;margin-bottom:26px}
.scene .p-jours div{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--brume);font-size:14px}
.scene .p-jours i{width:40px;height:40px;border-radius:12px;border:1px dashed rgba(243,240,232,.2)}
.scene .p-jours i.post{background:var(--feu);border:0;box-shadow:0 0 18px -2px color-mix(in srgb,var(--feu) 70%,transparent)}
.scene .p-ligne{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid rgba(243,240,232,.1);font-size:15px}
.scene .p-ligne b{margin-left:auto;font-weight:600}
.scene .pastille{width:10px;height:10px;border-radius:5px;background:var(--cordeau)}
.scene.s-reseaux .note{left:540px;top:580px}
.scene.s-reseaux.portrait .phone-ig{left:130px;top:50px;height:740px}
.scene.s-reseaux.portrait .plan{display:none}
.scene.s-reseaux.portrait .note{left:130px;top:820px}

/* ——— 9. Maintenance de site ——— */
.scene .tableau{left:70px;top:60px;width:900px;height:660px;border-radius:18px;background:#fff;color:#202124;padding:30px 34px;box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 0 1px color-mix(in srgb,var(--cordeau-clair) 35%,transparent);font-family:"Instrument Sans",Arial,sans-serif}
.scene .tb-tete{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.scene .tb-tete b{font-size:22px}
.scene .tb-tete>span{color:#6b7183;font-size:15px}
.scene .tableau .etat{margin-left:auto;display:flex;align-items:center;gap:8px;font-style:normal;font-weight:600;font-size:14px;padding:8px 14px;border-radius:20px;background:rgba(242,153,0,.12);color:#b06f00}
.scene .tableau .etat i{width:8px;height:8px;border-radius:4px;background:currentColor}
.scene .tache{position:relative!important;display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #eceef0}
.scene .tache .rond{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex:none}
.scene .tache .rond svg{width:20px;height:20px}
.scene .tache>div{flex:1}
.scene .tache b{display:block;font-size:17px}
.scene .tache small{display:block;font-size:14px;color:#6b7183;margin-top:2px}
.scene .tache u{display:block;height:6px;border-radius:3px;background:#eceef0;margin-top:10px;overflow:hidden;text-decoration:none;max-width:420px}
.scene .tache s{display:block;height:100%;background:#1e8e3e;transform-origin:left;text-decoration:none}
.scene .tache .statut,.scene .tache .fait{position:absolute!important;right:0;top:50%;margin-top:-12px;font-size:15px;font-weight:600}
.scene .tache .statut{color:#b06f00}
.scene .tache .fait{color:#1e8e3e}
.scene .dispo{display:flex;align-items:flex-end;gap:24px;padding-top:20px;border-top:1px solid #eceef0}
.scene .dispo b{display:block;font-size:16px}
.scene .dispo small{font-size:13px;color:#6b7183}
.scene .barres{flex:1;display:flex;gap:5px;height:44px;align-items:flex-end}
.scene .barres i{flex:1;height:100%;border-radius:3px;background:#22c55e;transform-origin:bottom}
.scene.s-maintenance.portrait .tableau{left:20px;top:40px;width:560px;height:820px;padding:26px}
.scene.s-maintenance.portrait .tb-tete{flex-wrap:wrap}
.scene.s-maintenance.portrait .tableau .etat{margin-left:0}
.scene.s-maintenance.portrait .tache{padding:22px 0}
.scene.s-maintenance.portrait .tache u{max-width:300px}
.scene.s-maintenance.portrait .dispo{flex-direction:column;align-items:stretch}
.scene.s-maintenance.portrait .barres{flex:none;height:44px}

/* ——— 10. Support ——— */
.scene .wa{background:#efeae2}
.scene .wa-tete{display:flex;align-items:center;gap:10px;padding:44px 14px 12px;background:#008069;color:#fff}
.scene .wa-tete i{width:36px;height:36px;border-radius:18px;background:#f3f0e8;color:#070b1f;font:700 16px Georgia;font-style:normal;display:flex;align-items:center;justify-content:center}
.scene .wa-tete b{font-size:15px}
.scene .wa-tete small{display:block;font-weight:400;font-size:12px;opacity:.85}
.scene .wa-fil{padding:16px 12px;display:flex;flex-direction:column;gap:10px}
.scene .bul{max-width:84%;padding:8px 10px 6px;border-radius:10px;font-size:14px;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.scene .bul--moi{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
.scene .bul--ygrek{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.scene .bul time{display:block;text-align:right;font-size:11px;color:#667781;margin-top:2px}
.scene .bul s{text-decoration:none;color:#8696a0}
.scene .ecrit{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:#fff;border-radius:10px}
.scene .ecrit i{width:7px;height:7px;border-radius:4px;background:#8696a0}
.scene .wa-saisie{position:absolute!important;left:10px;right:10px;bottom:16px;height:44px;border-radius:22px;background:#fff;display:flex;align-items:center;padding:0 16px;color:#8696a0}
.scene .distance{left:440px;top:120px;width:540px;height:420px;border-radius:16px;overflow:hidden;background:#fff;color:#202124;box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 0 1px color-mix(in srgb,var(--cordeau-clair) 35%,transparent)}
.scene .ds-barre{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:var(--nuit-3);color:#f3f0e8;font-size:13px}
.scene .ds-barre i{width:10px;height:10px;border-radius:5px;background:var(--nuit-4)}
.scene .ds-barre span{margin-left:10px}
.scene .ds-ecran{position:relative!important;height:382px;background:#f1f3f6}
.scene .ds-ecran>*{position:absolute!important}
.scene .ds-app{left:20px;top:20px;width:500px;height:342px;border-radius:12px;background:#fff;padding:18px}
.scene .ds-app *{position:relative!important}
.scene .ds-app>b{display:block;font-size:17px;margin-bottom:12px}
.scene .ds-alerte{height:40px;border-radius:10px;background:rgba(229,72,77,.12);color:#c62828;font-size:14px;font-weight:600}
.scene .ds-alerte span{position:absolute!important;left:14px;top:11px}
.scene .ds-alerte .ok{opacity:0}
.scene .ds-mail{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eceef0}
.scene .ds-mail i{width:30px;height:30px;border-radius:15px;background:#e8f0fe}
.scene .ds-mail u{display:block;height:9px;border-radius:5px;background:#eceef0;text-decoration:none;width:120px}
.scene .ds-mail u+u{width:220px}
.scene .ds-reglage{left:250px;top:60px;width:260px;border-radius:12px;background:#fff;padding:18px;box-shadow:0 20px 40px -16px rgba(0,0,0,.35);font-size:13px}
.scene .ds-reglage *{position:relative!important}
.scene .ds-reglage b{display:block;font-size:15px;margin-bottom:10px}
.scene .ds-reglage div{margin-top:10px;color:#6b7183}
.scene .ds-reglage u{display:block;height:30px;border-radius:8px;border:1px solid #dadce0;margin-top:4px;transform-origin:left;text-decoration:none;background:linear-gradient(90deg,#e8f0fe 60%,transparent 60%)}
.scene .ds-reglage .ds-ok{display:inline-block;margin-top:14px;padding:8px 16px;border-radius:8px;background:#1a73e8;color:#fff;font-weight:600}
.scene.s-support.portrait .phone-wa{left:130px;top:50px;height:780px}

/* ——— 11. Parc et matériel ——— */
.scene .parc-tete{left:70px;top:64px;width:900px;display:flex;align-items:center;gap:16px}
.scene .parc-tete *{position:static}
.scene .parc-tete b{font:400 34px "Bodoni Moda",Georgia,serif}
.scene .parc-tete>span{color:var(--brume)}
.scene.s-parc .etat{margin-left:auto;display:flex;align-items:center;gap:8px;font-style:normal;font-weight:600;font-size:14px;padding:9px 16px;border-radius:20px;background:rgba(242,153,0,.14);color:#f2b134}
.scene.s-parc .etat i{width:8px;height:8px;border-radius:4px;background:currentColor}
.scene .grille-p{left:70px;top:150px;width:900px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.scene .grille-p *{position:static}
.scene .eq{position:relative!important;height:250px;border-radius:18px;background:color-mix(in srgb,var(--nuit-3) 85%,transparent);padding:24px 20px;display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(243,240,232,.1)}
.scene .eq .ic{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--cordeau) 14%,transparent);color:var(--cordeau-clair);display:flex;align-items:center;justify-content:center;margin-bottom:auto}
.scene .eq .ic svg{width:34px;height:34px}
.scene .eq b{font-size:17px;font-weight:600;margin-bottom:10px}
.scene .eq .st{position:relative!important;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--brume);height:20px}
.scene .eq .st i{width:9px;height:9px;border-radius:5px;background:#f29900}
.scene .eq .st em{font-style:normal}
.scene .eq .st .okv{position:absolute!important;left:17px;top:1px;color:#22c55e;opacity:0}
.scene.s-parc.portrait .parc-tete{left:20px;top:40px;width:560px;flex-wrap:wrap;gap:8px 16px}
.scene.s-parc.portrait .s-parc .etat,.scene.s-parc.portrait .etat{margin-left:0}
.scene.s-parc.portrait .grille-p{left:20px;top:170px;width:560px;grid-template-columns:repeat(2,1fr);gap:16px}
.scene.s-parc.portrait .eq{height:160px;padding:18px}
.scene.s-parc.portrait .eq .ic{width:48px;height:48px}
.scene .machine{left:70px;top:150px;width:520px;height:380px}
.scene .machine .pc{left:0;top:0;width:520px;height:377px}
.scene .machine .ecran-c{fill:var(--abime);stroke:var(--cordeau-clair);stroke-width:3;stroke-dasharray:1}
.scene .machine .dalle{fill:var(--abime)}
.scene .machine .socle{fill:var(--nuit-3);stroke:var(--cordeau-clair);stroke-width:3;stroke-dasharray:1}
.scene .bureau{left:73px;top:34px;width:374px;height:231px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f3f0e8}
.scene .bureau>b{position:absolute;font:500 70px "Bodoni Moda",Georgia,serif}
.scene .bureau>span{position:absolute;top:150px;font-size:16px;opacity:.8}
.scene .bureau .icones{left:20px;top:20px;display:grid;grid-template-columns:repeat(2,44px);gap:14px}
.scene .bureau .icones i{position:static;display:block;width:44px;height:44px;border-radius:10px;background:rgba(243,240,232,.18)}
.scene .bureau em{right:20px;bottom:18px;font-style:normal;font-weight:600;font-size:15px;padding:8px 14px;border-radius:18px;background:#22c55e;color:#06210f}
.scene .liste{left:640px;top:170px;width:340px}
.scene .et{position:relative!important;display:flex;align-items:center;gap:14px;height:64px;font-size:17px;border-bottom:1px solid rgba(243,240,232,.1)}
.scene .et *{position:static}
.scene .et i{width:34px;height:34px;border-radius:17px;display:flex;align-items:center;justify-content:center;flex:none}
.scene .et i svg{width:18px;height:18px}
.scene.s-parc.portrait .machine{left:40px;top:70px}
.scene.s-parc.portrait .liste{left:60px;top:500px;width:480px}

/* ——— 12. Automatisation par l'IA ——— */
.scene.s-automatisation .phases{left:70px;top:38px;width:900px;display:flex;gap:44px;font-size:17px;font-weight:600}
.scene.s-automatisation .phases span{position:static;display:flex;align-items:center;gap:10px;opacity:.45}
.scene.s-automatisation .phases i{position:static;width:9px;height:9px;border-radius:5px;background:var(--feu);box-shadow:0 0 12px var(--feu)}
.scene.s-automatisation .semaine{left:70px;top:100px;width:400px;height:620px;border-radius:18px;background:var(--nuit-3);padding:26px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 70px -30px rgba(0,0,0,.8)}
.scene.s-automatisation .sm-titre{font:400 28px "Bodoni Moda",Georgia,serif;margin-bottom:18px}
.scene.s-automatisation .sm-jours{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;font-size:13px;color:var(--brume);margin-bottom:10px}
.scene.s-automatisation .sm-grille{position:relative!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,98px);gap:8px}
.scene.s-automatisation .sm-grille i{position:relative!important;display:flex;align-items:flex-end;padding:6px;border-radius:10px;font-style:normal;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden;white-space:nowrap;letter-spacing:-.01em;min-width:0}
.scene.s-automatisation .adm{background:rgba(255,255,255,.08);color:var(--brume);border:1px solid rgba(255,255,255,.06)}
.scene.s-automatisation .libre{background:linear-gradient(160deg,color-mix(in srgb,var(--feu) 45%,transparent),color-mix(in srgb,var(--feu) 18%,transparent));color:var(--craie);border:1px solid color-mix(in srgb,var(--feu) 60%,transparent);box-shadow:0 0 24px -8px var(--feu)}
.scene.s-automatisation .sm-barres{margin-top:26px;display:grid;gap:14px}
.scene.s-automatisation .sm-barres div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;font-size:14px;color:var(--brume)}
.scene.s-automatisation .sm-barres u{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;text-decoration:none}
.scene.s-automatisation .sm-barres b{display:block;height:100%;transform-origin:left}
.scene.s-automatisation .b-adm{background:rgba(255,255,255,.35)}
.scene.s-automatisation .b-met{background:var(--feu)}
.scene.s-automatisation .atelier{left:510px;top:100px;width:460px;height:620px;border-radius:18px;background:rgba(255,255,255,.03);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.scene.s-automatisation .at-titre{left:30px;top:26px;width:400px;font:400 25px/1.2 "Bodoni Moda",Georgia,serif;color:var(--craie)}
.scene.s-automatisation .at-titre small{position:static;display:block;font:400 15px "Instrument Sans",Arial,sans-serif;color:var(--brume);margin-top:6px}
.scene.s-automatisation .diff{left:30px;width:400px;height:150px;border-radius:14px;padding:18px;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 30px -16px rgba(0,0,0,.7)}
.scene.s-automatisation .diff[data-i="0"]{top:100px}.scene.s-automatisation .diff[data-i="1"]{top:270px}.scene.s-automatisation .diff[data-i="2"]{top:440px}
.scene.s-automatisation .d-tete{position:relative!important;display:flex;align-items:flex-start;gap:12px}
.scene.s-automatisation .d-tete *{position:static}
.scene.s-automatisation .d-titre{flex:1;padding-right:104px;font:600 17px/1.3 "Segoe UI",Arial,sans-serif}
.scene.s-automatisation .d-note{width:30px;height:30px;border-radius:15px;background:var(--feu);color:#0a0a0b;display:flex;align-items:center;justify-content:center;flex:none}
.scene.s-automatisation .d-note svg{width:17px;height:17px}
.scene.s-automatisation .d-auto{position:absolute!important;right:0;top:0;font-style:normal;font-size:12px;font-weight:700;padding:5px 10px;border-radius:12px;background:var(--feu);color:#0a0a0b;opacity:0}
.scene.s-automatisation .d-etapes{position:relative!important;display:flex;align-items:center;gap:0;margin-top:22px}
.scene.s-automatisation .d-etapes span{position:static;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.scene.s-automatisation .d-etapes b{position:static;flex:1;height:2px;background:var(--feu);transform-origin:left;box-shadow:0 0 6px var(--feu)}
.scene.s-automatisation .d-jeton{top:101px;width:14px;height:14px;margin-left:-7px;border-radius:7px;background:var(--feu);box-shadow:0 0 16px 3px var(--feu);opacity:0}
.scene.s-automatisation .note{left:510px;top:735px}
.scene.s-automatisation.portrait .phases{left:30px;top:30px;width:540px;gap:18px;font-size:15px;flex-wrap:wrap}
.scene.s-automatisation.portrait .atelier{left:30px;top:80px;width:540px;height:560px}
.scene.s-automatisation.portrait .diff{width:480px;height:140px}
.scene.s-automatisation.portrait .diff[data-i="0"]{top:92px}.scene.s-automatisation.portrait .diff[data-i="1"]{top:246px}.scene.s-automatisation.portrait .diff[data-i="2"]{top:400px}
.scene.s-automatisation.portrait .at-titre{width:480px}
.scene.s-automatisation.portrait .semaine{left:30px;top:660px;width:540px;height:215px;padding:16px 18px}
.scene.s-automatisation.portrait .sm-titre{font-size:20px;margin-bottom:8px}
.scene.s-automatisation.portrait .sm-jours{display:none}
.scene.s-automatisation.portrait .sm-grille{grid-template-rows:repeat(3,30px);gap:5px}
.scene.s-automatisation.portrait .sm-grille i{font-size:10px;padding:3px 6px}
.scene.s-automatisation.portrait .sm-barres{margin-top:10px;gap:6px}
.scene.s-automatisation.portrait .note{left:30px;top:880px}