:root{
  --blue:#073b75;
  --blue-dark:#041a3a;
  --blue-soft:#e9f6ff;
  --green:#35b437;
  --red:#e6262c;
  --white:#ffffff;
  --ink:#122032;
  --muted:#5d6c7f;
  --shadow:0 24px 60px rgba(4,26,58,.16);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#f5fbff;color:var(--ink);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1140px,92%);margin:auto}
.section{padding:92px 0}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 10px 35px rgba(4,26,58,.08)}
.nav{width:min(1200px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--blue-dark);letter-spacing:.05em}
.drop{width:46px;height:46px;border-radius:60% 60% 70% 70%;display:block;background:linear-gradient(150deg,#0c70bd,#83ddff 55%,#ffffff);box-shadow:inset -8px -8px 14px rgba(4,26,58,.18),0 10px 24px rgba(7,59,117,.18);position:relative}
.drop:after{content:"";position:absolute;bottom:7px;right:3px;width:22px;height:9px;border-radius:999px;background:var(--green);transform:rotate(-20deg)}
.links{display:flex;align-items:center;gap:24px;font-weight:800;color:var(--blue-dark)}
.links a:not(.btn-nav){position:relative}
.links a:not(.btn-nav):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:3px;border-radius:10px;background:var(--green);transition:.25s}
.links a:hover:after{width:100%}
.btn-nav{background:var(--green);color:#fff;padding:10px 18px;border-radius:999px;box-shadow:0 12px 28px rgba(53,180,55,.25)}
.menu{display:none;background:none;border:0;width:42px;height:38px;flex-direction:column;gap:6px;justify-content:center;cursor:pointer}
.menu span{height:3px;background:var(--blue-dark);border-radius:10px;display:block}
.hero{min-height:calc(100vh - 74px);display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(131,221,255,.45),transparent 32%),linear-gradient(135deg,#ffffff 0%,#e9f6ff 46%,#dfffe5 100%)}
.water{position:absolute;border-radius:999px;pointer-events:none}.water-1{width:360px;height:360px;background:rgba(7,59,117,.11);right:-110px;top:90px}.water-2{width:260px;height:260px;background:rgba(53,180,55,.12);left:-90px;bottom:70px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;position:relative;z-index:1}
.tag{display:inline-flex;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:900;color:var(--green);margin-bottom:14px}.tag.dark{color:var(--blue)}
h1{font-size:clamp(4rem,10vw,8.2rem);line-height:.86;letter-spacing:.02em;color:var(--red);text-shadow:0 4px 0 #fff,0 12px 28px rgba(4,26,58,.16)}
.hero h2,.title h2,.center h2,.contact h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;color:var(--blue-dark)}
.hero h2{margin:22px 0}.hero p{font-size:1.12rem;color:var(--muted);max-width:640px}
.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:999px;font-weight:900;border:2px solid transparent;transition:.25s}.btn:hover{transform:translateY(-3px)}
.primary{background:linear-gradient(135deg,var(--green),#80da3f);color:#fff;box-shadow:0 18px 36px rgba(53,180,55,.24)}.secondary{background:#fff;color:var(--blue-dark);border-color:rgba(7,59,117,.18)}.white{background:#fff;color:var(--blue-dark)}
.hero-card{min-height:500px;border-radius:42px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(255,255,255,.56));box-shadow:var(--shadow);display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.8)}
.hero-card:before{content:"";position:absolute;inset:auto -60px -70px -60px;height:170px;background:linear-gradient(135deg,rgba(7,59,117,.95),rgba(36,126,199,.85));border-radius:50% 50% 0 0}.icon-drop{width:min(310px,74%);color:var(--blue);animation:float 4.5s ease-in-out infinite}.card-caption{position:absolute;left:34px;right:34px;bottom:34px;background:rgba(255,255,255,.94);border-radius:24px;padding:22px;color:var(--blue-dark);box-shadow:0 16px 34px rgba(4,26,58,.16)}.card-caption strong{display:block;font-size:1.45rem}.card-caption span{color:var(--muted);font-weight:800}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.panel{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);font-size:1.08rem;color:var(--muted)}.panel p+p{margin-top:16px}.panel strong{color:var(--blue-dark)}
.products{background:#fff}.center{text-align:center;max-width:800px;margin:0 auto 42px}.center p{color:var(--muted);margin-top:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:linear-gradient(180deg,#fff,#eff8ff);border:1px solid rgba(7,59,117,.10);border-radius:var(--radius);padding:34px;min-height:230px;box-shadow:0 18px 42px rgba(4,26,58,.08);transition:.25s}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.card span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#48bfff);color:#fff;font-weight:900;margin-bottom:22px}.card h3{font-size:1.45rem;color:var(--blue-dark);margin-bottom:12px}.card p{color:var(--muted)}
.prices{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;position:relative;overflow:hidden}.prices:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(53,180,55,.18);right:-120px;bottom:-170px}.prices .center h2,.prices .center p{color:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:1}.price{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:36px;min-height:190px;backdrop-filter:blur(12px)}.price.highlight{background:rgba(53,180,55,.22);transform:scale(1.03)}.price small{text-transform:uppercase;letter-spacing:.18em;color:#8df08f;font-weight:900}.price h3{font-size:2rem;margin-top:14px;color:#fff}
.gallery{background:linear-gradient(180deg,#f5fbff,#ffffff)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;align-items:start}.gallery-item{background:#fff;border-radius:28px;padding:14px;box-shadow:var(--shadow);border:1px solid rgba(7,59,117,.08);overflow:hidden}.gallery-item img{display:block;width:100%;height:auto;border-radius:20px;object-fit:contain}
.contact{background:#fff}.contact-box{background:linear-gradient(135deg,var(--blue),#1176ba 62%,var(--green));color:#fff;border-radius:38px;padding:46px;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;box-shadow:0 24px 60px rgba(7,59,117,.22)}.contact-box h2,.contact-box p{color:#fff}.contact-box p{max-width:680px;opacity:.9;margin-top:12px}.contact-action{display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-size:1.2rem}
.final-message{padding:82px 0;background:linear-gradient(135deg,#ffffff 0%,#e9f6ff 55%,#eaffef 100%);text-align:center}.final-message p{font-size:clamp(1.7rem,4.7vw,4.3rem);font-weight:900;color:var(--blue-dark);line-height:1.12;max-width:980px;margin:auto}.final-message strong{display:block;font-size:clamp(3.1rem,8vw,6rem);line-height:.95;color:var(--red);text-shadow:0 3px 0 #fff,0 14px 28px rgba(4,26,58,.14);margin-bottom:18px}
.float{position:fixed;right:22px;bottom:22px;z-index:60;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 18px 35px rgba(37,211,102,.35);transition:.25s}.float:hover{transform:translateY(-5px) scale(1.04)}.float svg{width:35px;height:35px}.footer{background:var(--blue-dark);color:#fff;padding:24px 0}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:rgba(255,255,255,.78)}.footer strong{color:#fff;letter-spacing:.08em}
.reveal{opacity:1;transform:none}.animations-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.animations-ready .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(max-width:900px){.menu{display:flex}.links{position:absolute;left:3%;right:3%;top:72px;display:none;flex-direction:column;align-items:stretch;background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.links.open{display:flex}.links a{padding:10px 4px}.btn-nav{text-align:center}.hero{padding:72px 0}.hero-grid,.split,.contact-box{grid-template-columns:1fr}.hero-card{min-height:380px}.cards,.price-grid{grid-template-columns:1fr}.price.highlight{transform:none}.contact-action{align-items:flex-start}.section{padding:72px 0}.footer-content{justify-content:center;text-align:center}}
@media(max-width:560px){.nav{width:90%}.logo span:last-child{font-size:.98rem}h1{font-size:3.6rem}.actions,.btn{width:100%}.hero-card{min-height:330px;border-radius:30px}.card-caption{left:20px;right:20px;bottom:20px}.panel,.contact-box{padding:26px}.gallery-grid{grid-template-columns:1fr}.float{width:58px;height:58px;right:16px;bottom:16px}.final-message{padding:64px 0}.final-message p{font-size:1.55rem}.final-message strong{font-size:3.2rem}}
