:root{--nauti-blue:#2563eb;--nauti-emerald:#10b981;--nauti-dark:#0f172a;--nauti-cyan:#06b6d4;--nauti-orange:#f59e0b;--nauti-purple:#8b5cf6;--nauti-red:#e63946}body{font-family:'Inter',sans-serif;background-color:var(--nauti-dark);color:#f8fafc;overflow-x:hidden}.font-outfit{font-family:'Outfit',sans-serif}.glass{background:rgba(15,23,42,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08)}.glass-light{background:rgba(30,41,59,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.06)}.text-gradient{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#2563eb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-emerald{background:linear-gradient(135deg,#6ee7b7 0%,#10b981 50%,#059669 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#67e8f9 0%,#06b6d4 50%,#0891b2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-amber{background:linear-gradient(135deg,#fde68a 0%,#f59e0b 50%,#d97706 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-purple{background:linear-gradient(135deg,#c4b5fd 0%,#8b5cf6 50%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-25px) rotate(0deg)}}.animate-float-slow{animation:floatSlow 8s ease-in-out infinite}@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float-reverse{animation:floatReverse 7s ease-in-out infinite}@keyframes floatReverse{0%,100%{transform:translateY(-10px) rotate(-2deg)}50%{transform:translateY(10px) rotate(2deg)}}.animate-sway{animation:sway 10s ease-in-out infinite}@keyframes sway{0%,100%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(10px) rotate(1deg)}75%{transform:translateX(-10px) rotate(-1deg)}}.wave-animated svg path{animation:waveFlow 8s ease-in-out infinite}@keyframes waveFlow{0%,100%{d:path("M0,64L48,80C96,96,192,128,288,128C384,128,480,96,576,85.3C672,75,768,85,864,101.3C960,117,1056,139,1152,133.3C1248,128,1344,96,1392,80L1440,64V320H0Z")}50%{d:path("M0,96L48,112C96,128,192,160,288,154.7C384,149,480,107,576,96C672,85,768,107,864,128C960,149,1056,171,1152,160C1248,149,1344,107,1392,85.3L1440,64V320H0Z")}}.tide-pulse{animation:tidePulse 4s ease-in-out infinite}@keyframes tidePulse{0%,100%{opacity:1}50%{opacity:0.7}}.ripple-card{position:relative;overflow:hidden}.ripple-card::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(37,99,235,0.06);transform:translate(-50%,-50%);transition:width 0.8s ease,height 0.8s ease}.ripple-card:hover::before{width:400%;height:400%}.parallax-bg{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translateX(-40px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1)}.scroll-reveal-left.visible{opacity:1;transform:translateX(0)}.scroll-reveal-right{opacity:0;transform:translateX(40px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1)}.scroll-reveal-right.visible{opacity:1;transform:translateX(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--nauti-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#334155}.feature-card{transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.feature-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px -15px rgba(37,99,235,0.15)}.roadmap-tag{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 15px rgba(245,158,11,0.3)}.metric-box{background:rgba(15,23,42,0.9);border:1px solid rgba(255,255,255,0.06);border-radius:20px;padding:20px;text-align:center}.metric-value{font-family:'Outfit',sans-serif;font-weight:800;font-size:2.5rem;line-height:1}.metric-label{font-size:0.65rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;margin-top:6px}.icon-circle{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stagger-children>*:nth-child(1){transition-delay:0s}.stagger-children>*:nth-child(2){transition-delay:0.1s}.stagger-children>*:nth-child(3){transition-delay:0.2s}.stagger-children>*:nth-child(4){transition-delay:0.3s}.stagger-children>*:nth-child(5){transition-delay:0.4s}.stagger-children>*:nth-child(6){transition-delay:0.5s}.border-gradient-blue{border:2px solid transparent;background-clip:padding-box;position:relative}.border-gradient-blue::before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(37,99,235,0.4),transparent 60%);z-index:-1}.mini-feature{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:20px;transition:all 0.3s ease}.mini-feature:hover{background:rgba(255,255,255,0.03)}.mini-feature-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}