:root{--ink-950:#0d0918;--ink-900:#18122b;--ink-800:#221a3b;--ink-700:#2e2450;--violet-300:#ae9bff;--violet-400:#8d72ff;--violet-500:#6d4cff;--violet-600:#5a36f0;--text:#f2f6fc;--muted:#a6a6ba;--line:#ffffff14;--font-display:"Clash Display", "Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}#accueil{line-height:1.6}.progress{z-index:40;background:var(--violet-500);transform-origin:0;height:2px;position:fixed;top:56px;left:0;right:0;transform:scaleX(0)}main{z-index:2;position:relative}.hero{background:var(--ink-950);flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid-bg{pointer-events:none;background-image:linear-gradient(#6d4cff0d 1px,#0000 1px),linear-gradient(90deg,#6d4cff0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(90% 80% at 60% 45%,#000 30%,#0000 75%)}.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,80px);width:100%;max-width:1280px;margin:0 auto;padding:120px clamp(20px,4vw,56px) 60px;display:grid;position:relative}.kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--violet-300);margin:0 0 18px;font-size:12px}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(44px,5.6vw,80px);font-weight:600;line-height:1.04}.hero-title .line{display:block;overflow:hidden}.hero-sub{color:var(--muted);max-width:480px;margin:0 0 32px;font-size:clamp(15px,1.3vw,18px)}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.btn{will-change:transform;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s;display:inline-block}.btn-primary{background:var(--violet-500);color:#fff}.btn-primary:hover{background:var(--violet-600)}.btn-ghost{border:1px solid var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--violet-400)}.btn-lg{padding:17px 36px;font-size:16.5px}.hero-fig{margin:0;position:relative}.bp{width:100%;height:auto;display:block}.bp-stroke{fill:none;stroke:var(--violet-400);stroke-width:.7px;stroke-opacity:0}.bp-slice{opacity:1;will-change:transform, opacity}.bp-accent-solid{opacity:1}.js .bp-slice,.js .bp-accent-solid{opacity:0}.bp-dot{fill:var(--violet-400);opacity:0}.bp-labels text{font-family:var(--font-mono);fill:var(--violet-300);opacity:0;font-size:3.6px}.bp-steps{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:center;gap:22px;margin-top:26px;font-size:12px;display:flex}.bp-step{opacity:.4;transition:opacity .3s,color .3s}.bp-step.is-on{opacity:1;color:var(--violet-300)}.hero-scroll{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.marquee{border-block:1px solid var(--line);padding:26px 0;overflow:hidden}.marquee-track{width:max-content;display:flex}.marquee-list{font-family:var(--font-display);letter-spacing:.01em;color:var(--text);white-space:nowrap;gap:64px;margin:0;padding:0 32px;font-size:19px;font-weight:500;list-style:none;display:flex}.marquee-list li:before{content:"▲ ";color:var(--violet-500);font-size:13px}.show{padding:clamp(90px,11vw,160px) 0 0;overflow:hidden}.wall{perspective:1100px;cursor:grab;user-select:none;touch-action:pan-y;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.wall.is-grabbing{cursor:grabbing}.wall-plane{transform-style:preserve-3d;flex-direction:column;gap:22px;display:flex;transform:rotateX(16deg)rotate(-2deg)scale(1.06)}.wall-row{will-change:transform;width:max-content}.wall-drag{will-change:transform;gap:22px;width:max-content;display:flex}.wall-tile{aspect-ratio:16/10;border:1px solid var(--line);background:var(--ink-900);border-radius:12px;flex:none;width:clamp(220px,24vw,360px);overflow:hidden;box-shadow:0 24px 60px #0d09188c}.wall-tile img{object-fit:cover;object-position:top;-webkit-user-drag:none;width:100%;height:100%;display:block}.wall-tile-text{background:var(--ink-800);text-align:center;justify-content:center;align-items:center;padding:0 18px;display:flex}.wall-tile-text span{font-family:var(--font-display);letter-spacing:-.01em;color:var(--violet-300);font-size:clamp(17px,1.6vw,24px);font-weight:600}.show-line{max-width:1080px;font-family:var(--font-display);letter-spacing:-.015em;text-align:center;margin:clamp(70px,9vw,130px) auto 0;padding:0 clamp(20px,4vw,56px);font-size:clamp(26px,3.4vw,48px);font-weight:500;line-height:1.2}.show-line em{color:var(--violet-400);font-style:normal}.laptop-wrap{max-width:900px;margin:clamp(60px,7vw,100px) auto 0;padding:0 clamp(20px,4vw,56px)}.laptop{perspective:1600px;transform-style:preserve-3d}.laptop-screen{transform-origin:50% 100%;border:2px solid var(--ink-700);background:var(--ink-900);aspect-ratio:16/9.6;will-change:transform;border-bottom:none;border-radius:14px 14px 0 0;position:relative;overflow:hidden;transform:rotateX(-72deg)}.laptop-screen img{will-change:transform;width:100%;height:auto;display:block}.laptop-glare{opacity:0;background:linear-gradient(160deg,#f2f6fc29,#0000 45%);position:absolute;inset:0}.laptop-base{background:linear-gradient(180deg, var(--ink-700), var(--ink-800));border:1px solid var(--ink-700);border-radius:0 0 16px 16px;height:16px;transform:translateZ(2px)}.laptop-base:before{content:"";background:var(--ink-950);border-radius:0 0 8px 8px;width:120px;height:5px;margin:0 auto;display:block}.laptop-caption{text-align:center;color:var(--muted);margin:26px auto 0;font-size:15px}.laptop-caption .kicker{margin-bottom:6px;display:block}.section{max-width:1280px;margin:0 auto;padding:clamp(80px,10vw,140px) clamp(20px,4vw,56px) 0}.section-head{max-width:760px;margin-bottom:clamp(40px,5vw,72px)}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:600;line-height:1.1}.section-head-center{text-align:center;margin-inline:auto}.split-head .line{display:block;overflow:hidden}.reveal{opacity:0;transform:translateY(32px)}.reveal.is-in{opacity:1;transform:none}.exp-list{border-top:1px solid var(--line)}.exp-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 40px;align-items:center;gap:24px;padding:38px 8px;text-decoration:none;transition:background .25s;display:grid}.exp-row:hover{background:#6d4cff0f}.exp-num{font-family:var(--font-mono);color:var(--violet-400);font-size:13px}.exp-problem{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px}.exp-row h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:600}.exp-desc{color:var(--muted);margin:0;font-size:15px}.exp-arrow{color:var(--violet-400);font-size:20px;transition:transform .25s}.exp-row:hover .exp-arrow{transform:translate(6px)}.preuves{padding-top:clamp(80px,10vw,140px)}.preuves .section-head{padding-inline:clamp(20px,4vw,56px)}.theater{height:380vh}.theater-stage{background:radial-gradient(ellipse 65% 60% at 72% 40%, #6d4cff1a, transparent 70%), var(--ink-950);height:100vh;position:sticky;top:0;overflow:hidden}.t-slide{will-change:transform, opacity;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:center;gap:clamp(24px,4vw,64px);padding:12vh clamp(20px,5vw,72px) 9vh;display:grid;position:absolute;inset:0}.t-slide:not(:first-child){opacity:0}.t-content{max-width:560px}.t-browser{border:1px solid var(--ink-700);background:var(--ink-900);border-radius:14px;overflow:hidden;box-shadow:0 40px 120px #0d0918b3}.t-browser-bar{background:var(--ink-800);border-bottom:1px solid var(--ink-700);align-items:center;gap:7px;padding:11px 16px;display:flex}.t-b-dot{background:var(--ink-700);border-radius:999px;width:10px;height:10px}.t-b-dot:first-child{background:var(--violet-500)}.t-b-url{text-align:center;font-family:var(--font-mono);color:var(--muted);background:var(--ink-900);border-radius:6px;flex:1;margin-left:14px;padding:4px 12px;font-size:12px}.t-browser-view{height:min(64vh,560px);overflow:hidden}.t-scrollimg{will-change:transform;width:100%;height:auto;display:block}.t-problem{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12.5px}.t-content h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(30px,3.6vw,54px);font-weight:600;line-height:1.05}.t-built{color:#f2f6fcd1;max-width:520px;margin:0 0 20px;font-size:clamp(15px,1.2vw,17px)}.case-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--violet-300);flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;font-size:11.5px;display:flex}.case-caps{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.case-caps li{color:var(--text);backdrop-filter:blur(6px);background:#0d091880;border:1px solid #ffffff2e;border-radius:999px;padding:6px 14px;font-size:13px}.t-metric{align-items:baseline;gap:14px;margin:26px 0 0;display:flex}.t-metric strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--violet-400);font-size:clamp(44px,4.6vw,76px);font-weight:700;line-height:1}.t-metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;max-width:160px;font-size:13.5px;line-height:1.4}.t-index{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:13px;position:absolute;top:12vh;right:clamp(20px,5vw,72px)}.t-progress{gap:10px;display:flex;position:absolute;bottom:3.2vh;left:50%;transform:translate(-50%)}.t-dot{background:#ffffff29;border-radius:2px;width:26px;height:3px;transition:background .3s}.t-dot.is-on{background:var(--violet-500)}.stats{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;margin:clamp(80px,10vw,140px) auto 0;padding:0 clamp(20px,4vw,56px);display:grid}.stat{border-top:2px solid var(--violet-500);padding-top:18px}.stat strong{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(34px,3.6vw,54px);font-weight:700;line-height:1;display:block}.stat>span{color:var(--muted);font-size:14px}.method{height:670vh;margin-top:clamp(80px,10vw,140px);position:relative}.method-pin{background:var(--ink-950);align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.method-bg{position:absolute;inset:-2%}.method-bg img,.method-canvas{object-fit:cover;object-position:60% center;will-change:filter;width:100%;height:100%}.method-bg:after{content:"";background:radial-gradient(60% 55% at 8% 22%,#0d0918eb,#0d091800 72%),linear-gradient(#0d09188c,#0000 26% 74%,#0d0918b3);position:absolute;inset:0}.method-dim{pointer-events:none;opacity:0;background:radial-gradient(62% 58% at 30% 56%,#090612d1,#09061259 55%,#09061200 78%);position:absolute;inset:0}.method-inner{flex-direction:column;padding:13vh clamp(20px,5vw,80px) 11vh;display:flex;position:absolute;inset:0}.method-inner .section-head{max-width:520px;margin-bottom:0}.method-inner .section-head h2{font-size:clamp(24px,2.3vw,32px)}.method-stage{will-change:opacity, transform;width:100%;max-width:1000px;margin:auto}.method-index{gap:18px;margin-bottom:26px;display:flex}.method-tick{font-family:var(--font-mono);color:var(--muted);opacity:.3;border-top:2px solid #0000;min-width:28px;padding-top:9px;font-size:13px;transition:opacity .4s,color .4s}.method-tick.is-on{opacity:1;color:var(--violet-300);border-top-color:var(--violet-500)}.method-slides{min-height:clamp(220px,26vh,300px);position:relative}.method-slide{opacity:0;visibility:hidden;position:absolute;inset:0}.method-slide.is-on{opacity:1;visibility:visible}.method-slide h3{font-family:var(--font-display);letter-spacing:-.035em;text-shadow:0 6px 40px #09061280;margin:0 0 22px;font-size:clamp(44px,6.4vw,104px);font-weight:600;line-height:.96}.method-slide p{color:#f2f6fcd1;text-shadow:0 2px 20px #09061299;max-width:560px;margin:0;font-size:clamp(16px,1.3vw,19px)}.method-progress{background:#ffffff1a;height:2px;position:absolute;bottom:6vh;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px)}.method-progress-fill{background:var(--violet-500);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.method-canvas{width:100%;height:100%;position:absolute;inset:0}.final{border-top:1px solid var(--line);background:var(--ink-900);padding:clamp(100px,13vw,190px) clamp(20px,4vw,56px);position:relative;overflow:hidden}.final-bg{pointer-events:none;background-image:linear-gradient(#6d4cff0f 1px,#0000 1px),linear-gradient(90deg,#6d4cff0f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(80% 75% at 30%,#000 25%,#0000 78%)}.final-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,5vw,80px);max-width:1280px;margin:0 auto;display:grid;position:relative}.final-copy{max-width:560px}.final h2{font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;margin:0 0 22px;font-size:clamp(44px,5.6vw,86px);font-weight:600;line-height:1}.final-sub{color:#f2f6fcbf;max-width:460px;margin:0 0 30px;font-size:16.5px}.final-direct{flex-wrap:wrap;gap:10px 26px;margin-bottom:34px;display:flex}.final-direct a{color:var(--text);border-bottom:1px solid var(--alpha-violet-32,#6d4cff52);padding-bottom:3px;font-size:16px;font-weight:600;text-decoration:none;transition:border-color .25s,color .25s}.final-direct a:hover{color:var(--violet-300);border-bottom-color:var(--violet-400)}.final-facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:0;padding-top:26px;display:grid}.final-facts dt{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--violet-300);margin-bottom:6px;font-size:11px}.final-facts dd{color:var(--muted);margin:0;font-size:14px;line-height:1.5}@media (width<=900px){.hero-inner{grid-template-columns:1fr;padding-top:110px}.hero-fig{max-width:420px}.exp-row{grid-template-rows:auto auto;grid-template-columns:48px 1fr}.exp-desc{grid-column:2}.exp-arrow{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:36px 24px}.method{height:auto}.method-pin{height:auto;padding:64px 0;display:block;position:static}.method-inner{padding:0 clamp(20px,5vw,40px);display:block;position:static}.method-stage{margin:40px 0 0;opacity:1!important;transform:none!important}.method-slide h3{font-size:clamp(32px,9vw,52px)}.method-dim{display:none}.method-bg{inset:0}.method-bg img{object-position:74% center}.method-bg:after{background:linear-gradient(#0d0918d1,#0d0918f0 45%),linear-gradient(90deg,#0d0918e6,#0d091899)}.method-stage{grid-template-columns:1fr;min-height:0}.method-index{flex-direction:row;gap:22px}.method-tick{border-top:2px solid #0000;border-left:none;padding:8px 0 0}.method-tick.is-on{border-top-color:var(--violet-500)}.method-slides{flex-direction:column;gap:32px;display:flex;position:static}.method-slide{opacity:1;visibility:visible;position:static}.method-progress{display:none}.wall-plane{transform:rotateX(8deg)scale(1.02)}#wall-row-2{display:none}.wall-tile{width:210px}.laptop-screen{transform:none}.laptop-glare{opacity:1}.theater{height:auto}.theater-stage{background:0 0;height:auto;position:static;overflow:visible}.t-slide{border-bottom:1px solid var(--line);grid-template-columns:1fr;margin-bottom:12px;padding:20px 20px 36px;position:relative;inset:auto;opacity:1!important}.t-browser-view{height:46vh}.t-progress,.t-index{display:none}.t-browser{order:-1;margin-bottom:20px}.t-problem,.t-built{display:none}.case-meta{margin-bottom:10px}.t-content h3{margin-bottom:14px}.t-metric{flex-direction:column;align-items:flex-start;gap:5px;margin-top:22px}.t-metric strong{font-size:clamp(40px,10vw,64px)}.t-metric span{max-width:none}.final-inner{grid-template-columns:1fr}.final-facts{grid-template-columns:1fr;gap:18px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.marquee-track{transform:none!important}.laptop-screen{transform:none}.progress{display:none}.theater{height:auto}.theater-stage{height:auto;position:static;overflow:visible}.t-slide{margin-bottom:18px;position:relative;inset:auto;opacity:1!important}.t-progress{display:none}.method{height:auto}.method-pin{height:auto;padding:64px 0;display:block;position:static}.method-inner{padding:0 clamp(20px,5vw,40px);display:block;position:static}.method-stage{margin:40px 0 0;opacity:1!important;transform:none!important}.method-slides{flex-direction:column;gap:32px;display:flex;position:static}.method-slide{opacity:1;visibility:visible;position:static}.method-dim,.method-progress{display:none}}