.hero-section:where(.astro-s4khibbi){--hero-surface-start:color-mix(in srgb, var(--aspire-color-primary) 9%, transparent);--hero-surface-mid:color-mix(in srgb, var(--aspire-color-secondary) 5%, transparent);--hero-surface-right:color-mix(in srgb, var(--aspire-color-secondary) 7%, transparent);--hero-border:color-mix(in srgb, var(--aspire-color-secondary) 24%, transparent);background:radial-gradient(circle at 88% 32%, var(--hero-surface-right) 0%, transparent 38%), linear-gradient(145deg, var(--hero-surface-start), var(--hero-surface-mid), transparent 70%);border:1px solid var(--hero-border);border-radius:.75rem;margin-bottom:2rem;padding:3rem 2rem 2.5rem 2.5rem;position:relative;overflow:hidden}[data-theme=light] .hero-section:where(.astro-s4khibbi){--hero-surface-start:color-mix(in srgb, var(--aspire-color-primary) 11%, transparent);--hero-surface-mid:color-mix(in srgb, var(--aspire-color-secondary) 8%, transparent);--hero-surface-right:color-mix(in srgb, var(--aspire-color-secondary) 10%, transparent);--hero-border:color-mix(in srgb, var(--aspire-color-primary) 34%, transparent)}[data-theme=dark] .hero-section:where(.astro-s4khibbi){--hero-surface-start:color-mix(in srgb, var(--aspire-color-primary) 10%, transparent);--hero-surface-mid:color-mix(in srgb, var(--aspire-color-secondary) 5%, transparent);--hero-surface-right:color-mix(in srgb, var(--aspire-color-secondary) 8%, transparent);--hero-border:color-mix(in srgb, var(--aspire-color-secondary) 25%, transparent)}.hero-grid:where(.astro-s4khibbi){background-image:linear-gradient(color-mix(in srgb, var(--aspire-color-primary) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--aspire-color-primary) 6%, transparent) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 100%)}.hero-logo:where(.astro-s4khibbi){z-index:1;background:color-mix(in srgb, var(--aspire-color-primary) 18%, var(--sl-color-bg));border:2px solid color-mix(in srgb, var(--aspire-color-primary) 35%, transparent);border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;margin-left:1rem;display:inline-flex;position:relative}.hero-logo:where(.astro-s4khibbi) img{width:2rem;height:2rem}.hero-content:where(.astro-s4khibbi){z-index:1;max-width:44rem;padding-left:1rem;position:relative}.hero-title:where(.astro-s4khibbi){letter-spacing:-.02em;color:var(--sl-color-text);margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.15}.hero-highlight:where(.astro-s4khibbi){background:linear-gradient(90deg,#7455dd 0%,#9780e5 40%,#b9aaee 70%,#dcd5f6 100%);-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-highlight:where(.astro-s4khibbi){background:linear-gradient(90deg,#512bd4 0%,#7455dd 50%,#9780e5 100%);-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle:where(.astro-s4khibbi){color:var(--sl-color-gray-3);max-width:38rem;margin:0 0 1.75rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}[data-theme=light] .hero-subtitle:where(.astro-s4khibbi){color:var(--sl-color-gray-2)}.hero-actions:where(.astro-s4khibbi){flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-btn:where(.astro-s4khibbi){font-family:var(--sl-font-system);white-space:nowrap;cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn:where(.astro-s4khibbi):focus-visible{outline:2px solid var(--sl-color-text);outline-offset:2px}.hero-btn-primary:where(.astro-s4khibbi){background:var(--aspire-color-primary);color:#fff}.hero-btn-primary:where(.astro-s4khibbi):hover{background:var(--aspire-color-purple);transform:translateY(-1px)}.hero-btn-secondary:where(.astro-s4khibbi){background:color-mix(in srgb, var(--aspire-color-primary) 12%, transparent);color:var(--sl-color-text);border:1px solid color-mix(in srgb, var(--aspire-color-primary) 30%, transparent)}.hero-btn-secondary:where(.astro-s4khibbi):hover{background:color-mix(in srgb, var(--aspire-color-primary) 20%, transparent);border-color:color-mix(in srgb, var(--aspire-color-primary) 50%, transparent)}.hero-floating-icons:where(.astro-s4khibbi){pointer-events:none;width:40%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.floating-icon:where(.astro-s4khibbi){color:var(--aspire-color-primary);opacity:.1;filter:blur(.5px);justify-content:center;align-items:center;animation:7s ease-in-out infinite float-icon;display:inline-flex;position:absolute}.floating-icon:where(.astro-s4khibbi) svg{width:1em;height:1em}@keyframes float-icon{0%,to{opacity:.1;transform:translateY(0)rotate(0)scale(1)}25%{opacity:.15;transform:translateY(-6px)rotate(3deg)scale(1.05)}50%{opacity:.18;transform:translateY(-12px)rotate(-2deg)scale(1.1)}75%{opacity:.12;transform:translateY(-5px)rotate(1deg)scale(1.02)}}@media (prefers-reduced-motion:reduce){.hero-btn:where(.astro-s4khibbi){transition:none}.hero-btn-primary:where(.astro-s4khibbi):hover{transform:none}.floating-icon:where(.astro-s4khibbi){opacity:.08;animation:none}}@media (width<=1024px){.hero-section:where(.astro-s4khibbi){margin-bottom:1.5rem;padding:2.25rem 1.75rem 2rem 2rem}.hero-logo:where(.astro-s4khibbi){width:2.75rem;height:2.75rem;margin-bottom:1rem}.hero-logo:where(.astro-s4khibbi) img{width:1.75rem;height:1.75rem}.hero-title:where(.astro-s4khibbi){margin-bottom:.75rem;font-size:clamp(1.35rem,2.6vw,1.75rem)}.hero-subtitle:where(.astro-s4khibbi){margin-bottom:1.25rem;font-size:clamp(.95rem,1.6vw,1.05rem)}.hero-btn:where(.astro-s4khibbi){padding:.55rem 1.15rem;font-size:.9rem}}@media (width<=640px){.hero-section:where(.astro-s4khibbi){margin-bottom:1.25rem;padding:1.5rem 1rem 1.5rem 1.25rem}.hero-content:where(.astro-s4khibbi){padding-left:.25rem}.hero-logo:where(.astro-s4khibbi){border-radius:.5rem;width:2.5rem;height:2.5rem;margin-bottom:.75rem;margin-left:.25rem}.hero-logo:where(.astro-s4khibbi) img{width:1.5rem;height:1.5rem}.hero-title:where(.astro-s4khibbi){margin-bottom:.6rem;font-size:clamp(1.2rem,4.5vw,1.5rem)}.hero-subtitle:where(.astro-s4khibbi){margin-bottom:1rem;font-size:.95rem}.hero-btn:where(.astro-s4khibbi){padding:.5rem 1rem;font-size:.875rem}.hero-floating-icons:where(.astro-s4khibbi){opacity:.6;width:50%;right:-10%}}