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