*{font-family:Inter,sans-serif}:root{--teal-deep: #071412;--teal-mid: #0a1a18;--teal-soft: #0e2421;--teal: #14b8a6;--cyan: #0891b2;--teal-lt: #5eead4}body{background:var(--teal-deep);color:#f1f5f9;overflow-x:hidden}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.gradient-text{background:linear-gradient(135deg,#5eead4,#2dd4bf,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-badge{background:linear-gradient(135deg,#14b8a640,#0891b240);border:1px solid rgba(20,184,166,.4)}.btn-primary{background:linear-gradient(135deg,#0d9488,#0891b2);box-shadow:0 0 30px #14b8a666;transition:all .3s ease}.btn-primary:hover{box-shadow:0 0 50px #14b8a699;transform:translateY(-2px)}.btn-ghost{background:#ffffff12;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff4d}.glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.glass-hover{transition:all .4s ease}.glass-hover:hover{background:#ffffff14;border-color:#14b8a666;transform:translateY(-6px);box-shadow:0 20px 60px #14b8a626}.orb{border-radius:9999px;filter:blur(80px);pointer-events:none;position:absolute}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(20,184,166,.4),transparent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-fade-up{animation:fadeUp .8s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.25s;opacity:0}.delay-3{animation-delay:.4s;opacity:0}.delay-4{animation-delay:.55s;opacity:0}.float{animation:float 5s ease-in-out infinite}.mockup-bar{height:10px;border-radius:999px}.mockup-avatar{border-radius:9999px}.plan-card{transition:all .4s ease}.plan-card:hover{transform:translateY(-8px)}.plan-popular{box-shadow:0 0 0 2px #14b8a6,0 30px 60px #14b8a640}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-bounce{animation:scrollBounce 1.8s ease-in-out infinite}.feat-icon{background:linear-gradient(135deg,#14b8a64d,#0891b24d);transition:all .3s ease}.glass-hover:hover .feat-icon{background:linear-gradient(135deg,#14b8a680,#0891b280);transform:scale(1.1) rotate(6deg)}