#smile-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:.42;contain:strict}
header nav{gap:14px}
.home-navigation{white-space:nowrap}
.hero{position:relative;overflow:hidden}
.hero-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;perspective:900px}
.hero-copy,html[lang=en] .hero-copy{position:relative;z-index:2}
.hero-stars{z-index:1;pointer-events:none}
.hero-spotlight{position:absolute;top:30px;width:55%;height:100%;transform-origin:50% 0;opacity:.7;mix-blend-mode:screen}
.hero-spotlight::before{content:'';position:absolute;inset:0;background:conic-gradient(from 158deg at 50% 0%,transparent 0deg,#b9d9ff03 4deg,#bcdeff29 15deg,#cde8ff40 22deg,#bcdeff19 31deg,transparent 44deg);filter:blur(13px);mask-image:linear-gradient(#000,transparent 90%)}
.hero-spotlight::after{content:'';position:absolute;top:-5px;left:calc(50% - 14px);width:28px;height:8px;background:#e4f2ff;border-radius:50%;box-shadow:0 0 15px 5px #b8daff99,0 0 65px 22px #99c9ff38}
.spotlight-left{left:-16%;animation:smile-light-left 18s ease-in-out infinite}
.spotlight-right{right:-16%;animation:smile-light-right 21s ease-in-out infinite}
.hero-depth-plane{position:absolute;inset:25% -25% -45%;background:linear-gradient(90deg,#c4dfff0a 1px,transparent 1px) center/105px 105px,linear-gradient(#c4dfff0a 1px,transparent 1px) center/105px 105px;transform:translate3d(var(--hero-parallax,0px),0,-100px) rotateX(54deg);transform-origin:50% 100%;mask-image:radial-gradient(ellipse,#000a,transparent 70%);transition:transform 1s ease-out;animation:smile-grid-breathe 13s ease-in-out infinite}
.hero-ambient:after{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 68% 35%,#62a2ff18,transparent 50%);animation:smile-hero-glow 17s ease-in-out infinite}
@keyframes smile-light-left{0%,100%{transform:rotate(-13deg);opacity:.52}50%{transform:rotate(6deg);opacity:.83}}
@keyframes smile-light-right{0%,100%{transform:rotate(13deg);opacity:.78}50%{transform:rotate(-7deg);opacity:.5}}
@keyframes smile-grid-breathe{0%,100%{opacity:.4}50%{opacity:.9}}
@keyframes smile-hero-glow{0%,100%{transform:translate3d(-2%,0,0);opacity:.5}50%{transform:translate3d(3%,2%,0);opacity:1}}
@media(max-width:1200px) and (min-width:761px){header nav{gap:11px;font-size:11px}header .brand{font-size:23px}.header-actions{gap:7px}}
@media(max-width:760px){.hero-spotlight{top:20px;width:78%;height:90%}.spotlight-left{left:-33%}.spotlight-right{right:-33%}.hero-spotlight::after{width:20px;height:6px;left:calc(50% - 10px)}#smile-atmosphere{opacity:.33}}
@media(prefers-reduced-motion:reduce){.hero-spotlight,.hero-depth-plane,.hero-ambient:after{animation:none}.hero-depth-plane{transition:none}}