:root{
  --c-green-900:#0a3d20;
  --c-green-800:#0f5c33;
  --c-green-700:#0d7a3f;
  --c-green-600:#1f9350;
  --c-green-500:#5fb844;
  --c-green-400:#7dc865;
  --c-green-200:#c5e3b8;
  --c-green-100:#dcecd2;
  --c-green-050:#eef6e9;
  --c-cream:#f7ede3;
  --c-gold:#e8a91b;
  --c-red:#e2231a;
  --c-red-700:#a91811;
  --c-ink:#173321;
  --c-ink-soft:#3d5548;
  --c-white:#ffffff;

  --font-display:'Baloo 2', sans-serif;
  --font-body:'Poppins', sans-serif;

  --container:1480px;
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:26px;
  --bar:6px;
  --ease:cubic-bezier(.22,.68,.35,1);

  --doodle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.4' opacity='.55'%3E%3Ccircle cx='40' cy='40' r='16'/%3E%3Cpath d='M120 30c10 0 18 10 18 22s-8 22-18 22-18-10-18-22 8-22 18-22Z'/%3E%3Cpath d='M200 50c-4 10-14 14-14 14s4-12 14-14Z'/%3E%3Cpath d='M30 140c0 12 10 22 22 22M52 140c0 12-10 22-22 22'/%3E%3Ccircle cx='190' cy='150' r='14'/%3E%3Cpath d='M170 190h40M190 170v40'/%3E%3Cpath d='M90 190c0-14 12-26 26-26s26 12 26 26'/%3E%3C/g%3E%3C/svg%3E");
}
/* ==========================================================================
   1. RESET / BASE
   ========================================================================== */
div{
   position: relative;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body,h1,h2,h3,p,ul,figure{margin:0;}
ul{padding:0;list-style:none;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit;}
body{font-family:var(--font-body);color:var(--c-ink);background:var(--c-white);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}
:focus-visible{outline:3px solid var(--c-gold);outline-offset:2px;}

.container {
	max-width: var(--container);
	margin-inline: auto;
	padding-inline: clamp(20px,4vw,64px);
	position: relative;
}
.section-tag {
	display: inline-block;
	font-family: var(--font-display);
	font-weight: 400;
	font-size: clamp(22px,3vw,34px);
	color: var(--c-white);
	background: #60BC46;
	padding: 5px 30px;
	border-radius: 12px;
	letter-spacing: 1.5px;
}
.section-tag--light{color:var(--c-green-700);background:var(--c-green-100);border-radius:8px;}

.btn{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px;
  padding:.85em 2em;border-radius:999px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease);
}
.btn--outline{background:var(--c-green-050);color:var(--c-green-700);border:2px solid var(--c-green-400);}
.btn--outline:hover{background:var(--c-green-400);color:var(--c-white);transform:translateY(-2px);}
.btn--red{background:var(--c-red);color:var(--c-white);box-shadow:0 10px 22px -8px rgba(226,35,26,.6);}
.btn--red:hover{background:var(--c-red-700);transform:translateY(-2px);}

.doodle-bg{position:relative;background-color:var(--c-green-100);}
.doodle-bg::before{content:"";position:absolute;inset:0;background-image:var(--doodle);background-size:240px;opacity:.5;pointer-events:none;}
.doodle-bg > *{position:relative;z-index:1;}
.bg-img-full{
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}
/* reveal on scroll */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
[data-reveal].is-visible{opacity:1;transform:none;}

/* ==========================================================================
   2. HEADER
   ========================================================================== */
.header {
	position: fixed;
	z-index: 200;
	width: 100%;
}
.logo img {
	max-width: 165px;
}
.header.active .header__bar{
background:linear-gradient(90deg,var(--c-green-400),var(--c-green-700))
}
.header__bar{height:10px; background:transparent;}



.header__inner{
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(10px);
	box-shadow: 0 1px 0 rgba(23,51,33,.06);
   transition: all 0.3s ease;
}
.header.active .header__inner{
   background-color: #fff;
}

.header.active  .nav__link{
   color:var(--c-green-700);
}

.header.active  .tools__icon{
   color:var(--c-green-700);
}
.header__inner {
	max-width: var(--container);
	margin-inline: auto;
	padding: 14px clamp(16px,4vw,48px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border-radius: 0 0 15px 15px;
}
.logo {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--c-green-700);
}
.logo__mark{width:30px;height:26px;flex:none;}
.logo__text{display:flex;flex-direction:column;line-height:1.05;}
.logo__text-main{font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:.01em;}
.logo__text-sub{font-size:10px;letter-spacing:.03em;color:var(--c-ink-soft);}

.nav__list{display:flex;align-items:center;gap:clamp(10px,1.6vw,26px);flex-wrap:wrap;}
.nav__link {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color .2s;
}.nav__link i {
	font-size: 9px;
	color: inherit;
}
.nav__link:hover{opacity: 0.8;}

.tools{display:flex;align-items:center;gap:14px;}
.tools__badge{width:40px;height:40px;border-radius:50%;background:var(--c-green-050);border:1.5px solid var(--c-green-400);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-green-700);line-height:1;}
.tools__badge-num{font-family:var(--font-display);font-weight:700;font-size:13px;}
.tools__badge-label{font-size:6px;letter-spacing:.06em;}
.tools__lang {
	display: flex;
	align-items: center;
	background: var(--c-green-100);
	border-radius: 4px;
	padding: 3px;
	font-size: 11px;
	font-weight: 600;
	gap: 2px;
}.tools__lang span {
	padding: 5px 10px;
	color: var(--c-green-700);
	transition: .2s;
}
.tools__lang .is-active {
	background: var(--c-green-400);
	color: var(--c-green-700);
}.tools__icon {
	font-size: 15px;
	color: #fff;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background .2s;
}
.tools__burger{display:none;flex-direction:column;gap:5px;width:26px;}
.tools__burger span{height:2.5px;background:var(--c-green-700);border-radius:2px;transition:.3s;}

@media (max-width:980px){
  .header__nav{position:absolute;top:100%;left:0;right:0;background:var(--c-white);max-height:0;overflow:hidden;transition:max-height .35s var(--ease);box-shadow:0 8px 16px rgba(0,0,0,.08);}
  .header__nav.is-open{max-height:420px;}
  .nav__list{flex-direction:column;align-items:flex-start;padding:16px clamp(16px,4vw,48px) 24px;gap:14px;}
  .tools__burger{display:flex;}
  .tools__lang{display:none;}
}

/* ==========================================================================
   3. 01 — SLIDER (hero carousel)
   ========================================================================== */
.slider {
	position: relative;
	height: min(82vh,800px);
	min-height: 800px;
	overflow: hidden;
	border-bottom: var(--bar) solid var(--c-green-400);
}
#hero .container {
	width:var(--container);
}
.slider__slide-bg{
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.slider__slide .slider__title span {
	display: flex;
	flex-direction: column;
	align-items: end;
	line-height: 1.3em !important;
	font-weight: 400;
	font-size: 50px;
	line-height: 1em !important;
}
.slider__title-lg {
	text-align: left;
	display: flex !important;
	justify-content: start;
	align-items: start !important;
	font-size: 105px !important;
}
.slider__tag {
	display: inline-block;
	font-family: var(--font-display);
	color: var(--c-white);
	background: linear-gradient(90deg,#5fb8447a,#0d7a3f9c);
	padding: 10px 30px;
	border-radius: 12px;
	position: relative;
	left: 0;
	z-index: 6;
	line-height: 1;
	font-weight: 400;
	font-size: 30px;
	transform: translateY(-50px);
	opacity: 0;
	transition: all 0.3s ease;
}
.owl-item.active .slider__tag {
	transform: translateY(0px);
	opacity: 1;
}
.slider__slide--single {
	padding-top: 78px;
}
.slider__social {
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 6;
	display: flex;
	flex-direction: column;
	width: 65px;
	gap: 10px;
}
.slider__social--single {
	border-bottom: 2px solid var(--c-green-700);
	padding-bottom: 10px;
}
.slider__social--single:last-child{
   border-bottom: 0;
}

.social__link.social__link__fb {
  background: #1873EB;
  color: #fff;
}
.social__link.social__link__id {
	background: #0076B6;
}
.social__link.social__link__yt {
  background: #F41C0D;
}
.social__link.social__link__ig {
	background: #CB5A4A;
}
.social__link.social__link__tk{
  background: #000000;
}
.social__link {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--c-white);
	box-shadow: 0 4px 10px rgba(0,0,0,.18);
	font-size: 14px;
	transition: transform .2s;
	color: #fff;
}
.social__link:hover{transform:translateY(-3px) scale(1.06);}

.slider__track{position:relative;width:100%;height:100%;}
.slider__slide {
	inset: 0;
	transition: opacity 1s var(--ease);
	display: flex;
	align-items: start;
	min-height: 800px;
}.slider__slide.is-active{opacity:1;z-index:2;}
.slider__slide-bg{position:absolute;inset:0;}
.slider__slide-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,30,15,.55) 0%,rgba(10,30,15,.15) 55%,rgba(10,30,15,.05) 100%);}
.slider__slide--1 .slider__slide-bg{background:radial-gradient(circle at 30% 30%,#6b9b74,#2c4e33);}
.slider__slide--content {
	max-width: 27%;
	margin-left: 10%;
	margin-top: 50px;
}
.slider__title {
	position: relative;
	z-index: 3;
	font-family: var(--font-display);
	color: var(--c-white);
	line-height: 1;
	transform: translateY(100px);
	opacity: 0;
	transition: all 0.6s ease;
}
.owl-item.active .slider__title {
	transform: translateY(0px);
	opacity: 1;
}
.slider__title-lg em{font-style:normal;opacity:.85;font-size:.7em;}
.slider__title-lg--gold{color:var(--c-gold);}
.slider__slide.is-active .slider__title-sm,
.slider__slide.is-active .slider__title-lg{opacity:1;transform:none;}

.slider__arrows{position:absolute;bottom:24px;right:clamp(16px,4vw,48px);z-index:6;display:flex;gap:10px;}
.slider__arrow{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.55);color:var(--c-white);display:flex;align-items:center;justify-content:center;transition:.2s;}
.slider__arrow:hover{background:var(--c-white);color:var(--c-green-700);}
.slider__dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:8px;}
.slider__dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);transition:.25s;}
.slider__dot.is-active{background:var(--c-gold);width:24px;border-radius:6px;}

/* ==========================================================================
   4. 02 — CTA / PHILOSOPHY
   ========================================================================== */
.cta {
	position: relative;
	padding-block: clamp(64px,9vw,120px);
	overflow: hidden;
	border-bottom: var(--bar) solid var(--c-green-400);
}
.cta__grid {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cta__grid--inner {
	display: flex;
	grid-template-columns: 1fr auto 1fr;
	gap: 50px;
	align-items: center;
	max-width: 75%;
}
.cta__quote-mark {
	font-size: 85px;
	position: absolute;
	left: -25px;
	top: -35px;
}
.cta__quote {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--c-green-700);
	font-size: clamp(30px,4.6vw,52px);
	line-height: 1.08;
	position: relative;
	text-transform: uppercase;
}
.cta__quote-mark.cta__quote-mark--right {
	left: initial;
	right: -30px;
	bottom: 0;
	top: initial;
}
.cta__divider {
	width: 1px;
	height: 250px;
	background: #5fb84457;
	position: relative;
	width: 1.5px;
}.cta__divider::before,.cta__divider::after{content:"";position:absolute;left:50%;width:10px;height:10px;border-radius:50%;background:var(--c-green-600);transform:translateX(-50%);animation:pulseDot 2.4s ease-in-out infinite;}
.cta__divider::before{top:-5px;}
.cta__divider::after{bottom:-5px;animation-delay:1.2s;}
@keyframes pulseDot{0%,100%{transform:translateX(-50%) scale(1);opacity:1;}50%{transform:translateX(-50%) scale(1.6);opacity:.4;}}
.cta__text {
	font-size: 22px;
	color: var(--c-green-700);
	line-height: 1.7;
	letter-spacing: 2px;
}

.cta_small_icon {
  display: flex;
  justify-content: end;
  position: absolute;
  right: 0;
}
.cta_small_icon img {
  max-width: 95px;
}
.cta__spice{position:absolute;left:6%;bottom:10%;width:64px;height:64px;color:var(--c-green-500);opacity:.55;animation:spinSlow 18s linear infinite;}
.cta__ring{position:absolute;border:2px dashed var(--c-green-400);border-radius:50%;opacity:.4;animation:spinSlow 30s linear infinite;}
.cta__ring--1 {
	width: 240px;
	height: 240px;
	right: 0;
	bottom: 0;
}.cta__ring--2{width:90px;height:90px;right:16%;bottom:10%;animation-direction:reverse;animation-duration:22s;}
.cta__ring--3{width:46px;height:46px;right:4%;bottom:30%;background:var(--c-green-200);border:none;opacity:.6;animation:spinSlow 10s linear infinite;}
@keyframes spinSlow{to{transform:rotate(360deg);}}
@media (max-width:760px){.cta__grid{grid-template-columns:1fr;}.cta__divider{width:60px;height:1px;}.cta__divider::before,.cta__divider::after{top:50%;left:-5px;transform:translateY(-50%);}.cta__divider::after{left:auto;right:-5px;}}
.cta__grid__col {
	width: 50%;
}
/* ==========================================================================
   5. CASCADE CAROUSEL (shared: brands 03 + milestones 10)
   ========================================================================== */
.cascade{position:relative;}
.cascade__frame{position:relative;}
.cascade__ghost{position:absolute;top:8%;bottom:8%;width:14%;background:var(--c-white);opacity:.5;border-radius:var(--radius-md);}
.cascade__ghost--l{left:-4%;}
.cascade__ghost--r{right:-4%;}
.cascade__stage{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:visible;}
.cascade__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(.9) translateY(14px);
	transition: opacity .6s var(--ease),transform .6s var(--ease);
	z-index: 1;
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 26px 46px -20px rgba(23,51,33,.4);
	display: flex;
	align-items: center;
	justify-content: center;
}
.cascade__slide.is-active{opacity:1;transform:scale(1) translateY(0);z-index:3;}
.cascade__arrow{position:absolute;top:50%;translate:0 -50%;width:46px;height:46px;border-radius:50%;background:var(--c-green-500);color:var(--c-white);display:flex;align-items:center;justify-content:center;transition:.2s;z-index:5;}
.cascade__arrow:hover{background:var(--c-green-700);transform:translateY(-50%) scale(1.08);}
.cascade__arrow--prev{left:-8px;}
.cascade__arrow--next{right:-8px;}
@media (max-width:640px){.cascade__arrow--prev{left:-2px;}.cascade__arrow--next{right:-2px;}}

/* ==========================================================================
   6. 03 — BRANDS carousel
   ========================================================================== */
.brands{padding-block:clamp(56px,8vw,100px);}
.brands__head{text-align:center;margin-bottom:clamp(28px,4vw,48px);}
.brands__title {
	font-family: var(--font-display);
	font-weight: 700;
	color: var(--c-green-500);
	font-size: clamp(30px,4.6vw,54px);
	text-transform: uppercase;
}.brands__subtitle{margin-top:6px;color:var(--c-ink);}
.brands__wrap{max-width:980px;margin-inline:auto;padding-inline:56px;}
.brands__slide{background:linear-gradient(150deg,var(--c-green-400),var(--c-green-700));color:rgba(255,255,255,.6);font-size:clamp(46px,6vw,80px);}
.brands__badge{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background:var(--c-white);color:var(--c-green-700);font-family:var(--font-display);font-weight:700;padding:.5em 1.2em;border-radius:999px;box-shadow:0 8px 16px rgba(0,0,0,.18);font-size:14px;z-index:6;white-space:nowrap;}
.brands__copy{margin-top:44px;font-size:15px;line-height:1.8;color:var(--c-ink-soft);text-align:center;max-width:820px;margin-inline:auto;}
.brands__copy strong{color:var(--c-green-700);}
.brands__cta{display:flex;justify-content:center;margin-top:26px;}

/* ==========================================================================
   7. 04 — RECIPE GALLERY (fanned cards) + 05 popup modal
   ========================================================================== */
.recipes{padding-block:clamp(56px,8vw,100px);}
.recipes__fan {
	position: relative;
	height: clamp(220px,28vw,300px);
	max-width: 100px;
	margin: 0 auto;
}.recipes__card {
	position: absolute;
	top: 0;
	left: 50%;
	width: clamp(150px,20vw,230px);
	height: 230px;
	border: 11px solid var(--c-white);
	box-shadow: 0 16px 30px -12px rgba(23,51,33,.4);
	background-color: var(--c);
	transform: translateX(calc(-50% + var(--x))) rotate(var(--rot));
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,.85);
	font-size: 30px;
	transition: transform .35s var(--ease),box-shadow .35s var(--ease);
	cursor: default;
}
.recipes__card:hover {
	z-index: 1111;
}
.recipes__card--main {
	cursor: pointer;
	box-shadow: 0 22px 40px -14px rgba(23,51,33,.5);
	z-index: 5;
	background: linear-gradient(150deg,#caa24a,#8a6a2e);
	border-color: var(--c-white);
	height: 300px;
	top: -34px;
	border-width: 15px;
	width: clamp(153px,25vw,280px);
}
.recipes__card--main:hover{transform:translateX(calc(-50% + var(--x))) rotate(0deg) translateY(-10px) scale(1.03);}
.recipes__play-hint {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(10,30,15,.15);
	border-radius: 6px;
	opacity: 1;
	transition: opacity .25s;
	object-fit: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.recipes__play-hint i {
	opacity: 0;
	visibility: hidden;
}
.recipes__card--main:hover span i {
	opacity: 1;
	visibility: visible;
}
.recipes__card--main:hover .recipes__play-hint{opacity:1;}
.recipes__fan:hover .recipes__card:not(.recipes__card--main){transform:translateX(calc(-50% + var(--x))) rotate(calc(var(--rot) * .4)) translateY(-6px);}







@media (max-width: 1199px) {

.recipes__fan.is-visible {
  height: initial !important;
  display: flex;
  gap: 11px;
  width: 100% !important;
  max-width: 100%;
  flex-wrap: wrap;
}

.recipes__card {
  transform: none !important;
  position: relative;
  width: 100%;
  height: initial;
  left: initial;
  width: 49%;
}
}












/* modal */
.modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);}
.modal.is-open{opacity:1;pointer-events:auto;}
.modal__overlay{position:absolute;inset:0;background:rgba(10,30,15,.72);backdrop-filter:blur(3px);}
.modal__panel{
  position:relative;z-index:2;background:var(--c-green-100);border-radius:var(--radius-lg);max-width:1100px;width:100%;
  max-height:90vh;overflow:auto;padding:clamp(20px,3.4vw,40px);
  transform:translateY(30px) scale(.97);transition:transform .35s var(--ease);
}
.modal.is-open .modal__panel{transform:none;}
.modal__close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;background:var(--c-white);color:var(--c-green-700);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 6px 14px rgba(0,0,0,.18);z-index:3;transition:.2s;}
.modal__close:hover{background:var(--c-red);color:var(--c-white);transform:rotate(90deg);}
.modal__body{display:grid;grid-template-columns:auto 1.5fr 1fr;gap:clamp(18px,3vw,34px);align-items:center;}
.modal__badge {
	color: var(--c-white);
	border-radius: var(--radius-md);
	font-family: var(--font-display);
	text-align: center;
	line-height: 1.1;
	white-space: nowrap;
}
.modal__badge span{display:block;font-size:15px;}
.modal__badge strong{display:block;font-size:22px;}
.modal__video {
	position: relative;
	overflow: hidden;
	background: linear-gradient(150deg,#d7bf8e,#8a6a2e);
	box-shadow: 0 20px 34px -18px rgba(23,51,33,.4);
	border: 20px solid #fff;
	width: 450px;
	height: 450px;
	object-fit: cover !important;
	background-size: cover;
}
.recipes__play-hint i {
	background: var(--c-green-400);
	color: #fff;
	width: 52px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	border-radius: 100%;
}
.modal__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 90px;
	height: 64px;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.78);
	color: var(--c-red);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: transform .2s;
	border: 5px solid #fff;
	font-size: 30px;
}
.modal__play:hover{transform:scale(1.1);}
.modal__list-title {
	font-family: var(--font-display);
	color: var(--c-green-500);
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 0;
	border-bottom: 2px solid var(--c-green-200);
	padding-bottom: 0;
	background: #fff;
	padding: 5px 21px;
	text-transform: uppercase;
	font-weight: 300;
}
.modal__list li{border-bottom:1px dashed rgba(23,51,33,.25);padding-block:8px;font-size:14px;}
.modal__list a{color:var(--c-green-700);transition:color .2s,padding-left .2s;}
.modal__list a:hover{color:var(--c-red);padding-left:4px;}
.modal-popup__right {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media (max-width:760px){.modal__body{grid-template-columns:1fr;text-align:center;}.modal__badge{justify-self:center;}}

/* ==========================================================================
   8. 06 — RESPONSIBILITY (simple cards)
   ========================================================================== */
.responsibility{padding-block:clamp(48px,7vw,88px);}
.responsibility__head {
	margin-bottom: 70px;
}
.responsibility__center {
	display: flex;
	justify-content: center;
}
.responsibility__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	gap: clamp(24px,4vw,40px);
	max-width: 900px;
}
.simple-card{background:var(--c-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 24px rgba(23,51,33,.1);transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.simple-card:hover{transform:translateY(-8px);box-shadow:0 26px 40px -18px rgba(23,51,33,.32);}
.simple-card__media{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:clamp(44px,5vw,70px);color:rgba(255,255,255,.6);position:relative;overflow:hidden;}
.simple-card__media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 8px rgba(255,255,255,.9);}
.simple-card__media--a{background:linear-gradient(135deg,#c0392b,#7a1f16);}
.simple-card__media--b{background:linear-gradient(135deg,#7a1f16,#c0392b);}
.simple-card__body{padding:20px 24px 26px;}
.simple-card__body__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.simple-card__tag {
	display: inline-block;
	background: var(--c-green-500);
	color: var(--c-white);
	font-weight: 600;
	font-size: 13px;
	padding: .4em 3em;
	border-radius: 5px;
	margin-bottom: 0;
}.simple-card__heading {
	font-family: var(--font-display);
	font-size: clamp(18px,2vw,22px);
	color: var(--c-green-700);
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 17px;
}
.simple-card__text{font-size:14.5px;line-height:1.75;color:var(--c-ink-soft);}
.simple-card__text strong{color:var(--c-green-700);}

/* ==========================================================================
   9. 07 — MARQUEE (left-right-left brand pattern band) — reused in footer
   ========================================================================== */
.marquee {
	background: var(--c-green-700);
	overflow: hidden;
	padding-block: 14px;
}
.marquee__row {
	display: flex;
	width: max-content;
	gap: 0;
	white-space: nowrap;
	align-items: center;
}
.marquee__row--l{animation:marqueeL 34s linear infinite;}
.marquee__row--r{animation:marqueeR 34s linear infinite;}
.marquee__word {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: clamp(20px,3.2vw,40px);
	color: #60BC46;
	text-transform: uppercase;
}.marquee__logo {
	font-family: var(--font-display);
	font-weight: 700;
	font-style: italic;
	font-size: clamp(16px,2.4vw,26px);
	color: var(--c-green-700);
	border-radius: 999px;
	padding: .3em 0.5em;
	/* background: #60BC46; */
	max-width: 430px;
}
@keyframes marqueeL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes marqueeR{from{transform:translateX(-50%);}to{transform:translateX(0);}}

/* ==========================================================================
   10. 08 — MAP section
   ========================================================================== */
.map {
	position: relative;
	background-color: var(--c-green-700);
	color: var(--c-white);
	padding-block: clamp(56px,8vw,96px);
	overflow: hidden;
	background-size: cover;
	padding-bottom: 0;
	border-bottom: 10px solid var(--c-green-400);
}
.map::before{content:"";position:absolute;inset:0;background-image:var(--doodle);background-size:220px;opacity:.18;}
.map__container{position:relative;z-index:1;max-width:var(--container);margin-inline:auto;padding-inline:clamp(20px,4vw,64px);}
.map__title {
	font-family: var(--font-display);
	font-weight: 300;
	font-size: clamp(28px,4.6vw,48px);
	text-transform: uppercase;
}
.map__title strong{font-weight:800;color:var(--c-green-200);}
.map__body{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center;}
.map__svg{width:100%;height:auto;}
.map__pin{fill:var(--c-gold);cursor:pointer;transition:transform .2s, fill .2s;transform-box:fill-box;transform-origin:center;}
.map__pin:hover{fill:var(--c-white);transform:scale(1.6);}
.map__lists {
	display: flex;
	gap: 22px;
	padding-left: 26px;
	font-family: var(--font-display);
	font-size: clamp(14px,1.4vw,18px);
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.map__list li{padding-block:3px;cursor:default;transition:color .2s,padding-left .2s;border-radius:4px;}
.map__list li:hover{color:var(--c-gold);padding-left:4px;}
.map__globe {
	position: absolute;
	z-index: 1;
	width: 50px;
	height: 50px;
	margin: 32px auto 0;
	border-radius: 50%;
	background: rgba(255,255,255,.08);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	bottom: -4px;
	left: -24px;
}
@media (max-width:760px){.map__body{grid-template-columns:1fr;}.map__lists{border-left:0;padding-left:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.35);}}
.map__list--v2{
   text-align: left;
}
.map__list--v2 {
	text-align: left !important;
}
.map__lists__column {
	display: flex;
	gap: 35px;
}
.map__list__line {
	width: 1px;
	height: 68vh;
	background: var(--c-green-400);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.map__list {
  text-align: right;
}
.map__list li a {
	font-size: 20px;
}
/* ==========================================================================
   11. 09 — COUNTDOWN / STATS
   ========================================================================== */
.stats{padding-block:clamp(48px,7vw,90px);}
.stats__head{margin-bottom:clamp(36px,5vw,60px);}
.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;text-align:center;}
.stat{position:relative;}
.stat__icon {
	width: 85px;
	height: 85px;
	margin-inline: auto;
	border-radius: 50%;
	background: var(--c-green-700);
	color: var(--c-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	margin-bottom: 5px;
	box-shadow: 0 14px 24px -12px rgba(15,92,51,.6);
}.stat__label {
	font-weight: 500;
	color: var(--c-green-700);
	margin-bottom: 8px;
	font-size: 25px;
}.stat__num {
	font-family: var(--font-display);
	font-size: clamp(30px,3.6vw,42px);
	color: var(--c-green-700);
	font-weight: 700;
	display: inline-block;
	padding-bottom: 8px;
	min-width: 3ch;
	background: #fff;
	padding: 0px 56px;
	position: relative;
	font-size: 30px;
}
.stat__num::before {
	content: "";
	position: absolute;
	bottom: -13px;
	left: 0%;
	width: 100%;
	height: 12px;
	background: radial-gradient( ellipse at center top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0) 75% );
	filter: blur(2px);
	z-index: 1;
	border-radius: 50%;
}
/* ==========================================================================
   12. 10 — MILESTONES (fixed trophy + cascade)
   ========================================================================== */
.milestones {
	position: relative;
	padding-block: clamp(56px,8vw,100px);
	overflow: hidden;
	padding-bottom: 352px;
}
.milestone--right {
	position: relative;
	top: 212px;
}
.milestones__head {
	margin-bottom: 140px;
}
.milestones__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,4vw,50px);align-items:center;}
.trophy{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:clamp(280px,32vw,380px);}
.trophy__glow{position:absolute;top:10%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(232,169,27,.55),transparent 70%);filter:blur(6px);animation:glowPulse 3s ease-in-out infinite;}
@keyframes glowPulse{0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.12);}}
.trophy__icon{position:relative;font-size:clamp(90px,12vw,150px);color:var(--c-gold);filter:drop-shadow(0 18px 20px rgba(0,0,0,.25));animation:floatY 4s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
.trophy__table{width:100%;height:26px;background:linear-gradient(180deg,#b9bdb9,#8b908c);border-radius:4px;margin-top:14px;box-shadow:0 12px 20px -8px rgba(0,0,0,.35);}

.milestones__slide{background:linear-gradient(150deg,var(--c-red),var(--c-red-700));}
.milestones__badge-bar {
	position: absolute;
	top: -55px;
	left: 0;
	right: 0;
	background: linear-gradient(90deg,var(--c-green-500),var(--c-green-700));
	color: var(--c-white);
	text-align: center;
	padding: 10px 0;
	font-family: var(--font-display);
	font-weight: 700;
	border-radius: 10px 10px 0 0;
	font-size: 24px;
	font-weight: 600;
}
.btn.btn__img img {
	max-width: 210px;
}
.shape-btm {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 166px;
	object-fit: contain;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.milestones__cta {
	display: flex;
	justify-content: center;
	margin-top: 65px;
	z-index: 333;
}
.btn.btn__img.btn--red {
	background: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
}
@media (max-width:820px){.milestones__layout{grid-template-columns:1fr;}}


@media(min-width:1200px){
	.map__body_img {
	min-width: 122%;
}
}

/* ==========================================================================
   13. 11 — TESTIMONIALS
   ========================================================================== */
   #testimonials-title {
	background: #72cb789c;
	color: var(--c-green-700);
}
.testimonials{padding-block:clamp(48px,7vw,90px);}
.testimonials__head{margin-bottom:clamp(30px,4vw,48px);}
.peek {
	position: relative;
	max-width: 1000px;
	margin-inline: auto;
	height: clamp(300px,34vw,460px);
}
.peek__stage{position:relative;width:100%;height:100%;}
.peek__card {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 100%;
	width: 980px;
	height: 100%;
	background: #E2EFDB;
	border-radius: var(--radius-lg);
	align-items: center;
	opacity: 0;
	transform: scale(.9);
	transition: opacity .5s var(--ease),transform .5s var(--ease);
	z-index: 1;
	box-shadow: 0 20px 40px -24px rgba(23,51,33,.35);
	border: 10px solid #fff;
	padding: 0;
	display: flex;
}
.peek__card.is-active {
	opacity: 1;
	/* transform: scale(1); */
	z-index: 3;
}
.peek__avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 30px;
	flex: none;
	width: 50%;
	border: 3px solid;
	border: 10px solid #A1D18A;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.peak__content {
	width: 50%;
}
.peek__quote-icon {
	font-size: 48px;
	color: #fff;
	margin-bottom: 8px;
	display: block;
	position: absolute;
	left: 31px;
	top: -15px;
}
.peek__quote-icon.fa-solid.fa-quote-right {
	right: 50px;
	bottom: -23px;
	top: initial;
	left: initial;
}
.peek__text {
	font-size: clamp(15px,1.6vw,16px);
	line-height: 1.7;
	color: var(--c-green-700);
	margin-bottom: 14px;
}
.peek__name {
	font-family: var(--font-display);
	font-weight: 700;
	color: var(--c-green-700);
	background: #A1D18A;
	padding: 0px 20px;
	padding-left: 70px;
}
.peek__role{font-size:13px;font-style:italic;color:var(--c-ink-soft);}
.peek__dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}
.peek__dot{width:9px;height:9px;border-radius:50%;background:var(--c-green-200);transition:.2s;}
.peek__dot.is-active{background:var(--c-green-700);width:22px;border-radius:5px;}


.peak__content__align {
	padding-left: 80px;
	position: relative;
	padding-right: 55px;
}
.peek__name span {
  background: #E2EFDB;
  display: inline-block;
  padding: 0 10px;
}

@media (max-width:640px){.peek__card{grid-template-columns:1fr;text-align:center;}.peek__avatar{margin-inline:auto;}}

/* ==========================================================================
   14. 12 — FOOTER
   ========================================================================== */
.footer{background:var(--c-white);}
.footer__main {
	display: flex;
	justify-content: space-between;
	gap: 32px;
	padding-block: clamp(32px,5vw,56px);
}.footer__tagline {
	color: var(--c-green-500);
	font-weight: 600;
	margin-top: 10px;
	font-family: var(--font-display);
	font-size: 28px;
	text-transform: uppercase;
}
.footer__links {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 300px;
}

.footer__links a {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--c-green-200);
	font-weight: 500;
	transition: color .2s,padding-left .2s;
	color: var(--c-green-700);
}
.footer__bottom i {
	color: var(--c-green-700);
	font-size: 8px;
}
.footer__links a::before {
	content: "";
	position: absolute;
	right: 0;
	width: 10px;
	height: 10px;
	background: var(--c-green-400);
	border-radius: 100%;
	bottom: -6px;
}
.footer__links a:hover{color:var(--c-green-500);padding-left:6px;}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding-bottom:24px;font-size:14px;color:var(--c-green-700);}

.footer__bottom a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--c-green-700);
}
.footer__bottom i{color:var(--c-green-500);}
.footer__copy{text-align:center;font-size:12px;color:var(--c-ink-soft);padding-bottom:20px;}

.col-50 {
	width: 50%;
}