:root{--bg:oklch(14.5% .006 265);--surface:oklch(17.5% .007 265);--surface-2:oklch(20.5% .009 265);--border:oklch(27.5% .012 265);--border-strong:oklch(35.5% .016 265);--text:oklch(97.5% .004 265);--text-secondary:oklch(74.5% .014 265);--text-tertiary:oklch(56% .017 265);--brand-magenta:oklch(64% .295 330);--brand-violet:oklch(56% .215 305);--brand-teal:oklch(75.5% .165 168);--brand-gradient:linear-gradient(135deg, var(--brand-magenta) 0%, var(--brand-violet) 50%, var(--brand-teal) 100%);--accent-ring:oklch(64% .295 330/.3);--shadow-brand:0 8px 32px -8px oklch(64% .295 330/.3);--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}:where(.astro-lcdefpme),:where(.astro-lcdefpme):before,:where(.astro-lcdefpme):after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-feature-settings:"ss01", "cv11";letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}:where(.astro-lcdefpme)::selection{background:var(--accent-ring);color:var(--text)}.brand-text:where(.astro-lcdefpme){background:var(--brand-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav:where(.astro-lcdefpme){z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:oklch(14.5% .006 265/.82);position:sticky;top:0}.nav-inner:where(.astro-lcdefpme){justify-content:space-between;align-items:center;max-width:1080px;height:60px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo:where(.astro-lcdefpme){color:var(--text);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.nav-mark:where(.astro-lcdefpme){display:block}.nav-links:where(.astro-lcdefpme){align-items:center;gap:.15rem;display:flex}.nav-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--text-secondary);border-radius:8px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--text);background:oklch(100% 0 0/.05)}.nav-github:where(.astro-lcdefpme){align-items:center;gap:.4rem;margin-left:.35rem;display:flex}.hero:where(.astro-lcdefpme){text-align:center;padding:6rem 1.5rem 4.5rem;position:relative;overflow:hidden}.hero-glow:where(.astro-lcdefpme){filter:blur(20px);pointer-events:none;z-index:0;background:radial-gradient(oklch(64% .295 330/.16) 0%,oklch(56% .215 305/.1) 38%,oklch(75.5% .165 168/.06) 62%,#0000 72%);width:min(900px,120vw);height:620px;position:absolute;top:-22%;left:50%;transform:translate(-50%)}.hero-inner:where(.astro-lcdefpme){z-index:1;max-width:760px;margin:0 auto;position:relative}.hero-mark:where(.astro-lcdefpme){filter:drop-shadow(0 6px 24px oklch(64% .295 330/.35));width:76px;height:auto;margin:0 auto 2rem;animation:6s ease-in-out infinite floaty;display:block}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.eyebrow:where(.astro-lcdefpme){font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:1.25rem;font-size:.78rem;font-weight:500}.hero-title:where(.astro-lcdefpme){letter-spacing:-.04em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(2.8rem,8vw,5rem);font-weight:700;line-height:1.02}.hero-sub:where(.astro-lcdefpme){color:var(--text-secondary);max-width:600px;margin:0 auto 2.4rem;font-size:clamp(1.05rem,2.2vw,1.28rem);line-height:1.6}.cta-row:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.btn:where(.astro-lcdefpme){border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,background .15s,border-color .15s;display:inline-flex}.btn-primary:where(.astro-lcdefpme){background:var(--brand-gradient);color:oklch(99% 0 0);box-shadow:var(--shadow-brand)}.btn-primary:where(.astro-lcdefpme):hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px oklch(64% .295 330/.5)}.btn-primary:where(.astro-lcdefpme) svg:where(.astro-lcdefpme){transition:transform .15s}.btn-primary:where(.astro-lcdefpme):hover svg:where(.astro-lcdefpme){transform:translate(3px)}.btn-secondary:where(.astro-lcdefpme){background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:where(.astro-lcdefpme):hover{background:var(--surface-2);border-color:var(--text-tertiary);transform:translateY(-2px)}.install:where(.astro-lcdefpme){background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);border-radius:10px;align-items:center;gap:.7rem;margin-top:2rem;padding:.7rem 1.1rem;font-size:.88rem;display:inline-flex}.install-prompt:where(.astro-lcdefpme){color:var(--brand-teal);font-weight:600}.install:where(.astro-lcdefpme) code:where(.astro-lcdefpme){color:var(--text-secondary);background:0 0}.manifesto:where(.astro-lcdefpme){text-align:center;max-width:860px;margin:1rem auto;padding:3.5rem 1.5rem}.manifesto:where(.astro-lcdefpme) p:where(.astro-lcdefpme){letter-spacing:-.03em;color:var(--text-tertiary);font-size:clamp(1.4rem,3.4vw,2.1rem);font-weight:600;line-height:1.35}.manifesto:where(.astro-lcdefpme) strong:where(.astro-lcdefpme){color:var(--text);font-weight:600}.section-head:where(.astro-lcdefpme){text-align:center;margin-bottom:2.75rem}.section-kicker:where(.astro-lcdefpme){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.7rem;font-size:.76rem;font-weight:500;display:block}.section-title:where(.astro-lcdefpme){letter-spacing:-.035em;color:var(--text);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.features:where(.astro-lcdefpme){grid-template-columns:repeat(2,1fr);gap:1.1rem;max-width:1080px;margin:0 auto;padding:1rem 1.5rem 2rem;display:grid}.feature-card:where(.astro-lcdefpme){background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.9rem 1.9rem 2rem;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.feature-card:where(.astro-lcdefpme):before{content:"";background:var(--brand-gradient);opacity:0;height:2px;transition:opacity .2s;position:absolute;inset:0 0 auto}.feature-card:where(.astro-lcdefpme):hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 16px 40px -18px oklch(0% 0 0/.6)}.feature-card:where(.astro-lcdefpme):hover:before{opacity:1}.feature-label:where(.astro-lcdefpme){font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--brand-teal);font-size:.72rem;font-weight:500}.feature-title:where(.astro-lcdefpme){letter-spacing:-.025em;color:var(--text);margin:.7rem 0 .6rem;font-size:1.35rem;font-weight:700}.feature-body:where(.astro-lcdefpme){color:var(--text-secondary);font-size:.96rem;line-height:1.62}.how:where(.astro-lcdefpme){max-width:1080px;margin:0 auto;padding:4rem 1.5rem}.steps:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step:where(.astro-lcdefpme){border:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, oklch(14.5% .006 265/0) 140%);border-radius:16px;padding:1.75rem}.step-n:where(.astro-lcdefpme){font-family:var(--font-mono);letter-spacing:-.02em;font-size:1.6rem;font-weight:600}.step-title:where(.astro-lcdefpme){letter-spacing:-.02em;color:var(--text);margin:.6rem 0 .45rem;font-size:1.2rem;font-weight:700}.step-body:where(.astro-lcdefpme){color:var(--text-secondary);font-size:.94rem;line-height:1.6}.videos:where(.astro-lcdefpme){max-width:1080px;margin:0 auto;padding:2rem 1.5rem 4rem}.video-grid:where(.astro-lcdefpme){grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.video-card:where(.astro-lcdefpme){min-width:0}.video-frame:where(.astro-lcdefpme){aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.video-frame:where(.astro-lcdefpme) iframe:where(.astro-lcdefpme){border:0;width:100%;height:100%;display:block}.video-title:where(.astro-lcdefpme){letter-spacing:-.02em;color:var(--text);margin:.9rem 0 .3rem;font-size:1.02rem;font-weight:600}.video-creator:where(.astro-lcdefpme){font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--brand-teal);font-size:.76rem;font-weight:500}.awe:where(.astro-lcdefpme){background:radial-gradient(ellipse at 50% 0%, oklch(64% .295 330/.1), transparent 60%), var(--surface);border:1px solid var(--border);text-align:center;border-radius:24px;margin:1rem 1.5rem;padding:5rem 1.5rem;position:relative;overflow:hidden}.awe-inner:where(.astro-lcdefpme){z-index:1;max-width:720px;margin:0 auto;position:relative}.awe-line:where(.astro-lcdefpme){letter-spacing:-.035em;color:var(--text);margin:.8rem 0 1.3rem;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;line-height:1.3}.awe-sub:where(.astro-lcdefpme){color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:1.05rem;line-height:1.6}.final:where(.astro-lcdefpme){text-align:center;padding:5.5rem 1.5rem 4rem}.final-title:where(.astro-lcdefpme){letter-spacing:-.04em;color:var(--text);margin-bottom:.9rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.final-sub:where(.astro-lcdefpme){color:var(--text-secondary);margin-bottom:2.1rem;font-size:1.08rem}.footer:where(.astro-lcdefpme){border-top:1px solid var(--border)}.footer-inner:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}.footer-brand:where(.astro-lcdefpme){flex-direction:column;gap:.3rem;display:flex}.footer-word:where(.astro-lcdefpme){letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.footer-tag:where(.astro-lcdefpme){color:var(--text-tertiary);font-size:.85rem}.footer-links:where(.astro-lcdefpme){flex-wrap:wrap;gap:.4rem 1.3rem;display:flex}.footer-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .15s}.footer-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--text)}:where(.astro-lcdefpme):focus-visible{outline:2px solid var(--accent-ring);outline-offset:3px;border-radius:8px}@media (width<=820px){.features:where(.astro-lcdefpme),.steps:where(.astro-lcdefpme),.video-grid:where(.astro-lcdefpme){grid-template-columns:1fr}}@media (width<=640px){.nav-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme):not(.nav-github){padding:.4rem .5rem;font-size:.82rem}.nav-links:where(.astro-lcdefpme) .nav-github:where(.astro-lcdefpme) span:where(.astro-lcdefpme){display:none}.hero:where(.astro-lcdefpme){padding:4rem 1.25rem 3.5rem}.install:where(.astro-lcdefpme){justify-content:flex-start;width:100%;overflow-x:auto}.footer-inner:where(.astro-lcdefpme){flex-direction:column;align-items:flex-start}}@media (width<=400px){.nav-logo:where(.astro-lcdefpme) span:where(.astro-lcdefpme){display:none}}@media (prefers-reduced-motion:reduce){.hero-mark:where(.astro-lcdefpme){animation:none}.btn:where(.astro-lcdefpme),.feature-card:where(.astro-lcdefpme){transition:none}}