:root{--navy:#023047;--blue:#0077b6;--aqua:#00b4d8;--cyan:#48cae4;--mint:#90e0ef;--sand:#ffd166;--coral:#ff7b54;--purple:#8338ec;--white:#fff;--soft:#f1fbff;--ink:#123}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f5fdff 0,#fff 45%,#eefbff 100%);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{position:sticky;top:0;z-index:20;background:#ffffffd9;backdrop-filter:blur(16px);border-bottom:1px solid #dff5fb}.nav{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo img{width:172px;display:block}.nav-links{display:flex;align-items:center;gap:22px;font-weight:800;color:#07506f}.nav-links a:hover{color:var(--aqua)}.button,.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900}.button{padding:14px 22px;background:linear-gradient(135deg,var(--coral),#ffb703);color:#fff;box-shadow:0 14px 30px #ff7b5433}.button.alt{background:linear-gradient(135deg,var(--blue),var(--aqua))}.button.ghost{background:#fff;color:var(--blue);border:2px solid #b5edf7;box-shadow:none}.hero{position:relative;overflow:hidden}.wave-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,#a7efff 0 0,transparent 22%),radial-gradient(circle at 82% 5%,#ffe9a6 0 0,transparent 24%);opacity:.85}.hero-inner{position:relative;max-width:1180px;margin:auto;padding:72px 22px 48px;display:grid;grid-template-columns:1.03fr .97fr;gap:46px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 14px;border-radius:999px;background:#e4faff;color:#03627e;font-weight:900}.hero h1{font-size:clamp(43px,6.4vw,78px);line-height:.96;margin:18px 0;color:var(--navy);letter-spacing:-2px}.gradient-text{background:linear-gradient(135deg,var(--aqua),var(--purple));-webkit-background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,23px);color:#31576a;max-width:650px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.trust{background:#fff;border:1px solid #ddf4fa;border-radius:22px;padding:14px;box-shadow:0 12px 28px #0077b612}.trust strong{display:block;color:var(--navy);font-size:22px}.hero-card{position:relative}.hero-card img{border-radius:44px;box-shadow:0 30px 70px #0077b633}.bubble{position:absolute;border-radius:50%;background:#fff8;border:2px solid #fff;animation:float 5s ease-in-out infinite}.b1{width:58px;height:58px;right:8%;top:8%}.b2{width:34px;height:34px;left:4%;bottom:20%;animation-delay:1s}.b3{width:24px;height:24px;right:28%;bottom:3%;animation-delay:2s}@keyframes float{50%{transform:translateY(-18px)}}section{max-width:1180px;margin:auto;padding:66px 22px}.section-title{font-size:clamp(32px,4vw,54px);line-height:1.03;color:var(--navy);letter-spacing:-1.4px;margin:0 0 14px}.section-copy{max-width:760px;color:#426274;font-size:18px;margin:0 0 34px}.grid{display:grid;gap:22px}.cards{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #dff4fb;border-radius:30px;padding:26px;box-shadow:0 18px 45px #0077b612}.icon{font-size:38px}.card h3{font-size:24px;color:var(--navy);margin:10px 0 8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split img{border-radius:38px;box-shadow:0 28px 60px #023e8a26}.feature-list{display:grid;gap:14px}.feature{display:flex;gap:12px;background:#fff;border-radius:22px;padding:16px;border:1px solid #dff4fb}.check{background:#06d6a0;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 28px}.band{max-width:none;background:linear-gradient(135deg,#0077b6,#00b4d8 55%,#48cae4);color:#fff;padding:0}.band-inner{max-width:1180px;margin:auto;padding:64px 22px}.band .section-title,.band h2{color:#fff}.pricing{grid-template-columns:repeat(3,1fr)}.price-card{background:#ffffff;border-radius:34px;padding:30px;color:#17384b;box-shadow:0 22px 55px #023e8a22}.price-card.featured{transform:translateY(-12px);border:5px solid #ffd166}.price-card h3{font-size:25px;color:var(--navy);margin:0}.price{font-size:42px;font-weight:950;color:var(--blue);margin:12px 0}.price span{font-size:15px;color:#5c7481}.price-card ul{padding-left:19px}.testimonials{grid-template-columns:repeat(3,1fr)}.quote{font-size:17px}.stars{color:#ffb703;font-size:22px}.faq{max-width:900px}.faq details{background:#fff;border:1px solid #daf3fb;border-radius:22px;margin:13px 0;padding:18px 20px}.faq summary{font-weight:900;color:var(--navy);cursor:pointer}.contact-panel{background:linear-gradient(135deg,#fff,#e7fbff);border:1px solid #d9f4fb;border-radius:38px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:26px;box-shadow:0 24px 55px #0077b614}.contact-big a{display:block;font-size:clamp(24px,3vw,38px);font-weight:950;color:var(--blue);margin:10px 0}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;border:2px solid #cdeff7;border-radius:18px;padding:14px 16px;font:inherit;background:#fff}.form textarea{min-height:130px}.site-footer{background:#023047;color:#dff8ff;margin-top:50px}.footer-inner{max-width:1180px;margin:auto;padding:38px 22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-inner strong{color:#fff}.mobile-cta{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:30;gap:10px}.mobile-cta a{flex:1}.waves{height:92px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120"><path fill="%2300b4d8" fill-opacity=".22" d="M0,64L60,58.7C120,53,240,43,360,58.7C480,75,600,117,720,112C840,107,960,53,1080,37.3C1200,21,1320,43,1380,53.3L1440,64L1440,120L0,120Z"/></svg>') center/cover no-repeat}@media(max-width:860px){.nav{align-items:flex-start}.nav-links{display:none}.hero-inner,.split,.contact-panel{grid-template-columns:1fr}.hero-inner{padding-top:42px}.trust-row,.cards,.pricing,.testimonials{grid-template-columns:1fr}.price-card.featured{transform:none}.mobile-cta{display:flex}.footer-inner{padding-bottom:85px}.hero h1{letter-spacing:-1px}} 

/* Real animated water effects */
.hero::before,
.hero::after,
.band::before,
.band::after{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  pointer-events:none;
  z-index:0;
}
.hero::before{
  top:0;
  height:100%;
  background:
    linear-gradient(115deg,rgba(255,255,255,.0) 0%,rgba(255,255,255,.45) 38%,rgba(255,255,255,.0) 70%),
    radial-gradient(circle at 25% 25%,rgba(72,202,228,.35),transparent 28%),
    radial-gradient(circle at 78% 15%,rgba(255,209,102,.35),transparent 24%),
    linear-gradient(180deg,#effcff 0%,#ffffff 65%,#e6fbff 100%);
  background-size:220% 100%, 120% 120%, 130% 130%, 100% 100%;
  animation:waterShimmer 8s ease-in-out infinite, waterGlow 11s ease-in-out infinite alternate;
}
.hero::after{
  bottom:-12px;
  height:140px;
  background:
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 160"><path fill="%2300b4d8" fill-opacity=".26" d="M0,88 C160,140 260,20 430,78 C590,132 730,128 880,72 C1050,8 1180,50 1440,102 L1440,160 L0,160 Z"/><path fill="%2348cae4" fill-opacity=".30" d="M0,118 C170,58 330,170 520,104 C700,40 880,112 1020,86 C1190,54 1300,90 1440,65 L1440,160 L0,160 Z"/></svg>') repeat-x bottom / 900px 140px;
  animation:wavesSlide 13s linear infinite;
}
.wave-bg{
  background:
    radial-gradient(circle at 18% 20%,#a7efff 0 12%,transparent 30%),
    radial-gradient(circle at 82% 5%,#ffe9a6 0 13%,transparent 31%);
  animation:waterGlow 10s ease-in-out infinite alternate;
}
.hero-inner{z-index:2}.waves{position:relative;overflow:hidden;background:none}.waves::before,.waves::after{content:"";position:absolute;inset:0;background-repeat:repeat-x;background-position:bottom;background-size:820px 92px}.waves::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120"><path fill="%2300b4d8" fill-opacity=".24" d="M0,64L60,58.7C120,53,240,43,360,58.7C480,75,600,117,720,112C840,107,960,53,1080,37.3C1200,21,1320,43,1380,53.3L1440,64L1440,120L0,120Z"/></svg>');animation:wavesSlide 11s linear infinite}.waves::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120"><path fill="%2348cae4" fill-opacity=".28" d="M0,80C180,20 330,120 500,72C670,24 820,102 980,66C1160,25 1300,54 1440,92L1440,120L0,120Z"/></svg>');animation:wavesSlideReverse 16s linear infinite;opacity:.8}.band{position:relative;overflow:hidden}.band::before{inset:0;height:auto;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 44%,transparent 62%);background-size:240% 100%;animation:waterShimmer 7s ease-in-out infinite}.band::after{bottom:-2px;height:95px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120"><path fill="%23ffffff" fill-opacity=".18" d="M0,78C170,35 300,106 470,78C640,50 780,42 930,78C1080,114 1240,72 1440,50L1440,120L0,120Z"/></svg>') repeat-x bottom/760px 95px;animation:wavesSlide 12s linear infinite}.band-inner{position:relative;z-index:1}.hero-card img{animation:gentleBob 6s ease-in-out infinite}.bubble{animation:bubbleRise 6s ease-in-out infinite, bubbleWobble 3s ease-in-out infinite alternate}.b2{animation-delay:1s,.4s}.b3{animation-delay:2s,.8s}.card,.price-card,.contact-panel{position:relative;overflow:hidden}.card::after,.price-card::after,.contact-panel::after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(115deg,transparent 35%,rgba(72,202,228,.16) 48%,transparent 60%);transform:translateX(-60%);animation:cardRipple 9s ease-in-out infinite;pointer-events:none}.price-card:nth-child(2)::after{animation-delay:1.5s}.price-card:nth-child(3)::after,.card:nth-child(3)::after{animation-delay:3s}@keyframes waterShimmer{0%{background-position:-120% 0,0 0,0 0,0 0}55%{background-position:120% 0,12% 4%,-8% 6%,0 0}100%{background-position:120% 0,12% 4%,-8% 6%,0 0}}@keyframes waterGlow{0%{filter:hue-rotate(0deg);transform:scale(1)}100%{filter:hue-rotate(10deg);transform:scale(1.03)}}@keyframes wavesSlide{from{background-position-x:0}to{background-position-x:900px}}@keyframes wavesSlideReverse{from{background-position-x:820px}to{background-position-x:0}}@keyframes bubbleRise{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.08)}}@keyframes bubbleWobble{0%{margin-left:0}100%{margin-left:10px}}@keyframes gentleBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-.5deg)}}@keyframes cardRipple{0%,55%{transform:translateX(-65%) rotate(8deg)}100%{transform:translateX(65%) rotate(8deg)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
