@font-face{font-family:Space Grotesk;src:url('./assets/space-grotesk-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--bg:#0b0d10;--panel:#11151b;--surface:#171c23;--text:#f7f7f2;--muted:#a4acb8;--border:#30353d;--lime:#c7ff45;--blue:#72b7ff;--pink:#ff8cc8;--orange:#ffb36a;--mono:Consolas,'Liberation Mono',monospace;--radius:12px;--max:1180px;--section-y:clamp(56px,7vh,84px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Space Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,input{color:inherit}button{background:none;border:0}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:5px}img,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.06;letter-spacing:-.055em}h2{font-size:clamp(32px,min(3.5vw,5.5vh),50px)}h3{font-size:24px}p{color:var(--muted)}strong{color:var(--text);font-weight:500}pre,code,kbd,.mono,.micro,.eyebrow{font-family:var(--mono)}code{font-size:.9em}pre{margin:0;overflow:auto;tab-size:4}pre code{font-size:inherit}button,a{transition:color .16s,background .16s,border-color .16s,transform .16s}button[aria-pressed=true]{color:var(--lime)}[hidden]{display:none!important}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding-block:var(--section-y)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500;line-height:1.8;margin-bottom:24px;color:var(--muted)}.micro{font-size:11px;letter-spacing:.02em}.muted{color:var(--muted)}.lime{color:var(--lime)}.blue{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--lime);color:var(--bg);z-index:100;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}.nav-wrap{height:68px;width:min(1392px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:inline-flex;gap:9px;align-items:center;font-size:29px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap;line-height:1}.brand-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 10px #c7ff4535);flex:0 0 auto}.version{font:10px/1 var(--mono);color:var(--muted);border:1px solid var(--border);padding:4px 5px;letter-spacing:0;margin:3px 0 0 3px}.site-header nav{display:flex;align-items:center;gap:25px;font-size:12px}.site-header nav a{padding-block:14px;color:var(--muted)}.site-header nav a:hover{color:var(--lime)}.nav-actions{display:flex;align-items:center;gap:18px}.github-link{padding:9px}.github-link svg{width:21px;height:21px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--lime);color:var(--bg);border:1px solid var(--lime);border-radius:6px;padding:14px 23px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}.button:hover{transform:translateY(-2px);background:#d6ff79}.button:active{transform:translateY(1px)}.button-small{min-height:42px;font-size:12px;padding:11px 17px}.button-meta{font:11px var(--mono);padding:3px 5px;border:1px solid #0b0d1040;border-radius:3px}.button-outline{background:transparent;color:var(--text);border-color:#525860}.button-outline:hover{background:var(--surface);border-color:var(--text)}.text-link{font-size:13px;display:inline-flex;gap:17px;align-items:center;min-height:44px}.text-link:hover{color:var(--lime)}.menu-toggle{display:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--text);margin:6px 0}.mobile-github{display:none}
.hero{padding-block:clamp(40px,6vh,64px);display:grid;grid-template-columns:1.03fr 1fr;gap:36px;align-items:center;position:relative}.hero-logo{width:72px;margin-bottom:14px;filter:drop-shadow(0 0 22px #c7ff4545)}.hero .eyebrow{display:flex;gap:12px;align-items:center;margin-bottom:26px;letter-spacing:.08em}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c7ff4510}.slash{color:#59606c}.hero h1{font-size:clamp(50px,min(5vw,8vh),76px);line-height:.99;letter-spacing:-.065em;position:relative;font-weight:600}.underline-word{color:var(--lime);position:relative;display:inline-block}.underline-word svg{position:absolute;bottom:-14px;left:0;width:100%;height:20px;stroke:var(--lime);stroke-width:3;fill:none}.hero-spark{display:inline-block;color:var(--lime);font-size:.57em;vertical-align:middle;margin-left:16px;transform:rotate(13deg)}.hero-description{font-size:16px;line-height:1.65;margin-top:22px;max-width:440px}.hero-description strong{font-weight:400}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:22px}.hero-micro{margin-top:20px;font-size:10px}.hero-micro span{margin-inline:6px;color:#5b626e}.hero-visual{position:relative;min-width:0;padding:27px 0 20px;background-image:radial-gradient(#444b5760 1px,transparent 1px);background-size:15px 15px}.hero-editor{border:1px solid #3e454f;border-radius:var(--radius);overflow:hidden;box-shadow:12px 15px 0 #171c23,0 25px 60px #0005;transform:rotate(-1.5deg);position:relative;background:#1e1e1e}.editor-label{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#16191f;color:#aaa;font:9px var(--mono);border-bottom:1px solid var(--border)}.editor-label>span:first-child{display:flex;gap:5px}.editor-label i{width:6px;height:6px;background:#ff7269;border-radius:50%}.editor-label i:nth-child(2){background:#e9bc55}.editor-label i:nth-child(3){background:#8bbd70}.hero-editor img{width:100%}.sticker{font-size:12px;font-weight:500;border:1px solid var(--bg);padding:9px 15px;color:var(--bg);background:var(--lime);box-shadow:3px 3px 0 #0006;display:inline-block}.hero-sticker{position:absolute;right:7px;top:4px;transform:rotate(8deg);z-index:2}.hero-annotation{font:11px var(--mono);margin:30px 0 0 20px;color:var(--muted);transform:rotate(-2deg)}.hero-annotation span{font-size:28px;line-height:0;margin-right:5px}.mini-sticker{position:absolute;right:-15px;bottom:45px;background:#d0b5ff;color:#1a132a;width:90px;height:90px;display:grid;place-content:center;text-align:center;font-size:16px;line-height:1.1;font-weight:600;transform:rotate(12deg);clip-path:polygon(50% 0,60% 8%,75% 5%,80% 18%,94% 24%,91% 39%,100% 50%,91% 61%,94% 76%,80% 82%,75% 95%,60% 92%,50% 100%,40% 92%,25% 95%,20% 82%,6% 76%,9% 61%,0 50%,9% 39%,6% 24%,20% 18%,25% 5%,40% 8%)}.proof-strip{background:var(--lime);color:var(--bg)}.proof-strip .container{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:500}.proof-strip b{font:10px var(--mono);margin-right:14px;opacity:.6}.proof-strip [aria-hidden]{font-size:23px;font-weight:400}.strip-end{font:10px var(--mono)}.download-section{padding:34px 0 70px;background:linear-gradient(180deg,#c7ff4516,transparent)}.download-panel{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:26px;background:#f7f7f2;color:var(--bg);border:1px solid var(--lime);border-radius:18px;padding:18px 24px;box-shadow:10px 10px 0 #c7ff45}.download-pointer{width:112px;transform:rotate(-7deg);filter:drop-shadow(0 9px 0 #0b0d1020)}.download-logo{width:74px;filter:drop-shadow(0 8px 12px #0b0d1025)}.download-copy .eyebrow{color:#3d4d12;margin-bottom:8px}.download-copy h2{font-size:clamp(30px,4vw,49px);line-height:.98}.download-copy p:not(.eyebrow){color:#2f3525;font-size:14px;margin-top:12px;max-width:470px}.download-button{min-height:68px;background:var(--bg);color:var(--lime);border-color:var(--bg);font-size:16px;padding-inline:28px}.download-button:hover{background:#171c23;color:var(--lime)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:44px}.section-heading>p,.section-heading>div+div{max-width:370px;flex-shrink:0;line-height:1.8;font-size:15px;padding-bottom:5px}.section-heading h2{max-width:750px}.section-heading .eyebrow{margin-bottom:18px}.section-heading .text-link{margin-top:12px}.comparison-demo{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#1f1f1f}.demo-top{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--border);font-size:12px;background:var(--panel);gap:15px}.demo-top>div:first-child{display:flex;align-items:center;gap:9px}.file-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.desktop-label{color:var(--muted);font-size:11px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:4px;flex-shrink:0}.segmented button{font:11px var(--mono);border-radius:3px;min-height:36px;padding:8px 14px;color:var(--muted);white-space:nowrap}.segmented button[aria-pressed=true]{background:var(--lime);color:var(--bg)}.segmented button span{margin-left:14px}.comparison-demo>img{width:100%;max-height:640px;object-fit:contain;object-position:center;background:#1f1f1f}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--panel);border-top:1px solid var(--border);padding:18px 22px}.demo-bottom p{font-size:13px}.caption{margin-top:17px;font-size:11px;line-height:1.7}.caption a{text-decoration:underline;text-underline-offset:3px}.outline-sticker{display:inline-block;align-self:center;font:12px var(--mono);border:1px solid #717962;padding:12px 18px;color:var(--lime);transform:rotate(4deg);margin-right:20px;white-space:nowrap}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{padding:30px;border:1px solid var(--border);border-radius:16px;background:var(--panel);position:relative;overflow:hidden}.feature-wide{grid-column:span 2}.feature-index{font:10px var(--mono);letter-spacing:.12em;color:var(--muted);display:block;margin-bottom:30px}.feature h3{font-size:29px;letter-spacing:-.04em;margin-bottom:16px}.feature p{font-size:14px;line-height:1.8;max-width:36ch}.feature .text-link{margin-top:20px}.feature-wide h3{font-size:36px}.feature-wide h3,.feature-wide p{max-width:55%}.feature-note{position:absolute;right:25px;top:83px;width:37%;padding:22px 17px;border-left:2px solid var(--lime);background:#c7ff4509;transform:rotate(-3deg);display:grid;gap:13px;font-size:14px}.feature-note .mono{font-size:10px;color:#adbb95}.feature-note strong{font-size:20px;line-height:1.2}.feature-note>span:not(.mono){font-size:12px;color:var(--muted)}.feature-blue{background:#101c29;border-color:#29415b}.feature-blue .feature-index{color:var(--blue)}.feature-glyph{position:absolute;right:26px;top:24px;font-size:38px}.review-pills{display:flex;gap:6px;margin-top:24px}.review-pills span{font-size:10px;padding:4px 8px;border:1px solid #41516a;border-radius:4px}.review-pills span:nth-child(3){color:#b9e1c5;border-color:#385749}.review-pills span:nth-child(4){color:var(--blue);border-color:#3c5b7c}.fake-search{display:flex;gap:9px;align-items:center;border:1px solid var(--border);padding:12px;margin-top:23px;font:11px var(--mono);color:var(--lime)}.fake-search span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fake-search kbd{margin-left:auto}.file-chips{display:flex;gap:12px;margin-top:23px}.file-chips span{font:16px var(--mono);border:1px solid #4c515d;padding:10px 13px;border-radius:4px;display:flex;gap:30px}.file-chips b{font-weight:400;color:var(--lime)}.feature-footnote{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;font-size:12px;color:var(--muted);margin-top:22px}.feature-footnote a{color:var(--text)}.feature-footnote a:hover{color:var(--lime)}
.note-types{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.note-types button{border:1px solid var(--border);border-radius:5px;font:12px var(--mono);padding:11px 13px;min-height:44px;color:var(--muted)}.note-types button:hover{color:var(--text);border-color:#777}.note-types button[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:#c7ff4510}.note-playground{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:330px}.snippet-pane,.render-pane{padding:23px 28px;min-width:0}.snippet-pane{background:var(--panel);border-right:1px solid var(--border)}.render-pane{background:#141a10}.pane-title{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:.1em;color:var(--muted);min-height:37px;margin-bottom:20px}.copy-button{font:11px var(--mono);border:1px solid var(--border);border-radius:4px;min-height:36px;padding:6px 10px;letter-spacing:0;color:var(--text)}.copy-button:hover{border-color:var(--lime)}.snippet-pane pre{font-size:13px;line-height:1.9;color:#a6c790}.note-kind{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--lime)}#note-render h3{font-size:29px;margin:15px 0}#note-render p,#note-render li{font-size:14px;color:#c2c8bc}#note-render ul{padding-left:20px;margin:10px 0}#note-render code{color:var(--lime)}.reference-details{border-bottom:1px solid var(--border);margin-top:23px}.reference-details summary{list-style:none;cursor:pointer;padding:19px 0;font-size:14px;display:flex;justify-content:space-between;gap:20px;align-items:center}.reference-details summary::-webkit-details-marker{display:none}.reference-details summary>span{font:11px var(--mono);color:var(--muted);white-space:nowrap}.syntax-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px;padding:10px 0 30px}.syntax-grid>div{display:grid;gap:7px;font-size:12px;color:var(--muted)}.syntax-grid code{color:var(--lime);font-size:12px;overflow-wrap:anywhere}
.section-blue{background:#101820;border-block:1px solid #23303b}.section-blue .eyebrow{color:var(--blue)}.screenshot-frame{border:1px solid #35424f;border-radius:12px;overflow:hidden;background:#1f1f1f}.shot-label{display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);color:var(--blue);padding:17px 22px;background:#131f2a}.shot-label>span+span{color:#9baebd}.screenshot-frame>img{width:100%;max-height:680px;object-fit:contain}.study-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:37px}.study-benefits>div{position:relative;padding-left:31px}.study-benefits>div>span{position:absolute;left:0;top:5px;font:10px var(--mono);color:var(--blue)}.study-benefits h3{font-size:24px;margin-bottom:13px}.study-benefits p{font-size:13px;line-height:1.8}.snap-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center}.snap-preview{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.snap-preview img{width:100%;height:auto;aspect-ratio:2640/1946;object-fit:cover}.snap-sticker{position:absolute;bottom:22px;left:22px;font:10px var(--mono);padding:7px 10px;background:#101319dd;color:var(--text);border:1px solid #ffffff30;border-radius:4px}.snap-controls h3{font-size:35px;margin-bottom:25px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-options button{display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid var(--border);border-radius:5px;text-align:left;padding:10px 13px;color:var(--muted);font-size:13px}.theme-options button[aria-pressed=true]{border-color:var(--lime);color:var(--text);background:#c7ff4507}.theme-options button:hover{border-color:#727b89}.swatch{display:block;width:22px;height:22px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff20;flex-shrink:0}.swatch-aurora{background:linear-gradient(135deg,#116f91,#8053e3,#51e1c6)}.swatch-midnight{background:#1e293b}.swatch-sunset{background:linear-gradient(135deg,#f43f5e,#f59e0b)}.swatch-forest{background:#17674b}.swatch-paper{background:#eee8db}.swatch-minimal{background:#262626}.swatch-ocean{background:#0698bb}.swatch-lavender{background:linear-gradient(135deg,#7c3aed,#d946ef)}.snap-controls #snap-caption{margin-top:16px;color:var(--lime)}.snap-controls>p:not(.eyebrow,.micro){font-size:13px;line-height:1.8;margin-top:22px}.snap-controls>.button{margin-top:22px;display:flex}.snap-controls>.text-link{display:flex;justify-content:center;margin-top:8px;font-size:11px}
.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shortcut{text-align:left;background:var(--panel);padding:26px 19px 21px;border:1px solid var(--border);border-radius:9px;display:grid;gap:23px;min-width:0}.shortcut>span{display:flex;gap:7px}.shortcut kbd{font-size:12px;border:1px solid #59606a;border-radius:5px;background:#232831;box-shadow:0 4px 0 #101217;padding:9px 10px;transition:transform .16s}.shortcut:hover{border-color:#69754f}.shortcut:active kbd{transform:translateY(3px);box-shadow:0 1px 0 #101217}.shortcut strong{font-size:21px;font-weight:500;letter-spacing:-.035em}.shortcut small{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono)}.shortcut small span{color:var(--lime)}.command-palette{max-width:900px;margin:42px auto 0;border:1px solid #454c57;border-radius:10px;overflow:hidden;background:var(--panel);box-shadow:0 15px 40px #0003}.command-search{padding:16px 23px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border)}.command-search>span:first-child{color:var(--lime);font:22px var(--mono)}.command-search input{background:transparent;border:0;min-width:0;flex:1;padding:7px 0;font:14px var(--mono);outline-offset:3px}.command-search input::placeholder{color:#929ba7}.command-search .micro{font-size:9px;color:var(--muted)}#command-list{margin:0;padding:14px 20px;list-style:none;max-height:268px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}#command-list li{font:12px/1.6 var(--mono);padding:10px;color:#cbd1d9}#command-list li::before{content:'›';color:var(--lime);margin-right:11px}.palette-footer{border-top:1px solid var(--border);padding:13px 23px;font:10px/1.8 var(--mono);min-height:45px}
.section-intro{margin-top:25px;max-width:550px;font-size:15px}.language-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.language-tags>span{font-size:20px;letter-spacing:-.03em;padding:11px 20px;border:1px solid var(--border);border-radius:5px;background:var(--panel)}.language-tags>span:nth-child(3n+1){color:var(--lime)}.language-tags>span:last-child{color:var(--muted);font-size:15px;align-self:center}.language-groups{display:grid;grid-template-columns:1fr 1fr;gap:26px 45px;margin:10px 0 30px}.language-groups dt{font:12px var(--mono);color:var(--lime);margin-bottom:12px}.language-groups dd{margin:0;font-size:13px;line-height:1.9;color:var(--muted)}.json-note{display:flex;gap:17px;align-items:center;background:#ffb36a08;border:1px solid #72573c;border-radius:6px;padding:18px 23px;margin-top:25px;font-size:13px}.json-note>span:first-child{font:15px var(--mono);border:1px solid var(--orange);color:var(--orange);border-radius:50%;width:25px;height:25px;text-align:center;line-height:24px;flex-shrink:0}.json-note strong{color:var(--orange)}.settings-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;border-top:1px solid var(--border)}.settings-section h2{font-size:46px;margin-bottom:25px}.settings-section p{font-size:14px}.check-list{list-style:none;padding:0;display:grid;gap:13px;font-size:13px;color:#c0c8d2;margin:27px 0}.check-list li{position:relative;padding-left:22px}.check-list li::before{content:'↳';position:absolute;left:0;color:var(--lime)}.settings-section .micro{font-size:10px}.settings-shot{border:1px solid var(--border);border-radius:10px;overflow:hidden;transform:rotate(1deg)}.settings-shot img{width:100%;max-height:530px;object-fit:cover;object-position:top}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.comparison-table{border-collapse:collapse;width:100%;min-width:890px;font-size:11px;text-align:left}.comparison-table th,.comparison-table td{padding:18px 20px;border-bottom:1px solid var(--border)}.comparison-table thead th{font-weight:500;font-size:12px;background:var(--panel);white-space:nowrap}.comparison-table tbody th{font-weight:400;font-size:12px;min-width:200px}.comparison-table td{color:var(--muted)}.comparison-table tr>*:last-child{background:#c7ff450b;color:var(--lime);border-left:1px solid #c7ff4530;min-width:130px}.comparison-table thead th:last-child{font-weight:600;font-size:17px}.comparison-table tbody tr:last-child>*{border-bottom:0}.how-it-works{padding-block:65px 100px;border-bottom:1px solid var(--border)}.how-it-works h2{font-size:42px}.steps{list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps>li>span{display:block;font:12px var(--mono);color:var(--lime);padding-bottom:13px;border-bottom:1px solid var(--border);margin-bottom:23px}.steps h3{font-size:23px;margin-bottom:13px}.steps p{font-size:13px;line-height:1.8}.install-panel{display:grid;grid-template-columns:1fr 1fr;gap:85px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:60px}.install-panel h2{margin-bottom:22px}.install-panel .button{margin-block:25px 14px}.install-panel .micro{font-size:10px}.install-panel>div>p:not(.eyebrow,.micro){font-size:14px}.install-steps{list-style:none;margin:0;padding:0;align-self:center;display:grid;gap:32px}.install-steps li{display:flex;gap:19px}.install-steps li>span{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #586047;border-radius:50%;font:13px var(--mono);color:var(--lime)}.install-steps strong{font-size:20px;letter-spacing:-.035em}.install-steps p{font-size:13px;line-height:1.8;margin-top:8px}.install-steps code{overflow-wrap:anywhere}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding-top:30px}.faq-section>div>p:last-child{margin-top:20px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:23px 0;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:20px var(--mono);color:var(--lime)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.85;padding:0 30px 25px 0;max-width:65ch}.open-source{border-top:1px solid var(--border);padding-block:75px 90px;display:flex;gap:40px;align-items:center}.source-symbol{font:55px var(--mono);color:var(--lime);margin-right:14px}.open-source h2{font-size:40px}.open-source p:not(.eyebrow){margin-top:20px;font-size:13px}.open-source>.button{margin-left:auto;align-self:center}.open-source .eyebrow{font-size:9px;margin-bottom:18px}
.support-section{background:var(--pink);color:var(--bg);padding:90px 0;overflow:hidden}.support-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.support-section .eyebrow{color:#4b293d;font-size:10px}.support-copy h2{font-size:clamp(53px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin-bottom:30px}.support-copy h2>span{display:inline-block;position:relative}.support-copy h2>span::after{content:'';position:absolute;left:0;right:0;bottom:-10px;border-bottom:3px solid var(--bg);transform:rotate(-2deg)}.support-copy>p:not(.eyebrow){color:#472538;max-width:390px;font-size:15px;margin-top:30px}.support-copy .support-note{font:11px var(--mono);margin-top:20px!important}.support-source{display:inline-block;font-size:13px;border-bottom:1px solid #502b3e;padding-block:6px;margin-top:15px}.support-source:hover{color:#4c1936}.support-art{min-width:0}.controller-scene{position:relative;height:250px;max-width:410px;margin:0 auto 12px}.controller{width:335px;position:absolute;left:50%;top:15px;transform:translateX(-50%) rotate(-10deg);animation:controller-float 5s ease-in-out infinite;filter:drop-shadow(0 12px 0 #5c294c22)}.controller-shadow{fill:#401a32;transform:translate(0,4px);opacity:.3}.controller-tag{position:absolute;right:-7px;top:48px;background:var(--lime);color:var(--bg);border:1px solid var(--bg);padding:6px 11px;font:11px var(--mono);transform:rotate(12deg);box-shadow:3px 3px 0 #16111a}.game-spark{position:absolute;color:#602b49;animation:spark-turn 5s ease-in-out infinite;font-size:32px;line-height:1}.spark-one{top:20px;left:15px;font-size:50px}.spark-two{right:10px;bottom:55px;animation-delay:-2s}.spark-three{bottom:2px;left:45px;font-size:25px;animation-delay:-3s}.donation-card{background:var(--bg);color:var(--text);border:1px solid #212029;border-radius:12px;padding:22px;display:flex;align-items:center;gap:23px;box-shadow:7px 7px 0 #15121933}.donation-card .qr-code{background:#fff;border-radius:7px;flex-shrink:0;width:140px;height:140px;image-rendering:pixelated}.support-cry{width:74px;height:74px;object-fit:contain;align-self:flex-end;filter:drop-shadow(0 8px 0 #15121922)}.donation-card .micro{font-size:9px;color:var(--pink)}.donation-card h3{font-size:23px;line-height:1.3;margin-top:10px;letter-spacing:-.04em}.donation-card h3 .muted{font-size:17px;font-weight:400}.donation-card p{font-size:11px;margin-top:11px}.donation-card a{font:10px var(--mono);color:var(--pink);display:inline-block;padding-top:7px;text-decoration:underline;text-underline-offset:4px}.motion-toggle{display:block;margin:20px auto 0;font:10px var(--mono);padding:10px 15px;color:#492137;border:1px solid #49213755;border-radius:5px;min-height:38px}.support-section a:focus-visible,.support-section button:focus-visible{outline-color:#492137}.donation-card a:focus-visible{outline-color:var(--pink)}.motion-paused .controller,.motion-paused .game-spark{animation-play-state:paused}@keyframes controller-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-10deg)}50%{transform:translateX(-50%) translateY(-12px) rotate(-4deg)}}@keyframes spark-turn{0%,100%{transform:scale(.8) rotate(-10deg);opacity:.6}50%{transform:scale(1.1) rotate(20deg);opacity:1}}
.site-footer{padding-top:48px;padding-bottom:28px;display:flex;align-items:center;flex-wrap:wrap;gap:24px}.site-footer>p{font:11px var(--mono);margin-left:10px}.site-footer>div{margin-left:auto;display:flex;gap:24px;font-size:11px;color:var(--muted)}.site-footer a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:22px;margin-top:20px;flex-basis:100%;font:10px var(--mono);color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--lime);color:var(--bg);border:1px solid #8cbb26;box-shadow:0 6px 25px #0004;border-radius:7px;padding:12px 22px;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 35px);text-align:center;width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}.reveal-in{animation:reveal-in .4s ease-out both}@keyframes reveal-in{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (min-width:1600px) and (min-height:1000px){.hero h1{font-size:82px}}@media (max-height:850px) and (min-width:900px){.hero{padding-block:34px 42px}.hero-logo{width:64px}.hero h1{font-size:clamp(48px,4.5vw,68px)}.hero-description{margin-top:18px;line-height:1.55}}
@media(max-width:1199px){.nav-wrap{gap:20px;width:calc(100% - 48px)}.site-header nav{gap:17px;font-size:11px}.site-header nav a:nth-child(5){display:none}.container{width:calc(100% - 64px)}.hero{gap:30px;padding-top:70px;padding-bottom:72px}.hero h1{font-size:6.5vw}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions>.text-link{font-size:12px}.section{padding-block:80px}.section-heading{gap:30px}.section-heading>p,.section-heading>div+div{max-width:320px;font-size:14px}.feature{padding:25px}.feature h3{font-size:26px}.feature-wide h3{font-size:32px}.feature-note{right:18px;padding:18px 13px}.feature-note strong{font-size:17px}.snap-layout{gap:40px}.shortcut{padding:24px 15px}.shortcut kbd{padding:8px;font-size:11px}.shortcut strong{font-size:20px}.settings-section{gap:45px}.install-panel{gap:50px;padding:45px}.support-grid{gap:40px}.donation-card{padding:18px;gap:17px}.donation-card .qr-code{width:120px;height:120px}.support-cry{width:64px;height:64px}.donation-card h3{font-size:21px}.proof-strip .container{font-size:12px}.strip-end{display:none}}
@media(max-width:899px){.container{width:calc(100% - 48px)}.nav-wrap{height:70px}.wordmark{font-size:26px}.site-header nav{position:absolute;top:70px;left:0;right:0;background:var(--bg);padding:22px 24px 35px;display:flex;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--border);max-height:calc(100dvh - 70px);overflow:auto;font-size:16px}.site-header nav a{padding:13px 0;min-height:48px;border-bottom:1px solid #ffffff0b}.site-header nav a:nth-child(5),.mobile-github{display:block}.site-header.menu-ready nav{display:none}.site-header.menu-ready nav.open{display:flex}.site-header:not(.menu-ready) nav{position:static;flex-direction:row;flex-wrap:wrap;font-size:11px;padding:5px;border:0;max-height:none}.site-header:not(.menu-ready) .nav-wrap{height:auto;flex-wrap:wrap;padding-block:15px}.menu-ready .menu-toggle{display:block}.github-link{display:none}.nav-actions{gap:13px}.hero{grid-template-columns:1fr;gap:45px;padding-block:60px 65px}.hero h1{font-size:clamp(70px,12vw,98px);max-width:650px}.hero h1>br:first-child{display:none}.hero-description{font-size:16px}.hero-visual{max-width:650px;width:100%;margin:0 auto;padding-inline:8px}.hero-editor{transform:rotate(-1deg)}.hero-editor img{max-height:580px;object-fit:contain}.hero-sticker{right:10px}.mini-sticker{right:-3px;bottom:65px}.proof-strip .container{gap:12px;font-size:12px}.proof-strip [aria-hidden]{font-size:19px}.proof-strip b{margin-right:6px}.section-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:32px}.section-heading>p,.section-heading>div+div{max-width:540px;padding:0;flex-shrink:1}.section-heading .outline-sticker{align-self:flex-start;margin-top:5px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-wide{grid-column:span 2;min-height:340px}.feature-grid>.feature:last-child{grid-column:span 2}.feature-wide h3{font-size:36px}.feature-note{width:39%;max-width:280px;right:36px}.feature-note strong{font-size:22px}.feature-footnote{gap:17px}.demo-bottom{align-items:flex-start;flex-direction:column;gap:9px}.note-playground{min-height:350px}.snippet-pane,.render-pane{padding:20px}.snippet-pane pre{font-size:12px}.snap-layout{grid-template-columns:1fr;gap:35px}.snap-preview{max-width:670px;margin:auto;width:100%}.snap-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.snap-controls .eyebrow,.snap-controls h3{grid-column:1}.snap-controls .theme-options{grid-column:2;grid-row:1/6}.snap-controls>.button,.snap-controls>.text-link{grid-column:1}.snap-controls>p:not(.eyebrow,.micro){margin-top:12px}.snap-controls h3{font-size:30px;margin-bottom:15px}.snap-controls #snap-caption{margin-top:0}.shortcut-grid{grid-template-columns:repeat(2,1fr)}.shortcut>span{gap:10px}.shortcut kbd{padding:10px 13px}.shortcut strong{font-size:24px}.shortcut{padding:25px;gap:20px}.settings-section{grid-template-columns:1fr;gap:35px}.settings-section h2{font-size:44px}.settings-shot{max-width:600px;width:100%;margin:auto}.settings-shot img{max-height:none}.study-benefits{gap:25px}.study-benefits h3{font-size:21px}.study-benefits p{font-size:12px}.comparison-table th,.comparison-table td{padding:15px}.steps{gap:25px}.steps h3{font-size:21px}.install-panel{grid-template-columns:1fr;gap:40px}.install-steps{gap:25px}.faq-section{grid-template-columns:1fr;gap:30px}.open-source{gap:25px;flex-wrap:wrap;padding-block:60px}.open-source>.button{margin-left:0}.source-symbol{font-size:42px;margin:0}.open-source h2{font-size:35px}.support-grid{grid-template-columns:1fr;gap:30px}.support-copy h2{font-size:74px}.support-copy>p:not(.eyebrow){max-width:490px}.support-art{max-width:500px;width:100%;margin:auto}.donation-card .qr-code{width:150px;height:150px}.support-cry{width:82px;height:82px}.donation-card{gap:27px;padding:25px}.donation-card h3{font-size:26px}.site-footer>div{margin-left:0;flex-basis:100%}.footer-bottom{gap:15px;font-size:9px}}
@media(max-width:599px){.container,.nav-wrap{width:calc(100% - 40px)}.section{padding-block:62px}.nav-wrap{gap:10px}.wordmark{font-size:24px;gap:7px}.version{font-size:8px;margin-left:0}.logo-mark{font-size:19px;margin-right:3px}.nav-actions{gap:7px}.button-small{min-height:40px;padding:10px 13px;font-size:11px}.menu-toggle{width:36px}.hero{padding-block:45px 50px;gap:32px}.hero .eyebrow{font-size:9px;gap:9px;margin-bottom:26px}.hero h1{font-size:clamp(51px,12.6vw,75px);line-height:1.02;letter-spacing:-.063em}.hero h1>br:first-child{display:block}.hero h1>br:nth-child(2){display:none}.hero h1 .underline-word{display:block;width:max-content}.hero-spark{position:absolute;left:77%;bottom:9px;font-size:.7em;margin:0}.hero-description{font-size:14px;margin-top:30px;line-height:1.9}.hero-actions{margin-top:23px;gap:7px 20px}.hero-actions .button{width:100%;font-size:14px;min-height:52px}.hero-actions .text-link{min-height:40px;font-size:12px}.hero-micro{margin-top:9px;font-size:9px}.hero-micro span{margin-inline:3px}.hero-visual{padding-inline:0;padding-top:25px}.hero-sticker{font-size:10px;padding:7px 11px;top:3px;right:7px}.hero-editor{box-shadow:7px 8px 0 #171c23}.editor-label{font-size:7px;height:29px;padding-inline:10px}.editor-label i{width:5px;height:5px}.hero-annotation{font-size:8px;margin:27px 0 0 5px}.mini-sticker{width:66px;height:66px;right:-7px;bottom:36px;font-size:12px}.proof-strip .container{min-height:60px;font-size:10px;gap:6px;justify-content:space-between;width:calc(100% - 28px)}.proof-strip b{display:none}.proof-strip [aria-hidden]{font-size:15px}.eyebrow{font-size:9px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:36px;line-height:1.08;letter-spacing:-.055em}.section-heading{gap:20px}.section-heading>p,.section-heading>div+div{font-size:13px}.demo-top{padding:12px;gap:8px;flex-wrap:wrap}.demo-top .mono{font-size:10px}.desktop-label{display:none}.segmented{padding:3px}.segmented button{font-size:10px;padding:8px 11px;min-height:37px}.segmented button span{margin-left:8px}.demo-bottom{padding:14px 16px;gap:10px}.demo-bottom p{font-size:11px}.demo-bottom .micro{font-size:9px;line-height:1.9}.caption{font-size:10px;margin-top:13px}.outline-sticker{font-size:10px;padding:9px 12px}.feature-grid{grid-template-columns:1fr}.feature-grid>.feature{grid-column:auto}.feature{padding:25px}.feature-wide{min-height:0}.feature-index{margin-bottom:24px;font-size:9px}.feature h3,.feature-wide h3{font-size:29px;max-width:none}.feature-wide p{max-width:none}.feature p{font-size:13px}.feature-note{position:static;transform:rotate(-2deg);width:auto;max-width:none;margin:30px 3px 10px;padding:20px;gap:9px}.feature-note strong{font-size:23px}.feature .text-link{font-size:12px}.feature-footnote{justify-content:flex-start;font-size:11px;gap:9px 18px}.feature-footnote>span{flex-basis:100%}.note-types{gap:7px}.note-types button{font-size:10px;padding:9px 10px;min-height:40px}.note-playground{grid-template-columns:1fr}.snippet-pane,.render-pane{padding:17px 20px 25px}.snippet-pane{border-right:0;border-bottom:1px solid var(--border)}.snippet-pane pre{font-size:11px}.pane-title{font-size:9px;margin-bottom:17px}.render-pane{min-height:270px}.reference-details summary{font-size:12px;align-items:flex-start;line-height:1.8}.reference-details summary>span{font-size:9px;margin-top:4px}.syntax-grid{grid-template-columns:1fr;gap:22px}.shot-label{padding:14px;font-size:8px}.shot-label>span+span{display:none}.study-benefits{grid-template-columns:1fr;gap:26px;margin-top:30px}.study-benefits h3{font-size:24px}.study-benefits p{font-size:13px;max-width:40ch}.snap-controls{display:block}.snap-controls h3{font-size:31px}.snap-controls .theme-options{margin-top:26px}.snap-controls #snap-caption{margin-top:16px}.snap-controls>p:not(.eyebrow,.micro){margin-top:18px}.snap-sticker{font-size:8px;bottom:13px;left:13px}.theme-options button{font-size:12px;min-height:46px}.shortcut-grid{gap:10px}.shortcut{padding:20px 13px;gap:21px}.shortcut>span{gap:5px}.shortcut kbd{font-size:9px;padding:7px 6px}.shortcut strong{font-size:20px}.shortcut small{font-size:8px}.command-palette{margin-top:28px}.command-search{padding:12px 15px;gap:9px}.command-search .micro{display:none}.command-search input{font-size:12px}#command-list{grid-template-columns:1fr;padding:10px;max-height:255px}#command-list li{font-size:10px}.palette-footer{font-size:9px;padding:12px 17px}.language-tags{margin-top:28px;gap:9px}.language-tags>span{font-size:16px;padding:9px 14px}.language-tags>span:last-child{font-size:13px}.section-intro{font-size:13px}.language-groups{grid-template-columns:1fr;gap:25px}.language-groups dt{font-size:11px}.language-groups dd{font-size:12px}.json-note{padding:16px;gap:13px;font-size:12px;align-items:flex-start}.settings-section h2{font-size:36px}.settings-section p{font-size:13px}.check-list{font-size:12px;gap:15px}.how-it-works{padding-block:30px 65px}.how-it-works h2{font-size:34px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps>li>span{margin-bottom:17px}.steps h3{font-size:24px}.steps p{font-size:13px}.install-panel{padding:28px 22px;gap:35px}.install-panel h2{font-size:37px}.install-panel .button{width:100%;padding-inline:14px;font-size:13px}.install-panel .micro{font-size:9px}.install-steps li{gap:13px}.install-steps strong{font-size:18px}.install-steps p{font-size:12px}.install-steps li>span{width:29px;height:29px;font-size:11px}.faq-section{padding-top:0}.faq-list summary{font-size:14px;padding-block:20px}.faq-list details p{font-size:13px;padding-right:0}.source-symbol{display:none}.open-source{padding-block:50px 60px;gap:26px}.open-source h2{font-size:36px}.open-source .button{width:100%;font-size:13px}.support-section{padding-block:60px}.support-grid{gap:25px}.support-copy h2{font-size:clamp(45px,11vw,65px)}.support-section .eyebrow{font-size:8px;letter-spacing:.08em}.support-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:28px}.support-copy .support-note{font-size:9px}.support-source{font-size:12px}.controller-scene{height:215px;width:100%;max-width:330px}.controller{width:270px;top:13px}.controller-tag{font-size:9px;top:26px;right:0;padding:6px 9px}.spark-one{font-size:38px;left:5px}.spark-two{right:5px;bottom:43px}.spark-three{left:40px;bottom:4px}.donation-card{padding:17px;gap:15px;box-shadow:5px 5px 0 #15121933}.donation-card .qr-code{width:110px;height:110px}.support-cry{width:58px;height:58px}.donation-card .micro{font-size:7px}.donation-card h3{font-size:20px;margin-top:7px}.donation-card h3 .muted{font-size:13px}.donation-card p{font-size:10px;margin-top:7px}.donation-card a{font-size:9px}.motion-toggle{font-size:9px;margin-top:20px}.site-footer{padding-top:33px;gap:21px}.site-footer>p{font-size:9px;margin-left:auto}.site-footer>div{font-size:10px;gap:22px;justify-content:space-between;width:100%}.footer-bottom{font-size:8px;flex-direction:column;gap:10px;margin-top:7px;padding-top:20px}.toast{font-size:12px;padding:12px 17px}}
@media(max-width:899px){.download-section{padding:28px 0 58px}.download-panel{grid-template-columns:auto auto 1fr;gap:18px 24px}.download-button{grid-column:1/-1;width:100%}.download-pointer{width:96px}.download-logo{width:64px}.download-copy h2{font-size:34px}}
@media(max-width:599px){.brand-logo{width:32px;height:32px}.hero-logo{width:76px;margin-bottom:14px}.download-section{padding:22px 0 48px}.download-panel{display:flex;flex-direction:column;text-align:center;padding:22px 18px;box-shadow:6px 6px 0 #c7ff45}.download-pointer{width:112px;order:-2}.download-logo{width:86px;order:-1}.download-copy p:not(.eyebrow){font-size:13px}.download-button{font-size:13px;min-height:58px;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.controller{transform:translateX(-50%) rotate(-7deg)}}
@media(forced-colors:active){.button,.feature,.segmented,.note-types button,.donation-card{border:1px solid ButtonText}.controller{filter:none}.status-dot{background:Highlight}}