.hero-img-light{display:block}.hero-img-dark,.dark .hero-img-light{display:none}.dark .hero-img-dark{display:block}.hero-aurora{z-index:0;pointer-events:none;filter:blur(80px);will-change:transform;background:conic-gradient(#0a84ff47 0deg,#0000 60deg,#00e85a33 120deg,#0000 180deg,#5e5ce638 240deg,#0000 300deg,#0a84ff47 360deg);animation:25s linear infinite hero-aurora-spin;position:absolute;inset:-50%}:root:not(.dark) .hero-aurora{background:conic-gradient(#0a84ff1a 0deg,#0000 60deg,#00c85012 120deg,#0000 180deg,#5e5ce617 240deg,#0000 300deg,#0a84ff1a 360deg)}@keyframes hero-aurora-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.hero-pulse{z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,#0a84ff26,#0000 70%);animation:8s ease-in-out infinite hero-pulse-breathe;position:absolute;inset:0}:root:not(.dark) .hero-pulse{background:radial-gradient(80% 60% at 50% 40%,#0a84ff12,#0000 70%)}@keyframes hero-pulse-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-mesh{z-index:0;pointer-events:none;background:radial-gradient(50% 40% at 20% 80%,#00e85a1f,#0000 60%),radial-gradient(40% 50% at 80% 20%,#5e5ce61a,#0000 60%),radial-gradient(60% 40% at 60% 70%,#ff9f0a14,#0000 60%);animation:15s ease-in-out infinite alternate hero-mesh-shift;position:absolute;inset:0}:root:not(.dark) .hero-mesh{background:radial-gradient(50% 40% at 20% 80%,#0a84ff0f,#0000 60%),radial-gradient(40% 50% at 80% 20%,#5e5ce60d,#0000 60%),radial-gradient(60% 40% at 60% 70%,#ff9f0a0a,#0000 60%)}@keyframes hero-mesh-shift{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,20px)scale(1.08)}}.hero-grid{z-index:0;pointer-events:none;opacity:.03;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:60px 60px;animation:20s linear infinite hero-grid-drift;position:absolute;inset:0}:root:not(.dark) .hero-grid{display:none}@keyframes hero-grid-drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@media (prefers-reduced-motion:reduce){.hero-aurora,.hero-pulse,.hero-mesh,.hero-grid{animation:none!important}}.hero-phone-glow{pointer-events:none;z-index:0;background:radial-gradient(#0a84ff33,#5e5ce614 40%,#0000 70%);width:120%;max-width:1200px;height:120%;animation:6s ease-in-out infinite hero-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root:not(.dark) .hero-phone-glow{background:radial-gradient(#0a84ff14,#5e5ce608 40%,#0000 70%)}@keyframes hero-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-phone-glow{animation:none!important}}.hero-carousel{width:clamp(260px,65vw,300px);margin:0 auto;position:relative}@media (min-width:768px){.hero-carousel{width:clamp(280px,32vw,340px)}}@media (min-width:1024px){.hero-carousel{width:clamp(300px,26vw,370px)}}.hero-carousel-float{animation:4s ease-in-out infinite hero-carousel-float}@keyframes hero-carousel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hero-carousel-float{animation:none!important}}.hero-carousel-track{perspective:1800px;aspect-ratio:406/870;width:100%;position:relative}.hero-carousel-item{transform-style:preserve-3d;position:absolute;inset:0}.hero-phone-frame{background:#0006;border:1px solid #ffffff1f;border-radius:2.5rem;padding:8px;box-shadow:0 4px 8px #0000004d,0 16px 40px #0006,0 32px 80px #00000080,inset 0 1px #ffffff0f}:root:not(.dark) .hero-phone-frame{background:#fffffff2;border-color:#00000014;box-shadow:0 4px 8px #0000000f,0 16px 40px #0000001a,0 32px 80px #00000024}.hero-arrow{z-index:10;color:#ffffffb3;opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .3s,background-color .2s,color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}:root:not(.dark) .hero-arrow{border-color:var(--border-subtle);color:var(--text-secondary);background:#fffc}.hero-arrow:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translateY(-50%)scale(1.08)}:root:not(.dark) .hero-arrow:hover{color:var(--text-primary);border-color:var(--border-strong);background:#fffffff2}.hero-arrow:active{transform:translateY(-50%)scale(.95)}.hero-arrow.left{left:4%}.hero-arrow.right{right:4%}.hero-showcase-wrapper:hover .hero-arrow{opacity:1}@media (max-width:767px){.hero-arrow{display:none}}.hero-dot{cursor:pointer;border:none;border-radius:9999px;height:8px;transition:all .3s}.hero-dot-active{background:#0a84ff;width:28px;box-shadow:0 0 12px #0a84ff80}.hero-dot-inactive{background:#ffffff40;width:8px}.hero-dot-inactive:hover{background:#ffffff73}:root:not(.dark) .hero-dot-active{background:var(--accent);box-shadow:none}:root:not(.dark) .hero-dot-inactive{background:#00000026}:root:not(.dark) .hero-dot-inactive:hover{background:#0000004d}
