:root{
  --green-dark:#0a4a12;
  --green:#2f6f36;
  --top:#70877f;
  --cream:#eef0de;
  --faq:#ececdf;
  --card:linear-gradient(120deg,#70bf78,#90c283);
  --shadow:0 10px 24px rgba(0,0,0,.14);
  --radius:18px;
  --container:1100px;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;color:var(--green);min-height:100vh;line-height:1.6}

body.bg-blend{
  background-image:
    linear-gradient(rgba(245,241,229,0.92), rgba(241,247,236,0.90)),
    linear-gradient(120deg, rgba(129,156,134,0.18), rgba(212,197,163,0.22)),
    url("bg-plates-1.jpg"),
    url("bg-plates-2.jpg");
  background-size:cover,cover,cover,cover;
  background-position:center center,center center,center top,center bottom;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-attachment:fixed,fixed,fixed,fixed;
  background-blend-mode:soft-light,multiply,lighten,normal;
}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px 12px;border-radius:8px;z-index:999}

.container{width:min(var(--container), calc(100% - 24px));margin-inline:auto}

.top-strip{
  position:sticky;top:0;z-index:100;
  background:rgba(112,135,127,.95);
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;box-shadow:0 2px 10px rgba(0,0,0,.18)
}
.brand-mini{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.logo-mini{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.shop-btn{border:none;background:#fff;color:#333;font-weight:700;border-radius:999px;padding:8px 14px;cursor:pointer}

.hamburger{border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px}
.hamburger span{width:20px;height:2px;background:#fff;border-radius:3px}
.menu-panel{
  position:absolute;right:10px;top:56px;width:220px;
  background:#fff;border-radius:12px;padding:10px;display:none;flex-direction:column;box-shadow:var(--shadow)
}
.menu-panel.show{display:flex}
.menu-panel a{text-decoration:none;color:#1e5b26;font-weight:600;padding:8px;border-radius:8px}
.menu-panel a:hover{background:#f2f7ef}
.menu-panel hr{border:none;border-top:1px solid #ececec;margin:6px 0}

.opening-hero{
  margin-top:8px;border-radius:var(--radius);overflow:hidden;
  background:
    linear-gradient(rgba(250,246,236,0.94), rgba(247,242,230,0.94)),
    radial-gradient(circle at 22% 20%, rgba(227,209,168,0.22), transparent 48%),
    radial-gradient(circle at 78% 30%, rgba(176,204,164,0.16), transparent 42%);
}
.opening-hero-img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}

.section{margin-top:14px;padding:24px}
.card{background:rgba(255,255,255,.75);border-radius:var(--radius);box-shadow:0 2px 10px rgba(0,0,0,.08);backdrop-filter:blur(1px)}
.card-cream{background:rgba(238,240,222,.82)}
.card-olive{background:rgba(239,239,221,.85)}
.card-light{background:rgba(242,242,244,.78)}

h2{font-size:clamp(1.9rem,4.5vw,3rem);color:var(--green-dark);margin-bottom:12px}
.center{text-align:center}
.quote{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;color:var(--green-dark);margin-bottom:14px}
.quote2{font-size:1.1rem;font-weight:700;color:#2c7333;margin-bottom:12px}
.para{font-size:1.03rem;font-weight:600;color:#2f6f36;margin-bottom:12px}

.subheading-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.subheading-links a{text-decoration:none;font-weight:700;color:#0d4f16;border-bottom:2px solid transparent}
.subheading-links a:hover{border-color:#0d4f16}
.know-btn{border:none;background:#1f6a2b;color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;cursor:pointer}

.logo-section{text-align:center}
.logo-large{width:min(260px,70%);display:block;margin:0 auto 10px}
.logo-section h3{font-size:1.5rem;color:var(--green-dark)}
.logo-section p{font-weight:600;color:#4e6f52}

.facts-grid{display:grid;gap:14px;margin-top:10px}
.facts-grid-two{
  grid-template-columns:repeat(2,minmax(240px,320px));
  justify-content:center;
}
.fact-card{
  min-height:220px;background:var(--card);border-radius:30px 10px 30px 10px;
  border:2px solid rgba(55,95,60,.45);color:#fff;text-align:center;
  display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px
}
.fact-card h4{font-size:clamp(2.2rem,6vw,3.2rem);line-height:1}
.fact-card span{font-size:clamp(1.1rem,3.5vw,1.45rem)}
.fact-card p{font-size:.98rem;font-weight:700;line-height:1.35}

.faq-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
details{background:var(--faq);border:1px solid #d6d8ca;padding:15px;border-radius:10px}
summary{list-style:none;display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-weight:700;color:#5b5b5b;font-size:1.02rem}
summary::-webkit-details-marker{display:none}
summary span{color:#8dbf7f;font-size:1.4rem;line-height:1}
details p{margin-top:10px;color:#3f6541}

.bottom-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.bottom-links a{text-decoration:none;background:#ebefdc;color:#1e5f26;font-weight:700;border:1px solid #d0d9c1;border-radius:999px;padding:10px 16px}

.chat-float{
  position:fixed;right:14px;bottom:20px;z-index:120;
  width:56px;height:56px;border:none;border-radius:50%;
  background:#4ec0ab;color:#fff;font-size:1.4rem;cursor:pointer;box-shadow:var(--shadow)
}

@media (max-width:767px){
  body.bg-blend{background-attachment:scroll,scroll,scroll,scroll;background-position:center,center,45% top,55% bottom}
  .facts-grid-two{grid-template-columns:1fr}
}