:root{
    --forest:#0f2a15;
    --forest-2:#173a1e;
    --leaf:#4c7c3a;
    --leaf-light:#8bc34a;
    --gold:#c9a24d;
    --gold-light:#e6cb87;
    --cream:#faf7ef;
    --ink:#1c2418;
    --muted:#5c6b55;
  }

  *{box-sizing:border-box;}

  html{scroll-behavior:smooth;}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
  }

  body{
    font-family:'Poppins',sans-serif;
    color:var(--ink);
    background:var(--cream);
    overflow-x:hidden;
  }

  h1,h2,h3,h4,.display-font{
    font-family:'Playfair Display',serif;
  }

  a{text-decoration:none;}

  .btn-gold{
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    color:var(--forest);
    font-weight:600;
    border:none;
    padding:.75rem 2rem;
    border-radius:15px;
    letter-spacing:.03em;
    transition:transform .25s ease, box-shadow .25s ease;
    box-shadow:0 6px 16px rgba(201,162,77,.25);
  }
  .btn-gold:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(201,162,77,.35);
    color:var(--forest);
  }

  .btn-outline-cream{
    border:1.5px solid rgba(250,247,239,.55);
    color:var(--cream);
    padding:.75rem 2rem;
    border-radius:2px;
    font-weight:500;
    transition:all .25s ease;
  }
  .btn-outline-cream:hover{
    background:rgba(250,247,239,.1);
    color:var(--cream);
    border-color:var(--cream);
  }

  /* ---------- NAVBAR ---------- */
  .navbar-amay{
    background:rgba(15,42,21,.96);
    padding:.2rem 0;
    backdrop-filter:blur(6px);
    transition:padding .35s ease, box-shadow .35s ease;
  }
  .navbar-amay.navbar-scrolled{
    padding:.5rem 0;
    box-shadow:0 12px 30px rgba(0,0,0,.35);
  }
  .navbar-amay .navbar-brand img{
    width:44px;height:44px;object-fit:cover;border-radius:50%;
    border:1.5px solid var(--gold);
  }
  .navbar-amay .brand-text{
    font-family:'Playfair Display',serif;
    color:var(--gold-light);
    font-weight:700;
    font-size:1.25rem;
    letter-spacing:.04em;
  }
  .navbar-amay .brand-text small{
    display:block;
    font-family:'Poppins',sans-serif;
    color:var(--cream);
    font-size:.6rem;
    letter-spacing:.28em;
    font-weight:400;
    margin-top:-2px;
  }
  .navbar-amay .nav-link{
    color:rgba(250,247,239,.85)!important;
    font-weight:500;
    font-size:.92rem;
    margin:0 .6rem;
  }
  .navbar-amay .nav-link:hover{color:var(--gold-light)!important;}

  .navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: #e6cb87;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    background:url(../images/hero.png);
    background-size: cover;
    background-repeat: no-repeat;
    overflow:hidden;
    padding-top:6rem;
  }
  .hero::before{
    content:"";
    position:absolute; inset:0;
    background-image:radial-gradient(rgba(201,162,77,.35) 1px, transparent 1px);
    background-size:26px 26px;
    opacity:.15;
    pointer-events:none;
  }
  .hero .eyebrow-line{
    display:flex; align-items:center; gap:.8rem;
    color:var(--leaf-light);
    letter-spacing:.32em;
    font-size:.72rem;
    font-weight:600;
  }
  .hero .eyebrow-line::before{
    content:"";
    width:34px; height:1px; background:var(--gold);
  }
  .hero h1{
    color:var(--cream);
    font-weight:700;
    font-size:clamp(2.4rem,5vw,3.7rem);
    line-height:1.1;
  }
  .hero h1 em{
    font-style:italic;
    color:var(--gold-light);
  }
  .hero p.lead{
    color:rgba(250,247,239,.78);
    font-size:1.08rem;
    max-width:520px;
  }
  .hero .stat-row{
    display:flex; gap:2.4rem; margin-top:2.6rem;
  }
  .hero .stat-row .num{
    font-family:'Playfair Display',serif;
    color:var(--gold-light);
    font-size:1.9rem;
    font-weight:700;
  }
  .hero .stat-row .lbl{
    color:rgba(250,247,239,.65);
    font-size:.78rem;
    letter-spacing:.03em;
  }
  .hero-logo-wrap{
    position:relative;
    display:flex; justify-content:center; align-items:center;
  }
  .hero-logo-wrap img{
    width:100%;
    max-width:460px;
    border-radius:50%;
    box-shadow:0 30px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(201,162,77,.25);
  }
  .hero-logo-wrap .ring{
    position:absolute;
    border:1px solid rgba(201,162,77,.25);
    border-radius:50%;
  }
  .hero-logo-wrap .ring-1{width:105%;height:105%;}
  .hero-logo-wrap .ring-2{width:120%;height:120%; border-style:dashed;}

  section{padding:6rem 0;}
  .section-cream{background:var(--cream);}
  .section-white{background:#fff;}
  .section-forest{
    background:linear-gradient(160deg,var(--forest) 0%, #0a1c0e 100%);
    color:var(--cream);
  }

  .eyebrow{
    color:var(--leaf);
    font-weight:600;
    font-size:.75rem;
    letter-spacing:.28em;
    display:flex;align-items:center;gap:.7rem;
  }
  .eyebrow::before{content:"";width:28px;height:1px;background:var(--gold);}
  .section-forest .eyebrow{color:var(--gold-light);}

  .section-title{
    font-weight:700;
    color:var(--forest);
    font-size:clamp(1.9rem,3.4vw,2.6rem);
    margin-top:.5rem;
  }
  .section-forest .section-title{color:var(--cream);}

  .section-sub{
    color:var(--muted);
    max-width:640px;
    font-size:1.02rem;
  }
  .section-forest .section-sub{color:rgba(250,247,239,.72);}

  /* ---------- ABOUT ---------- */
  .about-photo{
    position:relative;
  }
  .about-photo img{
    width:100%;
    border-radius:6px;
    /* box-shadow:0 24px 50px rgba(15,42,21,.18); */
  }
  .about-photo .blob{
    position:absolute;
    width:78%; height:88%;
    background:var(--leaf);
    border-radius:6px;
    top:-24px; left:-24px;
    z-index:-1;
    opacity:.14;
  }
  .philosophy-tag{
    display:inline-flex;align-items:center; gap:.6rem;
    background:rgba(76,124,58,.08);
    border:1px solid rgba(76,124,58,.25);
    color:var(--forest);
    padding:.4rem 1rem;
    border-radius:30px;
    font-size:.85rem;
    font-weight:500;
    margin-top:1.4rem;
  }

  /* ---------- PILLARS ---------- */
  .pillar-card{
    background:#fff;
    border:1px solid rgba(15,42,21,.07);
    border-radius:8px;
    padding:2.2rem 1.6rem;
    height:100%;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .pillar-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 34px rgba(15,42,21,.1);
  }
  .pillar-card .icon-circ{
    width:58px;height:58px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--forest),var(--forest-2));
    display:flex;align-items:center;justify-content:center;
    color:var(--gold-light);
    font-size:1.4rem;
    margin-bottom:1.2rem;
  }
  .pillar-card h5{font-weight:600;font-size:1.05rem;}
  .pillar-card p{color:var(--muted); font-size:.92rem; margin-bottom:0;}
  .pillar-num{
    font-family:'Playfair Display',serif;
    color:rgba(15,42,21,.1);
    font-size:2.6rem;
    font-weight:700;
    position:absolute;
    top:.6rem; right:1.2rem;
  }
  .pillar-card{position:relative;}

  /* ---------- LIFESTYLE TIMELINE ---------- */
  .timeline{
    position:relative;
    padding-left:2.2rem;
    border-left:2px solid rgba(76,124,58,.25);
  }
  .timeline-item{
    position:relative;
    padding-bottom:2.2rem;
  }
  .timeline-item:last-child{padding-bottom:0;}
  .timeline-item::before{
    content:"";
    position:absolute;
    left:-2.55rem; top:.2rem;
    width:14px;height:14px;
    border-radius:50%;
    background:var(--gold);
    border:3px solid var(--cream);
    box-shadow:0 0 0 2px var(--leaf);
  }
  .timeline-item h5{font-weight:600; margin-bottom:.2rem; color:var(--forest);}
  .timeline-item p{color:var(--muted); font-size:.92rem; margin-bottom:0;}

  /* ---------- AWARENESS ---------- */
  .awareness-card{
    background:rgba(250,247,239,.04);
    border:1px solid rgba(201,162,77,.2);
    border-radius:8px;
    padding:2rem;
    height:100%;
  }
  .awareness-card .num-badge{
    width:40px;height:40px;
    border-radius:50%;
    border:1px solid var(--gold);
    color:var(--gold-light);
    display:flex;align-items:center;justify-content:center;
    font-weight:600;
    margin-bottom:1.2rem;
  }
  .awareness-card h5{color:var(--cream); font-weight:600; font-size:1.05rem;}
  .awareness-card p{color:rgba(250,247,239,.68); font-size:.9rem; margin-bottom:0;}

  /* ---------- NCD stat strip ---------- */
  .ncd-card{
    text-align:center;
    padding:1.8rem 1rem;
    border-right:1px solid rgba(15,42,21,.08);
  }
  .ncd-card:last-child{border-right:none;}
  .ncd-card .ncd-name{
    font-family:'Playfair Display',serif;
    font-weight:700;
    color:var(--forest);
    font-size:1.25rem;
    margin-bottom:.4rem;
  }
  .ncd-card p{color:var(--muted); font-size:.85rem; margin-bottom:0;}

  /* ---------- PRODUCTS ---------- */
  .product-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid rgba(15,42,21,.07);
    height:100%;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 40px rgba(15,42,21,.14);
  }
  .product-img-wrap{
    background:linear-gradient(160deg,#f2efe4,#e8e4d3);
    display:flex;align-items:center;justify-content:center;
    height:260px;
    padding:1.2rem;
  }
  .product-img-wrap img{
    max-height:100%;
    max-width:100%;
    object-fit:contain;
    mix-blend-mode:multiply;
  }
  .product-body{padding:1.4rem 1.4rem 1.6rem;}
  .product-body h5{font-weight:600; font-size:1.05rem; margin-bottom:.25rem;}
  .product-body .tag{
    display:inline-block;
    color:var(--leaf);
    background:rgba(76,124,58,.09);
    font-size:.72rem;
    font-weight:600;
    letter-spacing:.05em;
    padding:.22rem .65rem;
    border-radius:20px;
    margin-bottom:.6rem;
  }
  .product-body p{color:var(--muted); font-size:.88rem;}
  .product-body .learn{
    color:var(--forest);
    font-weight:600;
    font-size:.86rem;
    display:inline-flex;align-items:center;gap:.4rem;
  }

  /* ---------- OPPORTUNITY ---------- */
  .opp-card{
    background:#fff;
    border-radius:8px;
    padding:2rem 1.8rem;
    height:100%;
    border-top:3px solid var(--gold);
    box-shadow:0 14px 30px rgba(15,42,21,.06);
  }
  .opp-card .figure{
    font-family:'Playfair Display',serif;
    font-weight:800;
    font-size:2.1rem;
    color:var(--forest);
  }
  .opp-card .figure span{color:var(--leaf); font-size:1.2rem; font-weight:700;}
  .opp-card p{color:var(--muted); font-size:.92rem;}

  /* ---------- CTA ---------- */
  .cta-strip{
    background:linear-gradient(120deg,var(--forest),#0a1c0e 70%);
    border-radius:14px;
    padding:3.2rem 2.4rem;
    position:relative;
    overflow:hidden;
  }
  .cta-strip::after{
    content:"";
    position:absolute; right:-60px; top:-60px;
    width:220px;height:220px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(201,162,77,.25),transparent 70%);
  }
  .cta-strip h3{color:var(--cream); font-weight:700;}
  .cta-strip p{color:rgba(250,247,239,.72);}

  /* ---------- FOOTER ---------- */
  footer{
    background:#0a1c0e;
    color:rgba(250,247,239,.7);
    padding:3.5rem 0 1.5rem;
  }
  footer h6{
    color:var(--gold-light);
    font-weight:600;
    letter-spacing:.05em;
    margin-bottom:1.1rem;
    font-size:.85rem;
    text-transform:uppercase;
  }
  footer a{color:rgba(250,247,239,.68); font-size:.9rem;}
  footer a:hover{color:var(--gold-light);}
  footer .foot-brand{
    display:flex;align-items:center;gap:.7rem;
  }
  footer .foot-brand img{
    width:42px;height:42px;border-radius:50%;
    border:1px solid var(--gold);
  }
  footer .foot-brand span{
    font-family:'Playfair Display',serif;
    color:var(--gold-light);
    font-weight:700;
    font-size:1.15rem;
  }
  .social-ic{
    width:36px;height:36px;
    border:1px solid rgba(250,247,239,.25);
    border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    margin-right:.5rem;
    color:rgba(250,247,239,.75);
    transition:all .2s ease;
  }
  .social-ic:hover{background:var(--gold); color:var(--forest); border-color:var(--gold);}
  .foot-bottom{
    border-top:1px solid rgba(250,247,239,.1);
    margin-top:2.4rem;
    padding-top:1.4rem;
    font-size:.82rem;
  }

  @media (max-width: 991px){
    .hero{padding-top:7rem; text-align:center;}
    .hero .eyebrow-line{justify-content:center;}
    .hero p.lead{margin:0 auto;}
    .hero .stat-row{justify-content:center;}
    .hero-logo-wrap{margin-top:3rem;}
    .ncd-card{border-right:none; border-bottom:1px solid rgba(15,42,21,.08);}
  }