.hero{align-items:center;background:var(--daemon-cream);display:flex;min-height:100vh;overflow:hidden;padding-top:120px;position:relative}.hero:before{background:radial-gradient(circle,rgba(255,0,104,.08) 0,transparent 60%);content:"";height:150%;pointer-events:none;position:absolute;right:-20%;top:-50%;width:80%}.hero__content{max-width:800px;position:relative;z-index:2}.hero__badge{align-items:center;background:var(--white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--daemon-pink);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md)}.hero__badge:before{animation:pulse 2s infinite;background:var(--daemon-pink);border-radius:50%;content:"";height:8px;width:8px}.hero__title{margin-bottom:var(--space-lg)}.hero__title-accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{color:var(--daemon-gray-light);font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:var(--space-xl);max-width:600px}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero__visual{align-items:center;border-radius:var(--radius-xl);display:flex;height:75%;justify-content:center;overflow:hidden;position:absolute;right:3%;top:50%;transform:translateY(-50%);width:40%}.hero__image,.hero__video{border-radius:var(--radius-xl);height:100%;object-fit:cover;width:100%}.hero__video{left:0;position:absolute;top:0}.hero__video,video[data-fade-to-image]{transition:opacity 2s ease}.hero__video.fade-out,video.fade-out{opacity:0}.hero__video--mobile{display:none}.character-container{pointer-events:none;position:absolute;z-index:10}.character-container img{bottom:0;max-height:200px;position:absolute;transition:opacity 1s ease,transform 1s ease;width:auto}.character-container img.fade-out{opacity:0;transform:translateY(20px)}.character-container img.fade-in{opacity:1;transform:translateY(0)}.character-container img.hidden{opacity:0}.character-container--bottom-right{bottom:-30px;right:120px}.character-container--bottom-left{bottom:-30px;left:-20px}.character-container--bottom-right-far{bottom:-40px;right:110px}.character-container--bottom-left-far{bottom:-40px;left:-40px}.character-container--hero{bottom:8%;opacity:0;right:33%;transition:opacity 1.5s ease;z-index:20}.character-container--hero.visible{opacity:1}.hero__visual-element{animation:float 6s ease-in-out infinite;background:var(--gradient-primary);border-radius:var(--radius-xl);height:100%;opacity:.1;position:absolute;width:100%}.hero__visual-element:nth-child(2){animation-delay:-2s;height:80%;width:80%}.hero__visual-element:nth-child(3){animation-delay:-4s;height:60%;width:60%}@media (max-width:1024px){.hero{min-height:auto;padding:calc(80px + var(--space-2xl)) 0 var(--space-2xl)}.hero__content{max-width:100%;text-align:center}.hero__ctas{justify-content:center}.hero__visual{aspect-ratio:4/5;height:auto;margin-top:var(--space-xl);position:relative;top:auto;transform:none;width:100%}.hero__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hero__video{display:none}.hero__video--mobile{border-radius:var(--radius-xl);display:block;height:100%;object-fit:cover;width:100%}.character-container--bottom-right,.character-container--bottom-right-far{right:30px}.character-container--bottom-left,.character-container--bottom-left-far{left:10px}.character-container img{max-height:160px}}@media (max-width:768px){.hero__badge span{font-size:.75rem}.hero__subtitle{font-size:1rem}.character-container--hero,.hero__visual{display:none}.character-container--bottom-right,.character-container--bottom-right-far{left:20px;right:auto}.character-container--bottom-left,.character-container--bottom-left-far{left:20px}.character-container img{max-height:140px}}@media (max-width:480px){.hero__ctas{flex-direction:column;width:100%}.hero__ctas .btn{width:100%}.character-container--bottom-right,.character-container--bottom-right-far{left:15px;right:auto}.character-container--bottom-left,.character-container--bottom-left-far{left:15px}.character-container img{max-height:110px}}