@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap');

  :root{
    --obsidian:#171613;
    --linen:#F8F3E8;
    --gold:#D2B166;
    --green:#214F3B;
    --caramel:#B68B35;
  }
  #header {
  background: transparent;
}

#header.header-scrolled {
  background: rgba(23, 22, 19, 0.96);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid rgba(210, 177, 102, 0.16);
}

#header.header-scrolled .nav-link {
  color: rgba(248, 243, 232, 0.9);
}

#header.header-scrolled #menuBtn {
  color: #D2B166;
  border-color: rgba(210, 177, 102, 0.45);
}

  html{scroll-behavior:smooth;}

  body{
    background:var(--linen);
    color:var(--obsidian);
    overflow-x:hidden;
  }

.hero-bg{
  background:#171613;
}

  .texture-dark{
    background:
      radial-gradient(circle at 20% 10%, rgba(210,177,102,.16), transparent 28%),
      radial-gradient(circle at 80% 60%, rgba(33,79,59,.35), transparent 35%),
      linear-gradient(135deg, #171613, #0d0d0b);
  }

  .texture-green{
    background:
      radial-gradient(circle at 10% 20%, rgba(210,177,102,.18), transparent 28%),
      radial-gradient(circle at 90% 80%, rgba(210,177,102,.10), transparent 25%),
      linear-gradient(135deg, #123325, #214F3B 52%, #10271d);
  }

  .mandala-corner:before,
  .mandala-corner:after{
    display:none !important;
    content:none !important;
  }

  .gold-line{
    height:1px;
    background:linear-gradient(90deg, transparent, var(--gold), transparent);
  }

  .glass-card{
    background:rgba(248,243,232,.07);
    border:1px solid rgba(210,177,102,.25);
    backdrop-filter:blur(14px);
  }

  .linen-card{
    background:rgba(248,243,232,.78);
    border:1px solid rgba(182,139,53,.22);
    box-shadow:0 20px 50px rgba(23,22,19,.08);
  }

  .dark-card{
    background:linear-gradient(180deg, rgba(33,79,59,.92), rgba(23,22,19,.98));
    border:1px solid rgba(210,177,102,.28);
  }

  .luxury-icon svg{
    width:34px;
    height:34px;
    stroke:var(--gold);
    fill:none;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .reveal{
    opacity:0;
    transform:translateY(38px);
    transition:all .9s cubic-bezier(.2,.8,.2,1);
  }

  .reveal.show{
    opacity:1;
    transform:none;
  }

  .reveal-left{
    opacity:0;
    transform:translateX(-42px);
    transition:all .9s cubic-bezier(.2,.8,.2,1);
  }

  .reveal-right{
    opacity:0;
    transform:translateX(42px);
    transition:all .9s cubic-bezier(.2,.8,.2,1);
  }

  .reveal-left.show,
  .reveal-right.show{
    opacity:1;
    transform:none;
  }

  .btn-gold{
    background:linear-gradient(135deg, #D2B166, #B68B35);
    color:#171613;
    box-shadow:0 12px 35px rgba(210,177,102,.24);
  }

  .btn-gold:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 45px rgba(210,177,102,.34);
  }

  .btn-outline{
    border:1px solid rgba(210,177,102,.7);
    color:var(--gold);
  }

  .btn-outline:hover{
    background:rgba(210,177,102,.12);
  }

  .nav-link{
    position:relative;
  }

  .nav-link:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:1px;
    background:var(--gold);
    transition:.3s;
  }

  .nav-link:hover:after{
    width:100%;
  }

  .faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
  }

  .faq-item.active .faq-answer{
    max-height:220px;
  }

  .faq-item.active .faq-plus{
    transform:rotate(45deg);
  }

  .hero-title{
    letter-spacing:.055em;
    text-shadow:0 12px 50px rgba(0,0,0,.55);
  }

  .section-kicker{
    letter-spacing:.28em;
  }
  .hero-stat{
  position:relative;
  overflow:hidden;
  transition:all .55s ease;
}

.hero-stat::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(210,177,102,.30), rgba(182,139,53,.12));
  opacity:0;
  transition:.55s ease;
}

.hero-stat > *{
  position:relative;
  z-index:2;
}

.hero-stat.is-active{
  transform:translateY(-8px);
  border-color:rgba(210,177,102,.9);
  background:rgba(210,177,102,.16);
  box-shadow:0 18px 45px rgba(210,177,102,.22);
}

.hero-stat.is-active::before{
  opacity:1;
}

.hero-stat.is-active .hero-stat-title{
  color:#F8F3E8;
}

.hero-stat.is-active .hero-stat-text{
  color:#D2B166;
}
.animated-gradient-text{
  background: linear-gradient(
    90deg,
    #D2B166 0%,
    #F8F3E8 18%,
    #B68B35 35%,
    #D2B166 50%,
    #2c6d51 68%,
    #F8F3E8 84%,
    #D2B166 100%
  );
  background-size: 220% 100%;
  animation: gradientMove 6s linear infinite;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}

@keyframes gradientMove{
  0%{
    background-position: 0% 50%;
  }
  100%{
    background-position: 220% 50%;
  }
}
.edge-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 15%, rgba(210,177,102,.20), transparent 28%),
    radial-gradient(circle at 85% 75%, rgba(248,243,232,.10), transparent 30%),
    linear-gradient(135deg, #171613 0%, #214F3B 55%, #11100d 100%);
  border:1px solid rgba(210,177,102,.28);
  box-shadow:0 28px 80px rgba(23,22,19,.20);
}

.edge-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(210,177,102,.18);
  pointer-events:none;
}

.problem-card{
  position:relative;
  overflow:hidden;
  background:rgba(248,243,232,.82);
  border:1px solid rgba(182,139,53,.24);
  box-shadow:0 18px 45px rgba(23,22,19,.08);
  transition:all .45s ease;
}

.problem-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(210,177,102,.22), transparent 45%);
  opacity:0;
  transition:.45s ease;
}

.problem-card::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:72px;
  height:72px;
  background:linear-gradient(135deg, rgba(210,177,102,.9), rgba(182,139,53,.45));
  clip-path:polygon(100% 0, 0 0, 100% 100%);
  opacity:.75;
}

.problem-card:hover{
  transform:translateY(-8px);
  border-color:rgba(210,177,102,.75);
  box-shadow:0 24px 65px rgba(23,22,19,.14);
}

.problem-card:hover::before{
  opacity:1;
}

.problem-card > *{
  position:relative;
  z-index:2;
}

.problem-icon svg{
  width:38px;
  height:38px;
  stroke:#D2B166;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.vision-section{
  position:relative;
  background:
    radial-gradient(circle at 20% 20%, rgba(210,177,102,.18), transparent 28%),
    radial-gradient(circle at 80% 75%, rgba(248,243,232,.08), transparent 30%),
    linear-gradient(135deg, #10271d 0%, #214F3B 48%, #171613 100%);
}

.vision-glass{
  position:relative;
  overflow:hidden;
  background:rgba(248,243,232,.07);
  border:1px solid rgba(210,177,102,.24);
  backdrop-filter:blur(16px);
  box-shadow:0 28px 80px rgba(0,0,0,.22);
}

.vision-glass::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(210,177,102,.12);
  pointer-events:none;
}

.vision-compass{
  position:relative;
  min-height:520px;
}

.vision-ring{
  position:absolute;
  inset:50%;
  width:250px;
  height:250px;
  transform:translate(-50%, -50%);
  border:1px solid rgba(210,177,102,.35);
  border-radius:999px;
  box-shadow:
    0 0 0 28px rgba(210,177,102,.035),
    0 0 0 58px rgba(210,177,102,.025);
}

.vision-center{
  position:absolute;
  inset:50%;
  transform:translate(-50%, -50%);
  width:180px;
  height:180px;
  border-radius:999px;
  display:grid;
  place-items:center;
  text-align:center;
  background:
    radial-gradient(circle, rgba(210,177,102,.22), rgba(23,22,19,.98));
  border:1px solid rgba(210,177,102,.55);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  z-index:3;
}

.vision-card{
  position:absolute;
  width:235px;
  background:rgba(248,243,232,.09);
  border:1px solid rgba(210,177,102,.22);
  backdrop-filter:blur(14px);
  padding:24px;
  transition:all .45s ease;
}

.vision-card:hover{
  transform:translateY(-8px);
  border-color:rgba(210,177,102,.75);
  background:rgba(248,243,232,.13);
  box-shadow:0 20px 55px rgba(0,0,0,.25);
}

.vision-card svg{
  width:34px;
  height:34px;
  stroke:#D2B166;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.vision-card.top-left{top:0;left:0;}
.vision-card.top-right{top:0;right:0;}
.vision-card.bottom-left{bottom:0;left:0;}
.vision-card.bottom-right{bottom:0;right:0;}

@media(max-width:1023px){
  .vision-compass{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }

  .vision-ring,
  .vision-center{
    position:relative;
    inset:auto;
    transform:none;
    margin:auto;
  }

  .vision-ring{
    display:none;
  }

  .vision-card{
    position:relative;
    width:100%;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
  }
}
/* ================================
   WHY NETRAM - SYMMETRIC SECTION
================================ */

.different-section-symmetric{
  position:relative;
  background:
    radial-gradient(circle at 12% 10%, rgba(210,177,102,.18), transparent 28%),
    radial-gradient(circle at 88% 85%, rgba(33,79,59,.12), transparent 32%),
    linear-gradient(180deg, #F8F3E8 0%, #f2ead9 100%);
}

.different-grid-symmetric{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.different-card-symmetric{
  position:relative;
  min-height:280px;
  padding:30px;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at 20% 15%, rgba(210,177,102,.18), transparent 30%),
    linear-gradient(145deg, #171613 0%, #214F3B 65%, #11100d 100%);
  border:1px solid rgba(210,177,102,.26);
  box-shadow:0 24px 70px rgba(23,22,19,.14);
  transition:all .45s ease;
}

.different-card-symmetric::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(210,177,102,.12);
  border-radius:22px;
  pointer-events:none;
}

.different-card-symmetric::after{
  content:"";
  position:absolute;
  top:-90px;
  right:-90px;
  width:190px;
  height:190px;
  border-radius:999px;
  background:rgba(210,177,102,.15);
  filter:blur(12px);
  transition:all .45s ease;
}

.different-card-symmetric:hover{
  transform:translateY(-10px);
  border-color:rgba(210,177,102,.78);
  box-shadow:0 34px 90px rgba(23,22,19,.22);
}

.different-card-symmetric:hover::after{
  transform:scale(1.18);
  background:rgba(210,177,102,.24);
}

.different-card-symmetric > *{
  position:relative;
  z-index:2;
}

.different-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.different-icon-symmetric{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(210,177,102,.38);
  background:rgba(248,243,232,.06);
}

.different-icon-symmetric svg{
  width:31px;
  height:31px;
  stroke:#D2B166;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.different-count{
  font-family:Cinzel, Georgia, serif;
  font-size:42px;
  line-height:1;
  color:rgba(210,177,102,.18);
}

.different-card-title{
  margin-top:28px;
  font-size:22px;
  line-height:1.25;
  color:#D2B166;
}

.different-card-text{
  margin-top:14px;
  font-size:14px;
  line-height:1.8;
  color:rgba(248,243,232,.66);
}

@media(max-width:1024px){
  .different-grid-symmetric{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:640px){
  .different-grid-symmetric{
    grid-template-columns:1fr;
    gap:18px;
  }

  .different-card-symmetric{
    min-height:auto;
    padding:26px;
    border-radius:24px;
  }

  .different-card-title{
    font-size:20px;
  }
}
/* ================================
   PANCH TATVA SECTION
================================ */

.panch-section{
  position:relative;
  background:
    radial-gradient(circle at 12% 20%, rgba(210,177,102,.16), transparent 28%),
    radial-gradient(circle at 90% 75%, rgba(248,243,232,.08), transparent 30%),
    linear-gradient(135deg, #171613 0%, #214F3B 52%, #0f0e0b 100%);
}

.panch-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:20px;
}

.panch-card{
  position:relative;
  min-height:270px;
  padding:28px 20px;
  text-align:center;
  overflow:hidden;
  border-radius:28px;
  background:rgba(248,243,232,.07);
  border:1px solid rgba(210,177,102,.25);
  backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  transition:all .45s ease;
}

.panch-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(210,177,102,.12);
  border-radius:22px;
  pointer-events:none;
}

.panch-card::after{
  content:"";
  position:absolute;
  top:-90px;
  left:50%;
  width:170px;
  height:170px;
  border-radius:999px;
  transform:translateX(-50%);
  background:rgba(210,177,102,.12);
  filter:blur(10px);
  transition:all .45s ease;
}

.panch-card:hover{
  transform:translateY(-10px);
  border-color:rgba(210,177,102,.78);
  background:rgba(248,243,232,.11);
  box-shadow:0 34px 90px rgba(0,0,0,.28);
}

.panch-card:hover::after{
  background:rgba(210,177,102,.24);
  transform:translateX(-50%) scale(1.18);
}

.panch-card > *{
  position:relative;
  z-index:2;
}

.panch-icon{
  width:82px;
  height:82px;
  margin:0 auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(210,177,102,.45);
  background:
    radial-gradient(circle, rgba(210,177,102,.18), rgba(248,243,232,.04));
}

.panch-icon svg{
  width:38px;
  height:38px;
  stroke:#D2B166;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.panch-number{
  display:block;
  margin-top:22px;
  font-family:Cinzel, Georgia, serif;
  font-size:13px;
  letter-spacing:.25em;
  color:rgba(210,177,102,.55);
}

.panch-title{
  margin-top:10px;
  font-size:22px;
  color:#D2B166;
}

.panch-text{
  margin-top:12px;
  font-size:13px;
  line-height:1.8;
  color:rgba(248,243,232,.62);
}

@media(max-width:1024px){
  .panch-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .panch-card:last-child{
    grid-column:1 / -1;
    max-width:420px;
    width:100%;
    margin:0 auto;
  }
}

@media(max-width:640px){
  .panch-grid{
    grid-template-columns:1fr;
  }

  .panch-card{
    min-height:auto;
  }

  .panch-card:last-child{
    max-width:100%;
  }
}
/* ================================
   LIFESTYLE SECTION
================================ */

.lifestyle-section{
  position:relative;
  background:
    radial-gradient(circle at 12% 15%, rgba(210,177,102,.16), transparent 30%),
    radial-gradient(circle at 90% 80%, rgba(33,79,59,.10), transparent 32%),
    linear-gradient(180deg, #F8F3E8 0%, #f2ead9 100%);
}

.lifestyle-panel{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:42px;
  background:
    radial-gradient(circle at 18% 12%, rgba(210,177,102,.18), transparent 30%),
    linear-gradient(145deg, #171613 0%, #214F3B 68%, #11100d 100%);
  border:1px solid rgba(210,177,102,.28);
  box-shadow:0 28px 80px rgba(23,22,19,.18);
}

.lifestyle-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(210,177,102,.13);
  border-radius:24px;
  pointer-events:none;
}

.lifestyle-panel > *{
  position:relative;
  z-index:2;
}

.lifestyle-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:32px;
}

.lifestyle-mini-box{
  border:1px solid rgba(210,177,102,.22);
  background:rgba(248,243,232,.06);
  padding:18px;
}

.lifestyle-mini-box span{
  display:block;
  font-family:Cinzel, Georgia, serif;
  color:#D2B166;
  font-size:22px;
}

.lifestyle-mini-box p{
  margin-top:4px;
  color:rgba(248,243,232,.62);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.18em;
}

.lifestyle-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

.lifestyle-card{
  position:relative;
  min-height:230px;
  overflow:hidden;
  border-radius:26px;
  padding:26px;
  background:rgba(248,243,232,.82);
  border:1px solid rgba(182,139,53,.24);
  box-shadow:0 20px 55px rgba(23,22,19,.08);
  transition:all .45s ease;
}

.lifestyle-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(210,177,102,.22), transparent 48%);
  opacity:0;
  transition:all .45s ease;
}

.lifestyle-card::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:78px;
  height:78px;
  background:linear-gradient(135deg, rgba(210,177,102,.9), rgba(182,139,53,.35));
  clip-path:polygon(100% 0, 0 0, 100% 100%);
  opacity:.72;
}

.lifestyle-card:hover{
  transform:translateY(-9px);
  border-color:rgba(210,177,102,.78);
  box-shadow:0 30px 75px rgba(23,22,19,.15);
}

.lifestyle-card:hover::before{
  opacity:1;
}

.lifestyle-card > *{
  position:relative;
  z-index:2;
}

.lifestyle-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(182,139,53,.32);
  background:rgba(210,177,102,.10);
}

.lifestyle-icon svg{
  width:30px;
  height:30px;
  stroke:#B68B35;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.lifestyle-card h3{
  margin-top:24px;
  font-size:19px;
  color:#171613;
}

.lifestyle-card p{
  margin-top:12px;
  font-size:14px;
  line-height:1.75;
  color:rgba(23,22,19,.62);
}

@media(max-width:1024px){
  .lifestyle-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:640px){
  .lifestyle-panel{
    padding:30px;
    border-radius:24px;
  }

  .lifestyle-mini-grid,
  .lifestyle-grid{
    grid-template-columns:1fr;
  }

  .lifestyle-card{
    min-height:auto;
  }
}
/* ================================
   MASTER PLAN SECTION
================================ */

.master-section{
  position:relative;
  background:
    radial-gradient(circle at 15% 18%, rgba(210,177,102,.16), transparent 28%),
    radial-gradient(circle at 90% 80%, rgba(248,243,232,.08), transparent 30%),
    linear-gradient(135deg, #10271d 0%, #214F3B 52%, #171613 100%);
}

.master-panel{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:42px;
  background:rgba(248,243,232,.07);
  border:1px solid rgba(210,177,102,.25);
  backdrop-filter:blur(16px);
  box-shadow:0 28px 80px rgba(0,0,0,.22);
}

.master-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(210,177,102,.13);
  border-radius:24px;
  pointer-events:none;
}

.master-panel > *{
  position:relative;
  z-index:2;
}

.master-points{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:34px;
}

.master-point{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid rgba(210,177,102,.20);
  background:rgba(248,243,232,.06);
  color:rgba(248,243,232,.76);
  font-size:13px;
}

.master-point span{
  width:9px;
  height:9px;
  display:block;
  border-radius:999px;
  background:#D2B166;
  box-shadow:0 0 18px rgba(210,177,102,.7);
}

.master-image-card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  padding:16px;
  background:
    radial-gradient(circle at 20% 15%, rgba(210,177,102,.20), transparent 30%),
    linear-gradient(145deg, rgba(248,243,232,.12), rgba(248,243,232,.04));
  border:1px solid rgba(210,177,102,.26);
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.master-image-card::before{
  content:"";
  position:absolute;
  inset:28px;
  border:1px solid rgba(210,177,102,.16);
  border-radius:24px;
  pointer-events:none;
  z-index:3;
}

.master-image-wrap{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  aspect-ratio:4 / 3;
  background:#171613;
}

.master-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .7s ease;
}

.master-image-card:hover img{
  transform:scale(1.06);
}

.master-image-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(23,22,19,.05), rgba(23,22,19,.60)),
    radial-gradient(circle at center, transparent 35%, rgba(23,22,19,.35) 100%);
  z-index:2;
}

.master-badge{
  position:absolute;
  left:28px;
  bottom:28px;
  z-index:4;
  padding:14px 18px;
  border:1px solid rgba(210,177,102,.35);
  background:rgba(23,22,19,.78);
  backdrop-filter:blur(14px);
}

.master-badge p:first-child{
  color:#D2B166;
  font-family:Cinzel, Georgia, serif;
  font-size:20px;
}

.master-badge p:last-child{
  margin-top:3px;
  color:rgba(248,243,232,.64);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.master-floating-note{
  position:absolute;
  top:30px;
  right:30px;
  z-index:4;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(210,177,102,.92);
  color:#171613;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

@media(max-width:640px){
  .master-panel{
    padding:30px;
    border-radius:24px;
  }

  .master-points{
    grid-template-columns:1fr;
  }

  .master-image-card{
    border-radius:24px;
    padding:12px;
  }

  .master-image-wrap{
    border-radius:18px;
  }

  .master-floating-note{
    top:22px;
    right:22px;
  }

  .master-badge{
    left:22px;
    bottom:22px;
  }
}
/* ================================
   LOCATION SECTION - WIDE MAP STYLE
================================ */

.location-wide-section{
  position:relative;
  background:
    radial-gradient(circle at 15% 10%, rgba(210,177,102,.18), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(33,79,59,.12), transparent 32%),
    linear-gradient(180deg, #F8F3E8 0%, #f2ead9 100%);
}

.location-wide-map-card{
  position:relative;
  margin-top:56px;
  padding:16px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 15%, rgba(210,177,102,.20), transparent 30%),
    linear-gradient(145deg, rgba(23,22,19,.95), rgba(33,79,59,.92));
  border:1px solid rgba(210,177,102,.28);
  box-shadow:0 34px 95px rgba(23,22,19,.20);
}

.location-wide-map-wrap{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  min-height:480px;
  background:#171613;
}

.location-wide-map-wrap img{
  width:100%;
  height:100%;
  min-height:480px;
  object-fit:cover;
  display:block;
  transition:transform .8s ease;
}

.location-wide-map-card:hover img{
  transform:scale(1.04);
}

.location-wide-map-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(23,22,19,.88) 0%, rgba(23,22,19,.54) 38%, rgba(23,22,19,.08) 100%),
    linear-gradient(180deg, rgba(23,22,19,.10), rgba(23,22,19,.72));
}

.location-floating-box{
  position:absolute;
  left:36px;
  top:50%;
  transform:translateY(-50%);
  width:min(420px, calc(100% - 72px));
  padding:34px;
  border-radius:28px;
  background:rgba(23,22,19,.82);
  border:1px solid rgba(210,177,102,.32);
  backdrop-filter:blur(16px);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  z-index:3;
}

.location-floating-box::before{
  content:"";
  position:absolute;
  inset:15px;
  border:1px solid rgba(210,177,102,.13);
  border-radius:22px;
  pointer-events:none;
}

.location-floating-box > *{
  position:relative;
  z-index:2;
}

.location-pin-dot{
  width:52px;
  height:52px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, #D2B166, #B68B35);
  color:#171613;
  font-family:Cinzel, Georgia, serif;
  font-size:22px;
  box-shadow:0 0 0 10px rgba(210,177,102,.16);
}

.location-route-line{
  position:absolute;
  right:16%;
  top:28%;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#D2B166;
  box-shadow:
    0 0 0 10px rgba(210,177,102,.18),
    0 0 34px rgba(210,177,102,.95);
  z-index:4;
}

.location-route-line::after{
  content:"Netram";
  position:absolute;
  left:24px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(23,22,19,.78);
  border:1px solid rgba(210,177,102,.35);
  color:#D2B166;
  padding:8px 12px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
}

.location-connect-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  margin-top:-44px;
  position:relative;
  z-index:5;
  padding:0 28px;
}

.location-connect-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  min-height:150px;
  border-radius:24px;
  background:rgba(248,243,232,.92);
  border:1px solid rgba(182,139,53,.25);
  box-shadow:0 20px 55px rgba(23,22,19,.10);
  transition:all .45s ease;
}

.location-connect-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(210,177,102,.22), transparent 48%);
  opacity:0;
  transition:.45s ease;
}

.location-connect-card:hover{
  transform:translateY(-8px);
  border-color:rgba(210,177,102,.75);
  box-shadow:0 30px 75px rgba(23,22,19,.16);
}

.location-connect-card:hover::before{
  opacity:1;
}

.location-connect-card > *{
  position:relative;
  z-index:2;
}

.location-connect-card span{
  font-family:Cinzel, Georgia, serif;
  color:#B68B35;
  font-size:28px;
}

.location-connect-card h3{
  margin-top:14px;
  font-family:Cinzel, Georgia, serif;
  color:#171613;
  font-size:18px;
}

.location-connect-card p{
  margin-top:8px;
  color:rgba(23,22,19,.62);
  font-size:13px;
  line-height:1.7;
}

@media(max-width:1024px){
  .location-connect-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    margin-top:24px;
    padding:0;
  }

  .location-floating-box{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:auto;
    margin:22px;
  }

  .location-wide-map-overlay{
    background:linear-gradient(180deg, rgba(23,22,19,.20), rgba(23,22,19,.82));
  }
}

@media(max-width:640px){
  .location-wide-map-card{
    padding:10px;
    border-radius:24px;
  }

  .location-wide-map-wrap{
    border-radius:18px;
    min-height:auto;
  }

  .location-wide-map-wrap img{
    min-height:360px;
  }

  .location-floating-box{
    margin:14px;
    padding:26px;
    border-radius:22px;
  }

  .location-connect-grid{
    grid-template-columns:1fr;
  }

  .location-route-line{
    right:24%;
    top:20%;
  }
}
/* LIVE GOOGLE MAP IFRAME */

.location-live-map{
  width:100%;
  height:100%;
  min-height:480px;
  border:0;
  display:block;
  filter:saturate(1.05) contrast(1.03);
}

.location-map-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(23,22,19,.82) 0%, rgba(23,22,19,.45) 36%, rgba(23,22,19,.02) 100%),
    linear-gradient(180deg, rgba(23,22,19,.04), rgba(23,22,19,.45));
  z-index:2;
}

.location-floating-box{
  z-index:5;
}

@media(max-width:640px){
  .location-live-map{
    min-height:360px;
  }
}
/* ================================
   INVESTMENT SECTION
================================ */

.invest-section{
  position:relative;
  background:
    radial-gradient(circle at 12% 12%, rgba(210,177,102,.18), transparent 28%),
    radial-gradient(circle at 90% 82%, rgba(33,79,59,.12), transparent 32%),
    linear-gradient(180deg, #F8F3E8 0%, #f2ead9 100%);
}

.invest-heading-box{
  max-width:850px;
  margin:0 auto;
  text-align:center;
}

.invest-growth-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px;
  margin-top:54px;
}

.invest-growth-card{
  position:relative;
  min-height:260px;
  overflow:hidden;
  border-radius:28px;
  padding:28px;
  background:
    radial-gradient(circle at 20% 15%, rgba(210,177,102,.18), transparent 30%),
    linear-gradient(145deg, #171613 0%, #214F3B 68%, #11100d 100%);
  border:1px solid rgba(210,177,102,.28);
  box-shadow:0 24px 70px rgba(23,22,19,.14);
  transition:all .45s ease;
}

.invest-growth-card::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(210,177,102,.13);
  border-radius:22px;
  pointer-events:none;
}

.invest-growth-card::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-80px;
  width:180px;
  height:180px;
  border-radius:999px;
  background:rgba(210,177,102,.16);
  filter:blur(12px);
  transition:all .45s ease;
}

.invest-growth-card:hover{
  transform:translateY(-10px);
  border-color:rgba(210,177,102,.78);
  box-shadow:0 34px 90px rgba(23,22,19,.22);
}

.invest-growth-card:hover::after{
  transform:scale(1.2);
  background:rgba(210,177,102,.25);
}

.invest-growth-card > *{
  position:relative;
  z-index:2;
}

.invest-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(210,177,102,.38);
  background:rgba(248,243,232,.06);
}

.invest-icon svg{
  width:31px;
  height:31px;
  stroke:#D2B166;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.invest-growth-card h3{
  margin-top:28px;
  font-size:21px;
  line-height:1.3;
  color:#D2B166;
}

.invest-growth-card p{
  margin-top:12px;
  font-size:14px;
  line-height:1.8;
  color:rgba(248,243,232,.66);
}

.invest-count{
  position:absolute;
  right:24px;
  bottom:18px;
  font-family:Cinzel, Georgia, serif;
  font-size:64px;
  line-height:1;
  color:rgba(210,177,102,.09);
}

.invest-stats-wrap{
  margin-top:28px;
  padding:18px;
  border-radius:30px;
  background:rgba(23,22,19,.96);
  border:1px solid rgba(210,177,102,.24);
  box-shadow:0 28px 85px rgba(23,22,19,.18);
}

.invest-stats-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:14px;
}

.invest-stat-card{
  position:relative;
  overflow:hidden;
  min-height:150px;
  padding:22px 16px;
  text-align:center;
  border-radius:22px;
  background:rgba(248,243,232,.07);
  border:1px solid rgba(210,177,102,.18);
  transition:all .4s ease;
}

.invest-stat-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(210,177,102,.20), transparent 55%);
  opacity:0;
  transition:.4s ease;
}

.invest-stat-card:hover{
  transform:translateY(-7px);
  border-color:rgba(210,177,102,.65);
  background:rgba(248,243,232,.10);
}

.invest-stat-card:hover::before{
  opacity:1;
}

.invest-stat-card > *{
  position:relative;
  z-index:2;
}

.invest-stat-card h4{
  font-family:Cinzel, Georgia, serif;
  font-size:34px;
  line-height:1;
  color:#D2B166;
}

.invest-stat-card p{
  margin-top:12px;
  font-size:10px;
  line-height:1.6;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:rgba(248,243,232,.62);
}

@media(max-width:1024px){
  .invest-growth-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .invest-stats-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media(max-width:640px){
  .invest-growth-grid,
  .invest-stats-grid{
    grid-template-columns:1fr;
  }

  .invest-growth-card{
    min-height:auto;
  }

  .invest-stats-wrap{
    padding:12px;
    border-radius:24px;
  }
}
.simple-footer{
  background:#0f0e0b;
  color:#D2B166;
  border-top:1px solid rgba(210,177,102,.22);
}

.simple-footer a{
  color:rgba(210,177,102,.78);
  transition:.3s ease;
}

.simple-footer a:hover{
  color:#ffffff;
}

.simple-footer p{
  color:rgba(248,243,232,.58);
}

.simple-footer-title{
  color:#D2B166;
  font-family:Cinzel, Georgia, serif;
}

.simple-footer-line{
  border-top:1px solid rgba(210,177,102,.18);
}
.simple-footer-logo{
  height:64px;
  width:auto;
  object-fit:contain;
  margin-bottom:18px;
}

.simple-social-link{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(210,177,102,.78);
  transition:.3s ease;
}

.simple-social-link:hover{
  color:#ffffff;
  transform:translateX(4px);
}

.simple-social-link svg{
  width:18px;
  height:18px;
  fill:currentColor;
  flex-shrink:0;
}
.hero-bg-slider{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}

.hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transform:scale(1.05);
  transition:opacity 1.2s ease, transform 4.5s ease;
}

.hero-slide.active{
  opacity:1;
  transform:scale(1);
}
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

section,
header,
footer{
  max-width:100vw;
  overflow-x:clip;
}

img, svg, video, canvas{
  max-width:100%;
}

@media(max-width:1024px){
  .reveal-left,
  .reveal-right{
    transform:translateY(34px) !important;
  }

  .reveal-left.show,
  .reveal-right.show{
    transform:none !important;
  }
}

.hero-bg-slider,
.hero-slide{
  max-width:100vw;
  overflow:hidden;
}
.field-error {
  border-color: #ff3b3b !important;
  background: rgba(255, 0, 0, 0.08) !important;
}

.error-text {
  color: #ff6b6b !important;
}


/* =====================================================
   FIXED VERTICAL WHATSAPP BUTTON
===================================================== */

.vertical-whatsapp {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  display: flex;
  align-items: center;
  gap: 9px;

  padding: 13px 10px;
  background: #25d366;
  color: #ffffff;

  border-radius: 10px 0 0 10px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.28);

  writing-mode: vertical-rl;
  text-orientation: mixed;

  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  transition:
    background-color 0.3s ease,
    padding 0.3s ease,
    box-shadow 0.3s ease;
}

.vertical-whatsapp svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  flex-shrink: 0;
}

.vertical-whatsapp:hover {
  background: #1fbd5a;
  padding-right: 14px;
  box-shadow: 0 16px 42px rgba(37, 211, 102, 0.35);
}

/* MOBILE */
@media (max-width: 767px) {
  .vertical-whatsapp {
    top: 58%;
    padding: 11px 8px;
    gap: 7px;
    font-size: 9px;
    border-radius: 8px 0 0 8px;
  }

  .vertical-whatsapp svg {
    width: 20px;
    height: 20px;
  }
}

/* VERY SMALL PHONES */
@media (max-width: 380px) {
  #header > div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .vertical-whatsapp span {
    font-size: 8px;
  }
}