:root{--text-color:#111;--text-muted:#646e78;--text-on-accent:#fff;--bg:#dbdbdb;--surface:#f2f2f2;--surface-alt:#e6e6e6;--accent:#c00a06;--accent-hover:#a00805;--accent-bg:#f6dedd;--accent-border:#8a0704;--border:#111;--border-subtle:#b5b9be;--shadow:3px 3px 0 #111;--shadow-sm:2px 2px 0 #111;--shadow-soft:0 2px 6px #0000002e;--social-bg:#fff;--social-bg-hover:#c00a06;--social-icon:#111;--social-icon-hover:#fff;--social-border:#111;--social-shadow:2px 2px 0 #c00a06;--ios-grad-top:#ee4a45;--ios-grad-bottom:#c00a06;--ios-border:#8a0704;--ios-shine:#ffffff4d;--inset-bg:#dbdbdb;--inset-text:#111;--inset-text-hover:#c00a06;--inset-shadow-dark:#00000047;--inset-shadow-light:#ffffffd9;--inset-border:#b5b9be;--logo-primary:#c00a06;--logo-secondary:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--bg);color:var(--text-color);margin:10px;padding:0;font-family:Space Mono,Courier New,ui-monospace,monospace}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-color:#f2f2f2;--text-muted:#a3abb3;--bg:#000;--surface:#16181b;--surface-alt:#1f2226;--accent:#ff3b36;--accent-hover:#ff5e5a;--accent-bg:#2b0a09;--accent-border:#c00a06;--border:#646e78;--border-subtle:#2e3338;--shadow:3px 3px 0 #c00a06;--shadow-sm:2px 2px 0 #c00a06;--shadow-soft:0 2px 6px #ffffff2e;--social-bg:#16181b;--social-icon:#dbdbdb;--social-border:#646e78;--social-shadow:2px 2px 0 #c00a06;--social-bg-hover:#c00a06;--social-icon-hover:#fff;--ios-grad-top:#e8342f;--ios-grad-bottom:#b00905;--ios-border:#5e0503;--ios-shine:#ffffff38;--inset-bg:#16181b;--inset-text:#dbdbdb;--inset-text-hover:#ff3b36;--inset-shadow-dark:#000000d9;--inset-shadow-light:#ffffff0f;--inset-border:#2e3338;--logo-primary:#ff3b36;--logo-secondary:#dbdbdb}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.nav-button{color:var(--text-on-accent);text-shadow:0 -1px #00000059;background:linear-gradient(to bottom, var(--ios-shine) 0%, transparent 50%), linear-gradient(to bottom, var(--ios-grad-top), var(--ios-grad-bottom));border:1px solid var(--ios-border);box-shadow:inset 0 1px 0 var(--ios-shine), var(--shadow-soft);cursor:pointer;border-radius:10px;align-items:center;gap:.5em;padding:.7em 1.5em;font:700 1rem/1 inherit;transition:filter .15s,transform 50ms;display:inline-flex}.nav-button:hover{filter:brightness(1.08)}.nav-button--active{filter:brightness(.95);transform:translateY(3px)}.nav-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=720px){.nav-button{box-sizing:border-box;border-radius:12px;justify-content:center;width:100%;min-height:48px;padding:.85em 1.25em;font-size:1.05rem;display:flex}.nav-button--active{filter:brightness(.9);transform:none;box-shadow:inset 0 2px 4px #00000059}}@media (prefers-reduced-motion:reduce){.nav-button{transition:none}}.theme-toggle{background:var(--inset-bg);border:1px solid var(--inset-border);box-shadow:inset 0 2px 3px var(--inset-shadow-dark), 0 1px 0 var(--inset-shadow-light);border-radius:12px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle__option{width:34px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.theme-toggle__option:hover{color:var(--inset-text-hover)}.theme-toggle__option--active,.theme-toggle__option--active:hover{color:var(--text-on-accent);background:linear-gradient(to bottom, var(--ios-shine) 0%, transparent 50%), linear-gradient(to bottom, var(--ios-grad-top), var(--ios-grad-bottom));border-color:var(--ios-border);box-shadow:inset 0 1px 0 var(--ios-shine), var(--shadow-soft)}.theme-toggle__option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=720px){.theme-toggle__option{width:30px;height:28px}}@media (prefers-reduced-motion:reduce){.theme-toggle__option{transition:none}}.site-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:72px;padding:0 24px;display:grid}.navbar__brand{color:var(--accent);letter-spacing:.05em;justify-self:start;align-items:center;gap:8px;font-size:20px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.navbar__links{flex-wrap:wrap;grid-area:1/2;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 0;list-style:none;display:flex}.navbar__actions{grid-area:1/3;justify-self:end;align-items:center;gap:8px;display:flex}.navbar__item{margin:0}.navbar__toggle{width:42px;height:42px;color:var(--text-on-accent);background:linear-gradient(to bottom, var(--ios-shine) 0%, transparent 50%), linear-gradient(to bottom, var(--ios-grad-top), var(--ios-grad-bottom));border:1px solid var(--ios-border);box-shadow:inset 0 1px 0 var(--ios-shine), var(--shadow-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:filter .15s,transform 50ms;display:none}.navbar__toggle:active{filter:brightness(.95);transform:translateY(1px)}.navbar__toggle-icon{flex-direction:column;gap:5px;display:flex;position:relative}.navbar__toggle-icon span{background:currentColor;border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.navbar__toggle[aria-expanded=true] .navbar__toggle-icon span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__toggle[aria-expanded=true] .navbar__toggle-icon span:nth-child(2){opacity:0}.navbar__toggle[aria-expanded=true] .navbar__toggle-icon span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__brand:focus-visible,.navbar__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=720px){.navbar{flex-wrap:wrap;align-items:center;gap:0;min-height:60px;padding:8px 16px;display:flex}.navbar__brand{gap:6px;font-size:18px}.navbar__brand svg{width:38px;height:38px}.navbar__actions{margin-left:auto}.navbar__toggle{margin-left:8px;display:inline-flex}.navbar__links{background:var(--surface);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;margin:10px 0 6px;padding:12px;display:none}.navbar__links--open{animation:.18s ease-out navbar-menu-in;display:flex}}@keyframes navbar-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.navbar__links--open{animation:none}.navbar__toggle,.navbar__toggle-icon span{transition:none}}