.features-page.svelte-1s98uuv{position:relative}.page-content.svelte-1s98uuv{z-index:2;position:relative}.features-page.svelte-1s98uuv .webgl-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.webgl-fallback.svelte-1s98uuv{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%, #8b5cf626 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, #b388ff14 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, #f5d65a0f 0%, transparent 60%), var(--dark-bg);width:100%;height:100%;position:fixed;top:0;left:0}.hero-section.svelte-1s98uuv{padding-top:10rem;padding-bottom:2rem}.hero-inner.svelte-1s98uuv{max-width:720px}.hero-inner.svelte-1s98uuv h1:where(.svelte-1s98uuv){font-family:var(--font-heading);color:#f5f5ff;margin:.5rem 0 1.25rem;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.hero-subtitle.svelte-1s98uuv{color:var(--dark-text-muted);max-width:560px;font-size:1.125rem;line-height:1.6}.category-section.svelte-1s98uuv{padding:4rem 0}.category-section.band.svelte-1s98uuv{background:var(--dark-surface)}.category-header.svelte-1s98uuv{max-width:640px;margin-bottom:2rem}.category-header.svelte-1s98uuv h2:where(.svelte-1s98uuv){font-family:var(--font-heading);color:#f5f5ff;margin:.5rem 0 .75rem;font-size:clamp(1.5rem,2.5vw,2rem)}.category-intro.svelte-1s98uuv{color:var(--dark-text-muted);margin:0;line-height:1.6}.capability-grid.svelte-1s98uuv{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.capability-card.svelte-1s98uuv{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--dark-border);background:#12121acc;border-radius:16px;padding:1.5rem;transition:all .3s}.capability-card.svelte-1s98uuv:hover{background:#12121ae6;border-color:#b388ff59;transform:translateY(-2px)}.capability-icon.svelte-1s98uuv{color:#b388ff;background:#b388ff1f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:inline-flex}.capability-card.svelte-1s98uuv h3:where(.svelte-1s98uuv){color:#f5f5ff;margin:0 0 .5rem;font-size:1.0625rem}.capability-card.svelte-1s98uuv p:where(.svelte-1s98uuv){color:var(--dark-text-muted);margin:0;font-size:.9375rem;line-height:1.6}.cta-section.svelte-1s98uuv{padding:4rem 0 6rem}.cta-inner.svelte-1s98uuv{text-align:center;max-width:560px;margin:0 auto}.cta-inner.svelte-1s98uuv h2:where(.svelte-1s98uuv){font-family:var(--font-heading);color:#f5f5ff;margin:0 0 .75rem;font-size:1.75rem}.cta-inner.svelte-1s98uuv p:where(.svelte-1s98uuv){color:var(--dark-text-muted);margin:0 0 2rem}.cta-buttons.svelte-1s98uuv{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.dark-page.features-page .btn-outline.svelte-1s98uuv{color:#f5f5ff;background:linear-gradient(135deg,#5b3d8a4d,#b388ff33);border-color:#b388ff40;position:relative}.dark-page.features-page .btn-outline.svelte-1s98uuv:before{content:"";border-radius:calc(var(--radius-md) + 4px);opacity:0;pointer-events:none;border:2px solid #b388ff33;transition:opacity .3s;position:absolute;inset:-4px}.dark-page.features-page .btn-outline.svelte-1s98uuv:hover:before{opacity:1}.dark-page.features-page .btn-outline.svelte-1s98uuv:hover{background:linear-gradient(135deg,#5b3d8a66,#b388ff4d);border-color:#b388ff80}@media (width<=640px){.hero-section.svelte-1s98uuv{padding-top:8rem}.cta-buttons.svelte-1s98uuv{flex-direction:column;align-items:stretch}}