html,body{background:var(--pp-bg);margin:0}*{box-sizing:border-box}body{color:var(--pp-text);font-family:var(--pp-font);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}a{color:var(--pp-link);text-decoration:none}a:hover{color:var(--pp-text-strong)}.wrap:where(.astro-lcdefpme){max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}.top:where(.astro-lcdefpme){z-index:20;background:color-mix(in srgb, var(--pp-bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--pp-border);position:sticky;top:0}.bar:where(.astro-lcdefpme){align-items:center;gap:24px;height:64px;display:flex}.home:where(.astro-lcdefpme){display:flex}nav:where(.astro-lcdefpme).nav-wide{gap:4px;margin-left:12px;display:flex}nav:where(.astro-lcdefpme).nav-wide a:where(.astro-lcdefpme){color:var(--pp-text);padding:6px 12px;font-size:15px}nav:where(.astro-lcdefpme).nav-wide a:where(.astro-lcdefpme):hover{color:var(--pp-text-strong);background:var(--pp-raised)}.actions:where(.astro-lcdefpme){align-items:center;gap:8px;margin-left:auto;display:flex}.menu-toggle:where(.astro-lcdefpme){background:var(--pp-raised);height:40px;color:var(--pp-text-strong);border:1px solid var(--pp-border);font-family:var(--pp-font);cursor:pointer;padding:0 14px;font-size:14px;font-weight:600;display:none}.nav-mobile:where(.astro-lcdefpme){border-top:1px solid var(--pp-border);padding:8px clamp(16px,4vw,40px) 16px;display:grid}.nav-mobile:where(.astro-lcdefpme)[hidden]{display:none}.nav-mobile:where(.astro-lcdefpme) a:where(.astro-lcdefpme):not(.btn){color:var(--pp-text-strong);border-bottom:1px solid var(--pp-border);padding:12px 0}.nav-mobile:where(.astro-lcdefpme) .btn:where(.astro-lcdefpme){justify-content:center;height:48px;margin-top:16px}@media (width<=819px){.nav-wide:where(.astro-lcdefpme){display:none!important}.menu-toggle:where(.astro-lcdefpme){display:block}}@media (width>=820px){.nav-mobile:where(.astro-lcdefpme){display:none!important}}.btn:where(.astro-lcdefpme){align-items:center;gap:10px;font-weight:600;display:inline-flex}.btn-sm:where(.astro-lcdefpme){height:40px;padding:0 16px;font-size:15px}.btn-lg:where(.astro-lcdefpme){height:52px;padding:0 24px;font-size:17px}.btn-primary:where(.astro-lcdefpme){background:var(--pp-btn-bg);color:var(--pp-btn-fg)}.btn-primary:where(.astro-lcdefpme):hover{background:var(--pp-btn-bg-hover);color:var(--pp-btn-fg)}.btn-secondary:where(.astro-lcdefpme){background:var(--pp-raised);color:var(--pp-text-strong);font-weight:500}.btn-secondary:where(.astro-lcdefpme):hover{background:var(--pp-border);color:var(--pp-text-strong)}.eyebrow:where(.astro-lcdefpme){font-family:var(--pp-font);letter-spacing:.08em;color:var(--pp-accent-bright);text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.eyebrow:where(.astro-lcdefpme).is-pixel{font-family:var(--pp-font-pixel);letter-spacing:.02em;font-size:16px;font-weight:400}.dots:where(.astro-lcdefpme){gap:2px;display:flex}.dots:where(.astro-lcdefpme) i:where(.astro-lcdefpme){background:var(--pp-accent-deep);width:6px;height:6px}.dots:where(.astro-lcdefpme) i:where(.astro-lcdefpme):nth-child(2){background:var(--pp-accent)}.dots:where(.astro-lcdefpme) i:where(.astro-lcdefpme):nth-child(3){background:var(--pp-accent-bright)}h2:where(.astro-lcdefpme){letter-spacing:-.02em;max-width:22ch;color:var(--pp-text-strong);text-wrap:balance;margin:16px 0 0;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.1}h3:where(.astro-lcdefpme){color:var(--pp-text-strong);font-weight:600}.hero:where(.astro-lcdefpme){border-bottom:1px solid var(--pp-border);position:relative;overflow:hidden}.grid-bg:where(.astro-lcdefpme){background-image:linear-gradient(var(--pp-grid) 1px, transparent 1px), linear-gradient(90deg, var(--pp-grid) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0;mask-image:radial-gradient(80% 60% at 30% 20%,#000 20%,#0000 75%)}.hero-inner:where(.astro-lcdefpme){padding-top:clamp(56px,9vw,112px);padding-bottom:clamp(48px,7vw,88px);position:relative}h1:where(.astro-lcdefpme){letter-spacing:-.035em;color:var(--pp-text-strong);margin:20px 0 0;font-size:clamp(56px,11vw,128px);font-weight:700;line-height:.92}h1:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:var(--pp-accent-bright);font-weight:300}.tagline:where(.astro-lcdefpme){max-width:30ch;color:var(--pp-text-strong);text-wrap:pretty;margin:28px 0 0;font-size:clamp(21px,2.6vw,30px);line-height:1.3}.subline:where(.astro-lcdefpme){max-width:46ch;color:var(--pp-text);margin:14px 0 0;font-size:17px;line-height:1.55}.hero-actions:where(.astro-lcdefpme){flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.platform:where(.astro-lcdefpme){font-family:var(--pp-font-mono);color:var(--pp-muted);margin-left:8px;font-size:13px}.shot:where(.astro-lcdefpme){margin:clamp(48px,7vw,80px) 0 0}.shot-frame:where(.astro-lcdefpme){--c:8px;background:var(--pp-border);padding:1px;box-shadow:0 40px 80px -30px #0009}.shot-frame:where(.astro-lcdefpme) iframe:where(.astro-lcdefpme){--c:8px;aspect-ratio:600/697;background:var(--pp-bg) url(/media/hero-still.webp) center / cover;border:0;width:100%;display:block}.shot:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){font-family:var(--pp-font-mono);color:var(--pp-muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:12px;font-size:12px;display:flex}.shot-3d:where(.astro-lcdefpme){color:var(--pp-accent-bright);white-space:nowrap;font-weight:600}@media (width>=980px){.hero-inner:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;column-gap:56px;display:grid}.hero-inner:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){font-size:clamp(64px,7.4vw,104px)}.shot:where(.astro-lcdefpme){margin:0}}.section:where(.astro-lcdefpme){padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,9vw,120px)}.section:where(.astro-lcdefpme)+.section:where(.astro-lcdefpme){padding-top:0}.features:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:48px;display:grid}.features:where(.astro-lcdefpme) article:where(.astro-lcdefpme){background:var(--pp-panel);border:1px solid var(--pp-border);padding:0 0 28px;overflow:hidden}.features:where(.astro-lcdefpme) h3:where(.astro-lcdefpme),.features:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin-inline:24px}.features:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin-top:22px;margin-bottom:8px;font-size:20px}.features:where(.astro-lcdefpme) p:where(.astro-lcdefpme){text-wrap:pretty;margin-bottom:0}.art:where(.astro-lcdefpme){background:var(--pp-shot-bg);border-bottom:1px solid var(--pp-border);justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.art:where(.astro-lcdefpme) img{display:block}.art:where(.astro-lcdefpme) picture:where(.astro-lcdefpme){justify-content:center;align-items:center;height:100%;display:flex}.art:where(.astro-lcdefpme) img.cover{object-fit:cover;width:100%;height:100%}.art:where(.astro-lcdefpme) img.contain{width:auto;max-width:92%;height:auto;max-height:88%}.art-swatches:where(.astro-lcdefpme){gap:6px}.art-swatches:where(.astro-lcdefpme) figure:where(.astro-lcdefpme){text-align:center;margin:0}.art-swatches:where(.astro-lcdefpme) img:where(.astro-lcdefpme){width:60px;height:80px}.art-swatches:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){font-family:var(--pp-font-mono);color:var(--pp-shot-text);margin-top:6px;font-size:11px}.art-cubes:where(.astro-lcdefpme){gap:4px}.art-shelf:where(.astro-lcdefpme){grid-template-columns:repeat(4,64px);place-content:center;gap:12px 16px;display:grid}.art-cubes:where(.astro-lcdefpme) img{width:96px;height:96px}.art-code:where(.astro-lcdefpme){background:var(--pp-code-bg);justify-content:flex-start;padding:0 24px}.art-code:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){font-family:var(--pp-font-mono);color:var(--pp-text-strong);white-space:pre;margin:0;font-size:13px;line-height:1.7}.art-code:where(.astro-lcdefpme) .k:where(.astro-lcdefpme){color:var(--pp-purple)}.art-code:where(.astro-lcdefpme) .f:where(.astro-lcdefpme){color:var(--pp-blue)}.art-code:where(.astro-lcdefpme) .s:where(.astro-lcdefpme){color:var(--pp-green)}.section-lead:where(.astro-lcdefpme){max-width:60ch;margin:12px 0 0}.plugin-cards:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:20px;margin-top:32px;display:grid}.plugin-card:where(.astro-lcdefpme){background:var(--pp-panel);border:1px solid var(--pp-border);color:var(--pp-text);display:block;overflow:hidden}a:where(.astro-lcdefpme).plugin-card:hover{border-color:var(--pp-accent);color:var(--pp-text)}.plugin-card:where(.astro-lcdefpme).is-soon .art:where(.astro-lcdefpme) img{opacity:.75}.plugin-body:where(.astro-lcdefpme){padding:20px 24px 26px}.plugin-body:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:10px 0 6px;font-size:20px}.plugin-body:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin:0}.badge:where(.astro-lcdefpme){font-family:var(--pp-font-mono);color:var(--pp-accent-bright);border:1px solid var(--pp-accent-deep);padding:2px 8px;font-size:12px;display:inline-block}.badge-soon:where(.astro-lcdefpme){color:var(--pp-muted);border-color:var(--pp-border)}.how:where(.astro-lcdefpme){background:var(--pp-panel);border-block:1px solid var(--pp-border)}.section-tight:where(.astro-lcdefpme){padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px)}.steps:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(24px,3vw,40px);margin:40px 0 0;padding:0;list-style:none;display:grid}.progress:where(.astro-lcdefpme){grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.progress:where(.astro-lcdefpme) span:where(.astro-lcdefpme){background:var(--pp-raised);height:6px}.progress:where(.astro-lcdefpme) span:where(.astro-lcdefpme).done{background:var(--pp-accent-deep)}.progress:where(.astro-lcdefpme) span:where(.astro-lcdefpme).current{background:var(--pp-accent-bright)}.num:where(.astro-lcdefpme){font-family:var(--pp-font-pixel);color:var(--pp-muted);margin-top:20px;font-size:16px}.steps:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:6px 0;font-size:21px}.steps:where(.astro-lcdefpme) p:where(.astro-lcdefpme){text-wrap:pretty;margin:0;font-size:16px}.section-head:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-head:where(.astro-lcdefpme)>a:where(.astro-lcdefpme){font-weight:500}.news:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;margin-top:40px;display:grid}.news-card:where(.astro-lcdefpme){background:var(--pp-panel);border:1px solid var(--pp-border);color:var(--pp-text);padding:20px 22px 24px;display:block}.news-card:where(.astro-lcdefpme):hover{border-color:var(--pp-accent);color:var(--pp-text)}.news-card:where(.astro-lcdefpme) time:where(.astro-lcdefpme){font-family:var(--pp-font-mono);color:var(--pp-muted);font-size:12px}.news-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:10px 0 6px;font-size:19px;line-height:1.3}.news-card:where(.astro-lcdefpme) p:where(.astro-lcdefpme){text-wrap:pretty;margin:0;font-size:15px}.cta-section:where(.astro-lcdefpme){padding-bottom:clamp(64px,9vw,120px)}.cta-frame:where(.astro-lcdefpme){--c:8px;background:var(--pp-border);padding:1px}.cta:where(.astro-lcdefpme){--c:8px;background:var(--pp-panel);flex-wrap:wrap;display:flex}.cta-art:where(.astro-lcdefpme){object-fit:cover;flex:280px;width:100%;min-height:240px;max-height:420px}.cta-body:where(.astro-lcdefpme){flex-direction:column;flex:2 420px;justify-content:center;padding:clamp(32px,5vw,64px);display:flex}.cta-body:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){max-width:none;margin:0;font-size:clamp(28px,3.6vw,40px);line-height:1.15}.cta-body:where(.astro-lcdefpme) p:where(.astro-lcdefpme){max-width:46ch;margin:16px 0 0}.cta-body:where(.astro-lcdefpme) .hero-actions:where(.astro-lcdefpme){margin-top:28px}.foot:where(.astro-lcdefpme){border-top:1px solid var(--pp-border);background:var(--pp-panel)}.foot-inner:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;padding-block:40px;font-size:15px;display:flex}.foot:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){flex-wrap:wrap;gap:8px 28px;display:flex}.foot:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--pp-text)}.foot:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--pp-text-strong)}.social:where(.astro-lcdefpme){gap:20px;margin:0;padding:0;list-style:none;display:flex}.social:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--pp-text);display:flex}.social:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--pp-accent-bright)}.sr-only:where(.astro-lcdefpme){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.copy:where(.astro-lcdefpme){font-family:var(--pp-font-mono);color:var(--pp-muted);font-size:12px}
