@property --hero-ambient{syntax:"<color>";inherits:true;initial-value:#0000}.hero-canvas{isolation:isolate;border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);border-radius:.75rem;min-height:18rem;position:relative;overflow:hidden}.hero-layer-ambient{--hero-ambient:var(--color-brand-aurora-accent);z-index:0;pointer-events:none;background:radial-gradient(80% 70% at 30% 20%, var(--hero-ambient), transparent 68%);opacity:.9;transition:opacity var(--motion-duration-slow) var(--motion-ease-reveal), transform var(--motion-duration-slow) var(--motion-ease-reveal);will-change:transform, opacity;position:absolute;inset:0;transform:translate(0,0)}.hero-layer-ambient[data-brand=deg]{--hero-ambient:var(--color-brand-deg-accent)}.hero-layer-ambient[data-brand=ember]{--hero-ambient:var(--color-brand-ember-accent)}.hero-pane{z-index:1;color:var(--color-text-primary);transition-property:transform,opacity;transition-duration:var(--motion-duration-slow);transition-timing-function:var(--motion-ease-reveal);animation:hero-reveal var(--motion-duration-slow) var(--motion-ease-reveal) both;will-change:transform, opacity;align-items:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0;transform:translate(0,0)}.hero-canvas[data-anchor=start] .hero-pane-major{clip-path:inset(0 40% 0 0)}.hero-canvas[data-anchor=start] .hero-pane-minor{clip-path:inset(0 0 0 60%)}.hero-canvas[data-anchor=end] .hero-pane-major{clip-path:inset(0 0 0 40%)}.hero-canvas[data-anchor=end] .hero-pane-minor{clip-path:inset(0 60% 0 0)}.hero-pane[data-brand=aurora]{background:color-mix(in srgb, var(--color-brand-aurora) 72%, var(--color-background-base))}.hero-pane[data-brand=deg]{background:color-mix(in srgb, var(--color-brand-deg) 78%, var(--color-background-base))}.hero-pane[data-brand=ember]{background:color-mix(in srgb, var(--color-brand-ember) 70%, var(--color-background-base))}.hero-pane-copy{font-family:var(--font-mono);flex-direction:column;gap:.25rem;display:flex}@keyframes hero-reveal{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.hero-layer-ambient,.hero-pane{transition:none;animation:none}}
@media (min-width:48rem){.pricing-tier[data-recommended=true]{transform:translate3d(0, calc(var(--spacing) * -3), 0)}}