:root{color-scheme:dark;--ground: #0C1017;--surface: #131924;--surface-2: #1A2231;--ink: #E9ECF1;--ink-2: #A3AEBF;--ink-3: #78859A;--rule: #232D3D;--accent: #F0A94A;--accent-ink: #0C1017;--accent-quiet:#C98226;--good: #6FC79A;--mullion: #05070B;--scene: url(/img/scene.jpg);--max: 68rem;--measure: 34rem}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--ground: #EDF0F4;--surface: #FFFFFF;--surface-2: #E2E7EE;--ink: #101722;--ink-2: #475364;--ink-3: #6C788B;--rule: #D2D9E2;--accent: #9C5606;--accent-ink: #FFFFFF;--accent-quiet:#7E4505;--good: #1F7A4D}}:root[data-theme=light]{color-scheme:light;--ground: #EDF0F4;--surface: #FFFFFF;--surface-2: #E2E7EE;--ink: #101722;--ink-2: #475364;--ink-3: #6C788B;--rule: #D2D9E2;--accent: #9C5606;--accent-ink: #FFFFFF;--accent-quiet:#7E4505;--good: #1F7A4D}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:1.0625rem;line-height:1.62;-webkit-font-smoothing:antialiased}h1,h2,h3,.ui{font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-stretch:118%;text-wrap:balance}.mono{font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent-quiet)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.eyebrow{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.band{padding-block:clamp(3.5rem,8vw,6rem);border-top:1px solid var(--rule)}.band>.wrap{display:flex;flex-direction:column;gap:2.5rem}.band-head{display:flex;flex-direction:column;gap:.75rem;max-width:var(--measure)}.band-head h2{margin:0;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:600;line-height:1.15;letter-spacing:-.01em}.band-head p{margin:0;color:var(--ink-2)}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.5rem 0}.wordmark{font-family:Archivo,sans-serif;font-stretch:125%;font-weight:700;font-size:1.0625rem;letter-spacing:.015em}.wordmark span{color:var(--accent)}.hero{padding-block:clamp(2.5rem,6vw,4rem) clamp(3rem,7vw,5rem)}.hero>.wrap{display:flex;flex-direction:column;gap:clamp(2rem,4vw,2.75rem)}.hero h1{margin:0;font-size:clamp(2.35rem,7vw,4.4rem);font-weight:700;line-height:1.02;letter-spacing:-.025em;max-width:15ch}.hero h1 em{font-style:normal;color:var(--accent)}.lede{margin:0;font-size:clamp(1.125rem,2.2vw,1.3rem);line-height:1.5;color:var(--ink-2);max-width:44ch}.demo{display:flex;flex-direction:column;gap:1rem}.triptych{position:relative;aspect-ratio:48 / 9;min-height:158px;border-radius:3px;overflow:hidden;background:var(--mullion);box-shadow:0 24px 60px -28px #000000d9,0 0 0 1px var(--rule)}.panes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr)}.triptych[data-mode=after] .panes{background-image:var(--scene);background-size:cover;background-position:center}.triptych[data-mode=after] .pane{background:none}.triptych[data-mode=before] .panes{background-image:none}.triptych[data-mode=before] .pane{background-image:var(--scene);background-repeat:no-repeat;background-position:center}.triptych[data-mode=before] .pane:nth-child(1){background-size:auto 114%}.triptych[data-mode=before] .pane:nth-child(2){background-size:auto 100%}.triptych[data-mode=before] .pane:nth-child(3){background-size:auto 126%}.pane{transition:background-size .4s ease}.mullions{position:absolute;inset:0;pointer-events:none}.mullions i{position:absolute;top:0;bottom:0;width:clamp(6px,.9vw,12px);background:var(--mullion);box-shadow:0 0 0 1px #0009}.mullions i:nth-child(1){left:calc(33.333% - clamp(3px,.45vw,6px))}.mullions i:nth-child(2){left:calc(66.666% - clamp(3px,.45vw,6px))}@media(prefers-reduced-motion:no-preference){.triptych[data-mode=after] .panes{animation:drift 74s ease-in-out infinite alternate}}@keyframes drift{0%{background-position:44% 50%;background-size:112% auto}to{background-position:56% 50%;background-size:112% auto}}.demo-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.toggle{display:inline-flex;border:1px solid var(--rule);border-radius:999px;padding:3px;gap:3px}.toggle button{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .9rem;border:0;border-radius:999px;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .18s,color .18s}.toggle button:hover{color:var(--ink)}.toggle button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.demo-note{margin:0;font-size:.95rem;color:var(--ink-2);max-width:46ch}.demo-note b{color:var(--ink);font-weight:500}.actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn{font-family:Archivo,sans-serif;font-stretch:112%;font-weight:600;font-size:.95rem;padding:.8rem 1.4rem;border-radius:2px;border:1px solid transparent;text-decoration:none;display:inline-block;transition:transform .15s,background .18s,border-color .18s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-quiet);color:var(--accent-ink)}.btn-quiet{border-color:var(--rule);color:var(--ink)}.btn-quiet:hover{border-color:var(--accent);color:var(--ink)}.aside-note{font-size:.875rem;color:var(--ink-3);margin:0}.steps{display:flex;flex-direction:column;gap:0}.step{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr);gap:clamp(1rem,4vw,2.5rem);padding-block:2rem;border-top:1px solid var(--rule);align-items:start}.step:first-child{border-top:0;padding-top:0}.step-key{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding-top:.35rem}.step-body{display:flex;flex-direction:column;gap:.6rem;max-width:var(--measure)}.step h3{margin:0;font-weight:600;line-height:1.15;letter-spacing:-.015em;font-size:clamp(1.35rem,3vw,1.75rem)}.step p{margin:0;color:var(--ink-2)}.step-climax .step-key{color:var(--accent)}.step-climax h3{font-size:clamp(1.6rem,4vw,2.35rem)}.step-climax p{color:var(--ink)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.75rem 2.5rem}.feature{display:flex;flex-direction:column;gap:.4rem}.feature h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:.005em}.feature p{margin:0;font-size:.95rem;color:var(--ink-2)}.feature .mono{font-size:.8125rem;color:var(--ink-3)}.pact{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:2px;padding:clamp(1.5rem,4vw,2.25rem);display:flex;flex-direction:column;gap:1.5rem}.pact h3{margin:0;font-size:1.2rem;font-weight:600}.pact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pact-list li{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem;align-items:start}.pact-list svg{width:1rem;height:1rem;margin-top:.34rem;color:var(--good)}.pact-list b{font-weight:600}.pact-list span{color:var(--ink-2)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:34rem}th,td{text-align:left;padding:.85rem 1rem .85rem 0;border-bottom:1px solid var(--rule);vertical-align:top;font-size:.95rem}th{font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500;border-bottom-color:var(--ink-3)}td:first-child{color:var(--ink);font-weight:500;padding-right:2rem}td:last-child{color:var(--ink-2)}.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem 2rem}.spec{display:flex;flex-direction:column;gap:.2rem;padding-top:.85rem;border-top:1px solid var(--rule)}.spec dt{font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.spec dd{margin:0;font-size:.95rem}.tbd{border-bottom:1px dashed var(--accent);color:var(--accent)}.workshop{border:1px dashed var(--accent-quiet);border-radius:2px;padding:clamp(1.25rem,3vw,1.75rem);background:color-mix(in srgb,var(--accent) 7%,transparent);display:flex;flex-direction:column;gap:.85rem}.workshop h3{margin:0;font-family:IBM Plex Mono,monospace;font-stretch:normal;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:500}.workshop ol{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.5rem}.workshop li{font-size:.95rem;color:var(--ink-2)}.workshop li b{color:var(--ink);font-weight:500}.foot{border-top:1px solid var(--rule);padding-block:2.5rem 3.5rem;font-size:.9rem;color:var(--ink-3)}.foot>.wrap{display:flex;flex-direction:column;gap:.5rem}@media(max-width:34rem){.step{grid-template-columns:1fr;gap:.5rem}.step-key{padding-top:0}}.nav{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:baseline}.nav a{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-decoration:none}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--accent)}.page-head{padding-block:clamp(2.5rem,6vw,3.5rem) 0}.page-head>.wrap{display:flex;flex-direction:column;gap:.9rem}.page-head h1{margin:0;font-size:clamp(1.9rem,5vw,3rem);font-weight:700;line-height:1.06;letter-spacing:-.022em;max-width:20ch}.page-head .lede{max-width:52ch}.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.5rem 2rem;padding-bottom:1.5rem}.foot-cols nav{display:flex;flex-direction:column;gap:.45rem}.foot-cols strong{font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.foot-cols a{color:var(--ink-2);text-decoration:none;font-size:.9rem}.qa{display:flex;flex-direction:column;gap:0}.qa details{border-top:1px solid var(--rule);padding-block:1.15rem}.qa details:last-child{border-bottom:1px solid var(--rule)}.qa summary{cursor:pointer;font-family:Archivo,sans-serif;font-stretch:112%;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";color:var(--accent);font-weight:400}.qa details[open] summary:after{content:"−"}.qa .answer{margin:.8rem 0 0;color:var(--ink-2);max-width:var(--measure)}.qa .answer p{margin:0 0 .7rem}.qa .answer p:last-child{margin-bottom:0}.prose{max-width:var(--measure);display:flex;flex-direction:column;gap:1.1rem}.prose h2{margin:1rem 0 0;font-size:1.2rem;font-weight:600}.prose p,.prose li{color:var(--ink-2);margin:0}.prose ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.5rem}.prose strong{color:var(--ink);font-weight:500}body{background-image:radial-gradient(70rem 40rem at 12% -8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%),radial-gradient(58rem 34rem at 92% 6%,color-mix(in srgb,#2F9BA8 11%,transparent),transparent 60%);background-repeat:no-repeat;background-attachment:fixed}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) body{background-image:radial-gradient(70rem 40rem at 12% -8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 62%),radial-gradient(58rem 34rem at 92% 6%,color-mix(in srgb,#2F9BA8 8%,transparent),transparent 60%)}}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem .4rem .55rem;border:1px solid var(--rule);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(10px);font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);width:fit-content}.pill .dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.poste{display:flex;flex-direction:column;align-items:center;gap:0}.ecrans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.5rem,1.2vw,1rem);width:100%;align-items:stretch}.dalle{position:relative;border-radius:10px;padding:clamp(6px,.8vw,11px);background:linear-gradient(160deg,#262e3a,#11161f 42%,#05070b);box-shadow:0 1px #ffffff17 inset,0 30px 60px -30px #000000e6,0 0 0 1px #0000008c}.dalle-ecran{position:relative;overflow:hidden;border-radius:4px;background:var(--mullion)}.dalle-paysage .dalle-ecran,.dalle-portrait .dalle-ecran{aspect-ratio:16 / 9}.scene-fond{position:absolute;inset:0;background-image:var(--scene);background-size:cover;background-repeat:no-repeat}.ecrans .dalle:nth-child(1) .scene-fond{background-size:200% auto;background-position:0% 50%}.ecrans .dalle:nth-child(2) .scene-fond{background-size:200% auto;background-position:100% 50%}.dalle-ecran:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 22%,transparent 46%)}.pied-ecran{width:min(28%,12rem);height:clamp(10px,1.4vw,18px);background:linear-gradient(180deg,#1a2130,#0a0e15);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);border-radius:0 0 3px 3px;margin-inline:auto}.socle{width:min(46%,20rem);height:clamp(5px,.7vw,9px);background:linear-gradient(180deg,#131a26,#070a10);border-radius:0 0 10px 10px;margin-inline:auto;box-shadow:0 18px 30px -18px #000000e6}.bandeau-scene{position:relative;min-height:clamp(16rem,34vw,26rem);display:grid;align-items:end;background-image:var(--scene);background-size:cover;background-position:center;border-block:1px solid var(--rule);overflow:hidden}.bandeau-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--ground) 72%,transparent),color-mix(in srgb,var(--ground) 18%,transparent) 42%,color-mix(in srgb,var(--ground) 92%,transparent))}.bandeau-scene>.wrap{position:relative;padding-block:clamp(2rem,5vw,3.5rem)}.bandeau-scene h2{margin:0;max-width:18ch;font-size:clamp(1.6rem,4.4vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.08}.bandeau-scene p{margin:.8rem 0 0;max-width:42ch;color:var(--ink)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.75rem,1.5vw,1.1rem)}.tuile{grid-column:span 2;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.55rem;padding:clamp(1.15rem,2.4vw,1.6rem);border:1px solid var(--rule);border-radius:14px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(14px);transition:border-color .25s,transform .25s}.tuile:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule));transform:translateY(-2px)}.tuile h3{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.005em}.tuile p{margin:0;font-size:.95rem;color:var(--ink-2)}.tuile .mono{font-size:.78rem;color:var(--ink-3);margin-top:auto;padding-top:.5rem}.tuile-large{grid-column:span 3}.tuile-pleine{grid-column:span 6}.tuile-scene{grid-column:span 4;min-height:15rem;justify-content:flex-end;background-image:var(--scene);background-size:cover;background-position:30% 50%}.tuile-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 8%,color-mix(in srgb,var(--ground) 88%,transparent) 78%)}.tuile-scene>*{position:relative}.tuile-scene h3{font-size:clamp(1.15rem,2.6vw,1.5rem)}.glyphe{width:2rem;height:2rem;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}.glyphe svg{width:1rem;height:1rem;color:var(--accent)}@media(max-width:52rem){.bento{grid-template-columns:repeat(2,1fr)}.tuile,.tuile-large,.tuile-pleine,.tuile-scene{grid-column:span 2}.ecrans{grid-template-columns:1fr}.ecrans{grid-template-columns:1fr 1fr}}.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem 2rem}.chiffre{display:flex;flex-direction:column;gap:.2rem}.chiffre b{font-family:Archivo,sans-serif;font-stretch:118%;font-weight:700;font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1;letter-spacing:-.03em;color:var(--accent)}.chiffre span{font-size:.9rem;color:var(--ink-2)}.hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(2rem,5vw,4rem);align-items:center;width:100%}.hero-split .colonne-texte{display:flex;flex-direction:column;gap:1.35rem}.hero-split h1{max-width:13ch}@media(max-width:58rem){.hero-split{grid-template-columns:1fr}.hero-split h1{max-width:16ch}}.avantages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.avantages li{display:grid;grid-template-columns:1.35rem 1fr;gap:.65rem;align-items:start;font-size:1.02rem;color:var(--ink)}.avantages svg{width:1.15rem;height:1.15rem;margin-top:.28rem;color:var(--accent)}.vitrine{position:relative;border-radius:20px;padding:clamp(1.1rem,3vw,2.2rem);background:radial-gradient(120% 100% at 12% 0%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 58%),radial-gradient(110% 110% at 100% 100%,color-mix(in srgb,#2F9BA8 40%,transparent),transparent 62%),linear-gradient(155deg,#1b2432,#0a0e15);box-shadow:0 40px 90px -40px #000000e6,0 0 0 1px var(--rule);overflow:hidden}.vitrine:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}.vitrine .poste{position:relative;width:100%;transform:perspective(1600px) rotateY(-7deg) rotateX(3deg)}@media(max-width:58rem){.vitrine .poste{transform:none}}.confiance{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.875rem;color:var(--ink-3)}.confiance svg{width:1rem;height:1rem;color:var(--good)}.confiance b{color:var(--ink-2);font-weight:500}.img-dunes{background-image:url(/img/scenes/dunes.jpg)}.img-cote{background-image:url(/img/scenes/cote.jpg)}.img-glacier{background-image:url(/img/scenes/glacier.jpg)}.img-aurore{background-image:url(/img/scenes/aurore.jpg)}.img-foret{background-image:url(/img/scenes/foret.jpg)}.img-mer{background-image:url(/img/scenes/mer.jpg)}.img-falaises{background-image:url(/img/scenes/falaises.jpg)}.img-riviere{background-image:url(/img/scenes/riviere.jpg)}.img-volcan{background-image:url(/img/scenes/volcan.jpg)}.poste-dunes .dalle-paysage .scene-fond{background-image:url(/img/scenes/dunes.jpg)}.poste-dunes .dalle-portrait .scene-fond{background-image:url(/img/scenes/dunes.jpg)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){@keyframes mds-derive-fond{0%{background-position:center 18%}to{background-position:center 82%}}.bandeau-scene,.entete-scene{animation:mds-derive-fond linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){@keyframes mds-profondeur{0%{transform:translateY(90px) scale(1.06)}to{transform:translateY(-90px) scale(.99)}}@keyframes mds-vitrine{0%{transform:perspective(1600px) rotateY(-13deg) rotateX(7deg) translateY(70px) scale(.94)}to{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg) translateY(-30px) scale(1)}}.vitrine .poste{animation:mds-vitrine linear both;animation-timeline:view();animation-range:entry 0% cover 55%}@keyframes mds-tuile{0%{opacity:0;transform:translateY(52px) scale(.97)}to{opacity:1;transform:none}}.tuile{animation:mds-tuile linear both;animation-timeline:view();animation-range:entry 0% entry 62%}.tuile:nth-child(2n){animation-range:entry 6% entry 70%}@keyframes mds-texte-bandeau{0%{transform:translateY(64px);opacity:.25}to{transform:none;opacity:1}}.bandeau-scene>.wrap{animation:mds-texte-bandeau linear both;animation-timeline:view();animation-range:entry 10% cover 40%}}}body,.foot,.nav,.mono,.eyebrow{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.foot{font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:.95rem;color:var(--ink-2)}.foot>.wrap{gap:1.5rem}.foot p{margin:0;max-width:62ch;line-height:1.55}.foot-cols{padding-bottom:2rem;border-bottom:1px solid var(--rule);gap:2rem}.foot-cols strong{color:var(--ink);font-size:.78rem}.foot-cols a{font-size:.95rem;color:var(--ink-2)}.foot-cols a:hover{color:var(--accent)}.hero-split{grid-template-columns:minmax(0,.92fr) minmax(0,1.35fr)}.vitrine{padding:clamp(1.4rem,3.4vw,3rem);border-radius:26px}.vitrine:before{content:"";position:absolute;left:50%;top:42%;width:78%;height:55%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 55%,transparent),transparent);filter:blur(58px);pointer-events:none}.poste{position:relative}.poste:after{content:"";position:absolute;left:50%;bottom:-14%;width:76%;height:12%;transform:translate(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent 78%);filter:blur(12px)}.dalle{border-radius:12px}.tuile{border-radius:18px;padding:clamp(1.4rem,2.8vw,2rem);gap:.7rem}.tuile h3{font-size:1.15rem}.tuile p{font-size:1rem}.tuile:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s;background:radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%)}.tuile:hover:after{opacity:1}.tuile-scene{min-height:20rem}.tuile-scene h3{font-size:clamp(1.35rem,3vw,1.85rem)}.tuile-scene p{font-size:1.02rem}.chiffres{gap:2rem}.chiffre{padding-left:1.25rem;border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}.chiffre b{font-size:clamp(2.6rem,6vw,4.2rem)}.chiffre span{font-size:.95rem;line-height:1.4}.band-head h2{font-size:clamp(1.75rem,4vw,2.6rem)}.bandeau-scene h2{font-size:clamp(1.9rem,5.2vw,3.4rem)}.bandeau-scene{min-height:clamp(20rem,42vw,32rem)}.band{border-top:0;position:relative}.band:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--rule) 18%,var(--rule) 82%,transparent)}.demo-bar{align-items:flex-end}.demo-note{flex:1 1 22rem;min-width:0}.toggle{flex:0 0 auto}.entete-scene{position:relative;display:grid;align-items:end;min-height:clamp(15rem,30vw,22rem);background-size:cover;background-position:center;border-bottom:1px solid var(--rule);overflow:hidden}.entete-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--ground) 62%,transparent),color-mix(in srgb,var(--ground) 24%,transparent) 34%,color-mix(in srgb,var(--ground) 90%,transparent))}.entete-scene>.wrap{position:relative;padding-block:clamp(3rem,7vw,5rem) clamp(2rem,4vw,3rem);display:flex;flex-direction:column;gap:.9rem}.entete-scene h1{margin:0;max-width:20ch;font-size:clamp(2rem,5.4vw,3.4rem);font-weight:700;line-height:1.04;letter-spacing:-.025em}.entete-scene .lede{max-width:52ch;color:var(--ink);margin:0}.entete-scene .eyebrow{color:var(--accent);text-shadow:0 1px 12px rgba(0,0,0,.85)}.entete-scene h1,.entete-scene .lede{text-shadow:0 2px 24px rgba(0,0,0,.55)}.carte-forte{border:1px solid var(--rule);border-radius:18px;padding:clamp(1.5rem,3.4vw,2.4rem);background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:1.1rem;position:relative;overflow:hidden}.carte-forte:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 0% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%)}.carte-forte>*{position:relative}.carte-forte h3{margin:0;font-size:1.3rem;font-weight:600}:root{--pile-texte: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--pile-titre: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--pile-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}body,.foot,.prose,.qa .answer,.tuile p,.feature p,.step p{font-family:var(--pile-texte);letter-spacing:-.006em;line-height:1.47}h1,h2,h3,.ui,.btn,.wordmark,.qa summary,.chiffre b,.foot-cols strong{font-family:var(--pile-titre);font-stretch:normal}h1{font-weight:700;letter-spacing:-.032em}h2{font-weight:600;letter-spacing:-.022em}h3{font-weight:600;letter-spacing:-.014em}.hero h1,.entete-scene h1{letter-spacing:-.038em}.chiffre b{letter-spacing:-.04em}.mono,.eyebrow,.nav a,.toggle button,.spec dt,th,.workshop h3{font-family:var(--pile-mono);letter-spacing:.02em}.eyebrow,.nav a,.spec dt,th{letter-spacing:.06em}.lede{letter-spacing:-.012em}.btn{letter-spacing:-.01em;font-weight:600}.nav .accueil{display:inline-flex;align-items:center;gap:.4rem}.nav .accueil svg{width:.95rem;height:.95rem}@media(prefers-color-scheme:light){:root:not([data-theme=light]){color-scheme:dark;--ground: #0C1017;--surface: #131924;--surface-2: #1A2231;--ink: #E9ECF1;--ink-2: #A3AEBF;--ink-3: #78859A;--rule: #232D3D;--accent: #F0A94A;--accent-ink: #0C1017;--accent-quiet:#C98226;--good: #6FC79A}}:root[data-theme=light] body{background-image:radial-gradient(70rem 40rem at 12% -8%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 62%),radial-gradient(58rem 34rem at 92% 6%,color-mix(in srgb,#2F9BA8 9%,transparent),transparent 60%)}:root[data-theme=light] .vitrine{background:radial-gradient(120% 100% at 12% 0%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 58%),radial-gradient(110% 110% at 100% 100%,color-mix(in srgb,#2F9BA8 30%,transparent),transparent 62%),linear-gradient(155deg,#e7ecf3,#c9d3e0)}:root[data-theme=light] .entete-scene h1,:root[data-theme=light] .entete-scene .lede,:root[data-theme=light] .bandeau-scene h2,:root[data-theme=light] .bandeau-scene p{text-shadow:0 2px 22px rgba(255,255,255,.7)}.bascule-theme{display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid var(--rule);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink-2);cursor:pointer;transition:color .2s,border-color .2s}.bascule-theme:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--rule))}.bascule-theme svg{width:1rem;height:1rem}.bascule-theme .lune{display:none}:root[data-theme=light] .bascule-theme .soleil{display:none}:root[data-theme=light] .bascule-theme .lune{display:block}.masthead{align-items:center}.nav{align-items:center;gap:1.15rem}.nav a{display:inline-flex;align-items:center;line-height:1}h1,h2,h3,.chiffre b,.qa summary,.btn{font-weight:600}.hero h1,.entete-scene h1,.bandeau-scene h2,.band-head h2{font-weight:600}h1{letter-spacing:-.015em;line-height:1.06}.hero h1,.entete-scene h1{letter-spacing:-.015em;line-height:1.05}h2{letter-spacing:-.006em;line-height:1.08}.bandeau-scene h2{letter-spacing:-.012em;line-height:1.06}h3{letter-spacing:-.004em;line-height:1.12}.chiffre b{letter-spacing:-.02em}body,.lede,.tuile p,.feature p,.step p,.prose p,.qa .answer,.foot,.avantages li{letter-spacing:.004em}.lede{line-height:1.42}:root{--ink: #F5F5F7}@supports ((-webkit-background-clip: text) or (background-clip: text)){.hero h1 em,.degrade,.chiffre b{background-image:linear-gradient(96deg,#fcebcb,#f0a94a 30%,#7fc6cd 68%,#3e8090);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}:root[data-theme=light] .hero h1 em,:root[data-theme=light] .degrade,:root[data-theme=light] .chiffre b{background-image:linear-gradient(96deg,#c07a12,#9c5606 30%,#2e6e79 68%,#1c4c58)}.hero h1 em::selection,.degrade::selection,.chiffre b::selection{-webkit-text-fill-color:var(--ink);background-color:var(--accent)}}@supports ((-webkit-background-clip: text) or (background-clip: text)){.entete-scene h1,.band-head h2{background-image:linear-gradient(96deg,#fcebcb,#f0a94a 30%,#7fc6cd 68%,#3e8090);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}:root[data-theme=light] .entete-scene h1,:root[data-theme=light] .band-head h2{background-image:linear-gradient(96deg,#c07a12,#9c5606 30%,#2e6e79 68%,#1c4c58)}.entete-scene h1::selection,.band-head h2::selection{-webkit-text-fill-color:var(--ink);background-color:var(--accent)}.entete-scene:before{background:linear-gradient(180deg,color-mix(in srgb,var(--ground) 55%,transparent),color-mix(in srgb,var(--ground) 44%,transparent) 34%,color-mix(in srgb,var(--ground) 82%,transparent) 72%,color-mix(in srgb,var(--ground) 97%,transparent))}}:root{--voile-photo: #0A0E15}:root[data-theme=light] .entete-scene:before{background:linear-gradient(180deg,color-mix(in srgb,var(--voile-photo) 55%,transparent),color-mix(in srgb,var(--voile-photo) 46%,transparent) 34%,color-mix(in srgb,var(--voile-photo) 80%,transparent) 72%,color-mix(in srgb,var(--voile-photo) 94%,transparent))}:root[data-theme=light] .bandeau-scene:before{background:linear-gradient(180deg,color-mix(in srgb,var(--voile-photo) 68%,transparent),color-mix(in srgb,var(--voile-photo) 44%,transparent) 42%,color-mix(in srgb,var(--voile-photo) 88%,transparent))}:root[data-theme=light] .bandeau-scene h2,:root[data-theme=light] .bandeau-scene p,:root[data-theme=light] .entete-scene .lede{color:#f5f5f7}:root[data-theme=light] .entete-scene .eyebrow{color:#f0a94a}@supports ((-webkit-background-clip: text) or (background-clip: text)){:root[data-theme=light] .entete-scene h1{background-image:linear-gradient(96deg,#fcebcb,#f0a94a 30%,#7fc6cd 68%,#3e8090)}}:root[data-theme=light] .entete-scene,:root[data-theme=light] .bandeau-scene{border-block-color:var(--rule)}.bascule-langue{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border:1px solid var(--rule);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);text-decoration:none;line-height:1;transition:border-color .2s,color .2s}.bascule-langue .drapeau{font-size:.95rem;line-height:1}.bascule-langue .code{font-family:var(--pile-mono);font-size:.68rem;letter-spacing:.08em;color:var(--ink-2)}.bascule-langue:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--rule))}.bascule-langue:hover .code{color:var(--accent)}.hero-split h1{max-width:17ch}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){@keyframes mds-apparait{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.band-head,.step,.feature,.pact,.specs,.qa details,.prose>*{animation:mds-apparait linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.step:nth-child(2){animation-range:entry 4% entry 60%}.step:nth-child(3){animation-range:entry 8% entry 65%}@keyframes mds-profondeur{0%{transform:translateY(34px) scale(1.02)}to{transform:translateY(-34px) scale(1)}}.triptych{animation:mds-profondeur linear both;animation-timeline:view();animation-range:entry 0% exit 100%;will-change:transform}@keyframes mds-envol{0%{opacity:1;transform:none}to{opacity:.12;transform:translateY(-56px)}}.hero h1{animation:mds-envol linear both;animation-timeline:view();animation-range:exit 0% exit 90%}}}.masthead{position:sticky;top:0;z-index:10;padding-block:1rem;background:color-mix(in srgb,var(--ground) 82%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s}@supports (animation-timeline: scroll()){@keyframes mds-filet{to{border-bottom-color:var(--rule)}}.masthead{animation:mds-filet linear both;animation-timeline:scroll();animation-range:0 6rem}}:target{scroll-margin-top:5rem}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
