:root{color-scheme:dark;--bg: #020202;--ink: #f3f0ed;--muted: #77736f;--line: rgba(255, 255, 255, .105);--line-strong: rgba(255, 255, 255, .18);--gold: #c8a23a;--font-mono: "SF Mono", "Cascadia Code", "Roboto Mono", "Courier New", monospace}:where(.astro-j7pv25f6){box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--ink);font-family:var(--font-mono);background:radial-gradient(circle at 72% 48%,rgba(255,202,82,.08),transparent 22rem),radial-gradient(circle at 91% 28%,rgba(127,219,255,.055),transparent 20rem),linear-gradient(180deg,rgba(255,255,255,.018),transparent 42%),#020202;overflow-x:hidden}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px,72px 72px,24px 24px,24px 24px;mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%)}body:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.2) 48%,rgba(0,0,0,.78) 100%)}a:where(.astro-j7pv25f6){color:inherit;text-decoration:none}.nav:where(.astro-j7pv25f6){position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:32px clamp(22px,4.6vw,70px)}.brand:where(.astro-j7pv25f6),.nav:where(.astro-j7pv25f6) nav:where(.astro-j7pv25f6),.button:where(.astro-j7pv25f6),.install:where(.astro-j7pv25f6),.metrics:where(.astro-j7pv25f6){font-size:.94rem;letter-spacing:.04em}.brand:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:17px;color:#efefef}.brand__mark:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(3,5px);gap:5px}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){width:5px;height:5px;background:var(--tile-color, #f5f2ed);box-shadow:0 0 10px color-mix(in srgb,var(--tile-color, #f5f2ed) 42%,transparent)}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(1){--tile-color: #fff7cf}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(2){--tile-color: #f4c44f}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(3){--tile-color: #7a4a0b}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(4){--tile-color: #c8a23a}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(5){--tile-color: #fff2b8}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(6){--tile-color: #5c3909}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(7){--tile-color: #8b5b14}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(8){--tile-color: #e6b94a}.brand__mark:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):nth-child(9){--tile-color: #fff8dd}.nav:where(.astro-j7pv25f6) nav:where(.astro-j7pv25f6){display:flex;align-items:center;gap:clamp(20px,3.2vw,44px);color:#d9d4cf}.nav:where(.astro-j7pv25f6) nav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):not(.github){opacity:.9;transition:color .18s ease,opacity .18s ease}.nav:where(.astro-j7pv25f6) nav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:#fff;opacity:1}.github:where(.astro-j7pv25f6){display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line-strong);border-radius:6px;background:#ffffff04}.github:where(.astro-j7pv25f6) svg:where(.astro-j7pv25f6){width:18px;height:18px}.hero:where(.astro-j7pv25f6){position:relative;min-height:calc(100svh - 108px);display:grid;grid-template-columns:minmax(330px,.56fr) minmax(520px,1fr);gap:clamp(32px,5vw,88px);align-items:center;padding:64px clamp(22px,4.6vw,70px) 54px}.hero__copy:where(.astro-j7pv25f6){position:relative;z-index:3;max-width:620px}.eyebrow:where(.astro-j7pv25f6){margin:0 0 24px;color:var(--gold);font-size:.82rem;letter-spacing:.08em}h1:where(.astro-j7pv25f6){max-width:8ch;margin:0;font-size:clamp(4.2rem,8vw,8.8rem);font-weight:400;letter-spacing:-.095em;line-height:.95;text-wrap:balance;text-shadow:0 0 24px rgba(255,255,255,.12)}.desc:where(.astro-j7pv25f6){max-width:31rem;margin:24px 0 0;color:#b5aea8;font-size:clamp(1rem,1.2vw,1.18rem);letter-spacing:-.03em;line-height:1.7}.actions:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;gap:22px;margin-top:42px}.button:where(.astro-j7pv25f6),.install:where(.astro-j7pv25f6){display:inline-flex;min-height:50px;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:4px;background:#00000057;color:#eee8df;font:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.button:where(.astro-j7pv25f6){min-width:172px;padding:0 22px;gap:22px}.button--primary:where(.astro-j7pv25f6){border-color:#c9a23ac7;box-shadow:0 0 34px #c9a23a14}.button:where(.astro-j7pv25f6):hover,.install:where(.astro-j7pv25f6):hover{transform:translateY(-2px);border-color:#ffffff6b;background:#ffffff0e}.install:where(.astro-j7pv25f6){width:min(100%,312px);justify-content:space-between;margin-top:36px;padding:0 16px 0 18px;color:#aaa39c;text-align:left}.install:where(.astro-j7pv25f6) svg:where(.astro-j7pv25f6){width:17px;height:17px;color:#7e7770}.install:where(.astro-j7pv25f6).is-copied{color:var(--gold);border-color:#c9a23aad}.hero__stage:where(.astro-j7pv25f6){position:relative;z-index:2;min-height:clamp(390px,49vw,600px);animation:stage-in .85s cubic-bezier(.2,.8,.2,1) both}.orb:where(.astro-j7pv25f6){position:absolute;z-index:2;width:clamp(190px,20vw,315px);margin:0;opacity:0;transform:translateY(-280px) rotate(-7deg);transform-origin:50% -30vh;filter:drop-shadow(0 26px 56px rgba(0,0,0,.8));will-change:transform,opacity}.hero__stage:where(.astro-j7pv25f6)[data-animated=true] .orb:where(.astro-j7pv25f6){opacity:1}.orb:where(.astro-j7pv25f6):before{position:absolute;top:calc(-30vh - 58px);left:50%;width:1px;height:calc(30vh + 62px);content:"";background:linear-gradient(to bottom,transparent,rgba(255,255,255,.12) 16%,rgba(255,255,255,.78));transform:translate(-50%)}.orb__canvas:where(.astro-j7pv25f6){width:100%;aspect-ratio:1;will-change:transform,opacity}.orb--1:where(.astro-j7pv25f6){top:40%;left:0}.orb--2:where(.astro-j7pv25f6){top:36%;left:32%}.orb--2:where(.astro-j7pv25f6):before{background:linear-gradient(to bottom,transparent,rgba(255,221,128,.18) 16%,rgba(255,218,113,.82))}.orb--3:where(.astro-j7pv25f6){top:38%;right:0}.ambient:where(.astro-j7pv25f6){position:absolute;inset:0;z-index:1;pointer-events:none}.ambient:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:rgba(255,255,255,var(--a));box-shadow:0 0 20px rgba(255,255,255,calc(var(--a) * .45))}.metrics:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,3vw,48px);margin:0 clamp(22px,4.6vw,70px);border-top:1px solid var(--line-strong);padding:38px 0 28px;color:var(--muted)}.metrics:where(.astro-j7pv25f6) article:where(.astro-j7pv25f6){display:grid;grid-template-columns:38px 1fr;gap:20px;align-items:center}.metrics:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){display:block;color:#8f8984;font-weight:400}.metrics:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){margin:8px 0 0;color:#6e6863;font-size:.86rem;line-height:1.4}.metric-icon:where(.astro-j7pv25f6){position:relative;display:block;width:32px;height:32px;opacity:.82}.metric-icon--dots:where(.astro-j7pv25f6){background-image:radial-gradient(circle,#a8a39d 2px,transparent 2.6px);background-size:12px 12px}.metric-icon--globe:where(.astro-j7pv25f6),.metric-icon--zero:where(.astro-j7pv25f6){border:1px solid #77716c;border-radius:999px}.metric-icon--globe:where(.astro-j7pv25f6):before,.metric-icon--globe:where(.astro-j7pv25f6):after{position:absolute;inset:7px 0;border-top:1px solid #77716c;border-bottom:1px solid #77716c;content:""}.metric-icon--globe:where(.astro-j7pv25f6):after{inset:0 9px;border:0;border-left:1px solid #77716c;border-right:1px solid #77716c}.metric-icon--grid:where(.astro-j7pv25f6){background:linear-gradient(#89837e 0 0) 0 0 / 12px 12px,linear-gradient(#89837e 0 0) 20px 0 / 12px 12px,linear-gradient(#89837e 0 0) 0 20px / 12px 12px,linear-gradient(#89837e 0 0) 20px 20px / 12px 12px;background-repeat:no-repeat}.metric-icon--code:where(.astro-j7pv25f6):before,.metric-icon--code:where(.astro-j7pv25f6):after{position:absolute;top:9px;width:12px;height:12px;border-color:#89837e;content:"";transform:rotate(45deg)}.metric-icon--code:where(.astro-j7pv25f6):before{left:1px;border-left:1px solid #89837e;border-bottom:1px solid #89837e}.metric-icon--code:where(.astro-j7pv25f6):after{right:1px;border-top:1px solid #89837e;border-right:1px solid #89837e}.metric-icon--zero:where(.astro-j7pv25f6):before{position:absolute;right:7px;top:8px;width:5px;height:5px;border-radius:999px;background:#89837e;content:""}.modules:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr;gap:24px;margin:36px clamp(22px,4.6vw,70px) 0;border-top:1px solid var(--line-strong);padding-top:28px}.module:where(.astro-j7pv25f6){min-height:280px;border:1px solid var(--line);border-radius:6px;padding:clamp(24px,3vw,38px);background:linear-gradient(135deg,#ffffff0b,#ffffff03),#0000003d;box-shadow:inset 0 1px #ffffff12}.module-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:minmax(0,.92fr) minmax(260px,.78fr);gap:28px;align-items:center}.module:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){max-width:13ch;margin:0;color:#efece7;font-size:clamp(2rem,3vw,3.35rem);font-weight:400;letter-spacing:-.075em;line-height:1.06}.playground-form:where(.astro-j7pv25f6){display:grid;gap:14px;margin-top:28px}.playground-form:where(.astro-j7pv25f6) label:where(.astro-j7pv25f6){display:grid;gap:10px}.playground-form:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:space-between;color:#928b84;font-size:.82rem;letter-spacing:.06em;text-transform:lowercase}.playground-form:where(.astro-j7pv25f6) i:where(.astro-j7pv25f6){color:var(--gold);font-style:normal}.playground-form:where(.astro-j7pv25f6) select:where(.astro-j7pv25f6),.playground-form:where(.astro-j7pv25f6) input:where(.astro-j7pv25f6)[type=range]{width:100%}.playground-form:where(.astro-j7pv25f6) select:where(.astro-j7pv25f6){height:44px;border:1px solid var(--line);border-radius:4px;padding:0 12px;background:#00000057;color:#e9e4dc;font:inherit}.playground-form:where(.astro-j7pv25f6) input:where(.astro-j7pv25f6)[type=range]{accent-color:#d1a545}.playground-preview:where(.astro-j7pv25f6){display:grid;gap:18px;justify-items:center}.playground-preview__canvas:where(.astro-j7pv25f6){width:min(100%,320px);aspect-ratio:1;filter:drop-shadow(0 24px 48px rgba(0,0,0,.72))}.playground-preview__meta:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;justify-content:center;gap:12px;color:#7e7770;font-size:.8rem}.playground-preview__meta:where(.astro-j7pv25f6) b:where(.astro-j7pv25f6){color:var(--gold);font-weight:400}.module:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6):not(.eyebrow){max-width:34rem;margin:18px 0 0;color:#8f8984;line-height:1.75}.controls:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}.controls:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){display:grid;gap:10px;border:1px solid var(--line);border-radius:4px;padding:14px;background:#0000003d}.controls:where(.astro-j7pv25f6) b:where(.astro-j7pv25f6){color:#69635e;font-size:.74rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.controls:where(.astro-j7pv25f6) i:where(.astro-j7pv25f6){color:var(--gold);font-style:normal}.module:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){margin:28px 0 0;overflow:auto;border:1px solid var(--line);border-radius:4px;padding:18px;background:#0000006b;color:#cfc9c2;line-height:1.75}.module-install-line:where(.astro-j7pv25f6){margin-top:28px}.install--inline:where(.astro-j7pv25f6){width:min(100%,100%);margin-top:0}.code-tabs:where(.astro-j7pv25f6){margin-top:28px}.code-tabs__list:where(.astro-j7pv25f6){display:flex;gap:10px;margin-bottom:14px}.code-tab:where(.astro-j7pv25f6){min-height:38px;border:1px solid var(--line);border-radius:4px;padding:0 12px;background:#ffffff05;color:#827b75;font:inherit;text-transform:lowercase;transition:border-color .18s ease,color .18s ease,background .18s ease}.code-tab:where(.astro-j7pv25f6).is-active{border-color:#c9a23a94;color:#f0e9de;background:#c9a23a14}.code-panel:where(.astro-j7pv25f6){display:none}.code-panel:where(.astro-j7pv25f6).is-active{display:block}.module-link:where(.astro-j7pv25f6){display:inline-flex;margin-top:30px;color:var(--gold);font-size:.82rem;letter-spacing:.08em}.terminal:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:space-between;padding:38px clamp(22px,4.6vw,70px) 34px;color:#59534d;font-size:.9rem}.cursor:where(.astro-j7pv25f6){display:inline-block;width:7px;height:14px;margin-left:8px;background:var(--gold);animation:blink 1.1s steps(1) infinite}.slides:where(.astro-j7pv25f6){margin-left:auto;color:#5f5a55}.slides:where(.astro-j7pv25f6) strong:where(.astro-j7pv25f6){color:var(--gold);font-weight:400}.slides:where(.astro-j7pv25f6) i:where(.astro-j7pv25f6){display:inline-block;width:54px;height:1px;margin:0 14px;background:#514c47;vertical-align:middle}@keyframes stage-in{0%{opacity:0;transform:translateY(20px)}}@keyframes blink{50%{opacity:0}}@media(max-width:1040px){.hero:where(.astro-j7pv25f6){grid-template-columns:1fr;padding-top:44px}h1:where(.astro-j7pv25f6){max-width:18ch}.hero__stage:where(.astro-j7pv25f6){min-height:420px;order:-1}.orb:where(.astro-j7pv25f6){width:clamp(170px,29vw,280px)}.orb--1:where(.astro-j7pv25f6){left:6%;top:31%}.orb--2:where(.astro-j7pv25f6){left:35%;top:25%}.orb--3:where(.astro-j7pv25f6){right:4%;top:32%}.metrics:where(.astro-j7pv25f6){grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid:where(.astro-j7pv25f6){grid-template-columns:1fr}}@media(max-width:680px){.nav:where(.astro-j7pv25f6){align-items:flex-start;gap:18px;padding-top:24px}.nav:where(.astro-j7pv25f6) nav:where(.astro-j7pv25f6){gap:14px;font-size:.78rem}.github:where(.astro-j7pv25f6){display:none}.hero:where(.astro-j7pv25f6){min-height:auto;padding-top:30px}h1:where(.astro-j7pv25f6){font-size:clamp(4rem,18vw,6.5rem)}.hero__stage:where(.astro-j7pv25f6){min-height:330px}.orb:where(.astro-j7pv25f6){width:47vw}.orb--1:where(.astro-j7pv25f6){left:-5%;top:34%}.orb--2:where(.astro-j7pv25f6){left:26%;top:22%}.orb--3:where(.astro-j7pv25f6){right:-8%;top:36%}.actions:where(.astro-j7pv25f6){gap:12px}.button:where(.astro-j7pv25f6){min-width:0;width:100%}.metrics:where(.astro-j7pv25f6){grid-template-columns:1fr}.modules:where(.astro-j7pv25f6){grid-template-columns:1fr;margin-top:28px}.controls:where(.astro-j7pv25f6){grid-template-columns:1fr}.code-tabs__list:where(.astro-j7pv25f6){flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){:where(.astro-j7pv25f6),:where(.astro-j7pv25f6):before,:where(.astro-j7pv25f6):after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}