:root{--bg:#0a0a0a;--bg-panel:#161616;--bg-input:#101010;--border:#262626;--border-soft:#1e1e1e;--text:#e8e8e8;--text-dim:#9a9a9a;--text-faint:#6b6b6b;--yeet:#e9ff00;--yeet-dim:#b6c700;--sans:"Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--mono:"Cascadia Mono", Consolas, ui-monospace, "SF Mono", monospace;--radius:10px;--wrap:1080px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(900px 480px at 50% -220px, #e9ff0012, transparent 70%), var(--bg);background-repeat:no-repeat;margin:0}h1,h2,h3{color:#fff;letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}a{color:var(--yeet);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);color:#d6d6d6;background:var(--bg-input);border:1px solid var(--border-soft);white-space:nowrap;border-radius:4px;padding:.1em .4em;font-size:.86em}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}.icon{flex:none;width:20px;height:20px}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);background:#0a0a0ad1;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:20px;height:60px;display:flex}.brand{color:var(--yeet);letter-spacing:-.02em;align-items:center;gap:9px;font-size:19px;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand__logo{border-radius:5px;width:24px;height:24px}.nav__links{gap:26px;font-size:14px;display:flex}.nav__links a{color:var(--text-dim)}.nav__links a:hover{color:var(--text);text-decoration:none}.hero{text-align:center;padding:88px 24px 56px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);background:var(--bg-panel);border-radius:999px;align-items:center;gap:9px;padding:6px 14px;font-size:12.5px;display:inline-flex}.dot{background:var(--yeet);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #e9ff00b3}h1{margin:26px 0 0;font-size:clamp(38px,6.2vw,66px);font-weight:800}.hl{color:var(--yeet)}.lede{max-width:620px;color:var(--text-dim);margin:22px auto 0;font-size:18px}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.cta__note{color:var(--text-faint);margin-top:16px;font-size:13px}.cta__note a{color:var(--text-dim);text-underline-offset:2px;text-decoration:underline}.cta__note a:hover{color:var(--yeet)}.studio{text-align:left;border:2px solid var(--yeet);background:#e9ff0012;border-radius:10px;align-items:flex-start;gap:14px;max-width:660px;margin:32px auto 0;padding:16px 20px;display:flex}.studio__icon{background:var(--yeet);color:#0a0a0a;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:18px;font-weight:900;line-height:1;display:grid}.studio p{color:var(--text);font-size:14.5px;line-height:1.55}.studio strong{color:var(--yeet);margin-bottom:3px;font-size:16px;display:block}.notice{text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--yeet);border-radius:8px;max-width:700px;margin:30px auto 0;padding:14px 18px}.notice__row{color:var(--text-dim);gap:10px;font-size:13px;line-height:1.55;display:flex}.notice__row+.notice__row{border-top:1px solid var(--border-soft);margin-top:10px;padding-top:10px}.notice__tag{color:var(--yeet);letter-spacing:.04em;text-transform:uppercase;background:#e9ff001f;border-radius:999px;flex:none;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.5}.notice code{white-space:normal;font-size:.9em}.notice a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.notice a:hover{color:var(--yeet)}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:16px;font-weight:700;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn--yeet{background:var(--yeet);color:#0a0a0a}.btn--yeet:hover{background:#f2ff45}.btn--ghost{background:var(--bg-panel);border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:#1f1f1f;border-color:#383838}.btn--sm{margin-top:14px;padding:10px 18px;font-size:14px}.btn--sm .icon{width:17px;height:17px}.shot{border:1px solid var(--border);background:var(--bg-panel);border-radius:14px;max-width:760px;margin:0 auto;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6}.shot__chrome{border-bottom:1px solid var(--border);background:#111;align-items:center;gap:10px;height:40px;padding:0 14px;display:flex}.shot__mark{border-radius:4px;width:16px;height:16px}.shot__name{color:var(--text-dim);font-size:13px}.shot__buttons{color:#565656;gap:18px;margin-left:auto;font-size:12px;line-height:1;display:flex}.shot__buttons i{font-style:normal}.shot__body{background:#0d0d0d}.shot__body img{width:100%;height:auto;display:block}.shot__placeholder{aspect-ratio:16/10;text-align:center;background:repeating-linear-gradient(-45deg,#ffffff04 0 12px,#0000 12px 24px);border:1px dashed #333;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:16px;display:flex}.shot__placeholder-title{color:var(--text-dim);font-size:17px;font-weight:700}.shot__placeholder-hint{color:var(--text-faint);font-size:13px}.section{padding-top:96px}.section h2{font-size:clamp(26px,3.4vw,34px);font-weight:800}.section__lede{color:var(--text-dim);margin-top:12px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.badge{background:var(--yeet);color:#0a0a0a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:inline-flex}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.step{padding:22px}.step__head{align-items:center;gap:11px;margin-bottom:12px;display:flex}.step h3{font-size:18px;font-weight:700}.step p{color:var(--text-dim);font-size:15px}.grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.card{padding:22px}.card h3{margin-bottom:10px;font-size:17px;font-weight:700}.card p{color:var(--text-dim);font-size:15px}.install{grid-template-columns:1.15fr 1fr;align-items:start;gap:16px;margin-top:28px;display:grid}.install>*,.steps>*,.grid>*,.install__steps li>div{min-width:0}.install__steps{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.install__steps li{gap:14px;display:flex}.install__steps h3{margin-bottom:6px;font-size:17px;font-weight:700}.install__steps p{color:var(--text-dim);font-size:15px}.source{padding:22px}.source h3{font-size:16px;font-weight:700}.source pre{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:8px;margin:14px 0 0;padding:16px;overflow-x:auto}.source pre code{color:#cfcfcf;white-space:pre;background:0 0;border:0;padding:0;font-size:12.5px;line-height:1.7}.source__note{color:var(--text-faint);margin-top:12px;font-size:13px}.deps{border-left:3px solid var(--yeet);margin-top:16px;padding:24px}.deps h3{margin-bottom:12px;font-size:17px;font-weight:700}.deps p{color:var(--text-dim);font-size:15px}.deps p+p{margin-top:12px}.deps strong{color:var(--text)}.reqs{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.reqs li{color:var(--text-dim);border:1px solid var(--border);background:var(--bg-panel);border-radius:999px;padding:6px 14px;font-size:13px}.reqs__key{color:var(--yeet);background:#e9ff0014;border-color:#e9ff0073;font-weight:600}.endcap{text-align:center;padding:52px 24px}.cta--center{margin-top:26px}.footer{border-top:1px solid var(--border-soft);margin-top:96px;padding:32px 0 48px}.footer__inner{color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;font-size:13.5px;display:flex}.footer__inner strong{color:var(--text-dim)}.footer__links{gap:22px;display:flex}.footer__links a{color:var(--text-dim)}@media (width<=900px){.steps,.grid{grid-template-columns:repeat(2,1fr)}.install{grid-template-columns:1fr}}@media (width<=620px){.nav__links a:not(:last-child){display:none}.hero{padding-top:60px}h1 br{display:none}.steps,.grid{grid-template-columns:1fr}.cta .btn{width:100%}.notice__row{flex-direction:column;gap:8px}.section{padding-top:72px}code{white-space:normal}}