:root{--brand-primary:#6366f1;--brand-secondary:#a855f7;--brand-dark:#0f172a;--glass-bg:#ffffffb3;--glass-border:#ffffff4d}.landing-container{scroll-behavior:smooth;overflow-x:hidden}.glass-nav{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:all .3s;position:fixed;top:0;left:0;right:0}.hero-gradient-text{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.animate-fade-in{opacity:0;animation:1s ease-out forwards fadeIn}.animate-slide-up{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(30px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nav-link{color:#475569;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--brand-primary)}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;height:100%;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:#6366f133;transform:translateY(-8px);box-shadow:0 20px 40px -12px #6366f11f}.hero-mockup-container{background:linear-gradient(135deg,#fff3 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:24px;padding:10px;position:relative;box-shadow:0 50px 100px -20px #0f172a40}.hero-mockup-frame{background:#0f172a;border-radius:16px;overflow:hidden}.secondary-button{color:var(--brand-dark);background:#fff;border:1px solid #e2e8f0;transition:all .2s}.secondary-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}