/* V7 shared components. Concatenated (file order) into /site.css. */
/* Corner radii: two tokens only. --r-card for cards, FAQ items, voyants,
   bento, lists; --r-panel for large panels (offers, timeline, calculator,
   closing band). Page styles (20-60) should use them instead of raw values.
   Type floor: 13 px for mono uppercase labels, 16 px for body copy. */
:root{--r-card:16px;--r-panel:22px}
.v7{background:var(--bg)}
.v7 main{overflow-x:clip}
.v-wrap{width:min(1240px,100%);padding-inline:24px;margin-inline:auto}
.v-section{padding-block:104px;position:relative}
.v-tone-raised{background:var(--bg2);border-block:1px solid var(--line)}
.v-tone-deep{background:#04070c}
.v-tone-paper{color-scheme:light;--text:#0e1726;--muted:#4f5d71;--line:#dde3eb;--line2:#cbd4e0;--surface:#fff;--surface2:#f7f9fc;--faint:#5b6878;--link:#0058d6;background:#f3f5f8;color:var(--text)}
.v-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--cyan);margin:0 0 18px}
.v-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.v-tone-paper .v-eyebrow{color:#0069b8}
.v-display{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,6vw,5.1rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.v-title{font-family:var(--display);font-weight:700;font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.v-title em,.v-display em{font-style:normal;color:var(--cyan)}
.v-lead{font-size:clamp(17px,1.35vw,19.5px);line-height:1.6;color:var(--muted);max-width:62ch;margin-top:18px}
.v-head{max-width:780px;margin-bottom:56px}
.v-head-center{margin-inline:auto;text-align:center}.v-head-center .v-lead{margin-inline:auto}.v-head-center .v-eyebrow{justify-content:center}
.v-muted{color:var(--muted)}.v-small{font-size:14px;color:var(--muted)}
.v-icon{flex-shrink:0}
.v-code{font:500 .9em var(--mono);padding:2px 7px;border-radius:6px;background:#2bd6ff14;color:var(--link);border:1px solid #2bd6ff2a;white-space:nowrap}
/* Buttons */
.v-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:32px}
.v-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 22px;border-radius:12px;font:600 16px/1.2 var(--font);text-decoration:none;border:1px solid transparent;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;white-space:nowrap}
.v-btn-primary{flex-direction:column;align-items:flex-start;gap:2px;background:var(--cyan);color:#03121b;box-shadow:0 0 0 1px #2bd6ff40,0 12px 34px #2bd6ff2e}
.v-btn-primary small{font:500 13px/1.2 var(--font);opacity:.8}
.v-btn-primary:hover{background:#7ae6ff;color:#03121b;transform:translateY(-1px);box-shadow:0 0 0 1px #2bd6ff66,0 16px 40px #2bd6ff45}
.v-btn-ghost{color:var(--text);border-color:var(--line2);background:#ffffff05}
.v-btn-ghost:hover{border-color:var(--cyan);color:#fff;background:#2bd6ff0d}
.v-tone-paper .v-btn-ghost{color:var(--text);background:#fff}
.v-btn-lg{min-height:62px;padding-inline:28px;font-size:17px}
.v-trial-note{margin-top:16px;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.v-trial-note i{font-style:normal;color:var(--faint)}
.v-trial-note a{color:inherit;text-decoration:underline;text-underline-offset:3px;padding-block:11px;margin-block:-11px}
.v-link{display:inline-flex;align-items:center;gap:8px;color:var(--link);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}
.v-link:hover{border-bottom-color:currentColor;color:var(--link)}
.v-link .v-icon{transition:transform .18s}.v-link:hover .v-icon{transform:translateX(3px)}
/* Page hero (inner pages) */
.v-page-hero{padding-block:72px 88px;position:relative;border-bottom:1px solid var(--line);background:radial-gradient(900px 420px at 85% -10%,#2bd6ff1c,transparent 70%),linear-gradient(#ffffff05 1px,transparent 1px) 0 0/100% 40px,var(--bg)}
.v-page-hero .v-wrap{display:grid;gap:56px}
.v-page-hero-split .v-wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.v-page-hero-copy .v-lead{font-size:clamp(18px,1.5vw,21px)}
.v-page-hero-aside{min-width:0}
/* Proof band */
.v-proof{border-block:1px solid var(--line);background:var(--bg2)}
.v-proof ul{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.v-proof li{display:flex;gap:12px;align-items:flex-start;color:var(--cyan)}
.v-proof li span{display:grid;color:var(--muted);font-size:13.5px;line-height:1.45}
.v-proof li b{color:var(--text);font-weight:600;font-size:14.5px}
/* Phone frame */
.v-phone{margin:0;display:grid;justify-items:center;gap:14px;width:100%}
.v-phone-body{position:relative;width:320px;max-width:100%;aspect-ratio:9/19.3;border-radius:46px;padding:11px;background:linear-gradient(145deg,#2a3546,#0d131c 40%,#1a2230);box-shadow:0 0 0 1px #3b4a5e,0 40px 90px #000c,0 0 120px #2bd6ff14}
.v-phone-island{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#000;z-index:3}
.v-phone-screen{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#070b12}
.v-phone-screen>img{width:100%;height:100%;object-fit:cover;object-position:top}
.v-phone figcaption,.v-phone>figcaption{font:500 13px/1.4 var(--mono);color:var(--faint);letter-spacing:.04em;text-transform:uppercase}
.v-phone-tilt .v-phone-body{transform:perspective(1400px) rotateY(-9deg) rotateX(3deg)}
/* Schematic app */
.v-app{height:100%;display:flex;flex-direction:column;padding:52px 12px 14px;font-family:var(--font);color:#e8eef7;font-size:12px;background:radial-gradient(220px 200px at 0 0,#1d4ed82e,transparent),radial-gradient(240px 220px at 100% 100%,#0f766e1f,transparent),#090d17}
.v-app-bar{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.v-app-back{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:linear-gradient(150deg,#4f8df7,#1d4ed8);color:#fff;font-size:14px;line-height:1;box-shadow:0 4px 12px #1d4ed84d}
.v-app-head{display:grid;gap:1px;flex:1;min-width:0}
.v-app-title{font:800 14px/1.15 var(--font);color:#fff;letter-spacing:-.01em}
.v-app-sub{font-size:10px;line-height:1.3;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-app-medal{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #a8702a;background:radial-gradient(circle,#d9772b 0 34%,#3a2412 36%)}
.v-app-warn{margin:0 -12px 10px;padding:6px 12px;font-size:9.5px;line-height:1.35;color:#f5a524;background:#f59e0b14;border-block:1px solid #f59e0b29}
.v-app-body{display:grid;gap:8px;align-content:start;flex:1;overflow:hidden}
.v-app-label{font:700 9.5px/1.3 var(--font);letter-spacing:.1em;text-transform:uppercase;color:#8fc2ff;margin-top:4px}
.v-app-card{background:#0f1628;border:1px solid #1f2b42;border-radius:13px;padding:10px 11px}
.v-app-card p{font-size:11.5px;line-height:1.45;color:#c5d1e0;margin:0}
.v-app-card strong{display:block;font-size:12px;margin-bottom:4px;color:#fff}
.v-app-card.is-cyan{border-color:#3b82f666;background:#1d4ed814}
.v-app-card.is-amber{border-color:#f59e0b55;background:#f59e0b10}
.v-app-card.is-green{border-color:#34d39955;background:#10b9810f}
.v-app-bubble{justify-self:end;max-width:86%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:14px 14px 4px 14px;padding:8px 10px;font-size:11.5px;line-height:1.4}
.v-app-foot{display:grid;gap:7px;margin:10px -2px 0;padding-top:9px;border-top:1px solid #1a2438}
.v-app-ask{display:block;padding:7px 11px;border-radius:999px;border:1px solid #243049;background:#0f1628;color:#8a9ab0;font-size:10.5px}
.v-app-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.v-app-btns i{font-style:normal;text-align:center;padding:6px 0;border-radius:9px;font-size:10px;font-weight:600;border:1px solid}
.v-app-btns .is-ok{color:#4ade80;border-color:#16a34a66;background:#16a34a14}.v-app-btns .is-wait{color:#fbbf24;border-color:#d9770666;background:#d9770614}.v-app-btns .is-close{color:#f87171;border-color:#dc262666;background:#dc262614}
.v-hyp{background:#0f1628;border:1px solid #1f2b42;border-radius:11px;padding:8px 10px;transition:all .5s cubic-bezier(.2,.8,.2,1)}
.v-hyp-top{display:grid;justify-items:start;gap:5px;font-size:11.5px;font-weight:700;line-height:1.3;color:#f1f5f9}
.v-hyp-top b{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 7px;border-radius:999px;border:1px solid currentColor;font:600 9.5px/1.4 var(--font);letter-spacing:0;text-transform:none}
.v-hyp-top b:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.v-hyp p{font-size:10.5px;color:#94a3b8;margin:5px 0 0;line-height:1.35}
.v-hyp-high b{color:#34d399}
.v-hyp-mid b{color:#fbbf24}
.v-hyp-low b{color:#9aa6b8}
.v-hyp-out .v-hyp-top span{text-decoration:line-through;color:#8a9ab0}.v-hyp-out p{color:#8a9ab0}.v-hyp-out b{color:#f87171}
.v-shots{list-style:none;margin:0;padding:4px 2px 16px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,24vw,236px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2a3a52 transparent}
.v-shots:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:18px}
.v-shots li{scroll-snap-align:start}
.v-shots figure{margin:0;display:grid;gap:12px}
.v-shots img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #2a3a52;box-shadow:0 18px 40px #0008;background:#090d17}
.v-shots figcaption{font-size:14px;line-height:1.45;color:var(--muted)}
.v-shots figcaption span{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.08em;color:var(--cyan);margin-bottom:2px}
/* Each capture opens full size; previous / next buttons for the mouse (site.js). */
.v-shots-zoom{position:relative;display:block;border-radius:24px;cursor:zoom-in}
.v-shots-zoom:hover img{border-color:var(--cyan)}
.v-shots-zoom:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.v-shots-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
.v-shots-nav[hidden]{display:none}
.v-shots-nav button{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:12px;border:1px solid var(--line2);background:var(--surface);color:var(--text);cursor:pointer}
.v-shots-nav button:hover{border-color:var(--cyan)}
.v-shots-nav button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.v-shots-nav button[aria-disabled=true]{opacity:.4;cursor:default;border-color:var(--line2)}
.v-shots-nav [data-shots=prev] svg{transform:scaleX(-1)}
@media(max-width:700px){.v-shots{grid-auto-columns:64%;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.v-shots-nav{display:none}}
/* Cards, lists */
.v-grid{display:grid;gap:16px}
.v-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.v-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.v-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:28px;position:relative}
.v-card h3{font-size:21px;margin-bottom:10px}
.v-card p{color:var(--muted);font-size:15.5px}
.v-card .v-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#2bd6ff12;border:1px solid #2bd6ff2e;color:var(--cyan);margin-bottom:18px}
.v-tone-paper .v-card{box-shadow:0 1px 0 #0000000a}
.v-bullets{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.v-bullets li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px}
.v-bullets li .v-icon{color:var(--green);margin-top:3px}
.v-pill{display:inline-flex;align-items:center;gap:6px;font:600 13px/1.1 var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line2);color:var(--text)}
.v-pill-cyan{color:var(--cyan);border-color:#2bd6ff44;background:#2bd6ff12}
.v-pill-amber{color:var(--amber);border-color:#ffb22444;background:#ffb22412}
.v-pill-green{color:var(--green);border-color:#3ddc9744;background:#3ddc9712}
/* Voyants */
.v-voyants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v-voyant{background:linear-gradient(180deg,#0f1622,#0b111b);border:1px solid var(--line);border-radius:var(--r-card);padding:24px 22px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
.v-voyant:hover{border-color:#ffb22466;transform:translateY(-2px)}
.v-voyant-lamp{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--amber);background:#ffb22414;border:1px solid #ffb22440;box-shadow:0 0 28px #ffb22433,inset 0 0 12px #ffb2241f;transition:all .8s ease}
.v-voyant h3{font-size:19px;line-height:1.25}
.v-voyant-scene{font-size:14.5px;color:var(--muted);line-height:1.55}
.v-voyant-answer{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line2);font-size:14.5px;line-height:1.55;color:#dfe8f3}
.v-voyant-answer span{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.v-voyant.is-resolved .v-voyant-lamp{color:var(--cyan);background:#2bd6ff12;border-color:#2bd6ff40;box-shadow:0 0 22px #2bd6ff26,inset 0 0 10px #2bd6ff14}
/* FAQ */
.v-faq{display:grid;gap:10px}
.v-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:0 22px;transition:border-color .2s}
.v-faq-item[open]{border-color:var(--line2)}
.v-faq-item summary{padding:20px 0;font-size:16.5px;font-weight:600;align-items:center}
.v-faq-item summary:after{color:var(--cyan)}
.v-faq-a{padding:0 0 20px;color:var(--muted);font-size:15.5px;line-height:1.65}
.v-faq-a p+p{margin-top:10px}.v-faq-a a{color:var(--link)}
/* CTA band */
.v-cta-band{padding-block:40px 112px}
.v-cta-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:48px;align-items:center;padding:56px;border-radius:var(--r-panel);border:1px solid #2bd6ff33;background:radial-gradient(600px 300px at 100% 0,#2bd6ff1f,transparent 70%),radial-gradient(500px 280px at 0 100%,#2f7bff18,transparent 70%),linear-gradient(180deg,#0e1622,#0a1019);box-shadow:0 40px 100px #0008}
.v-cta-inner .v-title{font-size:clamp(1.8rem,3vw,2.6rem)}
.v-cta-actions{display:grid;gap:12px;justify-items:stretch}
.v-cta-actions .v-btn{width:100%}
.v-cta-actions .v-trial-note{justify-content:flex-start}
/* Sticky mobile bar */
.v-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1.3fr 1fr;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#06090fee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line2);transform:translateY(0);visibility:visible;transition:transform .25s,visibility 0s}
.v-sticky .v-btn{min-height:50px;padding:8px 14px;font-size:15px}
.v-sticky .v-btn-primary{align-items:center}
.v-sticky.is-hidden{transform:translateY(110%);visibility:hidden;transition:transform .25s,visibility 0s .25s}
@media(min-width:1061px){.v-sticky{display:none!important}}
/* WCAG 2.4.11: keyboard focus is scrolled clear of the bar (site.js sets
   sticky-on only while it shows, up to 1060 px). While the consent panel is
   open, analytics.js sets a larger inline value that covers both. */
html.sticky-on{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
/* Signal divider */
.v-signal{height:60px;margin-block:-30px;position:relative;z-index:1;opacity:.9}
.v-signal svg{width:100%;height:100%}
.v-signal path{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}
.v-signal-noise{stroke:var(--amber);opacity:.65}.v-signal-clean{stroke:var(--cyan)}
/* Prose (inner pages) */
.v-prose{max-width:72ch;font-size:17px;line-height:1.75}
.v-prose h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:48px 0 14px}
.v-prose h3{font-size:1.25rem;margin:32px 0 10px}
.v-prose p,.v-prose li{color:var(--muted)}.v-prose strong{color:var(--text)}
.v-prose ul,.v-prose ol{padding-left:22px;display:grid;gap:8px;margin:14px 0}
.v-prose a{color:var(--link)}
/* Table */
.v-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.v-table{width:100%;border-collapse:collapse;font-size:15px}
.v-table th,.v-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.v-table tr:last-child td,.v-table tr:last-child th{border-bottom:0}
.v-table thead th{font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface2)}
.v-table td{color:var(--muted)}.v-table tbody th{color:var(--text);font-weight:600}
/* Swipe hint above a mobile carousel (.v-scroller); hidden above 700 px. */
.v-swipe-hint{display:none}
/* Customer quotes (ui.mjs quote/testimonials). Empty until real, authorised
   testimonials are recorded in data.mjs. */
.v-quotes{margin-top:56px}
.v-quotes-title{font-size:22px;margin-bottom:20px}
.v-quotes-list{display:grid;gap:16px}
.v-quotes-list.is-multi{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.v-quote{margin:0;padding:30px 30px 26px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--cyan);display:grid;gap:18px;align-content:start}
.v-quote>.v-icon{color:var(--cyan)}
.v-quote blockquote{margin:0}
.v-quote blockquote p{font:600 clamp(1.3rem,1.9vw,1.5rem)/1.4 var(--display);letter-spacing:-.015em;color:var(--text);text-wrap:pretty}
.v-quote figcaption{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
.v-quote-photo,.v-quote-initial{grid-row:span 2;width:52px;height:52px;border-radius:14px;object-fit:cover}
.v-quote-initial{display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line2);font:700 20px/1 var(--display);color:var(--text)}
.v-quote-who{display:grid;font-size:14.5px;color:var(--muted);line-height:1.45}.v-quote-who b{color:var(--text);font-size:16px}
.v-quote-disclosure{grid-column:1/-1;font-size:13px;color:var(--muted);margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
/* Real workshop photos (data.mjs PHOTOS). */
.v-photo{margin:0 0 32px;border-radius:var(--r-panel);overflow:hidden;border:1px solid var(--line2);background:var(--surface)}
.v-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.v-photo figcaption{padding:12px 18px;font-size:13.5px;color:var(--muted)}
/* Reveal */
@media(prefers-reduced-motion:no-preference){.v-reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.js .v-reveal:not(.is-in){opacity:.001;transform:translateY(18px)}}
/* Responsive */
@media(max-width:1100px){.v-voyants{grid-template-columns:repeat(2,minmax(0,1fr))}.v-proof ul{grid-template-columns:repeat(3,1fr)}.v-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.v-cta-inner{grid-template-columns:1fr;padding:40px}}
@media(max-width:860px){.v-section{padding-block:80px}.v-page-hero{padding-block:48px 64px}.v-page-hero-split .v-wrap{grid-template-columns:1fr}.v-grid-3,.v-grid-2{grid-template-columns:1fr}.v-head{margin-bottom:40px}}
@media(max-width:700px){.v-scroller{display:grid!important;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:12px;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}.v-scroller:focus-visible{outline-offset:-3px;border-radius:var(--r-card)}.v-link{min-height:44px}.v-quote{padding:24px 22px 22px}.v-faq-item{padding-inline:18px}.v-faq-item summary{padding-block:15px;font-size:16px}.v-swipe-hint{display:flex;align-items:center;gap:8px;margin:-8px 0 14px;font-size:14px;color:var(--muted)}.v-swipe-hint .v-icon{color:var(--cyan)}.v-head-center+.v-swipe-hint{justify-content:center}.v-scroller::-webkit-scrollbar{display:none}.v-scroller>*{scroll-snap-align:start}.v-wrap{padding-inline:20px}.v-section{padding-block:52px}.v-head{margin-bottom:32px}.v-title{font-size:clamp(1.75rem,7.4vw,2rem)}.v-head .v-lead{margin-top:14px}.v-proof ul{grid-template-columns:1fr 1fr;padding:18px 0}.v-proof li:last-child{grid-column:1/-1}.v-grid-4{grid-template-columns:1fr}.v-actions{flex-direction:column}.v-actions .v-btn{width:100%}.v-btn-primary{align-items:center}.v-cta-band{padding-block:16px 56px}.v-cta-inner{padding:30px 22px;border-radius:20px}.v-card{padding:22px}.v-phone-body{width:min(290px,100%)}.v-phone-tilt .v-phone-body{transform:none}}
/* Inner-page heroes under 700 px: the visual must not take a whole screen
   after the buttons. Phones are capped at 260 x 420 px and fade out; any other
   decorative visual can opt in with .v-hero-crop. The home hero has its own
   rule (10-home.css). */
@media(max-width:700px){.v-page-hero-aside .v-phone-body,.v-page-hero-aside .v-hero-crop{width:min(260px,100%);max-height:420px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}.v-page-hero-aside .v-phone-body{aspect-ratio:auto;height:420px;border-radius:40px 40px 0 0}.v-page-hero-aside .v-phone-screen{height:520px;border-radius:30px 30px 0 0}.v-page-hero-aside .v-phone-tilt .v-phone-body{transform:none}}

/* Accueil */
.v-hero{position:relative;padding-block:84px 96px;overflow:hidden;background:radial-gradient(1000px 520px at 82% 8%,#2bd6ff22,transparent 65%),radial-gradient(700px 420px at 10% 100%,#2f7bff14,transparent 70%),var(--bg)}
.v-hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(900px 600px at 70% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(900px 600px at 70% 30%,#000 30%,transparent 75%);pointer-events:none}
.v-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px;align-items:center}
.v-hero .v-display{font-size:clamp(3rem,6.1vw,5.5rem);margin-top:4px;max-width:11ch}
.v-hero-sub{font:600 clamp(1.15rem,1.8vw,1.55rem)/1.35 var(--display);color:var(--cyan);margin-top:18px;letter-spacing:-.01em}
.v-hero .v-lead{margin-top:18px}
.v-hero-visual{position:relative;display:grid;justify-items:center;width:100%}
.v-hero-chip{position:absolute;display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:14px;background:#0d1522ee;border:1px solid var(--line2);box-shadow:0 20px 50px #0009;font-size:12.5px;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.v-hero-chip span{display:grid;line-height:1.35}.v-hero-chip b{color:#fff;font-size:13px}
.v-hero-chip-a{left:-4%;top:30%;color:var(--amber)}.v-hero-chip-b{right:-6%;bottom:22%;color:var(--cyan)}
.v-hero-chip-a b,.v-hero-chip-b b{color:#fff}
@media(prefers-reduced-motion:no-preference){.v-hero-chip-a{animation:v-float 6s ease-in-out infinite}.v-hero-chip-b{animation:v-float 7s ease-in-out -2s infinite}}
@keyframes v-float{50%{transform:translateY(-8px)}}
/* « Mettre en pause » stops every motion of the hero, chips included (WCAG 2.2.2). */
.v-hero-visual:has(.v-replay-toggle.is-paused) .v-hero-chip{animation-play-state:paused}
/* Replay device */
.v-replay-device{display:grid;justify-items:center;gap:10px;width:100%}
.v-replay-screens{position:relative;height:100%}
.v-replay-screen{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.v-replay-device[data-state=contexte] [data-screen=contexte],.v-replay-device[data-state=pistes] [data-screen=pistes],.v-replay-device[data-state=controle] [data-screen=controle],.v-replay-device[data-state=mesure] [data-screen=mesure],.v-replay-device[data-state=reclassement] [data-screen=reclassement],.v-replay-device[data-state=rapport] [data-screen=rapport]{opacity:1;transform:none;pointer-events:auto}
.v-replay-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px}
.v-replay-flag{display:inline-flex;align-items:center;gap:6px;font:500 13px/1.3 var(--mono);color:var(--faint);letter-spacing:.04em;text-transform:uppercase}
.v-replay-toggle{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:#ffffff05;color:var(--muted);font:500 13px/1 var(--font)}
/* Its place is kept until site.js shows it: no layout shift in the hero.
   Under reduced motion it never shows (still screen): no place kept. */
.v-replay-toggle[hidden]{display:inline-flex!important;visibility:hidden}
@media(prefers-reduced-motion:reduce){.v-replay-toggle[hidden]{display:none!important}}
.v-replay-toggle:hover{border-color:var(--cyan);color:var(--text)}
.v-replay-toggle>span{display:inline-flex;align-items:center;gap:6px}
.v-replay-toggle>.v-replay-toggle-play,.v-replay-toggle.is-paused>.v-replay-toggle-pause{display:none}
.v-replay-toggle.is-paused>.v-replay-toggle-play{display:inline-flex}
.v-replay-device .v-phone>figcaption{display:none}
/* The hero start screen sits in a <picture> (home.mjs replayImg): same box. */
.v-replay-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.v-replay-screen picture{display:contents}
.v-replay-inline.is-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%}
.v-replay-step[data-step=contexte] .v-replay-inline.is-shot img{object-position:50% 27%}
@media(max-width:960px){.v-replay-inline.is-shot{height:430px;max-width:330px}}
@media(max-width:700px){.is-swipe .v-replay-inline.is-shot{height:330px;max-width:none}}
/* Replay section */
.v-replay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:64px;align-items:start}
.v-replay-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v-replay-step{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:26px 26px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);transition:border-color .3s,background .3s}
/* Inactive steps: only the number and the frame recede; the text keeps its
   full contrast (AA). */
.v-replay-step:not(.is-active) .v-replay-num{color:var(--muted);border-color:var(--line2);background:transparent}
.v-replay-step .v-replay-num{transition:color .3s}
.v-replay-step.is-active{opacity:1;border-color:#2bd6ff55;background:linear-gradient(180deg,#2bd6ff0c,transparent 60%),var(--surface)}
.v-replay-num{font:600 13px/1 var(--mono);color:var(--cyan);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid #2bd6ff40;background:#2bd6ff10}
.v-replay-num small{display:none;font:inherit;color:var(--muted)}
.v-replay-kicker{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.v-replay-step h3{font-size:22px;margin-bottom:8px}
.v-replay-step>div>p{color:var(--muted);font-size:15.5px}
.v-replay-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0}
.v-replay-split div{padding:12px 14px;border-radius:12px;background:#ffffff05;border:1px solid var(--line)}
.v-replay-split dt{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:4px}
.v-replay-split div+div dt{color:var(--cyan)}
.v-replay-split dd{margin:0;font-size:14px;color:#d4deea;line-height:1.5}
.v-replay-aside{position:sticky;top:calc(var(--header-height) + 32px)}
.v-replay-note{margin:24px 0 0}
.v-replay-foot{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 32px}
.v-replay-note+.v-replay-foot{margin-top:14px}
/* Speeds + copilot */
.v-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:start}
.v-split .v-head{margin-bottom:24px}
.v-speeds{display:grid;gap:14px}
.v-speed{padding:26px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface)}
.v-speed:first-child{border-color:#2bd6ff44;background:linear-gradient(135deg,#2bd6ff0f,transparent 60%),var(--surface)}
.v-speed-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--cyan);margin-bottom:14px}
.v-speed h3{font-size:22px;margin-bottom:8px}.v-speed p{color:var(--muted);font-size:15.5px}
.v-speed .v-pill{text-transform:none;letter-spacing:0;font:600 13.5px/1.3 var(--font);border-radius:10px;text-align:right}
.v-copilot{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.v-copilot-title{font-size:22px;margin-bottom:22px}
.v-copilot ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v-copilot li{display:grid;gap:12px;align-content:start;padding:20px;border-radius:var(--r-card);border:1px solid var(--line);background:#0c131e;color:var(--cyan)}
.v-copilot-foot{margin-top:22px}
.v-copilot li div{display:grid;gap:6px}.v-copilot b{color:var(--text);font-size:15.5px}.v-copilot b em{font-style:normal;color:var(--cyan)}.v-copilot span{color:var(--muted);font-size:14px;line-height:1.5}
/* Bento */
.v-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v-bento-item{padding:24px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column}
.v-bento-item.is-wide{grid-column:span 2;background:radial-gradient(400px 200px at 100% 0,#ffb22414,transparent 70%),var(--surface)}
.v-bento-item h3{font-size:19px;margin-bottom:8px}.v-bento-item p{color:var(--muted);font-size:14.5px}
.v-bento-extra{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}
.v-bento-trace{display:block;width:100%;height:38px;background:linear-gradient(90deg,transparent,#2bd6ff 20%,#2bd6ff 80%,transparent) center/100% 1px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 38'%3E%3Cpath d='M0 19 C20 19 25 4 40 4 S60 34 80 34 S100 4 120 4 S140 34 160 34 S185 19 200 19' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 38'%3E%3Cpath d='M0 19 C20 19 25 4 40 4 S60 34 80 34 S100 4 120 4 S140 34 160 34 S185 19 200 19' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat;background:var(--cyan)}
.v-center-note{margin-top:28px;text-align:center;color:var(--muted);font-size:15px;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center}
/* Case */
.v-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.v-case-copy .v-head{margin-bottom:24px}
.v-case-links{display:flex;flex-wrap:wrap;gap:6px 28px}
.v-case-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-case-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 22px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface)}
.v-case-steps li>span{font:600 13px/1 var(--mono);color:var(--amber);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid #ffb22444;background:#ffb22410}
.v-case-steps li.is-done>span{color:var(--green);border-color:#3ddc9744;background:#3ddc9712}
.v-case-steps b{font-size:16.5px}.v-case-steps p{color:var(--muted);font-size:15px;margin-top:4px}
.v-case-steps .v-case-lesson{grid-template-columns:24px 1fr;border-color:#3ddc9744;background:#3ddc970a;color:var(--green)}
.v-case-lesson p{color:var(--text)!important;margin:0!important}
.h-customer-evidence{margin-top:48px}
/* Manager list */
.v-split-reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.v-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-feature-list li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:18px 20px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface)}
.v-feature-list .v-card-icon{margin:0}
.v-feature-list b{font-size:16.5px}.v-feature-list p{color:var(--muted);font-size:15px;margin-top:3px}
.v-profiles{margin-top:8px;padding-top:22px;border-top:1px solid var(--line)}
.v-profiles-label{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.v-profiles ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}
/* Calculator */
.v-calc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.v-calc .v-head{margin-bottom:32px}
.v-calc-fields{display:grid;gap:26px}
.v-calc-field label{display:block;font-weight:600;font-size:15px;margin-bottom:10px}
.v-calc-control{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}
.v-calc-control input[type=range]{width:100%;accent-color:var(--cyan);height:32px}
.v-calc-control output{font:600 20px/1 var(--mono);min-width:3.2ch;text-align:right;color:#fff}
.v-calc-control span{font:500 13px/1 var(--mono);color:var(--muted);min-width:7ch}
.v-calc-result{padding:34px;border-radius:var(--r-panel);border:1px solid #2bd6ff33;background:radial-gradient(400px 260px at 100% 0,#2bd6ff1a,transparent 70%),#0b121c;box-shadow:0 30px 80px #0008}
.v-calc-label{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.v-calc-big{font:700 clamp(3rem,6vw,4.4rem)/1 var(--display);letter-spacing:-.03em;margin:12px 0 6px;color:#fff}
.v-calc-big small{font:500 16px var(--font);color:var(--muted);margin-left:8px;letter-spacing:0}
.v-calc-money{font-size:17px;color:var(--amber);font-weight:600}
.v-calc-threshold{margin:24px 0 18px;padding:18px 20px;border-radius:14px;background:#ffffff06;border:1px solid var(--line2);display:grid;gap:8px;font-size:15px;color:#d2dce8}
.v-calc-verdict{color:#fff}.v-calc-verdict b{color:var(--cyan);font-size:1.15em}
.v-calc-basis{font-size:14px;color:var(--muted);line-height:1.55}.v-calc-basis span{color:var(--text);font-weight:600}
/* Plans */
.v-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.v-plan{position:relative;display:flex;flex-direction:column;padding:30px 28px;border-radius:var(--r-panel);border:1px solid var(--line);background:var(--surface)}
.v-plan.is-featured{border-color:#2bd6ff66;background:linear-gradient(180deg,#2bd6ff12,transparent 45%),var(--surface);box-shadow:0 30px 80px #0007,0 0 0 1px #2bd6ff22}
.v-plan-badge,.v-plan-seats{font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;min-height:1.4em}
.v-plan-badge{color:var(--cyan)}
.v-plan h3{font-size:26px}
.v-plan-fit{color:var(--muted);font-size:15px;margin-top:8px;min-height:3.3em}
.v-plan-price{display:flex;align-items:flex-end;gap:10px;margin:22px 0 6px}
.v-plan-price b{font:700 3rem/1 var(--display);letter-spacing:-.03em}
.v-plan-price span{font-size:13px;color:var(--muted);line-height:1.3;padding-bottom:6px}
.v-plan-quota{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--text);padding:12px 0 16px;border-bottom:1px solid var(--line)}
.v-plan-quota .v-icon{color:var(--cyan)}.v-plan-quota b{font-size:18px}
.v-plan-list{list-style:none;padding:0;margin:16px 0 24px;display:grid;gap:8px;font-size:14.5px;color:var(--muted)}
.v-plan-list li:before{content:"✓";color:var(--green);margin-right:8px}
.v-plan .v-btn{margin-top:auto;width:100%;align-items:center}
.v-plan:not(.is-featured) .v-btn-primary{background:transparent;color:var(--text);border-color:var(--line2);box-shadow:none}
.v-plan:not(.is-featured) .v-btn-primary:hover{border-color:var(--cyan);background:#2bd6ff10;color:#fff}
/* Timeline */
.v-timeline{margin-top:40px;padding:36px;border-radius:var(--r-panel);border:1px solid var(--line);background:#0b111a}
.v-timeline-title{font-size:21px;margin-bottom:24px}
.v-timeline ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.v-timeline ol:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--line2) 70%)}
.v-timeline li{position:relative;padding:30px 22px 0 0}
.v-timeline li:before{content:"";position:absolute;top:3px;left:0;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan)}
.v-timeline li:last-child:before{border-color:var(--line2)}
.v-timeline-day{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.v-timeline li:last-child .v-timeline-day{color:var(--muted)}
.v-timeline b{font-size:16px}.v-timeline p{color:var(--muted);font-size:14.5px;margin-top:6px}
.v-fee{margin:28px 0 16px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.v-fee summary{font-size:15.5px}.v-fee p{color:var(--muted);font-size:15px;margin-top:10px}
.v-center{text-align:center}.v-small a{color:var(--link)}
/* FAQ layout */
.v-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.v-faq-layout>div:first-child{position:sticky;top:calc(var(--header-height) + 32px)}
/* Founder */
.v-founder{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start;max-width:980px}
.v-founder-mark{width:120px;height:120px;border-radius:24px;display:grid;place-items:center;font:700 52px/1 var(--display);color:var(--text);background:var(--surface);border:1px solid var(--line2)}
.v-founder-photo{width:168px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:24px;border:1px solid var(--line2);filter:saturate(.82)}
.v-founder-sign{margin:22px 0 14px;color:var(--muted)}.v-founder-sign b{color:var(--text)}
/* Responsive */
@media(max-width:1100px){.v-copilot ul{grid-template-columns:repeat(2,minmax(0,1fr))}.v-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.v-hero-chip-a{left:0}.v-hero-chip-b{right:0}}
/* Five copilot cards from 701 to 1100 px: 3 + 2 rather than 2 + 2 + 1. Never
   below 701 px, where the list is a .v-scroller with implicit columns. */
@media(min-width:701px) and (max-width:1100px){.v-copilot ul:has(>li:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}.v-copilot ul:has(>li:nth-child(5):last-child)>li{grid-column:span 2}.v-copilot ul:has(>li:nth-child(5):last-child)>li:nth-child(n+4){grid-column:span 3}}
@media(max-width:960px){.v-hero-inner,.v-replay,.v-split,.v-split-reverse,.v-case,.v-calc,.v-faq-layout{grid-template-columns:1fr}.v-hero{padding-block:48px 72px}.v-hero-visual{margin-top:8px}.v-replay-aside{display:none}.v-replay-step{opacity:1}.v-faq-layout>div:first-child{position:static}.v-plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.v-plan.is-featured{order:-1}.v-timeline ol{grid-template-columns:1fr 1fr;gap:28px 0}.v-timeline ol:before{display:none}}
@media(max-width:700px){.v-hero .v-display{font-size:clamp(2.6rem,12vw,3.4rem)}.v-hero-chip{display:none}.v-replay-step{grid-template-columns:1fr;padding:22px}.v-replay-split{display:none}.v-profiles ul{grid-template-columns:1fr}.v-calc-control input[type=range]{height:44px}.v-replay-toggle{min-height:44px}.v-founder-photo{width:132px}.v-bento{grid-template-columns:1fr 1fr}.v-bento-item{padding:18px}.v-bento-item h3{font-size:16px}.v-bento-item p{font-size:13.5px}.v-bento-item.is-wide{grid-column:1/-1}.v-bento-item.is-wide{grid-column:auto}.v-calc-result{padding:24px}.v-timeline{padding:24px 20px}.v-timeline ol{grid-template-columns:1fr}.v-founder{grid-template-columns:1fr;gap:24px}.v-founder-mark{width:64px;height:64px;font-size:30px;border-radius:18px}}
.v-replay-inline{display:none}
@media(max-width:960px){.v-replay-inline{display:block;margin-top:16px;border-radius:18px;border:1px solid var(--line2);overflow:hidden;max-width:360px}.v-replay-inline .v-app{padding:16px 14px 14px;height:auto}}
/* Mobile (< 700 px): the six replay steps, the inputs (bento) and the offers
   become swipeable rows; the home hero phone is not shown (the same
   illustrated screens follow in the replay row), so the page stays short.
   Scoped to .v-hero: inner-page heroes keep their phone, cropped by
   00-base.css (260 x 420 px with a fade). */
@media(max-width:700px){
 .v-replay-steps.is-swipe{grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:12px;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}
 .v-replay-steps.is-swipe::-webkit-scrollbar{display:none}
 .v-replay-steps.is-swipe:focus-visible{outline-offset:-3px;border-radius:var(--r-card)}
 .is-swipe .v-replay-step{scroll-snap-align:start;align-content:start}
 .is-swipe .v-replay-step:not(.is-active) .v-replay-num{color:var(--cyan);border-color:#2bd6ff40;background:#2bd6ff10}
 .is-swipe .v-replay-num{width:auto;padding-inline:10px;justify-self:start;display:inline-flex;align-items:center;white-space:nowrap}.is-swipe .v-replay-num small{display:inline}
 .is-swipe .v-replay-inline{max-width:none;max-height:330px;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
 .v-hero .v-hero-visual{display:none}
 .v-hero{padding-block:36px 48px}
 .v-speed-top{flex-wrap:wrap}.v-speed .v-pill{text-align:left}
 .v-plans.v-scroller{max-width:none;align-items:stretch}.v-plans.v-scroller .v-plan{padding:26px 22px}
 .v-bento.v-scroller{grid-auto-columns:72%}
 .v-feature-list{gap:10px}.v-feature-list li{padding:14px 16px;gap:14px}
 .v-case-steps li{padding:16px 18px}
 .v-copilot{margin-top:40px;padding-top:28px}
 .v-timeline ol{gap:18px 0}.v-timeline li{padding-top:26px}
 .v-calc-fields{gap:18px}
}

/* Tarifs (/tarifs). Classes préfixées v-tarifs-, jetons de design-system.css. */
.v-tarifs-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Hero + offres */
.v-tarifs-hero{padding-block:64px 72px;background:radial-gradient(1000px 460px at 50% -12%,#2bd6ff1f,transparent 70%),linear-gradient(#ffffff05 1px,transparent 1px) 0 0/100% 40px,var(--bg)}
.v-tarifs-hero .v-wrap{gap:48px}
.v-tarifs-intro{max-width:920px;margin-inline:auto;text-align:center}
.v-tarifs-intro .v-eyebrow{justify-content:center}
.v-tarifs-intro .v-display{font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.05}
.v-tarifs-intro .v-display em{display:block}
.v-tarifs-intro .v-lead{margin-inline:auto;max-width:64ch}
.v-tarifs-plan-name{font-size:26px;letter-spacing:-.02em}
.v-tarifs-hero .v-plan-quota{border-bottom:0;padding-bottom:2px}
.v-tarifs-unit{font-size:13.5px;line-height:1.55;color:var(--muted);padding:0 0 16px 24px;border-bottom:1px solid var(--line)}
.v-tarifs-unit span{display:block}
@media(min-width:961px){.v-tarifs-hero .v-plan-fit{min-height:3.4em}}
.v-tarifs-terms{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 36px;margin-top:-8px}
.v-tarifs-terms p{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:var(--muted);max-width:640px;margin:0}
.v-tarifs-terms .v-icon{color:var(--cyan);margin-top:2px}
.v-tarifs-terms a{color:var(--link);font-weight:600}
/* Comparatif */
.v-tarifs-compare-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:56px;align-items:start}
.v-tarifs-compare-layout>div:first-child{position:sticky;top:calc(var(--header-height) + 32px)}
.v-tarifs-compare-layout .v-head{margin-bottom:0}
.v-tarifs-compare{table-layout:fixed}
.v-tarifs-compare thead th{text-align:center;color:var(--text);font-size:13px}
.v-tarifs-compare thead th:first-child{text-align:left;width:52%;color:var(--muted)}
.v-tarifs-compare thead th.is-featured{color:var(--cyan)}
.v-tarifs-compare tbody th{font-size:15.5px;line-height:1.35}
.v-tarifs-compare th small,.v-tarifs-pay-table th small{display:block;font:400 13px/1.45 var(--font);color:var(--muted);margin-top:4px}
.v-tarifs-compare td{text-align:center;vertical-align:middle}
.v-tarifs-compare td.is-featured,.v-tarifs-pay-table td.is-featured,.v-tarifs-pay-table th.is-featured{background:#2bd6ff08}
.v-tarifs-compare .is-key th,.v-tarifs-compare .is-key td{background:#2bd6ff12;border-bottom-color:#2bd6ff33}
.v-tarifs-compare .is-key th small{color:var(--cyan)}
.v-tarifs-compare .is-key b{display:block;font:700 30px/1 var(--display);letter-spacing:-.02em;color:#fff}
.v-tarifs-compare .is-key td small{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:var(--muted)}
.v-tarifs-group th{font:600 13px/1.4 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important;background:var(--surface2);padding-block:11px!important}
.v-tarifs-compare-m{display:none}
.v-tarifs-m-label{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.v-tarifs-m-key{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v-tarifs-m-key li{display:grid;gap:4px;padding:14px 10px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);text-align:center}
.v-tarifs-m-key li.is-featured{border-color:#2bd6ff66;background:linear-gradient(180deg,#2bd6ff14,transparent 70%),var(--surface)}
.v-tarifs-m-key span{font-weight:600;font-size:14px}
.v-tarifs-m-key li.is-featured span{color:var(--cyan)}
.v-tarifs-m-key b{font:700 28px/1.05 var(--display);color:#fff}
.v-tarifs-m-key small{font-size:13px;line-height:1.35;color:var(--muted)}
.v-tarifs-m-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.v-tarifs-m-list li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--green)}
.v-tarifs-m-list li:last-child{border-bottom:0}
.v-tarifs-m-list .v-icon{margin-top:2px}
.v-tarifs-m-list b{display:block;color:var(--text);font-size:15px;line-height:1.35}
.v-tarifs-m-list span{display:block;color:var(--muted);font-size:13.5px;line-height:1.45;margin-top:2px}
.v-tarifs-compare-body{min-width:0}
.v-tarifs-compare-more{margin:22px 0 0}
.v-tarifs-compare-more .v-link{display:inline;line-height:1.5}
.v-tarifs-compare-more .v-link .v-icon{display:inline-block;vertical-align:-3px;margin-left:8px}
.v-tarifs-m-note{font-size:13px;line-height:1.45;color:var(--muted);margin:-18px 0 26px}
.v-tarifs-yes{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#3ddc9714;border:1px solid #3ddc9744;color:var(--green)}
/* Aide au choix */
.v-tarifs-define{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;max-width:880px;margin:0 auto 56px;padding:26px 30px;border-radius:20px;border:1px solid #2bd6ff44;background:linear-gradient(135deg,#2bd6ff12,transparent 62%),var(--surface)}
.v-tarifs-define .v-card-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#2bd6ff12;border:1px solid #2bd6ff2e;color:var(--cyan)}
.v-tarifs-define h3{font-size:22px;margin-bottom:8px}
.v-tarifs-define p{color:var(--muted);font-size:16px;line-height:1.6}
.v-tarifs-scale{max-width:1000px;margin:0 auto;padding-top:26px}
.v-tarifs-scale-track{display:flex;gap:4px;height:10px}
.v-tarifs-scale-track span{position:relative;border-radius:99px}
.v-tarifs-scale-track .is-starter{flex:10;background:#2bd6ff4d}
.v-tarifs-scale-track .is-pro{flex:20;background:#2bd6ff99}
.v-tarifs-scale-track .is-expert{flex:30;background:var(--cyan)}
.v-tarifs-scale-track b{position:absolute;right:0;bottom:18px;font:600 13px/1 var(--mono);color:var(--text)}
.v-tarifs-scale p{display:flex;gap:16px;font:500 13px/1.4 var(--mono);color:var(--faint);margin-top:10px}
.v-tarifs-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.v-tarifs-fit-item{padding:26px;border-radius:18px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:10px}
.v-tarifs-fit-item.is-featured{border-color:#2bd6ff55;background:linear-gradient(180deg,#2bd6ff0d,transparent 55%),var(--surface)}
.v-tarifs-fit-week{font-size:14px;color:var(--muted)}
.v-tarifs-fit-week b{display:block;font:700 34px/1 var(--display);letter-spacing:-.02em;color:var(--cyan);margin-bottom:6px}
.v-tarifs-fit-item h3{font-size:21px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin-top:6px}
.v-tarifs-fit-item h3 span{font:500 13px/1.4 var(--mono);color:var(--muted);letter-spacing:0}
.v-tarifs-fit-item>p{color:var(--muted);font-size:15px;margin:0}
.v-tarifs-fit-item>p.v-tarifs-fit-who{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line2);font-size:14.5px;color:var(--text)}
.v-tarifs-tips{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v-tarifs-tips li{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:16px;border:1px solid var(--line);background:#ffffff04;color:var(--cyan)}
.v-tarifs-tips b{color:var(--text);font-size:15.5px}
.v-tarifs-tips p{color:var(--muted);font-size:14.5px;line-height:1.55;margin-top:4px}
/* L'essai et la suite */
.v-tarifs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v-tarifs-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 24px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.v-tarifs-steps li:not(:last-child):after{content:"";position:absolute;top:38px;right:-15px;width:16px;height:1px;background:var(--line2)}
.v-tarifs-step-num{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--cyan);border:1px solid #2bd6ff40;background:#2bd6ff10;margin-bottom:10px}
.v-tarifs-step-day{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}
.v-tarifs-steps h3{font-size:19px;line-height:1.25}
.v-tarifs-steps li>p:last-child{color:var(--muted);font-size:14.5px;line-height:1.55;margin:4px 0 0}
.v-tarifs-steps li.is-now{border-color:#2bd6ff66;background:linear-gradient(180deg,#2bd6ff14,transparent 70%),var(--surface)}
.v-tarifs-steps li.is-now h3{font:700 40px/1 var(--display);letter-spacing:-.03em;color:var(--cyan)}
.v-tarifs-steps li.is-decide{border-color:#3ddc9755}
.v-tarifs-steps li.is-decide .v-tarifs-step-num{color:var(--green);border-color:#3ddc9755;background:#3ddc9712}
.v-tarifs-pay{margin-top:56px}
.v-tarifs-pay-title{font-size:21px;margin-bottom:16px}
.v-tarifs-pay-table{table-layout:fixed}
.v-tarifs-pay-table thead th:first-child{width:40%}
.v-tarifs-pay-table thead th:not(:first-child){text-align:right;color:var(--text)}
.v-tarifs-pay-table thead th.is-featured{color:var(--cyan)}
.v-tarifs-pay-table tbody th{font-size:15.5px}
.v-tarifs-pay-table td{text-align:right;vertical-align:middle;font:500 16px/1.3 var(--mono);color:var(--text);white-space:nowrap}
.v-tarifs-pay-table .is-now td b{color:var(--cyan);font-weight:600}
.v-tarifs-pay-table .is-avg th,.v-tarifs-pay-table .is-avg td{background:#ffffff05}
.v-tarifs-pay .v-small{margin-top:14px}
.v-tarifs-fee{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding:40px;border-radius:22px;border:1px solid var(--line);background:#0b111a}
.v-tarifs-fee-copy .v-eyebrow{margin-bottom:12px}
.v-tarifs-fee-copy h3{font-size:clamp(1.5rem,2.3vw,2rem);margin-bottom:16px}
.v-tarifs-fee-copy p:not(.v-eyebrow){color:var(--muted);font-size:16.5px;line-height:1.65}
.v-tarifs-fee-copy p:not(.v-eyebrow)+p{margin-top:12px;color:var(--text)}
.v-tarifs-fee-facts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-tarifs-fee-facts li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--cyan)}
.v-tarifs-fee-facts b{color:var(--text);font-size:16px}
.v-tarifs-fee-facts p{color:var(--muted);font-size:14.5px;line-height:1.55;margin-top:3px}
/* Seuil + parrainage */
.v-tarifs-duo{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px;align-items:stretch}
.v-tarifs-card{display:flex;flex-direction:column;gap:18px;padding:34px;border-radius:22px;border:1px solid var(--line);background:var(--surface)}
.v-tarifs-breakeven{border-color:#2bd6ff33;background:radial-gradient(420px 260px at 100% 0,#2bd6ff1a,transparent 70%),#0b121c;box-shadow:0 30px 80px #0007}
.v-tarifs-card-kicker{display:flex;gap:8px;align-items:center;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0}
.v-tarifs-card h3{font-size:clamp(1.3rem,1.9vw,1.65rem);line-height:1.3}
.v-tarifs-card h3 b{color:var(--cyan)}
.v-tarifs-card>p:not([class]){color:var(--muted);font-size:15.5px;margin:0}
.v-tarifs-card>p.v-small{margin:0}
.v-tarifs-card .v-bullets{margin:0}
.v-tarifs-card .v-link{margin-top:auto;align-self:flex-start}
.v-tarifs-equation{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:18px 20px;border-radius:14px;background:#ffffff06;border:1px solid var(--line2)}
.v-tarifs-equation span{display:grid;gap:3px}
.v-tarifs-equation b{font:600 20px/1.1 var(--mono);color:#fff;white-space:nowrap}
.v-tarifs-equation small{font-size:13px;color:var(--muted)}
.v-tarifs-equation i{font:400 26px/1 var(--font);font-style:normal;color:var(--faint);margin-top:-14px}
.v-tarifs-equation .is-result b{color:var(--cyan)}
.v-tarifs-verdict{font-size:17.5px;color:#fff;margin:0}
.v-tarifs-verdict b{color:var(--cyan)}
.v-tarifs-referral h3 b{color:var(--green)}
/* Responsive */
@media(max-width:1100px){.v-tarifs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.v-tarifs-steps li.is-now{grid-column:1/-1}.v-tarifs-steps li:after{display:none}}
@media(max-width:960px){.v-tarifs-compare-layout,.v-tarifs-fee,.v-tarifs-duo{grid-template-columns:1fr}.v-tarifs-compare-layout{gap:32px}.v-tarifs-compare-layout>div:first-child{position:static}.v-tarifs-fit,.v-tarifs-tips{grid-template-columns:1fr}.v-tarifs-fit{max-width:560px;margin-inline:auto}.v-tarifs-scale{max-width:560px}.v-tarifs-hero .v-plan.is-featured{order:0}}
@media(max-width:700px){
.v-tarifs-hero{padding-block:36px 56px}
.v-tarifs-hero .v-wrap{gap:36px}
.v-tarifs-intro{text-align:left}.v-tarifs-intro .v-eyebrow{justify-content:flex-start}
.v-tarifs-intro .v-display{font-size:clamp(2.1rem,9.4vw,2.7rem)}
.v-tarifs-intro .v-display em{display:inline}
.v-tarifs-terms{justify-content:flex-start;margin-top:0}
.v-tarifs-compare-wrap{display:none}.v-tarifs-compare-m{display:block}
.v-tarifs-hero .v-plan:not(.is-featured) .v-plan-list{display:none}
.v-tarifs-hero .v-plan:not(.is-featured) .v-tarifs-unit{margin-bottom:22px}
.v-tarifs-fit{max-width:none;margin:28px -20px 0;scroll-padding-inline:20px}
.v-tarifs-pay-table,.v-tarifs-pay-table thead,.v-tarifs-pay-table tbody{display:block}
.v-tarifs-pay-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.v-tarifs-pay-table tbody tr:last-child{border-bottom:0}
.v-tarifs-pay-table th,.v-tarifs-pay-table td{border-bottom:0}
.v-tarifs-pay-table thead th{padding:12px 14px;text-align:right;background:var(--surface2)}
.v-tarifs-pay-table thead th:first-child{display:block;grid-column:1/-1;width:auto;text-align:left;padding-bottom:0}
.v-tarifs-pay-table thead tr{background:var(--surface2)}
.v-tarifs-pay-table tbody th{grid-column:1/-1;padding:16px 14px 4px;font-size:15px;line-height:1.35}
.v-tarifs-pay-table tbody th small{font-size:13px;margin-top:2px}
.v-tarifs-pay-table td{padding:8px 14px 16px;font:500 15px/1.3 var(--mono);white-space:nowrap}
.v-tarifs-pay-table tbody th,.v-tarifs-pay-table tbody td{background:none!important}
.v-tarifs-pay-table tbody tr.is-avg{background:#ffffff05}
.v-tarifs-pay-table td.is-featured{color:#fff;font-weight:600}
.v-tarifs-define{grid-template-columns:40px 1fr;gap:14px;padding:20px 18px;margin-bottom:40px}
.v-tarifs-define .v-card-icon{width:40px;height:40px;border-radius:12px}
.v-tarifs-define h3{font-size:20px}.v-tarifs-define p{font-size:15.5px}
.v-tarifs-steps{grid-template-columns:1fr;gap:10px}
.v-tarifs-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:14px;row-gap:4px;padding:18px}
.v-tarifs-steps li>*{grid-column:2}.v-tarifs-steps .v-tarifs-step-num{grid-column:1;grid-row:1/span 3;margin:0}
.v-tarifs-steps li.is-now h3{font-size:34px}
.v-tarifs-fee{padding:24px 20px;gap:24px}
.v-tarifs-card{padding:24px 20px}
.v-tarifs-equation{padding:16px;gap:10px}.v-tarifs-equation b{font-size:17px}
}

/* Formule annuelle (25/09) */
.v-plan-annual{margin:-4px 0 10px;font-size:14px}.v-plan-annual a{color:var(--cyan);text-underline-offset:3px}
.v-tarifs-annual .v-tarifs-pay{margin-top:0}.v-tarifs-annual-facts{margin:22px 0 18px}

/* Essai (/essai) : surcharge V7 du tunnel (.trial-page de design-system.css).
   Tout est préfixé .v7-trial ; design-system.css reste intact. Le récapitulatif
   #trial-persistent-summary est reconstruit par trial.js : on stylise sa
   structure (header, .trial-payment-timeline, dl.trial-payment-details). */
.v7-trial main{overflow-x:clip}
.v7-trial .v7-trial-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.v7-trial .breadcrumbs{padding-top:20px}
/* Intro : la valeur avant les montants */
.v7-trial .v7-trial-intro{padding-block:40px 48px;border-bottom:1px solid var(--line);background:radial-gradient(900px 420px at 85% -10%,#2bd6ff1c,transparent 70%),linear-gradient(#ffffff05 1px,transparent 1px) 0 0/100% 40px,var(--bg)}
.v7-trial .v7-trial-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.v7-trial .v7-trial-intro .v-eyebrow{margin-bottom:16px}
.v7-trial .v7-trial-intro h1{font-size:clamp(2.4rem,4.4vw,3.9rem);line-height:1.05;letter-spacing:-.035em;max-width:14ch}
.v7-trial .v7-trial-lead{margin-top:18px;max-width:54ch;font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:var(--muted)}
.v7-trial .v7-trial-value{padding:24px 26px;border-radius:20px;border:1px solid #2bd6ff33;background:linear-gradient(135deg,#2bd6ff10,transparent 60%),var(--surface)}
.v7-trial .v7-trial-value-title{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}
.v7-trial .v7-trial-value ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.v7-trial .v7-trial-value li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.45;color:var(--text)}
.v7-trial .v7-trial-value .v-icon{color:var(--cyan);margin-top:1px}
/* Mise en page : formulaire à gauche, récapitulatif puis réassurance à droite.
   Ordre du DOM : récapitulatif, étapes, formulaire, réassurance. Ligne 1 = les
   étapes (le récapitulatif qui la traverse ne la gonfle pas : elle est déjà à
   sa taille), ligne 2 = le reste du récapitulatif, ligne 3 flexible = la
   réassurance et la suite du formulaire. La réassurance suit donc toujours le
   récapitulatif sans trou, quelle que soit la hauteur du formulaire. */
.v7-trial .v7-trial-body{padding-block:40px 104px}
.trial-page.v7-trial .trial-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto auto 1fr;grid-template-areas:"steps side" "main side" "main assur";gap:22px 40px;align-items:start}
.v7-trial .v7-trial-side{grid-area:side;min-width:0}
.trial-page.v7-trial .trial-aside{grid-area:steps;position:static;min-width:0}
.trial-page.v7-trial .trial-main{grid-area:main;min-width:0}
.v7-trial .v7-trial-assurance{grid-area:assur;min-width:0}
/* Étapes */
.v7-trial .trial-aside>.eyebrow{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v7-trial .trial-progress{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v7-trial .trial-progress li{display:flex;flex-direction:column;gap:4px;padding:12px 0 0;border-top:3px solid var(--line2);font-size:14px;line-height:1.35;color:var(--muted);font-weight:500}
.v7-trial .trial-progress li span{font:600 13px/1.2 var(--mono);color:var(--faint);padding:0}
.v7-trial .trial-progress li:has(~ li[aria-current=step]){border-top-color:#2bd6ff66;color:var(--text)}
.v7-trial .trial-progress li[aria-current=step]{border-top-color:var(--cyan);color:var(--text);font-weight:650}
.v7-trial .trial-progress li[aria-current=step] span{color:var(--cyan)}
/* Carte formulaire */
.trial-page.v7-trial .trial-main{--surface:#0f1622;--paper:#131c2a;--line:#2a384b;--muted:#a9b8cc;--border2:#728197;background:var(--surface);border:1px solid #2a384b;border-radius:22px;padding:40px 44px;box-shadow:0 30px 80px #0006}
.v7-trial .trial-main>section>.eyebrow{display:block;font:600 13px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.v7-trial .trial-main h2{font-size:clamp(1.9rem,2.6vw,2.4rem);letter-spacing:-.03em}
.v7-trial .trial-intro{font-size:15.5px;line-height:1.6;color:var(--muted);margin:14px 0 30px}
.trial-page.v7-trial .trial-main .field input,.trial-page.v7-trial .trial-main .field select{background:#06090f;border-color:#728197;color:var(--text);min-height:52px;border-radius:10px}
.trial-page.v7-trial .trial-main .field input:focus,.trial-page.v7-trial .trial-main .field select:focus{border-color:var(--cyan)}
.v7-trial .trial-main .field label{font-size:14.5px}
.v7-trial .trial-main .field small{font-size:13.5px;line-height:1.55}
.v7-trial .trial-main .field small a{color:var(--link)}
.trial-page.v7-trial .trial-main .micro{font-size:13px;line-height:1.6;color:var(--muted)}
.v7-trial .trial-main .micro a,.v7-trial .trial-help a,.v7-trial .check-field a{color:var(--link)}
.v7-trial .trial-main form>.button{margin-top:26px;min-height:56px;padding-inline:26px;font-size:16px}
.trial-page.v7-trial .trial-main .notice{background:#131c2a;border-color:#2a384b;border-left-color:var(--cyan);border-radius:12px}
.trial-page.v7-trial .trial-main #trial-message:not(:empty){border-radius:12px}
.v7-trial .trial-resume{border-radius:14px;border:1px solid #2a384b}
.v7-trial .trial-help{font-size:13.5px}
/* Récapitulatif persistant : 0 € en grand, la suite en taille normale */
.trial-page.v7-trial #trial-persistent-summary{margin:0;padding:24px 26px 20px;border-radius:20px;border:1px solid var(--line2);border-top:1px solid var(--line2);background:var(--surface);box-shadow:none;font-size:14px;color:var(--muted)}
.trial-page.v7-trial #trial-persistent-summary header{display:block;padding-bottom:14px;border-bottom:1px solid var(--line)}
.trial-page.v7-trial #trial-persistent-summary header>p{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.trial-page.v7-trial #trial-persistent-summary h3{font-size:18px;line-height:1.3;color:var(--text)}
.trial-page.v7-trial .trial-payment-timeline{display:grid;grid-template-columns:1fr;gap:0;margin-block:16px 12px}
.trial-page.v7-trial .trial-payment-now{padding:14px 16px 16px;border-radius:14px;border:1px solid #2bd6ff44;background:linear-gradient(135deg,#2bd6ff14,transparent 70%),#0b121c}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-timeline p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-now>p:first-child{font-weight:600;color:var(--text)}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-now strong{display:block;font:700 46px/1.05 var(--display);letter-spacing:-.035em;color:var(--cyan);margin:4px 0 6px}
.trial-page.v7-trial .trial-payment-next{padding:14px 2px 0;border:0}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-next>p:first-child{font-weight:600;color:var(--text);margin-bottom:2px}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-next strong{display:inline;font:500 14px/1.5 var(--font);letter-spacing:0;color:var(--text);margin:0 .25em 0 0}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-next a{color:var(--link);font-weight:600;white-space:nowrap}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-next>p:last-child{display:inline;font-size:14px}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-details{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);padding-top:4px;margin:0 0 12px}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-details dt{margin:10px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-details dd{margin:2px 0 0;font-size:14px;line-height:1.5;font-weight:500;color:var(--text)}
.trial-page.v7-trial #trial-persistent-summary>p{max-width:none;margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.trial-page.v7-trial #trial-persistent-summary>a{min-height:44px;display:inline-flex;align-items:center;margin-top:2px;color:var(--link);font-size:14px;font-weight:600}
/* Réassurance */
.v7-trial .v7-trial-assurance{padding:24px 26px;border-radius:20px;border:1px solid var(--line);background:#0b111a}
.v7-trial .v7-trial-side-title{font-size:18px;letter-spacing:-.015em;margin-bottom:14px}
.v7-trial .v7-trial-assurance ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v7-trial .v7-trial-assurance li{display:grid;grid-template-columns:20px 1fr;gap:12px;color:var(--green)}
.v7-trial .v7-trial-assurance li .v-icon{margin-top:2px}
.v7-trial .v7-trial-assurance b{display:block;font-size:15px;color:var(--text)}
.v7-trial .v7-trial-assurance li p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:2px 0 0}
.v7-trial .v7-trial-assurance li p a{color:var(--link);font-weight:600;white-space:nowrap}
.v7-trial .v7-trial-callback{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.v7-trial .v7-trial-callback p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 12px}
.v7-trial .v7-trial-callback .v-btn{width:100%;min-height:48px;font-size:15px}
/* Aperçu des conditions (tablette et mobile, quand le récapitulatif passe sous le formulaire) */
.v7-trial .v7-trial-glance{display:none;gap:10px;align-items:flex-start;margin:18px 0 0;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);font-size:14.5px;line-height:1.55;color:var(--muted)}
.v7-trial .v7-trial-glance .v-icon{color:var(--cyan);margin-top:2px}
.v7-trial .v7-trial-glance b{color:var(--cyan);font-weight:650}
.v7-trial .v7-trial-glance a{color:var(--link);font-weight:600;white-space:nowrap}
.v7-trial .v7-trial-glance i{font-style:normal;color:var(--faint);margin-inline:2px}
/* Responsive */
@media(max-width:1100px){.trial-page.v7-trial .trial-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px 28px}.trial-page.v7-trial .trial-main{padding:32px}}
@media(max-width:960px){
.v7-trial .v7-trial-intro-grid{grid-template-columns:1fr;gap:28px}
.trial-page.v7-trial .trial-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px}
.trial-page.v7-trial .trial-aside,.trial-page.v7-trial .trial-main{width:100%}
/* Seul déplacement visuel : le calendrier de paiement (placé avant les étapes
   dans le DOM, v6-trial.test.mjs) s'affiche après le formulaire et la
   réassurance, pour que les montants n'accueillent pas le visiteur. */
.v7-trial .v7-trial-side{order:1}
.v7-trial #trial-persistent-summary{scroll-margin-top:88px}
.v7-trial .v7-trial-glance{display:flex}
}
@media(max-width:700px){
.v7-trial .v7-trial-intro{padding-block:20px 32px}
.v7-trial .v7-trial-intro .v-eyebrow{font-size:13px;margin-bottom:12px}
.v7-trial .v7-trial-intro h1{font-size:clamp(2rem,9vw,2.5rem);max-width:none}
.v7-trial .v7-trial-lead{font-size:16px;margin-top:12px}
.v7-trial .v7-trial-intro-grid{gap:0}
.v7-trial .v7-trial-value{display:none}
.v7-trial .v7-trial-glance{font-size:14px;padding:12px 14px}
.v7-trial .v7-trial-body{padding-block:24px 72px}
.trial-page.v7-trial .trial-main{padding:24px 18px;border-radius:18px}
.v7-trial .trial-main>section>.eyebrow{display:block;margin-bottom:10px}
.v7-trial .trial-main h2{font-size:28px}
.v7-trial .trial-intro{font-size:14.5px;margin:10px 0 22px}
.v7-trial .trial-main form>.button{width:100%;font-size:15px}
.trial-page.v7-trial #trial-persistent-summary{padding:18px 18px 14px}
.trial-page.v7-trial #trial-persistent-summary .trial-payment-now strong{font-size:40px}
.v7-trial .trial-progress{display:flex;gap:6px}
.v7-trial .trial-progress li{flex:1;flex-direction:row;align-items:center;gap:8px;font-size:0;padding-top:10px;min-height:0}
.v7-trial .trial-progress li[aria-current=step]{flex:4;font-size:13.5px}
.v7-trial .trial-progress li span{font-size:13px}
.v7-trial .v7-trial-assurance{padding:20px 18px}
}

/* Fonctionnalités (/fonctionnalites) — classes .v-fonc-* */
.v-fonc-hero .v-display{font-size:clamp(2.7rem,5.4vw,4.7rem);max-width:12ch}
.v-fonc-hero .v-display em{display:block}
.v-fonc-hero .v-hero-visual{padding-block:8px}
/* Moments navigator */
.v-fonc-moments{background:var(--bg2);border-bottom:1px solid var(--line)}
.v-fonc-moments ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.v-fonc-moments ol:before{content:"";position:absolute;left:0;right:0;top:38px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--line2) 85%)}
.v-fonc-moments li{min-width:0}
.v-fonc-moments a{position:relative;display:grid;gap:6px;padding:24px 20px 26px 0;text-decoration:none;color:var(--text);min-height:44px}
.v-fonc-moments a>span{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--cyan);background:var(--bg2);border:1.5px solid var(--cyan);margin-bottom:4px}
.v-fonc-moments b{font:700 16px/1.3 var(--display);letter-spacing:-.01em}
.v-fonc-moments small{font-size:13.5px;line-height:1.45;color:var(--muted)}
.v-fonc-moments a:hover b,.v-fonc-moments a:focus-visible b{color:var(--cyan)}
.v-fonc-moments a:hover>span{background:var(--cyan);color:#03121b}
/* Moment sections: phone left / phone right / three-stage track */
.v-fonc-moment{scroll-margin-top:var(--header-height);padding-block:92px}
.v-fonc-split{display:grid;grid-template-columns:340px minmax(0,1fr);gap:72px;align-items:center}
.v-fonc-moment.is-flip .v-fonc-split{grid-template-columns:minmax(0,1fr) 340px}
.v-fonc-moment.is-flip .v-fonc-visual{order:2}
.v-fonc-body{min-width:0}
.v-fonc-inline{display:none;margin:0}
.v-fonc-top{max-width:760px;margin-bottom:36px}
.v-fonc-top .v-title{font-size:clamp(2rem,3.3vw,2.85rem)}
.v-fonc-top .v-lead{margin-top:16px}
.v-fonc-top.is-center{margin-inline:auto;text-align:center;margin-bottom:48px}
.v-fonc-top.is-center .v-lead{margin-inline:auto}
.v-fonc-step{display:inline-flex;align-items:center;gap:12px;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 18px}
.v-fonc-step span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;letter-spacing:0;border:1px solid #2bd6ff44;background:#2bd6ff10}
/* Flagship features: pain (amber rule) → capability */
.v-fonc-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v-fonc-key{display:flex;flex-direction:column;padding:24px 26px;border-radius:20px;border:1px solid var(--line);background:var(--surface);transition:border-color .25s}
.v-fonc-key:hover{border-color:var(--line2)}
.v-fonc-key-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.v-fonc-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#2bd6ff12;border:1px solid #2bd6ff2e;color:var(--cyan)}
.v-fonc-key h3{font-size:20px;line-height:1.25}
.v-fonc-pain{margin:0 0 14px;padding:1px 0 1px 14px;border-left:2px solid var(--amber);color:var(--muted);font-size:15px;line-height:1.55}
.v-fonc-cap{margin:0;color:#dfe8f3;font-size:15.5px;line-height:1.6}
.v-fonc-ui{margin:18px 0 0;padding-top:16px;border-top:1px dashed var(--line2);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto}
.v-fonc-cap+.v-fonc-ui{margin-top:18px}
.v-fonc-ui-lbl{width:100%;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v-fonc-chip{display:inline-flex;align-items:center;min-height:30px;font:500 13.5px/1.25 var(--font);padding:5px 11px;border-radius:8px;background:#101826;border:1px solid var(--line2);color:#dfe8f3;box-shadow:inset 0 1px 0 #ffffff08}
/* Secondary features: icon, title, one line */
.v-fonc-more{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 28px}
/* Four items: 2 + 2 rather than 3 + 1 (one column stays below 701 px). */
@media(min-width:701px){.v-fonc-more:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.v-fonc-more li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;padding-top:18px;border-top:1px solid var(--line)}
.v-fonc-more-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--cyan);background:#2bd6ff0d;border:1px solid #2bd6ff26}
.v-fonc-more p{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}
.v-fonc-more b{display:block;color:var(--text);font-size:16px;font-weight:600;margin-bottom:3px}
.v-fonc-link{margin:26px 0 0}
/* Two speeds */
.v-fonc-speeds{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:22px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,#2bd6ff0a,transparent 55%),var(--surface)}
.v-fonc-speeds h3{grid-column:1/-1;font-size:17px;line-height:1.3}
.v-fonc-speed{padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:#ffffff04}
.v-fonc-speed.is-fast{border-color:#2bd6ff44}
.v-fonc-speed-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 8px;color:var(--cyan)}
.v-fonc-speed-top b{color:var(--text);font-size:16px;font-weight:600}
.v-fonc-speed-top span{display:inline-flex;padding:5px 9px;border-radius:999px;font:600 13px/1 var(--mono);color:#c9d5e4;border:1px solid var(--line2);background:#ffffff08}
.v-fonc-speed.is-fast .v-fonc-speed-top span{color:var(--cyan);border-color:#2bd6ff44;background:#2bd6ff12}
.v-fonc-speed>p:last-child{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}
/* Three-stage track (measure → interpretation → re-ranking) */
.v-fonc-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative}
.v-fonc-stage{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.v-fonc-stage:not(:last-child):after{content:"";position:absolute;top:50%;right:-21px;width:10px;height:10px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);transform:translateY(-50%) rotate(45deg);opacity:.8}
.v-fonc-stage:first-child{border-color:#ffb22440}
.v-fonc-stage:last-child{border-color:#2bd6ff55;background:linear-gradient(180deg,#2bd6ff0e,transparent 60%),var(--surface);box-shadow:0 24px 60px #0007}
.v-fonc-stage-k{display:flex;align-items:center;gap:10px;margin:0;font:600 13px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cyan)}
.v-fonc-stage-k span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;letter-spacing:0;border:1px solid #2bd6ff44;background:#2bd6ff10}
.v-fonc-stage:first-child .v-fonc-stage-k{color:var(--amber)}
.v-fonc-stage:first-child .v-fonc-stage-k span{border-color:#ffb22455;background:#ffb22412}
.v-fonc-stage h3{font-size:21px;line-height:1.25}
.v-fonc-stage-viz{min-height:118px;display:grid;align-content:center;padding:14px;border-radius:14px;background:#070b12;border:1px solid var(--line)}
.v-fonc-stage-cap{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.v-fonc-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v-fonc-tags li{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;border:1px solid var(--line2);background:#101826;color:#dfe8f3;font-size:14px}
.v-fonc-tags .v-icon{color:var(--cyan)}
.v-fonc-readout{margin:0;display:grid;border-radius:10px;overflow:hidden;border:1px solid #3ddc974d;font:500 14px/1.3 var(--mono)}
.v-fonc-readout div{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid #3ddc9726}
.v-fonc-readout div:first-child{border-top:0}
.v-fonc-readout dt{color:#3ddc97}
.v-fonc-readout dd{margin:0;color:var(--text);font-weight:600;white-space:nowrap}
.v-fonc-readout .is-gap{background:#ffb22412}
.v-fonc-readout .is-gap dt,.v-fonc-readout .is-gap dd{color:var(--amber)}
/* Below 360 px the value and its unit would be clipped: stack it under its label. */
@media(max-width:359px){.v-fonc-readout div{flex-direction:column;gap:2px}}
.v-fonc-leads{display:grid;gap:8px}
.v-fonc-leads .v-hyp{padding:10px 12px}
.v-fonc-leads .v-hyp-top{font-size:14px}
.v-fonc-leads .v-hyp-top b{font-size:13px}
.v-fonc-leads .v-hyp p{font-size:13px;color:#a9b8cc}
.v-fonc-leads .v-hyp-out{opacity:1}
.v-fonc-leads .v-hyp-out .v-hyp-top span,.v-fonc-leads .v-hyp-out p{color:#8a9ab0}
.v-fonc-flag{display:flex;justify-content:center;align-items:center;gap:6px;margin:24px 0 0;font:500 13px/1.3 var(--mono);color:var(--faint);letter-spacing:.03em}
/* Schematic screens (extra bits) */
.v-page-fonctionnalites .v-app-card strong .v-icon,.v-page-valise .v-app-card strong .v-icon{display:inline-block;vertical-align:-2px;margin-right:4px}
.v-fonc-thumbs{display:flex;gap:6px;flex-wrap:wrap}
.v-fonc-thumbs span{display:inline-flex;align-items:center;gap:5px;padding:7px 8px;border-radius:9px;background:#101826;border:1px solid #1f2b3c;font-size:10.5px;color:#c5d1e0}
.v-fonc-thumbs .v-icon{color:var(--cyan)}
.v-fonc-launch{margin:6px 0 0;padding:11px;border-radius:12px;text-align:center;font-weight:700;font-size:12.5px;color:#03121b;background:var(--cyan)}
.v-fonc-ifs{margin-top:5px!important}
.v-fonc-ifs b{font:600 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-right:4px}
.v-fonc-ifs .is-pos{color:var(--green)}.v-fonc-ifs .is-neg{color:var(--amber)}
.v-fonc-opts{display:grid;gap:6px}
.v-fonc-opts span{padding:8px 10px;border-radius:10px;background:#101826;border:1px solid #1f2b3c;font-size:11.5px;color:#c5d1e0}
.v-fonc-opts span.is-on{border-color:#2bd6ff66;background:#2bd6ff10;color:#fff}
.v-fonc-rows{display:grid;gap:6px}
.v-fonc-rows div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#101826;border:1px solid #1f2b3c}
.v-fonc-rows b{font-size:11.5px;font-weight:600;color:#e6edf6}
.v-fonc-av{min-width:24px;height:24px;padding:0 7px;border-radius:12px;display:grid;place-items:center;font:600 10.5px/1 var(--mono);color:#03121b;background:var(--cyan)}
.v-fonc-av.is-empty{background:transparent;color:var(--amber);border:1px dashed #ffb22466}
.v-fonc-events{display:grid;gap:0;padding-left:4px}
.v-fonc-events p{position:relative;margin:0;padding:0 0 10px 16px;font-size:11.5px;color:#c5d1e0;border-left:1px solid #1f2b3c}
.v-fonc-events p:last-child{padding-bottom:0;border-left-color:transparent}
.v-fonc-events i{position:absolute;left:-4px;top:3px;width:7px;height:7px;border-radius:50%;background:#5b6b80}
.v-fonc-events .is-done i{background:var(--green)}.v-fonc-events .is-done{color:#fff}
/* Hero overview screen */
.v-fonc-flow{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:0}
.v-fonc-flow li{position:relative;display:grid;gap:2px;padding:0 0 13px 24px;border-left:1.5px solid #1f2b3c;margin-left:7px}
.v-fonc-flow li:last-child{border-left-color:transparent;padding-bottom:0}
.v-fonc-flow li:before{content:"";position:absolute;left:-8px;top:0;width:13px;height:13px;border-radius:50%;background:#070b12;border:1.5px solid #5b6b80}
.v-fonc-flow li.is-done{border-left-color:#2bd6ff55}
.v-fonc-flow li.is-done:before{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 8px #2bd6ff66}
.v-fonc-flow li.is-now:before{border-color:var(--green);background:var(--green);box-shadow:0 0 10px #3ddc9780}
.v-fonc-flow b{font-size:12.5px;font-weight:600;color:#e6edf6;line-height:1.3}
.v-fonc-flow span{font-size:11px;color:#91a2b8}
.v-fonc-flow li.is-now b{color:var(--green)}
.v-fonc-flow li:not(.is-done):not(.is-now) b{color:#c5d1e0}
/* Reference spotlight */
.v-fonc-spot{margin-top:48px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding:36px 40px;border-radius:24px;border:1px solid #ffb22433;background:radial-gradient(520px 280px at 0 0,#ffb22412,transparent 70%),var(--surface)}
.v-fonc-spot-kicker,.v-fonc-ref-kicker{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--amber);margin:0 0 14px}
.v-fonc-spot h3{font:700 clamp(1.6rem,2.6vw,2.2rem)/1.12 var(--display);letter-spacing:-.025em;margin-bottom:14px;text-wrap:balance}
.v-fonc-spot-text{color:var(--muted);font-size:16.5px;line-height:1.6;max-width:56ch;margin:0}
.v-fonc-spot-case{margin-top:24px;padding:18px 20px;border-radius:14px;border:1px solid #3ddc9744;background:#3ddc970a}
.v-fonc-spot-case p{color:#d9e3ee;font-size:15px;line-height:1.55;margin:0 0 10px}
.v-fonc-spot-case .v-fonc-spot-tag{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.v-fonc-ref{margin:0;display:grid;gap:12px;justify-items:center}
.v-fonc-ref figcaption{font:500 13px/1.4 var(--mono);color:var(--faint);letter-spacing:.03em;text-transform:uppercase}
.v-fonc-ref-card{width:100%;max-width:400px;padding:22px;border-radius:20px;background:#070b12;border:1px solid var(--line2);box-shadow:0 30px 80px #0009,0 0 60px #ffb2240f}
.v-fonc-ref-kicker{color:var(--muted);margin-bottom:10px}
.v-fonc-ref-flag{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid #ff6b5b66;background:#ff6b5b14;color:var(--red);font:600 13px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px}
.v-fonc-ref-card dl{margin:0;display:grid;gap:0}
.v-fonc-ref-card dl>div{padding:11px 0;border-top:1px solid #1f2b3c}
.v-fonc-ref-card dl>div.is-expected{margin-top:6px;padding:11px 12px;border:1px solid #3ddc9744;border-radius:12px;background:#3ddc970a}
.v-fonc-ref-card dl>div.is-expected+div{border-top:0;padding-inline:12px}
.v-fonc-ref-card dt{font-size:13px;color:var(--muted);margin-bottom:3px}
.v-fonc-ref-card dd{margin:0;font-size:14.5px;font-weight:600;color:#e6edf6}
.v-fonc-ref-num{font-family:var(--mono)!important;letter-spacing:.12em}
.v-fonc-ref-card .is-bad{color:var(--red)}.v-fonc-ref-card .is-ok{color:var(--green)}
/* Scope line (the full limits live on /comment-ca-marche#limites) */
.v-fonc-scope{border-top:1px solid var(--line);background:var(--bg)}
.v-fonc-scope p{margin:0;padding:28px 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;font-size:16.5px;line-height:1.5;color:var(--text);text-align:center}
.v-fonc-scope p>.v-icon{color:var(--cyan)}
/* Offers band */
.v-fonc-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:48px;align-items:center}
.v-fonc-offer .v-title{font-size:clamp(1.9rem,3.2vw,2.7rem)}
.v-fonc-quotas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v-fonc-quotas li{display:grid;gap:4px;padding:20px 18px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-fonc-quotas li.is-featured{border-color:#2bd6ff55;background:linear-gradient(180deg,#2bd6ff10,transparent 60%),var(--surface)}
.v-fonc-quotas span{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v-fonc-quotas b{font:700 2.4rem/1 var(--display);letter-spacing:-.03em;color:#fff}
.v-fonc-quotas small{font-size:13.5px;color:var(--muted)}
.v-fonc-offer-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:22px}
/* Next links */
.v-fonc-next-section{padding-block:80px 32px}
.v-fonc-next-title{font-size:22px;margin-bottom:22px}
.v-fonc-next{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v-fonc-next a{position:relative;height:100%;display:grid;align-content:start;gap:10px;padding:22px 22px 24px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.v-fonc-next a:hover,.v-fonc-next a:focus-visible{border-color:#2bd6ff55;transform:translateY(-2px)}
.v-fonc-next b{font-size:17px}
.v-fonc-next a>span:not(.v-fonc-ico){color:var(--muted);font-size:14.5px;line-height:1.5}
.v-fonc-next i{position:absolute;top:22px;right:20px;color:var(--cyan)}
/* Responsive */
@media(max-width:1100px){.v-fonc-split{grid-template-columns:300px minmax(0,1fr);gap:48px}.v-fonc-moment.is-flip .v-fonc-split{grid-template-columns:minmax(0,1fr) 300px}.v-fonc-key{padding:22px}.v-fonc-track{gap:28px}.v-fonc-stage{padding:22px}.v-fonc-next{grid-template-columns:repeat(2,minmax(0,1fr))}.v-fonc-offer{grid-template-columns:1fr;gap:28px}}
@media(max-width:860px){.v-fonc-moment{padding-block:80px}}
@media(max-width:960px){.v-fonc-split,.v-fonc-moment.is-flip .v-fonc-split{grid-template-columns:1fr;gap:0}.v-fonc-visual.has-inline{display:none}.v-fonc-moment.is-flip .v-fonc-visual{order:0}.v-fonc-visual{margin-bottom:32px}.v-fonc-inline{display:grid;gap:10px;justify-items:center;width:100%;max-width:380px;margin:36px auto 0}.v-fonc-inline>.v-app{width:100%;height:auto;padding:16px 14px 14px;border-radius:18px;border:1px solid var(--line2);overflow:hidden}.v-fonc-inline figcaption{font:500 13px/1.4 var(--mono);color:var(--faint);letter-spacing:.03em;text-transform:uppercase}.v-fonc-track{grid-template-columns:1fr;max-width:620px;margin-inline:auto}.v-fonc-stage:not(:last-child):after{top:auto;bottom:-22px;right:50%;transform:translateX(50%) rotate(135deg)}.v-fonc-spot{grid-template-columns:1fr;padding:32px 28px;gap:32px}.v-fonc-top{margin-bottom:28px}}
@media(max-width:860px){.v-fonc-moments ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;margin-inline:-24px;padding-inline:24px}.v-fonc-moments ol::-webkit-scrollbar{display:none}.v-fonc-moments ol:before{left:24px;right:auto;width:980px}.v-fonc-moments li{flex:0 0 196px;scroll-snap-align:start}}
/* Tablets (701-860 px): the five moments fit as a grid, so « 05 Travailler en
   équipe » is never hidden off screen. The swipe rail stays below 701 px. */
@media(min-width:701px) and (max-width:860px){.v-fonc-moments ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}.v-fonc-moments ol:before{left:0;right:0;width:auto}.v-fonc-moments li{flex:none}.v-fonc-moments a{padding-right:12px}}
@media(max-width:700px){.v-fonc-moment{padding-block:64px}.v-fonc-inline.is-tablet-only{display:none}.v-fonc-hero .v-display{font-size:clamp(2.4rem,11vw,3.2rem)}.v-fonc-moments ol{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.v-fonc-moments ol:before{left:20px}.v-fonc-moments li{flex-basis:172px}.v-fonc-moments a{padding:20px 16px 22px 0}.v-fonc-key{padding:20px}.v-fonc-key h3{font-size:18px}.v-fonc-key-head{margin-bottom:14px}.v-fonc-ico{width:38px;height:38px}.v-fonc-more{margin-top:24px;gap:14px}.v-fonc-speeds{grid-template-columns:1fr;padding:18px}.v-fonc-track.v-scroller{max-width:none}.v-fonc-stage:not(:last-child):after{display:none}.v-fonc-stage{padding:20px}.v-fonc-stage h3{font-size:19px}.v-fonc-spot{padding:24px 20px;border-radius:20px;margin-top:40px}.v-fonc-scope p{padding:24px 0;font-size:16px}.v-fonc-quotas{gap:8px}.v-fonc-quotas li{padding:16px 12px}.v-fonc-quotas b{font-size:2rem}.v-fonc-quotas small{font-size:13px}.v-fonc-next{grid-template-columns:1fr;gap:10px}.v-fonc-next a{grid-template-columns:40px 1fr;column-gap:14px;row-gap:3px;padding:16px 44px 16px 16px}.v-fonc-next .v-fonc-ico{grid-row:1/3;width:40px;height:40px}.v-fonc-next b{font-size:16px;align-self:end}.v-fonc-next a>span:not(.v-fonc-ico){font-size:14px}.v-fonc-next i{top:50%;right:16px;transform:translateY(-50%)}.v-fonc-next-section{padding-block:64px 24px}.v-fonc-offer-actions{flex-direction:column;align-items:stretch}.v-fonc-offer-actions .v-btn{width:100%;align-items:center}}

/* Avec votre valise (/avec-votre-valise) — classes .v-valise-* */
.v-valise-hero .v-display{font-size:clamp(2.7rem,5.4vw,4.8rem);max-width:12ch}
.v-valise-hero .v-hero-visual{padding-block:8px}
.v-valise-hero .v-hero-chip-b{top:12%;bottom:auto}
/* Generic valise screen (no brand): used in the phone bubble and the flow */
.v-valise-bubble{max-width:92%;display:grid;gap:6px}
.v-valise-attach{display:flex;align-items:center;gap:5px;font-size:10.5px;opacity:.9}
.v-valise-lcd{display:grid;gap:0;border-radius:9px;overflow:hidden;background:var(--bg);border:1px solid #3ddc974d;font:500 10.5px/1.3 var(--mono);color:var(--green)}
.v-valise-lcd>span{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-top:1px solid #3ddc9726}
.v-valise-lcd>span:first-child{border-top:0}
.v-valise-lcd i{font-style:normal;color:#3ddc97cc}
.v-valise-lcd b{font-weight:600;color:var(--text);white-space:nowrap}
.v-valise-lcd .v-valise-lcd-bar{display:block;background:#3ddc971a;color:var(--green);font-weight:600;letter-spacing:.03em}
.v-valise-lcd-lg{font-size:13.5px;margin-top:4px}
.v-valise-lcd-lg>span{padding:8px 10px}
.v-valise-node>p.v-valise-lcd-note{font-size:13px;margin-top:-2px}
/* Roles */
.v-valise-roles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:none}
.v-valise-role{position:relative;padding:28px 26px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.v-valise-role:not(:last-child):after{content:"";position:absolute;top:50%;right:-21px;width:14px;height:14px;border-top:2px solid var(--line2);border-right:2px solid var(--line2);transform:translateY(-50%) rotate(45deg)}
.v-valise-role.is-tool{border-color:#ffb22440;background:linear-gradient(180deg,#ffb2240c,transparent 50%),var(--surface)}
.v-valise-role.is-ai{border-color:#2bd6ff55;background:linear-gradient(180deg,#2bd6ff10,transparent 55%),var(--surface);box-shadow:0 30px 80px #0006}
.v-valise-role-tag{display:inline-flex;padding:7px 12px;border-radius:999px;font:600 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line2);color:var(--text);margin:0 0 12px}
.is-tool .v-valise-role-tag{color:var(--amber);border-color:#ffb22455;background:#ffb22412}
.is-ai .v-valise-role-tag{color:var(--cyan);border-color:#2bd6ff55;background:#2bd6ff12}
.v-valise-role-verbs{font:600 13px/1.5 var(--mono);letter-spacing:.04em;color:var(--muted);margin:0 0 14px}
.v-valise-role h3{font-size:23px;margin-bottom:16px}
.v-valise-role ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v-valise-role li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15.5px;line-height:1.5;color:#d3dde9}
.v-valise-role li .v-icon{margin-top:3px;color:var(--muted)}
.is-tool li .v-icon{color:var(--amber)}.is-ai li .v-icon{color:var(--cyan)}
/* Objection */
.v-valise-obj{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.v-valise-obj .v-head{margin-bottom:24px}
.v-valise-obj-punch{font:600 clamp(1.1rem,1.6vw,1.3rem)/1.4 var(--display);color:var(--text);padding-left:16px;border-left:3px solid var(--cyan);margin:0 0 22px;max-width:30ch}
.v-valise-qa{border-radius:20px;border:1px solid var(--line2);background:var(--surface);overflow:hidden}
.v-valise-qa-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin:0;padding:14px 24px;background:var(--surface2);border-bottom:1px solid var(--line)}
.v-valise-qa-head span{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.v-valise-qa-head span+span{color:var(--cyan)}
.v-valise-qa dl{margin:0}
.v-valise-qa dl>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;padding:18px 24px;border-top:1px solid var(--line)}
.v-valise-qa dl>div:first-child{border-top:0}
.v-valise-qa dt{font-weight:600;font-size:15.5px;line-height:1.45;color:var(--text)}
.v-valise-qa dd{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
/* Flow: du relevé au contrôle suivant */
.v-valise-flow-wrap{position:relative}
.v-valise-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;position:relative;z-index:1}
.v-valise-node{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 18px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.v-valise-node:not(:last-child):after{content:"";position:absolute;top:50%;right:-16px;width:10px;height:10px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);transform:translateY(-50%) rotate(45deg);opacity:.8}
.v-valise-node.is-tool{border-color:#ffb22444}
.v-valise-node.is-ai{border-color:#2bd6ff33}
.v-valise-node.is-next{border-color:#2bd6ff77;background:linear-gradient(180deg,#2bd6ff12,transparent 60%),var(--surface);box-shadow:0 24px 60px #0007}
.v-valise-actor{align-self:flex-start;margin:0;padding:6px 10px;border-radius:999px;font:600 13px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line2);color:var(--text)}
.v-valise-node>p.v-valise-actor{font:600 13px/1 var(--mono);color:var(--text)}
.is-tool .v-valise-actor{color:var(--amber);border-color:#ffb22455;background:#ffb22412}
.is-ai .v-valise-actor{color:var(--cyan);border-color:#2bd6ff55;background:#2bd6ff12}
.v-valise-node h3{display:flex;align-items:center;gap:9px;font-size:17px;line-height:1.25}
.v-valise-node h3 span{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--muted);border:1px solid var(--line2)}
.v-valise-node>p{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}
.v-valise-node>p b{color:var(--text);font-weight:600}
.v-valise-tags{display:flex;flex-wrap:wrap;gap:6px}
.v-valise-tags span{padding:5px 9px;border-radius:8px;border:1px solid var(--line2);background:#101826;font-size:13px;color:#dfe8f3}
.v-valise-leads{display:grid;gap:6px}
.v-valise-leads .v-hyp-top{font-size:14px}
.v-valise-leads .v-hyp-top b{font-size:13px}
.v-valise-leads .v-hyp-out{opacity:1}
.v-valise-leads .v-hyp-out .v-hyp-top span{color:#8a9ab0}
.v-valise-if b{font:600 13px/1 var(--mono);letter-spacing:.03em;text-transform:uppercase;margin-right:5px}
.v-valise-if .is-pos{color:var(--green)}.v-valise-if .is-neg{color:var(--amber)}
.v-valise-loop{position:relative;margin:0 10%;height:52px;border:1.5px dashed #2bd6ff66;border-top:0;border-radius:0 0 26px 26px}
.v-valise-loop:before{content:"";position:absolute;left:-6px;top:-2px;width:10px;height:10px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan);transform:rotate(45deg)}
.v-valise-loop p{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);display:flex;align-items:center;gap:10px;margin:0;padding:8px 16px;border-radius:999px;background:var(--bg);border:1px solid #2bd6ff44;color:#dfe8f3;font-size:14.5px;white-space:nowrap}
.v-valise-loop p .v-icon{color:var(--cyan)}
.v-valise-flag{display:flex;justify-content:center;align-items:center;gap:6px;margin:48px 0 0;font:500 13px/1.3 var(--mono);color:var(--faint);letter-spacing:.03em;text-transform:uppercase}
/* Imports */
.v-valise-imports-title{font-size:22px;text-align:center;margin:72px auto 24px;max-width:28ch;text-wrap:balance}
.v-valise-imports{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v-valise-imports li{display:grid;align-content:start;gap:8px;padding:22px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-valise-imp-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:6px;color:var(--cyan);background:#2bd6ff12;border:1px solid #2bd6ff2e}
.v-valise-imports b{font-size:16.5px}
.v-valise-imports li>span:last-child{font-size:14.5px;line-height:1.5;color:var(--muted)}
/* Responsive */
@media(max-width:1180px){.v-valise-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v-valise-node:nth-child(3):after{display:none}.v-valise-loop{height:auto;margin:28px 0 0;border:0;display:flex;justify-content:center}.v-valise-loop:before{display:none}.v-valise-loop p{position:static;transform:none;white-space:normal;border-radius:14px;max-width:560px}.v-valise-imports{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.v-valise-obj{grid-template-columns:1fr;gap:32px}.v-valise-roles{grid-template-columns:1fr;gap:26px;max-width:560px;margin-inline:auto}.v-valise-role:not(:last-child):after{top:auto;bottom:-20px;right:50%;transform:translateX(50%) rotate(135deg)}}
@media(max-width:700px){.v-valise-hero .v-display{font-size:clamp(2.4rem,11vw,3.2rem)}.v-valise-flow{grid-template-columns:1fr;gap:26px}.v-valise-node:not(:last-child):after,.v-valise-node:nth-child(3):after{display:block;top:auto;bottom:-19px;right:50%;transform:translateX(50%) rotate(135deg)}.v-valise-qa-head{display:none}.v-valise-qa dl>div{grid-template-columns:1fr;gap:6px;padding:18px 20px}.v-valise-role{padding:24px 20px}.v-valise-imports{grid-template-columns:1fr 1fr;gap:10px}.v-valise-imports li{padding:18px 16px}.v-valise-imports li:last-child{grid-column:1/-1}.v-valise-imports b{font-size:15.5px}.v-valise-imports li>span:last-child{font-size:13.5px}.v-valise-imports-title{margin-top:56px;font-size:20px}}
.v-page-valise .v-voyant-answer span{font-size:13px;letter-spacing:.06em}

/* Comment ça marche (/comment-ca-marche) */
/* Hero: the diagnostic loop */
.v-methode-loop{margin:0;display:grid;gap:18px;padding:24px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(360px 280px at 50% 42%,#2bd6ff17,transparent 70%),linear-gradient(180deg,#0e1622,#0a1019);box-shadow:0 40px 90px #0009,0 0 0 1px #2bd6ff12}
.v-methode-loop-cap{display:flex;align-items:center;gap:8px;margin:0;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.v-methode-loop-cap .v-icon{color:var(--cyan)}
.v-methode-ring{position:relative;width:100%;max-width:430px;aspect-ratio:1;margin-inline:auto}
.v-methode-ring-svg{position:absolute;inset:10%;width:80%;height:80%;overflow:visible}
.v-methode-ring-svg circle{fill:none}
.v-methode-ring-svg .v-methode-ring-track{stroke:var(--line2);stroke-width:.9;stroke-dasharray:3 4}
.v-methode-ring-svg .v-methode-ring-arc{stroke:var(--cyan);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:70 432.65;stroke-dashoffset:70;transform-box:fill-box;transform-origin:center;transform:rotate(-90deg);opacity:.9}
.v-methode-ring-chev path{fill:none;stroke:var(--cyan);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.7}
.v-methode-orbit{position:absolute;inset:18%;border-radius:50%;pointer-events:none}
.v-methode-orbit:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #2bd6ff26,0 0 18px var(--cyan)}
.v-methode-nodes{list-style:none;margin:0;padding:0}
.v-methode-node{position:absolute;z-index:2;width:29%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;padding:11px 8px 10px;border-radius:14px;border:1px solid var(--line2);background:#0d1522;text-align:center;color:var(--cyan);box-shadow:0 14px 34px #0008;transition:border-color .4s,box-shadow .4s}
.v-methode-node b{color:var(--text);font:700 14px/1.25 var(--display);letter-spacing:-.01em}
.v-methode-node span{font-size:13px;line-height:1.3;color:var(--muted)}
.v-methode-node.is-n{left:50%;top:17%}.v-methode-node.is-e{left:82%;top:50%}.v-methode-node.is-s{left:50%;top:83%}.v-methode-node.is-w{left:18%;top:50%}
.v-methode-core{position:absolute;z-index:1;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;gap:4px;padding:10px;text-align:center;background:radial-gradient(circle at 50% 35%,#2bd6ff26,#0a1019 72%);border:1px solid #2bd6ff44;box-shadow:0 0 50px #2bd6ff1f}
.v-methode-core b{font:700 15px/1.2 var(--display);color:#fff;letter-spacing:-.01em}
.v-methode-core span{font-size:13px;line-height:1.3;color:var(--muted)}
.v-methode-io{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v-methode-io-item{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff05}
.v-methode-io-item b{display:block;font-size:15px;color:var(--text)}
.v-methode-io-item p{margin:2px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.v-methode-io-tag{display:inline-block;margin-bottom:4px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}
.v-methode-io-item.is-out .v-methode-io-tag{color:var(--green)}
@media(prefers-reduced-motion:no-preference){
.v-methode-orbit{animation:v-methode-spin 12s linear infinite}
.v-methode-ring-arc{animation:v-methode-arc 12s linear infinite}
.v-methode-node{animation:v-methode-lit 12s linear infinite}
.v-methode-node.is-step2{animation-delay:3s}.v-methode-node.is-step3{animation-delay:6s}.v-methode-node.is-step4{animation-delay:9s}
}
@media(prefers-reduced-motion:reduce){.v-methode-orbit{display:none}}
@keyframes v-methode-spin{to{transform:rotate(360deg)}}
@keyframes v-methode-arc{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
@keyframes v-methode-lit{0%,16%{border-color:#2bd6ff99;box-shadow:0 0 0 1px #2bd6ff40,0 0 30px #2bd6ff33,0 14px 34px #0008}26%,100%{border-color:var(--line2);box-shadow:0 14px 34px #0008}}
/* Worked example: what DIAGIA asks, what it concludes */
.v-methode-steps .v-head{margin-bottom:48px}
.v-methode-steps .v-replay-kicker{font-size:13px;letter-spacing:.06em}
.v-methode-steps .v-replay-flag{font-size:13px;letter-spacing:.03em}
.v-methode-steps .v-replay-step.is-contra .v-replay-num{color:var(--amber);border-color:#ffb22455;background:#ffb22412}
.v-methode-steps .v-replay-step.is-done .v-replay-num{color:var(--green);border-color:#3ddc9755;background:#3ddc9712}
.v-methode-steps .v-replay-step.is-contra.is-active{border-color:#ffb22466;background:linear-gradient(180deg,#ffb2240c,transparent 60%),var(--surface)}
.v-methode-steps .v-replay-step.is-done.is-active{border-color:#3ddc9766;background:linear-gradient(180deg,#3ddc970c,transparent 60%),var(--surface)}
.v-methode-ask{--ask:var(--cyan);--ask-line:#2bd6ff33;--ask-soft:#2bd6ff0a;margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--ask-line);background:var(--ask-soft)}
.is-contra .v-methode-ask{--ask:var(--amber);--ask-line:#ffb22444;--ask-soft:#ffb2240b}
.is-done .v-methode-ask{--ask:var(--green);--ask-line:#3ddc9744;--ask-soft:#3ddc970b}
.v-methode-ask-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ask)}
.v-methode-ask ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v-methode-ask li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.5;color:#dfe8f3}
.v-methode-ask li:before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--ask)}
.v-methode-tip{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
.v-methode-tip .v-icon{color:var(--cyan);margin-top:2px}
.v-methode-app-level{display:inline-flex;align-items:center;gap:7px;justify-self:start;margin:0 0 2px;padding:4px 9px 4px 5px;border-radius:999px;border:1px solid #2bd6ff44;background:#2bd6ff10;font:600 10.5px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--cyan)}
.v-methode-app-level i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 10px/1 var(--display);font-style:normal;border:1.5px solid currentColor}
/* Proof levels: a fork, then the two levels served today */
.v-methode-fork{position:relative;display:grid;justify-items:center;padding-bottom:44px}
.v-methode-fork-q{position:relative;z-index:1;display:flex;align-items:center;gap:14px;max-width:640px;margin:0;padding:16px 22px;border-radius:16px;border:1px solid var(--line2);background:#0c131e;box-shadow:0 20px 50px #0007;color:var(--cyan)}
.v-methode-fork-q span{display:grid;gap:2px;font:600 17px/1.4 var(--font);color:var(--text)}
.v-methode-fork-q small{font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.v-methode-fork:before{content:"";position:absolute;left:50%;bottom:22px;width:1px;height:22px;background:var(--line2)}
.v-methode-fork:after{content:"";position:absolute;left:calc(25% - 4px);right:calc(25% - 4px);bottom:0;height:22px;border:1px solid var(--line2);border-bottom:0;border-radius:14px 14px 0 0}
.v-methode-tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v-methode-tier{--tier:var(--amber);--tier-soft:#ffb22414;--tier-line:#ffb22440;position:relative;display:flex;flex-direction:column;gap:18px;padding:26px 28px 24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--tier-soft),transparent 42%),var(--surface);overflow:hidden}
.v-methode-tier:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--tier),transparent)}
.v-methode-tier.is-bronze{--tier:var(--cyan);--tier-soft:#2bd6ff12;--tier-line:#2bd6ff40}
.v-methode-branch{align-self:flex-start;margin:0 0 -4px;padding:5px 11px;border-radius:999px;border:1px solid var(--tier-line);background:var(--tier-soft);font:600 13px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--tier)}
.v-methode-tier-top{display:flex;align-items:center;gap:16px}
.v-methode-medal{flex-shrink:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:700 21px/1 var(--display);color:var(--tier);border:2px solid var(--tier);box-shadow:inset 0 0 0 4px var(--surface),inset 0 0 0 5px var(--tier-line),0 0 26px var(--tier-soft)}
.v-methode-tier h3{font-size:26px;line-height:1.1}
.v-methode-tier-top p{margin:3px 0 0;font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--tier)}
.v-methode-tier-facts{margin:0;display:grid;gap:14px}
.v-methode-tier-facts dt{font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#8593a8;margin-bottom:3px}
.v-methode-tier-facts dd{margin:0;font-size:16px;line-height:1.55;color:var(--text3)}
.v-methode-tier-note{margin:0;padding:13px 15px;border-radius:12px;border:1px solid var(--tier-line);background:var(--tier-soft);font-size:15px;line-height:1.55;color:var(--text)}
.v-methode-tier-app{margin:auto 0 0;padding-top:14px;border-top:1px dashed var(--line2);display:grid;gap:4px}
.v-methode-tier-app span{font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.v-methode-tier-app b{font-size:15px;line-height:1.45;font-weight:600;color:var(--tier)}
.v-methode-rules{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v-methode-rules li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:16px;border:1px solid var(--line);background:#0c131e;color:var(--cyan)}
.v-methode-rules b{display:block;color:var(--text);font-size:16px}
.v-methode-rules p{margin:4px 0 0;color:var(--muted);font-size:14.5px;line-height:1.5}
.v-methode-foot{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;max-width:980px}
/* What stays with the technician */
.v-methode-tech{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.v-methode-tech>*{min-width:0}
.v-methode-tech .v-head{margin-bottom:32px}
.v-methode-keeps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-methode-keeps li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-methode-keeps .v-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffb22412;border:1px solid #ffb22433;color:var(--amber)}
.v-methode-keeps b{font-size:16.5px}.v-methode-keeps p{margin:3px 0 0;color:var(--muted);font-size:15px}
.v-methode-scope{position:sticky;top:calc(var(--header-height) + 32px);scroll-margin-top:calc(var(--header-height) + 24px);padding:30px;border-radius:22px;border:1px solid var(--line2);background:radial-gradient(420px 220px at 100% 0,#2bd6ff12,transparent 70%),#0b111a;box-shadow:0 30px 80px #0007}
.v-methode-scope-title{font-size:21px;margin-bottom:20px}
.v-methode-scope-col+.v-methode-scope-col{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.v-methode-scope-label{margin:0 0 12px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.is-yes .v-methode-scope-label{color:var(--green)}.is-no .v-methode-scope-label{color:var(--red)}
.v-methode-scope-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v-methode-scope-col li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--text3)}
.v-methode-scope-col li .v-icon{margin-top:3px}
.is-yes li .v-icon{color:var(--green)}.is-no li .v-icon{color:var(--red)}
.v-methode-scope-links{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--line);display:grid;gap:4px}
.v-methode-scope-links .v-link{min-height:44px;align-items:center}
/* Responsive */
@media(max-width:1100px){.v-methode-rules{grid-template-columns:1fr}}
@media(max-width:960px){.v-methode-tech{grid-template-columns:minmax(0,1fr);gap:40px}.v-methode-scope{position:static}}
@media(max-width:860px){.v-methode-fork{padding-bottom:16px}.v-methode-fork:before,.v-methode-fork:after{display:none}.v-methode-fork-q{width:100%}.v-methode-tiers{grid-template-columns:1fr;max-width:620px}.v-methode-branch{margin-bottom:-2px}.v-methode-loop{max-width:520px;margin-inline:auto;width:100%}}
@media(max-width:359px){.v-methode-io{grid-template-columns:1fr}}
@media(max-width:700px){.v-methode-loop{padding:16px;border-radius:20px;gap:14px}.v-methode-node{width:31%;padding:9px 4px 8px;border-radius:12px}.v-methode-node b{font-size:13px}.v-methode-node span{display:none}.v-methode-node .v-icon{width:16px;height:16px}.v-methode-core{width:30%}.v-methode-core b{font-size:13px}.v-methode-core span{display:none}.v-methode-io-item{padding:11px 12px}.v-methode-io-item b{font-size:14.5px}.v-methode-ask{padding:14px 15px}.v-methode-ask li{font-size:15px}.v-methode-fork-q{padding:14px 16px;gap:12px}.v-methode-fork-q span{font-size:16px}.v-methode-rules li{padding:16px}.v-methode-tier{padding:22px 20px 20px;gap:16px}.v-methode-tier h3{font-size:23px}.v-methode-scope{padding:24px 20px}.v-methode-keeps li{padding:16px;grid-template-columns:1fr;gap:12px}.v-methode-keeps.v-scroller{grid-auto-columns:78%}}

/* Sécurité et données (/securite-et-donnees) */
/* Hero: trust sheet */
.v-secu-sheet{padding:26px 28px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(420px 260px at 100% 0,#3ddc9712,transparent 70%),linear-gradient(180deg,#0e1622,#0a1019);box-shadow:0 40px 90px #0009,0 0 0 1px #3ddc970f}
.v-secu-sheet-cap{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.v-secu-sheet dl{margin:0;display:grid}
.v-secu-sheet dl>div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.v-secu-sheet dt{padding-top:2px;font:600 13px/1.5 var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.v-secu-sheet dd{margin:0;display:grid;gap:1px;min-width:0}
.v-secu-sheet dd b{font-size:15.5px;line-height:1.4;color:var(--text);overflow-wrap:anywhere}
.v-secu-sheet dd b:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;vertical-align:2px;background:var(--green);box-shadow:0 0 8px #3ddc9799}
.v-secu-sheet dd span{font-size:13.5px;line-height:1.45;color:var(--muted)}
.v-secu-sheet-foot{margin:4px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
/* Source lines */
.v7 .v-secu-src{display:flex;gap:8px;align-items:flex-start;margin:0;padding-top:16px;font-size:13px;line-height:1.5;color:var(--muted)}
.v7 .v-secu-src .v-icon{flex-shrink:0;margin-top:2px;color:var(--faint)}
.v7 .v-secu-src a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
/* Cards */
.v-secu-cards .v-card{display:flex;flex-direction:column}
.v-secu-card h3{font-size:19px;line-height:1.25}
.v-secu-card>p{font-size:15px;line-height:1.6}
.v-secu-cards .v-secu-src{margin-top:auto}
/* Dossiers */
.v-secu-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.v-secu-split>*{min-width:0}
.v-secu-split .v-head{margin-bottom:28px}
.v-secu-points{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.v-secu-points li{display:flex;gap:12px;align-items:flex-start}
.v-secu-points .v-icon{margin-top:3px;color:var(--green)}
.v-secu-points b{font-size:16px;line-height:1.45;color:var(--text)}
.v-secu-points p{margin:2px 0 0;font-size:15px;color:var(--muted)}
.v-secu-vault{margin:0;padding:26px;border-radius:22px;border:1px solid #3ddc9733;background:radial-gradient(420px 260px at 0 0,#3ddc970f,transparent 70%),#0b111a;box-shadow:0 30px 80px #0008}
.v-secu-vault-cap{display:flex;align-items:center;gap:8px;margin-bottom:16px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v-secu-vault-cap .v-icon{color:var(--cyan)}
.v-secu-vault ul{list-style:none;margin:0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px dashed #3ddc9755;border-radius:16px}
.v-secu-vault li{display:flex;gap:10px;align-items:center;min-height:56px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:14.5px;line-height:1.35;color:var(--text3)}
.v-secu-vault li .v-icon{color:var(--cyan)}
.v-secu-vault-lock{display:flex;gap:12px;align-items:center;margin:14px 0 0;padding:14px 16px;border-radius:14px;border:1px solid #3ddc9744;background:#3ddc970d;color:var(--green)}
.v-secu-vault-lock span{display:grid;font-size:13.5px;line-height:1.4;color:var(--muted)}
.v-secu-vault-lock b{font-size:15px;color:var(--text)}
/* When a technician leaves */
.v-secu-leave{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v-secu-leave li{position:relative;padding:28px 26px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.v-secu-leave li:not(:last-child):after{content:"";position:absolute;top:47px;right:-17px;width:18px;height:1px;background:var(--line2)}
.v-secu-leave-num{display:grid;place-items:center;width:40px;height:40px;margin-bottom:18px;border-radius:12px;font:600 13px/1 var(--mono);color:var(--amber);border:1px solid #ffb22444;background:#ffb22410}
.v-secu-leave li:last-child .v-secu-leave-num{color:var(--green);border-color:#3ddc9744;background:#3ddc9712}
.v-secu-leave h3{font-size:21px;margin-bottom:8px}
.v-secu-leave p{color:var(--muted);font-size:15.5px}
#depart .v-secu-src{margin-top:8px}
/* AI */
.v-secu-split-ai{align-items:start}
.v-secu-rules{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-secu-rules li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:20px 22px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-secu-rules-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--cyan);background:#2bd6ff12;border:1px solid #2bd6ff2e}
.v-secu-rules b{font-size:16.5px}
.v-secu-rules p{margin:4px 0 0;color:var(--muted);font-size:15px}
.v-secu-improve{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:12px;padding:20px 22px;border-radius:16px;border:1px dashed var(--line2);background:#ffffff04}
.v-secu-improve-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--muted);background:#ffffff08;border:1px solid var(--line2)}
.v-secu-improve h3{font-size:16.5px;line-height:1.35}
.v-secu-improve p{margin:4px 0 0;color:var(--muted);font-size:15px}
.v-secu-improve .v-secu-src{padding-top:10px}
.v-secu-trip-label{margin:0 0 12px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v-secu-trip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v-secu-trip li{position:relative;display:grid;align-content:start;gap:3px;padding:14px 12px;border-radius:14px;border:1px solid var(--line);background:#0c131e}
.v-secu-trip li>span{width:34px;height:34px;margin-bottom:8px;border-radius:10px;display:grid;place-items:center;color:var(--cyan);background:#2bd6ff12;border:1px solid #2bd6ff2e}
.v-secu-trip li:nth-child(2)>span{color:var(--green);background:#3ddc9712;border-color:#3ddc9740}
.v-secu-trip b{font-size:14.5px;line-height:1.3;color:var(--text)}
.v-secu-trip small{font-size:13px;line-height:1.4;color:var(--muted)}
.v-secu-trip li:not(:last-child):after{content:"";position:absolute;top:31px;right:-12px;width:12px;height:1px;background:#2bd6ff66}
/* Retention and rights (paper tone) */
.v-secu-rights{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:start}
.v-secu-caption{caption-side:top;text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface2)}
.v-secu-rights .v-table th[scope=col]{background:var(--surface);font-size:13px;letter-spacing:.05em}
.v-secu-rights-card{padding:28px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 0 #0000000a}
.v-secu-rights-card h3{font-size:21px;margin-bottom:14px}
.v-secu-rights-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v-secu-rights-list li{padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--surface2);font-size:14px;font-weight:600;color:var(--text)}
.v-secu-rights-card p{font-size:15px;color:var(--muted)}
.v-secu-rights-card a{color:var(--link)}
.v-secu-delete{margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface2)}
.v-secu-delete b{font-size:15.5px;color:var(--text)}
.v-secu-delete p{margin:4px 0 0}
/* Reference texts */
.v-secu-docs{padding-block:72px 16px}
.v-secu-docs-title{font-size:21px;margin-bottom:18px}
.v-secu-docs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v-secu-docs a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:44px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .2s,background .2s}
.v-secu-docs a:hover{border-color:#2bd6ff55;background:#2bd6ff08;color:var(--text)}
.v-secu-docs a>.v-icon{color:var(--cyan)}
.v-secu-docs span{display:grid;gap:2px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.v-secu-docs b{font-size:15.5px;color:var(--text)}
/* Responsive */
@media(max-width:960px){.v-secu-split,.v-secu-rights{grid-template-columns:minmax(0,1fr);gap:40px}.v-secu-leave{grid-template-columns:1fr;gap:12px}.v-secu-leave li:after{display:none}.v-secu-docs ul{grid-template-columns:1fr}.v-secu-sheet{max-width:560px}}
@media(max-width:700px){.v-secu-trip{grid-template-columns:1fr 1fr;gap:10px}.v-secu-trip li:after{display:none}.v-secu-sheet{padding:20px 18px;border-radius:20px}.v-secu-sheet dl>div{grid-template-columns:112px minmax(0,1fr);gap:10px}.v-secu-sheet dd b{font-size:14.5px}.v-secu-vault{padding:18px;border-radius:20px}.v-secu-vault ul{padding:10px;gap:8px}.v-secu-vault li{min-height:0;padding:10px;font-size:13.5px;gap:8px}.v-secu-leave li{padding:22px 20px}.v-secu-leave-num{margin-bottom:12px}.v-secu-rules li{padding:16px;gap:12px}.v-secu-improve{padding:16px;gap:12px}.v-secu-rights-card{padding:22px 20px}.v-secu-docs{padding-block:56px 8px}.v-secu-docs a{padding:16px}}
@media(max-width:380px){.v-secu-vault ul{grid-template-columns:1fr}.v-secu-sheet dl>div{grid-template-columns:1fr;gap:2px}.v-secu-trip{grid-template-columns:1fr}}

/* Pages par profil (/pour/technicien, /pour/chef-atelier, /pour/gerant, /pour/reseaux) — classes .v-pour-* */
/* Hero */
.v-pour-hero .v-display{font-size:clamp(2.45rem,4.3vw,3.95rem);max-width:17ch}
.v-pour-hero .v-display em{display:block}
.v-pour-hero .v-hero-visual{padding-block:8px}
.v-pour-hero-note{margin-top:16px;font-size:14px;color:var(--muted);max-width:66ch}
.v-pour-hero-note a{color:var(--link)}
.v-pour-flag{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1.3 var(--mono);color:var(--faint);letter-spacing:.04em;text-transform:uppercase}
/* Schematic app extras */
.v-pour-ifs{display:grid;gap:6px}
.v-pour-ifs p{margin:0;font-size:11.5px;line-height:1.45;color:#c5d1e0;padding:8px 10px;border-radius:10px;background:#101826;border:1px solid #1f2b3c}
.v-pour-ifs b{display:block;font:600 10px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}
.v-pour-ifs .is-pos{color:var(--green)}.v-pour-ifs .is-neg{color:var(--amber)}
.v-pour-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.v-pour-counts span{display:grid;gap:2px;padding:9px 8px;border-radius:10px;border:1px solid #2bd6ff33;background:#2bd6ff0d;font-size:10.5px;color:#aab8ca;text-align:center}
.v-pour-counts b{font:700 18px/1 var(--display);color:var(--cyan)}
.v-pour-counts .is-amber{border-color:#ffb22440;background:#ffb2240d}.v-pour-counts .is-amber b{color:var(--amber)}
.v-pour-counts .is-green{border-color:#3ddc9740;background:#3ddc970d}.v-pour-counts .is-green b{color:var(--green)}
.v-pour-rows{display:grid;gap:6px}
.v-pour-rows div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border-radius:10px;background:#101826;border:1px solid #1f2b3c}
.v-pour-rows i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--display);font-style:normal;color:#03121b;background:var(--cyan)}
.v-pour-rows i.is-b{background:var(--green)}
.v-pour-rows i.is-empty{background:transparent;border:1px dashed #2bd6ff88;color:var(--cyan)}
.v-pour-rows b{font-size:11.5px;color:#e6edf6;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* The phone mock has a fixed width below 701 px: tighter rows keep
   « 308 II · sans code » whole. */
@media(max-width:700px){.v-pour-rows div{gap:5px;padding-inline:7px}}
.v-pour-rows span{font:600 9.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan);padding:5px 6px;border-radius:6px;background:#2bd6ff12}
.v-pour-rows span.is-amber{color:var(--amber);background:#ffb22412}
.v-pour-rows span.is-assign{color:#fff;background:#2bd6ff26;border:1px solid #2bd6ff55}
/* Voyants in three columns */
.v-pour-voyants{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Duo: you / DIAGIA (technicien) */
.v-pour-duo{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}
.v-pour-duo li{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,1fr)}
.v-pour-duo li+li{border-top:1px solid var(--line)}
.v-pour-duo-step{display:flex;gap:14px;align-items:flex-start;padding:24px 26px}
.v-pour-duo-step span{font:600 13px/1 var(--mono);color:var(--cyan);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;border:1px solid #2bd6ff40;background:#2bd6ff10}
.v-pour-duo-step b{font:700 18px/1.3 var(--display);padding-top:7px}
.v-pour-duo-cell{padding:22px 26px;font-size:15.5px;line-height:1.55;color:#d4deea;border-left:1px solid var(--line)}
.v-pour-duo-cell.is-ai{background:linear-gradient(90deg,#2bd6ff0a,transparent 80%)}
.v-pour-duo-lbl{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.is-ai .v-pour-duo-lbl{color:var(--cyan)}
.v-pour-duo-foot{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;color:var(--muted);font-size:15px}
/* Inherited dossier (technicien) */
.v-pour-inherit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.v-pour-panel{display:flex;flex-direction:column;gap:18px;padding:30px;border-radius:22px;border:1px solid var(--line);background:var(--surface)}
.v-pour-panel.is-real{border-color:#3ddc9744;background:radial-gradient(420px 220px at 100% 0,#3ddc970f,transparent 70%),var(--surface)}
.v-pour-panel.is-app{border-color:#2bd6ff40;background:radial-gradient(420px 220px at 100% 0,#2bd6ff12,transparent 70%),var(--surface)}
.v-pour-panel h3{font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.2}
.v-pour-panel>p{color:var(--muted);font-size:15.5px}
.v-pour-panel .v-case-steps li{padding:16px 18px}
.v-pour-panel .v-link{margin-top:auto}
.v-pour-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.v-pour-kicker .v-pill{font-size:13px}
.v-pour-note{list-style:none;margin:0;padding:18px 20px;border-radius:16px;border:1px solid var(--line2);background:#0b111a;display:grid;gap:14px}
.v-pour-note-head{display:flex;align-items:center;gap:8px;font:600 13px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cyan)}
.v-pour-note li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.v-pour-note li>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:600 11px/1 var(--mono);color:var(--cyan);border:1px solid #2bd6ff40;background:#2bd6ff10}
.v-pour-note b{display:block;font-size:14.5px}
.v-pour-note p{margin:2px 0 0;color:var(--muted);font-size:14.5px;line-height:1.5}
.v-pour-note li.is-next>span{color:var(--green);border-color:#3ddc9755;background:#3ddc9712}
.v-pour-presence{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid #ffb22440;background:#ffb2240b}
.v-pour-presence p{margin:0;font-size:14.5px;line-height:1.5;color:#e6d9bf}
.v-pour-presence .v-icon{color:var(--amber);margin-top:2px}
/* Tools strip */
.v-pour-tools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v-pour-tools li{display:grid;gap:12px;align-content:start;padding:22px 20px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--cyan)}
.v-pour-tools b{color:var(--text);font-size:16px;line-height:1.3}
.v-pour-tools p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0}
.v-pour-tools a{color:var(--link)}
/* Method line (chef d'atelier) */
.v-pour-method{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative}
.v-pour-method:before{content:"";position:absolute;left:18px;right:18px;top:18px;height:1px;background:linear-gradient(90deg,var(--amber),var(--cyan) 30%,var(--green))}
.v-pour-method li{position:relative;display:grid;gap:8px;align-content:start}
.v-pour-method span{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--cyan);background:var(--bg2);border:1.5px solid var(--cyan)}
.v-pour-method li:first-child span{color:var(--amber);border-color:var(--amber)}
.v-pour-method li:last-child span{color:var(--green);border-color:var(--green)}
.v-pour-method b{font:700 17px/1.3 var(--display);margin-top:8px}
.v-pour-method p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0}
.v-pour-method-foot{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v-pour-method-foot div{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--cyan)}
.v-pour-method-foot p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.v-pour-method-foot b{display:block;color:var(--text);font-size:15.5px;margin-bottom:2px}
/* Traceability card (chef d'atelier) */
.v-pour-trace{margin:0;padding:26px;border-radius:22px;border:1px solid #2bd6ff33;background:radial-gradient(400px 240px at 100% 0,#2bd6ff14,transparent 70%),#0b121c;box-shadow:0 30px 80px #0008;position:sticky;top:calc(var(--header-height) + 28px)}
.v-pour-trace-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.v-pour-trace-top b{font:700 17px/1.3 var(--display)}
.v-pour-trace-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.v-pour-trace .v-pill{font-size:13px}
.v-pour-trace ol{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.v-pour-trace ol:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--line2)}
.v-pour-trace li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;padding:9px 0}
.v-pour-trace li:before{content:"";position:relative;z-index:1;width:13px;height:13px;margin-top:4px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan)}
.v-pour-trace li.is-swap:before{border-color:var(--amber)}
.v-pour-trace li.is-done:before{border-color:var(--green);background:var(--green)}
.v-pour-trace li b{display:block;font-size:14.5px}
.v-pour-trace li p{margin:1px 0 0;color:var(--muted);font-size:13.5px}
.v-pour-trace figcaption{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line2)}
/* Report paper (gérant) */
.v-pour-report{margin:0;display:grid;justify-items:center;gap:14px;width:100%}
.v-pour-paper{width:min(430px,100%);border-radius:16px;padding:24px 24px 20px;background:var(--surface);color:var(--text);box-shadow:0 0 0 1px #ffffff26,0 40px 90px #000c,0 0 120px #2bd6ff14;font-size:12.5px;line-height:1.45}
.v-pour-report.is-tilt .v-pour-paper{transform:perspective(1400px) rotateY(-8deg) rotateX(3deg)}
.v-pour-paper-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid var(--text)}
.v-pour-paper-head b{font:700 14px/1.2 var(--display)}
.v-pour-paper-head span{font:600 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right}
.v-pour-paper-veh{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 4px}
.v-pour-paper-veh span{font:600 10.5px/1 var(--mono);padding:5px 7px;border-radius:6px;background:var(--surface2);border:1px solid var(--line)}
.v-pour-paper-sec{padding:10px 0;border-bottom:1px solid var(--line)}
.v-pour-paper p.v-pour-paper-h{font:700 10.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--link);margin:0 0 5px}
.v-pour-paper p,.v-pour-paper li{margin:0;color:var(--muted);font-size:12.5px}
.v-pour-paper ul{margin:0;padding-left:16px;display:grid;gap:2px}
.v-pour-paper table{width:100%;border-collapse:collapse;font-size:11.5px}
.v-pour-paper th{font:600 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:4px 6px;background:var(--surface2)}
.v-pour-paper td{padding:5px 6px;border-top:1px solid var(--line);color:var(--text)}
.v-pour-paper td+td{text-align:right;font-weight:700;white-space:nowrap}
.v-pour-paper td:last-child{font-weight:500;color:var(--muted)}
.v-pour-paper .is-conclusion{border:0;margin-top:10px;padding:10px 12px;border-radius:10px;background:#3ddc971f;border-left:3px solid var(--green)}
.v-pour-paper .is-conclusion p.v-pour-paper-h{color:var(--text)}
.v-pour-paper .is-conclusion p{color:var(--text)}
.v-pour-report figcaption{font:500 13px/1.4 var(--mono);color:var(--faint);letter-spacing:.04em;text-transform:uppercase;text-align:center}
/* Client-facing cards (gérant) */
.v-pour-cards .v-card{display:flex;flex-direction:column}
.v-pour-cards .v-card ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:var(--muted)}
.v-pour-cards .v-card li{display:flex;gap:10px;align-items:flex-start}
.v-pour-cards .v-card li .v-icon{color:var(--green);margin-top:3px}
.v-pour-cards .v-card .v-pour-card-foot{margin-top:auto;padding-top:18px;font-size:14px;color:var(--faint)}
/* Legal (gérant) */
.v-pour-legal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.v-pour-ruling{margin:0;padding:32px;border-radius:22px;border:1px solid #ffb22440;background:radial-gradient(420px 240px at 0 0,#ffb22412,transparent 70%),var(--surface);display:flex;flex-direction:column;gap:16px}
.v-pour-ruling .v-pour-ruling-court{display:flex;align-items:flex-start;gap:10px;font:600 14.5px/1.45 var(--font);color:var(--amber)}
.v-pour-ruling-court .v-icon{margin-top:1px}
.v-pour-ruling-ref{display:block;margin-top:2px;font-weight:500;color:var(--muted)}
.v-pour-nowrap{white-space:nowrap}
.v-pour-ruling-court sup{font-size:.7em;line-height:0}
.v-pour-ruling p.v-pour-ruling-text{margin:0;font:600 clamp(1.15rem,1.7vw,1.4rem)/1.45 var(--display);color:var(--text);letter-spacing:-.01em}
.v-pour-ruling-text span{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.v-pour-ruling p{margin:0;color:var(--muted);font-size:15.5px}
.v-pour-ruling a.v-pour-ruling-src{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;color:var(--link);font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid transparent}
.v-pour-ruling a.v-pour-ruling-src:hover{border-bottom-color:currentColor}
.v-pour-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v-pour-ruling small{display:block;margin-top:auto;font-size:13.5px;color:var(--faint)}
.v-pour-keeps{padding:32px;border-radius:22px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:16px}
.v-pour-keeps h3{font-size:clamp(1.3rem,2vw,1.55rem);line-height:1.25}
.v-pour-keeps ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-pour-keeps li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:#d4deea;line-height:1.5}
.v-pour-keeps li .v-icon{color:var(--cyan);margin-top:2px}
.v-pour-keeps-out{margin:auto 0 0;padding-top:16px;border-top:1px dashed var(--line2);font-size:16px;color:var(--text)}
/* Horizontal case band */
.v-pour-caseband{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:48px;align-items:center}
.v-pour-caseband .v-head{margin-bottom:20px}
.v-pour-caseband ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v-pour-caseband li{display:grid;gap:10px;align-content:start;padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.v-pour-caseband li>span{font:600 13px/1 var(--mono);color:var(--amber);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid #ffb22444;background:#ffb22410}
.v-pour-caseband li.is-done{border-color:#3ddc9744;background:#3ddc970a}
.v-pour-caseband li.is-done>span{color:var(--green);border-color:#3ddc9744;background:#3ddc9712}
.v-pour-caseband ol b{font-size:16.5px}
.v-pour-caseband ol p{margin:0;color:var(--muted);font-size:15px}
.v-pour-caseband-lesson{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:16px;border:1px solid #3ddc9744;background:#3ddc970a;color:var(--green)}
.v-pour-caseband .v-pour-caseband-lesson p{color:var(--text);margin:0;font-size:15.5px}
/* Break-even (gérant) */
.v-pour-roi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.v-pour-roi .v-head{margin-bottom:24px}
.v-pour-roi .v-fee{margin:0 0 18px;padding:6px 20px}
.v-pour-roi .v-fee summary{min-height:44px;align-items:center;padding-block:4px}
.v-pour-roi .v-fee p{margin:2px 0 14px}
.v-pour-roi-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.v-pour-roi-card{padding:32px;border-radius:22px;border:1px solid #2bd6ff33;background:radial-gradient(400px 260px at 100% 0,#2bd6ff1a,transparent 70%),#0b121c;box-shadow:0 30px 80px #0008}
.v-pour-roi-big{font:700 clamp(2.8rem,5vw,4rem)/1 var(--display);letter-spacing:-.03em;margin:12px 0 8px;color:#fff}
.v-pour-roi-big small{font:500 16px var(--font);color:var(--muted);margin-left:8px;letter-spacing:0}
.v-pour-roi-sub{color:var(--muted);font-size:15px}
.v-pour-roi-eq{margin:20px 0 22px;padding:16px 18px;border-radius:14px;background:#ffffff06;border:1px solid var(--line2);font-size:16px;color:#e3ebf5;line-height:1.5}
.v-pour-roi-eq b{color:var(--cyan)}
.v-pour-roi-plans{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v-pour-roi-plans li{display:grid;grid-template-columns:minmax(0,1fr) 9.5em 8.6em;gap:14px;align-items:baseline;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff04;font-size:14.5px;color:var(--muted)}
.v-pour-roi-plans li.is-featured{border-color:#2bd6ff55;background:#2bd6ff0c}
.v-pour-roi-plans b{color:var(--text);font-size:15.5px}
.v-pour-roi-plans b small{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--muted)}
.v-pour-roi-plans span{text-align:right;white-space:nowrap}
.v-pour-roi-plans strong{color:var(--text);font-weight:600}
.v-pour-roi-plans .is-head span:first-child{text-align:left}
.v-pour-roi-plans .is-head{border:0;background:transparent;padding-block:0 2px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.v-pour-roi-card .v-small{margin-top:16px}
/* Sites visual (réseaux) */
.v-pour-sites{margin:0;display:grid;gap:14px;width:100%;max-width:500px;justify-self:center}
.v-pour-site{padding:18px 20px 16px;border-radius:18px;border:1px solid var(--line2);background:linear-gradient(180deg,#0f1622,#0b111b);box-shadow:0 24px 60px #0009}
.v-pour-site:nth-child(2){margin-left:28px}.v-pour-site:nth-child(3){margin-left:56px}
.v-pour-site-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.v-pour-site-top b{display:flex;align-items:center;gap:8px;font:700 15.5px/1.2 var(--display);color:var(--text)}
.v-pour-site-top b .v-icon{color:var(--cyan)}
.v-pour-site-top span{font-size:12.5px;color:var(--muted)}
.v-pour-site ol{list-style:none;margin:14px 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.v-pour-site ol li{padding-top:9px;border-top:2px solid var(--line2);font-size:11.5px;color:var(--faint);white-space:nowrap}
.v-pour-site ol li.is-done{border-color:#2bd6ff66;color:var(--muted)}
.v-pour-site ol li.is-now{border-color:var(--cyan);color:var(--cyan);font-weight:600}
.v-pour-site-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.v-pour-av{display:flex}
.v-pour-av i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 10px/1 var(--display);font-style:normal;color:#03121b;background:var(--cyan);border:2px solid #0b111b}
.v-pour-av i+i{margin-left:-6px}
.v-pour-av i:nth-child(2){background:var(--green)}.v-pour-av i:nth-child(3){background:var(--amber)}.v-pour-av i:nth-child(4){background:var(--link)}
.v-pour-sites figcaption{font:500 13px/1.5 var(--mono);color:var(--faint);letter-spacing:.04em;text-transform:uppercase;text-align:center;margin-top:4px}
.v-pour-deploy .v-timeline{margin-top:0}
.v-pour-deploy-note{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;color:var(--muted);font-size:15px}
.v-pour-cta-sub{font-size:14.5px;color:var(--muted)}
.v-pour-cta-sub a{color:var(--link)}
/* Voyants with a role tag (technicien, chef d'atelier: four cards) */
.v-pour-voyant-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v-pour-voyant .v-voyant-answer span,.v-pour-voyants .v-voyant-answer span{font-size:13px}
.v-pour-roi-card .v-calc-label,.v-pour-deploy .v-timeline-day{font-size:13px}
.v-pour-others-head .v-link{min-height:44px}
.v-pour-voyant-tag{margin:0;font:600 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:right}
/* Ledger: three cost lines, before / with DIAGIA (gérant) */
.v-pour-ledger{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#0f1622,#0b111b)}
.v-pour-ledger-head,.v-pour-ledger li{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr) minmax(0,1fr)}
.v-pour-ledger-head{border-bottom:1px solid var(--line2);background:#ffffff04}
.v-pour-ledger-head span{padding:14px 28px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.v-pour-ledger-head span+span{border-left:1px solid var(--line)}
.v-pour-ledger-head span:nth-child(2){color:var(--amber)}
.v-pour-ledger-head span:nth-child(3){color:var(--cyan)}
.v-pour-ledger ol{list-style:none;margin:0;padding:0}
.v-pour-ledger li+li{border-top:1px solid var(--line)}
.v-pour-ledger-post{display:flex;gap:16px;align-items:flex-start;padding:28px}
.v-pour-ledger-post .v-voyant-lamp{flex-shrink:0}
.v-pour-ledger-n{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--amber);margin:2px 0 6px}
.v-pour-ledger-post h3{font-size:clamp(1.2rem,1.6vw,1.4rem);line-height:1.25}
.v-pour-ledger-cost,.v-pour-ledger-fix{margin:0;padding:28px;border-left:1px solid var(--line);font-size:15.5px;line-height:1.6}
.v-pour-ledger-cost{color:var(--muted)}
.v-pour-ledger-fix{color:#dfe8f3;background:linear-gradient(90deg,#2bd6ff0b,transparent 85%)}
.v-pour-ledger-lbl{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* « Vous êtes plutôt… » (every profile page) */
.v-pour-others{padding-block:72px 8px}
.v-section:not(.v-tone-raised)+.v-pour-others{border-top:1px solid var(--line)}
.v-pour-others-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:22px}
.v-pour-others-title{margin:0;font:700 clamp(1.5rem,2.4vw,2rem)/1.15 var(--display);letter-spacing:-.02em}
.v-pour-others ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v-pour-others li{display:flex}
.v-pour-others-card{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:44px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.v-pour-others-card:hover,.v-pour-others-card:focus-visible{border-color:#2bd6ff55;background:#2bd6ff08;color:var(--text);transform:translateY(-2px)}
.v-pour-others-card>.v-icon{color:var(--cyan);transition:transform .18s}
.v-pour-others-card:hover>.v-icon{transform:translateX(3px)}
.v-pour-others-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#2bd6ff12;border:1px solid #2bd6ff2e;color:var(--cyan)}
.v-pour-others-text{display:grid;gap:3px}
.v-pour-others-text b{font-size:16.5px}
.v-pour-others-text small{font-size:14px;line-height:1.45;color:var(--muted)}
/* Responsive */
@media(max-width:1100px){.v-pour-voyants{grid-template-columns:repeat(2,minmax(0,1fr))}.v-pour-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.v-pour-method{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}.v-pour-method:before{display:none}.v-pour-caseband{grid-template-columns:1fr;gap:8px}}
@media(max-width:960px){.v-pour-inherit,.v-pour-legal,.v-pour-roi{grid-template-columns:1fr}.v-pour-roi{gap:32px}.v-pour-roi{grid-template-columns:minmax(0,1fr)}.v-pour-duo li{grid-template-columns:1fr 1fr}.v-pour-duo-step{grid-column:1/-1;padding-bottom:0}.v-pour-duo-cell{border-left:0;padding-top:14px}.v-pour-duo-cell.is-ai{border-left:1px solid var(--line)}.v-pour-trace{position:static}.v-pour-method-foot{grid-template-columns:1fr}.v-pour-hero .v-page-hero-aside{margin-top:8px}}
@media(max-width:700px){.v-pour-tools,.v-pour-method{grid-template-columns:1fr}.v-pour-method li{grid-template-columns:36px 1fr;column-gap:14px}.v-pour-method li span{grid-row:span 2}.v-pour-method b{margin-top:6px}.v-pour-duo li{grid-template-columns:1fr}.v-pour-duo-step{padding:20px 20px 0}.v-pour-duo-cell{padding:12px 20px 0}.v-pour-duo-cell.is-ai{border-left:0;margin:12px 20px 20px;padding:12px 14px;border-radius:12px;border:1px solid #2bd6ff33}.v-pour-panel,.v-pour-ruling,.v-pour-keeps,.v-pour-roi-card{padding:22px}.v-pour-caseband ol{grid-template-columns:1fr}.v-pour-site:nth-child(n){margin-left:0}.v-pour-site{padding:16px}.v-pour-site ol li{font-size:11px}.v-pour-report.is-tilt .v-pour-paper{transform:none}.v-pour-paper{padding:20px 18px 16px}.v-pour-roi-plans li{grid-template-columns:1fr auto;row-gap:6px}.v-pour-roi-plans li>b{grid-column:1/-1}.v-pour-roi-plans li>span{text-align:left}.v-pour-roi-plans li>span:last-child{text-align:right}.v-pour-roi-plans .is-head{display:none}.v-pour-trace{padding:20px}.v-pour-hero .v-pour-paper{max-height:420px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}}
@media(max-width:1100px){.v-pour-ledger-post,.v-pour-ledger-cost,.v-pour-ledger-fix{padding:24px 22px}.v-pour-ledger-head span{padding-inline:22px}}
@media(max-width:860px){.v-pour-ledger-head{display:none}.v-pour-ledger li{grid-template-columns:1fr}.v-pour-ledger-post{padding:22px 20px 0;align-items:center}.v-pour-ledger-cost{border-left:0;padding:14px 20px 0}.v-pour-ledger-fix{border-left:0;margin:14px 20px 20px;padding:14px 16px;border-radius:12px;border:1px solid #2bd6ff33;background:#2bd6ff0a}.v-pour-ledger-lbl{position:static;display:block;width:auto;height:auto;margin:0 0 6px;overflow:visible;clip:auto;white-space:normal;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}.v-pour-ledger-cost .v-pour-ledger-lbl{color:var(--amber)}.v-pour-ledger-fix .v-pour-ledger-lbl{color:var(--cyan)}.v-pour-others ul{grid-template-columns:1fr}}
@media(max-width:700px){.v-pour-others{padding-block:56px 0}.v-pour-others-card{padding:16px}}
/* Break-even card on small phones: every offer line stays on one row from
   360 px; below 351 px the amounts may wrap rather than be clipped. */
@media(max-width:400px){.v-pour-roi-plans li{column-gap:10px;padding-inline:12px}.v-pour-roi-plans li>span{font-size:13.5px}}
@media(max-width:350px){.v-pour-roi-plans li>span{white-space:normal}.v-pour-roi-big small{display:block;margin:6px 0 0}}

/* Cas réels : hub /cas-atelier et dossiers /cas-atelier/* */
.v-page-cas .v-page-hero .v-display{font-size:clamp(2.4rem,4.4vw,3.9rem);max-width:14ch}
.v-cas-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
/* Fiche du dossier (hero) */
.v-cas-card{position:relative;margin:0;padding:28px 28px 20px;border-radius:22px;border:1px solid var(--line2);background:radial-gradient(420px 240px at 100% 0,#2bd6ff14,transparent 70%),linear-gradient(180deg,#0f1622,#0b111b);box-shadow:var(--shadow-card);overflow:hidden}
.v-cas-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--amber),var(--cyan) 55%,var(--green))}
.v-cas-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.v-cas-card-kicker{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.v-cas-card-veh{font:700 clamp(1.3rem,2vw,1.6rem)/1.2 var(--display);letter-spacing:-.02em;margin:0 0 16px;color:var(--text)}
.v-cas-card-veh span{color:var(--cyan)}
.v-cas-card dl{margin:0;border-top:1px solid var(--line)}
.v-cas-card dl>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line);align-items:baseline}
.v-cas-card dt{font:600 13px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.v-cas-card dd{margin:0;font-size:15px;line-height:1.5;color:var(--text)}
.v-cas-card .is-amber dt{color:var(--amber)}.v-cas-card .is-cyan dt{color:var(--cyan)}.v-cas-card .is-green dt{color:var(--green)}
.v-cas-card .is-green dd{color:var(--green);font-weight:600}
.v-cas-card figcaption{display:flex;align-items:center;gap:8px;margin-top:14px;font:500 13px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
/* Frise du dossier */
.v-cas-frise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v-cas-step{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px 28px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.v-cas-step:not(:last-child):after{content:"";position:absolute;top:45px;right:-21px;width:22px;height:2px;background:var(--line2)}
/* Four steps (DS3 case): one row of 4 from 1100 px, 2 + 2 below (no dangling
   connector after the end of a row). The 3-step W204 case is unchanged. */
@media(min-width:1100px){.v-cas-frise:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:861px) and (max-width:1099px){.v-cas-frise:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.v-cas-frise:has(>li:nth-child(4):last-child) .v-cas-step:nth-child(2n):after{display:none}}
.v-cas-step-top{display:flex;align-items:center;gap:12px}
.v-cas-step-num{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font:600 13px/1 var(--mono);color:var(--amber);border:1px solid #ffb22444;background:#ffb22410}
.v-cas-step-k{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.v-cas-step h3{font-size:21px;line-height:1.28;margin-top:4px}
.v-cas-step p{color:var(--muted);font-size:15.5px;line-height:1.6}
.v-cas-step.is-key{border-color:#2bd6ff55;background:linear-gradient(180deg,#2bd6ff0e,transparent 60%),var(--surface)}
.v-cas-step.is-key .v-cas-step-num{color:var(--cyan);border-color:#2bd6ff44;background:#2bd6ff10}.v-cas-step.is-key .v-cas-step-k{color:var(--cyan)}
.v-cas-step.is-done{border-color:#3ddc9755;background:linear-gradient(180deg,#3ddc970c,transparent 60%),var(--surface)}
.v-cas-step.is-done .v-cas-step-num{color:var(--green);border-color:#3ddc9744;background:#3ddc9712}.v-cas-step.is-done .v-cas-step-k{color:var(--green)}
.v-cas-note{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:18px 22px;border-radius:16px;border:1px dashed var(--line2);background:#ffffff04;color:var(--cyan)}
.v-cas-note .v-icon{margin-top:2px}
.v-cas-note p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.v-cas-note b{color:var(--text)}
.v-cas-unknown{display:flex;gap:16px;align-items:flex-start;margin-top:24px;padding:22px 24px;border-radius:18px;border:1px solid #ffb22455;background:#ffb2240c;color:var(--amber)}
.v-cas-unknown .v-icon{margin-top:3px}
.v-cas-unknown-title{font:700 20px/1.3 var(--display);color:var(--amber);margin-bottom:6px}
.v-cas-unknown p:not(.v-cas-unknown-title){color:var(--text);font-size:15.5px;line-height:1.6}
/* Mécanisme de vérification d'une référence */
.v-cas-mech{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.v-cas-mech .v-head{margin-bottom:28px}
.v-cas-mech-note{margin-top:22px;color:var(--muted);font-size:15px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.v-cas-mech-visual{display:grid;justify-items:center;min-width:0}
.v-cas-mask{font-family:var(--mono);letter-spacing:.06em;color:#fff}
/* Liens de fin de page */
.v-cas-links-title{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:24px}
.v-cas-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v-cas-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:88px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s}
.v-cas-link:hover{border-color:#2bd6ff66;transform:translateY(-2px);color:var(--text)}
.v-cas-link-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--cyan);background:#2bd6ff12;border:1px solid #2bd6ff2e}
.v-cas-link-text{display:grid;gap:3px}.v-cas-link-text b{font-size:16px}.v-cas-link-text small{font-size:14px;color:var(--muted);line-height:1.45}
.v-cas-link>.v-icon:last-child{color:var(--cyan)}
/* Hub : règle de publication (hero) */
.v-cas-rules{padding:26px 28px;border-radius:22px;border:1px solid var(--line2);background:radial-gradient(420px 240px at 100% 0,#3ddc970f,transparent 70%),linear-gradient(180deg,#0f1622,#0b111b);box-shadow:var(--shadow-card)}
.v-cas-rules-title{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.v-cas-rules ul{list-style:none;margin:0;padding:0;display:grid}
.v-cas-rules li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:15px 0;border-top:1px solid var(--line)}
.v-cas-rules li:first-child{border-top:0}
.v-cas-rules-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--green);background:#3ddc9712;border:1px solid #3ddc9740}
.v-cas-rules b{display:block;font-size:16px}.v-cas-rules p{color:var(--muted);font-size:14.5px;line-height:1.55;margin-top:2px}
/* Hub : dossier mis en avant */
.v-cas-feature{position:relative;margin-top:14px;padding:48px 44px 44px;border-radius:26px;border:1px solid #2bd6ff33;background:radial-gradient(640px 320px at 100% 0,#2bd6ff14,transparent 70%),linear-gradient(180deg,#0f1622,#0a1019);box-shadow:0 40px 100px #0008}
.v-cas-feature-tab{position:absolute;top:-15px;left:36px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#03121b;background:var(--cyan)}
.v-cas-feature-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.v-cas-feature .v-title a{color:inherit;text-decoration:none}
.v-cas-feature .v-title a:hover{color:var(--link)}
.v-cas-feature .v-lead{margin-top:14px}
.v-cas-feature-btn{margin-top:28px}
.v-cas-mini{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-cas-mini li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:#ffffff05}
.v-cas-mini li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font:600 13px/1 var(--mono);color:var(--amber);border:1px solid #ffb22444;background:#ffb22410}
.v-cas-mini li.is-key{border-color:#2bd6ff44}.v-cas-mini li.is-key>span{color:var(--cyan);border-color:#2bd6ff44;background:#2bd6ff10}
.v-cas-mini li.is-done{border-color:#3ddc9744}.v-cas-mini li.is-done>span{color:var(--green);border-color:#3ddc9744;background:#3ddc9712}
.v-cas-mini b{font-size:16px}.v-cas-mini p{color:var(--muted);font-size:15px;margin-top:4px}
/* Hub : partager un dossier */
.v-cas-share-section{padding-block:72px}
.v-cas-share{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px 34px;border-radius:22px;border:1px solid var(--line2);background:var(--surface)}
.v-cas-share-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:var(--amber);background:#ffb22414;border:1px solid #ffb22440}
.v-cas-share-title{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.25;margin-bottom:6px}
.v-cas-share p{color:var(--muted);font-size:15.5px}
/* Responsive */
@media(max-width:1100px){.v-cas-card dl>div{grid-template-columns:1fr;gap:2px;padding:11px 0}}
@media(max-width:960px){.v-cas-mech,.v-cas-feature-grid{grid-template-columns:1fr}.v-cas-mech{gap:40px}.v-cas-feature-grid{gap:32px}.v-cas-links{grid-template-columns:1fr}.v-cas-share{grid-template-columns:auto minmax(0,1fr)}.v-cas-share .v-btn{grid-column:1/-1;justify-self:start}}
@media(max-width:860px){.v-cas-frise{grid-template-columns:1fr;gap:16px}.v-cas-step:not(:last-child):after{top:auto;right:auto;bottom:-17px;left:43px;width:2px;height:18px}}
@media(max-width:700px){.v-cas-card{padding:22px 18px 16px}.v-cas-card dl>div{grid-template-columns:1fr;gap:2px;padding:11px 0}.v-cas-step{padding:22px 20px}.v-cas-note,.v-cas-unknown{padding:18px}.v-cas-rules{padding:20px}.v-cas-rules ul{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.v-cas-rules li,.v-cas-rules li:first-child{grid-template-columns:1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff04}.v-cas-rules li p{display:none}.v-cas-rules b{font-size:15px;line-height:1.35}.v-cas-share-section{padding-block:56px}.v-cas-feature{padding:38px 20px 24px;border-radius:20px}.v-cas-feature-tab{left:20px}.v-cas-feature-btn{width:100%}.v-cas-share{grid-template-columns:1fr;padding:24px 20px;gap:16px}.v-cas-share .v-btn{width:100%}}

/* DS3 outcome (published 24/09) */
.v-cas-outcome{border-color:#3ddc9755;background:#3ddc970c;color:var(--green)}
.v-cas-outcome .v-cas-unknown-title{color:var(--green)}
.v-cas-feature+.v-cas-feature{margin-top:24px}

/* À propos */
.v-page-apropos .v-page-hero .v-display{font-size:clamp(2.5rem,4.8vw,4.3rem);max-width:12ch}
/* Carte du fondateur (hero) */
.v-apropos-founder{margin:0;display:grid;gap:20px;width:100%;max-width:460px;justify-self:end;padding:26px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(420px 260px at 100% 0,#2bd6ff14,transparent 70%),linear-gradient(180deg,#0f1622,#0b111b);box-shadow:var(--shadow-card)}
.v-apropos-photo{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(260px 180px at 50% 50%,#2bd6ff1f,transparent 70%),linear-gradient(#ffffff08 1px,transparent 1px) 0 0/100% 28px,linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/28px 100%,#0b111b}
.v-apropos-photo.has-photo{background:var(--surface2)}
.v-apropos-photo img{width:100%;height:100%;object-fit:cover}
.v-apropos-monogram{width:112px;height:112px;border-radius:28px;display:grid;place-items:center;font:700 52px/1 var(--display);color:#03121b;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 20px 60px #2bd6ff33}
.v-apropos-founder figcaption{display:grid;gap:2px}
.v-apropos-founder figcaption b{font:700 22px/1.2 var(--display);color:var(--text)}
.v-apropos-founder figcaption span{color:var(--muted);font-size:15px}
.v-apropos-founder figcaption .v-apropos-founder-co{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--cyan);font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.v-apropos-idea{padding-top:18px;border-top:1px dashed var(--line2)}
.v-apropos-idea-k{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.v-apropos-idea p:last-child{color:#dfe8f3;font-size:15.5px;line-height:1.6}
/* Histoire */
.v-apropos-timeline{margin-top:0}
/* Principes */
.v-apropos-principles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v-apropos-principles li{padding:30px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.v-apropos-principle-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.v-apropos-principle-top .v-card-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#2bd6ff12;border:1px solid #2bd6ff2e;color:var(--cyan)}
.v-apropos-principle-n{font:700 40px/1 var(--display);letter-spacing:-.03em;color:var(--faint)}
.v-apropos-principles h3{font-size:22px;line-height:1.25;margin-bottom:10px}
.v-apropos-principles p{color:var(--muted);font-size:15.5px;line-height:1.6}
/* Qui nous sommes */
.v-apropos-id{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:20px;align-items:start}
.v-apropos-sheet{margin:0;padding:6px 28px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.v-apropos-sheet>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.v-apropos-sheet>div:first-child{border-top:0}
.v-apropos-sheet dt{font:600 13px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.v-apropos-sheet dd{margin:0;font-size:15.5px;line-height:1.6;color:var(--text)}
.v-apropos-sheet dd a{color:var(--link)}
.v-apropos-side{display:grid;gap:16px}
.v-apropos-programs,.v-apropos-contact{padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.v-apropos-side-k{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.v-apropos-programs ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v-apropos-programs li{position:relative;padding-left:18px;font-size:16px;font-weight:600;color:var(--text)}
.v-apropos-programs li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.v-apropos-contact-text{color:var(--muted);font-size:15.5px;line-height:1.6}
.v-apropos-contact-text a{color:var(--link)}
.v-apropos-contact-actions{display:grid;gap:16px;margin-top:18px;justify-items:start}
/* Responsive */
@media(max-width:960px){.v-apropos-id{grid-template-columns:1fr}.v-apropos-founder{justify-self:stretch;max-width:none}}
@media(max-width:700px){.v-apropos-principles{grid-template-columns:1fr}.v-apropos-principles li{padding:22px}.v-apropos-sheet{padding:4px 18px}.v-apropos-sheet>div{grid-template-columns:1fr;gap:4px;padding:14px 0}.v-apropos-founder{padding:20px}.v-apropos-photo{aspect-ratio:16/8}.v-apropos-monogram{width:88px;height:88px;border-radius:22px;font-size:40px}.v-apropos-programs,.v-apropos-contact{padding:20px}.v-apropos-contact-actions{justify-items:stretch}.v-apropos-contact-actions .v-btn{width:100%}}

.v-apropos-legal{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--faint)}

/* Contact (/contact) : rappel téléphonique + question écrite + contacts directs.
   Classes préfixées .v-contact-, portée de page .v7-contact. */
.v7-contact [hidden]{display:none!important}
/* Hero : texte à gauche, formulaire de rappel à droite (ancre #rappel) */
.v-contact-hero{padding-block:56px 88px}
.v-contact-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);grid-template-areas:"copy form" "agenda form";gap:40px 64px;align-items:start}
.v-contact-hero-copy{grid-area:copy;padding-top:24px}
.v-contact-hero-form{grid-area:form;min-width:0}
.v-contact-agenda{grid-area:agenda;min-width:0}
.v-contact-hero .v-display{font-size:clamp(2.5rem,4.8vw,4.3rem);max-width:12ch}
.v-contact-hero-sub{font:600 clamp(1.1rem,1.6vw,1.4rem)/1.35 var(--display);color:var(--cyan);margin-top:18px;letter-spacing:-.01em}
.v-contact-hero .v-lead{max-width:52ch}
/* Ce dont on parle au téléphone */
.v-contact-kicker{font:600 13px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.v-contact-agenda ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-contact-agenda ol>li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-contact-agenda-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--cyan);background:#2bd6ff12;border:1px solid #2bd6ff2e}
.v-contact-agenda-num{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.08em;color:var(--faint);margin-bottom:2px}
.v-contact-agenda b{font-size:16.5px;line-height:1.35}
.v-contact-agenda p{color:var(--muted);font-size:15px;line-height:1.55;margin-top:4px}
.v-contact-facts{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.v-contact-facts li{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--text)}
.v-contact-facts .v-icon{color:var(--green)}
/* Carte formulaire */
.v-contact-card{position:relative;border-radius:22px;border:1px solid var(--line2);background:var(--surface);padding:32px;scroll-margin-top:calc(var(--header-height) + 20px);outline:none}
.v-contact-card.is-callback{border-color:#2bd6ff4d;background:radial-gradient(520px 240px at 100% 0,#2bd6ff17,transparent 70%),linear-gradient(180deg,#131c2a,var(--surface) 55%);box-shadow:0 40px 100px #000a,0 0 0 1px #2bd6ff1a}
.v-contact-card.is-callback:before{content:"";position:absolute;left:32px;right:32px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.v-contact-card:focus{outline:none}
.v-contact-card.is-callback:target{border-color:#2bd6ff80;box-shadow:0 40px 100px #000a,0 0 0 1px #2bd6ff40,0 0 60px #2bd6ff1f}
.v-contact-card-head{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;margin-bottom:22px}
.v-contact-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#03121b;background:var(--cyan);box-shadow:0 10px 30px #2bd6ff33}
.is-question .v-contact-badge{color:var(--cyan);background:#2bd6ff12;border:1px solid #2bd6ff40;box-shadow:none}
.v-contact-card-head h2,.v-contact-card-head h3{font-family:var(--display);font-size:clamp(1.5rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.025em}
.v-contact-card-head p{color:var(--muted);font-size:15.5px;line-height:1.5;margin-top:6px}
.v-contact-required{font-size:13.5px;color:var(--muted);margin:0 0 16px}
.v-contact-form{display:grid;gap:0}
.v-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.v-contact-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;padding:0;border:0}
.v-contact-field.is-wide{grid-column:1/-1}
.v-contact-pair{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px 16px}
.v-contact-field>label,.v-contact-field>legend{font-weight:600;font-size:14.5px;line-height:1.4;color:var(--text);display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0}
.v-contact-opt,.v-contact-legend-note{font:400 13.5px/1.3 var(--font);color:var(--muted)}
.v-contact-opt:before{content:"· ";color:var(--faint)}
.v-contact-field input,.v-contact-field textarea,.v-contact-select select{width:100%;min-height:52px;padding:13px 15px;border-radius:12px;border:1px solid var(--faint);background:var(--bg);color:var(--text);font:400 16px/1.4 var(--font);transition:border-color .18s,box-shadow .18s,background .18s}
.v-contact-field textarea{min-height:104px;resize:vertical;line-height:1.55}
.v-contact-field input::placeholder,.v-contact-field textarea::placeholder{color:var(--faint);opacity:1}
.v-contact-field input:hover,.v-contact-field textarea:hover,.v-contact-select select:hover{border-color:var(--muted)}
.v-contact-field input:focus,.v-contact-field textarea:focus,.v-contact-select select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #2bd6ff33;background:#0a111c}
.v-contact-field [aria-invalid=true],.v-contact-field [aria-invalid=true]:focus{border-color:var(--red);box-shadow:0 0 0 3px #ff6b5b33}
.v-contact-hint{font-size:13.5px;line-height:1.45;color:var(--muted)}
.v-contact-error{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--red);font-weight:500}
.v-contact-error:before{content:"!";flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--font);color:#06090f;background:var(--red)}
.v-contact-select{position:relative}
.v-contact-select select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.v-contact-select:after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.v-contact-select option{background:var(--surface);color:var(--text)}
/* Créneaux */
.v-contact-slots legend{margin-bottom:7px}
.v-contact-slot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v-contact-slot-row>.v-contact-slot{position:relative;display:block;cursor:pointer;min-width:0}
.v-contact-slot input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.v-contact-slot-box{position:relative;display:grid;gap:3px;align-content:center;min-height:66px;padding:12px 14px;border-radius:12px;border:1px solid var(--faint);background:var(--bg);transition:border-color .18s,background .18s,box-shadow .18s}
.v-contact-slot-dot{position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;border:2px solid var(--muted);display:grid;place-items:center}
.v-contact-slot-box b{font-size:15.5px;line-height:1.25;padding-right:24px}
.v-contact-slot-box small{font:400 13.5px/1.3 var(--font);color:var(--muted)}
.v-contact-slot:hover .v-contact-slot-box{border-color:var(--muted)}
.v-contact-slot input:checked+.v-contact-slot-box{border-color:var(--cyan);background:#2bd6ff12;box-shadow:inset 0 0 0 1px #2bd6ff55}
.v-contact-slot input:checked+.v-contact-slot-box .v-contact-slot-dot{border-color:var(--cyan)}
.v-contact-slot input:checked+.v-contact-slot-box .v-contact-slot-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.v-contact-slot input:checked+.v-contact-slot-box small{color:var(--text)}
.v-contact-slot input:focus-visible+.v-contact-slot-box{outline:2px solid var(--focus);outline-offset:3px}
/* Pied de formulaire */
.v-contact-trap{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v-contact-trap label,.v-contact-trap input{display:block;width:1px;height:1px;overflow:hidden;padding:0;border:0}
.v-contact-turnstile{margin-top:18px}
.v-contact-turnstile:empty{display:none}
.v-contact-submit{flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;margin-top:22px;font-size:17px}
.v-contact-submit:disabled{opacity:.62;cursor:progress;transform:none;box-shadow:none}
/* Deux zones live (statut poli, alerte) présentes dès le chargement : vides,
   elles ne gardent que leur place dans l'arbre d'accessibilité, sans habillage. */
.v-contact-status{margin-top:14px;padding:13px 16px;border-radius:12px;border:1px solid var(--line2);background:#ffffff06;font-size:15px;line-height:1.5;color:var(--text)}
.v-contact-status.is-alert{border-color:#ff6b5b66;background:#ff6b5b12;border-left:3px solid var(--red)}
.v-contact-status:empty{margin:0;padding:0;border:0;background:none}
.v-contact-status p+p{margin-top:6px;color:var(--muted);font-size:14.5px}
.v-contact-status a{color:var(--link);font-weight:600}
.v-contact-privacy{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.55;color:var(--muted)}
.v-contact-privacy .v-icon{flex-shrink:0;color:var(--faint);margin-top:2px}
.v-contact-privacy b{font-weight:600;color:var(--text)}
.v-contact-privacy a{color:var(--link);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.v-contact-noscript{margin-top:14px;font-size:14.5px;color:var(--amber)}
.v-contact-noscript a{color:var(--link)}
/* Confirmation */
.v-contact-success{display:grid;justify-items:start;gap:12px;padding:12px 0 4px;outline:none}
.v-contact-success-mark{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:var(--green);background:#3ddc9714;border:1px solid #3ddc9755;box-shadow:0 0 30px #3ddc9722}
.v-contact-success h3{font-family:var(--display);font-size:clamp(1.6rem,2.4vw,2rem);letter-spacing:-.025em;margin-top:6px}
.v-contact-success p{color:var(--muted);font-size:16.5px;line-height:1.55;max-width:44ch}
.v-contact-again{margin-top:8px;min-height:50px}
/* Question écrite + contacts directs */
.v-contact-write{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.v-contact-direct{padding:28px;border-radius:22px;border:1px solid var(--line);background:#0b111a}
.v-contact-direct h3{font-size:21px;margin-bottom:8px}
.v-contact-direct ul{list-style:none;margin:0;padding:0;display:grid}
.v-contact-direct li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.v-contact-direct li:last-child{border-bottom:0;padding-bottom:6px}
.v-contact-direct-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--cyan);background:#2bd6ff10;border:1px solid #2bd6ff2a}
.v-contact-direct b{display:block;font-size:16px;line-height:1.35;margin-bottom:4px}
.v-contact-direct p{color:var(--muted);font-size:14.5px;line-height:1.55;margin-top:4px}
.v-contact-direct p a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
/* Adresses e-mail : cible tactile de 44 px, soulignement collé au texte */
.v-contact-mail{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font:600 15px/1.3 var(--mono);color:var(--link);text-decoration:none}
.v-contact-mail>span{border-bottom:1px solid #7fe3ff55;overflow-wrap:anywhere;min-width:0}
.v-contact-mail:hover{color:#fff}
.v-contact-mail:hover>span{border-bottom-color:currentColor}
.v-contact-direct li>div>.v-contact-mail{margin:-6px 0 -4px}
.v-contact-address{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding-top:18px;border-top:1px dashed var(--line2);font-size:14.5px;line-height:1.6;color:var(--muted)}
.v-contact-address .v-icon{flex-shrink:0;color:var(--faint);margin-top:3px}
.v-contact-address>div{min-width:0}
.v-contact-direct .v-contact-address p{margin:0;font-size:14.5px;line-height:1.6}
.v-contact-address b{display:block;color:var(--text);font-weight:600}
.v-contact-address-mail{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px}
.v-contact-address .v-contact-mail{font-size:14px}
/* Responsive */
@media(max-width:1100px){.v-contact-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,500px);column-gap:40px}.v-contact-pair{grid-template-columns:1fr}.v-contact-write{grid-template-columns:1fr}.v-contact-direct ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.v-contact-direct li:nth-last-child(2){border-bottom:0}}
@media(max-width:960px){.v-contact-hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "form" "agenda";gap:32px}.v-contact-hero-copy{padding-top:0}.v-contact-hero .v-display{max-width:14ch}.v-contact-hero-form{max-width:640px}}
@media(max-width:700px){.v-contact-hero{padding-block:36px 64px}.v-contact-grid>.v-contact-field{grid-column:1/-1}.v-contact-hero .v-display{font-size:clamp(2.3rem,10.5vw,3rem)}.v-contact-card{padding:24px 18px;border-radius:20px}.v-contact-card.is-callback:before{left:18px;right:18px}.v-contact-card-head{grid-template-columns:44px 1fr;gap:14px}.v-contact-badge{width:44px;height:44px;border-radius:12px}.v-contact-grid{grid-template-columns:1fr;gap:16px}.v-contact-slot-row{grid-template-columns:1fr}.v-contact-slot-box{grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:54px;padding:10px 14px 10px 44px}.v-contact-slot-dot{top:50%;left:14px;right:auto;transform:translateY(-50%)}.v-contact-slot-box small{text-align:right}.v-contact-agenda ol>li{grid-template-columns:40px 1fr;gap:14px;padding:16px}.v-contact-agenda-icon{width:40px;height:40px}.v-contact-direct{padding:22px 18px}.v-contact-direct ul{grid-template-columns:1fr}.v-contact-direct li:nth-last-child(2){border-bottom:1px solid var(--line)}}

/* Calculateur (/calculateur) : accorde au système V7 les blocs hérités
   (.h-simulator et .h-roi-* de home.mjs, méthode de content/calculator-method.mjs).
   Tout est scopé sous .v7-calculator. home.css est chargé APRÈS site.css : les
   sélecteurs portent donc la classe de page, et !important seulement là où
   home.css l'impose déjà (tailles du chiffre aux points de rupture).
   Autonomie : ce fichier reprend aussi les rares propriétés de structure que
   home.css apportait au widget (grilles, flex, largeur des curseurs). Le
   calculateur s'affiche donc à l'identique sans home.css : la page peut ne
   charger que home.js (voir la note de revue « fix-F »). */
/* Hero : titre long, taille ramenée pour tenir en deux ou trois lignes */
.v7-calculator .v-page-hero{padding-bottom:64px}
.v7-calculator .v-page-hero .v-display{font-size:clamp(2.4rem,4.7vw,4.1rem);max-width:19ch}
.v7-calculator .v-page-hero .v-lead{max-width:60ch}

/* ------------------------------------------------------------ simulateur --- */
.v7-calculator .h-simulator.h-section{padding-block:80px 104px;background:radial-gradient(900px 460px at 88% 30%,#2bd6ff12,transparent 70%),var(--bg)}
.v7-calculator .h-simulator .h-section-head{text-align:left;max-width:780px;margin:0 0 44px}
.v7-calculator .h-simulator .h-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--cyan)}
.v7-calculator .h-simulator .h-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.v7-calculator .h-simulator .h-section-head h2{margin:16px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
/* Seconde ligne du titre : même accent cyan que .v-title em du reste du site */
.v7-calculator .h-simulator .h-section-head h2 span{color:var(--cyan)}
.v7-calculator .h-simulator .h-section-head>p:last-child{margin:16px 0 0;max-width:62ch;font-size:clamp(16.5px,1.25vw,18px);line-height:1.6;color:var(--muted)}
.v7-calculator .h-roi-wrap{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:28px;align-items:start}
/* Colonne « vos chiffres » */
.v7-calculator .h-roi-form{display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:22px;border:1px solid var(--line2);background:var(--surface)}
.v7-calculator .h-roi-form:before{content:"Vos chiffres";font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:-6px}
.v7-calculator .h-roi-field label{display:block;font-size:15.5px;font-weight:600;line-height:1.4;color:var(--text);margin-bottom:12px}
.v7-calculator .h-roi-field label span{font-size:13.5px;font-weight:400;color:var(--muted)}
.v7-calculator .h-roi-control{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:18px;align-items:center}
.v7-calculator .h-roi-control input[type=range]{width:100%;min-width:0;height:28px;accent-color:var(--cyan);cursor:pointer}
.v7-calculator .h-roi-control input[type=number]{width:100%;min-height:50px;border-radius:12px;border:1px solid var(--faint);background:var(--bg);color:#fff;font:600 18px/1 var(--mono);text-align:center;padding:8px 10px;transition:border-color .18s,box-shadow .18s}
.v7-calculator .h-roi-control input[type=number]:hover{border-color:var(--muted)}
.v7-calculator .h-roi-control input[type=number]:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #2bd6ff33}
.v7-calculator .h-roi-control input[type=number][aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 3px #ff6b5b24}
.v7-calculator .h-roi-input-note{font-size:13.5px;color:var(--muted);margin-top:-14px!important}
.v7-calculator .h-roi-scenario{padding:22px 0 0;border-top:1px dashed var(--line2)}
.v7-calculator .h-roi-scenario>p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0 0 16px}
.v7-calculator .h-form-error[hidden]{display:none}
.v7-calculator .h-form-error{padding:12px 16px;border-radius:12px;border:1px solid #ff6b5b66;border-left:3px solid var(--red);background:#ff6b5b12;color:var(--text);font-size:14.5px;line-height:1.5}
.v7-calculator .h-roi-form>.button{width:auto;align-self:flex-start;min-height:52px;margin-top:0;padding:12px 22px;border-radius:12px;background:#ffffff05;border:1px solid var(--line2);color:var(--text);box-shadow:none;font:600 16px/1.2 var(--font)}
.v7-calculator .h-roi-form>.button:hover{background:#2bd6ff0d;border-color:var(--cyan);color:#fff;transform:none;box-shadow:none}
.v7-calculator .h-roi-form>.button span{font-size:16px;color:var(--cyan)}
.v7-calculator .h-roi-form noscript p{font-size:14px;color:var(--muted)}
/* Colonne résultat : même langage que le calcul de l'accueil (.v-calc-result) */
.v7-calculator .h-roi-result-box{text-align:left;padding:34px;border-radius:22px;border:1px solid #2bd6ff33;background:radial-gradient(420px 260px at 100% 0,#2bd6ff1a,transparent 70%),#0b121c;box-shadow:0 30px 80px #0008;position:sticky;top:calc(var(--header-height) + 24px)}
.v7-calculator .h-roi-label{font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.v7-calculator .h-roi-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:700 clamp(2.8rem,5.2vw,4.2rem)/1 var(--display)!important;letter-spacing:-.035em;color:#fff;margin:14px 0 10px}
.v7-calculator .h-roi-number>span{display:inline;margin:0;font:500 16px/1.2 var(--font);letter-spacing:0;color:var(--muted)}
.v7-calculator .h-roi-hours{font-size:17px;font-weight:600;color:var(--amber);margin-bottom:14px!important}
.v7-calculator .h-roi-hours output{font-weight:700;color:var(--amber)}
.v7-calculator .h-roi-formula{font:500 13.5px/1.6 var(--mono);color:var(--muted);overflow-wrap:anywhere}
.v7-calculator .h-roi-result-box .h-roi-formula+.h-roi-formula{margin-top:4px}
.v7-calculator .h-roi-scenario-result{margin:24px 0 18px;padding:18px 20px;border-radius:14px;border:1px solid var(--line2);background:#ffffff06}
.v7-calculator .h-roi-scenario-result>p{font-size:14.5px;line-height:1.55;color:#d2dce8}
.v7-calculator .h-roi-scenario-result>p+p{margin-top:12px}
.v7-calculator .h-roi-scenario-result>p:first-child{font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.v7-calculator .h-roi-scenario-result>strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:10px 0 6px;font:700 clamp(1.8rem,2.6vw,2.2rem)/1.1 var(--display);letter-spacing:-.03em;color:var(--green)}
.v7-calculator .h-roi-scenario-result>strong>span{font:500 14px/1.2 var(--font);letter-spacing:0;color:var(--muted)}
.v7-calculator .h-roi-scenario-result>p:last-child{font-size:14px;color:var(--muted)}
.v7-calculator .h-roi-scenario-result>p strong{font-size:inherit;color:var(--text)}
.v7-calculator .h-roi-scenario-result .h-roi-formula{font-size:13.5px;color:var(--muted)}
.v7-calculator .h-roi-caution{font-size:13.5px;line-height:1.6;color:var(--muted)}
.v7-calculator .h-roi-result-box .button{width:100%;min-height:56px;margin-top:22px;border-radius:12px;font:600 16.5px/1.2 var(--font)}
/* Le bouton hérité porte « ↗ » (lien externe) : on l'oriente en flèche d'action → */
.v7-calculator .h-roi-result-box .button>span[aria-hidden]{display:inline-block;transform:rotate(45deg)}
/* Bouton d'essai V7 (btnTrial) dans la colonne résultat, quand la page l'utilise */
.v7-calculator .h-roi-result-box .v-btn{width:100%;margin-top:22px}
/* Calculateur placé juste sous le H1, sans titre propre : il se raccroche au hero */
.v7-calculator .h-simulator.h-section:not(:has(.h-section-head)){padding-top:56px}

/* ------------------------------------------- « Et DIAGIA dans ce calcul ? » --- */
.v7-calculator main>.v-section.v-tone-raised{padding-block:72px}
.v7-calculator main>.v-section.v-tone-raised>.v-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 56px}
.v7-calculator main>.v-section.v-tone-raised .v-head{margin-bottom:0}
.v7-calculator main>.v-section.v-tone-raised .v-title{font-size:clamp(1.8rem,3vw,2.6rem)}
.v7-calculator main>.v-section.v-tone-raised .v-link{padding:14px 20px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);white-space:nowrap}
.v7-calculator main>.v-section.v-tone-raised .v-link:hover{border-color:var(--cyan)}

/* ---------------------------------------------------------------- méthode --- */
.v7-calculator main>.section{padding-block:104px;background:var(--bg)}
/* Méthode repliable (<details class="v-calc-method">) : tête visible, texte complet
   au clic. Le « + / − » vient de la règle globale summary:after. */
.v7-calculator .v-calc-method-section .v-head{margin-bottom:32px}
.v7-calculator .v-calc-method{border:1px solid var(--line2);border-radius:22px;background:var(--surface)}
.v7-calculator .v-calc-method>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 20px;min-height:76px;padding:18px 28px;border-radius:21px;font-weight:400;transition:background .18s}
.v7-calculator .v-calc-method>summary>span{grid-column:1;font:700 clamp(1.15rem,1.6vw,1.35rem)/1.3 var(--display);letter-spacing:-.015em;color:var(--text)}
.v7-calculator .v-calc-method>summary>small{grid-column:1;font:500 13.5px/1.45 var(--mono);color:var(--muted)}
.v7-calculator .v-calc-method>summary:after{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);font-size:24px}
.v7-calculator .v-calc-method>summary:hover{background:#ffffff05}
.v7-calculator .v-calc-method>summary:hover:after{border-color:var(--cyan)}
.v7-calculator .v-calc-method>summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.v7-calculator .v-calc-method[open]>summary{border-bottom:1px solid var(--line);border-radius:21px 21px 0 0}
.v7-calculator .v-calc-method>.calculator-method{padding:56px 40px 44px}
.v7-calculator .calculator-method{max-width:none;display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 72px;font-size:17px;line-height:1.75}
.v7-calculator .calculator-method>section{grid-column:2;min-width:0;max-width:760px}
.v7-calculator .calculator-method>section+section{margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}
.v7-calculator .method-contents{grid-column:1;grid-row:1/span 7;align-self:start;position:sticky;top:calc(var(--header-height) + 32px);display:grid;gap:2px;margin:0;padding:0 0 0 0;border:0}
.v7-calculator .method-contents:before{content:"La méthode";font:600 13px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
.v7-calculator .method-contents a{display:flex;align-items:center;min-height:44px;padding:8px 0 8px 16px;border-left:2px solid var(--line2);font-size:15px;line-height:1.35;color:var(--muted);text-decoration:none;transition:color .18s,border-color .18s}
.v7-calculator .method-contents a:hover,.v7-calculator .method-contents a:focus-visible{color:var(--text);border-left-color:var(--cyan)}
.v7-calculator .calculator-method h2{margin:0 0 18px;font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,2.5vw,2.15rem);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
.v7-calculator .calculator-method p{margin:0 0 18px;color:var(--muted)}
.v7-calculator .calculator-method p:last-child{margin-bottom:0}
.v7-calculator .calculator-method strong{color:var(--text);font-weight:600}
.v7-calculator .calculator-method a:not(.method-contents a){color:var(--link);text-decoration:underline;text-decoration-color:#7fe3ff66;text-underline-offset:3px}
.v7-calculator .calculator-method a:not(.method-contents a):hover{text-decoration-color:currentColor}
/* Quatre notions : cartes */
.v7-calculator .method-definitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 0}
.v7-calculator .method-definitions>div{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.v7-calculator .method-definitions dt{display:flex;align-items:center;gap:10px;font:700 17px/1.3 var(--display);letter-spacing:-.01em;color:var(--text);margin-bottom:8px}
.v7-calculator .method-definitions dt:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--cyan);flex-shrink:0}
.v7-calculator .method-definitions>div:nth-child(4) dt:before{background:var(--amber)}
.v7-calculator .method-definitions dd{margin:0;font-size:15.5px;line-height:1.6;color:var(--muted)}
/* Quatre semaines : étapes numérotées */
.v7-calculator .calculator-method ol{list-style:none;counter-reset:v-step;padding:0;margin:24px 0;display:grid;gap:12px}
.v7-calculator .calculator-method ol>li{counter-increment:v-step;position:relative;margin:0;padding:18px 20px 18px 66px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:16px;line-height:1.65;color:var(--muted)}
.v7-calculator .calculator-method ol>li:before{content:counter(v-step,decimal-leading-zero);position:absolute;left:18px;top:17px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--cyan);border:1px solid #2bd6ff40;background:#2bd6ff10}
.v7-calculator .calculator-method li+li{margin-top:0}
/* Tableau : même style que .v-table */
.v7-calculator .calculator-method .table-wrap{margin:24px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow-x:auto}
.v7-calculator .calculator-method table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.v7-calculator .calculator-method caption{caption-side:top;padding:16px 18px;text-align:left;font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.v7-calculator .calculator-method th,.v7-calculator .calculator-method td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);background:transparent}
.v7-calculator .calculator-method tr:last-child>*{border-bottom:0}
.v7-calculator .calculator-method thead th{font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface2)}
.v7-calculator .calculator-method tbody th{color:var(--text);font-weight:600}
.v7-calculator .calculator-method td{color:var(--muted);font-weight:400}
.v7-calculator .calculator-method td:nth-child(2){font-family:var(--mono);font-size:14px;color:#d2dce8}
.v7-calculator .formula-copy{margin:0 0 18px;padding:18px 22px;border:1px solid #2bd6ff40;border-radius:14px;background:linear-gradient(135deg,#2bd6ff0f,transparent 70%),var(--surface);font:500 15.5px/1.6 var(--mono);color:var(--text)!important;overflow-wrap:anywhere}
.v7-calculator .formula-copy strong{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
/* Sources */
.v7-calculator .source-list{font-size:15px;line-height:1.65}
.v7-calculator .calculator-method>.source-list{margin-top:64px;padding:32px;border:1px solid var(--line);border-radius:18px;background:#0b111a}
.v7-calculator .source-list h2{font-size:clamp(1.3rem,1.8vw,1.55rem);margin-bottom:14px}
.v7-calculator .source-list p{font-size:15px}
.v7-calculator .source-list ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}
.v7-calculator .source-list li{position:relative;margin:0;padding:12px 14px 12px 36px;border-radius:12px;background:#ffffff05;border:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.v7-calculator .source-list li:before{content:"";position:absolute;left:15px;top:21px;width:7px;height:7px;border-radius:50%;background:var(--faint)}
.v7-calculator .source-list a{overflow-wrap:anywhere}

/* ------------------------------------------------------------- responsive --- */
@media(max-width:1100px){.v7-calculator .calculator-method{grid-template-columns:200px minmax(0,1fr);gap:0 44px}.v7-calculator .v-calc-method>.calculator-method{padding:48px 28px 36px}}
@media(max-width:960px){
.v7-calculator .h-roi-wrap{grid-template-columns:1fr;gap:20px}
.v7-calculator .h-roi-result-box{position:static;padding:28px}
.v7-calculator .h-roi-number{font-size:clamp(2.6rem,9vw,3.6rem)!important}
.v7-calculator main>.v-section.v-tone-raised>.v-wrap{grid-template-columns:1fr;align-items:start}
.v7-calculator .calculator-method{display:block}
.v7-calculator .calculator-method>section{max-width:none}
.v7-calculator .method-contents{position:static;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 48px}
.v7-calculator .method-contents:before{flex-basis:100%;margin-bottom:4px}
.v7-calculator .method-contents a{min-height:44px;padding:8px 14px;border:1px solid var(--line2);border-radius:999px;font-size:14.5px}
}
@media(max-width:700px){
.v7-calculator .v-page-hero .v-display{font-size:clamp(2.1rem,9vw,2.8rem)}
.v7-calculator .h-simulator.h-section{padding-block:56px 72px}
.v7-calculator .h-simulator .h-section-head{margin-bottom:28px}
.v7-calculator .h-roi-form{padding:22px 18px;gap:22px}
.v7-calculator .h-roi-control{grid-template-columns:minmax(0,1fr) 88px;gap:14px}
.v7-calculator .h-roi-control input[type=number]{font-size:16px!important}
.v7-calculator .h-roi-form>.button{width:100%;align-self:stretch}
.v7-calculator .h-roi-result-box{padding:24px 20px;border-radius:20px}
.v7-calculator .h-roi-number{font-size:clamp(2.4rem,11vw,3rem)!important}
.v7-calculator .h-roi-scenario-result{padding:16px}
.v7-calculator main>.v-section.v-tone-raised{padding-block:56px}
.v7-calculator main>.v-section.v-tone-raised .v-link{white-space:normal}
.v7-calculator main>.section{padding-block:64px}
.v7-calculator .calculator-method{font-size:16.5px}
.v7-calculator .method-contents a{font-size:14px;padding:8px 12px}
.v7-calculator .method-definitions{grid-template-columns:1fr}
.v7-calculator .calculator-method ol>li{padding:16px 16px 16px 58px}
.v7-calculator .calculator-method ol>li:before{left:14px;top:15px;width:30px;height:30px}
.v7-calculator .calculator-method>section+section{margin-top:48px;padding-top:40px}
.v7-calculator .calculator-method>.source-list{padding:22px 18px}
.v7-calculator .h-simulator.h-section:not(:has(.h-section-head)){padding-top:40px}
.v7-calculator .v-calc-method-section .v-head{margin-bottom:24px}
.v7-calculator .v-calc-method>summary{padding:16px 16px 16px 18px;gap:4px 14px}
.v7-calculator .v-calc-method>.calculator-method{padding:32px 18px 28px}
/* Tableau en fiches empilées : plus de défilement horizontal sur téléphone */
.v7-calculator .calculator-method .table-wrap{overflow:visible;border:0;border-radius:0;background:none}
.v7-calculator .calculator-method table{min-width:0}
.v7-calculator .calculator-method table,.v7-calculator .calculator-method caption,.v7-calculator .calculator-method tbody,.v7-calculator .calculator-method tr,.v7-calculator .calculator-method tbody th,.v7-calculator .calculator-method td{display:block}
.v7-calculator .calculator-method caption{padding:0 0 12px;border:0}
.v7-calculator .calculator-method thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v7-calculator .calculator-method tbody tr{margin-bottom:10px;padding:4px 0 6px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.v7-calculator .calculator-method tbody th{padding:14px 16px 6px;border:0;font-size:16.5px}
.v7-calculator .calculator-method td{padding:6px 16px 10px;border:0}
.v7-calculator .calculator-method td:before{display:block;margin-bottom:3px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.v7-calculator .calculator-method td:nth-child(2):before{content:"Méthode"}
.v7-calculator .calculator-method td:nth-child(3):before{content:"Limite"}
}
/* 320 px: the 13 px caption keeps two lines (« HEBDOMADAIRES » would drop to a third). */
/* Scenario label, 340 to 400 px: two lines at 13 px without letter-spacing. At 320 px it keeps the three lines it already had at 12 px. */
@media(max-width:359px){.v7-calculator .calculator-method caption{letter-spacing:.02em}}
@media(max-width:400px){.v7-calculator .h-roi-scenario-result>p:first-child{letter-spacing:0}}

/* V7 — Actualités (pages/blog/diagia-nvidia-inception.mjs) */
.v-news-narrow{max-width:760px}
.v-news-hero{padding:56px 0 8px;background:radial-gradient(900px 420px at 80% -10%,#2bd6ff12,transparent),var(--bg)}
.v-news-hold{display:flex;gap:10px;align-items:flex-start;margin:0 0 28px;padding:12px 16px;border-radius:12px;border:1px solid #f59e0b66;background:#f59e0b14;color:#fcd34d;font-size:15px;line-height:1.45}
.v-news-hold .v-icon{flex:none;margin-top:2px}
.v-news-h1{font:800 clamp(2.2rem,5vw,3.4rem)/1.05 var(--display);letter-spacing:-.03em;margin:10px 0 18px;text-wrap:balance}
.v-news-deck{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.55;color:var(--muted);margin:0}
.v-news-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;font-size:14px;color:var(--faint)}
.v-news-meta span{display:inline-flex;align-items:center;gap:7px}
.v-news-visual{margin:40px auto 0;max-width:1000px;display:grid;gap:12px}
.v-news-visual img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line2);box-shadow:0 30px 70px #000a}
.v-news-visual figcaption{font-size:13.5px;color:var(--faint)}
.v-news-body{padding:40px 0 72px}
.v-news-prose>p,.v-news-prose li{font-size:17.5px;line-height:1.75;color:#d4deea}
.v-news-prose>p{margin:0 0 20px}
.v-news-prose h2{font:700 clamp(1.4rem,2.6vw,1.75rem)/1.2 var(--display);letter-spacing:-.02em;margin:44px 0 16px;color:var(--text)}
.v-news-prose ul{margin:0 0 20px;padding-left:20px;display:grid;gap:10px}
.v-news-prose b{color:var(--text)}
.v-news-prose a:not(.v-link){color:var(--link);text-underline-offset:3px}
.v-news-legal{margin-top:40px!important;padding-top:20px;border-top:1px solid var(--line);font-size:13px!important;line-height:1.55!important;color:var(--faint)!important}
.v-news-back{margin-top:28px!important}
@media(max-width:700px){.v-news-hero{padding-top:32px}.v-news-visual{margin-top:28px}.v-news-visual img{border-radius:12px}.v-news-prose>p,.v-news-prose li{font-size:16.5px}}

/* Codes défaut : hub /code-defaut (.v-cd-*) et fiches /code-defaut/<slug> (.v-fiche-*) */
.v-fiche-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Code key colours, shared by the decoder, the anatomy and the tables. */
.v-cd-keys .is-letter,.v-cd-anatomy-code .is-letter,.v-cd-key.is-letter,.v-cd-parts>li.is-letter .v-cd-part-k span{color:var(--cyan);border-color:#2bd6ff55;background:#2bd6ff12}
.v-cd-keys .is-origin,.v-cd-anatomy-code .is-origin,.v-cd-key.is-origin,.v-cd-parts>li.is-origin .v-cd-part-k span{color:var(--amber);border-color:#ffb22455;background:#ffb22412}
.v-cd-keys .is-group,.v-cd-anatomy-code .is-group,.v-cd-key.is-group,.v-cd-parts>li.is-group .v-cd-part-k span{color:var(--green);border-color:#3ddc9755;background:#3ddc9712}
.v-cd-keys .is-num,.v-cd-anatomy-code .is-num,.v-cd-key.is-num,.v-cd-parts>li.is-num .v-cd-part-k span{color:var(--text);border-color:var(--line2);background:#ffffff08}
.v-cd-keys .is-ftb,.v-cd-key.is-ftb{color:var(--muted);border-color:var(--line2);border-style:dashed;background:transparent}

/* ------------------------------------------------------------ hub --- */
.v7-code-defaut .v-page-hero .v-display{font-size:clamp(2.4rem,4.4vw,3.9rem);max-width:15ch}
@media(min-width:861px){.v7-code-defaut .v-page-hero-split .v-wrap{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start}}
.v-cd-decoder{position:relative;padding:22px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(420px 240px at 100% 0,#2bd6ff18,transparent 70%),linear-gradient(180deg,#0f1622,#0a1019);box-shadow:0 40px 100px #000a,0 0 0 1px #2bd6ff14}
.v-cd-decoder-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
.v-cd-decoder-top span{display:inline-flex;gap:8px;align-items:center}
.v-cd-local{color:var(--green)}
.v-cd-label{display:block;font-weight:600;font-size:15px;margin-bottom:8px}
.v-cd-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px;border-radius:14px;background:#04070c;border:1px solid var(--line2);transition:border-color .2s,box-shadow .2s}
.v-cd-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #2bd6ff26}
.v-cd-field input{min-width:0;width:100%;border:0;background:transparent;color:var(--amber);font:700 26px/1.2 var(--mono);letter-spacing:.08em;padding:10px 12px;text-transform:uppercase;outline:none}
.v-cd-field input::placeholder{color:var(--faint);opacity:1;font-weight:500;letter-spacing:.02em;text-transform:none}
.v-cd-field input[aria-invalid=true]{color:var(--red)}
.v-cd-go{min-height:52px;padding:0 22px;border-radius:10px;border:0;background:var(--cyan);color:#03121b;font:700 16px/1 var(--font);cursor:pointer;transition:background .18s}
.v-cd-go:hover{background:#7ae6ff}
.v-cd-help{font-size:13px;color:var(--muted);margin-top:8px}
.v-cd-examples{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:13.5px;color:var(--muted)}
.v-cd-examples span{margin-right:2px}
.v-cd-examples button{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:#ffffff06;color:var(--text);font:600 13.5px/1 var(--mono);cursor:pointer;transition:border-color .18s,color .18s}
.v-cd-examples button:hover{border-color:var(--cyan);color:var(--cyan)}
.v-cd-result{margin-top:16px}
.v-cd-res{padding:16px;border-radius:16px;background:#070b12;border:1px solid var(--line)}
.v-cd-res-k{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.v-cd-res-k em{font-style:normal;color:var(--amber);text-transform:none;letter-spacing:0}
.v-cd-keys{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.v-cd-keys span{font:700 26px/1 var(--mono);padding:10px 12px;border-radius:10px;border:1px solid;min-width:46px;text-align:center}
.v-cd-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v-cd-rows li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start}
.v-cd-key{display:grid;place-items:center;min-height:34px;padding:4px 6px;border-radius:8px;border:1px solid;font:700 14px/1 var(--mono)}
.v-cd-rows p{display:grid;gap:2px;font-size:14px;line-height:1.45}
.v-cd-rows b{color:var(--text);font-size:14.5px;font-weight:600}.v-cd-rows span{color:var(--muted)}
.v-cd-sheet{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid #2bd6ff55;background:#2bd6ff10;text-decoration:none;color:var(--text);transition:border-color .18s,background .18s}
.v-cd-sheet:hover{border-color:var(--cyan);background:#2bd6ff18;color:var(--text)}
.v-cd-sheet span{grid-column:1;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cyan)}
.v-cd-sheet b{grid-column:1;font-size:15px;line-height:1.4}
.v-cd-sheet .v-icon{grid-column:2;grid-row:1/3;color:var(--cyan)}
.v-cd-none{margin-top:14px;font-size:14px;color:var(--muted);line-height:1.55}.v-cd-none a{color:var(--link)}
.v-cd-msg{font-size:15px;color:var(--text);line-height:1.55}
.v-cd-privacy{margin-top:12px;font-size:13px;color:var(--muted)}
.v-cd-pro-line{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line2);font-size:14px;color:var(--muted);line-height:1.55}.v-cd-pro-line a{color:var(--link);font-weight:600}
.v-cd-sheet.is-hub{border-color:#3ddc9755;background:#3ddc970d}.v-cd-sheet.is-hub:hover{border-color:var(--green);background:#3ddc9716}.v-cd-sheet.is-hub span,.v-cd-sheet.is-hub .v-icon{color:var(--green)}
/* Sheets by system */
.v-cd-sheets-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}
.v-cd-sheets-head .v-head{margin-bottom:0}
.v-cd-count{font:500 13px/1.4 var(--mono);color:var(--muted);white-space:nowrap;text-align:right;letter-spacing:.04em}
.v-cd-count b{display:block;font:700 44px/1 var(--display);color:var(--text);letter-spacing:-.03em;margin-bottom:4px}
.v-cd-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:64px;padding:10px;margin:0 -10px;border-radius:12px;text-decoration:none;color:var(--text);transition:background .2s}
.v-cd-row:hover{background:#ffffff08;color:var(--text)}
.v-cd-row .v-icon{color:var(--muted);transition:transform .18s,color .18s}
.v-cd-row:hover .v-icon{transform:translateX(3px);color:var(--cyan)}
.v-cd-plate{font:700 15px/1 var(--mono);padding:10px 11px;border-radius:9px;background:#04070c;border:1px solid var(--line2);color:var(--amber);letter-spacing:.04em;box-shadow:inset 0 0 14px #ffb22410}
.v-cd-row-t{display:grid;gap:3px}
.v-cd-row-t b{font-size:15.5px;font-weight:600;line-height:1.35}
.v-cd-row-t small{font-size:13px;color:var(--muted);line-height:1.4}
/* Browse: common codes and systems grid */
.v-cd-block-t{display:flex;align-items:center;gap:10px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.v-cd-block-t .v-icon{color:var(--cyan)}
.v-cd-block-t+ul{margin-bottom:48px}
.v-cd-popular{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v-cd-popular a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"plate go" "text text";grid-template-rows:auto 1fr;gap:12px;align-items:start;height:100%;min-height:76px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.v-cd-popular a:hover{border-color:#2bd6ff66;transform:translateY(-1px);color:var(--text)}
.v-cd-popular .v-icon{color:var(--muted)}.v-cd-popular a:hover .v-icon{color:var(--cyan)}
.v-cd-popular .v-cd-plate{grid-area:plate;justify-self:start}.v-cd-popular .v-icon{grid-area:go;align-self:center}
.v-cd-pop-t{grid-area:text;display:grid;gap:3px;min-width:0;align-self:start}
.v-cd-pop-t b{font-size:15px;font-weight:600;line-height:1.35}
.v-cd-pop-t small{font-size:13px;color:var(--muted);line-height:1.4}
.v-cd-systems{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.v-cd-systems a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;height:100%;min-height:84px;padding:14px 16px 14px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}
.v-cd-systems a:hover{border-color:#2bd6ff66;background:var(--surface2);color:var(--text)}
.v-cd-systems .v-icon{color:var(--muted);transition:transform .18s,color .18s}.v-cd-systems a:hover .v-icon{color:var(--cyan);transform:translateX(3px)}
.v-cd-sys-n{display:grid;justify-items:center;align-content:center;height:56px;border-radius:12px;background:#04070c;border:1px solid var(--line2);font:500 13px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.v-cd-sys-n b{font:700 22px/1 var(--mono);color:var(--amber);letter-spacing:0;margin-bottom:3px}
.v-cd-sys-t{display:grid;gap:3px;min-width:0}
.v-cd-sys-t b{font-size:16px;font-weight:600;line-height:1.3}
.v-cd-sys-t small{font-size:13.5px;color:var(--muted);line-height:1.4}
.v-cd-browse-all{margin-top:-20px}
/* Full index: one foldable group per system (folded on phones by js/decodeur.js) */
.v-cd-index{display:grid;gap:12px}
.v-cd-fold{padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);scroll-margin-top:calc(var(--header-height) + 20px)}
.v-cd-fold>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:60px;padding:12px 16px 12px 20px;cursor:pointer;list-style:none;border-radius:18px}
.v-cd-fold>summary::-webkit-details-marker{display:none}
.v-cd-fold>summary:after{content:none;display:none}
.v-cd-fold>summary:hover h3{color:var(--cyan)}
.v-cd-fold>summary h3{margin:0;font-size:17px;line-height:1.35;transition:color .18s}
.v-cd-fold-n{font:500 13px/1.4 var(--mono);color:var(--muted);white-space:nowrap}
.v-cd-fold-chev{width:34px;height:34px;padding:7px;border-radius:50%;color:var(--cyan);background:#2bd6ff10;transition:transform .2s}
.v-cd-fold[open] .v-cd-fold-chev{transform:rotate(180deg)}
.v-cd-fold-body{padding:0 20px 16px;border-top:1px solid var(--line)}
.v-cd-index-list{list-style:none;margin:0;padding:6px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:24px}
.v-cd-index-list a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:baseline;min-height:44px;padding:11px 0;border-bottom:1px dashed var(--line);text-decoration:none;color:var(--text);font-size:15px;line-height:1.4}
.v-cd-index-list a:hover span{color:var(--cyan)}
.v-cd-index-list b{font:700 14px/1.4 var(--mono);color:var(--amber);letter-spacing:.03em}
.v-cd-index-list small{font-size:13px;color:var(--muted)}
.v-cd-fold p.v-cd-fold-more{margin-top:12px;padding-right:0;font-size:inherit;color:inherit}
.v-cd-review-note{display:flex;gap:10px;align-items:flex-start;margin-top:8px;font-size:14px;color:var(--muted)}
.v-cd-review-note .v-icon{color:var(--amber);margin-top:2px}
/* Reading a code */
.v-cd-anatomy{display:grid;gap:32px}
.v-cd-anatomy-code{display:flex;justify-content:center;gap:12px;font:700 clamp(2.6rem,8vw,6.4rem)/1 var(--mono)}
.v-cd-anatomy-code span{padding:18px 26px;border-radius:20px;border:1px solid;box-shadow:0 20px 50px #0007}
.v-cd-parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v-cd-parts>li{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}
.v-cd-parts>li:before{content:"";position:absolute;left:0;right:0;top:0;height:3px}
.v-cd-parts>li.is-letter:before{background:var(--cyan)}.v-cd-parts>li.is-origin:before{background:var(--amber)}.v-cd-parts>li.is-group:before{background:var(--green)}.v-cd-parts>li.is-num:before{background:var(--line2)}
.v-cd-part-k{display:flex;align-items:center;gap:10px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.v-cd-part-k span{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:9px;border:1px solid;font:700 15px/1 var(--mono);letter-spacing:0}
.v-cd-parts h3{font-size:19px;margin:14px 0 10px}
.v-cd-parts p{font-size:14.5px;color:var(--muted);line-height:1.6}
.v-cd-parts ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.v-cd-parts ul li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;font-size:14px;color:var(--muted);line-height:1.45}
.v-cd-parts ul b{font:700 14px/1.45 var(--mono);color:var(--text)}.v-cd-parts ul strong{color:var(--text);font-weight:600}
.v-cd-p0{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:start;margin-top:64px}
.v-cd-p0 h3{font-size:24px;margin-bottom:12px}
.v-cd-p0-copy>p{color:var(--muted);font-size:16px;line-height:1.65}
.v-cd-tip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:24px;padding:18px 20px;border-radius:16px;border:1px solid #ffb22440;background:#ffb2240a;color:var(--amber)}
.v-cd-tip p{color:var(--muted);font-size:15px;line-height:1.6}.v-cd-tip b{color:var(--text)}
.v-cd-table{font-size:14.5px}
.v-cd-table thead th{font-size:13px}
.v-cd-table th[scope=row]{width:84px;padding-block:11px}
.v-cd-table td{padding-block:11px}
.v-cd-table .v-cd-key{display:inline-grid;min-height:30px;font-size:13px}
.v-cd-table-links{list-style:none;margin:-8px 0;padding:0;display:grid}
.v-cd-table-links a{display:block;min-height:44px;padding:11px 0;font-size:14.5px;line-height:1.4;color:var(--link);text-decoration:none}
.v-cd-table-links a:hover{text-decoration:underline;text-underline-offset:3px}
.v-cd-table-links b{font:700 14px/1.4 var(--mono);letter-spacing:.02em}
.v-cd-table-links a.is-more{color:var(--muted);font-size:14px}.v-cd-table-links a.is-more:hover{color:var(--link)}
.v-cd-sources{margin-top:32px;font-size:13.5px;color:var(--muted);line-height:1.6}
.v-cd-sources a{color:var(--link)}
.v-fiche-ext{display:inline-block;width:.8em;height:.8em;margin-left:.22em;vertical-align:.02em;opacity:.8}
/* Method */
.v-cd-method .v-card h3{font-size:19px}
.v-cd-method .v-card p{font-size:15px}
.v-cd-pitfall{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:20px 22px;border-radius:16px;border:1px solid #ffb22440;background:linear-gradient(90deg,#ffb2240f,transparent 70%);font-size:16px;line-height:1.6;color:var(--muted)}
.v-cd-pitfall .v-icon{color:var(--amber);margin-top:2px}.v-cd-pitfall b{color:var(--text)}
/* Pro */
.v-cd-pro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.v-cd-pro .v-head{margin-bottom:28px}
.v-cd-pro-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px}
.v-cd-pro-visual{display:grid;justify-items:center}

/* ---------------------------------------------------------- fiche --- */
/* The layout adds .reading-page (light palette) to every /code-defaut/<slug>
   page: the V7 sheet keeps the dark site chrome and switches to paper for
   the article body only. Values are the design-system dark tokens. */
.v7.v7-fiche{color-scheme:dark;--paper:#06090f;--text:#edf2f9;--surface:#0f1622;--surface2:#131c2a;--muted:#9eacbf;--faint:#728197;--text2:var(--muted);--line:#1b2636;--line2:#2a384b;--border:var(--line);--border2:#3a4a60;--link:#7fe3ff;--focus:#2bd6ff;background:var(--bg);color:var(--text)}
.v7.v7-fiche .site-header{background:#06090ff2}
.v7.v7-fiche .breadcrumbs{color:var(--muted)}.v7.v7-fiche .breadcrumbs a{color:inherit}.v7.v7-fiche .breadcrumbs li+li:before{color:var(--faint)}
.v-fiche-hero{position:relative;overflow:hidden;padding-block:36px 72px;background:radial-gradient(900px 460px at 88% 0,#2bd6ff18,transparent 70%),radial-gradient(600px 380px at 0 100%,#2f7bff10,transparent 70%),var(--bg)}
.v-fiche-hero-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(800px 520px at 80% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(800px 520px at 80% 20%,#000 30%,transparent 75%);pointer-events:none}
/* DOM order = phone order (title, code plate, answer); on desktop the plate spans the right column. */
.v-fiche-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);grid-template-rows:auto 1fr;column-gap:56px;align-items:start}
.v-fiche-hero-head{grid-column:1;grid-row:1}
.v-fiche-hero-main{grid-column:1;grid-row:2}
.v-fiche-hero .v-eyebrow{margin-bottom:16px}
.v-fiche-h1{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,3.6vw,3.3rem);line-height:1.06;letter-spacing:-.032em;text-wrap:balance;max-width:21ch}
.v-fiche-answer{margin-top:26px;padding:22px 24px;border-radius:18px;border:1px solid #2bd6ff44;background:linear-gradient(135deg,#2bd6ff12,transparent 60%),var(--surface);box-shadow:0 24px 60px #0006}
.v-fiche-answer-k{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.v-fiche-answer-t{font-size:clamp(17px,1.3vw,18.5px);line-height:1.68;color:var(--text)}
.v-fiche-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px}
.v-fiche-author{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid #ffb22440;background:#ffb2240c;color:var(--text);font-size:14px;line-height:1.35}
.v-fiche-author .v-icon{color:var(--amber);flex:none}
.v-fiche-author.is-reviewed{border-color:#3ddc9740;background:#3ddc970c}.v-fiche-author.is-reviewed .v-icon{color:var(--green)}
.v-fiche-dates{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;font-size:14px;color:var(--muted)}
.v-fiche-dates>span{display:inline-flex;align-items:center;white-space:nowrap}
.v-fiche-dates .v-icon{color:var(--faint);margin-right:7px;flex:none}
.v-fiche-dates time{margin-left:.28em;color:var(--text)}
.v-fiche-plate{position:relative;padding:22px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(360px 220px at 100% 0,#2bd6ff14,transparent 70%),linear-gradient(180deg,#0f1622,#0b111b);box-shadow:0 30px 80px #0008;margin-top:40px;grid-column:2;grid-row:1/span 2}
.v-fiche-plate-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.v-fiche-plate-top span:first-child{display:inline-flex;align-items:center;gap:8px;color:var(--cyan)}
.v-fiche-plate-code{font:700 clamp(3rem,5.4vw,4.4rem)/1 var(--mono);letter-spacing:.04em;color:var(--amber);margin:16px 0 16px;padding:22px 18px;border-radius:16px;background:#04070c;border:1px solid var(--line2);box-shadow:inset 0 0 40px #ffb22412;text-shadow:0 0 26px #ffb22466;text-align:center}
.v-fiche-plate-label{font:600 17px/1.4 var(--display);color:var(--text);letter-spacing:-.01em}
.v-fiche-plate-sys{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:14px;color:var(--muted)}
.v-fiche-plate-sys .v-icon{color:var(--cyan)}.v-fiche-plate-sys b{color:var(--text);font-weight:600}
.v-fiche-plate-sys a{display:inline-flex;align-items:center;min-height:44px;color:var(--text);text-decoration-color:var(--line2);text-underline-offset:4px;transition:color .18s,text-decoration-color .18s}.v-fiche-plate-sys a:hover{color:var(--cyan);text-decoration-color:var(--cyan)}.v-fiche-plate-sys a b{color:inherit}
.v-fiche-sev{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line2)}
.v-fiche-sev-head{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.v-fiche-sev-head b{font:700 16px/1 var(--display)}
.v-fiche-bars{display:inline-flex;gap:4px;margin-left:auto}
.v-fiche-bars i{width:24px;height:8px;border-radius:3px;background:#ffffff14}
.v-fiche-bars i.is-on{background:currentColor;box-shadow:0 0 10px currentColor}
.v-fiche-sev-faible b,.v-fiche-sev-faible .v-fiche-bars{color:var(--green)}
.v-fiche-sev-moderee b,.v-fiche-sev-moderee .v-fiche-bars{color:var(--amber)}
.v-fiche-sev-elevee b,.v-fiche-sev-elevee .v-fiche-bars{color:var(--red)}
.v-fiche-sev dl{display:grid;gap:12px;margin:14px 0 0}
.v-fiche-sev dt{font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.v-fiche-sev dd{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}
/* Paper body */
.v-fiche-body{--faint:#6b788b;--focus:#0058d6;padding-block:64px 96px;border-block:1px solid var(--line)}
.v-fiche-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;align-items:start}
.v-fiche-toc{position:sticky;top:calc(var(--header-height) + 28px);min-width:0}
.v-fiche-toc-t{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.v-fiche-toc ol{list-style:none;margin:0;padding:0;display:grid;border-left:1px solid var(--line2)}
.v-fiche-toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14.5px;line-height:1.35;color:var(--muted);text-decoration:none;transition:color .18s,border-color .18s}
.v-fiche-toc a:hover{color:var(--text)}
.v-fiche-toc a[aria-current]{color:var(--link);border-left-color:var(--link);font-weight:600}
.v-fiche-content{min-width:0;max-width:880px}
.v-fiche-sec{padding-block:4px 44px;scroll-margin-top:calc(var(--header-height) + 24px)}
.v-fiche-sec+.v-fiche-sec{border-top:1px solid var(--line);padding-top:44px}
.v-fiche-sec h2{font-size:clamp(1.55rem,2.4vw,2.05rem);letter-spacing:-.028em;margin-bottom:18px}
.v-fiche-lead{font-size:16.5px;color:var(--muted);margin-bottom:18px}
.v-fiche-prose{font-size:17px;line-height:1.75;color:var(--muted);max-width:72ch}
.v-fiche-prose p+p{margin-top:12px}.v-fiche-prose strong{color:var(--text)}
.v-fiche-prose ul,.v-fiche-prose ol{padding-left:22px;display:grid;gap:8px;margin:12px 0}
.v-fiche-symptoms{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v-fiche-symptoms li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:15.5px;line-height:1.5;color:var(--text)}
.v-fiche-symptoms li:before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #ffb22430}
.v-fiche-note{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;padding:14px 18px;border-radius:14px;background:color-mix(in srgb,var(--link) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 22%,var(--line));font-size:15px;line-height:1.55;color:var(--muted)}
.v-fiche-note .v-icon{color:var(--link);margin-top:1px}.v-fiche-note b{color:var(--text)}
.v-fiche-table-wrap{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:0 18px 40px -30px #0e172659}
.v-fiche-causes,.v-fiche-engines{width:100%;border-collapse:collapse;font-size:15px}
.v-fiche-causes thead th,.v-fiche-engines thead th{font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface2);text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}
.v-fiche-causes td,.v-fiche-causes tbody th,.v-fiche-engines td,.v-fiche-engines tbody th{padding:18px 16px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.55;font-weight:400}
.v-fiche-causes tbody tr:last-child>*,.v-fiche-engines tbody tr:last-child>*{border-bottom:0}
.v-fiche-causes tbody tr{transition:background .2s}.v-fiche-causes tbody tr:hover{background:var(--surface2)}
.v-fiche-causes thead th:first-child{width:72px}
.v-fiche-causes tbody th{width:30%}
.v-fiche-causes tbody th b{display:block;color:var(--text);font:700 16px/1.35 var(--display);letter-spacing:-.01em;margin-bottom:8px}
.v-fiche-causes-n>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;font:600 13px/1 var(--mono);color:var(--link);border:1px solid color-mix(in srgb,var(--link) 30%,var(--line));background:color-mix(in srgb,var(--link) 6%,var(--surface))}
.v-fiche-clue,.v-fiche-expected{display:block;margin-top:8px;font-size:14px;line-height:1.5}
.v-fiche-clue i,.v-fiche-expected i{display:inline-block;font:600 13px/1.45 var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:5px;margin-right:7px;vertical-align:1px;background:var(--surface2);border:1px solid var(--line2);color:var(--muted)}
.v-fiche-expected i{color:var(--text)}
.v-fiche-rules{color:var(--text)!important}
.v-fiche-engines tbody th{color:var(--text);font-weight:600;width:28%}
.v-fiche-engines td a{color:var(--link);font-weight:600}
.v-fiche-engines td:last-child{white-space:nowrap}
/* Control tree */
.v-fiche-tree{list-style:none;margin:0;padding:0;display:grid}
.v-fiche-tree>li{position:relative;padding:0 0 26px 58px}
.v-fiche-tree>li:before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:linear-gradient(var(--line2),var(--line))}
.v-fiche-tree>li:last-child{padding-bottom:0}.v-fiche-tree>li:last-child:before{display:none}
.v-fiche-tree-n{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 15px/1 var(--mono);color:var(--surface);background:var(--text)}
.v-fiche-tree-step p{font:600 17px/1.45 var(--display);color:var(--text);padding-top:8px;letter-spacing:-.01em}
.v-fiche-tree-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.v-fiche-tree-out p{margin:0;padding:12px 14px;border-radius:12px;font-size:14.5px;line-height:1.55;color:var(--muted);background:var(--surface);border:1px solid var(--line)}
.v-fiche-tree-out b{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text);margin-bottom:5px}
.v-fiche-tree-out b .v-icon{width:20px;height:20px;padding:3px;border-radius:50%;color:#03121b;stroke-width:2.4}
.v-fiche-tree-out .is-ok{border-left:3px solid var(--green)}.v-fiche-tree-out .is-ok .v-icon{background:var(--green)}
.v-fiche-tree-out .is-ko{border-left:3px solid var(--amber)}.v-fiche-tree-out .is-ko .v-icon{background:var(--amber)}
.v-fiche-tree-rule{margin:22px 0 0;padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.55;color:var(--text);background:color-mix(in srgb,var(--link) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 22%,var(--line))}
.v-fiche-tree-rule b{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--link);margin-bottom:4px}
/* Pitfalls, related */
.v-fiche-pitfalls{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v-fiche-pitfalls li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.v-fiche-pit-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:800 16px/1 var(--display);color:#03121b;background:var(--amber)}
.v-fiche-pitfalls p{font-size:15.5px;line-height:1.55;color:var(--text);padding-top:3px}
.v-fiche-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v-fiche-related a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:68px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.v-fiche-related a:hover{border-color:var(--link);transform:translateY(-1px);color:var(--text)}
.v-fiche-related a>span:nth-child(2){display:grid;gap:2px}
.v-fiche-related b{font-size:15px;line-height:1.35}.v-fiche-related small{font-size:13px;color:var(--muted)}
.v-fiche-related .v-icon{color:var(--link)}
.v-fiche-mini-code{font:700 14px/1 var(--mono);padding:9px 10px;border-radius:8px;background:var(--text);color:var(--amber);letter-spacing:.04em}
.v-fiche-mini-guide{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--link);background:color-mix(in srgb,var(--link) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 24%,var(--line))}
.v-fiche-sub{font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.v-fiche-related+.v-fiche-sub{margin-top:26px}
/* Driver */
.v-fiche-content .v-fiche-driver{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;margin:4px 0 44px;padding:28px;border-radius:22px;background:color-mix(in srgb,var(--link) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 24%,var(--line))}
.v-fiche-driver-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--link);color:#fff}
.v-fiche-driver h2{margin-bottom:10px}
.v-fiche-driver p{font-size:16.5px;line-height:1.65;color:var(--muted)}
.v-fiche-driver .v-fiche-driver-show{margin-top:12px;color:var(--text)}
.v-fiche-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.v-fiche-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 16px;border-radius:12px;border:1px solid var(--line2);background:var(--surface);color:var(--text);font:600 15px/1.2 var(--font);cursor:pointer;transition:border-color .18s,color .18s}
.v-fiche-btn:hover{border-color:var(--link);color:var(--link)}
.v-fiche-btn .v-icon{color:var(--link)}
.v-fiche-share-status{font-size:14px;color:var(--muted)}
/* Pro block: a dark card inside the paper article. */
.v-fiche-pro{color-scheme:dark;--text:#edf2f9;--muted:#9eacbf;--faint:#728197;--line:#1b2636;--line2:#2a384b;--surface:#0f1622;--surface2:#131c2a;--link:#7fe3ff;--focus:#2bd6ff;position:relative;margin:4px 0 48px;padding:36px;border-radius:24px;color:var(--text);border:1px solid #2bd6ff33;background:radial-gradient(520px 280px at 100% 0,#2bd6ff1f,transparent 70%),radial-gradient(420px 240px at 0 100%,#2f7bff18,transparent 70%),linear-gradient(180deg,#0e1622,#0a1019);box-shadow:0 30px 70px -20px #0e172666;scroll-margin-top:calc(var(--header-height) + 24px)}
.v-fiche-pro .v-eyebrow{color:var(--cyan);margin-bottom:12px}
.v-fiche-pro h2{font-size:clamp(1.8rem,2.8vw,2.4rem);letter-spacing:-.03em}
.v-fiche-pro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.v-fiche-pro-lead{color:var(--muted);font-size:16.5px;line-height:1.65;margin-top:14px}
.v-fiche-pro-links{display:flex;flex-wrap:wrap;gap:4px 26px;margin-top:14px}
.v-fiche-pro-links .v-link{min-height:44px}
.v-fiche-pro-chat{padding:18px;border-radius:18px;background:#070b12;border:1px solid var(--line2)}
.v-fiche-pro-k{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
.v-fiche-pro-chat ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v-fiche-pro-chat li{padding:11px 13px;border-radius:4px 14px 14px 14px;background:var(--surface2);border:1px solid var(--line2);font-size:15px;line-height:1.5;color:var(--text)}
.v-fiche-pro .v-actions{margin-top:28px}
.v-fiche-pro .v-btn-ghost{background:#ffffff05;color:var(--text)}
.v-fiche-pro .v-btn-ghost:hover{color:#fff}
/* FAQ, sources */
.v-fiche-body .v-faq-item summary:after{color:var(--link)}
.v-fiche-body .v-faq-item summary{font-size:16px}
.v-fiche-sources{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:src}
.v-fiche-sources li{counter-increment:src;position:relative;padding:16px 18px 16px 60px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.v-fiche-sources li:before{content:counter(src);position:absolute;left:18px;top:16px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--link);border:1px solid var(--line2);background:var(--surface2)}
.v-fiche-src-t{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.v-fiche-src-t b{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text)}
.v-fiche-src-t a{color:var(--link);font-weight:600;font-size:15.5px}
.v-fiche-sources p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.v-fiche-sources p+p{margin-top:4px}
.v-fiche-src-date{font-size:13.5px!important}
.v-fiche-edit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:22px;padding:18px 20px;border-radius:14px;border:1px solid #ffb22466;background:color-mix(in srgb,var(--amber) 7%,var(--surface));font-size:15px;line-height:1.6;color:var(--muted)}
.v-fiche-edit .v-icon{color:#9a5b00;margin-top:2px}.v-fiche-edit b{color:var(--text)}
.v-fiche-edit time{color:var(--text)}
.v-fiche-marks{margin-top:8px;font-size:14px}
/* Folded sections (phones, js/decodeur.js): the h2 holds a disclosure button. */
.v-fiche-fold-btn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;width:100%;min-height:64px;margin:0;padding:14px 16px 14px 18px;border-radius:16px;border:1px solid var(--line2);background:var(--surface);color:var(--text);font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.v-fiche-fold-btn:hover{border-color:var(--link)}
.v-fiche-fold-t{grid-column:1}
.v-fiche-fold-meta{grid-column:1;font:500 14px/1.4 var(--font);letter-spacing:0;color:var(--muted)}
.v-fiche-fold-chev{grid-column:2;grid-row:1/span 2;width:36px;height:36px;padding:8px;border-radius:50%;color:var(--link);background:color-mix(in srgb,var(--link) 9%,var(--surface));transition:transform .2s}
.v-fiche-sec.is-open .v-fiche-fold-chev{transform:rotate(180deg)}
.v-fiche-sec.is-folded>h2{margin-bottom:0}
.v-fiche-sec.is-folded.is-open>h2{margin-bottom:18px}

/* ---------------------------------------------------- system page --- */
.v7-systeme .v-page-hero .v-display{font-size:clamp(2.2rem,3.9vw,3.5rem);max-width:19ch;text-wrap:balance}
@media(min-width:861px){.v7-systeme .v-page-hero-split .v-wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start}}
.v7-systeme .v-page-hero-copy .v-lead{font-size:clamp(17px,1.3vw,19px);line-height:1.7;max-width:62ch}
.v-sys-hero-links{display:flex;flex-wrap:wrap;gap:6px 28px;margin-top:22px}
.v-sys-hero-links .v-link{min-height:44px}
.v-sys-card{padding:22px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(360px 220px at 100% 0,#2bd6ff14,transparent 70%),linear-gradient(180deg,#0f1622,#0b111b);box-shadow:0 30px 80px #0008}
.v-sys-card-n{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin:16px 0 4px;padding:16px 18px;border-radius:16px;background:#04070c;border:1px solid var(--line2)}
.v-sys-card-n b{font:700 clamp(2.6rem,4.4vw,3.4rem)/1 var(--mono);color:var(--amber);text-shadow:0 0 26px #ffb22455}
.v-sys-card-n span{font-size:14.5px;line-height:1.45;color:var(--muted)}
.v-sys-card-sev{list-style:none;margin:14px 0 0;padding:0;display:grid}
.v-sys-card-sev li{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;gap:12px;align-items:center;min-height:40px;border-bottom:1px dashed var(--line2);font-size:14.5px;color:var(--muted)}
.v-sys-card-sev li:last-child{border-bottom:0}
.v-sys-card-sev .v-fiche-bars{margin-left:0}
.v-sys-card-sev b{font:700 16px/1 var(--mono);text-align:right}
.v-sys-card-orig{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:14px;border-top:1px dashed var(--line2);font-size:14px;color:var(--muted)}
.v-sys-card-orig .v-icon{color:var(--cyan);flex:none}
.v-sys-card-go{margin-top:6px}.v-sys-card-go .v-link{min-height:44px}
.v-sys-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px}
.v-sys-note{padding:20px 22px;border-radius:18px;border:1px solid #2bd6ff33;background:linear-gradient(135deg,#2bd6ff0d,transparent 60%),var(--surface)}
.v-sys-note.is-trap{border-color:#ffb22440;background:linear-gradient(135deg,#ffb2240d,transparent 60%),var(--surface)}
.v-sys-note-k{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.v-sys-note.is-trap .v-sys-note-k{color:var(--amber)}
.v-sys-note>p:last-child{font-size:16px;line-height:1.7;color:var(--muted)}
.v-sys-list{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v-sys-list .v-cd-row{height:100%;margin:0;padding:12px 16px 12px 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-sys-list .v-cd-row:hover{border-color:#2bd6ff66;background:var(--surface2)}
.v-sys-sheets .v-cd-review-note{margin-top:16px}
.v-sys-sev{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.v-sys-sev .v-fiche-bars{margin-left:2px;gap:3px}.v-sys-sev .v-fiche-bars i{width:12px;height:5px;border-radius:2px}.v-sys-sev .v-fiche-bars i.is-on{box-shadow:none}
.v-sys-pro-wrap{padding-block:72px}
.v-sys-pro-wrap .v-fiche-pro{margin:0}
.v-sys-others{padding-top:0}
.v-sys-others .v-head{margin-bottom:22px}
.v-sys-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v-sys-chips a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px 8px 16px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);color:var(--text);text-decoration:none;font-size:14.5px;transition:border-color .18s,color .18s}
.v-sys-chips a:hover{border-color:var(--cyan);color:var(--cyan)}
.v-sys-chips b{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:#04070c;border:1px solid var(--line2);font:700 13px/1 var(--mono);color:var(--amber)}
.v-sys-chips a.is-all{padding-right:14px;color:var(--link)}.v-sys-chips a.is-all .v-icon{color:currentColor}

/* ------------------------------------------------------ responsive --- */
@media(max-width:1100px){.v-cd-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.v-fiche-layout{grid-template-columns:minmax(0,1fr);gap:0}.v-fiche-toc{position:static;margin-bottom:36px}.v-fiche-toc ol{display:flex;gap:8px;overflow-x:auto;border:0;padding-bottom:6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.v-fiche-toc ol::-webkit-scrollbar{display:none}.v-fiche-toc a{white-space:nowrap;margin:0;padding:12px 16px;border:1px solid var(--line2);border-radius:999px;background:var(--surface);font-size:14px}.v-fiche-toc a[aria-current]{border-color:var(--link)}.v-fiche-content{max-width:none}}
@media(max-width:1100px){.v-cd-popular{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.v-cd-p0,.v-cd-pro{grid-template-columns:minmax(0,1fr)}.v-cd-sheets-head{display:block}.v-cd-count{text-align:left;margin-top:20px}.v-fiche-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:24px}.v-fiche-hero-head,.v-fiche-plate,.v-fiche-hero-main{grid-column:1;grid-row:auto}.v-fiche-plate{margin-top:0;max-width:560px}.v-fiche-answer{margin-top:0}.v-fiche-pro-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 .v-fiche-causes thead{display:none}
 .v-fiche-causes,.v-fiche-causes tbody,.v-fiche-causes tr,.v-fiche-causes td,.v-fiche-causes tbody th{display:block;width:auto!important}
 .v-fiche-causes tbody tr{position:relative;padding:16px;border-bottom:1px solid var(--line)}
 .v-fiche-causes tbody tr:last-child{border-bottom:0}
 .v-fiche-causes td,.v-fiche-causes tbody th{padding:0;border:0!important}
 .v-fiche-causes .v-fiche-causes-n{position:absolute;top:16px;right:16px}
 .v-fiche-causes tbody th{padding-right:48px}
 .v-fiche-cause-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:10px;padding:0 10px 0 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--link) 30%,var(--line));background:color-mix(in srgb,var(--link) 6%,var(--surface));color:var(--link);font:600 15px/1.2 var(--font);letter-spacing:0;cursor:pointer}
 .v-fiche-cause-chev{width:18px;height:18px;transition:transform .2s}
 .v-fiche-causes tr.is-open .v-fiche-cause-chev{transform:rotate(180deg)}
 .v-fiche-causes td:not(.v-fiche-causes-n){margin-top:12px}
 .v-fiche-causes td[data-label]:before{content:attr(data-label);display:block;font:600 13px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
 .v-fiche-engines thead{display:none}
 .v-fiche-engines,.v-fiche-engines tbody,.v-fiche-engines tr,.v-fiche-engines td,.v-fiche-engines tbody th{display:block;width:auto!important}
 .v-fiche-engines tbody tr{padding:16px 18px;border-bottom:1px solid var(--line)}
 .v-fiche-engines td,.v-fiche-engines tbody th{padding:0;border:0!important}
 .v-fiche-engines td{margin-top:6px}
}
@media(max-width:700px){
 .v7-code-defaut .v-page-hero .v-display{font-size:clamp(2.1rem,9.6vw,2.7rem)}
 .v-cd-decoder{padding:16px;border-radius:20px}
 .v-cd-field input{font-size:22px;padding:8px 10px}
 .v-cd-go{padding:0 16px}
 .v-cd-keys span{font-size:22px;padding:8px 10px;min-width:40px}
 .v-cd-rows li{grid-template-columns:44px minmax(0,1fr)}
 .v-cd-parts{grid-template-columns:minmax(0,1fr)}
 /* P0 table: the fiches go under the sub-system, full width. */
 .v-cd-table thead tr,.v-cd-table tbody tr{display:grid;grid-template-columns:76px minmax(0,1fr)}
 .v-cd-table thead th:last-child{display:none}
 .v-cd-table th,.v-cd-table td{display:block;padding-inline:14px}
 .v-cd-table th[scope=row]{width:auto;grid-row:1/span 2}
 .v-cd-table tbody td{border-bottom:0}
 .v-cd-table tbody td:last-child{grid-column:2;padding-top:0}
 .v-cd-table tbody td.is-empty{display:none}
 .v-cd-table tbody tr{border-bottom:1px solid var(--line)}.v-cd-table tbody tr:last-child{border-bottom:0}
 .v-cd-table tbody th{border-bottom:0}
 .v-cd-anatomy-code{gap:6px}.v-cd-anatomy-code span{padding:12px 14px;border-radius:14px}
 .v-cd-pro-visual{display:none}
 .v-cd-systems,.v-sys-intro,.v-sys-list{grid-template-columns:minmax(0,1fr)}
 .v-cd-popular{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .v-cd-pop-t small{display:none}
 .v-cd-pop-t b{font-size:14.5px}
 .v-cd-block-t+ul{margin-bottom:36px}
 .v-cd-popular a{min-height:0;padding:12px;gap:10px}
 .v-cd-popular .v-cd-plate{font-size:14px;padding:8px 9px}
 .v-cd-systems a{grid-template-columns:56px minmax(0,1fr) auto;gap:14px;min-height:76px;padding:12px}
 .v-cd-sys-n{height:50px}.v-cd-sys-n b{font-size:19px}
 .v-cd-browse-all{margin-top:-12px}
 .v-cd-fold>summary{padding:10px 12px 10px 16px;min-height:56px}
 .v-cd-fold>summary h3{font-size:16px}
 .v-cd-fold-body{padding:0 16px 14px}
 .v-cd-index-list{grid-template-columns:minmax(0,1fr)}
 .v-cd-index-list a{grid-template-columns:58px minmax(0,1fr)}
 .v7-systeme .v-page-hero .v-display{font-size:clamp(1.95rem,8.4vw,2.5rem)}
 .v7-systeme .v-page-hero-copy .v-lead{font-size:16.5px}
 .v-sys-card{padding:16px;border-radius:20px}
 .v-sys-card-n{padding:12px 14px}
 .v-sys-note{padding:18px}
 .v-sys-note>p:last-child{font-size:15.5px}
 .v-sys-list .v-cd-row{padding:10px 12px 10px 10px;gap:12px}
 .v-sys-pro-wrap{padding-block:48px}
 .v-fiche-hero{padding-block:20px 40px}
 .v-fiche-hero .v-eyebrow{margin-bottom:12px}
 .v-fiche-h1{font-size:clamp(1.85rem,8.2vw,2.35rem)}
 .v-fiche-hero-grid{gap:20px}
 .v-fiche-plate{padding:16px;border-radius:20px}
 .v-fiche-plate-code{font-size:44px;margin:12px 0;padding:14px 12px;border-radius:14px}
 .v-fiche-plate-label{font-size:16px}
 .v-fiche-sev{margin-top:14px;padding-top:14px}
 .v-fiche-sev dl{gap:10px;margin-top:10px}
 .v-fiche-answer{padding:18px}
 .v-fiche-answer-t{font-size:16.5px;line-height:1.62}
 .v-fiche-meta{gap:10px;margin-top:18px}
 .v-fiche-author{gap:6px;padding:6px 12px 6px 9px;font-size:13px;border-radius:14px}
 .v-fiche-dates{gap:4px 16px;font-size:13.5px}
 .v-fiche-body{padding-block:32px 56px}
 .v-fiche-toc{margin-bottom:28px}
 .v-fiche-sec{padding-bottom:32px}.v-fiche-sec+.v-fiche-sec{padding-top:32px}
 .v-fiche-sec h2{margin-bottom:14px}
 .v-fiche-prose{font-size:16px;line-height:1.68}
 .v-fiche-symptoms,.v-fiche-related,.v-fiche-tree-out{grid-template-columns:minmax(0,1fr)}
 .v-fiche-symptoms{gap:8px}.v-fiche-symptoms li{padding:12px 14px;font-size:15.5px}
 .v-fiche-note{padding:12px 14px;margin-bottom:14px}
 .v-fiche-tree>li{padding:0 0 22px 50px}
 .v-fiche-tree-step p{font-size:16.5px}
 .v-fiche-tree-out{gap:8px;margin-top:10px}
 .v-fiche-tree-out p{padding:10px 12px}
 .v-fiche-tree-out b{display:inline-flex;vertical-align:-2px;margin:0 4px 0 0}
 .v-fiche-pitfalls li{padding:14px 16px}
 .v-fiche-sec.is-folded{padding-block:8px!important;border-top:0!important}
 .v-fiche-sec.is-folded+.v-fiche-sec:not(.is-folded){margin-top:24px}
 .v-fiche-sec.is-folded.is-open{padding-bottom:28px!important}
 .v-fiche-content .v-fiche-driver{grid-template-columns:minmax(0,1fr);padding:22px;gap:12px}
 .v-fiche-pro{padding:26px 20px;border-radius:20px}
 .v-fiche-sources li{padding-left:54px}
}

/* ----------------------------------------------------------- print --- */
@media print{
 .v7.v7-fiche,.v-fiche-pro{--text:#000;--muted:#222;--faint:#444;--line:#ccc;--line2:#bbb;--surface:#fff;--surface2:#fff;--link:#000;background:#fff;color:#000}
 .v7.v7-fiche .breadcrumbs,.v-fiche-toc,.v-fiche-pro,.v-fiche-share,.v-fiche-hero-bg,.v-sticky{display:none!important}
 .v-fiche-hero,.v-fiche-body{background:none!important;padding-block:8px!important;border:0!important}
 .v-fiche-hero-grid,.v-fiche-layout{display:block}
 .v-fiche-answer,.v-fiche-plate,.v-fiche-edit{background:none!important;box-shadow:none!important;border:1px solid #bbb;margin-top:12px}
 .v-fiche-fold-btn{display:block;min-height:0;padding:0;border:0;background:none}.v-fiche-fold-meta,.v-fiche-fold-chev,.v-fiche-ext,.v-fiche-cause-btn{display:none!important}
 .v-fiche-plate-code{background:none!important;color:#000!important;text-shadow:none!important;box-shadow:none!important;font-size:40px}
 .v-fiche-answer-k,.v-fiche-plate-top span:first-child,.v-fiche-author .v-icon{color:#000!important}
 .v-fiche-author{border-color:#bbb;background:none}
 .v-fiche-causes tr,.v-fiche-tree>li,.v-fiche-pitfalls li,.v-faq-item,.v-fiche-sources li{break-inside:avoid}
 .v-fiche-sec{padding-block:12px!important}
}

/* Lecture : guides /blog/<slug> (.v-art-*), hub /blog (.v-blog-*, .v-guide-card),
   /ressources (.v-res-*) et /preparer-diagnostic (.v-prep-*). */

/* ------------------------------------------------------ article chrome --- */
/* The layout adds .reading-page (light palette) to every /blog/<slug> page:
   the V7 guide keeps the dark site chrome and switches to paper for the body
   only. Values are the design-system dark tokens. */
.v7.v7-article{color-scheme:dark;--paper:#06090f;--text:#edf2f9;--surface:#0f1622;--surface2:#131c2a;--muted:#9eacbf;--faint:#728197;--text2:var(--muted);--line:#1b2636;--line2:#2a384b;--border:var(--line);--border2:#3a4a60;--link:#7fe3ff;--focus:#2bd6ff;background:var(--bg);color:var(--text)}
.v7.v7-article .site-header,.v7.v7-blog .site-header,.v7.v7-res .site-header,.v7.v7-prep .site-header{background:#06090ff2}
.v7.v7-article .breadcrumbs{color:var(--muted)}.v7.v7-article .breadcrumbs a{color:inherit}.v7.v7-article .breadcrumbs li+li:before{color:var(--faint)}
.v7.v7-article .breadcrumbs ol{flex-wrap:nowrap}.v7.v7-article .breadcrumbs li{flex:none}
.v7.v7-article .breadcrumbs li:last-child{flex:0 1 auto;min-width:0;max-width:100%}
.v7.v7-article .breadcrumbs li:last-child span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-art-progress{position:fixed;left:0;right:0;top:var(--header-height);height:2px;z-index:99;background:var(--cyan);box-shadow:0 0 12px #2bd6ff80;transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
@supports (animation-timeline:scroll()){.v-art-progress{animation:v-art-progress linear both;animation-timeline:scroll(root)}}
@supports not (animation-timeline:scroll()){.v-art-progress{display:none}}
@keyframes v-art-progress{to{transform:scaleX(1)}}

/* Hero */
.v-art-hero{position:relative;overflow:hidden;padding-block:40px 80px;background:radial-gradient(900px 460px at 88% 0,#2bd6ff18,transparent 70%),radial-gradient(600px 380px at 0 100%,#2f7bff10,transparent 70%),var(--bg)}
.v-art-hero-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(800px 520px at 80% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(800px 520px at 80% 20%,#000 30%,transparent 75%);pointer-events:none}
.v-art-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:64px;align-items:center}
.v-art-hero .v-eyebrow{margin-bottom:18px}
.v-art-h1{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,4vw,3.55rem);line-height:1.06;letter-spacing:-.033em;text-wrap:balance;max-width:21ch}
.v-art-deck{font-size:clamp(18px,1.45vw,20.5px);line-height:1.62;color:color-mix(in srgb,var(--text) 80%,var(--bg));max-width:60ch;margin-top:22px}
.v-art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.v-art-author{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid #ffb22440;background:#ffb2240c;color:var(--text);font-size:14px;line-height:1.35}
.v-art-author .v-icon{color:var(--amber)}
.v-art-dates{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;font-size:14px;color:var(--muted)}
.v-art-dates>span{display:inline-flex;align-items:center;white-space:nowrap}
.v-art-dates .v-icon{color:var(--faint);margin-right:7px}
.v-art-dates time{margin-left:.28em}
.v-art-dates time{color:var(--text)}

/* Editorial cover (drawn, per guide) */
.v-art-hero .editorial-image{margin:0;display:grid;gap:12px;justify-items:end}
.v-art-cover-card{position:relative;overflow:hidden;width:100%;max-width:380px;aspect-ratio:1/1.02;padding:22px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(360px 260px at 100% 0,#2bd6ff1c,transparent 70%),radial-gradient(300px 220px at 0 100%,#ffb22412,transparent 70%),linear-gradient(180deg,#0f1622,#0a1019);box-shadow:0 40px 100px #000a,0 0 0 1px #2bd6ff14;display:flex;flex-direction:column}
.v-art-cover-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(260px 220px at 70% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(260px 220px at 70% 40%,#000 20%,transparent 80%)}
.v-art-cover-top{position:relative;display:flex;justify-content:space-between;gap:10px;font:600 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v-art-cover-top span:first-child{display:inline-flex;align-items:center;gap:7px;color:var(--cyan)}
.v-art-cover-path{position:relative;list-style:none;margin:30px 0 0;padding:0;display:flex;justify-content:space-between}
.v-art-cover-path:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:1px;background:linear-gradient(90deg,#ffb22466,#2bd6ff99)}
.v-art-cover-path li{position:relative;display:grid;justify-items:center;gap:8px}
.v-art-cover-path i{width:11px;height:11px;border-radius:50%;background:#0a1019;border:2px solid #ffb224aa}
.v-art-cover-path span{font:600 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
.v-art-cover-path .is-tool i{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 14px #2bd6ffaa}
.v-art-cover-path .is-tool span{color:var(--cyan)}
.v-art-cover-path li:first-child{justify-items:start}.v-art-cover-path li:last-child{justify-items:end}
.v-art-cover-mid{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto}
.v-art-cover-lamp{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;color:var(--amber);background:#ffb22414;border:1px solid #ffb22440;box-shadow:0 0 44px #ffb22433,inset 0 0 14px #ffb2241f}
.v-art-cover-num{font:700 7rem/.78 var(--display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #2bd6ff70}
.v-art-cover-theme{position:relative;font:700 23px/1.2 var(--display);letter-spacing:-.02em;color:var(--text);margin-top:20px}
.v-art-cover-cat{position:relative;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.v-art-cover-signal{position:relative;width:100%;height:46px;margin-top:14px}
.v-art-cover-signal path{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}
.v-art-cover-signal .is-noise{stroke:var(--amber);opacity:.7}.v-art-cover-signal .is-clean{stroke:var(--cyan)}
.v-art-hero .editorial-image figcaption{max-width:380px;font-size:13px;line-height:1.5;color:var(--faint);text-align:right;margin:0}

/* Paper body */
.v-art-body{padding-block:72px 88px;border-top:1px solid var(--line)}
.v-art-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;align-items:start}
.v-art-aside{position:sticky;top:calc(var(--header-height) + 28px);display:grid;gap:22px;min-width:0}
.v-art-toc-t{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.v-art-toc ol{list-style:none;margin:0;padding:0;display:grid;border-left:1px solid var(--line2)}
.v-art-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:8px 0 8px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none;transition:color .18s,border-color .18s}
.v-art-toc a span{font:600 12px/1.65 var(--mono);color:var(--faint)}
.v-art-toc a:hover{color:var(--text);border-left-color:var(--link)}
.v-art-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:14.5px;color:var(--link);text-decoration:none}
.v-art-back:hover{text-decoration:underline}
.v-art-main{min-width:0;max-width:700px}
.v-art-toc-m{display:none}

/* Prose: ~70 characters per line at 18 px */
.v-art-prose{font-size:18px;line-height:1.78;color:color-mix(in srgb,var(--text) 86%,var(--surface))}
.v-art-prose p{margin:0}.v-art-prose p+p{margin-top:1.1em}
.v-art-prose strong{color:var(--text);font-weight:650}
.v-art-prose a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.v-art-prose a:hover{text-decoration-thickness:2px}
.v-art-prose ul,.v-art-prose ol{list-style:none;margin:1.1em 0;padding:0;display:grid;gap:12px}
.v-art-prose ul>li{position:relative;padding-left:26px}
.v-art-prose ul>li:before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--link);opacity:.75}
.v-art-prose ol{counter-reset:art}
.v-art-prose ol>li{counter-increment:art;position:relative;padding-left:46px;min-height:32px}
.v-art-prose ol>li:before{content:counter(art);position:absolute;left:0;top:.15em;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--surface);background:var(--text)}
.v-art-sec{scroll-margin-top:calc(var(--header-height) + 24px)}
.v-art-sec+.v-art-sec{margin-top:60px}
.v-art-sec h2{font-size:clamp(1.6rem,2.4vw,2.05rem);line-height:1.18;letter-spacing:-.028em;margin-bottom:20px;color:var(--text)}
.v-art-prose .v-art-num{display:flex;align-items:center;gap:12px;font:600 13px/1 var(--mono);letter-spacing:.08em;color:var(--link);margin:0 0 14px}
.v-art-num:after{content:"";height:1px;width:48px;background:currentColor;opacity:.35}
/* The workshop worksheet closing every guide */
.v-art-sec.v-art-tool{margin-top:64px;padding:30px 32px 34px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 #0000000a,0 30px 60px -44px #0e172680;position:relative;overflow:hidden}
.v-art-tool:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.v-art-tool-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:16px;border-bottom:1px dashed var(--line2)}
.v-art-tool-k{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.v-art-print{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line2);background:var(--surface2);color:var(--text);font:600 14px/1 var(--font);transition:border-color .18s,color .18s}
.v-art-print:hover{border-color:var(--link);color:var(--link)}
.v-art-tool h2{font-size:clamp(1.35rem,2vw,1.7rem)}
.v-art-tool{font-size:17px}
/* « À ouvrir avec ce guide » : sheets, tools and product pages, in the prose */
.v-art-prose .v-art-also{margin:56px 0 0;padding:22px 22px 10px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 #0000000a}
.v-art-prose .v-art-also-top{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.v-art-prose .v-art-also ul{margin:0;gap:0}
.v-art-prose .v-art-also li{padding:0}
.v-art-prose .v-art-also li:before{display:none}
.v-art-prose .v-art-also li+li{border-top:1px solid var(--line)}
.v-art-prose .v-art-also-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;min-height:44px;padding:16px 2px;color:var(--text);text-decoration:none}
.v-art-prose .v-art-also-link:hover{color:var(--text)}
.v-art-also-plate{display:grid;place-items:center;min-width:64px;height:40px;padding:0 10px;border-radius:10px;font:700 14px/1 var(--mono);letter-spacing:.04em;color:var(--amber);background:var(--bg2);box-shadow:inset 0 0 12px #ffb2241a}
.v-art-also-lamp{display:grid;place-items:center;width:64px;height:40px;border-radius:10px;color:var(--link);background:color-mix(in srgb,var(--link) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 22%,var(--line))}
.v-art-also-body{display:grid;gap:2px;min-width:0}
.v-art-also-k{font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.v-art-also-t{font:700 17px/1.3 var(--display);letter-spacing:-.01em;transition:color .18s}
.v-art-also-d{font-size:15px;line-height:1.5;color:var(--muted)}
.v-art-also-link>.v-icon{color:var(--faint);transition:transform .18s,color .18s}
.v-art-also-link:hover .v-art-also-t,.v-art-also-link:hover>.v-icon{color:var(--link)}
.v-art-also-link:hover>.v-icon{transform:translateX(3px)}
/* After the prose */
.v-art-scope{display:flex;gap:14px;align-items:flex-start;margin-top:48px;padding:20px 22px;border-radius:16px;background:color-mix(in srgb,var(--link) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 20%,var(--line));font-size:15.5px;line-height:1.6;color:var(--muted)}
.v-art-scope .v-icon{color:var(--link);margin-top:2px}
.v-art-scope b{display:block;color:var(--text);margin-bottom:4px}
.v-art-sources{margin-top:48px;padding-top:34px;border-top:1px solid var(--line)}
.v-art-sources h2{font-size:1.4rem;margin-bottom:10px}
.v-art-sources>p{font-size:15px;line-height:1.6;color:var(--muted)}
.v-art-sources ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;counter-reset:src}
.v-art-sources li{counter-increment:src;position:relative;padding:14px 16px 14px 54px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:14.5px;line-height:1.55}
.v-art-sources li:before{content:counter(src);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:600 12px/1 var(--mono);color:var(--link);background:color-mix(in srgb,var(--link) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 25%,var(--line))}
.v-art-sources a{display:block;font-weight:600;color:var(--text);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;overflow-wrap:anywhere}
.v-art-sources a:hover{color:var(--link);text-decoration-color:currentColor}
.v-art-sources li span{display:block;color:var(--muted);margin-top:3px}
.v-art-byline{display:flex;gap:16px;align-items:flex-start;margin-top:40px;padding:22px 0;border-block:1px solid var(--line)}
.v-art-byline-mark{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font:700 22px/1 var(--display);color:#03121b;background:linear-gradient(135deg,var(--cyan),var(--blue))}
.v-art-byline p{font-size:14.5px;line-height:1.6;color:var(--muted)}
.v-art-byline b{display:block;color:var(--text);font-size:15.5px;margin-bottom:3px}
/* Closing professional block: dark card inside the paper body */
.v-art-pro{--text:#edf2f9;--muted:#9eacbf;--faint:#728197;--line:#1b2636;--line2:#2a384b;--surface:#0f1622;--surface2:#131c2a;--link:#7fe3ff;--focus:#2bd6ff;color-scheme:dark;margin-top:48px;padding:38px;border-radius:26px;border:1px solid #2bd6ff33;background:radial-gradient(520px 280px at 100% 0,#2bd6ff1f,transparent 70%),radial-gradient(420px 260px at 0 100%,#2f7bff18,transparent 70%),linear-gradient(180deg,#0e1622,#0a1019);color:var(--text);box-shadow:0 40px 80px -40px #0e1726aa}
.v-art-pro-grid{display:grid;gap:26px}
.v-tone-paper .v-art-pro .v-eyebrow{color:var(--cyan)}
.v-art-pro h2{font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.14;letter-spacing:-.03em;max-width:24ch}
.v-art-pro-lead{font-size:16.5px;line-height:1.65;color:var(--muted);margin-top:14px;max-width:62ch}
.v-art-pro-link{margin-top:14px}
.v-art-pro-list{padding:20px 22px;border-radius:18px;background:#070b12;border:1px solid var(--line2)}
.v-art-pro-k{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
.v-art-pro-list ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-art-pro-list li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--text)}
.v-art-pro-list li .v-icon{color:var(--green);margin-top:2px}
.v-art-pro .v-actions{margin-top:26px}
.v-tone-paper .v-art-pro .v-btn-ghost{color:var(--text);background:#ffffff05;border-color:var(--line2)}
.v-tone-paper .v-art-pro .v-btn-ghost:hover{border-color:var(--cyan);background:#2bd6ff0d}
/* Related guides */
.v-art-next{padding-block:72px 96px;border-top:1px solid var(--line);background:var(--surface2)}
.v-art-next-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:32px}
.v-art-next h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.v-art-next .v-eyebrow{margin-bottom:12px}
.v-art-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* ------------------------------------------------------ guide card --- */
.v-guide-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:26px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--text);box-shadow:0 1px 0 #0000000a,0 24px 44px -36px #0e172666;transition:border-color .2s,transform .2s,box-shadow .2s}
.v-guide-card:hover{color:var(--text);border-color:color-mix(in srgb,var(--link) 45%,var(--line));transform:translateY(-2px);box-shadow:0 1px 0 #0000000a,0 30px 50px -34px #0e172680}
.v-guide-card-top{display:flex;align-items:center;gap:12px}
.v-guide-card-lamp{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--amber);background:var(--bg2);box-shadow:inset 0 0 12px #ffb22424,0 0 0 1px #ffb22433}
.v-guide-card-k{font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.v-guide-card-t{font:700 21px/1.25 var(--display);letter-spacing:-.02em;color:var(--text);margin:4px 0 0}
.v-guide-card-d{font-size:15px;line-height:1.55;color:var(--muted)}
.v-guide-card-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;font-size:14.5px;line-height:1.55;color:var(--muted);background:#3ddc970d;border:1px solid #3ddc9733}
.v-guide-card-note .v-icon{color:var(--green);margin-top:2px}.v-guide-card-note b{color:var(--text)}
.v-guide-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.v-guide-card-go{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--link)}
.v-guide-card-go .v-icon{transition:transform .18s}.v-guide-card:hover .v-guide-card-go .v-icon{transform:translateX(3px)}
/* Lead card: dark, on paper */
.v-guide-card.is-lead{--text:#edf2f9;--muted:#9eacbf;--line:#1b2636;--line2:#2a384b;--surface:#0f1622;--link:#7fe3ff;color-scheme:dark;padding:36px;gap:16px;border-color:#2bd6ff33;background:radial-gradient(520px 300px at 100% 0,#2bd6ff1f,transparent 70%),radial-gradient(420px 260px at 0 100%,#ffb22412,transparent 70%),linear-gradient(180deg,#0e1622,#0a1019);box-shadow:0 40px 80px -44px #0e1726cc}
.v-guide-card.is-lead:hover{border-color:#2bd6ff66}
.v-guide-card.is-lead .v-guide-card-lamp{width:52px;height:52px;border-radius:14px;background:#ffb22414;box-shadow:0 0 30px #ffb22433,inset 0 0 12px #ffb2241f,0 0 0 1px #ffb22440}
.v-guide-card.is-lead .v-guide-card-t{font-size:clamp(1.7rem,2.8vw,2.45rem);line-height:1.1;letter-spacing:-.032em;max-width:18ch}
.v-guide-card.is-lead .v-guide-card-d{font-size:16.5px;max-width:52ch}
.v-guide-card.is-compact .v-guide-card-t{font-size:19px}

/* ------------------------------------------------------------ /blog --- */
.v7-blog .v-page-hero .v-display{font-size:clamp(2.5rem,5vw,4.3rem);max-width:13ch}
.v-blog-index{position:relative;padding:22px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(420px 240px at 100% 0,#2bd6ff18,transparent 70%),linear-gradient(180deg,#0f1622,#0a1019);box-shadow:0 40px 100px #000a,0 0 0 1px #2bd6ff14}
.v-blog-index-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.v-blog-index-top span:first-child{display:inline-flex;align-items:center;gap:8px;color:var(--cyan)}
.v-blog-index ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v-blog-index a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:72px;padding:12px 14px;border-radius:16px;background:#070b12;border:1px solid var(--line);text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}
.v-blog-index a:hover{color:var(--text);border-color:#ffb22466;background:#0b111b}
.v-blog-index-lamp{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--amber);background:#ffb22414;border:1px solid #ffb22440;box-shadow:0 0 22px #ffb22426;transition:all .3s}
.v-blog-index a:hover .v-blog-index-lamp{color:var(--cyan);background:#2bd6ff12;border-color:#2bd6ff40;box-shadow:0 0 22px #2bd6ff26}
.v-blog-index-t{display:grid;gap:2px;min-width:0}
.v-blog-index-t b{font-size:16px;font-weight:600}
.v-blog-index-t small{font-size:13px;color:var(--muted);line-height:1.4}
.v-blog-index a>.v-icon{color:var(--faint);transition:transform .18s,color .18s}
.v-blog-index a:hover>.v-icon{color:var(--cyan);transform:translateX(3px)}
.v-blog-index-foot{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:13px;color:var(--muted)}
.v-blog-index-foot .v-icon{color:var(--cyan)}
.v-blog-featured{padding-bottom:48px}
.v-blog-featured-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:stretch}
.v-blog-featured-side{display:grid;gap:16px}
.v-blog-themes{padding-top:48px;border-top:1px solid var(--line)}
.v-blog-theme-list{display:grid;gap:18px}
.v-blog-theme{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;padding:38px 40px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 #0000000a,0 30px 60px -48px #0e172680;scroll-margin-top:calc(var(--header-height) + 20px)}
.v-blog-theme-lamp{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--amber);background:var(--bg2);box-shadow:inset 0 0 14px #ffb22424,0 0 0 1px #ffb22433,0 12px 30px -12px #ffb22466}
.v-blog-theme-k{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--link);margin:20px 0 10px}
.v-blog-theme h3{font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.15;letter-spacing:-.028em}
.v-blog-theme-head>p:last-child{color:var(--muted);font-size:16px;line-height:1.6;margin-top:12px}
.v-blog-rows{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.v-blog-row{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:16px;align-items:start;padding:20px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:background .2s}
.v-blog-rows li:last-child .v-blog-row{border-bottom:0}
.v-blog-row:hover{color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--link) 5%,transparent),transparent)}
.v-blog-row-n{font:600 13px/1 var(--mono);color:var(--faint);padding-top:5px}
.v-blog-row-k{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.v-blog-row-k .v-icon{color:var(--link)}
.v-blog-row-t{display:block;font:700 19px/1.3 var(--display);letter-spacing:-.015em;margin-top:6px;transition:color .18s}
.v-blog-row-d{display:block;font-size:15px;line-height:1.55;color:var(--muted);margin-top:6px}
.v-blog-row-go{color:var(--faint);padding-top:26px;transition:transform .18s,color .18s}
.v-blog-row:hover .v-blog-row-t,.v-blog-row:hover .v-blog-row-go{color:var(--link)}
.v-blog-row:hover .v-blog-row-go{transform:translateX(3px)}
.v-blog-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v-blog-tool{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.v-blog-tool:hover{color:var(--text);border-color:#2bd6ff55;transform:translateY(-2px)}
.v-blog-tool .v-card-icon,.v-blog-charter-list .v-card-icon,.v-res-next-list .v-card-icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#2bd6ff12;border:1px solid #2bd6ff2e;color:var(--cyan);margin-bottom:6px}
.v-blog-tool b{font:700 18px/1.3 var(--display);letter-spacing:-.01em}
.v-blog-tool>span:not(.v-card-icon):not(.v-blog-tool-go){font-size:14.5px;line-height:1.55;color:var(--muted)}
.v-blog-tool-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-weight:600;font-size:14.5px;color:var(--link)}
.v-blog-charter-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.v-blog-charter-grid .v-head{margin-bottom:0}
.v-blog-charter-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v-blog-charter-list li{display:grid;gap:8px;align-content:start;padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-blog-charter-list b{font-size:16px}.v-blog-charter-list p{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:4px}

/* ------------------------------------------------------ /ressources --- */
.v7-res .v-page-hero .v-display{font-size:clamp(2.5rem,5vw,4.3rem);max-width:12ch}
.v-res-search{position:relative;padding:22px;border-radius:24px;border:1px solid var(--line2);background:radial-gradient(420px 240px at 100% 0,#2bd6ff18,transparent 70%),linear-gradient(180deg,#0f1622,#0a1019);box-shadow:0 40px 100px #000a,0 0 0 1px #2bd6ff14}
.v-res-search-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;font:600 13px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
.v-res-search-top span{display:inline-flex;align-items:center;gap:8px}
.v-res-local{color:var(--green)}
.v-res-label{display:block;font:700 20px/1.3 var(--display);letter-spacing:-.01em;margin:18px 0 12px}
.v-res-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:4px 8px 4px 16px;border-radius:14px;background:#04070c;border:1px solid var(--line2);transition:border-color .2s,box-shadow .2s}
.v-res-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #2bd6ff26}
.v-res-field .v-icon{color:var(--muted)}
.v-res-field input{min-width:0;width:100%;min-height:54px;border:0;background:transparent;color:var(--text);font:500 17px/1.3 var(--font);outline:none}
.v-res-field input::placeholder{color:var(--faint);opacity:1}
.v-res-field input::-webkit-search-cancel-button{filter:invert(.7)}
.v-res-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.v-res-filters button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:#ffffff06;color:var(--muted);font:600 14px/1 var(--font);transition:border-color .18s,color .18s,background .18s}
.v-res-filters button:hover{color:var(--text);border-color:#2bd6ff66}
.v-res-filters button span{font:600 12.5px/1 var(--mono);padding:4px 6px;border-radius:6px;background:#ffffff0d;color:var(--faint)}
.v-res-filters button[aria-pressed=true]{border-color:var(--cyan);color:var(--text);background:#2bd6ff14}
.v-res-filters button[aria-pressed=true] span{color:var(--cyan);background:#2bd6ff1a}
.v-res-help{font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:14px}
.v-res-results{padding-top:88px}
.v-res-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px 40px;margin-bottom:44px}
.v-res-head .v-head{flex:1 1 560px;margin-bottom:0}
.v-res-head-side{flex:0 1 320px;display:grid;justify-items:end;gap:10px}
.v-res-curated{display:none;gap:8px;align-items:flex-start;max-width:320px;font-size:14px;line-height:1.5;color:var(--muted)}
.v-res-curated .v-icon{flex:none;color:var(--link);margin-top:3px}
/* Groups: tools, guides, sheets */
.v-res-group+.v-res-group{margin-top:64px}
.v-res-group-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px 32px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.v-res-group-k{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--link);margin-bottom:8px}
.v-res-group-head h3{font:700 clamp(1.4rem,2.1vw,1.8rem)/1.2 var(--display);letter-spacing:-.025em}
.v-res-group-aside{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px}
.v-res-group-aside p{font-size:15px;color:var(--muted)}
.v-res-group-aside .v-link{min-height:44px;border-bottom:0}
.v-res-group-aside .v-link:hover{text-decoration:underline;text-underline-offset:4px}
/* Tools: dark instrument cards, the decoder leads */
.v-res-tools{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:16px}
.v-res-tool{--text:#edf2f9;--muted:#9eacbf;--line:#1b2636;--line2:#2a384b;--link:#7fe3ff;color-scheme:dark;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-width:0;padding:26px 28px 24px;border-radius:22px;border:1px solid #2bd6ff2e;background:radial-gradient(420px 240px at 100% 0,#2bd6ff17,transparent 70%),radial-gradient(360px 220px at 0 100%,#ffb2240d,transparent 70%),linear-gradient(180deg,#0e1622,#0a1019);color:var(--text);text-decoration:none;box-shadow:0 30px 60px -40px #0e1726cc;transition:border-color .2s,transform .2s,box-shadow .2s}
.v-res-tool:hover{color:var(--text);border-color:#2bd6ff66;transform:translateY(-2px);box-shadow:0 36px 70px -40px #0e1726ee}
.v-res-tool.is-main{grid-row:span 2;padding:34px 34px 30px;gap:16px}
.v-res-tool-top{display:flex;align-items:center;gap:14px}
.v-res-tool-lamp{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--amber);background:#ffb22414;border:1px solid #ffb22440;box-shadow:0 0 28px #ffb22430,inset 0 0 12px #ffb2241f;transition:all .3s}
.v-res-tool:hover .v-res-tool-lamp{color:var(--cyan);background:#2bd6ff12;border-color:#2bd6ff40;box-shadow:0 0 28px #2bd6ff30}
.v-res-tool-k{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
.v-res-tool-t{font:700 22px/1.2 var(--display);letter-spacing:-.02em;color:var(--text)}
.v-res-tool.is-main .v-res-tool-t{font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.08;letter-spacing:-.03em;max-width:14ch}
.v-res-tool-d{font-size:15.5px;line-height:1.55;color:var(--muted);max-width:54ch}
.v-res-tool.is-main .v-res-tool-d{font-size:16.5px}
.v-res-tool-go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding:0 16px;border-radius:11px;border:1px solid #2bd6ff4d;background:#2bd6ff12;font-weight:600;font-size:15px;color:var(--cyan);transition:background .2s,border-color .2s}
.v-res-tool:hover .v-res-tool-go{background:#2bd6ff1f;border-color:#2bd6ff80}
.v-res-tool-go .v-icon{transition:transform .18s}.v-res-tool:hover .v-res-tool-go .v-icon{transform:translateX(3px)}
/* Drawn visuals (decorative) */
.v-res-viz{display:block;border-radius:16px;background:#04070c;border:1px solid var(--line2)}
.v-res-viz i{font-style:normal}
.v-res-viz-dtc{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;gap:16px;margin:10px 0 8px;padding:24px}
.v-res-dtc-k{font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v-res-dtc{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:8px}
.v-res-dtc b,.v-res-dtc-legend i:before{--c:var(--cyan)}
.v-res-dtc b{display:grid;place-items:center;height:78px;border-radius:14px;font:700 40px/1 var(--mono);color:var(--c);background:color-mix(in srgb,var(--c) 9%,transparent);border:1px solid color-mix(in srgb,var(--c) 38%,transparent);box-shadow:inset 0 0 22px color-mix(in srgb,var(--c) 12%,transparent)}
.v-res-dtc .is-l,.v-res-dtc-legend .is-l:before{--c:var(--amber)}
.v-res-dtc .is-g,.v-res-dtc-legend .is-g:before{--c:var(--blue)}
.v-res-dtc .is-n,.v-res-dtc-legend .is-n:before{--c:var(--green)}
.v-res-dtc-legend{display:flex;flex-wrap:wrap;gap:8px 18px}
.v-res-dtc-legend i{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#c9d5e4}
.v-res-dtc-legend i:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--c)}
.v-res-dtc-fam{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:6px;padding-top:18px;border-top:1px dashed var(--line2)}
.v-res-dtc-fam i{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;color:#c9d5e4}
.v-res-dtc-fam b{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font:700 14px/1 var(--mono);color:var(--amber);background:#ffb22414;border:1px solid #ffb22440}
.v-res-viz-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:4px 0 6px;padding:14px 16px}
.v-res-viz-sheet i{display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;color:#c9d5e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* From 701 to 900 px, two columns clip the longest item (« Prochain contrôle »): one column. */
@media(min-width:701px) and (max-width:900px){.v-res-viz-sheet{grid-template-columns:1fr}}
.v-res-viz-sheet b{flex:none;font:600 13px/1 var(--mono);color:var(--cyan)}
.v-res-viz-calc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px;padding:14px 16px}
.v-res-viz-calc i{padding:6px 10px;border-radius:8px;border:1px solid var(--line2);background:#ffffff08;font-size:13.5px;color:#c9d5e4}
.v-res-viz-calc b{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font:600 13.5px/1.2 var(--font);color:var(--amber);background:#ffb22412;border:1px solid #ffb22440}
.v-res-viz-calc b:before{content:"=";font:600 15px/1 var(--mono);color:var(--faint)}
.v-res-count{font:600 13px/1.4 var(--mono);letter-spacing:.04em;color:var(--text);padding:9px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.v-res-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v-res-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--text);box-shadow:0 1px 0 #0000000a;transition:border-color .2s,transform .2s,box-shadow .2s}
.v-res-card:hover{color:var(--text);border-color:color-mix(in srgb,var(--link) 45%,var(--line));transform:translateY(-2px);box-shadow:0 24px 44px -34px #0e172680}
.v-res-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:32px}
.v-res-type{display:inline-flex;align-items:center;gap:7px;font:600 13px/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.v-res-type .v-icon{color:var(--link)}
.v-res-plate{font:700 14px/1 var(--mono);padding:8px 10px;border-radius:8px;background:var(--bg2);color:var(--amber);letter-spacing:.04em;box-shadow:inset 0 0 12px #ffb2241a}
.v-res-card-t{font:700 18px/1.3 var(--display);letter-spacing:-.015em}
.v-res-card-d{font-size:14.5px;line-height:1.55;color:var(--muted)}
.v-res-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.v-res-card-go{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-weight:600}
@supports selector(:has(*)){
 .v7-res:has(#resource-query:placeholder-shown):has([data-filter="all"][aria-pressed="true"]) .v-res-card.is-more{display:none}
 .v7-res:has(#resource-query:placeholder-shown):has([data-filter="all"][aria-pressed="true"]) .v-res-curated{display:flex}
 .v-res-group:not(:has([data-resource]:not([hidden]))){display:none}
}
.v-res-empty{margin-top:8px;display:flex;gap:18px;align-items:flex-start;padding:28px;border-radius:18px;background:var(--surface);border:1px dashed var(--line2)}
.v-res-empty-icon{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--link);background:color-mix(in srgb,var(--link) 8%,var(--surface))}
.v-res-empty h3{font-size:1.3rem;margin-bottom:8px}.v-res-empty p{color:var(--muted);font-size:15.5px;line-height:1.6}
.v-res-empty-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px}
.v-res-next-grid,.v-prep-diagia-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.v-res-next-grid .v-head{margin-bottom:0}
.v-res-next-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v-res-next-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-res-next-list .v-card-icon{margin:0}
.v-res-next-list b{font-size:16.5px}.v-res-next-list p{color:var(--muted);font-size:15px;margin-top:3px}

/* ---------------------------------------------- /preparer-diagnostic --- */
.v7-prep .v-page-hero .v-display{font-size:clamp(2.5rem,5.2vw,4.5rem);max-width:12ch}
.v-prep-hero-note{display:flex;gap:8px;align-items:center;margin-top:16px;font-size:13.5px;color:var(--muted)}
.v-prep-hero-note .v-icon{color:var(--green)}
.v-prep-preview{margin:0;display:grid;justify-items:center;gap:18px}
.v-prep-clip{position:relative;width:min(350px,100%);padding:30px 16px 16px;border-radius:24px;background:linear-gradient(145deg,#2a3546,#0d131c 45%,#1a2230);box-shadow:0 0 0 1px #3b4a5e,0 40px 90px #000c,0 0 120px #2bd6ff14;transform:rotate(-2.5deg)}
.v-prep-clip-head{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:128px;height:32px;border-radius:10px;background:linear-gradient(#3b4a5e,#1a2230);box-shadow:0 0 0 1px #4a5a70,0 8px 20px #0008}
.v-prep-paper{display:grid;gap:10px;padding:18px 16px;border-radius:12px;background:#f3f5f8;color:#0e1726}
.v-prep-paper-k{display:flex;justify-content:space-between;font:600 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#4f5d71}
.v-prep-paper-k span:first-child{font:800 12px/1 var(--display);letter-spacing:0;color:#0e1726}
.v-prep-paper-t{font:700 16px/1.2 var(--display);letter-spacing:-.02em;padding-bottom:8px;border-bottom:2px solid #0e1726}
.v-prep-paper-ids{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px}
.v-prep-paper-ids i,.v-prep-paper li i{display:block;height:7px;border-radius:4px;background:#dde3eb}
.v-prep-paper ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.v-prep-paper li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:3px 8px;align-items:center}
.v-prep-paper li b{grid-row:span 3;align-self:start;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;font:700 9.5px/1 var(--mono);color:#fff;background:#0e1726}
.v-prep-paper li span{font-size:11px;font-weight:600;line-height:1.25;color:#0e1726;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-prep-paper li i:last-child{width:62%}
.v-prep-paper-check{display:flex;gap:8px;padding-top:6px;border-top:1px dashed #cbd4e0}
.v-prep-paper-check span{width:12px;height:12px;border-radius:3px;border:1.5px solid #4f5d71}
.v-prep-preview figcaption{font:500 13px/1.4 var(--mono);color:var(--faint);letter-spacing:.04em;text-transform:uppercase}
.v-prep-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v-prep-why-card{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#0f1622,#0b111b)}
.v-prep-why-lamp{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--amber);background:#ffb22414;border:1px solid #ffb22440;box-shadow:0 0 28px #ffb22433,inset 0 0 12px #ffb2241f}
.v-prep-why-card h3{font-size:19px;line-height:1.25}
.v-prep-why-card>p:not(.v-prep-why-answer){font-size:14.5px;color:var(--muted);line-height:1.55}
.v-prep-why-answer{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line2);font-size:14.5px;line-height:1.55;color:#dfe8f3}
.v-prep-why-answer span{display:block;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.v-prep-sheet-section .v-wrap{max-width:1040px}
.v-prep-toolbar{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px 32px;margin-bottom:28px}
.v-prep-toolbar>div{flex:1 1 420px;min-width:0}
.v-prep-toolbar .v-eyebrow{margin-bottom:10px}
.v-prep-toolbar-t{font:700 clamp(1.6rem,2.6vw,2.2rem)/1.15 var(--display);letter-spacing:-.03em;color:var(--text)}
.v-prep-toolbar-note{font-size:14.5px;color:var(--muted);margin-top:8px;max-width:60ch}
.v-btn.v-prep-print{flex-direction:row;align-items:center;gap:10px}
.v-prep-sheet{position:relative;overflow:hidden;padding:46px 48px 40px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 #0000000a,0 40px 80px -50px #0e172699}
.v-prep-sheet:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.v-prep-sheet-head{padding-bottom:20px;margin-bottom:26px;border-bottom:2px solid var(--text)}
.v-prep-sheet-brand{display:flex;align-items:baseline;gap:10px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.v-prep-sheet-brand span{font:800 16px/1 var(--display);letter-spacing:-.01em;text-transform:none;color:var(--text)}
.v-prep-sheet-head h2{font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--text)}
.v-prep-ids{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.v-prep-field label,.v-prep-rubric label{display:block;font-weight:650;font-size:15.5px;line-height:1.4;color:var(--text);margin-bottom:8px}
.v-prep-field input,.v-prep-rubric textarea{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--surface2);color:var(--text);font:16px/1.5 var(--font);transition:border-color .18s,box-shadow .18s,background .18s}
.v-prep-field input:focus,.v-prep-rubric textarea:focus{outline:none;border-color:var(--link);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--link) 20%,transparent)}
.v-prep-rubrics{list-style:none;margin:28px 0 0;padding:0;display:grid}
.v-prep-rubric{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px 0;border-top:1px solid var(--line)}
.v-prep-rubric-n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 14px/1 var(--mono);color:var(--surface);background:var(--text)}
.v-prep-rubric-body{min-width:0}
.v-prep-rubric small{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin:-2px 0 12px}
.v-prep-rubric textarea{min-height:116px;resize:vertical}
.v-prep-checks{margin:0;padding:22px 0 0;border:0;border-top:1px solid var(--line);display:grid;gap:6px;min-width:0}
.v-prep-checks legend{float:left;width:100%;padding:0;margin-bottom:8px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v-prep-check{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:8px 0;font-size:15.5px;line-height:1.5;color:var(--text);cursor:pointer}
.v-prep-check input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--link)}
.v-prep-sheet-foot{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line2);font-size:13.5px;line-height:1.6;color:var(--muted)}
.v-prep-diagia-grid{align-items:start}
.v-prep-diagia-copy .v-head{margin-bottom:0}
.v-prep-diagia-link{margin-top:22px}
.v-prep-map{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v-prep-map li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.v-prep-map-n{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--cyan);border:1px solid #2bd6ff40;background:#2bd6ff10}
.v-prep-map b{font-size:15.5px}
.v-prep-map p{display:flex;gap:8px;align-items:flex-start;margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--muted)}
.v-prep-map p .v-icon{color:var(--cyan);margin-top:3px}

/* ------------------------------------------------------ responsive --- */
@media(max-width:1100px){
 .v-art-layout{grid-template-columns:190px minmax(0,1fr);gap:48px}
 .v-blog-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v-res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v-res-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v-res-tool.is-main{grid-row:auto;grid-column:1/-1}
 .v-blog-theme{grid-template-columns:1fr;gap:28px}
 .v-blog-featured-grid{grid-template-columns:1fr}
 .v-blog-featured-side{grid-template-columns:1fr 1fr}
}
@media(max-width:960px){
 .v-art-hero-grid{grid-template-columns:1fr}
 .v-art-hero .editorial-image{display:none}
 .v-art-layout{grid-template-columns:1fr;gap:0}
 .v-art-aside{display:none}
 .v-art-main{max-width:720px}
 .v-art-toc-m{display:block;margin:0 0 40px;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
 .v-art-toc-m summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;font-size:15.5px;color:var(--text)}
 .v-art-toc-m summary span{display:inline-flex;align-items:center;gap:10px}
 .v-art-toc-m summary span .v-icon{color:var(--link)}
 .v-art-toc-m summary small{margin-left:auto;font:500 13px/1 var(--mono);color:var(--muted)}
 .v-art-toc-m summary:after{color:var(--link)}
 .v-art-toc-m nav{padding:0 18px 8px;border-top:1px solid var(--line)}
 .v-art-toc-m ol{list-style:none;margin:0;padding:0}
 .v-art-toc-m li+li{border-top:1px dashed var(--line)}
 .v-art-toc-m a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;align-items:baseline;min-height:44px;padding:12px 0;font-size:15px;line-height:1.4;color:var(--text);text-decoration:none}
 .v-art-toc-m a span{font:600 12.5px/1 var(--mono);color:var(--link)}
 .v-res-next-grid,.v-prep-diagia-grid,.v-blog-charter-grid{grid-template-columns:1fr;gap:36px}
 .v-art-next-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .v-art-hero{padding-block:24px 52px}
 .v-art-h1{font-size:clamp(2rem,8.6vw,2.6rem)}
 .v-art-deck{font-size:17.5px;margin-top:18px}
 .v-art-meta{gap:12px;margin-top:22px}
 .v-art-author{border-radius:12px;font-size:13.5px}
 .v-art-dates{gap:6px 16px;font-size:13.5px}
 .v-art-body{padding-block:32px 64px}
 .v-art-prose{font-size:17px;line-height:1.72}
 .v-art-sec+.v-art-sec{margin-top:48px}
 .v-art-sec h2{font-size:1.55rem}
 .v-art-sec.v-art-tool{margin-top:52px;padding:24px 20px 26px;border-radius:18px;margin-inline:-4px}
 .v-art-tool-top{flex-direction:column;align-items:flex-start}
 .v-art-print{width:100%;justify-content:center}
 .v-art-prose ol>li{padding-left:42px}
 .v-art-pro{padding:28px 20px;border-radius:20px;margin-inline:-4px}
 .v-art-scope{padding:18px}
 .v-art-sources li{padding-left:50px}
 .v-art-prose .v-art-also{margin-top:44px;padding:18px 16px 6px;border-radius:18px;margin-inline:-4px}
 .v-art-prose .v-art-also-link{grid-template-columns:minmax(0,1fr) 20px;gap:10px 12px;padding:16px 0}
 .v-art-also-plate,.v-art-also-lamp{grid-column:1;justify-self:start;height:34px;min-width:0}
 .v-art-also-lamp{width:48px}
 .v-art-also-body{grid-column:1}
 .v-art-also-link>.v-icon{grid-column:2;grid-row:1/span 2;align-self:center}
 .v-art-next{padding-block:52px 72px}
 .v-guide-card{padding:22px}
 .v-guide-card.is-lead{padding:26px 22px}
 .v-guide-card-t{font-size:19px}
 .v-blog-featured-side{display:none}
 .v-blog-featured{padding-bottom:24px}
 .v-blog-index{padding:16px;border-radius:20px}
 .v-blog-index a{padding:12px;gap:12px}
 .v-blog-index-lamp{width:40px;height:40px}
 .v-blog-theme{padding:26px 20px;border-radius:20px;gap:22px}
 .v-blog-row{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:18px 0}
 .v-blog-row-n{display:none}
 .v-blog-row-t{font-size:17.5px}
 .v-blog-row-d{display:none}
 .v-blog-row-go{padding-top:24px}
 .v-blog-tools{grid-template-columns:1fr 1fr;gap:10px}
 .v-blog-tool{padding:18px 16px;gap:6px}
 .v-blog-tool b{font-size:16px}
 .v-blog-tool>span:not(.v-card-icon):not(.v-blog-tool-go){display:none}
 .v-blog-tool-go>span{display:none}
 .v-blog-tool-go{padding-top:4px}
 .v-blog-tool-go .v-icon{width:20px;height:20px}
 .v-blog-tool .v-card-icon{width:40px;height:40px}
 .v-blog-charter-list,.v-res-grid{grid-template-columns:1fr}
 .v-blog-charter-list{gap:10px}
 .v-blog-charter-list li{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px}
 .v-blog-charter-list .v-card-icon{width:40px;height:40px;margin:0}
 .v-res-search{padding:16px;border-radius:20px}
 .v-res-label{font-size:18px}
 .v-res-filters button{padding:0 12px;font-size:13.5px}
 .v-res-results{padding-top:56px}
 .v-res-head{margin-bottom:32px}
 .v-res-head-side{justify-items:start;flex-basis:100%}
 .v-res-group+.v-res-group{margin-top:48px}
 .v-res-group-head{margin-bottom:16px;padding-bottom:12px}
 .v-res-tools{grid-template-columns:1fr;gap:12px}
 .v-res-tool,.v-res-tool.is-main{padding:22px 20px 20px;border-radius:18px;gap:10px}
 .v-res-tool.is-main .v-res-tool-t{font-size:1.65rem}
 .v-res-tool-t{font-size:20px}
 .v-res-tool-d,.v-res-tool.is-main .v-res-tool-d{font-size:15px}
 .v-res-viz-dtc{padding:16px;gap:12px}
 .v-res-dtc b{height:58px;font-size:30px;border-radius:12px}
 .v-res-viz-sheet,.v-res-viz-calc,.v-res-dtc-fam{display:none}
 .v-res-empty{flex-direction:column;padding:22px}
 .v-res-grid{gap:10px}
 .v-res-card{padding:18px;gap:8px}
 .v-res-card-d{display:none}
 .v-res-card-t{font-size:17px}
 .v-res-card-foot{padding-top:10px}
 .v-prep-why{grid-template-columns:none}
 .v7-prep .v-page-hero-aside{display:none}
 .v-prep-toolbar{align-items:stretch}
 .v-prep-toolbar .v-prep-print{width:100%}
 .v-prep-sheet{padding:30px 18px 24px;border-radius:18px;margin-inline:-4px}
 .v-prep-ids{grid-template-columns:1fr 1fr}
 .v-prep-ids .v-prep-field:first-child{grid-column:1/-1}
 .v-prep-rubric{display:block;position:relative;padding:20px 0}
 .v-prep-rubric-n{position:absolute;left:0;top:18px;width:34px;height:34px;border-radius:10px;font-size:13px}
 .v-prep-rubric label{display:flex;align-items:center;min-height:34px;padding-left:46px}
}

/* ----------------------------------------------------------- print --- */
@media print{
 .v7.v7-article,.v7.v7-prep{--text:#000;--muted:#222;--faint:#444;--line:#ccc;--line2:#bbb;--surface:#fff;--surface2:#fff;--link:#000;background:#fff!important;color:#000}
 .v7.v7-article .breadcrumbs,.v-art-progress,.v-art-hero .editorial-image,.v-art-hero-bg,.v-art-aside,.v-art-toc-m,.v-art-pro,.v-art-next,.v-art-print,.v-art-byline-mark{display:none!important}
 .v-art-hero,.v-art-body{background:none!important;padding:0 0 12px!important;border:0!important}
 .v-art-hero-grid,.v-art-layout{display:block}
 .v-art-h1{font-size:24pt;color:#000}
 .v-art-deck,.v-art-dates,.v-art-dates time,.v-art-author{color:#222}
 .v-art-author{border:0;padding:0;background:none}
 .v-art-main{max-width:720px}
 .v-art-prose{font-size:11pt;line-height:1.55;color:#000}
 .v-art-sec+.v-art-sec{margin-top:18pt}
 .v-art-sec.v-art-tool{box-shadow:none;border:1px solid #999;break-inside:avoid;padding:14pt;font-size:11pt}
 .v-art-tool:before{display:none}
 .v-art-sources li{break-inside:avoid}
 .v7-prep main>:not(#fiche){display:none!important}
 .v7-prep #fiche{background:none!important;padding:0!important;border:0!important}
 .v7-prep .v-prep-toolbar{display:none!important}
 .v7-prep .v-prep-sheet{padding:0;border:0;border-radius:0;box-shadow:none}
 .v7-prep .v-prep-sheet:before{display:none}
 .v7-prep .v-prep-rubric{break-inside:avoid;padding:10pt 0}
 .v7-prep .v-prep-field input,.v7-prep .v-prep-rubric textarea{background:#fff;border:1px solid #888;color:#000}
 .v7-prep .v-prep-rubric textarea{min-height:80pt}
 .v7-prep .v-prep-rubric-n{background:none;color:#000;border:1.5px solid #000}
}