:root{--nav-height:72px}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.landing-reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.landing-reveal.revealed{opacity:1;transform:translateY(0)}.landing-stagger>.landing-reveal:first-child{transition-delay:0s}.landing-stagger>.landing-reveal:nth-child(2){transition-delay:.1s}.landing-stagger>.landing-reveal:nth-child(3){transition-delay:.2s}.landing-stagger>.landing-reveal:nth-child(4){transition-delay:.3s}.landing-stagger>.landing-reveal:nth-child(5){transition-delay:.4s}.landing-stagger>.landing-reveal:nth-child(6){transition-delay:.5s}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{gap:28px;width:max-content;animation:45s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes hero-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-gradient-mesh{background:linear-gradient(135deg,#0a0a0a 0%,#1a0a1a 25%,#0d0d1a 50%,#1a0f0a 75%,#0a0a0a 100%) 0 0/400% 400%;animation:12s ease-in-out infinite hero-gradient-shift}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}.hero-orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float-orb;position:absolute}.showcase-phone{background:#111;border-radius:28px;flex-shrink:0;width:240px;height:426px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff14,0 25px 50px -12px #0006,0 12px 24px -8px #0000004d}.showcase-phone:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 0 0 2px #ffffff26,0 35px 60px -12px #00000080,0 20px 30px -8px #00000059}.glass-card{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff4d;border-radius:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000000f}.glass-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001a}.text-gradient-brand{background:linear-gradient(135deg,#e11d48,#f59e0b,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.showcase-scroll-mobile{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:12px 24px;display:flex;overflow-x:auto}.showcase-scroll-mobile::-webkit-scrollbar{display:none}.showcase-scroll-mobile>*{scroll-snap-align:center;flex-shrink:0}.showcase-phone{border-radius:24px;width:200px;height:356px}}.arg-icon-wrap{position:relative}.arg-icon-wrap:after{content:"";background:inherit;opacity:0;filter:blur(12px);z-index:-1;border-radius:18px;transition:opacity .3s;position:absolute;inset:-4px}.arg-card:hover .arg-icon-wrap:after{opacity:.4}.hero-gradient-light{background:#f3f4f6 radial-gradient(circle,#fffc 0%,#f3f4f6 100%)}@keyframes float-hero-card{0%,to{transform:translateY(0) scale(var(--target-scale,1)) rotate(var(--target-rotate,0deg))}50%{transform:translateY(-20px) scale(var(--target-scale,1)) rotate(calc(var(--target-rotate,0deg) + 2deg))}}@keyframes hero-card-entrance{0%{opacity:0}to{opacity:1}}.hero-float-card{opacity:0;animation:float-hero-card var(--float-duration,8s) ease-in-out infinite, hero-card-entrance 4s cubic-bezier(.16, 1, .3, 1) forwards;animation-delay:var(--float-delay,0s), var(--entrance-delay,0s);will-change:transform, opacity;position:relative}.showcase-phone-light{cursor:pointer;background:#fff;border-radius:24px;flex-shrink:0;width:240px;height:426px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 20px 40px -12px #00000026,0 8px 16px -8px #0000001a;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.showcase-phone-light:hover{animation-play-state:paused}.mobile-levitation-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:500px;margin:0 auto;padding:16px;display:grid}.mobile-levitation-grid>div:nth-child(2n){margin-top:40px}@media (max-width:768px){.showcase-phone-light{aspect-ratio:9/16;border-radius:20px;width:100%;height:auto}}
