*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:#162b4d;background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.navrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:13px 5%}
.brand{display:flex;align-items:center;gap:12px;min-width:280px}
.logo-img{width:108px;height:72px;object-fit:contain}
.brand strong{display:block;font-size:34px;color:#168a44;line-height:1;font-weight:900}
.brand small{display:block;font-size:16px;color:#142b4d;font-weight:900;margin-top:6px}
nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-weight:900;color:#142b4d}
nav a:hover,nav a:first-child{color:#ef4f78}
.header-actions{display:flex;align-items:center;gap:12px}
.round-whatsapp{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#24c161;color:white;font-size:22px}
.phone-pill{background:#ef4f78;color:white;border-radius:999px;padding:13px 24px;font-weight:900;font-size:18px}
.approval-strip{background:#f2fbf3;border-top:1px solid #e4f3e7;border-bottom:1px solid #e4f3e7}
.approval-inline{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;padding:15px 16px;color:#15834b;font-weight:900;font-size:18px}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fff8eb);min-height:560px}
.hero-bg{position:absolute;inset:0;right:42%;overflow:hidden}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.92) 72%,#fff 100%)}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}
.hero-content{position:relative;z-index:2;min-height:560px;display:flex;align-items:center}
.hero-text{width:54%;text-align:center;padding:40px 0}
.hero-text h1{font-size:52px;line-height:1.18;margin:0 0 20px;font-weight:900;color:#142b4d}
.hero-text h1 span{display:block;font-size:58px;color:#ef4f78}
.hero-text p{font-size:25px;margin:0 auto 24px;color:#243d62;max-width:640px}
.mini-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:white;border-radius:24px;box-shadow:0 14px 34px rgba(29,54,91,.12);overflow:hidden;margin:24px auto;max-width:760px}
.mini-benefits div{padding:18px 12px;border-left:1px solid #edf0f4}
.mini-benefits div:last-child{border-left:0}
.mini-benefits b{display:block;color:#142b4d;font-size:16px}
.mini-benefits small{display:block;color:#52647a;font-size:13px}
.hero-buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:14px 34px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.1)}
.green{background:#27b864;color:white}
.pink{background:#ef4f78;color:white}
.yellow{background:#ffc928;color:#213451}
.branches{padding:70px 0 45px;background:linear-gradient(180deg,#fff,#f4fbef);text-align:center}
h2{font-size:40px;color:#142b4d;margin:0 0 18px}
.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:24px}
.branch-card{background:white;border-radius:26px;padding:16px;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;text-align:right;box-shadow:0 15px 38px rgba(29,54,91,.12)}
.branch-card img{height:190px;width:100%;object-fit:cover;border-radius:22px}
.tag{display:inline-flex;border-radius:14px;background:#49c96d;color:white;padding:6px 16px;font-weight:900}
.tag.soon{background:#9c64c8}
.branch-card h3{font-size:34px;color:#ef4f78;margin:10px 0 0}
.branch-card h4{font-size:24px;color:#168a44;margin:0 0 8px}
.branch-card p{margin:6px 0;color:#142b4d;font-size:18px}
.branch-phone{display:inline-flex;background:#27b864;color:white;border-radius:999px;padding:12px 26px;font-weight:900;margin-top:12px}
.branch-phone.purple{background:#9c64c8}
.info-cards{padding:36px 0;background:#fff}
.info-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:20px}
.info-card{background:#fffef8;border:1px solid #f0dfbd;border-radius:24px;padding:26px;box-shadow:0 12px 30px rgba(29,54,91,.08)}
.info-card span{font-size:35px}
.info-card h3{font-size:25px;margin:8px 0;color:#168a44}
.info-card p{font-size:18px;margin:8px 0;color:#142b4d}
.info-card strong{font-size:28px;color:#ef4f78}
.info-card ul{margin:0;padding-right:20px;text-align:right}
.info-card li{margin:6px 0}
.section{padding:75px 20px;text-align:center}
.section.soft{background:#fff8ec}
.section p{font-size:19px;color:#52647a;max-width:850px;margin:10px auto;line-height:1.9}
.table-wrap{margin:28px auto 0;max-width:980px;overflow:auto;border-radius:22px;box-shadow:0 14px 34px rgba(29,54,91,.1)}
table{width:100%;min-width:720px;border-collapse:collapse;background:white}
th{background:#168a44;color:white}
td,th{padding:16px;text-align:right;border-bottom:1px solid #edf0f4}
.gallery-section{background:#fff8ec}
.gallery-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-card{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 14px 34px rgba(29,54,91,.12);background:white;display:block}
.gallery-card img{width:100%;height:280px;object-fit:cover;transition:transform .3s ease}
.gallery-card:hover img{transform:scale(1.04)}
.gallery-card span{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.94);color:#142b4d;border-radius:14px;padding:8px 14px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.register{background:linear-gradient(180deg,#fff,#e9fbf7)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;text-align:right;align-items:start}
form{background:white;border-radius:28px;box-shadow:0 18px 44px rgba(29,54,91,.12);padding:30px;display:grid;gap:15px}
label{font-weight:900;color:#142b4d}
input,select,textarea{width:100%;margin-top:7px;border:1px solid #dce6f0;border-radius:14px;padding:13px;font:inherit}
textarea{min-height:100px}
button{border:0;border-radius:16px;background:#ffc928;color:#142b4d;font-weight:900;padding:14px;cursor:pointer;font-size:16px}
.float{position:fixed;left:20px;bottom:20px;width:64px;height:64px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;font-size:30px;box-shadow:0 16px 34px rgba(0,0,0,.18);z-index:999}
@media(max-width:1050px){
  .navrow{grid-template-columns:1fr;text-align:center}
  .brand{justify-content:center}
  .header-actions{justify-content:center}
  .hero-bg{position:relative;right:auto;height:300px}
  .hero-bg:after{background:rgba(255,255,255,.35)}
  .hero-content{min-height:auto}
  .hero-text{width:100%}
  .mini-benefits,.branch-grid,.info-grid,.gallery-grid,.form-grid{grid-template-columns:1fr}
  .branch-card{grid-template-columns:1fr}
  .hero-text h1{font-size:38px}
  .hero-text h1 span{font-size:42px}
}


/* Hero image polish - final check */
.hero{
  min-height:620px;
  background:linear-gradient(180deg,#fff,#fff8eb);
}

.hero-bg{
  right:38%;
}

.hero-bg img{
  filter:saturate(1.14) contrast(1.03) brightness(1.04);
}

.hero-bg:after{
  background:
    linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.82) 62%, #fff 100%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,248,235,.30));
}

.hero-text{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(2px);
  border-radius:34px;
  padding:38px 28px;
  box-shadow:0 18px 50px rgba(29,54,91,.08);
}

@media(max-width:1050px){
  .hero-bg{
    right:auto;
  }
  .hero-text{
    background:#fff;
    border-radius:24px;
    margin-top:-20px;
  }
}


/* Final hero image based on approved design */
.hero-bg img{
  object-fit:cover;
  object-position:center center;
}

.whatsapp-form button{
  background:#25d366;
  color:white;
}