/* =========================================================
   WATER FREEDOM SYSTEM — MASTER STYLESHEET
   ========================================================= */

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:#1b2538;line-height:1.6;background:#fff;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.25;}

/* ---------- VARIABLES ---------- */
:root{
  --blue:#204099;
  --blue-d:#152c6e;
  --blue-l:#3457c2;
  --sky:#C2E5F9;
  --sky-l:#eaf6fd;
  --gold:#FBC719;
  --gold-d:#e0ab00;
  --ink:#1b2538;
  --gray:#5c657a;
  --line:#e3eaf5;
  --green:#1f9d55;
  --radius:14px;
  --shadow:0 10px 30px rgba(32,64,153,.12);
}

/* ---------- UTILITIES ---------- */
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.sec-tag{display:inline-block;background:var(--sky-l);color:var(--blue);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin-bottom:14px;}
.sec-h{font-size:clamp(1.7rem,3.2vw,2.5rem);color:var(--blue-d);margin-bottom:14px;}
.sec-sub{color:var(--gray);font-size:1.05rem;max-width:700px;margin:0 auto 40px;text-align:center;}
.center{text-align:center;}

.btn-gold{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(180deg,#ffd84d,var(--gold));
  color:#3a2900;font-weight:800;font-size:1.05rem;
  padding:16px 34px;border-radius:50px;box-shadow:0 10px 24px rgba(251,199,25,.45);
  transition:transform .2s ease,box-shadow .2s ease;
}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(251,199,25,.55);}
.btn-blue{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--blue);color:#fff;font-weight:700;font-size:.95rem;
  padding:13px 28px;border-radius:50px;transition:background .2s ease;
}
.btn-blue:hover{background:var(--blue-d);}

/* ---------- TOPBAR ---------- */
.topbar{background:var(--blue-d);color:#fff;text-align:center;font-size:.85rem;font-weight:600;padding:9px 14px;letter-spacing:.02em;}
.topbar span{color:var(--gold);}

/* ---------- HEADER ---------- */
header.site-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .25s ease;}
header.site-header.scrolled{box-shadow:0 6px 20px rgba(0,0,0,.08);}
.head-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1200px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:10px;}
.logo-icon{width:42px;height:42px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;}
.logo-text strong{display:block;font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--blue-d);line-height:1.1;}
.logo-text small{display:block;font-size:.68rem;color:var(--gray);letter-spacing:.03em;}

nav.desk-nav{display:flex;gap:28px;}
nav.desk-nav a{font-weight:600;font-size:.92rem;color:var(--ink);transition:color .2s ease;position:relative;}
nav.desk-nav a:hover{color:var(--blue);}

.head-right{display:flex;align-items:center;gap:18px;}
.head-email{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--gray);font-weight:600;}
.h-btn{position:relative;background:var(--blue);color:#fff;font-weight:700;font-size:.88rem;padding:11px 22px;border-radius:40px;display:flex;align-items:center;gap:8px;}
.h-btn .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);animation:pulse 1.6s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(251,199,25,.7);}70%{box-shadow:0 0 0 8px rgba(251,199,25,0);}100%{box-shadow:0 0 0 0 rgba(251,199,25,0);}}

.hamburger{display:none;flex-direction:column;gap:5px;width:28px;}
.hamburger span{height:3px;background:var(--blue-d);border-radius:2px;transition:.25s;}
.hamburger.o span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.hamburger.o span:nth-child(2){opacity:0;}
.hamburger.o span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

.mob-menu{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--line);padding:10px 20px 20px;}
.mob-menu.show{display:flex;}
.mob-menu a{padding:12px 0;font-weight:600;border-bottom:1px solid var(--line);}
.mob-menu .h-btn{margin-top:14px;justify-content:center;}

/* ---------- HERO ---------- */
.hero{background:linear-gradient(180deg,var(--sky-l),#fff 70%);padding:60px 0 70px;}
.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;}
.hero-img-col{order:1;position:relative;text-align:center;}
.hero-img-wrap{position:relative;display:inline-block;animation:floaty 4s ease-in-out infinite;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.hero-img-wrap img{max-width:340px;filter:drop-shadow(0 25px 35px rgba(32,64,153,.3));}
.hero-badge{position:absolute;bottom:-6px;right:-6px;background:#fff;border-radius:50%;box-shadow:var(--shadow);padding:6px;}
.hero-badge img{width:78px;height:78px;}
.hero-text-col{order:2;}
.hero-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--blue);font-weight:700;font-size:.8rem;padding:7px 16px;border-radius:30px;margin-bottom:18px;box-shadow:0 4px 14px rgba(32,64,153,.08);}
.hero-text-col h1{font-size:clamp(2rem,4vw,3rem);color:var(--ink);margin-bottom:18px;}
.hero-text-col h1 em{color:var(--blue);font-style:normal;}
.hero-text-col h1 strong{color:var(--gold-d);}
.hero-desc{font-size:1.08rem;color:var(--gray);margin-bottom:22px;max-width:560px;}
.hero-stars{display:flex;align-items:center;gap:8px;margin-bottom:26px;color:var(--gold-d);font-weight:700;}
.hero-stars .stars{color:var(--gold);letter-spacing:2px;}
.hero-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.trust-pill{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--blue-d);background:var(--sky-l);padding:8px 14px;border-radius:30px;}

/* ---------- REVIEWS ---------- */
.reviews{padding:80px 0;background:#fff;}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.review-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);}
.review-top{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.review-top img{width:58px;height:58px;border-radius:14px;object-fit:cover;}
.review-name strong{display:block;color:var(--ink);}
.review-name span{font-size:.78rem;color:var(--gray);}
.review-stars{color:var(--gold);margin-bottom:10px;letter-spacing:2px;}
.verified{display:inline-flex;align-items:center;gap:5px;background:#e8f8ee;color:var(--green);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:20px;margin-bottom:10px;}
.review-card h4{font-size:1.05rem;color:var(--blue-d);margin-bottom:8px;}
.review-card p{color:var(--gray);font-size:.92rem;}

/* ---------- WHY CHOOSE ---------- */
.why-choose{background:var(--sky-l);padding:80px 0;}
.why-text p{color:var(--gray);margin-bottom:18px;font-size:1rem;max-width:900px;}
.why-text{max-width:950px;margin:0 auto;}

/* ---------- PRICING ---------- */
.pricing{padding:80px 0;background:#fff;}
.price-box{max-width:760px;margin:0 auto;background:linear-gradient(135deg,var(--blue),var(--blue-d));border-radius:24px;padding:46px;text-align:center;color:#fff;box-shadow:0 25px 50px rgba(32,64,153,.3);position:relative;overflow:hidden;}
.price-box::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:rgba(255,255,255,.08);border-radius:50%;}
.offer-badge{display:inline-block;background:var(--gold);color:#3a2900;font-weight:800;font-size:.85rem;padding:8px 20px;border-radius:30px;margin-bottom:18px;}
.price-box h3{font-size:1.6rem;margin-bottom:10px;}
.price-row{display:flex;align-items:baseline;justify-content:center;gap:14px;margin:18px 0;}
.price-now{font-size:3.2rem;font-weight:800;color:var(--gold);font-family:'Playfair Display',serif;}
.price-old{font-size:1.4rem;text-decoration:line-through;opacity:.6;}
.save-line{font-weight:700;color:var(--sky);margin-bottom:24px;}
.bonus-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;}
.bonus-list span{background:rgba(255,255,255,.12);padding:8px 16px;border-radius:30px;font-size:.85rem;font-weight:600;}
.guarantee-strip{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:.85rem;opacity:.9;}

/* ---------- WHAT IS ---------- */
.what-is{padding:80px 0;background:#fff;}
.what-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;}
.what-grid img{border-radius:20px;box-shadow:var(--shadow);}
.what-text p{color:var(--gray);margin-bottom:16px;}

/* ---------- HOW WORKS ---------- */
.how-works{padding:80px 0;background:var(--sky-l);}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
.step-card{background:#fff;border-radius:var(--radius);padding:30px 22px;text-align:center;box-shadow:var(--shadow);position:relative;}
.step-num{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--gold);color:#3a2900;font-weight:800;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 6px 16px rgba(251,199,25,.5);}
.step-icon{font-size:2rem;margin:14px 0 14px;}
.step-card h4{color:var(--blue-d);font-size:1.05rem;margin-bottom:10px;}
.step-card p{font-size:.88rem;color:var(--gray);}

/* ---------- ADVANTAGE ---------- */
.advantage{padding:80px 0;background:#fff;}
.adv-intro{max-width:800px;margin:0 auto 40px;text-align:center;color:var(--gray);}
.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto;}
.adv-item{display:flex;gap:16px;background:var(--sky-l);border-radius:var(--radius);padding:22px;}
.adv-dot{min-width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.adv-item h4{color:var(--blue-d);margin-bottom:6px;font-size:1.02rem;}
.adv-item p{color:var(--gray);font-size:.9rem;}

/* ---------- BENEFITS ---------- */
.benefits{padding:80px 0;background:linear-gradient(160deg,var(--blue),var(--blue-d));color:#fff;}
.benefits .sec-tag{background:rgba(255,255,255,.15);color:#fff;}
.benefits .sec-h{color:#fff;}
.benefits .sec-sub{color:var(--sky);}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1000px;margin:0 auto;}
.benefit-item{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.08);border-radius:12px;padding:18px 20px;}
.benefit-check{min-width:26px;height:26px;border-radius:50%;background:var(--gold);color:#3a2900;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;}
.benefit-item p{font-size:.95rem;}

/* ---------- FAQ ---------- */
.faq{padding:80px 0;background:var(--sky-l);}
.faq-list{max-width:780px;margin:0 auto;}
.faq-item{background:#fff;border-radius:12px;margin-bottom:14px;box-shadow:0 4px 14px rgba(32,64,153,.08);overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-weight:700;color:var(--blue-d);}
.faq-q .plus{font-size:1.3rem;color:var(--blue);transition:transform .25s ease;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 24px;}
.faq-item.open .faq-a{max-height:300px;padding-bottom:20px;}
.faq-a p{color:var(--gray);font-size:.93rem;}

/* ---------- FINAL CTA ---------- */
.final-cta{padding:80px 0;background:linear-gradient(135deg,var(--blue-d),var(--blue));color:#fff;text-align:center;}
.urgency-box{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:8px 22px;border-radius:30px;font-weight:700;color:var(--gold);margin-bottom:20px;font-size:.85rem;}
.final-cta h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:16px;}
.final-cta p{color:var(--sky);max-width:600px;margin:0 auto 30px;}
.order-img{max-width:280px;margin:0 auto 26px;cursor:pointer;transition:transform .2s ease;}
.order-img:hover{transform:scale(1.03);}
.price-note{font-size:.9rem;color:var(--sky);margin-top:16px;}
.pay-logos{display:flex;justify-content:center;gap:16px;margin-top:30px;flex-wrap:wrap;opacity:.85;font-size:.85rem;font-weight:700;}
.pay-logos span{background:rgba(255,255,255,.1);padding:6px 14px;border-radius:8px;}

/* ---------- SECURITY STRIP ---------- */
.security-strip{background:#fff;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.security-strip .container{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;color:var(--gray);font-size:.85rem;font-weight:600;}

/* ---------- LEGAL PAGES ---------- */
.page-hero{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;padding:70px 0 50px;text-align:center;}
.page-hero h1{font-size:clamp(1.8rem,3.4vw,2.6rem);}
.page-hero p{color:var(--sky);margin-top:10px;}
.legal-wrap{max-width:850px;margin:0 auto;padding:60px 20px;}
.legal-wrap h2{color:var(--blue-d);font-size:1.4rem;margin:32px 0 14px;}
.legal-wrap h2:first-child{margin-top:0;}
.legal-wrap p,.legal-wrap li{color:var(--gray);margin-bottom:12px;font-size:.96rem;}
.legal-wrap ul{padding-left:20px;list-style:disc;}
.legal-note{background:var(--sky-l);border-left:4px solid var(--blue);padding:16px 20px;border-radius:8px;margin:20px 0;font-size:.9rem;color:var(--blue-d);}
.legal-cta-box{max-width:850px;margin:0 auto 70px;background:var(--sky-l);border-radius:18px;padding:36px;text-align:center;}
.legal-cta-box h3{color:var(--blue-d);margin-bottom:10px;}
.legal-cta-box p{color:var(--gray);margin-bottom:20px;}

/* ---------- CONTACT PAGE ---------- */
.contact-wrap{max-width:1100px;margin:0 auto;padding:60px 20px 80px;}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;}
.contact-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow);}
.contact-form label{display:block;font-weight:700;font-size:.88rem;color:var(--blue-d);margin-bottom:6px;}
.contact-form .field{margin-bottom:18px;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:.95rem;background:var(--sky-l);}
.contact-form textarea{resize:vertical;min-height:130px;}
.contact-form button{width:100%;}
.info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 4px 14px rgba(32,64,153,.06);}
.info-icon{min-width:44px;height:44px;border-radius:12px;background:var(--sky-l);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.2rem;}
.info-card h4{color:var(--blue-d);font-size:.98rem;margin-bottom:4px;}
.info-card p{color:var(--gray);font-size:.86rem;}
.faq-cta-box{background:var(--blue);color:#fff;border-radius:14px;padding:22px;text-align:center;}
.faq-cta-box h4{margin-bottom:10px;}
.faq-cta-box a{display:inline-block;margin-top:10px;}

/* ---------- FOOTER ---------- */
footer{background:#0e1a3d;color:#cdd6f0;padding:50px 0 110px;}
.foot-row1{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:.9rem;}
.foot-row1 a:hover{color:var(--gold);}
.foot-row2{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:24px 0;font-size:.85rem;}
.foot-row2 a:hover{color:var(--gold);}
.foot-disclaimer{max-width:850px;margin:0 auto;color:#8b97bd;font-size:.78rem;text-align:center;line-height:1.7;padding:10px 20px;}
.foot-copy{text-align:center;margin-top:20px;font-size:.8rem;color:#6e7aa3;}

/* ---------- STICKY MOBILE CTA ---------- */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:var(--blue-d);padding:12px 16px;z-index:998;display:none;box-shadow:0 -6px 20px rgba(0,0,0,.2);}
.sticky-cta a{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#3a2900;font-weight:800;padding:14px;border-radius:40px;font-size:.95rem;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;text-align:center;}
  .hero-img-col{order:1;}
  .hero-text-col{order:2;}
  .hero-desc{margin:0 auto 22px;}
  .hero-trust{justify-content:center;}
  .what-grid{grid-template-columns:1fr;}
  .what-grid img{max-width:380px;margin:0 auto;}
  .review-grid{grid-template-columns:1fr;}
  .step-grid{grid-template-columns:repeat(2,1fr);}
  .adv-grid{grid-template-columns:1fr;}
  .benefit-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
}

@media(max-width:860px){
  nav.desk-nav{display:none;}
  .head-email{display:none;}
  .hamburger{display:flex;}
}

@media(max-width:560px){
  .review-grid{grid-template-columns:1fr;}
  .step-grid{grid-template-columns:1fr;}
  .hero-img-wrap img{max-width:230px;}
  .price-now{font-size:2.4rem;}
  .price-box{padding:30px 20px;}
  .sticky-cta{display:block;}
  body{padding-bottom:70px;}
}
@media(min-width:561px) and (max-width:860px){
  .sticky-cta{display:block;}
  body{padding-bottom:70px;}
}