.themed-hero{--hero-gutter:clamp(1.25rem, 5vw, 3.5rem);--hero-content-width:min(68rem, calc(100vw - var(--hero-gutter) * 2));--hero-accent-soft:color-mix(in oklab, var(--hero-accent) 40%, #0f172ae6);--hero-accent-strong:color-mix(in oklab, var(--hero-accent) 68%, #0a1426d9);padding-top:clamp(3.5rem,9vw,6.75rem);padding:clamp(3.5rem, 9vw, 5.5rem) var(--hero-gutter) clamp(2.5rem, 7vw, 4.5rem);color:#f1f5f9f2;background:radial-gradient(circle at 12% 0%, color-mix(in oklab, var(--hero-accent) 70%, #0c1020f2) 0%, transparent 58%), radial-gradient(circle at 88% 8%, color-mix(in oklab, var(--hero-accent) 32%, #0f1426eb) 0%, transparent 60%), linear-gradient(180deg, #050a16f5, #060c1be6);clip-path:none;border-radius:0;margin:0 calc(50% - 50vw) clamp(2.5rem,6vw,4.5rem);position:relative;overflow:hidden}.themed-hero:before,.themed-hero:after{content:"";pointer-events:none;border-radius:0;position:absolute;inset:0}.themed-hero:before{opacity:.6;z-index:-3;background:radial-gradient(120% 80% at 50% 0,#ffffff0a,#0000 72%)}.themed-hero:after{z-index:-1;background:linear-gradient(#0000 0%,#060c1bd9 95%)}.themed-hero__backdrop{pointer-events:none;z-index:-2;border-radius:0;position:absolute;inset:calc(-1*clamp(3.5rem,9vw,5.5rem)) 0 0;overflow:hidden}.themed-hero__particles{opacity:.68;mix-blend-mode:screen;width:100%;height:100%;display:block;position:absolute;inset:0}.themed-hero__gradient{background:radial-gradient(circle at 10% 20%, color-mix(in oklab, var(--hero-accent) 55%, transparent) 0%, transparent 60%), radial-gradient(circle at 82% 70%, color-mix(in oklab, var(--hero-accent) 28%, transparent) 0%, transparent 55%), linear-gradient(155deg, #091020d9, transparent 70%);filter:blur(90px);opacity:.9;position:absolute;inset:-35%;transform:rotate(1deg)}.themed-hero__beam{mix-blend-mode:screen;opacity:.7;background:conic-gradient(from 110deg,#ffffff24,#0000 68%);animation:28s linear infinite hero-beam;position:absolute;inset:-10% -45% 20%}.themed-hero__beam--two{opacity:.5;animation-duration:36s;animation-direction:reverse}.themed-hero__grid{opacity:.35;mix-blend-mode:overlay;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b812 1px,#0000 1px);background-size:clamp(70px,6vw,120px) clamp(70px,6vw,120px);animation:40s linear infinite hero-grid;position:absolute;inset:-18%;transform:rotate(3deg)scale(1.25)}.themed-hero__orb{background:radial-gradient(circle, color-mix(in oklab, var(--hero-accent) 65%, transparent) 0%, transparent 70%);filter:blur(40px);opacity:.5;mix-blend-mode:screen;border-radius:9999px;width:clamp(220px,22vw,340px);height:clamp(220px,22vw,340px);animation:30s ease-in-out infinite hero-orbit;position:absolute;mask-image:radial-gradient(circle,#000000e6,#0000 70%)}.themed-hero__orb--one{top:18%;left:clamp(-16%,-8vw,-6%)}.themed-hero__orb--two{animation-duration:36s;animation-direction:reverse;bottom:18%;right:clamp(-16%,-8vw,-6%)}.themed-hero__shine{background:radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--hero-accent) 65%, #ffffff1a), transparent 68%);opacity:.75;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.themed-hero__inner{width:var(--hero-content-width);text-align:center;place-items:center;gap:clamp(1.1rem,2.4vw,2rem);margin:0 auto;display:grid;position:relative}.themed-hero__badge{font-size:var(--type-meta);letter-spacing:.18em;text-transform:uppercase;color:#e2e8f0c2;border:1px solid color-mix(in oklab, var(--hero-accent) 35%, #94a3b847);backdrop-filter:blur(12px);background:#0c122499;border-radius:9999px;align-items:center;gap:.55rem;padding:.32rem 1rem;display:inline-flex}.themed-hero__badge-dot{background:color-mix(in oklab, var(--hero-accent) 78%, #f8fafc59);width:.55rem;height:.55rem;box-shadow:0 0 16px color-mix(in oklab, var(--hero-accent) 62%, transparent);border-radius:9999px}.themed-hero__title{font-size:var(--type-page-title-compact);letter-spacing:-.025em;color:#f8fafcfa;font-weight:700;line-height:1.08}.themed-hero__subtitle{font-size:var(--type-body-lg);color:#e2e8f0d1;max-width:68ch;margin:0;line-height:1.5}.themed-hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:inline-flex}@media (width>=960px){.themed-hero{padding-inline:clamp(4.5rem,10vw,7rem)}.themed-hero__inner{text-align:left;justify-items:flex-start;gap:clamp(1.25rem,2.5vw,2.4rem)}.themed-hero__actions{justify-content:flex-start}}@media (width<=640px){.themed-hero{margin-inline:calc(50% - 50vw);padding-inline:clamp(1.5rem,6vw,2.5rem)}}@media (prefers-reduced-motion:reduce){.themed-hero,.themed-hero__beam,.themed-hero__grid,.themed-hero__orb{transition-duration:.001ms!important;animation:none!important}.themed-hero__particles{opacity:.4}}@keyframes hero-beam{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(8deg)translateY(-2%)}to{transform:rotate(0)translateY(0)}}@keyframes hero-grid{0%{transform:rotate(3deg)scale(1.25)translateY(0)}50%{transform:rotate(5deg)scale(1.28)translateY(-1.5%)}to{transform:rotate(3deg)scale(1.25)translateY(0)}}@keyframes hero-orbit{0%{transform:rotate(0)translate(0)}50%{transform:rotate(12deg)translate(2%,1%)}to{transform:rotate(0)translate(0)}}