.kh{--kh-cobalt: #2348e0;--kh-indigo: #0b1b4d;--kh-brume: #e8ecff;--kh-brume-2: #cfd7fb;--kh-acier: #64748b;--kh-papier: #fbfcfe;--kh-blanc: #ffffff;--kh-sur-indigo: #aab4d6;--kh-nuit: #08143a;--kh-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--kh-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--kh-head: 69px;--kh-gut: clamp(16px, 4vw, 56px);background:var(--kh-papier);color:var(--kh-indigo);font-family:var(--kh-sans);font-size:15px;line-height:1.65}.kh h1,.kh h2,.kh h3{color:inherit}.kh :focus-visible{outline:2px solid var(--kh-cobalt);outline-offset:3px}.kh-eyebrow{font:400 11px/1.6 var(--kh-mono);letter-spacing:.06em;color:var(--kh-acier);margin-bottom:24px}.kh-intro{padding-inline:var(--kh-gut);padding-block:clamp(48px,8vw,104px) clamp(40px,6vw,64px);background:repeating-linear-gradient(135deg,transparent 0 22px,var(--kh-brume) 22px 24px) right top / min(36%,420px) 100% no-repeat,var(--kh-papier)}.kh-intro h1{font:700 clamp(36px,6.2vw,76px) / 1.02 var(--kh-sans);letter-spacing:-.035em;max-width:14ch;text-wrap:balance}.kh-intro h1 b,.kh-outro h2 b{color:var(--kh-cobalt);font-weight:500}.kh-lead{margin-top:24px;max-width:56ch;font-size:clamp(15px,1.4vw,17px)}.kh-chips{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px;max-width:760px}.kh-chips li{font:500 12px/1 var(--kh-mono);padding:8px 10px;border:1px solid var(--kh-brume-2);background:var(--kh-blanc);border-radius:2px}.kh-chips li.kh-chip--key{border-color:var(--kh-cobalt);color:var(--kh-cobalt)}.kh-go{margin-top:40px;display:inline-flex;align-items:center;gap:12px;font:500 12px/1 var(--kh-mono);color:var(--kh-acier)}.kh-go i{display:block;width:1px;height:40px;background:var(--kh-brume-2);position:relative;overflow:hidden}.kh-go i:after{content:"";position:absolute;left:0;top:-16px;width:1px;height:16px;background:var(--kh-cobalt);animation:kh-drip 1.8s cubic-bezier(.65,0,.35,1) infinite}@keyframes kh-drip{to{transform:translateY(56px)}}.kh-seq{position:relative}.kh-stage{position:sticky;top:var(--kh-head);height:calc(100svh - var(--kh-head));overflow:hidden}.kh-layers{position:absolute;top:0;right:0;bottom:0;left:0}.kh-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding-inline:clamp(16px,5vw,72px);padding-block:40px 72px;background:var(--kh-papier);color:var(--kh-indigo);--in: 1;--out: 0;isolation:isolate;overflow:hidden}.kh-layer--alt{background:var(--kh-brume)}.kh-layer--dark{background:var(--kh-indigo);color:var(--kh-papier)}.kh-num{position:absolute;right:clamp(8px,3vw,40px);bottom:-.18em;font:500 clamp(140px,22vw,320px) / 1 var(--kh-mono);color:transparent;-webkit-text-stroke:1.5px var(--kh-brume);pointer-events:none;z-index:0;transform:translateY(calc((1 - var(--in)) * 80px + var(--out) * -40px))}.kh-layer--alt .kh-num{-webkit-text-stroke-color:var(--kh-brume-2)}.kh-layer--dark .kh-num{-webkit-text-stroke-color:rgba(232,236,255,.16)}.kh-txt{position:relative;z-index:1;max-width:500px;min-width:0}.kh-txt>*{--d: 0;--p: clamp(0, calc((var(--in) - var(--d)) / (1 - var(--d))), 1);opacity:var(--p);transform:translateY(calc((1 - var(--p)) * 32px))}.kh-txt>:nth-child(2){--d: .12}.kh-txt>:nth-child(3){--d: .24}.kh-txt>:nth-child(4){--d: .34}.kh-txt>:nth-child(5){--d: .44}.kh-meta{font:400 11px/1.6 var(--kh-mono);color:var(--kh-acier);letter-spacing:.04em;margin-bottom:16px}.kh-layer--dark .kh-meta{color:var(--kh-sur-indigo)}.kh-ttl{font:700 clamp(34px,5.2vw,64px) / 1.02 var(--kh-sans);letter-spacing:-.03em;margin-bottom:24px;white-space:nowrap}.kh-br{display:inline-block;color:var(--kh-cobalt);font-weight:500;transform:translate(calc((1 - var(--in)) * var(--s) * 56px + var(--out) * var(--s) * 56px))}.kh-br--l{--s: 1;margin-right:.08em}.kh-br--r{--s: -1;margin-left:.08em}.kh-layer--dark .kh-br{color:var(--kh-blanc)}.kh-w{display:inline-block;opacity:calc(1 - var(--out) * 1.6);transform:scale(calc(1 - var(--out) * .25))}.kh-desc{margin-bottom:24px;max-width:44ch}.kh-layer--dark .kh-desc{color:var(--kh-brume)}.kh-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.kh-tags li{font:500 11px/1 var(--kh-mono);padding:6px 8px;border:1px solid var(--kh-brume-2);border-radius:2px;background:var(--kh-papier)}.kh-layer--alt .kh-tags li{background:var(--kh-blanc)}.kh-layer--dark .kh-tags li{background:transparent;border-color:#e8ecff4d;color:var(--kh-brume)}.kh-used{font:400 11px/1.6 var(--kh-mono);color:var(--kh-acier)}.kh-used b{font-weight:500;color:var(--kh-indigo)}.kh-layer--dark .kh-used{color:var(--kh-sur-indigo)}.kh-layer--dark .kh-used b{color:var(--kh-blanc)}.kh-fig{justify-self:center;position:relative;z-index:1;width:100%;max-width:480px;transform:translateY(calc((1 - var(--in)) * 120px + var(--out) * -48px)) scale(calc(1 - var(--out) * .08))}.kh-code{border:2px solid var(--kh-indigo);border-radius:6px;background:var(--kh-blanc);overflow:hidden;box-shadow:12px 12px 0 var(--kh-brume-2)}.kh-layer--alt .kh-code{box-shadow:12px 12px 0 var(--kh-blanc)}.kh-layer--dark .kh-code{border-color:#e8ecff59;background:var(--kh-nuit);box-shadow:12px 12px #e8ecff14}.kh-bar{display:flex;gap:6px;align-items:center;padding:9px 12px;border-bottom:2px solid var(--kh-indigo);background:var(--kh-brume)}.kh-layer--dark .kh-bar{background:transparent;border-bottom-color:#e8ecff33}.kh-bar i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--kh-indigo)}.kh-layer--dark .kh-bar i{border-color:var(--kh-brume)}.kh-bar span{margin-left:8px;font:400 11px/1 var(--kh-mono);color:var(--kh-acier)}.kh-layer--dark .kh-bar span{color:var(--kh-sur-indigo)}.kh-code pre{padding:16px 18px;font:400 12.5px/1.75 var(--kh-mono);color:var(--kh-indigo);white-space:pre;overflow:hidden}.kh-layer--dark .kh-code pre{color:var(--kh-brume)}.kh-ln{--lp: clamp(0, calc((var(--in) - var(--t)) * 6), 1);display:block;opacity:var(--lp);transform:translate(calc((1 - var(--lp)) * 12px))}.kh-c{color:var(--kh-acier)}.kh-layer--dark .kh-c{color:var(--kh-sur-indigo)}.kh-k{color:var(--kh-cobalt);font-weight:500}.kh-layer--dark .kh-k{color:var(--kh-blanc)}.kh-s{color:#5a3fc0}.kh-layer--dark .kh-s{color:#c9d2ff}.kh-ok{color:#1d7a46;font-weight:500}.kh-layer--dark .kh-ok{color:#8fe3b0}.kh-cursor{display:inline-block;width:8px;height:14px;background:currentColor;vertical-align:-2px;animation:kh-blink 1s steps(1) infinite}@keyframes kh-blink{50%{opacity:0}}.kh-edge{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--kh-cobalt);transform-origin:0 0;opacity:0;z-index:4;pointer-events:none}.kh-rail{position:absolute;left:clamp(16px,5vw,72px);bottom:20px;z-index:5;display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--kh-papier);border:1px solid var(--kh-brume);border-radius:2px;font:500 11px/1 var(--kh-mono);color:var(--kh-acier);font-variant-numeric:tabular-nums}.kh-cur{color:var(--kh-indigo)}.kh-segs{display:flex;gap:4px}.kh-segs span{width:24px;height:2px;background:var(--kh-brume);position:relative;overflow:hidden}.kh-segs i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--kh-cobalt);transform-origin:left;transform:scaleX(0)}.kh-block{padding-inline:var(--kh-gut);padding-block:clamp(64px,9vw,112px);border-top:1px solid var(--kh-brume)}.kh-block h2{font:700 clamp(28px,3.6vw,40px) / 1.1 var(--kh-sans);letter-spacing:-.025em;max-width:22ch;text-wrap:balance;margin-bottom:40px}.kh-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--kh-brume);border:1px solid var(--kh-brume)}.kh-offer{background:var(--kh-papier);padding:24px 24px 28px;display:grid;gap:16px;align-content:start;min-width:0}.kh-offer code{font:500 13px/1 var(--kh-mono);color:var(--kh-cobalt)}.kh-offer h3{font:600 22px/1.25 var(--kh-sans);letter-spacing:-.01em}.kh-offer p{max-width:42ch}.kh-offer ul{padding:12px 0 0;border-top:1px solid var(--kh-brume);display:grid;gap:6px;font:400 12px/1.5 var(--kh-mono);color:var(--kh-acier)}.kh-offer li:before{content:"→ ";color:var(--kh-cobalt)}.kh-path{background:var(--kh-brume)}.kh-path-intro{max-width:58ch;margin:-16px 0 40px}.kh-tl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:2px solid var(--kh-indigo)}.kh-tl li{padding:16px 16px 0 0;position:relative;min-width:0}.kh-tl li:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;background:var(--kh-brume);border:2px solid var(--kh-indigo)}.kh-tl li.kh-tl--key:before{background:var(--kh-cobalt);border-color:var(--kh-cobalt)}.kh-tl time{display:block;font:500 12px/1 var(--kh-mono);color:var(--kh-indigo);margin-bottom:8px;font-variant-numeric:tabular-nums}.kh-tl p{font-size:13px;line-height:1.5}.kh-outro{padding-inline:var(--kh-gut);padding-block:clamp(64px,10vw,128px);display:grid;gap:24px;justify-items:start;border-top:1px solid var(--kh-brume)}.kh-outro h2{font:700 clamp(30px,4.6vw,56px) / 1.05 var(--kh-sans);letter-spacing:-.03em;max-width:16ch;text-wrap:balance}.kh-outro p{max-width:52ch}.kh-contact{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.kh-mail{font:500 clamp(15px,2vw,20px) / 1.2 var(--kh-mono);color:var(--kh-indigo);-webkit-user-select:all;-moz-user-select:all;user-select:all;padding:14px 16px;border:1px solid var(--kh-brume-2);background:var(--kh-blanc);border-radius:2px;overflow-wrap:anywhere}.kh-btn{display:inline-flex;align-items:center;gap:12px;background:var(--kh-cobalt);color:var(--kh-blanc);border:0;cursor:pointer;font:600 15px/1 var(--kh-sans);padding:16px 24px;border-radius:2px;transition:background-color .16s cubic-bezier(.22,1,.36,1)}.kh-btn:hover{background:var(--kh-indigo)}.kh-outro .kh-tel{font:400 12px/1.6 var(--kh-mono);color:var(--kh-acier)}@media(max-width:900px){.kh-offers{grid-template-columns:minmax(0,1fr)}.kh-tl{grid-template-columns:minmax(0,1fr);border-top:0;border-left:2px solid var(--kh-indigo);gap:20px}.kh-tl li{padding:0 0 0 20px}.kh-tl li:before{top:2px;left:-7px}}@media(max-width:760px){.kh-layer{grid-template-columns:minmax(0,1fr);gap:20px;align-content:center;padding-block:16px 72px}.kh-fig{order:-1;max-width:100%}.kh-code pre{font-size:10.5px;padding:10px 12px;line-height:1.6}.kh-code{box-shadow:6px 6px 0 var(--kh-brume-2)}.kh-ttl{font-size:clamp(30px,9vw,44px);margin-bottom:12px}.kh-desc{margin-bottom:12px;font-size:14px}.kh-tags{display:none}}@media(max-width:760px)and (max-height:740px){.kh-code pre .kh-ln--opt{display:none}}@media(prefers-reduced-motion:reduce){.kh-go i:after,.kh-cursor{animation:none}}