/* Accueil : promesse directe, deux liens utiles, photos de créations plutôt qu'un mini-cockpit. */
.home-hero .wrap.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,66px);align-items:center}
.home-hero{padding-block:clamp(32px,5vw,64px)}.home-hero-copy{min-width:0}.home-hero h1{font-size:clamp(2.8rem,5.05vw,4.25rem);line-height:1.07;letter-spacing:-.055em;max-width:14ch}.home-hero h1>span{display:block;color:var(--green)}.home-hero .lead{font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.7;max-width:43ch;margin-top:25px}.home-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.home-hero-ctas .btn{white-space:normal;min-height:52px;text-align:center}.home-hero-secondary{color:var(--ink);border:1px solid var(--ink);background:transparent}.home-hero-secondary:hover{background:#f0f4e8}
.home-hero-visual{margin:0;min-width:0}.home-visual-media{position:relative;min-width:0;padding:12px 0 96px 0}.home-visual-media:before{content:"";position:absolute;inset:0 18px 88px 12px;border:2px solid var(--orange);border-radius:26px;transform:rotate(-2deg);z-index:-1}.home-business-photo{display:block;width:100%;height:410px;object-fit:cover;object-position:center;border-radius:22px}.home-creation-output{position:absolute;right:16px;bottom:0;width:45%;max-width:255px;padding:13px;background:#fffaf1;border:1px solid #d8dacd;box-shadow:0 12px 30px #10201a20;border-radius:12px;transform:rotate(3deg)}.home-creation-output>img{display:block;width:100%;height:177px;object-fit:contain;background:#f6f3eb;border-radius:6px}.home-creation-output>p{font:800 .92rem/1.5 Manrope,Inter,sans-serif;margin-top:12px}.home-hero-visual>figcaption{font-size:.86rem;color:var(--muted);margin:22px 0 0}
.module-demo{margin:0;background:#eef3e7;padding:18px;border-bottom:1px solid #d3ddc9}.module-demo>figcaption{font:700 .84rem/1.5 Inter,sans-serif;margin:0 0 12px;color:var(--green)}.module-demo-stage{border:1px solid #b9cbae;border-radius:16px;background:#fffdf8;min-width:0;outline-offset:4px}.module-demo-stage:focus-visible{outline:3px solid var(--orange)}.module-demo-slide{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:390px;padding:20px 18px 22px;text-align:center}.module-demo-slide[hidden],.module-demo-controls[hidden]{display:none}.module-demo-context{font-size:.76rem;color:var(--muted);margin:0}.module-demo-art{display:block;width:100%;height:185px;flex:0 0 185px;max-width:320px;margin:8px 0 0}.module-demo-title{font:800 clamp(1.15rem,2vw,1.45rem)/1.3 Manrope,Inter,sans-serif;max-width:22ch;margin:0}.module-demo-lead{font-size:1rem;line-height:1.5;margin-top:12px;max-width:28ch}.module-demo-note{font-size:.85rem;line-height:1.55;color:var(--muted);margin-top:10px;max-width:30ch}.module-demo-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-width:0}.module-demo-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid #8aa37d;border-radius:9px;background:#fffdf8;color:var(--ink);font:700 .88rem Inter,sans-serif;cursor:pointer}.module-demo-controls button[data-module-pause]{min-width:94px}.module-demo-controls button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.module-demo-count{font:700 .78rem Inter,sans-serif;color:var(--muted);white-space:nowrap}.eco-module-choice>.module-demo{padding:18px}
.studio-option .studio-aide{background:#fffdf8}
@media(max-width:980px){.home-hero .wrap.home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.home-hero h1{font-size:clamp(2.6rem,4.8vw,3.55rem)}.home-business-photo{height:360px}.home-creation-output{right:10px;width:50%;padding:10px}.home-creation-output>img{height:140px}.home-creation-output>p{font-size:.83rem}.home-visual-media{padding-bottom:90px}.module-demo-slide{padding-inline:12px;min-height:390px}.module-demo-art{height:160px;flex-basis:160px}.module-demo-controls{gap:6px}.module-demo-controls button{padding:8px}.module-demo-controls button[data-module-pause]{min-width:82px}}
@media(max-width:680px){.home-hero .wrap.home-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.home-hero h1{font-size:clamp(2.9rem,9.6vw,4rem);max-width:17ch}.home-hero .lead{max-width:48ch}.home-hero-ctas{margin-top:24px}.home-hero-ctas .btn{flex:1 1 140px}.home-business-photo{height:340px}.home-visual-media{padding-bottom:92px;max-width:540px;margin:auto}.home-creation-output{right:16px;width:44%;max-width:225px}.home-creation-output>img{height:140px}.home-creation-output>p{font-size:.88rem}.home-hero-visual>figcaption{max-width:540px;margin:18px auto 0}.module-demo-slide{min-height:370px;padding:16px}.module-demo-art{height:165px;flex-basis:165px}.module-demo-title{font-size:1.3rem}.module-demo-controls{gap:10px}.module-demo-controls button[data-module-pause]{min-width:96px}}
@media(max-width:420px){.home-business-photo{height:290px}.home-creation-output{width:49%;right:8px}.home-hero h1{font-size:clamp(2.65rem,10.1vw,3.6rem)}.home-creation-output>img{height:126px}.module-demo-controls{gap:6px}.module-demo-count{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.home-creation-output,.module-demo *{animation:none!important;transition:none!important}}


[data-trio="recoloration"] .choix-nuances i:first-child{background:#b58636}
[data-trio="recoloration"] .choix-nuances i:nth-child(2){background:#205b67;box-shadow:0 0 0 2px #205b67}
/* Dossier et brouillons en taille de lecture ; les chiffres proviennent du jeu fixé. */
.agent-case{margin:0;background:#fff;border:1px solid #d2ddc8;border-radius:20px;padding:32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px 40px;align-items:start}
.agent-case>figcaption{grid-column:1/-1;color:var(--muted);font-size:.9rem;line-height:1.6}
.agent-case :is(h3,h4){letter-spacing:-.02em}.agent-case h3{font-size:1.03rem;color:var(--green);margin-bottom:20px}.agent-case h4{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.35;margin-bottom:18px}
.agent-case p,.agent-case li{font-size:1rem;line-height:1.75}.agent-case p+p{margin-top:14px}
.agent-case-request{border-left:3px solid var(--orange);padding:4px 0 4px 18px}
.agent-case-label{display:block;font-size:.83rem;font-weight:700;color:var(--green);margin-top:24px;margin-bottom:10px}
.agent-case-menu{margin:0;padding:0;list-style:none}.agent-case-menu li{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.agent-case-menu+ p{margin-top:14px;color:var(--muted)}
.agent-case-total{margin-top:24px;padding:20px;background:#edf3e6;border-radius:12px}.agent-case-total>p{font:800 clamp(1.25rem,2.1vw,1.6rem)/1.5 Manrope,Inter,sans-serif;margin-top:10px}.agent-case-total>small{display:block;color:var(--muted);font-size:.9rem;margin-top:8px;line-height:1.6}
.agent-case-goal{font:800 clamp(1.2rem,2vw,1.5rem)/1.5 Manrope,Inter,sans-serif}.agent-case-plan>ol{display:grid;gap:14px;margin:26px 0;padding-left:24px}.agent-case-plan .agent-case-approval{color:var(--muted);font-size:.94rem}
.agent-case-results{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px}.agent-case-drafts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.agent-case-drafts article{min-width:0;padding:28px;background:#faf8f3;border:1px solid #e0e2d8;border-radius:14px}.agent-case-drafts .agent-case-label{margin-top:0}.agent-case-drafts ul{padding-left:22px;margin:18px 0;display:grid;gap:12px}.agent-case-drafts aside{margin-top:24px;border-top:2px solid var(--orange);padding-top:18px}.agent-case-drafts aside>p{margin-top:12px}.agent-case-review{color:var(--muted);margin-top:22px}
@media(max-width:980px){.agent-case{grid-template-columns:minmax(0,1fr);padding:28px;gap:28px}.agent-case-context,.agent-case-plan,.agent-case-results{grid-column:auto;grid-row:auto}.agent-case-plan{border-top:1px solid var(--line);padding-top:26px}}
@media(max-width:680px){.agent-case{padding:20px}.agent-case-drafts{grid-template-columns:minmax(0,1fr)}.agent-case-drafts article{padding:22px}.agent-case h3{font-size:1rem}.agent-case h4{font-size:1.4rem}}
.cockpit-gallery-reference{max-width:85ch;font-size:.93rem;line-height:1.7;color:var(--muted);margin-bottom:24px}
.cockpit-gallery-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.cockpit-gallery-controls[hidden],.cockpit-capture-panel[hidden]{display:none!important}.cockpit-gallery-controls button{font:800 1.04rem Manrope,Inter,sans-serif;min-height:50px;padding:13px 24px;background:#fff;border:1px solid #bdcdb1;border-radius:30px;color:var(--ink);cursor:pointer}.cockpit-gallery-controls button[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff}.cockpit-gallery-controls button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.cockpit-capture-panel{min-width:0}.cockpit-capture-panel>h3{font:800 clamp(1.4rem,2.5vw,2rem)/1.3 Manrope,Inter,sans-serif}.cockpit-capture-panel>p{font-size:1.04rem;color:var(--muted);line-height:1.7;margin:14px 0 24px}.cockpit-capture-panel>figure{margin:0}.cockpit-capture-link{display:block;border:1px solid #cbd7c2;border-radius:14px;overflow:hidden;background:#faf8f3}.cockpit-capture-link>img{display:block;width:100%;height:auto;max-height:none}.cockpit-capture-panel figcaption>a{display:inline-block;min-height:44px;padding:12px 0;color:var(--green);font-weight:700;text-underline-offset:4px}
.cockpit-capture-steps{margin-top:24px}.cockpit-capture-steps h4{font-size:1.15rem}.cockpit-capture-steps>ol{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cockpit-capture-steps li{border-top:2px solid #cbd8bf;padding-top:18px;min-width:0}.cockpit-capture-steps li>span{display:block;color:var(--green);font:800 1.1rem Manrope,Inter,sans-serif;margin-bottom:12px}.cockpit-capture-steps h3{font-size:1.2rem}.cockpit-capture-steps h3+p{font-size:1rem;color:var(--muted);line-height:1.7;margin-top:8px}
@media(max-width:980px){.cockpit-capture-steps>ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.cockpit-gallery-controls{gap:8px}.cockpit-gallery-controls button{font-size:.98rem;padding:12px 16px}.cockpit-capture-steps>ol{grid-template-columns:minmax(0,1fr)}.cockpit-capture-link{border-radius:8px}}
.home-hero-status{margin-top:20px;color:var(--muted);font-size:.9rem;line-height:1.6}

/* Cartes de la même vitrine : résumé métier indépendant de l’aperçu. */
.v-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.v-module{border:1px solid #d9e2d4;border-radius:20px;background:#fff;padding:20px;min-width:0}
.v-module h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.v-ai{font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:30px;background:#d9ff57;color:#10201a;flex:none}
.v-module-media{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#f4f4ec}
.v-module-media>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-module-media>img[hidden]{display:none!important}
.v-module details{margin-top:15px;border-top:1px solid #e2e8dd;padding-top:12px}
.v-module:has(details[open]){grid-column:1/-1}
.v-module summary,.v-exploration>summary{cursor:pointer;font-weight:800;line-height:1.5}
.v-module summary:focus-visible,.v-exploration>summary:focus-visible{outline:3px solid #2c7a1c;outline-offset:5px;border-radius:3px}
.v-module details p,.v-module details li{font-size:1rem;line-height:1.65}
.v-module details ol{padding-left:22px}
.v-module-notice{padding:22px;border-left:4px solid #2c7a1c;background:#f2f6ed;line-height:1.75}
.v-exploration{margin:28px 0;padding:18px 0;border-top:1px solid #d9e2d4;border-bottom:1px solid #d9e2d4}
.v-exploration ul{columns:3;column-gap:28px;line-height:1.7;padding-left:22px}
.v-exploration li{break-inside:avoid;margin-bottom:5px}
.home-hero-copy h1>span{display:block}
@media(max-width:680px){.v-modules{grid-template-columns:1fr;gap:18px}.v-module{padding:16px}.v-exploration ul{columns:1}.v-module-media{aspect-ratio:16/10}}


/* Le panorama emploie de vraies captures : les fenêtres cadrent leurs pixels sans refaire l'interface. */
.home-panorama{margin:0;min-width:0;padding:20px;border:1px solid #31534b;border-radius:26px;background:linear-gradient(145deg,#132b24,#0a1714);color:#fff;box-shadow:0 22px 60px #10291f2b}
.home-panorama-vue{position:relative;aspect-ratio:1.15;min-width:0;overflow:hidden;border-radius:18px;background:#edf1e9}
.home-panorama-machines{height:100%;position:relative;padding:22px 28px;box-sizing:border-box}
.home-panorama-pc{position:absolute;left:5%;top:12%;width:80%;padding:9px;border-radius:14px;background:#15261f;box-shadow:0 14px 25px #0005}
.home-panorama-pc .home-panorama-fenetre{aspect-ratio:1080/750}
.home-panorama-tel{position:absolute;right:3%;bottom:5%;width:24%;padding:5px;border-radius:19px;background:#13271e;box-shadow:0 10px 20px #0005}
.home-panorama-tel .home-panorama-fenetre{aspect-ratio:390/844;border-radius:14px}
.home-panorama-fenetre{position:relative;overflow:hidden;background:#fff;border-radius:7px;min-width:0}
.home-panorama-fenetre img{position:absolute;width:100%;left:0;top:0;max-width:none;display:block;height:auto;object-fit:fill}
.home-panorama-photo{height:100%;width:100%;background:#f7f1e5}
.home-panorama-photo img{display:block;width:100%;height:100%;object-fit:contain}
.home-panorama [hidden]{display:none!important}
.home-panorama-choix{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.home-panorama-choix button{flex:1;min-width:90px;cursor:pointer;padding:10px 12px;border:1px solid #8ca89b;border-radius:12px;color:#fff;background:#153c2d;font:inherit;font-weight:700}
.home-panorama-choix button[aria-pressed=true]{color:#10221a;background:#dbff92;border-color:#dbff92}
.home-panorama-choix button:focus-visible,.home-panorama-studios:focus-visible{outline:3px solid #ff8b32;outline-offset:4px}
.home-panorama-choix button:disabled{cursor:wait;opacity:.7}
.home-panorama figcaption{display:grid;gap:5px;font-size:13px;line-height:1.5;color:#e0ece4}
.home-panorama figcaption strong{color:#ffab66;font-size:15px}
.home-panorama-studios{display:inline-block;color:#d8ff9d;margin-top:10px;font-weight:700}
.v-interface-example{margin:10px 0 0;color:#466057;font-size:12px;line-height:1.5}
.v-qr-public{display:grid;justify-items:center;gap:12px;color:#17392b;font-weight:700;overflow-wrap:anywhere}
.v-qr-public img{width:min(100%,260px);height:auto;aspect-ratio:1;background:white;border:16px solid white;box-sizing:border-box;image-rendering:pixelated}
@media(max-width:650px){.home-panorama{padding:13px;border-radius:20px}.home-panorama-vue{aspect-ratio:.95}.home-panorama-pc{top:18%;left:3%;width:79%;padding:5px}.home-panorama-tel{width:29%;right:2%;bottom:6%;padding:4px}.home-panorama-choix{gap:5px}.home-panorama-choix button{font-size:12px;padding:9px 6px;min-width:80px}.home-panorama figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-panorama *{transition:none!important}}