:root{--st-canvas: #eef1f6;--st-surface: #ffffff;--st-navy: #0f1830;--st-navy-2: #1b2747;--st-blue: #1e40af;--st-blue-soft: #e6ebfa;--st-gold: #c79a3a;--st-green: #2f9d60;--st-ink: #16203a;--st-ink-2: #47536f;--st-muted: #7a86a0;--st-line: #dde3ee;--st-radius: 12px;--st-shadow: 0 1px 2px rgba(15, 24, 48, .05), 0 10px 30px -18px rgba(15, 24, 48, .25);--st-shadow-lift: 0 2px 4px rgba(15, 24, 48, .06), 0 18px 44px -20px rgba(15, 24, 48, .32);--st-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--st-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--st-ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html.st-root{background:var(--st-navy)}html,body{margin:0;padding:0}body.st{min-height:100vh;background:var(--st-canvas);color:var(--st-ink);font-family:var(--st-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.st ::selection{background:var(--st-blue);color:#fff}.st-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px clamp(14px,4vw,36px);background:var(--st-navy);color:#e8ecf7}.st-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:inherit;min-width:0}.st-brand-ico{width:30px;height:30px;border-radius:8px;flex:none}.st-brand-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}.st-brand-txt b{font-size:15px;font-weight:700;letter-spacing:-.01em}.st-brand-txt i{font-style:normal;font-family:var(--st-mono);font-size:9px;letter-spacing:.22em;color:#93a0c4}.st-top-right{display:flex;align-items:center;gap:10px}.st-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--st-mono);font-size:11px;letter-spacing:.02em;color:#cfe8da;background:#2f9d6029;border:1px solid rgba(47,157,96,.4);border-radius:999px;padding:5px 11px;white-space:nowrap}.st-dot{position:relative;width:7px;height:7px;border-radius:50%;background:#4fd68a;flex:none}.st-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid rgba(79,214,138,.55);animation:st-pulse 2.6s ease-out infinite}@keyframes st-pulse{0%{transform:scale(.7);opacity:1}70%,to{transform:scale(1.7);opacity:0}}html[data-reduce="1"] .st-dot:after{animation:none;opacity:.5}.st-top{transition:box-shadow .3s}.st-top.is-scrolled{box-shadow:0 8px 26px -14px #0f18308c}.st-music{min-width:34px;font-size:14px}.st-music[aria-pressed=true]{color:var(--st-gold);border-color:color-mix(in srgb,var(--st-gold) 55%,transparent)}.st-music.is-off{color:#5a6485;text-decoration:line-through}.st-vol{-webkit-appearance:none;appearance:none;width:70px;height:16px;background:transparent;cursor:pointer}.st-vol::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#93a0c466}.st-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--st-gold);border:none}.st-vol::-moz-range-track{height:3px;border-radius:2px;background:#93a0c466}.st-vol::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--st-gold);border:none}.st-vol:focus-visible{outline:2px solid var(--st-gold);outline-offset:2px}.st-vol-val{font-family:var(--st-mono);font-size:10px;color:#93a0c4;min-width:30px;text-align:right}@media(max-width:640px){.st-vol{width:46px}.st-vol-val{display:none}}.st-lang{font-family:var(--st-mono);font-size:12px;background:none;border:1px solid #35406399;color:#93a0c4;cursor:pointer;padding:6px 10px;border-radius:8px;line-height:1;transition:color .2s,border-color .2s}.st-lang:hover{color:#fff;border-color:#93a0c4}.st-lang .st-lang-sep{margin:0 3px;opacity:.5}html:not([data-lang=en]) .st-lang .st-lang-fr{color:#fff}html[data-lang=en] .st-lang .st-lang-en{color:#fff}.st-quit{font-family:var(--st-mono);font-size:12px;color:#93a0c4;text-decoration:none;padding:6px 4px;transition:color .2s;white-space:nowrap}.st-quit:hover{color:#fff}.st-main{position:relative}.st-panel{background:var(--st-surface);border:1px solid var(--st-line);border-radius:var(--st-radius);box-shadow:var(--st-shadow)}.st-kicker{font-family:var(--st-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--st-blue)}.st-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--st-sans);font-size:14px;font-weight:600;letter-spacing:.01em;color:#fff;background:var(--st-blue);border:1px solid var(--st-blue);border-radius:10px;padding:12px 20px;cursor:pointer;text-decoration:none;transition:transform .25s var(--st-ease),box-shadow .25s,background .2s;box-shadow:0 1px 2px #1e40af4d}.st-btn:hover{background:#2b50c7;transform:translateY(-1px);box-shadow:0 6px 18px -8px #1e40af8c}.st-btn:active{transform:translateY(0)}.st-btn--ghost{color:var(--st-ink);background:var(--st-surface);border-color:var(--st-line);box-shadow:none}.st-btn--ghost:hover{background:#f4f6fb;border-color:var(--st-blue);color:var(--st-blue);box-shadow:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--st-ease),transform .6s var(--st-ease)}.reveal.is-in{opacity:1;transform:none}html[data-reduce="1"] .reveal{opacity:1;transform:none;transition:none}body.has-st-cursor,body.has-st-cursor *{cursor:none!important}.st-cur,.st-cur-ring{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;opacity:0;transform:translate(-100px,-100px);will-change:transform}body.has-st-cursor .st-cur,body.has-st-cursor .st-cur-ring{opacity:1}.st-cur{width:7px;height:7px;border-radius:50%;background:var(--st-blue);transition:background-color .25s}.st-cur.is-hover{background:var(--st-gold)}.st-cur-ring{width:32px;height:32px;border-radius:50%;border:1.25px solid color-mix(in srgb,var(--st-blue) 38%,transparent);transition:border-color .25s,background-color .25s}.st-cur-ring.is-hover{border-color:var(--st-gold);background:color-mix(in srgb,var(--st-gold) 10%,transparent)}.nw-zoomable{cursor:zoom-in}.nw-lb{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:clamp(16px,4vw,56px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease,visibility .34s ease}.nw-lb.is-open{opacity:1;visibility:visible;pointer-events:auto}.nw-lb__scrim{position:absolute;inset:0;cursor:zoom-out;background:radial-gradient(125% 125% at 50% 28%,color-mix(in srgb,var(--lb-accent, #1e40af) 24%,rgba(7,10,20,.82)),#04060cf2);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.nw-lb__frame{position:relative;margin:0;max-width:min(1100px,94vw);max-height:90vh;display:flex;flex-direction:column;border-radius:clamp(20px,2.6vw,30px);padding:clamp(8px,1vw,14px);background:color-mix(in srgb,var(--lb-accent, #1e40af) 14%,#0b0f1a);border:3px solid var(--lb-accent, #1e40af);box-shadow:0 0 0 1px #ffffff12 inset,0 26px 80px -14px color-mix(in srgb,var(--lb-accent, #1e40af) 62%,transparent),0 10px 34px #00000080;transform:scale(.93) translateY(8px);transition:transform .46s cubic-bezier(.2,.9,.25,1)}.nw-lb.is-open .nw-lb__frame{transform:scale(1) translateY(0)}.nw-lb__img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(90vh - 70px);object-fit:contain;border-radius:clamp(13px,1.9vw,21px);margin:0 auto}.nw-lb__cap{font-family:var(--st-mono);font-size:12px;letter-spacing:.04em;color:#ffffffd6;text-align:center;padding:11px 8px 3px}.nw-lb__close{position:absolute;top:-16px;right:-16px;width:44px;height:44px;border-radius:999px;border:2px solid var(--lb-accent, #1e40af);background:#0b0f1a;color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 22px #0000008c;transition:background .2s ease,transform .2s ease}.nw-lb__close:hover{background:var(--lb-accent, #1e40af);transform:scale(1.06)}.nw-lb__close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:560px){.nw-lb{padding:14px}.nw-lb__close{top:8px;right:8px}.nw-lb__img{max-height:calc(90vh - 58px)}}@media(prefers-reduced-motion:reduce){.nw-lb{transition:opacity .2s ease,visibility .2s ease}.nw-lb__frame{transition:none;transform:none}.nw-lb.is-open .nw-lb__frame{transform:none}}a{color:var(--st-blue)}:focus-visible{outline:2px solid var(--st-blue);outline-offset:2px}h1,h2,h3{line-height:1.12;margin:0;letter-spacing:-.02em}.st-foot{text-align:center;padding:clamp(36px,7vh,70px) 20px clamp(26px,4vh,44px)}.st-foot-links{margin:0 0 10px;font-size:13.5px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;color:var(--st-muted)}.st-foot-links a{color:var(--st-ink-2);text-decoration:none}.st-foot-links a:hover{color:var(--st-blue);text-decoration:underline}.st-foot-sig{margin:0;font-family:var(--st-mono);font-size:11px;color:var(--st-muted)}.st-sig{opacity:.75}@media(max-width:640px){.st-pill,.st-brand-txt i{display:none}}.wrap-st{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,5vw,40px)}.sth{padding-top:clamp(30px,6vh,64px)}.sth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:center}.sth-title{font-size:clamp(38px,6vw,64px);font-weight:800;letter-spacing:-.03em;color:var(--st-ink);margin:10px 0 14px}.sth-dot{color:var(--st-gold)}.sth-lead{font-size:clamp(14.5px,1.6vw,16px);line-height:1.7;color:var(--st-ink-2);max-width:58ch}.sth-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.sth-shot{margin:0;overflow:hidden}.sth-shot img{display:block;width:100%;height:auto;border-bottom:1px solid var(--st-line)}.sth-shot-cap{font-family:var(--st-mono);font-size:11px;color:var(--st-muted);padding:10px 14px}.sth-kpis{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;padding:0;margin:clamp(26px,4vh,44px) 0 0}.sth-kpi{display:flex;flex-direction:column;gap:3px;padding:16px 18px}.sth-kpi b{font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.02em;color:var(--st-ink)}.sth-kpi-lab{font-weight:600;font-size:.72em;color:var(--st-blue)}.sth-kpi-sub{font-family:var(--st-mono);font-size:11px;color:var(--st-muted)}.stf{padding-top:clamp(44px,8vh,84px)}.stf-head{max-width:640px;margin-bottom:clamp(22px,4vh,36px)}.stf-title{font-size:clamp(26px,3.6vw,40px);font-weight:800;color:var(--st-ink);margin:10px 0}.stf-title em{font-style:italic;color:var(--st-blue)}.stf-lead{font-size:15px;line-height:1.65;color:var(--st-ink-2)}.stf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}.stf-card{--ac: var(--st-blue);--pad: clamp(18px, 2.2vw, 24px);display:flex;flex-direction:column;padding:var(--pad);transition:transform .35s var(--st-ease),box-shadow .35s var(--st-ease),opacity .6s var(--st-ease)}.reveal.stf-card{transition:transform .35s var(--st-ease),box-shadow .35s var(--st-ease),opacity .6s var(--st-ease)}.stf-card:hover{transform:translateY(-3px);box-shadow:var(--st-shadow-lift)}.stf-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:color-mix(in srgb,var(--ac) 12%,#fff);border:1px solid color-mix(in srgb,var(--ac) 28%,var(--st-line));color:var(--ac);margin-bottom:13px;flex:none}.stf-ico :global(svg){width:23px;height:23px}.stf-name{font-size:17.5px;font-weight:700;color:var(--st-ink);margin-bottom:7px}.stf-desc{font-size:13.5px;line-height:1.62;color:var(--st-ink-2)}.stf-shot{margin:auto calc(var(--pad) * -1) calc(var(--pad) * -1);padding-top:14px;border-radius:0 0 calc(var(--st-radius) - 1px) calc(var(--st-radius) - 1px);overflow:hidden}.stf-shot img{display:block;width:100%;height:auto;border-top:1px solid var(--st-line);cursor:zoom-in}.stf-grid--mini{margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.stf-card--mini .stf-name{font-size:16px}.stf-card--mini .stf-desc{font-size:13px}.stf-example{--ac: var(--st-blue);margin-top:16px;padding:clamp(14px,2vw,20px) clamp(16px,2.2vw,24px);display:flex;align-items:center;gap:clamp(12px,2.5vw,26px);flex-wrap:wrap}.stf-example-lead{display:flex;flex-direction:column;gap:4px;min-width:0}.stf-example-title{font-size:16px;font-weight:700;color:var(--st-ink)}.stf-path{display:inline-flex;align-items:center;gap:6px;font-family:var(--st-mono);font-size:11px;color:var(--st-muted);word-break:break-all}.stf-path-ico{color:var(--ac);flex:none}.stf-files{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.stf-file{display:inline-flex;align-items:baseline;gap:7px;font-family:var(--st-mono);font-size:12px;padding:5px 10px;background:var(--st-surface);border:1px solid var(--st-line);border-radius:6px;width:fit-content;max-width:100%}.stf-file:before{content:"▪";color:var(--ac);font-size:9px;align-self:center}.stf-file-name{color:var(--st-ink);font-weight:600}.stf-file-ext{color:var(--st-muted)}.stf-naming-note{font-family:var(--st-mono);font-size:10.5px;color:var(--ac)}.stg{padding-top:clamp(44px,8vh,84px)}.stg-head{max-width:640px;margin-bottom:clamp(20px,3vh,30px)}.stg-title{font-size:clamp(26px,3.6vw,40px);font-weight:800;color:var(--st-ink);margin:10px 0}.stg-sub{font-size:15px;line-height:1.65;color:var(--st-ink-2)}.stg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));gap:16px}.stg-shot{margin:0;overflow:hidden;transition:transform .35s var(--st-ease),box-shadow .35s var(--st-ease),opacity .6s var(--st-ease)}.stg-shot:hover{transform:translateY(-3px);box-shadow:var(--st-shadow-lift)}.stg-shot img{display:block;width:100%;height:auto;border-bottom:1px solid var(--st-line);cursor:zoom-in}.stg-shot figcaption{display:flex;flex-direction:column;gap:3px;padding:13px 16px}.stg-shot figcaption b{font-size:15px;font-weight:700;color:var(--st-ink)}.stg-shot figcaption span{font-size:13px;line-height:1.55;color:var(--st-ink-2)}.stc{padding-top:clamp(44px,8vh,84px)}.stc-panel{text-align:center;padding:clamp(28px,5vw,52px)}.stc-title{font-size:clamp(24px,3.2vw,36px);font-weight:800;color:var(--st-ink);margin-bottom:10px}.stc-lead{font-size:15px;line-height:1.7;color:var(--st-ink-2);max-width:56ch;margin:0 auto 20px}.reveal--wipe{clip-path:inset(0 100% 0 0 round var(--st-radius));transform:none;transition:opacity .5s var(--st-ease),clip-path .9s var(--st-ease)}.reveal--wipe.is-in{clip-path:inset(0 0 0 0 round var(--st-radius))}html[data-reduce="1"] .reveal--wipe{clip-path:none}.st-ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line);background:var(--st-surface);padding:10px 0;margin-top:clamp(30px,5vh,56px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.st-ticker-track{display:inline-flex;align-items:center;animation:st-tick 30s linear infinite}.st-ticker-track span{font-family:var(--st-mono);font-size:11px;letter-spacing:.14em;color:var(--st-muted);display:inline-flex;align-items:center}.st-ticker-track span:before{content:"•";color:var(--st-blue);opacity:.55;margin:0 clamp(16px,3vw,30px)}@keyframes st-tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.st-ticker:hover .st-ticker-track{animation-play-state:paused}html[data-reduce="1"] .st-ticker-track{animation:none}.stf-file{opacity:0;transform:translate(-8px);transition:opacity .4s var(--st-ease),transform .4s var(--st-ease)}.stf-example.is-in .stf-file{opacity:1;transform:none}.stf-example.is-in .stf-file:nth-child(1){transition-delay:.2s}.stf-example.is-in .stf-file:nth-child(2){transition-delay:.36s}.stf-example.is-in .stf-file:nth-child(3){transition-delay:.52s}html[data-reduce="1"] .stf-file{opacity:1;transform:none;transition:none}.sth-shot{will-change:transform}@media(max-width:860px){.sth-grid{grid-template-columns:1fr}}