:root{
  --navy:#021526;
  --deep:#063A63;
  --blue:#0877a8;
  --cyan:#1bd7ff;
  --aqua:#89f3ff;
  --white:#fff;
  --soft:#eefaff;
  --text:#092033;
  --muted:#607483;
  --border:#d6edf7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--text);background:#fff}
img{max-width:100%;display:block}
.float-whatsapp{
  position:fixed;left:22px;bottom:22px;z-index:100;background:#22c55e;color:white;
  padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:900;box-shadow:0 18px 38px rgba(0,0,0,.28)
}
.hero{
  min-height:100vh;position:relative;color:white;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(2,21,38,.98),rgba(6,58,99,.72),rgba(8,119,168,.45)),
    url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=2200&q=85') center/cover;
}
.hero-overlay{
  position:absolute;inset:0;background:
  radial-gradient(circle at 18% 25%,rgba(27,215,255,.28),transparent 32%),
  radial-gradient(circle at 88% 18%,rgba(137,243,255,.18),transparent 30%);
  pointer-events:none;
}
.nav{
  position:relative;z-index:2;max-width:1220px;margin:auto;padding:26px 24px;
  display:flex;align-items:center;justify-content:space-between
}
.brand{display:flex;align-items:center;gap:14px}
.logo-mark{
  width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#8cf4ff);
  color:var(--deep);display:grid;align-content:center;justify-items:center;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.2)
}
.logo-mark span{font-size:12px;letter-spacing:1px}.logo-mark b{font-size:21px;line-height:1}
.logo-mark.small{width:54px;height:54px;border-radius:18px}.logo-mark.small b{font-size:16px}
.brand-text{display:grid}.brand-text strong{font-size:26px}.brand-text small{color:#d7f8ff}
.nav-links{display:flex;gap:10px}.nav-links a{
  color:white;text-decoration:none;padding:12px 16px;border-radius:16px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);font-weight:800;backdrop-filter:blur(10px)
}
.hero-content{
  position:relative;z-index:2;max-width:1220px;margin:50px auto 0;padding:0 24px 70px;
  display:grid;grid-template-columns:1.1fr .78fr;gap:38px;align-items:center
}
.eyebrow{
  display:inline-block;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);font-weight:900;margin-bottom:20px;backdrop-filter:blur(10px)
}
.eyebrow.dark{background:#e8f9ff;color:var(--deep);border-color:var(--border)}
.hero-copy h1{font-size:60px;line-height:1.12;margin:0 0 20px;text-shadow:0 12px 35px rgba(0,0,0,.25)}
.hero-copy h1 span{color:var(--aqua)}
.hero-copy p{font-size:21px;line-height:1.9;color:#e7fbff;max-width:710px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.btn{display:inline-block;text-decoration:none;border-radius:18px;padding:15px 24px;font-weight:900}
.primary{background:white;color:var(--deep);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.secondary{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:580px}
.trust-row div{
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);
  padding:18px;border-radius:24px;backdrop-filter:blur(14px)
}
.trust-row strong{display:block;font-size:27px}.trust-row span{color:#d7f8ff}
.hero-form{
  background:rgba(255,255,255,.95);color:var(--text);border:1px solid rgba(255,255,255,.65);
  border-radius:34px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.28)
}
.hero-form h2{margin:0 0 8px;color:var(--deep);font-size:30px}.hero-form p{color:var(--muted);line-height:1.7}
form{display:grid;gap:13px}label{display:grid;gap:7px;font-weight:900;color:var(--deep)}
input,select{
  border:1px solid var(--border);border-radius:16px;padding:14px;font-family:inherit;font-size:15px;background:#fbfdff
}
form button{
  border:0;border-radius:18px;padding:16px;background:linear-gradient(135deg,var(--cyan),var(--deep));
  color:white;font-size:17px;font-weight:900;cursor:pointer
}
#message{text-align:center;font-weight:900}
section{padding:78px 24px}
.section-head{text-align:center;max-width:850px;margin:0 auto 38px}
.section-head span{color:var(--cyan);font-weight:900}.section-head h2{font-size:42px;color:var(--deep);margin:12px 0}.section-head p{color:var(--muted);font-size:18px;line-height:1.8}
.before-after{background:linear-gradient(180deg,#fff,var(--soft))}
.ba-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ba-card{position:relative;border-radius:34px;overflow:hidden;box-shadow:0 20px 50px rgba(6,58,99,.16)}
.ba-card img{width:100%;height:430px;object-fit:cover}.tag{position:absolute;right:20px;top:20px;padding:11px 16px;border-radius:999px;color:white;font-weight:900}
.tag.bad{background:#647233}.tag.good{background:#0ea5e9}
.service-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-grid article{
  border:1px solid var(--border);border-radius:30px;overflow:hidden;background:white;
  box-shadow:0 16px 38px rgba(8,61,91,.08)
}
.service-grid img{height:220px;width:100%;object-fit:cover}.service-grid article div{padding:22px}
.service-grid b{color:var(--cyan);font-size:22px}.service-grid h3{color:var(--deep);font-size:22px}.service-grid p{color:var(--muted);line-height:1.8}
.premium-section{background:#fbfdff}
.premium-card{
  max-width:1180px;margin:auto;border-radius:38px;padding:42px;color:white;
  background:linear-gradient(135deg,rgba(3,27,46,.95),rgba(6,58,99,.9)),url('https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?auto=format&fit=crop&w=1800&q=80') center/cover;
  display:grid;grid-template-columns:1fr 1fr;gap:30px;box-shadow:0 24px 70px rgba(6,58,99,.22)
}
.premium-card h2{font-size:40px;margin:14px 0}.premium-card p{line-height:1.9;color:#e7fbff;font-size:18px}
.premium-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}.premium-list div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:18px;font-weight:900}
.reviews{background:#fff}.review-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid div{background:#fbfdff;border:1px solid var(--border);border-radius:28px;padding:24px;color:var(--deep);font-weight:800;line-height:1.9}.review-grid strong{display:block;margin-top:16px;color:var(--muted)}
.final-cta{text-align:center;background:linear-gradient(135deg,#031b2e,#063A63);color:white}.final-cta h2{font-size:44px;margin:0 0 12px}.final-cta p{color:#d7f8ff}
footer{padding:30px;background:#020d18;color:white;display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:10px}
@media(max-width:950px){
  .nav-links{display:none}.hero-content,.premium-card{grid-template-columns:1fr}.hero-copy h1{font-size:39px}.hero-content{margin-top:20px}
  .trust-row,.ba-grid,.service-grid,.review-grid,.premium-list{grid-template-columns:1fr}
  .ba-card img{height:300px}.section-head h2,.premium-card h2,.final-cta h2{font-size:31px}
}


.hero{
  background:
    linear-gradient(90deg,rgba(1,16,29,.88),rgba(3,35,58,.68),rgba(8,119,168,.28)),
    url('https://images.unsplash.com/photo-1576013551627-0cc20b96c2a7?auto=format&fit=crop&w=2200&q=90') center/cover fixed;
}

.hero-content{
  padding-top:40px;
}

.hero-copy h1{
  font-size:68px;
  max-width:760px;
}

.hero-copy p{
  font-size:22px;
  max-width:680px;
}

.hero-form{
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.7);
}

.service-grid article{
  transition:.35s ease;
}

.service-grid article:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 60px rgba(0,0,0,.14);
}

.ba-card img{
  filter:saturate(1.05) contrast(1.04);
}

.review-grid div{
  background:linear-gradient(180deg,#ffffff,#f5fcff);
}

.final-cta{
  position:relative;
  overflow:hidden;
}

.final-cta:before{
  content:'';
  position:absolute;
  width:500px;
  height:500px;
  background:radial-gradient(circle,rgba(27,215,255,.18),transparent 70%);
  top:-120px;
  left:-120px;
}

@media(max-width:950px){
  .hero-copy h1{
    font-size:42px;
  }
}


.before-after-single{
  max-width:1180px;
  margin:auto;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(6,58,99,.18);
  border:1px solid var(--border);
  background:#fff;
}
.before-after-single img{
  width:100%;
  display:block;
  object-fit:cover;
}
.service-grid article img{
  object-position:center;
}