@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500&display=swap";:root{--deep-blue:#0a192f;--ocean-blue:#003b5c;--turquoise:#00a8cc;--sand:#f4e8d1;--sand-light:#fdfbf7;--white:#fff;--sunset-orange:#ff7b54;--sunset-hover:#e0603d;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--sand-light);color:var(--deep-blue);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800}a{color:inherit;text-decoration:none}ul{list-style:none}.cursor{background-color:var(--sunset-orange);pointer-events:none;z-index:9999;border-radius:50%;width:10px;height:10px;transition:width .3s,height .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-follower{border:1.5px solid var(--turquoise);pointer-events:none;z-index:9998;border-radius:50%;width:40px;height:40px;transition:transform .1s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.header{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:20px 5%;transition:background .4s,padding .4s,box-shadow .4s;display:flex;position:fixed;top:0}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);background:#0a192ff2;padding:15px 5%;box-shadow:0 4px 30px #0000001a}.logo a{font-family:var(--font-heading);letter-spacing:-.5px;align-items:center;font-size:1.8rem;font-weight:800;display:flex}.logo .ocean,.header.scrolled .logo .ocean{color:var(--turquoise)}.logo .vibes{color:var(--white)}.header:not(.scrolled) .logo .vibes{color:var(--deep-blue)}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--deep-blue);padding-bottom:5px;font-weight:500;transition:color .3s;position:relative}.header.scrolled .nav-links a{color:var(--white)}.nav-links a:after{content:"";background-color:var(--turquoise);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.btn{font-weight:600;font-family:var(--font-heading);cursor:pointer;border-radius:50px;padding:12px 28px;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn-primary{background-color:var(--sunset-orange);color:var(--white);box-shadow:0 4px 15px #ff7b5466}.btn-primary:hover{background-color:var(--sunset-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff7b5499}.btn-outline{color:var(--white);border:2px solid var(--white);background-color:#0000}.btn-outline:hover{background-color:var(--white);color:var(--deep-blue)}.ripple-hover{position:relative}.ripple-hover:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-hover:hover:before{width:300px;height:300px}.hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;width:100%;height:120%;position:absolute;top:0;left:0}.hero-bg img{object-fit:cover;filter:url(#wave-transition);width:100%;height:100%}.hero-overlay{z-index:-1;background:linear-gradient(#0a192f4d 0%,#0a192fb3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.wave-overlay{z-index:1;background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1440 320\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"%23FDFBF7\" fill-opacity=\"1\" d=\"M0,160L48,170.7C96,181,192,203,288,192C384,181,480,139,576,149.3C672,160,768,224,864,224C960,224,1056,160,1152,138.7C1248,117,1344,139,1392,149.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") 0 0/cover no-repeat;width:100%;height:150px;position:absolute;bottom:0;left:0}.hero-content{text-align:center;color:var(--white);z-index:2;max-width:800px;padding:0 20px}.hero-title{text-shadow:0 4px 20px #00000080;background:linear-gradient(135deg,#fff 0%,#00a8cc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:5rem;line-height:1.1}.hero-subtitle{text-shadow:0 2px 10px #00000080;margin-bottom:40px;font-size:1.5rem}.hero-buttons{justify-content:center;gap:20px;display:flex}.animate-up{opacity:0;transform:translateY(30px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.services-overview{background-color:var(--sand-light);padding:100px 0}.section-title{margin-bottom:60px;font-size:3rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg, var(--ocean-blue) 0%, var(--turquoise) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-white{color:var(--white)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}.service-card{background:var(--white);border-radius:20px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00a8cc26}.service-img{width:100%;height:250px;overflow:hidden}.service-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.service-card:hover .service-img img{transform:scale(1.05)}.service-info{padding:30px}.service-info h3{color:var(--deep-blue);margin-bottom:10px;font-size:1.5rem}.service-info p{color:#666}.ripple-container{position:relative;overflow:hidden}.testimonials{background-color:var(--ocean-blue);padding:100px 0;position:relative}.testimonial-slider{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px;max-width:350px;color:var(--white);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex:1;padding:40px;transition:all .3s}.testimonial-card:hover{background:#ffffff1a;transform:translateY(-5px)}.testimonial-card .quote{margin-bottom:20px;font-size:1.1rem;font-style:italic}.testimonial-card .author{color:var(--sunset-orange);font-weight:700}.footer{background-color:var(--deep-blue);color:var(--white);padding-top:80px;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:40px;display:flex}.footer-col{flex:1;min-width:200px}.footer-col h3,.footer-col h4{color:var(--turquoise);margin-bottom:20px}.footer-col ul li{margin-bottom:10px}.footer-col ul li a:hover{color:var(--sunset-orange)}.footer-bottom{text-align:center;background-color:#0003;padding:20px}.page-header{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:60vh;display:flex;position:relative}.page-header:before{content:"";background:linear-gradient(#0a192f80,#0a192fcc);position:absolute;inset:0}.page-title{z-index:1;color:var(--white);text-align:center;font-size:4rem;position:relative}.page-content{background-color:var(--sand-light);padding:80px 0}.menu-toggle{display:none}@media (width<=768px){.hero-title{font-size:3rem}.nav-links{background:var(--white);flex-direction:column;align-items:center;gap:20px;width:100%;padding:20px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 20px #0000001a}.nav-links.active{display:flex}.header.scrolled .nav-links{background:#0a192ff2}.header.scrolled .menu-toggle i{color:var(--white)!important}.header-cta{display:none}.menu-toggle{display:block}}
