:root{--bg:#07060b;--panel:#0d0c12;--panel-2:#14131b;--paper:#0d0c12;--paper-2:rgba(255,255,255,.035);--ink:#f4f4f6;--graphite:#9594a3;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--signal:#b7a6ff;--signal-2:#8b74f2;--display:"Geist","Inter",system-ui,sans-serif;--body:"Geist","Inter",system-ui,sans-serif;--mono:"Geist Mono","JetBrains Mono",ui-monospace,monospace;--gutter:clamp(16px,4vw,48px)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:transparent;color:var(--ink);font:400 15px/1.55 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}code{font-family:var(--mono);font-size:.92em;background:#ffffff14;padding:1px 5px;border-radius:4px}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}button{font:inherit;color:inherit}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;height:66px;padding:0 24px;background:#07060bdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.02em;text-decoration:none;color:#fff}.brand svg{width:22px;height:22px;flex:none}.brand.small{font-size:14px}.top-sep{color:#4a4957;font-size:18px;margin:0 2px}.top-nav{display:flex;gap:4px;font-size:14px}.top-nav a{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:10px;border:1px solid transparent;text-decoration:none;color:#d6d5de;font-weight:500;letter-spacing:.01em}.top-nav a:hover{color:#fff;background:#ffffff0a}.top-nav a[aria-current]{color:#fff;border-color:var(--line-2);background:#ffffff08}.top-search{margin-left:auto;display:inline-flex;align-items:center;gap:10px;height:38px;min-width:190px;padding:0 6px 0 12px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--graphite);font:inherit;font-size:13.5px;cursor:pointer;text-align:left}.top-search:hover{border-color:var(--line-2);color:#d6d5de}.top-search svg{width:15px;height:15px;flex:none}.top-search span{flex:1}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;border:1px solid var(--line-2);background:var(--panel-2);font:500 11.5px var(--mono);color:#c9c8d2}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:center;padding:clamp(40px,7vw,88px) var(--gutter) 40px;max-width:1400px;margin:0 auto}.kicker{font-family:var(--mono);font-size:12.5px;color:var(--graphite);margin:0 0 18px;letter-spacing:.02em}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(40px,5.4vw,80px);line-height:1;letter-spacing:-.045em;margin:0;color:#fff}.hero h1 .hl{background:linear-gradient(90deg,#c9b8ff,#9b7bff 60%,#e3b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:46ch;font-size:17px;color:#c9c6d6;margin:24px 0 0}.hero-hint{font-family:var(--mono);font-size:12.5px;color:var(--graphite);margin:26px 0 0}.fan{position:relative;width:100%;height:clamp(360px,38vw,500px);touch-action:manipulation}.blade{position:absolute;left:50%;bottom:6%;width:clamp(68px,6.4vw,92px);height:84%;margin-left:calc(clamp(68px,6.4vw,92px)/-2);transform-origin:50% 94%;transform:rotate(var(--a)) translateY(var(--lift,0));border:0;padding:0;cursor:pointer;border-radius:10px 10px 6px 6px;overflow:hidden;background:var(--b-bg);box-shadow:0 1px #0000002e,0 18px 30px -18px #0000008c;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.blade-stripes{display:grid;grid-template-rows:repeat(4,1fr);height:42%}.blade-stripes i{display:block}.blade-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fan-wrap{display:grid;justify-items:center;gap:6px}.fan-cap{margin:0;font:600 13px var(--mono);letter-spacing:.02em;min-height:1.4em;text-align:center}.fan-cap span{color:var(--graphite);font-weight:400}.blade-hole{position:absolute;left:50%;bottom:9px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#0c0b12;box-shadow:inset 0 1px 2px #0006}.fan:hover .blade,.fan:focus-within .blade{--spread:1}.blade.is-on{--lift:-22px;box-shadow:0 0 0 2px #fff,0 26px 40px -18px #0009;z-index:5}.blade:hover{--lift:-12px}.blade.is-on:hover{--lift:-22px}.atelier{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:32px var(--gutter) 64px;max-width:1400px;margin:0 auto;border-top:1px solid var(--line)}.rail{position:sticky;top:78px;align-self:start}.rail-label{font-family:var(--mono);font-size:12px;color:var(--graphite);margin:6px 0 12px}.rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.rail-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;font-size:14px}.rail-item:hover{background:var(--paper-2)}.rail-item.is-on{background:#ffffff0a;color:var(--signal)}.chip{display:inline-grid;grid-template-columns:1fr 1fr;width:22px;height:22px;border-radius:6px;overflow:hidden;flex:none;box-shadow:inset 0 0 0 1px #00000026}.chip i{display:block}.bench-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.bench-title{font-family:var(--display);font-weight:700;color:#fff;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;margin:0;line-height:1}.bench-tag{margin:8px 0 0;color:var(--graphite)}.bench-tools{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;padding:3px;border-radius:11px;background:var(--panel);border:1px solid var(--line)}.seg-btn{border:0;background:transparent;padding:7px 12px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--graphite)}.seg-btn.is-on{background:var(--panel-2);color:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}.btn-ink{border:0;background:#fff;color:#0b0a10;padding:0 16px;height:38px;border-radius:10px;cursor:pointer;font-weight:600;font-size:13.5px}.btn-ink:hover{background:#e9e8ee}.btn-line{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:6px 11px;border-radius:8px;cursor:pointer;font-size:12.5px}.btn-line:hover{border-color:#ffffff4d}.frame{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 30px 60px -40px #00000073}.frame-bar{display:flex;align-items:center;gap:12px;padding:9px 14px;background:var(--panel);border-bottom:1px solid rgba(255,255,255,.1);font:500 12px var(--mono);color:var(--graphite)}.frame-url{background:#ffffff14;border-radius:6px;padding:3px 10px;color:#fff}.frame-note{margin-left:auto}.frame-view{background:repeating-linear-gradient(45deg,#0d0c12 0 8px,#111018 8px 16px);display:flex;justify-content:center}.frame-view .stage{width:100%;transition:width .35s cubic-bezier(.2,.8,.2,1)}.frame.is-mobile .stage{width:390px;max-width:100%}.tabs{display:flex;gap:4px;margin:26px 0 0;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:10px 14px;cursor:pointer;font-size:14px;color:var(--graphite);border-bottom:2px solid transparent;margin-bottom:-1px}.tab.is-on{color:#fff;border-bottom-color:#fff;font-weight:600}.panel{padding:22px 0 0}.tok-sec{margin-bottom:26px}.tok-sec h3{font:600 12px var(--mono);color:var(--graphite);margin:0 0 12px;letter-spacing:.03em}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(128px,100%),1fr));gap:10px}.swatch{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper-2);cursor:pointer;text-align:left;padding:0}.swatch-color{height:62px;border-bottom:1px solid var(--line)}.swatch-meta{padding:8px 10px;font-size:12.5px;line-height:1.35}.swatch-meta b{display:block;font-weight:600}.swatch-meta span{font-family:var(--mono);color:var(--graphite);font-size:11.5px;word-break:break-all}.specimens{display:grid;gap:10px}.specimen{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:baseline;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2)}.specimen small{font-family:var(--mono);color:var(--graphite);font-size:11.5px}.specimen .spec-sample{font-size:26px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.shape{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);font-size:12.5px}.shape-demo{height:44px;margin-bottom:10px;background:#fff}.shape span{font-family:var(--mono);color:var(--graphite);font-size:11.5px;display:block}.rules{margin:0;padding-left:18px;display:grid;gap:6px;max-width:80ch}.rules.avoid li::marker{content:"\2715   ";color:#b3261e}.code-head{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-bottom:0;color:#b8bbc4;border-radius:12px 12px 0 0;font:500 12px var(--mono)}.code-head b{color:#fff;font-weight:600}.code-actions{margin-left:auto;display:flex;gap:8px}.code-head .btn-line{background:var(--panel-2);border-color:var(--line-2);color:#e6e7ea}.code{margin:0;padding:18px;background:#0a090e;border:1px solid var(--line);color:#e6e7ea;font:13px/1.6 var(--mono);border-radius:0 0 12px 12px;overflow:auto;max-height:520px;white-space:pre-wrap;word-break:break-word}.code.small{border-radius:10px;max-height:none;font-size:12px}.gallery,.install{padding:56px var(--gutter);max-width:1400px;margin:0 auto;border-top:1px solid var(--line)}.sec-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.sec-head h2{font-family:var(--display);font-weight:700;color:#fff;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.035em;margin:0;line-height:1}.filters{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px}.filter.is-on{background:#fff;color:#0b0a10;border-color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px}.card{border:0;padding:0;background:transparent;text-align:left;cursor:default;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.mini{position:relative;aspect-ratio:16/11;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.mini .stage{position:absolute;top:0;left:0;width:1100px;transform:scale(var(--k,.3));transform-origin:0 0;pointer-events:none}.card:hover .mini{transform:translateY(-4px);box-shadow:0 24px 40px -26px #0000008c}.card.is-on .mini{box-shadow:0 0 0 2px #fff}.card-meta{padding:12px 2px 0}.card-meta b{font-family:var(--display);font-weight:600;color:#fff;font-size:17px;letter-spacing:-.015em}.card-meta span{display:block;margin-top:2px;font:12px var(--mono);color:var(--graphite)}.card p{margin:4px 2px 0;color:var(--graphite);font-size:13.5px}.install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.how h3{font-family:var(--display);font-weight:600;color:#fff;font-size:19px;margin:0 0 6px}.how p{margin:0 0 12px;color:#c9c6d6;font-size:14px;min-height:4.6em}.install-then{margin:26px 0 0;font-size:16px}.install-then q{font-weight:600}.foot{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:28px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--graphite);font-size:13px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#fff;color:#0b0a10;font-weight:500;padding:10px 16px;border-radius:10px;font-size:14px;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.toast.on{opacity:1;transform:translate(-50%)}@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr)}.fan{height:380px}.atelier{grid-template-columns:minmax(0,1fr)}.bench,.rail{min-width:0}.rail{position:static}.rail-list{flex-direction:row;overflow-x:auto;padding-bottom:6px}.rail-item{white-space:nowrap;width:auto}.install-grid{grid-template-columns:1fr}.how p{min-height:0}}@media(max-width:600px){.top-nav{font-size:13px}.frame-note{display:none}.specimen{grid-template-columns:1fr;gap:4px}.bench-tools{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}html{background:var(--bg)}.swatch,.specimen,.shape,.how,.filter{background:#ffffff0a;border-color:var(--line);color:var(--ink)}.swatch-meta b,.specimen .spec-sample{color:#fff}.shape-demo{background:#fff}.rail-item{color:#d4d4dc}.rail-item:hover{background:#ffffff0f;color:#fff}.hero-hint,.kicker,.foot{color:var(--graphite)}.install-then{color:#e4e4ec}::selection{background:#b7a6ff59;color:#fff}.rw-pill{display:inline-flex;overflow:hidden;vertical-align:bottom;margin-top:.08em;padding:.02em .32em .06em;border-radius:.28em;background:var(--panel-2);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:width .5s cubic-bezier(.2,.8,.2,1)}.rw-word{display:inline-block;white-space:nowrap;color:#fff;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}.rw-word.out{transform:translateY(-110%);opacity:0}.rw-word.in{transform:translateY(110%);opacity:0}@media(prefers-reduced-motion:reduce){.rw-pill,.rw-word{transition:none}}.nowrap{white-space:nowrap}.card-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px;background:#07060b80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s}.card:hover .card-over,.card:focus-within .card-over{opacity:1}.card-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0d0c12e6;color:#fff;font:600 14px var(--body);text-decoration:none;cursor:pointer;transform:translateY(6px);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s}.card-btn--light{background:#f4f3f8;color:#0c0b12;border-color:transparent}.card:hover .card-btn,.card:focus-within .card-btn{transform:none}.card-btn:hover{background:#fff;color:#0b0a10}@media(hover:none){.card-over{opacity:1;align-items:flex-end;background:linear-gradient(transparent 40%,#07060bb3)}.card-btn{transform:none}}.lang-btn{height:38px;padding:0 11px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:#d4d4dc;font:600 12px var(--mono);letter-spacing:.04em;cursor:pointer}.lang-btn:hover{color:#fff;border-color:#ffffff4d}.top-nav a.top-nav-sub{color:var(--graphite)}.top-nav a.top-nav-sub:hover{color:#fff}.hero-cli{display:inline-flex;align-items:center;gap:14px;margin:26px 0 0;padding:10px 10px 10px 16px;border-radius:12px;cursor:pointer;border:1px solid var(--line-2);background:var(--panel);color:#fff;text-align:left;max-width:100%}.hero-cli code{background:none;padding:0;font-size:14px;color:#ecebf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-cli code span[aria-hidden]{color:var(--signal)}.hero-cli-copy{flex:none;font:600 12px var(--body);padding:5px 10px;border-radius:8px;background:var(--panel-2);color:#d4d4dc;border:1px solid var(--line)}.hero-cli:hover{border-color:#ffffff4d}.hero-cli:hover .hero-cli-copy{background:#fff;color:#0b0a10}.hero-cli--wide{margin:4px 0 12px}.how-cli{margin-bottom:26px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.how-cli p{min-height:0;max-width:70ch}.how-cli .how-more{margin:0;color:var(--graphite);font-size:13px}.install-sub{font:600 12px var(--mono);color:var(--graphite);letter-spacing:.03em;margin:0 0 12px}@media(max-width:600px){.top{gap:8px;padding:0 12px}.top-sep{display:none}.top-nav a{padding:0 8px}.top-search{min-width:0;padding:0 10px}.top-search span,.top-search kbd{display:none}.hero-cli code{font-size:12.5px}}@media(max-width:600px){.brand{font-size:0;gap:0}.top-nav a[href$="#installer"]{display:none}.top-search{margin-left:auto}.top-nav{min-width:0;overflow-x:auto;scrollbar-width:none;gap:0}.top-nav::-webkit-scrollbar{display:none}.top-nav a,.top-search,.top .lang-btn{flex:none}}.hero{overflow-x:clip}@media(max-width:820px){.top{gap:10px;padding:0 16px}.top-sep{display:none}.top-search{min-width:0;padding:0 10px}.top-search span,.top-search kbd{display:none}}.drb-on{position:relative}.drb-line{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}.drb-line rect{width:calc(100% - 2px);height:calc(100% - 2px);fill:none;stroke:var(--drb-c,#c4b5fd);stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .7s cubic-bezier(.65,0,.35,1)}.drb-on:hover>.drb-line rect,.drb-on:focus-visible>.drb-line rect{stroke-dashoffset:0}.hm-btn-primary{--drb-c:#7c5cff}@media(prefers-reduced-motion:reduce){.drb-line rect{transition:none}}.site-foot{max-width:1200px;margin:80px auto 0;padding:44px var(--gutter,24px) 36px;border-top:1px solid var(--line);color:var(--graphite);font-size:14px}.sf-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.7fr));gap:36px}.sf-about p{margin:12px 0 0;max-width:42ch;line-height:1.55}.sf-col{display:flex;flex-direction:column;gap:9px}.sf-col b{color:#f4f3f8;font-weight:600;margin-bottom:4px}.sf-col a{color:var(--graphite);text-decoration:none}.sf-col a:hover,.sf-consent a:hover{color:#fff}.sf-sub{margin-top:24px}.sf-label{display:block;color:#f4f3f8;font-weight:500;margin-bottom:10px}.sf-row{display:flex;gap:8px;max-width:420px}.sf-row input[type=email]{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel);color:#f4f3f8;font:inherit}.sf-row input[type=email]:focus{outline:2px solid var(--signal);outline-offset:1px}.sf-row button{height:40px;padding:0 16px;border-radius:10px;border:0;background:#fff;color:#07060b;font:600 14px var(--body,inherit);cursor:pointer}.sf-row button:disabled{opacity:.6;cursor:default}.sf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sf-consent{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:13px;line-height:1.45;max-width:420px}.sf-consent input{margin-top:2px;accent-color:var(--signal)}.sf-consent a{color:var(--graphite)}.sf-msg{min-height:1.2em;margin:8px 0 0;font-size:13px;color:#d6d3e2}.sf-sub.is-done .sf-msg{color:var(--signal)}.sf-copy{margin:36px 0 0;font-size:13px}@media(max-width:820px){.sf-grid{grid-template-columns:1fr 1fr}.sf-about{grid-column:1/-1}}@media(max-width:420px){.sf-grid{grid-template-columns:1fr}}.legal{width:min(760px,100% - 40px);margin:0 auto;padding:56px 0 20px;color:#d6d5de;line-height:1.65}.legal h1{font:600 clamp(32px,5vw,46px)/1.05 var(--display,inherit);letter-spacing:-.03em;color:#fff;margin:0 0 8px}.legal h2{font-size:19px;color:#fff;margin:36px 0 8px}.legal h3{font-size:15.5px;color:#f4f3f8;margin:22px 0 4px}.legal a{color:var(--signal)}.legal-date{color:var(--graphite);font:400 13px var(--mono,monospace);margin:0 0 24px}html[lang=fr] .l-en,html:not([lang=fr]) .l-fr{display:none}