.page.svelte-o16fxw{--purple: #7c3aee;--purple-soft: rgba(124, 58, 238, .12);--purple-glow: rgba(124, 58, 238, .35);color:var(--foreground)}.reveal-on-scroll.svelte-o16fxw{opacity:0;transform:translateY(1.25rem);transition:opacity .45s ease,transform .45s ease}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal-on-scroll.svelte-o16fxw{opacity:1;transform:none;transition:none}}.hero.svelte-o16fxw{position:relative;padding:2rem 1.5rem 6rem;overflow:hidden;background:radial-gradient(ellipse 90% 60% at 50% 0%,var(--purple-soft),transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(236,72,153,.1),transparent 70%)}.hero-inner.svelte-o16fxw{max-width:76rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:center}.hero-copy.svelte-o16fxw .tags:where(.svelte-o16fxw){display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.hero-copy.svelte-o16fxw h1:where(.svelte-o16fxw){font-family:var(--font-display);font-size:clamp(2.25rem,5.2vw,4.25rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1.5rem}.accent.svelte-o16fxw{color:var(--purple)}.cta-row.svelte-o16fxw{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.cta-btn.svelte-o16fxw{width:min(22rem,100%)}.cta-btn.wide.svelte-o16fxw{width:min(28rem,100%)}.hero-media.svelte-o16fxw{position:relative}.hero-media.svelte-o16fxw img:where(.svelte-o16fxw){display:block;width:100%;height:auto;border-radius:.2rem;box-shadow:0 40px 80px -30px var(--purple-glow),0 10px 30px -10px #00000040}.yt-section.svelte-o16fxw{padding:3rem 1.5rem 5rem}.yt-inner.svelte-o16fxw{max-width:850px;margin:0 auto}.yt-inner.svelte-o16fxw .feature-copy:where(.svelte-o16fxw){margin-bottom:2.5rem}.yt-embed.svelte-o16fxw{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 60px -20px #00000040,0 4px 12px #0000000d}.yt-embed.svelte-o16fxw iframe:where(.svelte-o16fxw){position:absolute;inset:0;width:100%;height:100%;border:0}.feature.svelte-o16fxw{padding:5rem 1.5rem}.feature-split.svelte-o16fxw{max-width:76rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:3rem;align-items:center}.feature-reverse.svelte-o16fxw{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.feature-reverse.svelte-o16fxw .feature-copy:where(.svelte-o16fxw){order:2}.feature-reverse.svelte-o16fxw .feature-media:where(.svelte-o16fxw){order:1}.feature-wide.svelte-o16fxw{max-width:850px;margin:0 auto}.feature-wide.svelte-o16fxw .feature-copy:where(.svelte-o16fxw){margin-bottom:2.5rem}.community-inner.svelte-o16fxw{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.compat-badges.svelte-o16fxw{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0 0 1.5rem}.compat-badge.svelte-o16fxw{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.5rem 1rem;border-radius:9999px;font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--foreground);background:var(--purple-soft);border:1px solid var(--purple)}.compat-badge-soft.svelte-o16fxw{color:var(--muted-foreground);background:transparent;border-color:var(--border)}.compat-badge.svelte-o16fxw sup:where(.svelte-o16fxw){font-size:.6em;margin-left:.15rem}.feature-copy.centered.svelte-o16fxw{text-align:center}.feature-copy.svelte-o16fxw h2:where(.svelte-o16fxw){font-family:var(--font-display);font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.1;letter-spacing:-.015em;margin:0 0 1rem}.feature-copy.svelte-o16fxw p:where(.svelte-o16fxw){font-size:1.0625rem;line-height:1.65;color:var(--muted-foreground);margin:0 0 1rem}.feature-copy.svelte-o16fxw p:where(.svelte-o16fxw):last-child{margin-bottom:0}.feature-copy.svelte-o16fxw kbd:where(.svelte-o16fxw){font-family:var( --font-mono, ui-monospace, SFMono-Regular, Menlo, monospace );font-size:.9em;background:var(--muted);border:1px solid var(--border);border-radius:.25rem;padding:.1em .45em}.bullets.svelte-o16fxw{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}.bullets.svelte-o16fxw li:where(.svelte-o16fxw){font-size:.95rem;color:var(--muted-foreground);padding-left:1rem;position:relative}.bullets.svelte-o16fxw li:where(.svelte-o16fxw):before{content:"";position:absolute;left:0;top:.55em;width:.375rem;height:.375rem;border-radius:50%;background:var(--purple)}.bullets.svelte-o16fxw li:where(.svelte-o16fxw) strong:where(.svelte-o16fxw){color:var(--foreground);font-weight:600}.bullet-btn.svelte-o16fxw{display:inline;margin:0;padding:0;background:transparent;border:0;font:inherit;color:var(--muted-foreground);text-align:left;cursor:pointer;text-decoration:underline dotted var(--purple);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.bullet-btn.svelte-o16fxw strong:where(.svelte-o16fxw){color:var(--foreground);font-weight:600}.bullet-btn.svelte-o16fxw:hover,.bullet-btn.svelte-o16fxw:focus-visible,.bullet-btn.active.svelte-o16fxw{color:var(--foreground);text-decoration-color:var(--purple);text-decoration-thickness:2px;outline:none}.feature-media.svelte-o16fxw{display:flex;justify-content:center}.feature-media.svelte-o16fxw img:where(.svelte-o16fxw){display:block;max-width:100%;height:auto;border-radius:.75rem;border:1px solid var(--border)}.mac-window.svelte-o16fxw{position:relative;container-type:inline-size;width:min(100%,64rem);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;background:#080808;box-shadow:0 30px 60px -20px #00000059,0 4px 12px #00000014}.mac-titlebar.svelte-o16fxw{position:relative;display:flex;align-items:center;height:1.375rem;border-bottom:1px solid rgba(0,0,0,.65);background:linear-gradient(#3b3b3b,#2c2c2c);box-shadow:inset 0 1px #ffffff1f}.mac-buttons.svelte-o16fxw{position:absolute;left:.5rem;display:flex;gap:.375rem}.mac-button.svelte-o16fxw{width:.625rem;height:.625rem;border-radius:999px;box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #0000002e}.mac-button.close.svelte-o16fxw{background:#ff5f57}.mac-button.minimize.svelte-o16fxw{background:#ffbd2e}.mac-button.zoom.svelte-o16fxw{background:#4a4f50}.mac-title.svelte-o16fxw{width:100%;color:#bdbdbd;font-size:.75rem;font-weight:500;line-height:1;text-align:center}.device-frame-stage.svelte-o16fxw{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#0a0a0a}@media(max-width:767px){.interactive-demo-section.svelte-o16fxw{display:none}}.interactive-demo-media.svelte-o16fxw iframe:where(.svelte-o16fxw){position:absolute;inset:0 auto auto 0;display:block;width:800px;height:800px;border:0;background:#0a0a0a;transform:scale(var(--device-scale, 1));transform-origin:top left}.demo-load-button.svelte-o16fxw{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#fff;padding:.8rem 1.1rem;font-size:.9rem;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-load-button.svelte-o16fxw:hover{background:#ffffff24}.shadow-plate.svelte-o16fxw img:where(.svelte-o16fxw){box-shadow:0 30px 60px -20px #00000040,0 4px 12px #0000000d}.shortcuts-media.svelte-o16fxw img:where(.svelte-o16fxw){max-width:min(44rem,100%);border-radius:1.5rem}.block-preview.svelte-o16fxw{flex-direction:column;align-items:stretch}.block-preview-stage.svelte-o16fxw{position:relative;width:100%;height:24rem}.preview-slot.svelte-o16fxw{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;transform:translateY(.35rem) scale(.985);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.preview-slot.visible.svelte-o16fxw{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.preview-slot.svelte-o16fxw .preview-img:where(.svelte-o16fxw){display:block;width:auto;height:auto;max-width:100%;max-height:calc(100% - 2rem);border-radius:.5rem;border:0;background:transparent}.preview-caption.svelte-o16fxw{margin:0;font-size:.9rem;color:var(--muted-foreground);text-align:center;transition:color .2s ease}.videos-section.svelte-o16fxw{max-width:58rem;margin:0 auto;padding:2rem 1.5rem 5rem}.videos-section.svelte-o16fxw .feature-copy:where(.svelte-o16fxw){margin-bottom:2.5rem}.videos.svelte-o16fxw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.video-card.svelte-o16fxw{background:var(--muted);border:1px solid var(--border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;backface-visibility:hidden;transform:translateZ(0);will-change:transform;transition:opacity .45s ease var(--reveal-delay, 0ms),transform .14s ease,border-color .14s ease}.video-card.svelte-o16fxw:hover{transform:translate3d(0,-.2rem,0);border-color:#7c3aee80}.video-card.svelte-o16fxw:nth-child(1){--reveal-delay: 0ms}.video-card.svelte-o16fxw:nth-child(2){--reveal-delay: 90ms}.video-card.svelte-o16fxw:nth-child(3){--reveal-delay: .18s}.video-card.svelte-o16fxw:nth-child(4){--reveal-delay: .27s}.video-card.svelte-o16fxw:nth-child(5){--reveal-delay: .36s}.video-card.svelte-o16fxw:nth-child(6){--reveal-delay: .45s}@media(prefers-reduced-motion:reduce){.video-card.svelte-o16fxw{--reveal-delay: 0ms}}.video-card.svelte-o16fxw video:where(.svelte-o16fxw){display:block;width:100%;aspect-ratio:16 / 10;object-fit:contain;background:#09090b}.video-caption.svelte-o16fxw{padding:1rem 1.25rem 1.25rem}.video-caption.svelte-o16fxw h3:where(.svelte-o16fxw){font-family:var(--font-display-medium);font-size:1rem;margin:0 0 .25rem}.video-caption.svelte-o16fxw p:where(.svelte-o16fxw){margin:0;font-size:.9rem;color:var(--muted-foreground)}.themes.svelte-o16fxw{max-width:76rem;margin:0 auto;padding:5rem 1.5rem}.themes-copy.svelte-o16fxw{text-align:center;margin-bottom:2.5rem}.themes-copy.svelte-o16fxw h2:where(.svelte-o16fxw){font-family:var(--font-display);font-size:clamp(1.75rem,3.2vw,2.5rem);margin:0 0 .5rem}.themes-copy.svelte-o16fxw p:where(.svelte-o16fxw){color:var(--muted-foreground);margin:0}.themes-stack.svelte-o16fxw{position:relative;max-width:56rem;margin:0 auto}.theme-img.svelte-o16fxw{width:100%;height:auto;display:block;border-radius:.75rem;border:1px solid var(--border);opacity:0;transition:opacity 1.2s ease-in-out}.theme-img.visible.svelte-o16fxw{opacity:1}.theme-overlay.svelte-o16fxw{position:absolute;inset:0}.closer.svelte-o16fxw{padding:6rem 1.5rem 7rem;background:radial-gradient(ellipse 60% 80% at 50% 100%,var(--purple-soft),transparent 70%);border-top:1px solid var(--border)}.closer-inner.svelte-o16fxw{max-width:40rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.closer-inner.svelte-o16fxw h2:where(.svelte-o16fxw){font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.015em;margin:0}.closer-inner.svelte-o16fxw p:where(.svelte-o16fxw){font-size:1.0625rem;color:var(--muted-foreground);margin:0}.muted.svelte-o16fxw{color:var(--muted-foreground)}.small.svelte-o16fxw{font-size:.875rem}@media(max-width:900px){.hero.svelte-o16fxw{padding:1.5rem 1.25rem 4rem}.hero-inner.svelte-o16fxw,.feature-split.svelte-o16fxw{grid-template-columns:1fr;gap:2.5rem}.feature-reverse.svelte-o16fxw .feature-copy:where(.svelte-o16fxw){order:0}.feature-reverse.svelte-o16fxw .feature-media:where(.svelte-o16fxw){order:0}.feature.svelte-o16fxw{padding:3.5rem 1.25rem}.videos-section.svelte-o16fxw{padding:1rem 1.25rem 3.5rem}.themes.svelte-o16fxw{padding:3.5rem 1.25rem}.closer.svelte-o16fxw{padding:4.5rem 1.25rem}}@media(max-width:620px){.videos.svelte-o16fxw{grid-template-columns:1fr}}