:root {
  --forest: #1a3d2b;
  --deep: #0f2218;
  --moss: #2d6a4f;
  --sage: #52b788;
  --gold: #c9a84c;
  --gold-light: #e8c97a;
  --cream: #f8f4ec;
  --warm-white: #fdfaf4;
  --text: #1c2b22;
  --text-light: #4a5e52;
  --border: rgba(82,183,136,0.2);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--warm-white);
  color: var(--text);
  overflow-x: hidden;
}
p{font-size:16px;line-height:1.8;color:var(--text-light);margin-bottom:24px;}
.logo{width: 350px;
border-radius: 10px;}


/* HEADER */
.top-header{
  background:#fff;
  padding:12px 0;
}

.header-inner{
  width:92%;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.header-logo{
  height:90px;
}

/* ACTION BUTTONS */
.header-actions{
  display:flex;
  gap:12px;
  align-items:center;
}

.partner-btn{
  background:#0b5d22;
  color:#fff;
  padding:10px 18px;
  text-decoration:none;
  border-radius:8px;
  font-weight:600;
  font-size:14px;
}

.whatsapp-btn{
  background:#25D366;
  color:#fff;
  padding:10px 18px;
  text-decoration:none;
  border-radius:8px;
  font-weight:600;
  font-size:14px;
}

/* MOBILE FOOTER BUTTONS */
.mobile-fixed-buttons{
  display:none;
}

/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}

.hamburger span{
  width:28px;
  height:3px;
  background:#000;
}
/* HOW IT WORKS BG */
.how-section {
  background: var(--deep);
  color: #fff;
}

.how-bg {
  position: absolute;
  inset: 0;
  background: 
   linear-gradient(rgba(60, 76, 68, 0.85), rgba(77, 78, 78, 0.85) 99.16%),
url('images/sandalwood-bg.jpeg') center/cover no-repeat;
  z-index: 1;
}
.how-section .features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 28px;
}

.how-section .feature-card{
background:linear-gradient(135deg, var(--gold), #8a6a28);
border:none;text-align: center;
}
/* Make cards white text */
.how-section .feature-card h3,
.how-section .feature-card p {
  color: #fff;
}

/* MOBILE */
@media(max-width:992px){
 .wa-float{
    display:none !important;
  }
  .desktop-actions{
    display:none;
  }

  .hamburger{
    display:flex;
  }

  .header-logo{
    height:70px;
  }

  .mobile-fixed-buttons{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    display:flex;
    z-index:9999;
  }

  .mobile-fixed-buttons a{
    flex:1;
    text-align:center;
    padding:14px 0;
    color:#fff;
    font-weight:600;
    text-decoration:none;
  }

  .mobile-fixed-buttons .partner-btn{
    border-radius:0;
    background:#0b5d22;
  }

  .mobile-fixed-buttons .whatsapp-btn{
    border-radius:0;
    background:#25D366;
  }

  body{
    padding-bottom:55px;
  }
}

/* HAMBURGER */
.hamburger{
  display:none;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}

.hamburger span{
  width:28px;
  height:3px;
  background:#000;
  border-radius:2px;
}

/* NAVBAR */
#navbar{
  background:linear-gradient(90deg,#0b3d18,#0f5b24,#0b3d18);
  box-shadow:0 4px 15px rgba(0,0,0,0.2);
}

.nav-container{
  width:92%;
  margin:auto;
}

.nav-links{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  list-style:none;
  gap:34px;
}

.nav-links li{
  position:relative;
}

.nav-links li a{
  color:#fff;
  text-decoration:none;
  font-size:17px;
  font-weight:600;
  padding:20px 0;
  display:block;
}

.nav-links li a:hover{
  color:#f3d16a;
}

/* BUTTON */
.nav-cta{
  background:#d4b04f;
  color:#111 !important;
  padding:10px 20px !important;
  border-radius:10px;
  font-weight:700;
}

/* SUBMENU */
.nav-links li{
  position:relative;
}

.submenu{
  position:absolute;
  top:100%;
  left:0;
  min-width:230px;
  background:#fff;
  list-style:none;
  padding:0;
  margin:0;
  display:none;
  z-index:9999;
  box-shadow:0 8px 25px rgba(0,0,0,0.15);
  border-radius:8px;
  
}

.submenu li{
  width:100%;
}

.submenu li a{
  display:block;
  color:#222 !important;
  padding:12px 18px;
  font-size:14px;
  font-weight:500;
  background:#fff;
  white-space:nowrap;
}

.submenu li a:hover{
  background:#f5f5f5;
  color:#0b5d22 !important;
}

/* DESKTOP HOVER */
@media(min-width:993px){
  .has-submenu:hover > .submenu{
    display:block;
  }
}

/* MOBILE NAV FIX */
@media(max-width:768px){

  #navbar{
    background:#0b3d18;
    position:relative;
  }

  .hamburger{
    display:flex;
    z-index:10001;
  }

  /* MAIN MENU */
  .nav-links{
    display:none;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    background:#0b3d18;
    padding:20px;
    gap:8px;
transition: all 0.3s ease;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:9999;
  }

  /* ✅ FIX: match JS class */
  .nav-links.open{
    display:flex;
  }

  /* MENU LINKS */
  .nav-links li{
    width:100%;
  }

  .nav-links li a{
    width:100%;
    padding:12px 10px;
    font-size:16px;
  }

  /* SUBMENU */
  .submenu{
    position:static;
    display:none;
    width:100%;
    background:#114d20;
    margin-top:5px;
    border-radius:6px;
    overflow:hidden;
  }

  /* ❌ REMOVE HOVER (does not work on mobile) */
  .has-submenu:hover .submenu{
    display:none;
  }

  .submenu li a{
    color:#fff !important;
    padding:10px 15px;
    font-size:14px;
  }

  /* INNER SUBMENU */
  .inner-submenu{
    background:#0e3f1b;
    margin-left:10px;
  }

  /* LOGO */
  .header-logo{
    height:55px;
  }

}

.video-hero{
position:relative;
min-height:100vh;
overflow:hidden;
display:flex;
align-items:center;
padding:72px 5% 0;
}

.hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

z-index:1;
}

.video-hero .hero-content{
position:relative;
z-index:2;
max-width:750px;
}

.video-hero h1{
color:#fff;
}

.video-hero p{
color:rgba(255,255,255,0.85);
}

.video-hero .hero-badge{
background:rgba(201,168,76,0.18);
border:1px solid rgba(201,168,76,0.35);
backdrop-filter:blur(8px);
}

.video-hero .hero-stats{
margin-top:40px;
}

.video-hero .stat strong{
color:#fff;
}

.video-hero .stat span{
color:rgba(255,255,255,.75);
}
.about-banner{
position:relative;
background:url('images/hero-banner.jpeg') center center/cover no-repeat;
display:flex;
align-items:center;
overflow:hidden;
padding: 30px 5%;
}

.about-overlay{
width:100%;
height:100%;
background:linear-gradient(
90deg,
rgba(15,34,24,0.92) 0%,
rgba(15,34,24,0.82) 35%,
rgba(15,34,24,0.35) 65%,
rgba(15,34,24,0.05) 100%
);
display:flex;
align-items:center;
padding:0 5%;
}
.aboutsection {
    display: flex;
    background: #e6efe6;
    margin: 20px 0;
    border-radius: 6px;
    overflow: hidden;
}

.left-box {
    background: #1b3d1b;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content {
    padding: 15px;
}

.content h2 {
    margin: 0;
    color: #1b3d1b;
}

.subtitle {
    color: #d28b00;
    font-style: italic;
    font-size: 14px;
}

.content p {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}

.tags {
    margin-top: 10px;
}

.tags span {
    display: inline-block;
    background: #cfe3cf;
    padding: 5px 10px;
    margin: 3px;
    border-radius: 3px;
    font-size: 12px;
}

@media(max-width:768px){
    .aboutsection {
        flex-direction: column;
    }
    .left-box {
        width: 100%;
        height: 60px;
        font-size: 30px;
    }
}
.about-banner .hero-content{
max-width:650px;
z-index:2;
padding:25px 0px;
}

.about-banner h1{
font-family:'Playfair Display',serif;
font-size:clamp(40px,5vw,68px);
color:#fff;
line-height:1.1;
margin-bottom:20px;
padding: 0;
background: none;
}

.about-banner p{
font-size:18px;
line-height:1.7;
color:rgba(255,255,255,.82);
max-width:560px;
}

.about-banner .hero-badge{
display:inline-block;
margin-bottom:24px;
}

/* HERO */
.hero {
 
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 30px 5%;

  /* Background Image */
  background: url('images/sandalwood-bg.jpeg') center/cover no-repeat;
}

/* DARK OVERLAY */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;

  /* Overlay color (adjust opacity here) */
  background: rgba(15, 34, 24, 0.75);

  z-index: 1;
}

/* CONTENT ABOVE OVERLAY */
.hero .hero-content {
  position: relative;
  z-index: 2;
}

.hero-bg {
  position: absolute; inset: 0;
  background: 
    radial-gradient(ellipse 60% 80% at 70% 50%, rgba(45,106,79,0.3) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 20% 80%, rgba(201,168,76,0.15) 0%, transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1' fill='rgba(82,183,136,0.08)'/%3E%3C/svg%3E");
}

.hero-content {
  position: relative; z-index: 2;
  max-width: 680px;
  animation: fadeUp 1s ease forwards;
}

.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201,168,76,0.15); border: 1px solid rgba(201,168,76,0.3);
  border-radius: 100px; padding: 6px 16px;
  color: var(--gold-light); font-size: 13px; font-weight: 500;
 
}
.hero-badge::before { content: '🌿'; }

.hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 800; line-height: 1.08;
  color: #fff; margin-bottom: 24px;
}
.hero h1 em { color: var(--gold); font-style: normal; }

.hero p {
  font-size: 18px; line-height: 1.7;
  color: rgba(255,255,255,0.7);
  max-width: 560px; margin-bottom: 40px;
}

.hero-actions {
  display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 56px;
}

.btn-primary {
  background: linear-gradient(135deg, var(--gold), #a8873a);
  color: var(--deep); font-weight: 700; font-size: 15px;
  padding: 14px 28px; border-radius: 10px;
  text-decoration: none; border: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 8px;
  transition: all 0.3s;
  font-family: 'DM Sans', sans-serif;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(201,168,76,0.4); }

.btn-secondary {
  background: transparent;
  color: #fff; font-weight: 600; font-size: 15px;
  padding: 14px 28px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.3);
  text-decoration: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 8px;
  transition: all 0.3s;
  font-family: 'DM Sans', sans-serif;
}
.btn-secondary:hover { border-color: var(--sage); color: var(--sage); }

.hero-stats {
  display: flex; gap: 40px;
}
.stat { border-left: 2px solid var(--gold); padding-left: 16px; }
.stat strong { display: block; font-family: 'Playfair Display', serif; font-size: 30px; color: var(--gold); }
.stat span { font-size: 13px; color: rgba(255,255,255,0.5); }

.hero-visual {
  position: absolute; right: 5%; top: 50%; transform: translateY(-50%);
  width: min(460px, 42vw);
  display: flex; align-items: center; justify-content: center;
  animation: float 6s ease-in-out infinite;
}
.founder-section{
padding:100px 5%;
background:#fff;
}

.founder-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.founder-content h2{
font-family:'Playfair Display',serif;
font-size:45px;
color:var(--forest);
margin-bottom:20px;
line-height:1.2;
}

.founder-content h3{
font-size:32px;
font-weight:700;
margin-bottom:25px;
line-height:1.3;
color:#111;
}

.founder-content h3 span{
color:var(--gold);
}

.founder-content p{
font-size:18px;
line-height:1.8;
margin-bottom:18px;
color:var(--text-light);
}

.belief-box{
margin:30px 0;
}

.belief-box h4{
font-size:22px;
margin-bottom:15px;
color:var(--forest);
}

.belief-box ul{
padding-left:20px;
}

.belief-box li{
font-size:18px;
margin-bottom:10px;
line-height:1.7;
}

.talk-line{
font-size:24px;
font-weight:700;
color:var(--forest);
}

.contact-line strong{
color:var(--gold);
}

.small-text{
font-size:16px;
}

.founder-sign{
margin-top:30px;
font-size:22px;
font-weight:700;
color:var(--forest);
}

.founder-image img{
width:100%;
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,.15);
display:block;
}

@media(max-width:768px){

.founder-grid{
grid-template-columns:1fr;
}

.founder-content h2{
font-size:36px;
}

.founder-content h3{
font-size:26px;
}

}

@keyframes float {
  0%, 100% { transform: translateY(-50%) translateY(0); }
  50% { transform: translateY(-50%) translateY(-20px); }
}

.tree-illustration {
  width: 100%;
  aspect-ratio: 1;
  position: relative;
}

/* Animated tree SVG circles */
.ring {
  position: absolute; border-radius: 50%; border: 1px solid;
  animation: pulse 3s ease-in-out infinite;
}
.ring:nth-child(1) { width: 200px; height: 200px; top: 50%; left: 50%; transform: translate(-50%,-50%); border-color: rgba(82,183,136,0.5); animation-delay: 0s; }
.ring:nth-child(2) { width: 300px; height: 300px; top: 50%; left: 50%; transform: translate(-50%,-50%); border-color: rgba(82,183,136,0.3); animation-delay: 0.5s; }
.ring:nth-child(3) { width: 400px; height: 400px; top: 50%; left: 50%; transform: translate(-50%,-50%); border-color: rgba(82,183,136,0.15); animation-delay: 1s; }

@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

.tree-center {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  text-align: center;
}
.tree-emoji { font-size: 80px; display: block; margin-bottom: 8px; }
.tree-label { font-family: 'Playfair Display', serif; color: var(--gold); font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }

/* INVESTMENT TICKER */
.ticker-bar{
background:var(--forest);
overflow:hidden;
padding:14px 0;
position:relative;
white-space:nowrap;
}

.ticker-track{
display:inline-flex;
align-items:center;
gap:40px;
animation:tickerMove 25s linear infinite;
min-width:max-content;
}

.ticker-item{
display:flex;
align-items:center;
gap:10px;
white-space:nowrap;
font-size:14px;
}

.ticker-item .label{
color:rgba(255,255,255,.6);
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
}

.ticker-item .value{
color:var(--gold-light);
font-weight:600;
}

.ticker-divider{
color:rgba(255,255,255,.3);
}

@keyframes tickerMove{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}

/* SECTIONS */
section { padding: 90px 5%; }

.section-tag {
  display: inline-block;
  font-size: 16px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
  color: var(--sage); margin-bottom: 16px;
}
.section-tag::before { content: '— '; }
.section-tag::after { content: ' —'; }

.section-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800; line-height: 1.15;
  color: var(--forest);
  margin-bottom: 20px;
}
.section-subtitle {
  font-size: 17px; line-height: 1.7;
  color: var(--text-light); max-width: 620px;
  margin-bottom: 56px;
}

/* WHY CHOOSE */
.why-section { background: var(--cream); }
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
}
.feature-card {
  background: #fff;
  border-radius: 16px; padding: 32px;
  border: 1px solid var(--border);
  transition: all 0.3s;
  position: relative; overflow: hidden;
}
.feature-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--moss), var(--sage));
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.3s;
}
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(26,61,43,0.1); }
.feature-card:hover::before { transform: scaleX(1); }

.feature-icon {
   margin-bottom: 20px;
  display: flex; align-items: center; justify-content: center;
  font-size: 26px;
}
.feature-card h3 { font-family: 'Playfair Display', serif; font-size: 20px; color: var(--forest); margin-bottom: 10px; }
.feature-card p { font-size: 15px; line-height: 1.7; color: var(--text-light); }

/* INVESTMENT MODEL */
.model-section { background: var(--forest); }
.model-section .section-title { color: #fff; }
.model-section .section-subtitle { color: rgba(255,255,255,0.6); }
.model-section .section-tag { color: var(--gold-light); }

.cost-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 32px;
  margin-bottom: 60px;
}
@media(max-width:768px) { .cost-grid { grid-template-columns: 1fr; } }

.cost-card {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px; padding: 32px;
}
.cost-card h3 { font-family: 'Playfair Display', serif; font-size: 22px; color: var(--gold); margin-bottom: 20px; }
.cost-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.8); font-size: 15px;
}
.cost-item:last-child { border-bottom: none; }
.cost-item .check { color: var(--sage); font-size: 18px; flex-shrink: 0; }

.total-box {
  background: linear-gradient(135deg, var(--gold), #a8873a);
  border-radius: 16px; padding: 32px;
  display: flex; align-items: center; justify-content: space-between;
  grid-column: 1 / -1;
}
.total-box .total-label { font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgba(15,34,24,0.7); margin-bottom: 8px; }
.total-box .total-amount { font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 800; color: var(--deep); }
.total-box .total-desc { font-size: 15px; color: rgba(15,34,24,0.7); max-width: 320px; text-align: right; }

/* TIMELINE */
.timeline-section { background: var(--cream); }
.timeline {
  position: relative; max-width: 900px; margin: 0 auto;
}
.timeline::before {
  content: ''; position: absolute;
  left: 50%; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(to bottom, var(--sage), var(--gold));
  transform: translateX(-50%);
}
.timeline-item {
  display: flex; gap: 40px; margin-bottom: 40px;
  align-items: flex-start; position: relative;
}
.timeline-item:nth-child(even) { flex-direction: row-reverse; }
.timeline-content {
  flex: 1;
  background: #fff; border-radius: 16px; padding: 28px;
  border: 1px solid var(--border); box-shadow: 0 4px 24px rgba(26,61,43,0.06);
  transition: transform 0.3s;
}
.timeline-content:hover { transform: translateY(-3px); }
.timeline-item:nth-child(odd) .timeline-content { margin-right: calc(50% + 24px); }
.timeline-item:nth-child(even) .timeline-content { margin-left: calc(50% + 24px); }
.timeline-dot {
  position: absolute; left: 50%; top: 24px; transform: translateX(-50%);
  width: 52px; height: 52px; border-radius: 50%;
  background: linear-gradient(135deg, var(--moss), var(--sage));
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; z-index: 2;
  box-shadow: 0 0 0 6px rgba(82,183,136,0.2);
}
.timeline-year {
  display: inline-block; background: var(--forest); color: var(--gold-light);
  font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
  padding: 4px 12px; border-radius: 100px; margin-bottom: 10px;
}
.timeline-content h3 { font-family: 'Playfair Display', serif; font-size: 20px; color: var(--forest); margin-bottom: 8px; }
.timeline-content p { font-size: 14px; line-height: 1.7; color: var(--text-light); }
.phase-badge {
  display: inline-block; margin-top: 12px;
  padding: 4px 12px; border-radius: 100px;
  font-size: 12px; font-weight: 600;
}
.phase-setup { background: rgba(82,183,136,0.1); color: var(--moss); }
.phase-income { background: rgba(201,168,76,0.15); color: #7d6025; }
.phase-harvest { background: rgba(45,106,79,0.15); color: var(--forest); }

@media(max-width:768px) {
    
  .timeline::before { left: 20px; }
  .timeline-item, .timeline-item:nth-child(even) { flex-direction: column; }
  .timeline-item:nth-child(odd) .timeline-content,
  .timeline-item:nth-child(even) .timeline-content { margin: 0 0 0 60px; }
  .timeline-dot { left: 20px; top: 20px; }
  
}

/* SANDALWOOD SPOTLIGHT */
.sandalwood-section { background: var(--deep); }
.sandalwood-section .section-title { color: #fff; }
.sandalwood-section .section-tag { color: var(--gold-light); }
.sandalwood-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start;
}
@media(max-width:900px) { .sandalwood-grid { grid-template-columns: 1fr; } }
.sandalwood-facts { }
.fact-item {
  padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.08);
  display: flex; gap: 16px;
}
.fact-item:last-child { border-bottom: none; }
.fact-num {
  font-family: 'Playfair Display', serif;
  font-size: 36px; font-weight: 800; color: var(--gold);
  line-height: 1; min-width: 72px;
}
.fact-num sup { font-size: 16px; }
.fact-info h4 { color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 4px; }
.fact-info p { color: rgba(255,255,255,0.5); font-size: 14px; line-height: 1.6; }

.sandalwood-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: 20px; padding: 36px;
}
.sandalwood-card .value-header {
  display: flex; align-items: baseline; gap: 8px; margin-bottom: 24px;
}
.sandalwood-card .value-header .val {
  font-family: 'Playfair Display', serif; font-size: 56px; color: var(--gold); font-weight: 800;
}
.sandalwood-card .value-header .unit { color: rgba(255,255,255,0.4); font-size: 14px; }
.progress-bars { }
.progress-item { margin-bottom: 16px; }
.progress-label { display: flex; justify-content: space-between; margin-bottom: 6px; }
.progress-label span { font-size: 13px; color: rgba(255,255,255,0.6); }
.progress-label strong { font-size: 13px; color: var(--gold-light); }
.progress-track { height: 6px; background: rgba(255,255,255,0.1); border-radius: 100px; overflow: hidden; }
.progress-fill { height: 100%; border-radius: 100px; background: linear-gradient(90deg, var(--moss), var(--sage)); animation: fillIn 1.5s ease forwards; }
@keyframes fillIn { from { width: 0 !important; } }

.value-factors {
  margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08);
}
.value-factors h4 { color: rgba(255,255,255,0.5); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; }
.factor-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.factor-tag {
  background: rgba(82,183,136,0.1); border: 1px solid rgba(82,183,136,0.2);
  border-radius: 100px; padding: 4px 12px;
  font-size: 13px; color: var(--sage);
}

/* RETURNS TABLE */
.returns-section { }
.returns-table {
  width: 100%; border-collapse: collapse;
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 4px 40px rgba(26,61,43,0.1);
}
.returns-table thead { background: var(--forest); }
.returns-table th { color: #fff; padding: 18px 24px; text-align: left; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; }
.returns-table tbody tr { border-bottom: 1px solid var(--border); transition: background 0.2s; }
.returns-table tbody tr:hover { background: rgba(82,183,136,0.05); }
.returns-table td { padding: 18px 24px; font-size: 15px; color: var(--text); }
.returns-table td:first-child { font-weight: 600; color: var(--forest); }
.badge-yellow { background: rgba(201,168,76,0.15); color: #7d6025; padding: 4px 12px; border-radius: 100px; font-size: 13px; font-weight: 600; }
.badge-green { background: rgba(82,183,136,0.15); color: var(--moss); padding: 4px 12px; border-radius: 100px; font-size: 13px; font-weight: 600; }
.badge-blue { background: rgba(26,61,43,0.1); color: var(--forest); padding: 4px 12px; border-radius: 100px; font-size: 13px; font-weight: 600; }

.disclaimer-box {
  background: rgba(201,168,76,0.08); border: 1px solid rgba(201,168,76,0.2);
  border-radius: 12px; padding: 16px 24px; margin-top: 20px;
  display: flex; gap: 12px; align-items: flex-start;
}
.disclaimer-box .icon { font-size: 18px; flex-shrink: 0; }
.disclaimer-box p { font-size: 13px; line-height: 1.6; color: var(--text-light); }

/* SERVICES */
.services-section { background: var(--cream); }
.services-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 24px;
}
.service-card {
  background: #fff; border-radius: 16px; padding: 36px 28px;
  border: 1px solid var(--border); text-align: center;
  transition: all 0.3s;
}
.service-card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(26,61,43,0.12); border-color: var(--sage); }
.service-icon { font-size: 44px; margin-bottom: 16px; display: block; }
.service-card h3 { font-family: 'Playfair Display', serif; font-size: 20px; color: var(--forest); margin-bottom: 10px; }
.service-card p { font-size: 14px; line-height: 1.7; color: var(--text-light); }

/* PARTNER */
.partner-section { background: var(--forest); }
.partner-section .section-title { color: #fff; }
.partner-section .section-tag { color: var(--gold-light); }
.partner-section .section-subtitle { color: rgba(255,255,255,0.6); }
.partner-cards {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
@media(max-width:768px) { .partner-cards { grid-template-columns: 1fr; } }
.partner-card {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px; padding: 32px;
  text-align: center;
  transition: all 0.3s;
}
.partner-card:hover { background: rgba(255,255,255,0.12); border-color: var(--gold); }
.partner-card .p-icon { font-size: 48px; margin-bottom: 16px; display: block; }
.partner-card h3 { font-family: 'Playfair Display', serif; font-size: 20px; color: var(--gold); margin-bottom: 10px; }
.partner-card p { font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.55); }
.partner-card ul { text-align: left; margin-top: 16px; }
.partner-card ul li { font-size: 14px; color: rgba(255,255,255,0.6); padding: 4px 0; padding-left: 16px; position: relative; }
.partner-card ul li::before { content: '✓'; position: absolute; left: 0; color: var(--sage); font-size: 12px; top: 5px; }

/* TESTIMONIALS */
.testimonials-section { }
.testimonials-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 28px;
}
.testimonial-card {
  background: #fff; border-radius: 16px; padding: 32px;
  border: 1px solid var(--border); position: relative;
  transition: box-shadow 0.3s;
}
.testimonial-card:hover { box-shadow: 0 16px 50px rgba(26,61,43,0.1); }
.testimonial-card::before { content: '"'; font-family: 'Playfair Display', serif; font-size: 80px; color: var(--sage); opacity: 0.3; position: absolute; top: -8px; left: 24px; line-height: 1; }
.testimonial-text { font-size: 15px; line-height: 1.8; color: var(--text-light); margin-bottom: 20px; padding-top: 24px; }
.testimonial-author { display: flex; align-items: center; gap: 12px; }
.author-avatar {
  width: 48px; height: 48px; border-radius: 50%;
  background: linear-gradient(135deg, var(--moss), var(--sage));
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; font-weight: 700; color: #fff;
}
.author-name { font-weight: 600; color: var(--forest); font-size: 15px; }
.author-role { font-size: 13px; color: var(--text-light); }
.stars { color: var(--gold); font-size: 14px; margin-bottom: 4px; }

/* RISKS */
.risks-section { background: var(--cream); }
.risks-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px;
}
.risk-card {
  background: #fff; border-radius: 14px; padding: 24px;
  border: 1px solid var(--border); border-left: 4px solid var(--gold);
}
.risk-card h4 { font-weight: 600; font-size: 15px; color: var(--forest); margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.risk-card p { font-size: 14px; line-height: 1.7; color: var(--text-light); }

/* FAQ */
.faq-section { }
.faq-grid { max-width: 860px; margin: 0 auto; }
.faq-item {
  background: #fff; border-radius: 12px; margin-bottom: 12px;
  border: 1px solid var(--border); overflow: hidden;
}
.faq-question {
  padding: 22px 28px; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between;
  font-weight: 600; font-size: 16px; color: var(--forest);
  transition: background 0.2s;
}
.faq-question:hover { background: rgba(82,183,136,0.04); }
.faq-question .faq-icon { font-size: 20px; transition: transform 0.3s; color: var(--sage); flex-shrink: 0; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-answer {
  max-height: 0; overflow: hidden; transition: max-height 0.3s ease;
  padding: 0 28px;
}
.faq-item.open .faq-answer { max-height: 300px; padding: 0 28px 22px; }
.faq-answer p { font-size: 15px; line-height: 1.7; color: var(--text-light); }

/* DOCUMENTS */
.docs-section { background: var(--cream); }
.docs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.doc-card {
  background: #fff; border-radius: 14px; padding: 24px;
  border: 1px solid var(--border); text-align: center;
  transition: all 0.3s; cursor: pointer; text-decoration: none;
}
.doc-card:hover { transform: translateY(-3px); border-color: var(--sage); box-shadow: 0 10px 30px rgba(26,61,43,0.08); }
.doc-card .doc-icon { font-size: 36px; display: block; margin-bottom: 12px; }
.doc-card h4 { font-size: 14px; font-weight: 600; color: var(--forest); }

/* CONTACT */
.contact-section { background: var(--deep); }
.contact-section .section-title { color: #fff; }
.contact-section .section-tag { color: var(--gold-light); }
.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: start; }
@media(max-width:900px) { .contact-grid { grid-template-columns: 1fr; } }
.contact-info .info-item {
  display: flex; gap: 16px; align-items: flex-start; margin-bottom: 28px;
}
.info-icon {
  width: 48px; height: 48px; border-radius: 12px;
  background: rgba(201,168,76,0.15); border: 1px solid rgba(201,168,76,0.2);
  display: flex; align-items: center; justify-content: center; font-size: 20px;
  flex-shrink: 0;
}
.info-label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.4); margin-bottom: 4px; }
.info-value { font-size: 16px; color: #fff; font-weight: 500; }
.info-sub { font-size: 13px; color: rgba(255,255,255,0.4); margin-top: 2px; }

.contact-form { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 36px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.7); margin-bottom: 8px; letter-spacing: 0.5px; }
.form-group input, .form-group select, .form-group textarea {
  width: 100%; background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.15); border-radius: 10px;
  padding: 14px 16px; color: #fff; font-size: 15px; font-family: 'DM Sans', sans-serif;
  outline: none; transition: border-color 0.2s;
}
.form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255,255,255,0.3); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--sage); }
.form-group select option { background: var(--deep); color: #fff; }
.form-group textarea { height: 120px; resize: vertical; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media(max-width:500px) { .form-row { grid-template-columns: 1fr; } }
.submit-btn {
  width: 100%;
  background: linear-gradient(135deg, var(--gold), #a8873a);
  color: var(--deep); font-weight: 700; font-size: 16px;
  padding: 16px; border-radius: 10px; border: none; cursor: pointer;
  font-family: 'DM Sans', sans-serif; transition: all 0.3s;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(201,168,76,0.3); }

/* CTA STRIP */
.cta-strip {
  background: linear-gradient(135deg, var(--gold), #8a6a28);
  padding: 60px 5%; text-align: center;
}
.cta-strip h2 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 44px); color: var(--deep); margin-bottom: 12px; }
.cta-strip p { font-size: 17px; color: rgba(15,34,24,0.7); margin-bottom: 32px; }
.cta-strip .cta-buttons { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.btn-dark { background: var(--deep); color: var(--gold); padding: 14px 28px; border-radius: 10px; font-weight: 700; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; font-family: 'DM Sans', sans-serif; border: none; cursor: pointer; }
.btn-dark:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(15,34,24,0.3); }
.btn-outline-dark { background: transparent; color: var(--deep); border: 2px solid var(--deep); padding: 14px 28px; border-radius: 10px; font-weight: 700; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; font-family: 'DM Sans', sans-serif; cursor: pointer; }
.btn-outline-dark:hover { background: var(--deep); color: var(--gold); }

/* FOOTER */
footer {
  background: var(--deep);
  border-top: 1px solid rgba(201,168,76,0.15);
  padding: 60px 5% 32px;
}
.footer-grid {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px;
}
@media(max-width:900px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:500px) { .footer-grid { grid-template-columns: 1fr; } }
.footer-brand .logo-wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.footer-brand .logo-icon { width: 42px; height: 42px; background: linear-gradient(135deg, var(--gold), var(--gold-light)); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.footer-brand .brand-name { font-family: 'Playfair Display', serif; font-size: 20px; color: #fff; }
.footer-brand .brand-sub { font-size: 11px; color: var(--gold-light); letter-spacing: 2px; text-transform: uppercase; }
.footer-brand p { font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.45); margin-bottom: 20px; }
.footer-reg { }
.footer-reg span { display: block; font-size: 12px; color: rgba(255,255,255,0.3); margin-bottom: 4px; }
.footer-reg strong { color: rgba(255,255,255,0.6); }
.footer-col h4 { color: rgba(255,255,255,0.6); font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a { color: rgba(255,255,255,0.45); font-size: 14px; text-decoration: none; transition: color 0.2s; }
.footer-col ul li a:hover { color: var(--sage); }
.footer-bottom {
  padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center; justify-content: space-between; flex-wrap: gap;
  gap: 16px;
}
.footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.3); }
.footer-disclaimer {
  background: rgba(255,255,255,0.04); border-radius: 10px;
  padding: 16px 20px; margin-bottom: 32px;
}
.footer-disclaimer p { font-size: 12px; line-height: 1.7; color: rgba(255,255,255,0.3); }

/* WHATSAPP FLOAT */
.wa-float {
  position: fixed; bottom: 28px; right: 28px; z-index: 999;
  width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 28px; box-shadow: 0 8px 24px rgba(37,211,102,0.4);
  text-decoration: none; transition: all 0.3s;
  animation: bounce 2s infinite;
}
.wa-float:hover { transform: scale(1.1); }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ANIMATIONS */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.reveal {
  opacity: 0; transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }

/* MOBILE */
@media(max-width:768px) {
  .hero-visual { display: none; }
  .hero-content { max-width: 100%; }
  .hero-stats { gap: 24px; flex-wrap: wrap; }
  .nav-links { display: none; }
  .nav-links.open { display: flex; flex-direction: column; position: absolute; top: 72px; left: 0; right: 0; background: var(--deep); padding: 20px; }
  .hamburger { display: flex; }
  section { padding: 60px 5%; }
  .total-box { flex-direction: column; gap: 16px; }
  .total-box .total-desc { text-align: left; }
}