.landing-root{--op-ink:#17131f;--op-sub:#5f5a6b;--op-violet:#7c3aed;--op-pink:#db2777;--op-amber:#f59e0b;--op-bg-soft:#f7f5ff;font-feature-settings:"tnum";scroll-behavior:smooth}.text-balance{text-wrap:balance}.op-gradient-text{background:linear-gradient(100deg,var(--op-violet) 10%,var(--op-pink) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.op-cta,.op-gradient-bg{background:linear-gradient(100deg,var(--op-violet) 0,var(--op-pink) 100%)}.op-cta{color:#fff;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 8px 24px rgba(124,58,237,.28)}.op-cta:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 32px rgba(219,39,119,.32)}.op-cta:active{transform:translateY(0)}.op-hero-bg{background:radial-gradient(60rem 32rem at 85% -10%,rgba(124,58,237,.12),transparent 60%),radial-gradient(50rem 28rem at 0 20%,rgba(219,39,119,.09),transparent 60%),linear-gradient(180deg,#fff,#faf9ff)}.op-section-soft{background:var(--op-bg-soft)}.op-card{background:#fff;border:1px solid rgba(23,19,31,.07);border-radius:1.25rem;box-shadow:0 2px 12px rgba(23,19,31,.05);transition:transform .2s ease,box-shadow .2s ease}.op-card-hover:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,19,31,.1)}.op-phone{width:300px;border-radius:2.6rem;background:#17131f;padding:.65rem;box-shadow:0 24px 60px rgba(23,19,31,.28),0 4px 16px rgba(23,19,31,.18)}.op-phone-screen{border-radius:2rem;overflow:hidden;background:linear-gradient(180deg,#1d1830,#241a3d);color:#fff}.op-phone-notch{width:7rem;height:1.4rem;margin:.4rem auto 0;border-radius:9999px;background:#17131f}.op-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.op-eq span{width:3px;border-radius:2px;background:#34d399;animation:op-eq-bounce 1s ease-in-out infinite}.op-eq span:nth-child(2){animation-delay:.15s}.op-eq span:nth-child(3){animation-delay:.3s}.op-eq span:nth-child(4){animation-delay:.45s}@keyframes op-eq-bounce{0%,to{height:4px}50%{height:14px}}.op-float{animation:op-float 5s ease-in-out infinite}.op-float-delay{animation:op-float 6s ease-in-out 1.2s infinite}@keyframes op-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(5deg)}}@keyframes op-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes op-fade-in{0%{opacity:0}to{opacity:1}}@keyframes op-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.animate-hidden{opacity:0}.animate-fade-in-up{animation:op-fade-up .7s ease-out forwards}.animate-fade-in{animation:op-fade-in .6s ease-out forwards}.animate-scale-in{animation:op-scale-in .6s ease-out forwards}.stagger-1{animation-delay:.08s}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}.stagger-5{animation-delay:.4s}.stagger-6{animation-delay:.48s}@media (prefers-reduced-motion:reduce){.animate-hidden{opacity:1}.animate-fade-in,.animate-fade-in-up,.animate-scale-in,.op-eq span,.op-float,.op-float-delay{animation:none!important}}