/* Diginative — page d’accueil, sections 02 à 06 et pied de page. Généré depuis maquettes-home/. */

/* ════════════════════════════ 02 · processus ════════════════════════════ */
.dn-process{
  --nuit:#050d18;--nuit-2:#081522;--encre:#101b27;--ligne:#26394b;
  --ivoire:#f8f6ef;--papier:#e8e5da;--texte:#f5f7f8;--doux:#adbac8;
  --jaune:#f1e91c;--bleu:#7fb0e8;--vert:#6fae7f;
  --pad:max(28px,calc((100% - 1580px)/2));--ease:cubic-bezier(.22,.61,.36,1);
  position:relative;background:var(--nuit);color:var(--texte);
  font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
.dn-process *{box-sizing:border-box}
.dnp-intro{text-align:center;position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:clamp(64px,6vw,96px) var(--pad) 0}
.dn-eyebrow{margin:0 0 20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--jaune)}
.dnp-intro h2{max-width:1000px;margin:0 auto 18px;font-size:clamp(36px,4.2vw,68px);font-weight:400;line-height:1.01;letter-spacing:-.052em;text-wrap:balance}
.dn-process h2 i,.dn-process h3 i{position:relative;color:transparent;font-style:normal}
.dn-process h2 i::after,.dn-process h3 i::after{content:'';position:absolute;left:50%;bottom:.17em;width:.14em;height:.14em;transform:translateX(-50%);border-radius:50%;background:var(--jaune)}
.dnp-lede{max-width:760px;margin:0 auto;color:#b6c2ce;font-size:clamp(15px,1.25vw,18px);line-height:1.58}
.dn-process-scroll{margin-top:clamp(-150px,-10svh,-80px);position:relative;z-index:1;height:560svh}
.dn-process-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 46%,#0c1b2b 0,#06111d 34%,#050d18 68%)}
.dnp-stage-wrap{width:100%;min-width:0;display:grid;grid-template-columns:minmax(330px,36fr) minmax(650px,64fr);gap:clamp(34px,4vw,76px);align-items:center;padding:42px var(--pad)}
.dnp-navigation{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:16px;margin-top:24px}
.dnp-navigation .dnp-stepper{margin-top:0}
.dnp-scroll-cue{display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;user-select:none}
.dnp-wheel-label{color:#91a7bc;font-size:9px;letter-spacing:.055em;white-space:nowrap;opacity:.85}
.dnp-scroll-cue.is-visible .dnp-wheel-label{animation:dnp-wheel-invite 2s ease-in-out 3}
.dnp-scroll-cue.has-scrolled .dnp-wheel-label{animation:none;opacity:.48;transition:opacity .6s}
.dnp-wheel-slot{width:34px;height:70px;padding:5px;border-radius:17px;background:#02070d;box-shadow:inset 0 3px 7px #000,0 1px 1px #263e52,0 -1px 8px #081a29}
.dnp-wheel-drum{position:relative;width:24px;height:60px;overflow:hidden;border-radius:10px;background:#101e2b;box-shadow:inset 1px 0 2px #425669,inset -2px 0 3px #000}
.dnp-wheel-ridges{position:absolute;inset:-8px 2px;background:repeating-linear-gradient(to bottom,#0a131d 0px,#152636 1px,#3b5265 2px,#263a4b 3px,#070e16 4px,#070e16 6px);transform:translateY(var(--wheel-offset,0px));will-change:transform}
.dnp-wheel-drum::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,rgba(0,4,9,.9),transparent 25%,rgba(90,117,140,.08) 42%,transparent 55%,rgba(0,4,9,.95)),linear-gradient(to right,rgba(0,3,7,.5),transparent 30%,transparent 65%,rgba(0,3,7,.75));box-shadow:inset 0 0 2px #3b5062}
.dnp-wheel-chevron{font-size:14px;line-height:8px;color:#577b9c;opacity:.7}
@keyframes dnp-wheel-invite{0%,100%{opacity:.55;transform:translateY(-2px)}50%{opacity:1;transform:translateY(1px)}}
.dnp-editorial{position:relative;z-index:4;min-width:0;max-width:510px}
.dnp-deck{display:grid;min-height:304px}
.dnp-copy{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .48s var(--ease),transform .48s var(--ease),visibility .48s}
.dnp-copy.is-on{opacity:1;visibility:visible;transform:none}
.dnp-counter{display:flex;align-items:center;gap:14px;margin:0 0 23px;color:var(--jaune);font-size:11px;letter-spacing:.19em;text-transform:uppercase}
.dnp-counter::before{content:'';width:38px;height:1px;background:var(--jaune)}
.dnp-title{max-width:500px;min-height:2.3em;margin:0 0 22px;font-size:clamp(34px,3.35vw,56px);font-weight:400;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.dnp-body{max-width:455px;min-height:4.6em;margin:0 0 24px;color:var(--doux);font-size:clamp(15px,1.12vw,18px);line-height:1.56}
.dnp-link{display:inline-flex;gap:9px;align-items:center;padding-bottom:4px;border-bottom:1px solid #526477;color:var(--texte);font-size:14px;text-decoration:none}
.dnp-link span{color:var(--jaune)}.dnp-link:hover{border-color:var(--jaune)}
.dnp-stepper{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:22px;padding-top:20px}
.dnp-stepper::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:#213141}
.dnp-stepper-fill{position:absolute;left:0;top:-1px;width:20%;height:2px;background:var(--jaune);transition:width .55s var(--ease)}
.dnp-stepper button{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 2px 0;border:0;background:none;color:#69798a;font:inherit;text-align:left;cursor:pointer}
.dnp-stepper em{color:#506278;font-size:10px;font-style:normal;letter-spacing:.08em}.dnp-stepper span{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis}
.dnp-stepper .is-active,.dnp-stepper .is-active em{color:var(--texte)}.dnp-stepper .is-active em{color:var(--jaune)}
[data-step="0"] .dnp-stepper-fill{width:20%}[data-step="1"] .dnp-stepper-fill{width:40%}[data-step="2"] .dnp-stepper-fill{width:60%}[data-step="3"] .dnp-stepper-fill{width:80%}[data-step="4"] .dnp-stepper-fill{width:100%}
.dnp-scene{position:relative;min-width:0;height:min(70svh,640px);min-height:560px;border:1px solid rgba(116,147,176,.18);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(13,29,45,.72),rgba(5,13,24,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.dnp-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(127,176,232,.07),transparent 48%);pointer-events:none}
.dnp-scene-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(91,121,149,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(91,121,149,.1) 1px,transparent 1px);background-size:16.666% 20%;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}
.dnp-view{position:absolute;inset:0;display:grid;padding:clamp(26px,3vw,48px);opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s var(--ease),transform .55s var(--ease),visibility .5s}
.dnp-view.is-on{opacity:1;visibility:visible;transform:none}
.dnp-k{display:block;color:#738399;font-size:10px;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}
.dnp-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--jaune);box-shadow:0 0 12px rgba(241,233,28,.5)}
.dnp-zone-title{margin:0 0 13px;color:#74859a;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.dnp-paper{color:var(--encre);border:1px solid rgba(255,255,255,.88);background:linear-gradient(145deg,#fbfaf5,#e9e6dc);box-shadow:0 22px 56px rgba(0,5,12,.27)}
.dnp-avatar{width:38px;height:38px;flex:0 0 38px;overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px rgba(241,233,28,.45)}.dnp-avatar img{width:100%;height:100%;object-fit:cover}

/* 01 — demande */
.dnp-view--request{place-items:center}
.dnp-request-card{position:relative;z-index:2;width:min(670px,78%);padding:28px 30px;border-radius:20px}
.dnp-request-card header{display:flex;justify-content:space-between}.dnp-request-card blockquote{margin:19px 0 22px;padding-left:17px;border-left:2px solid var(--jaune);font-size:clamp(18px,2vw,25px);line-height:1.38;letter-spacing:-.022em}.dnp-request-card footer{display:flex;justify-content:space-between;color:#75808c;font-size:12px}
.dnp-caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:#9b9300;animation:dnp-caret .75s steps(1) infinite}
.dnp-request-types{position:absolute;bottom:72px;display:flex;gap:9px}.dnp-request-types span{padding:8px 14px;border:1px solid #31475b;border-radius:999px;color:#90a1b2;font-size:11px;letter-spacing:.07em}
.dnp-orbit{position:absolute;border:1px solid rgba(127,176,232,.12);border-radius:50%}.dnp-orbit--one{width:610px;height:610px}.dnp-orbit--two{width:420px;height:420px}.dnp-orbit::after{content:'';position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--jaune)}

/* 02 — mémoire */
.dnp-view--memory{grid-template-columns:40% 18% 42%;align-items:center}
.dnp-source-stack{padding-right:20px}.dnp-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dnp-source{min-width:0;padding:17px 18px;border-radius:15px}.dnp-source strong{display:block;margin-top:8px;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.dnp-source small{display:block;margin-top:7px;color:#7a8791;font-size:11px}
.dnp-ingestion{display:flex;flex-direction:column;align-items:center;gap:7px;color:#a5b2bf;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.dnp-ingestion span{display:flex;align-items:center;gap:7px;white-space:nowrap}.dnp-ingestion span i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #425970;border-radius:50%;color:var(--jaune);font-size:7px;font-style:normal}.dnp-ingestion b{width:1px;height:21px;background:linear-gradient(var(--jaune),rgba(241,233,28,.12))}
.dnp-knowledge{padding-left:10px}.dnp-knowledge svg{width:100%;overflow:visible}.dnp-net-lines path{fill:none;stroke:#536f89;stroke-width:1.5;opacity:.75}.dnp-net-lines .minor{stroke-dasharray:4 7;opacity:.3}.dnp-net-signal circle{fill:var(--jaune);filter:drop-shadow(0 0 5px rgba(241,233,28,.75))}.dnp-net-nodes circle{fill:#102439;stroke:#68839e;stroke-width:1.4}.dnp-net-nodes .core{fill:#13263b;stroke:var(--jaune);stroke-width:1.5;filter:drop-shadow(0 0 12px rgba(241,233,28,.12))}.dnp-net-labels text{fill:#dce5ed;font-size:9px;text-anchor:middle;font-family:inherit;font-weight:500}.dnp-net-labels .core-label{fill:#fff;font-size:11px;font-weight:600}

/* 03 — contexte */
.dnp-view--context{grid-template-columns:55% 45%;grid-template-rows:104px 96px 1fr 58px;column-gap:18px;row-gap:18px;justify-items:center}
.dnp-context-request{grid-column:1/-1;grid-row:1;z-index:4;width:min(690px,84%);align-self:start;display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:17px;text-align:left}.dnp-client-avatar{width:52px;height:52px;flex:0 0 52px;overflow:hidden;border:2px solid #9aadbf;border-radius:50%;box-shadow:0 0 0 4px rgba(127,176,232,.13)}.dnp-client-avatar img{display:block;width:100%;height:100%;object-fit:cover}.dnp-context-request-copy{min-width:0}.dnp-context-request strong{display:block;margin-top:7px;font-size:16px;line-height:1.35}
.dnp-rag-query{grid-column:1/-1;grid-row:2;z-index:4;position:relative;align-self:center;width:min(440px,56%);padding:14px 52px;border:1px solid rgba(127,176,232,.48);border-radius:15px;background:#0d2032;text-align:center}.dnp-rag-query .dnp-k{color:#91aac2}.dnp-rag-query strong{display:block;margin:7px 0 4px;font-size:15px}.dnp-rag-query strong i{color:var(--jaune);font-style:normal}.dnp-rag-query small{color:#8193a5;font-size:10px}
.dnp-gear{position:absolute;left:17px;top:50%;display:grid;width:30px;height:30px;place-items:center;border:1px solid #486a8c;border-radius:50%;color:var(--bleu);font-size:15px;font-style:normal;transform:translateY(-50%);transform-origin:50% 50%}
.dnp-context-wires{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.dnp-context-wires path{fill:none;stroke:var(--bleu);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:4 7;vector-effect:non-scaling-stroke;opacity:.92}.dnp-context-wires .dnp-context-feed{stroke:var(--bleu);stroke-width:2.4;stroke-dasharray:none;opacity:1}.dnp-context-node{fill:var(--bleu);stroke:#17324c;stroke-width:2;filter:drop-shadow(0 0 7px rgba(127,176,232,.72))}.dnp-context-anchor{fill:var(--bleu);stroke:#17324c;stroke-width:1.8;filter:drop-shadow(0 0 5px rgba(127,176,232,.7))}.dnp-context-anchor--blue{fill:var(--bleu)}
.dnp-rag-primary{grid-column:1;grid-row:3;z-index:4;width:88%;align-self:center;display:grid;grid-template-columns:minmax(105px,36%) minmax(0,1fr);gap:18px;align-items:center;padding:16px;border-radius:18px;border-color:rgba(241,233,28,.82);box-shadow:0 18px 42px rgba(0,5,12,.3),0 0 0 1px rgba(241,233,28,.12)}.dnp-product-visual{display:block;align-self:stretch;min-height:116px;overflow:hidden;border:1px solid rgba(16,27,39,.09);border-radius:13px;background:#f6f2ea}.dnp-product-visual img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.dnp-product-copy{display:block;min-width:0}.dnp-rag-primary strong{display:block;margin:11px 0 6px;font-size:23px}.dnp-rag-primary small{color:#667481;font-size:12px}.dnp-score{float:right;padding:4px 7px;border-radius:999px;background:#dadc81;color:#43420b;font-size:9px;font-weight:700}
.dnp-rag-secondary{grid-column:2;grid-row:3;z-index:4;width:100%;align-self:center;display:grid;gap:10px}.dnp-rag-secondary .dnp-source{border-color:rgba(241,233,28,.48);box-shadow:0 15px 34px rgba(0,5,12,.24)}.dnp-rag-secondary .dnp-score{margin-left:8px}.dnp-rag-secondary strong{font-size:13px}.dnp-rag-secondary small{font-size:10px}
.dnp-match{grid-column:1/-1;grid-row:4;z-index:4;align-self:end;padding:9px 22px;border:1px solid rgba(241,233,28,.42);border-radius:999px;background:#0c1b2a;text-align:center}.dnp-match span{display:block;color:#f2f4f5;font-size:12px}.dnp-match small{color:#8291a2;font-size:9px}

/* 04 — outils */
.dnp-view--tools{grid-template-columns:30% 40% 30%;align-items:center}
.dnp-tools-memory,.dnp-tools-live{position:relative;z-index:2;display:grid;height:300px;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.dnp-tools-memory{padding-right:28px}.dnp-tools-live{padding-left:28px}
.dnp-tools-memory .dnp-zone-title,.dnp-tools-live .dnp-zone-title{position:absolute;left:0;top:-36px;margin:0;white-space:nowrap}.dnp-tools-live .dnp-zone-title{left:28px}
.dnp-thought{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:14px}.dnp-thought>em{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border:1px solid #a7a66b;border-radius:50%;color:#77720b;font-size:9px;font-style:normal}.dnp-thought span{display:flex;min-width:0;flex-direction:column;gap:4px}.dnp-thought small{color:#788693;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.dnp-thought strong{font-size:12.5px;line-height:1.25}
.dnp-thought,.dnp-live-card{height:100%}.dnp-live-card{display:flex;flex-direction:column;justify-content:center;padding:14px 18px;border:1px solid #4d6b88;border-radius:15px;background:linear-gradient(145deg,#14283c,#0b1b2b);box-shadow:0 18px 38px rgba(0,5,12,.2)}.dnp-live-card .dnp-k{color:#86a5c4}.dnp-live-card strong{display:block;margin-top:7px;font-size:15px}.dnp-live-card small{display:block;margin-top:5px;color:#8fa4b9;font-size:11px}
.dnp-context-hub{z-index:3;justify-self:center;width:210px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(241,233,28,.58);border-radius:50%;background:radial-gradient(circle,#14243a,#081522 72%);box-shadow:0 0 0 15px rgba(241,233,28,.035),0 0 55px rgba(127,176,232,.09);text-align:center}.dnp-context-hub .dnp-k{color:var(--jaune)}.dnp-context-hub strong{margin:12px 0 10px;font-size:18px;line-height:1.25}.dnp-context-hub small{color:#8496a8;font-size:11px}
.dnp-tools-wires{position:absolute;inset:0;width:100%;height:100%}.dnp-tools-wires path{fill:none;stroke-width:2;stroke-dasharray:5 8}.dnp-tools-wires .knowledge{stroke:var(--jaune);opacity:.55}.dnp-tools-wires .live{stroke:var(--bleu);opacity:.72}

/* 05 — résultat */
.dnp-view--result{grid-template-columns:56% 8% 36%;grid-template-rows:76px 1fr;align-items:center}
.dnp-context-ribbon{grid-column:1/-1;align-self:start;justify-self:center;display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid #30465b;border-radius:14px;background:rgba(9,23,36,.9);font-size:12px}.dnp-context-ribbon span{display:flex;align-items:center;gap:8px;color:#e4eaf0}.dnp-context-ribbon small{color:#8192a3;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.dnp-context-ribbon i{width:30px;height:1px;background:#51677d}.dnp-context-ribbon strong{color:var(--jaune);font-size:12px}
.dnp-result-stack{grid-column:1;grid-row:2;z-index:2;align-self:center}.dnp-answer{padding:20px 23px;border-radius:19px}.dnp-answer header{display:flex;justify-content:space-between}.dnp-answer h4{margin:11px 0 6px;font-size:20px;letter-spacing:-.025em}.dnp-answer>p{margin:0 0 12px;color:#5f6c79;font-size:12.5px;line-height:1.45}.dnp-price{display:flex;align-items:center;gap:13px;margin:12px 0;padding:10px 12px;border-radius:11px;background:#deddd4}.dnp-price span{display:flex;flex:1;flex-direction:column;gap:3px}.dnp-price small{color:#6e7a84;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.dnp-price strong{font-size:14px}.dnp-price i{width:1px;height:28px;background:#c3c3ba}.dnp-config-link{display:flex;justify-content:space-between;color:#172433;font-size:11px;font-weight:600;text-decoration:none}.dnp-config-link span{color:#77720b}
.dnp-actions{display:grid;gap:7px;margin-top:8px}.dnp-action{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #38516a;border-radius:13px;background:#0b1b2b}.dnp-action>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.dnp-action strong{font-size:11.5px}.dnp-action small{color:#8da0b4;font-size:9.5px;line-height:1.3}.dnp-action b,.dnp-action em{margin-left:auto;white-space:nowrap;font-size:9px;font-style:normal}.dnp-action b{padding:8px 10px;border-radius:8px;background:var(--jaune);color:#11170e}.dnp-action--notify{border-color:#416a50}.dnp-action--notify>i{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:#2f7042;color:#fff;font-size:12px;font-style:normal}.dnp-action--notify em{color:#8fd09d}
.dnp-handoff{grid-column:2;grid-row:2;position:relative;width:100%;height:1px;background:var(--jaune)}.dnp-handoff::after{content:'';position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:1px solid var(--jaune);border-right:1px solid var(--jaune);transform:rotate(45deg)}.dnp-handoff i{position:absolute;left:15%;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--jaune)}
.dnp-lea-window{grid-column:3;grid-row:2;z-index:2;margin:0;overflow:hidden;border:1px solid #46617d;border-radius:18px;background:#f8f8f5;color:#16202a;box-shadow:0 24px 55px rgba(0,5,12,.35)}.dnp-window-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#102033;color:#8ca0b4}.dnp-window-bar i{width:7px;height:7px;border-radius:50%;background:#58708a}.dnp-window-bar span{margin-left:7px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.dnp-window-bar small{margin-left:auto;font-size:9px}
.dnp-lea-window .dnp-lea-head{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#3f784b;color:#fff}.dnp-lea-window .dnp-lea-head span:nth-child(2){display:flex;flex-direction:column}.dnp-lea-window .dnp-lea-head strong{font-size:13px}.dnp-lea-window .dnp-lea-head small{font-size:10px;opacity:.8}.dnp-lea-window .dnp-lea-head em{margin-left:auto;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.14);font-size:8px;font-style:normal}
.dnp-lea-window blockquote{margin:12px 13px 7px;padding:8px 9px;border-radius:10px;background:#ebeeea;color:#44515b;font-size:10px;line-height:1.35}.dnp-lea-window>p{margin:0 13px 9px;color:#4c5965;font-size:10.5px;line-height:1.42}.dnp-lea-window>p strong{color:#347043}.dnp-lea-window>a{display:flex;margin:0 13px 12px;padding:9px 10px;border-radius:9px;background:#3f784b;color:#fff;font-size:10px;font-weight:600;text-decoration:none}.dnp-lea-window figcaption{display:flex;flex-direction:column;gap:3px;padding:9px 13px;border-top:1px solid #dfe3e5;color:#617286;font-size:9px}.dnp-lea-window figcaption span{color:#3f784b}.dnp-lea-window figcaption strong{color:#34434f;font-size:9.5px}

[data-step="0"] .dnp-orbit--one,[data-step="0"] .dnp-orbit--two{animation:dnp-orbit 16s linear infinite}

/* Chaque tableau se construit dans l'ordre où le raisonnement est compris. */
.dnp-view--memory .dnp-source,.dnp-view--memory .dnp-ingestion,.dnp-view--memory .dnp-knowledge,
.dnp-view--context .dnp-context-request,.dnp-view--context .dnp-rag-query,.dnp-view--context .dnp-context-wires,.dnp-view--context .dnp-rag-primary,.dnp-view--context .dnp-rag-secondary>.dnp-source,.dnp-view--context .dnp-match,
.dnp-view--tools .dnp-zone-title,.dnp-view--tools .dnp-thought,.dnp-view--tools .dnp-context-hub,.dnp-view--tools .dnp-tools-wires,.dnp-view--tools .dnp-live-card,
.dnp-view--result .dnp-context-ribbon,.dnp-view--result .dnp-answer,.dnp-view--result .dnp-action,.dnp-view--result .dnp-handoff,.dnp-view--result .dnp-lea-window{opacity:0}

.dnp-view--memory.is-on .dnp-source:nth-child(1){animation:dnp-enter-up .42s var(--ease) .06s both}
.dnp-view--memory.is-on .dnp-source:nth-child(2){animation:dnp-enter-up .42s var(--ease) .16s both}
.dnp-view--memory.is-on .dnp-source:nth-child(3){animation:dnp-enter-up .42s var(--ease) .26s both}
.dnp-view--memory.is-on .dnp-source:nth-child(4){animation:dnp-enter-up .42s var(--ease) .36s both}
.dnp-view--memory.is-on .dnp-ingestion{animation:dnp-enter-up .5s var(--ease) .7s both}
.dnp-view--memory.is-on .dnp-knowledge{animation:dnp-enter-right .62s var(--ease) 1.08s both}

.dnp-view--context.is-on .dnp-context-request{animation:dnp-enter-up .46s var(--ease) .04s both}
.dnp-view--context.is-on .dnp-rag-query{animation:dnp-enter-up .46s var(--ease) .4s both}
.dnp-view--context.is-on .dnp-gear{animation:dnp-gear-spin 7s linear .85s infinite}
.dnp-view--context.is-on .dnp-context-wires{animation:dnp-fade .38s ease .72s both}
.dnp-view--context.is-on .dnp-context-wires path{animation:dnp-flow 2.1s linear .8s infinite}
.dnp-view--context.is-on .dnp-rag-primary{animation:dnp-enter-left .5s var(--ease) .9s both}
.dnp-view--context.is-on .dnp-rag-secondary>.dnp-source:nth-child(1){animation:dnp-enter-right .48s var(--ease) 1.08s both}
.dnp-view--context.is-on .dnp-rag-secondary>.dnp-source:nth-child(2){animation:dnp-enter-right .48s var(--ease) 1.25s both}
.dnp-view--context.is-on .dnp-match{animation:dnp-enter-up .45s var(--ease) 1.52s both}

.dnp-view--tools.is-on .dnp-tools-memory .dnp-zone-title{animation:dnp-fade .35s ease .02s both}
.dnp-view--tools.is-on .dnp-thought:nth-child(2){animation:dnp-enter-left .43s var(--ease) .08s both}
.dnp-view--tools.is-on .dnp-thought:nth-child(3){animation:dnp-enter-left .43s var(--ease) .22s both}
.dnp-view--tools.is-on .dnp-thought:nth-child(4){animation:dnp-enter-left .43s var(--ease) .36s both}
.dnp-view--tools.is-on .dnp-context-hub{animation:dnp-enter-up .52s var(--ease) .7s both}
.dnp-view--tools.is-on .dnp-tools-wires{animation:dnp-fade .38s ease .92s both}
.dnp-view--tools.is-on .dnp-tools-wires path{animation:dnp-flow 2.1s linear 1s infinite}
.dnp-view--tools.is-on .dnp-tools-live .dnp-zone-title{animation:dnp-fade .35s ease 1.02s both}
.dnp-view--tools.is-on .dnp-live-card:nth-child(2){animation:dnp-enter-right .43s var(--ease) 1.08s both}
.dnp-view--tools.is-on .dnp-live-card:nth-child(3){animation:dnp-enter-right .43s var(--ease) 1.23s both}
.dnp-view--tools.is-on .dnp-live-card:nth-child(4){animation:dnp-enter-right .43s var(--ease) 1.38s both}

.dnp-view--result.is-on .dnp-context-ribbon{animation:dnp-enter-up .42s var(--ease) .03s both}
.dnp-view--result.is-on .dnp-answer{animation:dnp-enter-left .5s var(--ease) .3s both}
.dnp-view--result.is-on .dnp-action:nth-child(1){animation:dnp-enter-left .44s var(--ease) .72s both}
.dnp-view--result.is-on .dnp-action:nth-child(2){animation:dnp-enter-left .44s var(--ease) .96s both}
.dnp-view--result.is-on .dnp-handoff{animation:dnp-fade .34s ease 1.22s both}
.dnp-view--result.is-on .dnp-handoff i{animation:dnp-handoff 1.8s ease-in-out 1.35s infinite}
.dnp-view--result.is-on .dnp-lea-window{animation:dnp-enter-right .56s var(--ease) 1.42s both}

@keyframes dnp-orbit{to{transform:rotate(360deg)}}
@keyframes dnp-caret{50%{opacity:0}}
@keyframes dnp-flow{to{stroke-dashoffset:-52}}
@keyframes dnp-handoff{0%,100%{left:12%;opacity:.2}50%{left:78%;opacity:1}}
@keyframes dnp-enter-up{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dnp-enter-left{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes dnp-enter-right{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes dnp-fade{from{opacity:0}to{opacity:1}}
@keyframes dnp-gear-spin{to{transform:translateY(-50%) rotate(360deg)}}

@media(max-width:1180px){
  .dnp-stage-wrap{grid-template-columns:minmax(280px,35fr) minmax(560px,65fr);gap:28px}
  .dnp-scene{min-height:520px}.dnp-view{padding:26px}.dnp-title{font-size:clamp(30px,3.3vw,44px)}
  .dnp-source{padding:13px}.dnp-context-hub{width:170px;height:170px}.dnp-lea-window>p{font-size:9.8px}.dnp-action small{font-size:8.8px}
}
@media(max-width:900px){
  .dn-process-scroll{height:auto;margin-top:0}.dn-process-pin{position:static;height:auto;overflow:visible;padding-bottom:60px}
  .dnp-scroll-cue{display:none}.dnp-navigation{grid-template-columns:1fr}
  .dnp-stage-wrap{grid-template-columns:1fr;gap:28px;padding:34px var(--pad) 0}.dnp-editorial{max-width:none}.dnp-deck{min-height:240px}
  .dnp-title,.dnp-body{min-height:0}.dnp-scene{height:620px;min-height:0}.dnp-view{padding:28px}
}
@media(max-width:660px){
  .dnp-intro{padding-top:64px}.dnp-deck{min-height:290px}.dnp-title{font-size:34px}.dnp-body{font-size:15px}
  .dnp-stepper span{display:none}.dnp-stepper button{align-items:center}.dnp-stepper em{font-size:11px}
  .dnp-scene{height:790px;border-radius:20px}.dnp-view{padding:20px}
  .dnp-request-card{width:100%;padding:22px}.dnp-request-card blockquote{font-size:18px}.dnp-request-types{bottom:90px}
  .dnp-view--memory{grid-template-columns:1fr;grid-template-rows:auto 64px 1fr;align-items:start}.dnp-source-stack{padding:0}.dnp-source-grid{gap:8px}.dnp-ingestion{flex-direction:row;justify-content:center;gap:4px}.dnp-ingestion b{width:16px;height:1px}.dnp-ingestion span{gap:3px;font-size:7px}.dnp-ingestion span i{width:18px;height:18px;font-size:6px}.dnp-knowledge{padding:0}.dnp-knowledge svg{height:230px}
  .dnp-view--context{grid-template-columns:1fr;grid-template-rows:112px 92px auto auto 52px;gap:10px}.dnp-context-request,.dnp-rag-query,.dnp-rag-primary,.dnp-rag-secondary{grid-column:1;width:100%}.dnp-context-request{grid-row:1;padding:13px}.dnp-client-avatar{width:40px;height:40px;flex-basis:40px}.dnp-context-request strong{font-size:13px}.dnp-rag-query{grid-row:2}.dnp-rag-primary{grid-row:3;grid-template-columns:112px minmax(0,1fr)}.dnp-product-visual{min-height:100px}.dnp-rag-secondary{grid-row:4;grid-template-columns:1fr 1fr}.dnp-match{grid-row:5}.dnp-context-wires{display:none}
  .dnp-view--tools{grid-template-columns:1fr 104px 1fr}.dnp-tools-memory{padding-right:6px}.dnp-tools-live{padding-left:6px}.dnp-thought{padding:9px 8px;gap:7px}.dnp-thought>em{display:none}.dnp-thought strong,.dnp-live-card strong{font-size:10px}.dnp-thought small,.dnp-live-card small{font-size:7.5px}.dnp-live-card{padding:10px 8px}.dnp-context-hub{width:100px;height:100px}.dnp-context-hub .dnp-k{font-size:7px}.dnp-context-hub strong{margin:7px 0 5px;font-size:10px}.dnp-context-hub small{font-size:7px}.dnp-tools-wires{display:none}
  .dnp-view{min-width:0;overflow:hidden}
  .dnp-view--result{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:10px;align-content:start}.dnp-context-ribbon{grid-row:1;width:100%;max-width:100%;justify-content:center;gap:7px;white-space:nowrap}.dnp-context-ribbon i,.dnp-context-ribbon small{display:none}.dnp-result-stack{grid-column:1;grid-row:2;min-width:0}.dnp-handoff{display:none}.dnp-lea-window{grid-column:1;grid-row:3;min-width:0}.dnp-answer{min-width:0;padding:15px}.dnp-answer h4{font-size:17px}.dnp-answer>p{font-size:11px}.dnp-price{margin:9px 0;padding:8px}.dnp-actions{gap:5px;margin-top:5px}.dnp-action{padding:8px}.dnp-action .dnp-avatar{width:30px;height:30px;flex-basis:30px}.dnp-action b{font-size:0;padding:7px}.dnp-action b::after{content:'→';font-size:11px}.dnp-lea-window>p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .dnp-copy,.dnp-view,.dnp-stepper-fill{transition:none!important}.dnp-orbit,.dnp-caret,.dnp-context-wires path,.dnp-tools-wires path,.dnp-handoff i,.dnp-gear,.dnp-wheel-label{animation:none!important}.dnp-net-signal{display:none}
  .dnp-view--memory .dnp-source,.dnp-view--memory .dnp-ingestion,.dnp-view--memory .dnp-knowledge,.dnp-view--context .dnp-context-request,.dnp-view--context .dnp-rag-query,.dnp-view--context .dnp-context-wires,.dnp-view--context .dnp-rag-primary,.dnp-view--context .dnp-rag-secondary>.dnp-source,.dnp-view--context .dnp-match,.dnp-view--tools .dnp-zone-title,.dnp-view--tools .dnp-thought,.dnp-view--tools .dnp-context-hub,.dnp-view--tools .dnp-tools-wires,.dnp-view--tools .dnp-live-card,.dnp-view--result .dnp-context-ribbon,.dnp-view--result .dnp-answer,.dnp-view--result .dnp-action,.dnp-view--result .dnp-handoff,.dnp-view--result .dnp-lea-window{opacity:1!important;transform:none!important}
}

/* ════════════════════════════ 03 · réalisations ════════════════════════════ */
/* ============================================================================
   Diginative — Section 03 · Réalisations
   Trois environnements, une grammaire commune : plaque logo + qualification,
   un écran principal dominant, un seul écran secondaire relié au cas d'usage,
   un bénéfice, un CTA. Couleurs des interfaces préservées.
   ==========================================================================*/

.dn-projects{
  --nuit:#050d17; --ligne:#263547; --texte:#f4f5f2; --doux:#9aa9ba; --gris:#718195;
  --jaune:#f1e91c;
  --pad:max(28px,calc((100% - 1580px)/2));
  --ease:cubic-bezier(.22,.61,.36,1);
  --t:.55s;
  position:relative;overflow:hidden;
  padding:clamp(64px,7vw,110px) var(--pad) clamp(56px,6vw,96px);
  background:radial-gradient(circle at 82% 42%,rgba(43,78,111,.16),transparent 40%),var(--nuit);
  color:var(--texte);
  font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.dn-projects *{box-sizing:border-box}
.dn-projects::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.26;
  background-image:linear-gradient(rgba(120,153,185,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,153,185,.055) 1px,transparent 1px);
  background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000)}

/* En-tête */
.dn-projects-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:clamp(30px,3.6vw,50px)}
.dn-projects-head .dn-eyebrow{margin:0 0 14px;color:var(--jaune);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.dn-projects-head h2{margin:0;font-size:clamp(38px,5vw,76px);font-weight:400;line-height:.98;letter-spacing:-.055em}
.dn-projects-head h2 i{color:transparent;position:relative;font-style:normal}
.dn-projects-head h2 i::after{content:'';position:absolute;left:50%;bottom:.16em;transform:translateX(-50%);width:.13em;height:.13em;border-radius:50%;background:var(--jaune)}
.dn-projects-intro{max-width:480px;margin:0 0 4px;color:var(--doux);font-size:16px;line-height:1.55}

/* Établi */
.dn-workbench{position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,.68fr) minmax(560px,1.32fr);gap:clamp(28px,3vw,46px);align-items:start}
.dn-rail{border-top:1px solid var(--ligne)}
.dn-tab{appearance:none;width:100%;display:grid;grid-template-columns:40px 1fr 22px;gap:12px;align-items:start;
  padding:22px 4px;border:0;border-bottom:1px solid var(--ligne);color:var(--texte);background:transparent;text-align:left;cursor:pointer;font:inherit;
  transition:padding-left .35s var(--ease),background-color .35s var(--ease)}
.dn-tab:hover,.dn-tab[aria-selected="true"]{padding-left:15px;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent)}
.dn-tab:focus-visible{outline:2px solid var(--jaune);outline-offset:-2px}
.dn-tab-num{font-size:11px;color:var(--gris);letter-spacing:.14em;padding-top:5px}
.dn-tab[aria-selected="true"] .dn-tab-num{color:var(--jaune)}
.dn-tab-copy strong{display:block;font-size:19px;font-weight:600;letter-spacing:-.025em}
.dn-tab-copy span{display:block;margin-top:7px;max-width:330px;color:var(--doux);font-size:13.5px;line-height:1.45}
.dn-tab-arrow{opacity:.3;padding-top:2px;font-size:18px;transition:opacity .35s,color .35s}
.dn-tab[aria-selected="true"] .dn-tab-arrow{opacity:1;color:var(--jaune)}
.dn-all{display:inline-flex;gap:10px;margin-top:25px;color:var(--texte);text-decoration:none;border-bottom:1px solid #667587;padding-bottom:4px;font-size:14px}
.dn-all span{color:var(--jaune)}
.dn-all:hover{border-bottom-color:var(--jaune)}

/* Scène partagée (classe propre pour ne pas heurter .dn-stage du hero) */
.dn-showcase{position:relative;min-height:720px;border:1px solid var(--ligne);border-radius:28px;overflow:hidden;
  background:linear-gradient(150deg,rgba(20,35,52,.95),rgba(6,15,25,.98));box-shadow:0 45px 100px rgba(0,0,0,.34)}
.dn-showcase::before{content:'';position:absolute;width:520px;height:520px;right:-170px;top:-190px;pointer-events:none;
  border:1px solid rgba(207,222,235,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(207,222,235,.02),0 0 0 140px rgba(207,222,235,.014)}
.dn-showcase::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--accent,#4b9e5f) 12%,transparent),transparent 55%);transition:background .55s var(--ease)}

.dn-project{--accent:#4b9e5f;--plate:#fbfaf4;
  position:absolute;inset:0;padding:clamp(24px,2.4vw,36px);
  opacity:0;visibility:hidden;translate:0 14px;transition:opacity var(--t) var(--ease),translate var(--t) var(--ease),visibility var(--t)}
.dn-project.is-active{opacity:1;visibility:visible;translate:0 0}
.dn-project--verdeko{--accent:#4b9e5f;--plate:#fbfaf4}
.dn-project--femina{--accent:#a83568;--plate:#f7f0f2}
.dn-project--amuse{--accent:#ef6b28;--plate:#fbf5ef}

/* En-tête : promesse à gauche, plaque logo à droite. */
.dn-signature{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;min-height:96px}
.dn-project-heading{min-width:0}
.dn-project-heading h3{margin:0;max-width:720px;font-size:clamp(24px,2.25vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
.dn-project-heading h3 i{color:transparent;position:relative;font-style:normal}
.dn-project-heading h3 i::after{content:'';position:absolute;left:50%;bottom:.14em;transform:translateX(-50%);width:.12em;height:.12em;border-radius:50%;background:var(--accent)}
.dn-plate{display:flex;align-items:center;justify-content:center;height:72px;padding:12px 18px;border-radius:14px;
  background:var(--plate);box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.5)}
.dn-plate img{display:block;max-height:48px;max-width:180px;width:auto;height:auto;object-fit:contain}
.dn-project--femina .dn-plate img{max-height:60px;max-width:96px}
.dn-sig-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:13px 0 0;padding:0;list-style:none}
.dn-sig-tags li{border:1px solid #33485e;border-radius:999px;padding:6px 10px;color:#aebdcd;font-size:9px;text-transform:uppercase;letter-spacing:.1em}

/* Zone visuelle : principal dominant + un secondaire ancré en bas-droite. */
.dn-visual{position:absolute;left:clamp(24px,2.4vw,36px);right:clamp(24px,2.4vw,36px);top:148px;bottom:142px;z-index:2}
.dn-frame{position:absolute;margin:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 26px 58px rgba(0,0,0,.45)}
.dn-frame--main{left:0;top:0;width:100%;height:100%;border:1px solid color-mix(in srgb,var(--accent) 30%,#33465c)}
.dn-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#0f1b28;border-bottom:1px solid #223449}
.dn-bar i{width:8px;height:8px;border-radius:50%;background:#3d5068}
.dn-bar span{margin-left:auto;font-size:9px;letter-spacing:.08em;color:#6f849b}
/* Intérieur clair, interface entière visible, couleurs jamais modifiées. */
.dn-screen{height:calc(100% - 30px);background:#f4f6f5;display:flex;align-items:flex-start;justify-content:center}
.dn-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}

/* Écran secondaire = ~34 % de large, ancré bas-droite, relié au principal. */
.dn-mini,.dn-frame--panel{position:absolute;right:-6px;bottom:-14px;width:34%;min-width:230px;z-index:3}
.dn-frame--panel{border:1px solid color-mix(in srgb,var(--accent) 40%,#33465c);border-radius:12px;background:#fff;rotate:-1.2deg}
.dn-frame--panel .dn-screen{height:auto}
.dn-frame--panel .dn-screen img{height:auto;object-fit:contain}
.dn-frame--panel figcaption{padding:7px 11px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#5a708c;background:#0a1624;border-top:1px solid #1d2c3e}

/* Mini-carte conversationnelle (Léa, Mei) */
.dn-mini{border-radius:14px;overflow:hidden;background:#fff;color:#12202b;box-shadow:0 26px 60px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.6)}
.dn-mini header{display:flex;align-items:center;gap:10px;padding:11px 13px;color:#fff;background:var(--accent)}
.dn-mini--mei header{background:linear-gradient(135deg,#a83568,#7d2450)}
.dn-mini--lea header{background:linear-gradient(135deg,#3f7d4e,#2f6a40)}
.dn-mini-av{flex:0 0 auto;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#ffffff33;box-shadow:0 0 0 2px rgba(255,255,255,.5)}
.dn-mini-av img{width:100%;height:100%;object-fit:cover}
.dn-mini-id strong{display:block;font-size:13px;font-weight:600;line-height:1.1}
.dn-mini-id small{font-size:9.5px;opacity:.85}
.dn-mini-live{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#8ff0a8;box-shadow:0 0 8px #8ff0a8}
.dn-mini-q{margin:12px 13px 0;padding:8px 11px;border-radius:11px 11px 11px 3px;font-size:11.5px;line-height:1.35;color:#26333f;background:#eef1ee}
.dn-mini-a{margin:8px 13px 0;font-size:11px;line-height:1.4;color:#4a5763}
.dn-mini-a b{color:var(--accent)}
.dn-mini--mei .dn-mini-a b{color:#a83568}
.dn-mini-sug{margin:10px 13px 13px;padding:10px 12px;border-radius:10px;font-size:11px;line-height:1.4;color:#3a2630;background:#f6ebf0;border:1px solid #e6cdd8}
.dn-mini-k{display:block;margin-bottom:4px;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#a83568;font-weight:600}
.dn-mini-typing{display:inline-flex;gap:4px;margin:9px 0 13px 13px}
.dn-mini-typing i{width:6px;height:6px;border-radius:50%;background:#b7c2b9;animation:dn-typing 1.3s ease-in-out infinite}
.dn-mini-typing i:nth-child(2){animation-delay:.18s}.dn-mini-typing i:nth-child(3){animation-delay:.36s}
@keyframes dn-typing{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* Pied : qualification et description à gauche, CTA à droite. */
.dn-project-copy{position:absolute;z-index:4;left:clamp(24px,2.4vw,36px);right:clamp(24px,2.4vw,36px);bottom:clamp(22px,2.2vw,30px);
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding-top:16px;border-top:1px solid #2b3a49}
.dn-project-label{display:block;margin-bottom:7px;color:var(--jaune);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.dn-project-copy p{margin:0;max-width:720px;color:var(--doux);font-size:13px;line-height:1.48}
.dn-project-link{display:inline-flex;white-space:nowrap;gap:9px;align-items:center;color:var(--texte);text-decoration:none;
  border:1px solid #516275;border-radius:999px;padding:12px 17px;font-size:13px;transition:border-color .3s,background-color .3s}
.dn-project-link span{color:var(--jaune)}
.dn-project-link:hover{border-color:var(--jaune);background:rgba(241,233,28,.06)}

/* Tablette */
@media (max-width:1180px){
  .dn-workbench{grid-template-columns:minmax(240px,.8fr) minmax(430px,1.2fr);gap:28px}
  .dn-showcase{min-height:660px}
  .dn-visual{top:156px;bottom:156px}
  .dn-tab-copy strong{font-size:17px}
  .dn-sig-tags li:nth-child(n+3){display:none}
  .dn-mini,.dn-frame--panel{width:40%;min-width:0}
}
@media (max-width:980px){
  .dn-projects-head{grid-template-columns:1fr}
  .dn-projects-intro{max-width:660px}
  .dn-workbench{grid-template-columns:1fr}
  .dn-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:0}
  .dn-tab{grid-template-columns:26px 1fr;padding:16px 4px;border-top:1px solid var(--ligne)}
  .dn-tab-arrow,.dn-tab-copy span{display:none}
  .dn-all{width:max-content}
  .dn-showcase{min-height:680px}
}

/* Mobile : empilé, logo puis principal puis secondaire, pas de perspective. */
@media (max-width:760px){
  .dn-projects{padding-inline:20px}
  .dn-rail{grid-template-columns:1fr}
  .dn-tab-copy span{display:block}
  .dn-showcase{min-height:0;border-radius:20px}
  .dn-project{position:static;display:none;padding:20px}
  .dn-project.is-active{display:block}
  .dn-signature{grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:0;margin-bottom:18px}
  .dn-project-heading h3{font-size:24px}
  .dn-plate{height:64px}
  .dn-sig-tags{margin-top:12px}
  .dn-visual{position:static;height:auto}
  .dn-frame--main{position:static;height:auto}
  .dn-screen{height:auto}
  .dn-screen img{height:auto;object-fit:contain}
  .dn-mini,.dn-frame--panel{position:static;width:auto;margin-top:16px;rotate:none}
  .dn-project-copy{position:static;grid-template-columns:1fr;gap:18px;margin-top:20px}
  .dn-project-link{width:max-content}
}

@media (prefers-reduced-motion:reduce){
  .dn-project,.dn-tab,.dn-showcase::after,.dn-project-link,.dn-mini-typing i{transition:none!important;animation:none!important}
  .dn-project{translate:0 0!important}
}
.dn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ════════════════════════════ 04–06 · fin de page ════════════════════════════ */
/* ============================================================================
   Diginative — Fin de page : 04 prolongements · 05 méthode · 06 FAQ + contact
   · pied de page. Même système que les sections 02 et 03.
   ==========================================================================*/

.dn-end{
  --nuit:#050d18; --nuit-2:#081523; --ligne:#2a3a4c; --ligne-2:#1b2a39;
  --texte:#f5f6f3; --doux:#9eacba; --jaune:#f1e91c; --bleu:#7fb0e8;
  --ivoire:#fbfaf4; --papier-2:#dedcd4; --encre:#0f1a26;
  --pad:max(28px,calc((100% - 1580px)/2));
  --ease:cubic-bezier(.22,.61,.36,1);
  color:var(--texte);background:var(--nuit);
  font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.dn-end *{box-sizing:border-box}
.dn-end a{color:inherit}
.dn-end .dn-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--jaune);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.dn-end .dn-eyebrow::before{content:'';width:34px;height:1px;background:currentColor}
.dn-end h2 i,.dn-end h3 i{color:transparent;position:relative;font-style:normal}
.dn-end h2 i::after,.dn-end h3 i::after{content:'';position:absolute;left:50%;bottom:.16em;transform:translateX(-50%);width:.14em;height:.14em;border-radius:50%;background:var(--jaune)}
.dn-btn{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:13px 18px;text-decoration:none;font-size:13px;border:1px solid #58697a;background:transparent;transition:transform .3s var(--ease),background-color .3s,border-color .3s}
.dn-btn span{color:var(--jaune)}
.dn-end a.dn-btn--primary,.dn-end a.dn-btn--primary span{color:#10140e}
.dn-btn--primary{background:var(--jaune);border-color:var(--jaune);color:#10140e;font-weight:600}
.dn-btn--primary span{color:#10140e}
.dn-btn:hover{transform:translateY(-1px)}
.dn-btn:focus-visible{outline:2px solid var(--jaune);outline-offset:4px}

/* Apparitions au défilement : une fois, sans boucle. */
.dn-rise{opacity:0;translate:0 24px;transition:opacity .75s ease,translate .9s var(--ease)}
.dn-rise.is-visible{opacity:1;translate:0 0}
.dn-rise[data-delay="1"]{transition-delay:.12s}
.dn-rise[data-delay="2"]{transition-delay:.2s}
.dn-rise[data-delay="3"]{transition-delay:.28s}

/* ═══════════════════ 04 · Deux prolongements ═══════════════════ */
.dn-focus{position:relative;overflow:hidden;padding:clamp(64px,7vw,96px) var(--pad) clamp(64px,7vw,92px);
  background:radial-gradient(circle at 27% 42%,rgba(30,66,109,.2),transparent 38%),linear-gradient(145deg,#050d18,#071321 62%,#050d18)}
.dn-focus::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(118,151,185,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(118,151,185,.06) 1px,transparent 1px);
  background-size:76px 76px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 75%);mask-image:linear-gradient(90deg,#000,transparent 75%)}
.dn-end-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:60px;align-items:end;margin-bottom:32px}
.dn-end-head h2{margin:0;font-weight:400;line-height:1;letter-spacing:-.052em;font-size:clamp(38px,4.6vw,66px)}
.dn-end-head p{margin:0;color:#b2bdc8;font-size:17px;line-height:1.6}
.dn-focus-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,55fr) minmax(380px,45fr);gap:18px}
.dn-focus-card{position:relative;overflow:hidden;border:1px solid var(--ligne);border-radius:30px;
  background:linear-gradient(145deg,rgba(13,29,47,.97),rgba(5,14,24,.98));box-shadow:0 35px 90px rgba(0,0,0,.28)}
.dn-focus-card::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.dn-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8fa0b0;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.dn-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #3b4958;border-radius:999px;color:#c5ced6;letter-spacing:.08em}
.dn-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--jaune);box-shadow:0 0 12px rgba(241,233,28,.7)}

/* Pilote */
.dn-pilote-card{min-height:505px;padding:30px 32px}
.dn-pilote-copy{position:relative;z-index:2;width:42%;padding-top:48px}
.dn-pilote-copy h3,.dn-visibility h3{margin:0;font-weight:400;letter-spacing:-.045em;line-height:1.05}
.dn-pilote-copy h3{font-size:clamp(30px,3vw,46px)}
.dn-pilote-copy>p,.dn-visibility>p{color:#adb9c5;line-height:1.5;font-size:14px}
.dn-pilote-copy>p{max-width:430px}
.dn-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.dn-bo{position:absolute;right:25px;top:77px;width:54%;height:374px;margin:0;overflow:hidden;border:1px solid #4d6074;border-radius:18px;background:#edf0ef;color:#12202b;
  box-shadow:0 28px 65px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-2.5deg);transform-origin:right center}
.dn-bo-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#0e1d2d;color:#8497aa;font-size:9px;letter-spacing:.08em}
.dn-bo-top i{width:7px;height:7px;border-radius:50%;background:#526476}
.dn-bo-top strong{margin-left:8px;color:#e9eef2;font-size:10px;font-weight:600}
.dn-bo-app{display:grid;grid-template-columns:106px 1fr;height:calc(100% - 38px)}
.dn-bo-nav{padding:18px 12px;background:#0a1724;color:#8999a8}
.dn-bo-brand{display:flex;align-items:center;gap:7px;margin-bottom:24px;color:#fff;font-weight:600;font-size:11px}
.dn-bo-mark{display:grid;place-items:center;width:22px;height:22px;border:1px solid #75889b;border-radius:6px;color:var(--jaune)}
.dn-bo-nav span{display:block;margin:7px 0;padding:8px;border-radius:7px;font-size:9px}
.dn-bo-nav span.is-active{background:#182a3c;color:#fff}
.dn-bo-main{padding:19px 20px;background:linear-gradient(145deg,#f5f6f3,#e5e8e6)}
.dn-bo-title{display:flex;justify-content:space-between;align-items:center}
.dn-bo-title b{font-size:17px;font-weight:600}
.dn-bo-title small{color:#6b777f;font-size:8px}
.dn-bo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}
.dn-bo-stat{padding:11px;border:1px solid #d0d5d4;border-radius:9px;background:#fff}
.dn-bo-stat strong{display:block;font-size:18px;font-weight:600}
.dn-bo-stat span{display:block;margin-top:3px;color:#727c82;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.dn-bo-work{display:grid;grid-template-columns:1.15fr .85fr;gap:9px}
.dn-bo-panel{padding:12px;border:1px solid #d0d5d4;border-radius:9px;background:#fff}
.dn-bo-panel b{display:block;margin-bottom:9px;font-size:10px;font-weight:600}
.dn-bo-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #e5e8e6;font-size:8px;color:#58636b}
.dn-bo-row em{font-style:normal;color:#5f8a4e}
.dn-bo-row em.is-wait{color:#9a7a10;font-weight:600}
.dn-bo-src{display:flex;align-items:center;gap:6px;padding:6px 0;border-top:1px solid #e5e8e6;font-size:8.5px;color:#58636b}
.dn-bo-src i{width:6px;height:6px;border-radius:50%;background:#5f8a4e;box-shadow:0 0 6px rgba(95,138,78,.6);animation:dn-bo-pulse 2.6s ease-in-out infinite}
.dn-bo-src:nth-child(3) i{animation-delay:.5s}.dn-bo-src:nth-child(4) i{animation-delay:1s}
@keyframes dn-bo-pulse{50%{opacity:.35}}
.dn-bo-note{margin-top:8px;padding:8px 9px;border-radius:8px;background:#eef2ea;font-size:8px;line-height:1.35;color:#5a6b52}
.dn-bo-log{margin-top:9px;padding:9px 11px;border:1px solid #d0d5d4;border-radius:9px;background:#fff}
.dn-bo-k{display:block;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a939a;margin-bottom:4px}
.dn-bo-log em{font-style:normal;font-size:8px;color:#58636b;line-height:1.4}
.dn-rise.is-visible .dn-bo-log{animation:dn-bo-stat .6s ease .35s both}
.dn-bo-caption{position:absolute;right:38px;bottom:16px;color:#718294;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.dn-rise.is-visible .dn-bo{animation:dn-bo-arrive .9s var(--ease) both,dn-bo-float 9s ease-in-out 1.1s infinite}
.dn-rise.is-visible .dn-bo-stat{animation:dn-bo-stat .55s ease both}
.dn-rise.is-visible .dn-bo-stat:nth-child(2){animation-delay:.1s}
.dn-rise.is-visible .dn-bo-stat:nth-child(3){animation-delay:.2s}
@keyframes dn-bo-arrive{from{opacity:0;transform:perspective(1200px) rotateY(-9deg) translate3d(35px,18px,0)}to{opacity:1;transform:perspective(1200px) rotateY(-2.5deg) translate3d(0,0,0)}}
@keyframes dn-bo-float{50%{transform:perspective(1200px) rotateY(-1deg) translate3d(0,-5px,0)}}
@keyframes dn-bo-stat{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Trois écrans réels du produit, présentés dans le même cadre. */
.dn-pilote-viewport{position:relative;height:calc(100% - 38px);overflow:hidden;background:#eef1f7}
.dn-pilote-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:translateX(14px) scale(.99);transition:opacity .55s var(--ease),transform .65s var(--ease),visibility .55s}
.dn-pilote-slide.is-active{opacity:1;visibility:visible;transform:none}
.dn-pilote-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.dn-pilote-dots{position:absolute;z-index:4;left:50%;bottom:10px;display:flex;gap:7px;padding:7px 9px;border:1px solid rgba(62,81,103,.25);border-radius:999px;background:rgba(6,18,31,.78);transform:translateX(-50%);backdrop-filter:blur(7px)}
.dn-pilote-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#71849a;cursor:pointer;transition:width .3s var(--ease),background .3s ease}
.dn-pilote-dots button.is-active{width:22px;border-radius:99px;background:var(--jaune)}
.dn-pilote-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Visibilité SEO · GEO — textes plus grands, plus d'air, peu de capitales */
.dn-visibility{min-height:505px;padding:34px 34px;display:flex;flex-direction:column}
.dn-visibility h3{margin:26px 0 0;font-weight:400;letter-spacing:-.03em;line-height:1.06;font-size:clamp(32px,2.8vw,46px)}
.dn-vis-lede{color:#b7c4d1;line-height:1.55;font-size:16px;margin:16px 0 0;max-width:none}
.dn-brand-word b{color:var(--jaune);font-weight:inherit}
/* Parcours en trois blocs assez grands, reliés de gauche à droite. */
.dn-vis-flow{position:relative;display:grid;grid-template-columns:1fr;gap:8px;margin:22px 0 18px;padding:0;list-style:none;counter-reset:none}
.dn-vis-flow::before{content:'';position:absolute;left:26px;top:14px;bottom:14px;width:2px;
  background:linear-gradient(#41556b,var(--jaune) 50%,var(--bleu));opacity:.5}
.dn-vis-flow li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline;
  padding:10px 14px 10px 0;border:1px solid #26384c;border-radius:13px;background:rgba(10,24,38,.6)}
.dn-vis-n{grid-row:1/3;align-self:center;display:grid;place-items:center;width:30px;height:30px;margin-left:12px;
  border-radius:50%;background:#0a1826;border:1px solid var(--jaune);color:var(--jaune);font-size:12px;font-weight:600}
.dn-vis-flow strong{font-size:16px;font-weight:600;letter-spacing:-.01em}
.dn-vis-flow li>span:last-child{grid-column:2;color:#9fb0c1;font-size:13px;line-height:1.4}
.dn-rise.is-visible .dn-vis-flow li{animation:dn-vis-in .6s var(--ease) both}
.dn-rise.is-visible .dn-vis-flow li:nth-child(2){animation-delay:.16s}
.dn-rise.is-visible .dn-vis-flow li:nth-child(3){animation-delay:.32s}
@keyframes dn-vis-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.dn-benefits{display:grid;margin:auto 0 0;padding:0;list-style:none;border-top:1px solid var(--ligne)}
.dn-benefits li{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:16px 0;border-bottom:1px solid var(--ligne-2);font-size:15px;color:#d3dbe3}
.dn-benefits span{color:var(--jaune);font-weight:600}
.dn-partner{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:18px;color:#8fa0b0;font-size:12.5px}
.dn-partner strong{color:var(--texte);font-weight:600}
.dn-partner a{text-decoration:none;border-bottom:1px solid #4a5b6d;padding-bottom:2px;white-space:nowrap}
.dn-partner a:hover{border-bottom-color:var(--jaune)}

/* ═══════════════════ 05 · Méthode — démonstration ═══════════════════ */
.dn-method{--method-blue:#557da6;padding:clamp(72px,7vw,100px) var(--pad);background:var(--ivoire);color:var(--encre)}
.dn-method .dn-eyebrow{color:#6f700e}
.dn-method-head{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(48px,7vw,110px);align-items:center}
.dn-method h2{max-width:12ch;margin:0;font-size:clamp(38px,4.4vw,64px);font-weight:400;letter-spacing:-.05em;line-height:1.02;text-wrap:balance}
.dn-method h2 i::after{background:#a5a214}
.dn-method-lead{max-width:560px;margin-top:24px}
.dn-method-lead p{margin:.35em 0 22px;color:#4f5960;font-size:17px;line-height:1.6}
.dn-method .dn-btn--primary{color:#10140e}
.dn-method .dn-btn--primary:hover{background:#fff366;box-shadow:0 10px 26px rgba(165,162,20,.28)}

/* Démonstration : scène qui se transforme + 4 étapes */
.dn-method-demo{margin-top:clamp(34px,4vw,52px)}
.dn-method-stage{position:relative;width:100%;max-width:680px;margin:0 auto}
.dn-ms-svg{display:block;width:100%;height:auto}
.dn-ms-svg text{font-size:11px;fill:#4f5960;text-anchor:middle;font-family:inherit}
/* plans : masqués par défaut, révélés selon data-mstep (cumulatif) */
.ms-sig circle{fill:#9aa3a0;opacity:0;transition:opacity .5s var(--ease),transform .6s var(--ease);transform-origin:center}
.ms-struct,.ms-connect,.ms-live{opacity:0;transition:opacity .6s var(--ease)}
.ms-struct rect,.ms-struct line,.ms-struct circle{fill:none;stroke:var(--method-blue);stroke-width:1.5}
.ms-struct circle{fill:var(--method-blue)}
.ms-struct rect[x="196"],.ms-struct rect[x="288"]{fill:#eaf2ec}
.ms-connect .ms-src rect{fill:#0f1b28}
.ms-connect .ms-src text{fill:#dfe7ee}
.ms-wire{fill:none;stroke:#7fb0e8;stroke-width:1.6;stroke-dasharray:3 5;opacity:.5}
.ms-live .ms-loop{fill:none;stroke:var(--jaune);stroke-width:2;opacity:.5;stroke-dasharray:6 10}
.ms-live .ms-check circle{fill:var(--method-blue)}
.ms-live .ms-check path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ms-live .ms-usage{fill:#e2e6e2}
.ms-live .ms-usage-fill{fill:var(--jaune)}
.ms-core{fill:#a5a214;opacity:0;transition:cx .8s var(--ease),fill .6s var(--ease),opacity .5s}

/* piste de progression + marqueur */
.dn-ms-track{position:relative;height:2px;margin:10px 6% 0;background:#d7d6cf}
.dn-ms-line{position:absolute;left:0;top:0;height:100%;width:12%;background:linear-gradient(90deg,var(--method-blue),var(--jaune));transition:width .6s var(--ease)}
.dn-ms-marker{position:absolute;top:50%;left:12%;width:12px;height:12px;border:2px solid var(--method-blue);border-radius:50%;background:var(--jaune);
  transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(241,233,28,.18);transition:left .6s var(--ease)}

/* révélations cumulatives */
[data-mstep="0"] .ms-sig circle{opacity:.9}
[data-mstep="1"] .ms-sig circle{opacity:.28;transform:scale(.7)}
[data-mstep="1"] .ms-struct,[data-mstep="2"] .ms-struct,[data-mstep="3"] .ms-struct{opacity:1}
[data-mstep="2"] .ms-sig circle,[data-mstep="3"] .ms-sig circle{opacity:.12}
[data-mstep="2"] .ms-connect,[data-mstep="3"] .ms-connect{opacity:1}
[data-mstep="2"] .ms-wire,[data-mstep="3"] .ms-wire{animation:dn-ms-flow 2.4s linear infinite}
[data-mstep="3"] .ms-live{opacity:1}
[data-mstep="3"] .ms-loop{animation:dn-ms-spin 9s linear infinite}
@keyframes dn-ms-flow{to{stroke-dashoffset:-40}}
@keyframes dn-ms-spin{to{transform:rotate(360deg);transform-origin:280px 120px}}
[data-mstep="0"] .ms-core{opacity:1;cx:90}
[data-mstep="1"] .ms-core{opacity:1;cx:230}
[data-mstep="2"] .ms-core{opacity:1;cx:150;fill:#7fb0e8}
[data-mstep="3"] .ms-core{opacity:0}
[data-mstep="1"] .dn-ms-line{width:38%}[data-mstep="1"] .dn-ms-marker{left:38%}
[data-mstep="2"] .dn-ms-line{width:64%}[data-mstep="2"] .dn-ms-marker{left:64%}
[data-mstep="3"] .dn-ms-line{width:90%}[data-mstep="3"] .dn-ms-marker{left:90%;background:var(--method-blue);box-shadow:0 0 0 5px rgba(85,125,166,.2)}

/* 4 étapes */
.dn-method-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:26px 0 0;padding:0;list-style:none;border-top:1px solid #cfcec7}
.dn-mstep{position:relative;padding:26px 24px 22px 0;cursor:pointer;transition:opacity .4s}
.dn-mstep::before{content:'';position:absolute;width:12px;height:12px;left:0;top:-7px;border-radius:50%;background:var(--ivoire);border:2px solid #a7aaa2;transition:background-color .4s,border-color .4s}
.dn-mstep-n{font-size:11px;letter-spacing:.14em;color:#9aa0a0}
.dn-mstep-k{display:block;margin-top:3px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a8f8b}
.dn-mstep h3{margin:12px 0 8px;font-size:clamp(18px,1.5vw,22px);font-weight:600;letter-spacing:-.02em;color:#1a2530}
.dn-mstep p{max-width:250px;margin:0 0 14px;color:#576169;font-size:13.5px;line-height:1.5}
.dn-mstep-livrable{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;
  font-size:11px;font-weight:500;color:#3a4550;background:#ecebe4;border:1px solid #dcdbd2}
.dn-mstep-livrable i{width:6px;height:6px;border-radius:50%;background:#a7aaa2}
/* états : à venir (contour) · faite (vert/bleu discret) · active (jaune) */
.dn-method-demo .dn-mstep[data-state="done"]::before{background:var(--method-blue);border-color:var(--method-blue)}
.dn-method-demo .dn-mstep[data-state="active"]::before{background:var(--jaune);border-color:var(--method-blue);box-shadow:0 0 0 5px rgba(85,125,166,.14)}
.dn-method-demo .dn-mstep[data-state="done"]{opacity:.62}
.dn-method-demo .dn-mstep[data-state="active"] .dn-mstep-livrable{color:#5a5410;background:#faf6cf;border-color:#e8e08f}
.dn-method-demo .dn-mstep[data-state="active"] .dn-mstep-livrable i{background:var(--jaune)}
.dn-method-demo .dn-mstep[data-state="active"] h3{color:#111}
.dn-mstep:focus-visible{outline:2px solid #a5a214;outline-offset:4px}

/* ═══════════════════ 06 · FAQ + contact ═══════════════════ */
.dn-closing{padding:clamp(76px,8vw,112px) var(--pad) 0;background:linear-gradient(145deg,#06101a,#081524 65%,#06101a)}
.dn-closing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:90px;align-items:start;padding-bottom:100px}
.dn-faq h2{margin:0;font-size:clamp(40px,5vw,70px);font-weight:400;letter-spacing:-.052em;line-height:1.02}
.dn-faq>p{max-width:570px;color:#aab6c0;line-height:1.6}
.dn-faq-list{margin-top:40px;border-top:1px solid var(--ligne)}
.dn-faq details{border-bottom:1px solid var(--ligne)}
.dn-faq summary{list-style:none;position:relative;padding:19px 44px 19px 0;cursor:pointer;font-size:15px}
.dn-faq summary::-webkit-details-marker{display:none}
.dn-faq summary::after{content:'+';position:absolute;right:4px;top:15px;font-size:23px;color:var(--jaune);font-weight:300;transition:transform .3s var(--ease)}
.dn-faq details[open] summary::after{content:'–'}
.dn-faq summary:focus-visible{outline:2px solid var(--jaune);outline-offset:2px}
.dn-faq details p{max-width:690px;margin:-4px 46px 22px 0;color:#9eabb7;font-size:14px;line-height:1.6}
.dn-contact{position:sticky;top:110px;overflow:hidden;padding:38px;border:1px solid #56616c;border-radius:28px;
  background:linear-gradient(150deg,var(--ivoire),#dcdbd5);color:var(--encre);box-shadow:0 40px 90px rgba(0,0,0,.32)}
.dn-contact::before{content:'na';position:absolute;right:-18px;bottom:-54px;font-size:220px;font-weight:600;letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px rgba(21,33,43,.09);transform:rotate(-8deg)}
.dn-contact>*{position:relative}
.dn-contact small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6d7479}
.dn-contact h2{margin:26px 0 18px;font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1;letter-spacing:-.05em}
.dn-contact h2 i::after{background:#a5a214}
.dn-contact p{color:#5f6870;line-height:1.55}
.dn-contact .dn-btn--primary{margin-top:15px}
.dn-meta{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0;padding:21px 0 0;list-style:none;border-top:1px solid #b8b8b2;color:#616970;font-size:11px}
.dn-meta li{display:flex;align-items:center;gap:7px}
.dn-meta li::before{content:'';width:5px;height:5px;border-radius:50%;background:#8f930f}

/* ═══════════════════ Pied de page ═══════════════════ */
.dn-footer{position:relative;overflow:hidden;padding:76px var(--pad) 28px;background:#02070c;border-top:1px solid var(--ligne);box-shadow:inset 0 1px rgba(241,233,28,.08)}
.dn-footer::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 70%,rgba(29,59,88,.22),transparent 38%),linear-gradient(110deg,transparent 48%,rgba(107,137,165,.035) 48.2%,transparent 48.5%)}
.dn-footer-na{position:absolute;z-index:0;right:-7%;bottom:-18%;width:min(760px,52vw);height:118%;opacity:.14;pointer-events:none;
  transform:perspective(1000px) rotateY(-22deg) rotateX(10deg) rotateZ(-7deg);transform-origin:65% 60%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 82%,transparent 100%);
  animation:dn-footer-na 22s ease-in-out infinite}
.dn-footer-na svg{display:block;width:100%;height:100%;color:#a4a15e;overflow:visible}
.dn-footer-na .dn-na-trace{stroke-dasharray:30 970;animation:dn-footer-trace 20s linear infinite;opacity:.55}
@keyframes dn-footer-na{50%{opacity:.19;transform:perspective(1000px) rotateY(-17deg) rotateX(8deg) rotateZ(-5deg) translate3d(-18px,-8px,0)}}
@keyframes dn-footer-trace{to{stroke-dashoffset:-1000}}
.dn-footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .7fr .9fr .85fr;gap:64px}
.dn-footer.is-visible .dn-footer-grid{animation:dn-footer-rise .9s var(--ease) both}
@keyframes dn-footer-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.dn-footer-logo{display:block;width:min(220px,100%);height:auto;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(241,233,28,.08));animation:dn-footer-breathe 14s ease-in-out 10s infinite}
@keyframes dn-footer-breathe{50%{filter:drop-shadow(0 0 25px rgba(241,233,28,.18));transform:translateY(-2px)}}
.dn-footer-tag{margin:-8px 0 27px 74px;color:#b9bcc1;font-size:10px;line-height:1.3;letter-spacing:.015em;white-space:nowrap}
.dn-footer-about{max-width:370px;margin:0;color:#8595a4;font-size:12px;line-height:1.6}
.dn-footer-col h3{margin:4px 0 18px;color:#78899a;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.dn-footer-col a{display:block;width:max-content;margin:0 0 12px;color:#d1d8dd;font-size:12px;text-decoration:none}
.dn-footer-col a:hover{color:var(--jaune)}
.dn-footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:30px;margin-top:55px;padding-top:22px;border-top:1px solid var(--ligne-2);color:#718293;font-size:10px}
.dn-legal{display:flex;gap:20px;flex-wrap:wrap}
.dn-legal a{text-decoration:none}
.dn-legal a:hover{color:var(--jaune)}

/* ═══════════════════ Adaptations ═══════════════════ */
@media (max-width:1080px){
  .dn-end-head{grid-template-columns:1fr;gap:20px}
  .dn-focus-grid{grid-template-columns:1fr}
  .dn-visibility{min-height:auto}
  .dn-closing-grid{gap:45px}
  .dn-footer-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:28px}
}
@media (max-width:780px){
  .dn-focus{padding-block:64px}
  .dn-pilote-card{min-height:0;padding:28px 22px 24px}
  .dn-pilote-copy{width:100%;padding-top:32px}
  .dn-bo{position:relative;right:auto;top:auto;width:100%;height:360px;margin-top:26px;transform:none}
  .dn-rise.is-visible .dn-bo{animation:none}
  .dn-bo-caption{position:static;display:block;margin-top:10px;text-align:right}
  .dn-visibility{padding:28px 22px}
  .dn-method{padding-block:72px}
  .dn-method-head{grid-template-columns:1fr;gap:28px}
  .dn-method-lead{max-width:none}
  /* parcours vertical : ligne à gauche, contenu à droite */
  .dn-method-stage{max-width:none;margin-bottom:8px}
  .dn-method-flow{grid-template-columns:1fr;border-top:0;border-left:2px solid #cfcec7;margin-left:6px}
  .dn-mstep{padding:4px 0 30px 26px}
  .dn-mstep::before{left:-7px;top:6px}
  .dn-mstep p{max-width:none}
  .dn-closing{padding-top:76px}
  .dn-closing-grid{grid-template-columns:1fr;padding-bottom:72px}
  .dn-contact{position:relative;top:auto}
  .dn-footer-grid{grid-template-columns:1fr 1fr}
  .dn-footer-grid>div:first-child{grid-column:1/-1}
  .dn-footer-bottom{display:block}
  .dn-legal{margin-top:14px}
  .dn-footer-na{right:-32%;bottom:-9%;width:108%;opacity:.1}
}
@media (max-width:500px){
  .dn-end-head h2{font-size:40px}
  .dn-focus-card{border-radius:22px}
  .dn-bo{height:350px}
  .dn-bo-app{grid-template-columns:82px 1fr}
  .dn-bo-main{padding:14px 12px}
  .dn-bo-work{grid-template-columns:1fr}
  .dn-bo-work .dn-bo-panel:last-child{display:none}
  .dn-contact{padding:28px 22px}
  .dn-footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}
  .dn-footer-tag{margin-left:59px;font-size:8px}
  .dn-footer-bottom{margin-top:38px}
}
@media (prefers-reduced-motion:reduce){
  .dn-end *{animation:none!important;transition:none!important}
  .dn-rise{opacity:1!important;translate:0 0!important}
}