:root{color-scheme:dark;--bg:#0b0b10;--panel:#121118;--ink:#f5f2fb;--muted:#a09bab;--line:rgba(230,221,255,.11);--purple:#ae9bff;--mint:#a6e4c4;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{zoom:1.4;margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 52px));margin:auto}.topbar{height:74px;display:flex;align-items:center;padding:0 max(26px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:#0b0b10dd;backdrop-filter:blur(16px)}.brand{display:flex;gap:11px;align-items:center;font:600 15px var(--display)}.brand small{font-weight:400;color:#aea7ba}.mark{display:flex;align-items:end;gap:3px;height:22px}.mark i{width:5px;border-radius:5px;background:var(--purple);box-shadow:0 0 15px #a996ff55}.mark i:nth-child(1){height:11px}.mark i:nth-child(2){height:21px}.mark i:nth-child(3){height:15px}nav{display:flex;gap:34px;margin-left:auto;margin-right:32px}nav a{font-size:12px;color:#afa9b7}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;transition:.2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.primary{background:#b3a3ff;color:#120e1a}.primary:hover{background:#c1b6ff}.button small{font:9px var(--mono);border-left:1px solid #4b4161;padding-left:8px}.nav-download{padding:9px 12px;font-size:10px}#menu{display:none;background:none;color:white;border:0}.hero{min-height:630px;padding-block:64px 72px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;position:relative}.eyebrow{font:9px var(--mono);letter-spacing:.16em;color:#b6aad4}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a6e4c477;margin-right:9px}.hero h1{font:600 clamp(48px,6.2vw,76px)/1.02 var(--display);letter-spacing:-.07em;margin:25px 0 19px}.hero h1 em,h2 em{font-style:normal;color:var(--purple)}.hero-copy>p{max-width:440px;color:#aaa4b1;font-size:14px;line-height:1.85}.actions{display:flex;align-items:center;gap:13px;margin-top:27px}.quiet{color:#cac3d3;padding-inline:8px}.quiet:hover{color:white}.actions b{font-size:15px;margin-left:7px}.metadata{display:flex;gap:15px;flex-wrap:wrap;margin-top:31px;color:#8b8593;font:9px var(--mono)}.metadata span:first-child,.metadata span:nth-child(2){color:#a39bab}.metadata span:nth-child(-n+2){color:#b0a9b8}.hero-art{height:440px;position:relative;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:'';position:absolute;width:500px;height:280px;border:1px solid #a996ff12;border-radius:50%;transform:rotate(-20deg)}.hero-art:after{width:420px;height:240px;transform:rotate(26deg)}.editor{position:relative;z-index:1;width:min(560px,100%);height:340px;border:1px solid #ffffff1b;border-radius:9px;background:#111116;box-shadow:0 30px 90px #0009,0 0 70px #7964e812;overflow:hidden;transform:perspective(900px) rotateY(-6deg)}.chrome{height:36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#8f8997;font:8px var(--mono)}.lights{color:#bc8190;letter-spacing:3px}.mode{background:#2a2439;color:#c7baff;padding:3px 6px;border-radius:3px;font-size:7px}.tabs{height:33px;display:flex;gap:17px;align-items:center;padding:0 12px;border-bottom:1px solid #ffffff0c;color:#807a89;font:8px var(--mono)}.tabs b{color:#ddd6e4;border-top:1px solid var(--purple);height:100%;display:flex;align-items:center}.code-area{height:245px;display:flex;position:relative;background:linear-gradient(90deg,#17151c,#111116 60%);padding-top:10px}.numbers{width:39px;text-align:right;padding-right:12px;color:#56515f;font:9px/19px var(--mono)}pre{margin:0;color:#d4cedb;font:9px/19px var(--mono);white-space:pre}.code-area pre i,.vscode-render pre i{color:#c0a9ff;font-style:normal}.code-area pre b{color:#a8d3ac;font-weight:400}.code-area pre strong{color:#91cdd0;font-weight:400}.code-area pre label,.vscode-render pre label{color:#e2b984}.which{position:absolute;right:14px;top:24px;width:225px;padding:7px;background:#191720;border:1px solid #ae9bff4a;border-radius:7px;box-shadow:0 16px 45px #000b;color:#aaa3b1;font-size:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.which>div{padding:6px}.which-head{grid-column:span 2;border-bottom:1px solid var(--line);color:#e2dcef;font:9px var(--mono)}.which-head small{float:right;color:#7d7589;font-size:7px}.which kbd,.menu-render kbd{font:8px var(--mono);color:#c7baff;background:#2a2538;border:1px solid #554a6c;padding:2px 4px;border-radius:3px;margin-right:5px}.which footer{grid-column:span 2;border-top:1px solid var(--line);padding:6px 2px 0;color:#777180;font:7px var(--mono)}.which footer span{float:right}.status{height:24px;background:#2a2439;color:#d3cbee;padding:3px 10px;display:flex;gap:15px;font:7px var(--mono)}.status b{color:white}.chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;background:#191720;border:1px solid #ffffff20;padding:9px 11px;border-radius:6px;box-shadow:0 12px 32px #0008;font-size:8px}.chip strong,.chip small{display:block}.chip small{font:7px var(--mono);color:#8a8391;margin-top:2px}.chip-count{top:45px;right:-2px}.chip-count>b{width:28px;height:28px;display:grid;place-items:center;background:#2b253b;color:#c6b8ff;border-radius:4px;font:10px var(--mono)}.chip-normal{bottom:42px;left:0}.chip-normal>i{width:7px;height:7px;background:#baaaff;border-radius:50%;box-shadow:0 0 12px #baaaff}.caption{position:absolute;bottom:3px;right:16%;font:7px var(--mono);letter-spacing:.16em;color:#7d7685}.hero-note{position:absolute;bottom:20px;left:0;display:flex;align-items:center;gap:12px;color:#827b89;font:9px var(--mono)}.hero-note b{color:var(--purple)}.hero-note span{width:35px;height:1px;background:#5a5362}.signal{border-block:1px solid var(--line);background:#ffffff03}.signal .wrap{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px}.signal span{color:#777180;font:8px var(--mono);letter-spacing:.13em}.signal b{color:#d1cbd9;font:500 10px var(--sans)}.signal i{width:3px;height:3px;background:#766c8c;border-radius:50%}.section{padding-block:105px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:39px}.section-head h2,.workflow h2,.details h2,.install h2{font:600 clamp(36px,4.5vw,53px)/1.08 var(--display);letter-spacing:-.06em;margin:17px 0 0}.section-head>p{max-width:365px;color:#9993a2;font-size:12px;line-height:1.9;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.card{grid-column:span 3;min-height:275px;background:linear-gradient(135deg,#14121a,#0f0e14);border:1px solid var(--line);border-radius:9px;padding:22px;position:relative;overflow:hidden}.card.large{min-height:370px}.card-top{display:flex;justify-content:space-between;color:#898290;font:8px var(--mono);letter-spacing:.1em}.card-top span{font:18px var(--sans);color:#ad9bff}.card h3{font:500 20px/1.2 var(--display);letter-spacing:-.035em;margin:20px 0 8px}.card p{max-width:415px;color:#96909e;font-size:11px;line-height:1.8;margin:0}.card p code{font:9px var(--mono);color:#cabcff;background:#29243a;padding:3px 5px;border-radius:3px}.home-keys{position:absolute;right:48px;bottom:42px;display:grid;grid-template-columns:repeat(3,30px);gap:4px;place-items:center}.home-keys kbd{width:29px;height:29px;display:grid;place-items:center;border:1px solid #5b506e;background:#221d2c;border-radius:4px;color:#d6cdf8;font:11px var(--mono);box-shadow:0 5px 14px #0006}.home-keys kbd:first-child{grid-column:1;grid-row:2}.home-keys kbd:nth-child(2){grid-column:2;grid-row:2}.home-keys kbd:nth-child(3){grid-column:2;grid-row:1}.home-keys kbd:nth-child(4){grid-column:3;grid-row:2}.home-keys small{grid-column:1/4;color:#776f82;font:7px var(--mono);letter-spacing:.13em;margin-top:5px}.tokens{position:absolute;left:22px;bottom:18px;display:flex;gap:5px}.tokens code{font:8px var(--mono);padding:4px 6px;color:#bdb5c6;border:1px solid var(--line);border-radius:3px}.menu-render{position:absolute;right:18px;bottom:15px;width:200px;background:#191720;border:1px solid #a996ff40;border-radius:6px;box-shadow:0 14px 35px #0008;padding:7px;color:#b1aab8;font-size:8px}.menu-render header{padding:3px 4px 7px;border-bottom:1px solid var(--line);font:8px var(--mono);color:#e4deeb}.menu-render header small{float:right;color:#7f7787;font-size:6px}.menu-render div{padding:5px 2px}.menu-render div span{float:right;color:#796f87}.buffer-rail{display:flex;margin-top:34px;height:34px;align-items:stretch;font:7px var(--mono);color:#a29baa}.buffer-rail>*{border:1px solid var(--line);padding:8px;white-space:nowrap}.buffer-rail>*+*{border-left:0}.buffer-rail>span:first-child{border-radius:4px 0 0 4px}.buffer-rail>b{background:#29233a;color:#ded5ff;border-color:#7869a4;font-weight:400}.buffer-rail>label{flex:1;border-radius:0 4px 4px 0;color:#c6baff}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px;color:#b7b0bd;font-size:9px}.shortcuts kbd,.map-content kbd,.details kbd,.install code{font:8px var(--mono);color:#c9bbff;background:#29243a;border:1px solid #504565;border-radius:3px;padding:3px 5px;margin-right:4px}.wide{grid-column:span 6;min-height:250px;display:flex;align-items:center;justify-content:space-between}.wide>div:first-child{max-width:360px}.wide h3{font-size:27px}.vscode-render{height:150px;width:48%;display:flex;background:#111116;border:1px solid #ffffff18;border-radius:5px;overflow:hidden;box-shadow:0 14px 45px #0006;font:7px var(--mono);color:#9992a1}.vscode-render aside{width:29px;text-align:center;padding-top:9px;border-right:1px solid var(--line);line-height:22px}.vscode-render section{width:30%;padding:8px;border-right:1px solid var(--line)}.vscode-render section header{color:#b4acbd;font-size:6px;letter-spacing:.12em;margin-bottom:7px}.vscode-render section span,.vscode-render section b{display:block;line-height:18px}.vscode-render section b{color:#cbbdff;background:#362e4d;font-weight:400}.vscode-render article{flex:1;position:relative}.vscode-render article header{height:25px;border-bottom:1px solid var(--line);padding:7px}.vscode-render pre{padding:10px 7px;font-size:7px;line-height:20px}.vscode-render pre b{color:#90cdd0;font-weight:400}.vscode-render pre strong{color:#c4a5ff;font-weight:400}.vscode-render article footer{position:absolute;bottom:0;left:0;right:0;background:#29243a;padding:3px 7px;color:#dbd3ee}.vscode-render footer span{float:right}.workflow{background:#100f15;border-block:1px solid var(--line)}.workflow-grid{min-height:565px;padding-block:92px;display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.workflow h2{margin:18px 0}.workflow-grid>div:first-child>p{max-width:420px;color:#9992a1;font-size:12px;line-height:1.9}.workflow ol{list-style:none;padding:0;margin:27px 0;display:grid;gap:15px}.workflow li{display:flex;gap:13px}.workflow li>b{color:#b7a6ff;border:1px solid #7869a445;padding:2px 5px;border-radius:3px;font:8px var(--mono);height:fit-content}.workflow li strong,.workflow li small{display:block}.workflow li strong{font-size:11px;font-weight:600}.workflow li small{font-size:9px;color:#898290;margin-top:2px}.text-link{font-size:10px;color:#c4b6ff;border-bottom:1px solid #8777ba77;padding-bottom:4px}.workflow-art{height:330px;position:relative;display:grid;place-items:center}.workflow-art:before{content:'';position:absolute;width:340px;height:240px;background:#7863d12b;filter:blur(70px);border-radius:50%}.render-label{position:absolute;top:3px;left:3%;z-index:1;color:#908996;font:7px var(--mono);letter-spacing:.13em}.render-label span{margin-left:190px;color:#686170}.palette{z-index:1;width:min(420px,100%);background:#19171f;border:1px solid #ffffff20;border-radius:7px;box-shadow:0 20px 70px #000a;overflow:hidden}.palette header{height:40px;border-bottom:1px solid var(--line);padding:11px;color:#bab3c2;font:9px var(--mono)}.palette header small{float:right;color:#777180}.query{margin:10px 11px 6px;height:37px;border:1px solid #8877bd66;border-radius:4px;background:#111016;padding:9px;color:#e3ddeb;font:9px var(--mono)}.query i{display:inline-block;height:12px;border-left:1px solid #c4b5ff;margin-left:3px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.result{height:31px;margin-inline:11px;padding:7px;color:#9e97a5;font-size:8px}.result.active{background:#776a963d;color:#f0eafa}.result small{float:right;color:#847b8f;font:6px var(--mono)}.palette footer{height:26px;margin-top:5px;background:#282430;padding:6px 10px;color:#827b89;font:7px var(--mono)}.palette footer span{float:right}.status-chip{position:absolute;z-index:2;bottom:9px;right:0;padding:9px 12px;background:#211d2b;border:1px solid #a996ff49;border-radius:4px;box-shadow:0 11px 35px #0009;color:#d5cdef;font:8px var(--mono)}.status-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b4a2ff;box-shadow:0 0 9px #b4a2ff;margin-right:7px}.status-chip b{margin-right:8px}.status-chip span{display:inline-block;height:11px;border-left:1px solid var(--line);vertical-align:middle;margin-right:8px}.keymap-section{padding-bottom:110px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.map-grid details{background:#111117;border:1px solid var(--line);border-radius:6px;align-self:start}.map-grid summary{display:flex;align-items:center;gap:12px;padding:13px;cursor:pointer;list-style:none}.map-grid summary::-webkit-details-marker{display:none}.map-grid summary>i{width:29px;height:29px;display:grid;place-items:center;background:#252032;border:1px solid #54486f;border-radius:4px;color:#c7baff;font:11px var(--mono);font-style:normal}.map-grid summary b,.map-grid summary small{display:block}.map-grid summary b{font-size:11px;font-weight:600}.map-grid summary small{font-size:8px;color:#837c89;margin-top:1px}.map-grid summary em{margin-left:auto;color:#857b96;font:15px var(--mono);transition:.2s}.map-grid details[open] summary em{transform:rotate(45deg);color:var(--purple)}.map-content{border-top:1px solid #ffffff0b;padding:0 13px 12px}.map-content p{margin:9px 0 0;color:#9a93a1;font-size:9px;line-height:1.9}.map-content kbd{font-size:7px;padding:2px 4px}.note{color:#817a88;font-size:9px;margin-top:15px}.details{border-block:1px solid var(--line);background:#100f14}.details-grid{padding-block:78px;display:grid;grid-template-columns:.78fr 1.22fr;gap:56px}.details h2{font-size:41px}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-cards article{border-left:1px solid #8978c577;padding-left:13px}.detail-cards b{font:500 10px var(--sans)}.detail-cards p{font-size:9px;color:#908997;line-height:1.8}.install{padding-block:95px}.install-card{position:relative;text-align:center;padding:68px 18px 57px;border:1px solid #a996ff3b;border-radius:10px;background:radial-gradient(ellipse at 50% 120%,#7761c538,transparent 55%),linear-gradient(135deg,#16131d,#0d0c12);overflow:hidden}.install-card:before,.install-card:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #a996ff13;border-radius:50%;top:-170px;left:calc(50% - 130px)}.install-card:after{width:340px;height:340px;top:-210px;left:calc(50% - 170px)}.install h2{position:relative;margin:15px 0;font-size:51px}.install-card>p{position:relative;color:#9c95a4;font-size:11px}.install-actions{position:relative;display:flex;justify-content:center;gap:10px;margin:23px 0 17px}.outline{background:#ffffff06;border-color:var(--line);color:#e9e3ef}.install-card>small{position:relative;color:#837c89;font-size:9px}.install-card code{font-size:8px}.footer{height:85px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#88818f;font-size:9px}.footer>a:last-child{color:#b8b1bf}
@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:660px}.hero-art{height:380px}.hero-note{bottom:8px}.signal .wrap{flex-wrap:wrap;justify-content:center;padding-block:15px}.signal span{width:100%;text-align:center}.workflow-grid{gap:25px}.details-grid{gap:30px}}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.topbar{height:62px;padding-inline:17px}.topbar nav{display:none;position:absolute;top:61px;left:0;right:0;margin:0;padding:18px;background:#111117;border-bottom:1px solid var(--line);flex-direction:column;gap:14px}.topbar nav.open{display:flex}.nav-download{margin-left:auto;margin-right:8px;padding:8px 9px;font-size:9px}.nav-download small{display:none}#menu{display:block;font-size:16px}.hero{padding-block:50px 56px}.hero h1{font-size:clamp(43px,12vw,62px)}.hero-copy>p{font-size:12px}.actions{gap:6px;flex-wrap:wrap}.button{font-size:10px;padding:11px 12px}.metadata{font-size:8px;gap:8px;margin-top:22px}.hero-art{height:290px;margin-inline:-5px}.editor{height:268px;transform:none}.chrome{height:30px;font-size:7px}.tabs{height:28px;font-size:7px}.code-area{height:185px}.numbers{width:29px;font-size:7px;line-height:16px;padding-right:8px}pre{font-size:7px;line-height:16px}.which{width:169px;right:6px;top:22px;gap:2px;padding:5px}.which>div{padding:4px;font-size:7px}.which footer{font-size:6px}.status{height:23px;gap:7px;font-size:6px}.chip{padding:6px 8px}.chip small{font-size:6px}.chip-count{top:-4px;right:-3px}.chip-normal{bottom:15px;left:-3px}.caption{bottom:-5px}.hero-note{display:none}.signal .wrap{gap:10px}.signal b{font-size:8px}.section{padding-block:73px}.section-head{display:block;margin-bottom:28px}.section-head h2,.workflow h2{font-size:39px}.section-head>p{margin-top:15px;font-size:11px}.feature-grid{grid-template-columns:1fr}.card,.card.large,.wide{grid-column:1;min-height:255px}.card.large{min-height:345px}.card h3{font-size:18px}.card p{font-size:10px}.menu-render{right:14px;width:185px}.wide{display:block;min-height:382px;padding-top:43px}.vscode-render{width:100%;height:145px;margin-top:20px}.workflow-grid{grid-template-columns:1fr;padding-block:66px}.workflow-grid>div:first-child>p{font-size:11px}.workflow-art{height:285px}.render-label span{margin-left:100px}.palette{width:100%}.keymap-section{padding-bottom:70px}.map-grid{grid-template-columns:1fr}.map-content{padding-inline:12px}.details-grid{grid-template-columns:1fr;padding-block:60px;gap:28px}.details h2{font-size:38px}.detail-cards{gap:12px}.detail-cards article{padding-left:9px}.detail-cards b{font-size:9px}.detail-cards p{font-size:8px}.install{padding-block:65px}.install-card{padding:53px 14px 40px}.install h2{font-size:42px}.install-actions{flex-direction:column;align-items:center}.install-actions .button{width:min(280px,100%)}.install-card>small{display:block;max-width:285px;margin:auto;font-size:8px}.footer{height:auto;min-height:78px;flex-wrap:wrap;gap:10px;padding-block:17px}.footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.leader-basics{margin:-8px 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(110deg,#171420,#111117);color:#9992a1;font-size:9px}.leader-basics>span{font:8px var(--mono);letter-spacing:.12em;color:#a99bd6}.leader-basics p{margin:9px 0 0;line-height:2.2}.leader-basics kbd{font:7px var(--mono);padding:2px 4px;border:1px solid #504565;background:#29243a;color:#c9bbff;border-radius:3px;white-space:nowrap}.card kbd{font:8px var(--mono);padding:2px 4px;border:1px solid #504565;background:#29243a;color:#c9bbff;border-radius:3px}