/* ============ TOKENS ============ */
:root{
  --white:#ffffff;
  --mist:#f2f9f6;
  --mist-deep:#e6f3ed;
  --line:#cfe6dc;
  --green-900:#0d2b23;   /* near-black, green-tinted ink */
  --green-700:#0d5c48;   /* deep green - headers, footer */
  --green-650:#116a53;
  --green-600:#178f68;   /* primary brand green */
  --green-500:#22a878;   /* brighter accent green */
  --green-100:#dcf1e6;   /* light chip bg */
  --green-050:#f2f9f6;
  --paper:#fbfdfc;
  --shadow: 0 20px 45px -20px rgba(13,43,35,.28);
  --shadow-sm: 0 10px 25px -12px rgba(13,43,35,.22);
  --radius: 14px;
  --maxw: 1180px;
  --ease: cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; overflow-x:hidden;}
body{
  overflow-x:hidden;
  margin:0; background:var(--white); color:var(--green-900);
  font-family:'Work Sans', sans-serif; font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:'Space Grotesk', sans-serif; margin:0 0 .5em; color:var(--green-900);
  letter-spacing:-0.01em; font-weight:600;
}
p{margin:0 0 1em;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
ul{margin:0; padding:0;}
.container{max-width:var(--maxw); margin:0 auto; padding:0 24px; position:relative; z-index:1;}
section{position:relative;}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:600; color:var(--green-600);
  margin-bottom:14px;
}
.eyebrow::before{
  content:""; width:22px; height:2px; background:var(--green-500); border-radius:2px;
}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 26px; border-radius:999px; font-weight:600; font-size:15px;
  cursor:pointer; border:2px solid transparent; transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, color .25s, border-color .25s;
  font-family:'Work Sans',sans-serif;
}
.btn-primary{background:var(--green-600); color:#fff; box-shadow:var(--shadow-sm);}
.btn-primary:hover{background:var(--green-650); transform:translateY(-2px); box-shadow:var(--shadow);}
.btn-ghost{background:transparent; border-color:rgba(255,255,255,.55); color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.14); transform:translateY(-2px);}
.btn-outline{background:transparent; border-color:var(--green-600); color:var(--green-700);}
.btn-outline:hover{background:var(--green-600); color:#fff; transform:translateY(-2px);}
.btn-sm{padding:10px 18px; font-size:14px;}
.section-head{max-width:640px; margin-bottom:48px;}
.section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.section-head h2{font-size:clamp(28px,3.4vw,40px); line-height:1.15;}
.section-head p{color:#3c5b52; font-size:16.5px;}

/* subtle blueprint grid texture, reused across light sections */
.blueprint-grid{
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(rgba(23,143,104,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,143,104,.07) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, black, black 60%, transparent 100%);
}

/* reveal-on-scroll */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease), transform .7s var(--ease);}
.reveal.is-visible{opacity:1; transform:translateY(0);}
.stagger .reveal:nth-child(1){transition-delay:0s;}
.stagger .reveal:nth-child(2){transition-delay:.08s;}
.stagger .reveal:nth-child(3){transition-delay:.16s;}
.stagger .reveal:nth-child(4){transition-delay:.24s;}
.stagger .reveal:nth-child(5){transition-delay:.32s;}
.stagger .reveal:nth-child(6){transition-delay:.4s;}

@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1; transform:none; transition:none;}
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;}
}

/* ============ NAV ============ */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px; transition:background .35s var(--ease), box-shadow .35s var(--ease), padding .35s;
}
.nav .container{width:100%; display:flex; align-items:center; justify-content:space-between;}
.nav.solid{background:rgba(255,255,255,.92); backdrop-filter:blur(10px); box-shadow:0 2px 18px rgba(13,43,35,.08); padding:14px 24px;}
.brand{display:flex; align-items:center; gap:10px;}
.brand img{height:54px; width:auto;}
.nav-links{display:flex; align-items:center; gap:28px; list-style:none;}
.nav-links a{
  font-size:14.5px; font-weight:600; color:#fff; opacity:.92; position:relative; padding:4px 0;
  transition:color .25s, opacity .25s;
}
.nav-links a::after{
  content:""; position:absolute; left:0; bottom:-4px; width:0; height:2px; background:var(--green-500);
  transition:width .25s var(--ease);
}
.nav-links a:hover::after{width:100%;}
.nav.solid .nav-links a{color:var(--green-900); opacity:1;}
.nav-cta{display:flex; align-items:center; gap:14px;}
.nav-phone{font-weight:600; font-size:14px; color:#fff;}
.nav.solid .nav-phone{color:var(--green-700);}
.nav-toggle{display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:6px; z-index:1100;}
.nav-toggle span{width:24px; height:2px; background:#fff; border-radius:2px; transition:.3s;}
.nav.solid .nav-toggle span{background:var(--green-900);}

@media (max-width:900px){
  .nav-phone{display:none !important;}
  .nav-links{
    position:fixed; inset:0 0 0 auto; width:min(78vw,320px); height:100vh;
    background:var(--green-700); flex-direction:column; justify-content:center; gap:30px;
    transform:translateX(100%); transition:transform .4s var(--ease); padding:0 40px;
    overflow-y:auto;
  }
  .nav-links.open{transform:translateX(0);}
  .nav-links a{color:#fff !important; font-size:18px;}
  .nav-toggle{display:flex;}
}

/* ============ NAV DROPDOWN (Courses) ============ */
.nav-dropdown{position:relative;}
.nav-dropdown-toggle{display:inline-flex; align-items:center; gap:5px;}
.nav-caret{transition:transform .3s var(--ease);}
.nav-dropdown-menu{
  list-style:none; padding:10px; opacity:0; pointer-events:none;
  transition:opacity .25s var(--ease), transform .25s var(--ease);
  z-index:50;
}
.nav-dropdown-menu li + li{margin-top:2px;}
.nav-dropdown-menu a{
  display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:9px;
  color:var(--green-900) !important; font-size:13.5px !important; font-weight:600 !important;
  opacity:1 !important; transition:background .2s;
}
.nav-dropdown-menu a::after{display:none;}
.nav-dropdown-menu a:hover{background:var(--mist);}
.nav-dropdown-menu a span{font-size:12px; font-weight:500; color:#5c7b71;}

/* Desktop-only: floating hover panel (mobile gets its own layout below) */
@media (min-width:901px){
  .nav-dropdown-menu{
    position:absolute; top:calc(100% + 16px); left:50%; transform:translateX(-50%) translateY(8px);
    width:280px; background:#fff; border-radius:14px; box-shadow:var(--shadow); border:1px solid var(--line);
  }
  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu{
    opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0);
  }
  .nav-dropdown:hover .nav-caret{transform:rotate(180deg);}
}

@media (max-width:900px){
  .nav-dropdown{width:100%; text-align:center;}
  .nav-dropdown-toggle{justify-content:center; width:100%;}
  .nav-dropdown-menu{
    position:static; transform:none; opacity:1; pointer-events:auto; width:100%; box-shadow:none;
    background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); margin-top:14px;
    max-height:0; overflow:hidden; padding:0 10px; transition:max-height .35s var(--ease), padding .35s var(--ease), margin .35s var(--ease);
  }
  .nav-dropdown.open .nav-dropdown-menu{max-height:320px; padding:10px; margin-top:14px;}
  .nav-dropdown.open .nav-caret{transform:rotate(180deg);}
  .nav-dropdown-menu a{color:#fff !important; font-size:15px !important;}
  .nav-dropdown-menu a span{color:rgba(255,255,255,.65);}
  .nav-dropdown-menu a:hover{background:rgba(255,255,255,.08);}
}

/* ============ HERO / SLIDESHOW ============ */
.hero{
  position:relative; height:100vh; min-height:780px; overflow:hidden;
  display:flex; align-items:flex-end;
  color:#fff;
}
.slide{
  position:absolute; inset:0; opacity:0; transform:scale(1.08);
  transition:opacity 1.6s var(--ease), transform 7s linear;
  background-size:cover; background-position:center;
}
.slide.active{opacity:1; transform:scale(1);}
.hero::before{
  content:""; position:absolute; inset:0; z-index:2;
  background:linear-gradient(180deg, rgba(9,32,26,.55) 0%, rgba(9,32,26,.35) 35%, rgba(8,28,23,.88) 100%);
}
.hero-content{position:relative; z-index:3; width:100%; padding-bottom:64px;}
.hero-content .container{max-width:var(--maxw);}
.hero-tag{
  display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:600;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3);
  padding:8px 16px; border-radius:999px; margin-bottom:22px; backdrop-filter:blur(4px);
}
.hero-tag .dot{width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 4px rgba(34,168,120,.25);}
.hero h1{
  color:#fff; font-size:clamp(34px,6vw,64px); line-height:1.05; max-width:820px; margin-bottom:20px;
}
.hero h1 em{font-style:normal; color:var(--green-500);}
.hero p.lead{max-width:560px; font-size:18px; color:rgba(255,255,255,.86); margin-bottom:32px;}
.hero-ctas{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:46px;}
.hero-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:rgba(255,255,255,.18); border-radius:16px; overflow:hidden;
  border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(6px);
  max-width:820px;
}
.hero-stats .stat{background:rgba(9,32,26,.32); padding:16px 18px;}
.hero-stats .stat b{display:block; font-family:'Space Grotesk',sans-serif; font-size:clamp(20px,2.4vw,28px); color:#fff;}
.hero-stats .stat span{font-size:12.5px; color:rgba(255,255,255,.75);}

.slide-dots{position:absolute; z-index:4; right:24px; bottom:26px; display:flex; flex-direction:column; gap:10px;}
.slide-dots button{
  width:9px; height:9px; border-radius:50%; border:1.5px solid rgba(255,255,255,.7); background:transparent; cursor:pointer; padding:0;
  transition:background .3s, transform .3s;
}
.slide-dots button.active{background:var(--green-500); transform:scale(1.25); border-color:var(--green-500);}

@media (max-width:640px){
  .hero{min-height:auto; height:auto; padding-top:90px; align-items:flex-start;}
  .hero-content{padding-bottom:40px;}
  .hero h1{font-size:34px;}
  .hero-stats{grid-template-columns:repeat(2,1fr);}
  .slide-dots{right:14px; bottom:16px;}
}
@media (max-width:900px){
  .nav-cta .btn-primary{display:none;}
}

/* ============ MARQUEE STRIP ============ */
.strip{background:var(--green-700); color:#fff; padding:14px 0; overflow:hidden;}
.strip-track{display:flex; gap:56px; white-space:nowrap; animation:scroll-left 26s linear infinite;}
.strip-track span{font-family:'Space Grotesk',sans-serif; font-weight:500; font-size:14.5px; letter-spacing:.02em; opacity:.92; display:flex; align-items:center; gap:14px;}
.strip-track span::after{content:"◆"; font-size:9px; color:var(--green-500); margin-left:14px;}
@keyframes scroll-left{from{transform:translateX(0);} to{transform:translateX(-50%);}}

/* ============ ABOUT ============ */
.about{padding:104px 0 90px; background:var(--white);}
.about-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; position:relative; z-index:1;}
.about-copy p{color:#365349; font-size:16.5px;}
.about-highlights{list-style:none; margin:28px 0 0; display:grid; gap:14px;}
.about-highlights li{display:flex; gap:12px; align-items:flex-start; font-size:15px; color:var(--green-900); font-weight:500;}
.check{
  flex:none; width:22px; height:22px; border-radius:50%; background:var(--green-100); color:var(--green-600);
  display:flex; align-items:center; justify-content:center; font-size:12px; margin-top:1px;
}
.about-media{position:relative;}
.about-media .frame{
  position:relative; border-radius:20px; overflow:hidden; box-shadow:var(--shadow);
  border:6px solid var(--white);
}
.about-media .frame img{width:100%; height:auto; display:block;}
.badge-row{
  position:absolute; left:-22px; bottom:-40px; display:flex; gap:18px; background:#fff; padding:16px 22px;
  border-radius:18px; box-shadow:var(--shadow); border:1px solid var(--line);
}
.badge-row img{height:74px; width:auto; object-fit:contain;}
@media (max-width:900px){
  .about-grid{grid-template-columns:1fr; gap:40px;}
  .badge-row{left:16px; bottom:-30px; padding:12px 16px; gap:14px;}
  .badge-row img{height:56px;}
}

/* ============ WHY CHOOSE ============ */
.why{padding:90px 0; background:var(--mist);}
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.why-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:30px 26px;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
}
.why-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-sm); border-color:transparent;}
.why-card .ico{
  width:48px; height:48px; border-radius:12px; background:var(--green-100); color:var(--green-600);
  display:flex; align-items:center; justify-content:center; margin-bottom:18px;
}
.why-card h3{font-size:18px; margin-bottom:8px;}
.why-card p{font-size:14.5px; color:#4a655c; margin:0;}
@media (max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.why-grid{grid-template-columns:1fr;}}

/* ============ COURSES (interactive) ============ */
.courses{padding:100px 0; background:#fff;}
.course-tabs{
  display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px; border-bottom:1px solid var(--line); padding-bottom:0;
}
.course-tab{
  padding:13px 22px; border-radius:12px 12px 0 0; font-weight:600; font-size:14.5px; cursor:pointer;
  background:transparent; border:1px solid transparent; color:#4a655c; position:relative; top:1px;
  transition:color .25s, background .25s;
}
.course-tab .n{
  display:inline-block; font-size:11px; font-weight:700; background:var(--green-100); color:var(--green-600);
  border-radius:999px; padding:1px 8px; margin-left:8px;
}
.course-tab.active{
  color:var(--green-700); background:var(--mist); border-color:var(--line); border-bottom-color:var(--mist);
}
.course-panels{position:relative;}
.course-panel{display:none;}
.course-panel.active{display:grid; grid-template-columns:1fr 1fr; gap:18px; animation:fadeIn .45s var(--ease);}
@keyframes fadeIn{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);}}

.acc-item{
  border:1px solid var(--line); border-radius:12px; background:var(--paper); overflow:hidden;
  transition:border-color .25s, box-shadow .25s;
}
.acc-item.open{border-color:var(--green-500); box-shadow:var(--shadow-sm);}
.acc-head{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:18px 20px; cursor:pointer; user-select:none;
}
.acc-head h4{margin:0; font-size:16.5px; display:flex; align-items:center; gap:10px;}
.acc-head h4 .tag{
  width:8px; height:8px; border-radius:2px; background:var(--green-500); transform:rotate(45deg); flex:none;
}
.acc-plus{
  width:26px; height:26px; border-radius:50%; border:1.5px solid var(--line); flex:none; position:relative;
  transition:transform .3s var(--ease), border-color .3s, background .3s;
}
.acc-plus::before,.acc-plus::after{
  content:""; position:absolute; background:var(--green-600); left:50%; top:50%; transition:transform .3s var(--ease);
}
.acc-plus::before{width:11px; height:1.6px; transform:translate(-50%,-50%);}
.acc-plus::after{width:1.6px; height:11px; transform:translate(-50%,-50%);}
.acc-item.open .acc-plus{background:var(--green-600); border-color:var(--green-600);}
.acc-item.open .acc-plus::before,.acc-item.open .acc-plus::after{background:#fff;}
.acc-item.open .acc-plus::after{transform:translate(-50%,-50%) rotate(90deg); opacity:0;}
.acc-body{max-height:0; overflow:hidden; transition:max-height .4s var(--ease);}
.acc-body-in{padding:0 20px 20px; font-size:14px; color:#42605a;}
.acc-body-in ul{list-style:none; display:grid; gap:8px; margin-top:4px;}
.acc-body-in li{display:flex; gap:10px; align-items:flex-start; line-height:1.45;}
.acc-body-in li::before{content:"—"; color:var(--green-500); flex:none;}
.acc-cta{margin-top:14px; display:flex;}
@media (max-width:800px){
  .course-panel.active{grid-template-columns:1fr;}
}

/* ============ GALLERY ============ */
.gallery{padding:100px 0; background:var(--mist); position:relative; overflow:hidden;}
.gallery-grid{
  display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:200px 200px; gap:16px;
}
.gallery-grid figure{
  margin:0; position:relative; border-radius:16px; overflow:hidden; box-shadow:var(--shadow-sm);
}
.gallery-grid figure:nth-child(1){grid-column:1 / 3; grid-row:1 / 3;}
.gallery-grid figure:nth-child(2){grid-column:3 / 5; grid-row:1 / 2;}
.gallery-grid figure:nth-child(3){grid-column:3 / 4; grid-row:2 / 3;}
.gallery-grid figure:nth-child(4){grid-column:4 / 5; grid-row:2 / 3;}
.gallery-grid img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease);}
.gallery-grid figure:hover img{transform:scale(1.07);}
.gallery-grid figcaption{
  position:absolute; left:0; right:0; bottom:0; padding:16px; color:#fff; font-size:13.5px; font-weight:600;
  background:linear-gradient(180deg, transparent, rgba(9,32,26,.78));
}
@media (max-width:800px){
  .gallery-grid{grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,180px);}
  .gallery-grid figure:nth-child(1){grid-column:1/3; grid-row:1/2;}
  .gallery-grid figure:nth-child(2){grid-column:1/2; grid-row:2/3;}
  .gallery-grid figure:nth-child(3){grid-column:2/3; grid-row:2/3;}
  .gallery-grid figure:nth-child(4){grid-column:1/3; grid-row:3/4;}
}

/* ============ VIDEO GALLERY (horizontal scroll-card carousel) ============ */
.video-gallery-head{
  margin:70px 0 28px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
}
.video-gallery-head h3{font-size:26px; color:var(--green-900); margin-top:8px;}
.video-gallery-nav{display:flex; gap:10px; flex:none;}
.vg-arrow{
  width:44px; height:44px; border-radius:50%; border:1.5px solid var(--line); background:#fff; color:var(--green-700);
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.25s var(--ease); box-shadow:var(--shadow-sm);
}
.vg-arrow:hover{background:var(--green-600); color:#fff; border-color:var(--green-600); transform:translateY(-2px);}
.vg-arrow:disabled{opacity:.35; cursor:default; transform:none; background:#fff; color:var(--green-700); border-color:var(--line);}

.video-gallery{
  display:flex; gap:26px; overflow-x:auto; scroll-snap-type:x proximity; scroll-padding-left:24px;
  padding:10px 24px 28px; margin:0 -24px; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin; scrollbar-color:var(--green-600) transparent;
}
.video-gallery::-webkit-scrollbar{height:8px;}
.video-gallery::-webkit-scrollbar-track{background:transparent;}
.video-gallery::-webkit-scrollbar-thumb{background:var(--line); border-radius:8px;}
.video-gallery::-webkit-scrollbar-thumb:hover{background:var(--green-600);}

.video-card{
  position:relative; border-radius:26px; overflow:hidden; background:#0d251f; aspect-ratio:3/4;
  box-shadow:0 30px 60px -20px rgba(10,40,32,.5); border:7px solid #fff;
  isolation:isolate; flex:0 0 auto; width:280px; scroll-snap-align:start;
}
.video-card::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:20px;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);
}
.video-card video{width:100%; height:100%; object-fit:cover; display:block; background:#0d251f;}
.video-toggle{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3;
  width:72px; height:72px; border-radius:50%; border:2px solid rgba(255,255,255,.75);
  background:rgba(13,37,31,.42); backdrop-filter:blur(3px); color:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:transform .3s var(--ease), background .3s, opacity .3s;
}
.video-toggle svg{width:28px; height:28px; position:relative; left:2px;}
.video-toggle .ic-pause{left:0;}
.video-toggle:hover{transform:translate(-50%,-50%) scale(1.08); background:var(--green-600); border-color:var(--green-600);}
.video-card.is-playing .video-toggle{
  width:48px; height:48px; top:auto; left:auto; bottom:18px; right:18px; transform:none; opacity:.85;
}
.video-card.is-playing .video-toggle svg{width:20px; height:20px;}
.video-card.is-playing .video-toggle:hover{transform:scale(1.08); opacity:1;}
.video-caption{
  position:absolute; left:0; right:0; bottom:0; z-index:2; padding:22px 18px 16px; color:#fff;
  background:linear-gradient(180deg, transparent, rgba(6,26,20,.88) 60%); pointer-events:none;
}
.video-caption h4{font-size:16.5px; margin-bottom:4px;}
.video-caption p{font-size:12.5px; color:rgba(255,255,255,.82); font-weight:500; line-height:1.4;}
@media (max-width:640px){
  .video-gallery-head{flex-direction:column; align-items:flex-start; gap:12px;}
  .video-gallery-nav{display:none;}
  .video-card{width:230px;}
  .video-gallery{gap:18px; padding:8px 18px 24px; margin:0 -18px;}
  .video-gallery-head h3{font-size:22px;}
}

/* ============ MENTOR ============ */
.mentor{padding:100px 0; background:#fff;}
.mentor-grid{display:grid; grid-template-columns:.62fr 1.38fr; gap:56px; align-items:center;}
.mentor-photo{position:relative;}
.mentor-photo img{border-radius:20px; width:100%; height:auto; box-shadow:var(--shadow);}
.mentor-photo .tagchip{
  position:absolute; bottom:-18px; left:-18px; background:var(--green-700); color:#fff; padding:12px 18px;
  border-radius:14px; font-size:13px; font-weight:600; box-shadow:var(--shadow-sm);
}
.mentor-quote{font-family:'Space Grotesk',sans-serif; font-size:clamp(20px,2.4vw,26px); line-height:1.4; color:var(--green-900); margin-bottom:22px;}
.mentor-name{font-weight:700; font-size:17px; margin:0 0 2px;}
.mentor-role{color:var(--green-600); font-size:14px; font-weight:600; margin-bottom:22px;}
.mentor-desc{color:#3c5b52; font-size:15.5px;}
@media (max-width:800px){
  .mentor-grid{grid-template-columns:1fr; gap:60px;}
  .mentor-photo{max-width:280px; margin:0 auto;}
}

/* ============ ENROLL ============ */
.enroll{padding:100px 0 110px; background:var(--green-700); color:#fff; position:relative; overflow:hidden;}
.enroll::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:46px 46px; mask-image:radial-gradient(circle at 30% 20%, black, transparent 70%);
}
.enroll .section-head h2, .enroll .section-head p{color:#fff;}
.enroll .section-head p{color:rgba(255,255,255,.78);}
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; margin-bottom:64px; z-index:1;}
.steps::before{
  content:""; position:absolute; top:23px; left:6%; right:6%; height:2px; background:rgba(255,255,255,.22);
}
.steps::after{
  content:""; position:absolute; top:23px; left:6%; height:2px; background:var(--green-500);
  width:0%; transition:width 1.1s var(--ease); z-index:1;
}
.steps.filled::after{width:88%;}
.step{position:relative; text-align:center; padding:0 14px; z-index:2;}
.step .num{
  width:48px; height:48px; border-radius:50%; background:var(--green-700); border:2px solid rgba(255,255,255,.35);
  display:flex; align-items:center; justify-content:center; margin:0 auto 18px; font-family:'Space Grotesk',sans-serif;
  font-weight:700; font-size:17px; transition:background .4s, border-color .4s;
}
.steps.filled .step .num{background:var(--green-500); border-color:var(--green-500); color:var(--green-900);}
.step h4{color:#fff; font-size:15.5px; margin-bottom:6px;}
.step p{color:rgba(255,255,255,.72); font-size:13.5px; margin:0;}
@media (max-width:800px){
  .steps{grid-template-columns:1fr; gap:28px;}
  .steps::before,.steps::after{display:none;}
}

.enroll-panel{
  background:#fff; border-radius:22px; padding:44px; display:grid; grid-template-columns:1fr 1fr; gap:44px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.35); position:relative; z-index:1; min-width:0;
}
.enroll-info{min-width:0;}
.enroll-info h3{color:var(--green-900); font-size:22px;}
.enroll-info p{color:#3c5b52; font-size:14.5px;}
.quick-actions{display:flex; flex-direction:column; gap:12px; margin-top:22px; min-width:0;}
.quick-actions a{
  display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:12px; background:var(--mist);
  color:var(--green-900); font-weight:600; font-size:14.5px; transition:background .25s, transform .25s;
  min-width:0; overflow-wrap:anywhere;
}
.quick-actions a:hover{background:var(--green-100); transform:translateX(4px);}
.quick-actions .qi{width:36px; height:36px; border-radius:9px; background:var(--green-600); color:#fff; display:flex; align-items:center; justify-content:center; flex:none;}

.form-grid{display:grid; gap:14px; min-width:0;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px; min-width:0;}
.field{display:flex; flex-direction:column; gap:6px; min-width:0;}
.field label{font-size:12.5px; font-weight:600; color:var(--green-700);}
.field input, .field select, .field textarea{
  width:100%; min-width:0; border:1.5px solid var(--line); border-radius:10px; padding:12px 14px; font-family:'Work Sans',sans-serif;
  font-size:14.5px; color:var(--green-900); background:var(--paper); transition:border-color .25s, box-shadow .25s;
  appearance:none; -webkit-appearance:none;
}
.field select{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%234a655c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:36px;
}
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none; border-color:var(--green-600); box-shadow:0 0 0 4px var(--green-100);
}
.mode-toggle{display:flex; gap:10px; min-width:0;}
.mode-toggle label{
  flex:1; min-width:0; text-align:center; padding:10px; border:1.5px solid var(--line); border-radius:10px; font-size:13.5px;
  font-weight:600; color:#4a655c; cursor:pointer; transition:.25s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mode-toggle input{display:none;}
.mode-toggle input:checked + span{}
.mode-toggle label.checked{background:var(--green-600); border-color:var(--green-600); color:#fff;}
.form-note{font-size:12.5px; color:#728e85; margin-top:2px;}
.form-success{
  display:none; align-items:center; gap:10px; background:var(--green-100); color:var(--green-700); font-weight:600;
  font-size:13.5px; padding:12px 14px; border-radius:10px; margin-top:6px;
}
.form-success.show{display:flex;}
@media (max-width:900px){
  .enroll-panel{grid-template-columns:1fr; padding:28px;}
  .form-row{grid-template-columns:1fr;}
}

/* ============ CONTACT ============ */
.contact{padding:100px 0; background:#fff;}
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px;}
.contact-card{
  background:var(--mist); border-radius:20px; padding:36px; display:flex; flex-direction:column; gap:22px;
}
.contact-row{display:flex; gap:16px; align-items:flex-start;}

.contact-row .ic{
  width:42px; height:42px; border-radius:12px; background:#fff; color:var(--green-600); flex:none;
  display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-sm);
}
.contact-row h4{font-size:15px; margin-bottom:2px;}
.contact-row p, .contact-row a{font-size:14.5px; color:#3c5b52;}
.map-frame{
  border-radius:20px; overflow:hidden; box-shadow:var(--shadow); position:relative; min-height:340px;
  background:var(--mist); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:16px;
  text-align:center; padding:30px; border:1px solid var(--line);
}
.map-frame .pin{
  width:56px; height:56px; border-radius:50%; background:var(--green-600); color:#fff; display:flex;
  align-items:center; justify-content:center; box-shadow:0 0 0 10px var(--green-100);
}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}

/* ============ FOOTER ============ */
footer{background:var(--green-900); color:rgba(255,255,255,.72); padding:0 0 26px; position:relative; overflow:hidden;}

/* ---- Footer top identity bar ---- */
.footer-top{background:#fff; position:relative; z-index:2; box-shadow:0 2px 0 rgba(0,0,0,.04);}
.footer-top-inner{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px;}
.footer-top-brand{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.footer-top-brand img{height:52px; width:auto;}
.footer-top-divider{width:2px; height:34px; background:linear-gradient(180deg, var(--green-100), var(--green-600)); border-radius:2px;}
.footer-top-tag{font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:20px; letter-spacing:.2px; color:var(--green-900);}
.footer-top-social{display:flex; gap:10px;}
.footer-top-social a{
  width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:var(--green-700); background:var(--mist); border:1px solid var(--line); transition:.25s var(--ease);
}
.footer-top-social a:hover{background:var(--green-600); color:#fff; border-color:var(--green-600); transform:translateY(-3px);}
@media (max-width:640px){
  .footer-top-inner{flex-direction:column; align-items:flex-start; gap:14px; padding:20px;}
  .footer-top-tag{font-size:16px;}
  .footer-top-brand img{height:42px;}
}

/* ---- Decorative ambient blobs behind footer content ---- */
.footer-ambient{position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;}
.footer-blob{position:absolute; border-radius:50%; filter:blur(6px);}
.footer-blob.blob-1{
  width:460px; height:460px; top:-220px; right:-100px;
  background:radial-gradient(circle at 35% 35%, rgba(59,196,150,.16), rgba(59,196,150,0) 70%);
}
.footer-blob.blob-2{
  width:360px; height:360px; bottom:-200px; left:-100px;
  background:radial-gradient(circle at 45% 45%, rgba(255,255,255,.05), rgba(255,255,255,0) 70%);
}

footer > .container{position:relative; z-index:1; padding-top:56px;}
.footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:40px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,.12);}
.footer-brand p{font-size:14px; max-width:320px; color:rgba(255,255,255,.62);}
footer h5{
  color:var(--green-500); font-size:13.5px; margin-bottom:18px; text-transform:uppercase; letter-spacing:.08em;
  position:relative; padding-bottom:10px;
}
footer h5::after{content:""; position:absolute; left:0; bottom:0; width:28px; height:2px; background:var(--green-500); border-radius:2px;}
footer ul{list-style:none; display:grid; gap:12px;}
footer ul a{font-size:14px; color:rgba(255,255,255,.68); transition:color .2s, padding-left .2s;}
footer ul a:hover{color:#fff; padding-left:3px;}
.footer-contact-list li{display:flex; align-items:center; gap:10px;}
.fc-ic{
  flex:none; width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.08); color:var(--green-500);
  display:flex; align-items:center; justify-content:center;
}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:22px; font-size:13px; flex-wrap:wrap; gap:10px;}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr; gap:30px;}}

/* ============ FLOATING ACTION BUTTONS ============ */
.float-stack{position:fixed; bottom:24px; right:24px; z-index:900; display:flex; flex-direction:column; gap:14px; align-items:center;}
.float-cta{
  position:static; width:58px; height:58px; border-radius:50%; border:none; cursor:pointer;
  background:var(--green-600); color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 30px -8px rgba(13,43,35,.5); animation:pulse 2.6s infinite;
  transition:background .25s, transform .25s;
}
.float-cta:hover{background:var(--green-650); transform:translateY(-3px);}
.float-top{
  width:44px; height:44px; animation:none; opacity:0; transform:translateY(14px) scale(.85); pointer-events:none;
  transition:opacity .35s var(--ease), transform .35s var(--ease), background .25s;
}
.float-top.show{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}
.float-social{display:flex; flex-direction:column; gap:10px; align-items:center;}
.float-cta-sm{width:42px; height:42px; animation:none; box-shadow:0 8px 20px -6px rgba(13,43,35,.45);}
.float-cta-sm.social-instagram:hover{background:radial-gradient(circle at 30% 110%, #fdf497, #fd5949 30%, #d6249f 60%, #285AEB 90%);}
.float-cta-sm.social-facebook:hover{background:#1877F2;}
.float-cta-sm.social-whatsapp-channel:hover{background:#25D366;}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(23,143,104,.5), 0 12px 30px -8px rgba(13,43,35,.5);}
  70%{box-shadow:0 0 0 14px rgba(23,143,104,0), 0 12px 30px -8px rgba(13,43,35,.5);}
  100%{box-shadow:0 0 0 0 rgba(23,143,104,0), 0 12px 30px -8px rgba(13,43,35,.5);}
}

/* ============ SCROLL PROGRESS BAR ============ */
.scroll-progress{
  position:fixed; top:0; left:0; height:3px; width:0%; z-index:1200;
  background:linear-gradient(90deg, var(--green-500), var(--green-600)); transition:width .12s linear;
}

/* ============ HERO ENTRANCE CHOREOGRAPHY ============ */
.hero-in{opacity:0; transform:translateY(26px); animation:heroIn .8s var(--ease) forwards;}
.hero-in-1{animation-delay:.15s;}
.hero-in-2{animation-delay:.32s;}
.hero-in-3{animation-delay:.5s;}
.hero-in-4{animation-delay:.68s;}
.hero-in-5{animation-delay:.86s;}
@keyframes heroIn{to{opacity:1; transform:translateY(0);}}

/* Blueprint line-draw accent, sketched once behind hero text */
.hero-draw{position:absolute; inset:0; z-index:2; width:100%; height:100%; opacity:.5; pointer-events:none;}
.hero-draw polyline, .hero-draw circle{
  fill:none; stroke:rgba(255,255,255,.5); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:900; stroke-dashoffset:900; animation:drawLine 2.6s var(--ease) forwards;
}
.hero-draw circle{stroke-dasharray:220; stroke-dashoffset:220; animation-delay:.4s;}
.hero-draw polyline:nth-child(2){animation-delay:.15s;}
.hero-draw polyline:nth-child(4){animation-delay:.55s;}
.hero-draw polyline:nth-child(5){animation-delay:.75s;}
@keyframes drawLine{to{stroke-dashoffset:0;}}
@media (max-width:800px){.hero-draw{display:none;}}

/* Stat number pop once counted */
.hero-stats .stat b{transition:transform .3s var(--ease);}

/* ============ COURSE TAB SLIDING INDICATOR ============ */
.course-tabs{position:relative;}
.tab-indicator{
  position:absolute; bottom:-1px; left:0; height:2px; background:var(--green-600);
  border-radius:2px; transition:transform .35s var(--ease), width .35s var(--ease); width:0;
}

/* ============ WHY CARD ICON MICRO-INTERACTION ============ */
.why-card .ico{transition:transform .4s var(--ease), background .3s;}
.why-card:hover .ico{transform:rotate(-8deg) scale(1.08); background:var(--green-600); color:#fff;}

/* ============ GALLERY CAPTION LIFT ============ */
.gallery-grid figcaption{transform:translateY(8px); opacity:.85; transition:transform .4s var(--ease), opacity .4s var(--ease);}
.gallery-grid figure:hover figcaption{transform:translateY(0); opacity:1;}

/* ============ BADGE ROW POP-IN ============ */
.badge-row img{transition:transform .35s var(--ease);}
.badge-row:hover img{transform:translateY(-4px) rotate(-2deg);}
.badge-row img:nth-child(2){transition-delay:.05s;}

/* ============ MENTOR PHOTO TILT ============ */
#mentorPhoto{transition:transform .25s var(--ease); transform-style:preserve-3d; will-change:transform;}
#mentorPhoto img{transition:transform .25s var(--ease);}

/* ============ NAV LOGO CROSSFADE ============ */
#navLogo{transition:opacity .18s ease;}

/* ============ MOBILE NAV LINK STAGGER ============ */
@media (max-width:900px){
  .nav-links li{opacity:0; transform:translateX(18px); transition:opacity .35s var(--ease), transform .35s var(--ease);}
  .nav-links.open li{opacity:1; transform:translateX(0);}
  .nav-links.open li:nth-child(1){transition-delay:.05s;}
  .nav-links.open li:nth-child(2){transition-delay:.1s;}
  .nav-links.open li:nth-child(3){transition-delay:.15s;}
  .nav-links.open li:nth-child(4){transition-delay:.2s;}
  .nav-links.open li:nth-child(5){transition-delay:.25s;}
  .nav-links.open li:nth-child(6){transition-delay:.3s;}
  .nav-links.open li:nth-child(7){transition-delay:.35s;}
}

/* ============ BUTTON SHEEN ON HOVER ============ */
.btn-primary{position:relative; overflow:hidden;}
.btn-primary::after{
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
  transform:skewX(-20deg); transition:left .6s var(--ease);
}
.btn-primary:hover::after{left:120%;}

/* generic icon svg sizing */
svg{display:block;}

@media (prefers-reduced-motion: reduce){
  .hero-in{animation:none; opacity:1; transform:none;}
  .hero-draw{display:none;}
  .float-cta{animation:none;}
}

/* ============ AMBIENT BACKGROUND BLOBS ============ */
.ambient-blob{
  position:absolute; z-index:0; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle at 35% 35%, rgba(34,168,120,.16), rgba(34,168,120,0) 70%);
  filter:blur(2px); animation:drift 16s ease-in-out infinite;
}
.blob-a{width:340px; height:340px; top:-80px; right:6%;}
.blob-b{width:220px; height:220px; bottom:-40px; left:2%; animation-duration:20s; animation-delay:-4s;}
.blob-c{width:420px; height:420px; top:-160px; left:50%; transform:translateX(-50%); animation-duration:22s;}
@keyframes drift{
  0%,100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(18px,-22px) scale(1.06);}
}
.blob-b{animation-name:driftAlt;}
@keyframes driftAlt{
  0%,100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(-16px,16px) scale(1.08);}
}

/* ============ HERO CURSOR SPOTLIGHT ============ */
.hero-spotlight{
  position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0; transition:opacity .4s ease;
  background:radial-gradient(280px circle at var(--x,50%) var(--y,50%), rgba(255,255,255,.10), transparent 70%);
}
.hero:hover .hero-spotlight{opacity:1;}
@media (hover:none){.hero-spotlight{display:none;}}

/* ============ SHIMMER TEXT (hero headline accent word) ============ */
.shimmer-text{
  font-style:normal; position:relative;
  background:linear-gradient(90deg, var(--green-500) 0%, #b7f0d6 30%, var(--green-500) 55%, var(--green-500) 100%);
  background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:shimmerMove 4.5s ease-in-out infinite 1.6s;
}
@keyframes shimmerMove{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

/* ============ MARQUEE HOVER PAUSE ============ */
.strip:hover .strip-track{animation-play-state:paused;}

/* ============ GALLERY STAGGER (per-figure) ============ */
.gallery-grid figure{opacity:0; transform:translateY(24px); transition:opacity .6s var(--ease), transform .6s var(--ease);}
.gallery-grid.is-visible figure{opacity:1; transform:translateY(0);}
.gallery-grid.is-visible figure:nth-child(1){transition-delay:0s;}
.gallery-grid.is-visible figure:nth-child(2){transition-delay:.1s;}
.gallery-grid.is-visible figure:nth-child(3){transition-delay:.2s;}
.gallery-grid.is-visible figure:nth-child(4){transition-delay:.3s;}

/* ============ ACCORDION OPEN BOUNCE ============ */
.acc-item{transition:border-color .25s, box-shadow .25s, transform .25s var(--ease);}
.acc-item.open{transform:translateY(-2px);}

/* ============ FORM SUCCESS CHECK-IN ============ */
.form-success{transform:scale(.9); transition:transform .35s var(--ease), opacity .35s var(--ease); opacity:0;}
.form-success.show{transform:scale(1); opacity:1; display:flex;}

/* ============ PARALLAX IMAGE WRAPPERS ============ */
.parallax-img{will-change:transform;}
.about-media .frame img.parallax-img{transform:scale(1.12);}

/* ============ WHY-CARD POINTER GLOW ============ */
.why-card{
  position:relative; overflow:hidden;
}
.why-card::before{
  content:""; position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none;
  background:radial-gradient(180px circle at var(--x,50%) var(--y,50%), rgba(34,168,120,.14), transparent 70%);
  transition:opacity .35s ease;
}
.why-card:hover::before{opacity:1;}
.why-card .ico, .why-card h3, .why-card p{position:relative; z-index:1;}

@media (prefers-reduced-motion: reduce){
  .ambient-blob{animation:none;}
  .shimmer-text{animation:none; background:none; -webkit-text-fill-color:currentColor; color:var(--green-500);}
}

/* ============ ENQUIRY MODAL ============ */
.enquiry-overlay{
  position:fixed; inset:0; z-index:1400; background:rgba(9,32,26,.55); backdrop-filter:blur(3px);
  display:flex; align-items:center; justify-content:center; padding:24px;
  opacity:0; pointer-events:none; transition:opacity .3s var(--ease);
}
.enquiry-overlay.open{opacity:1; pointer-events:auto;}
.enquiry-modal{
  width:100%; max-width:460px; max-height:90vh; overflow-y:auto; background:#fff; border-radius:22px;
  box-shadow:0 40px 80px -20px rgba(0,0,0,.45); position:relative;
  transform:translateY(24px) scale(.97); opacity:0; transition:transform .35s var(--ease), opacity .35s var(--ease);
}
.enquiry-overlay.open .enquiry-modal{transform:translateY(0) scale(1); opacity:1;}
.enquiry-close{
  position:absolute; top:16px; right:16px; z-index:2; width:34px; height:34px; border-radius:50%; border:none;
  background:rgba(255,255,255,.22); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;
  transition:background .25s, transform .25s;
}
.enquiry-close:hover{background:rgba(255,255,255,.34); transform:rotate(90deg);}
.enquiry-header{
  background:linear-gradient(120deg, var(--green-600), var(--green-700));
  padding:28px 28px 26px; border-radius:22px 22px 0 0; display:flex; gap:16px; align-items:center;
  position:relative; overflow:hidden;
}
.enquiry-header::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:26px 26px; mask-image:radial-gradient(circle at 20% 20%, black, transparent 75%);
}
.enquiry-icon{
  position:relative; z-index:1; flex:none; width:52px; height:52px; border-radius:14px; background:rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.3);
}
.enquiry-header h3{position:relative; z-index:1; color:#fff; font-size:21px; margin-bottom:3px;}
.enquiry-header p{position:relative; z-index:1; color:rgba(255,255,255,.85); font-size:13.5px; margin:0;}
.enquiry-body{padding:26px 28px 28px; display:grid; gap:16px; min-width:0;}
.enquiry-body .field label{color:var(--green-900); font-size:13px; margin-bottom:2px;}
.input-icon{position:relative; display:flex; align-items:center; min-width:0;}
.input-icon > svg{position:absolute; left:14px; color:#8ba79c; pointer-events:none;}
.input-icon.input-icon-top > svg{top:14px; align-self:flex-start;}
.input-icon input, .input-icon select, .input-icon textarea{
  width:100%; padding-left:42px; border:1.5px solid var(--line); border-radius:12px; padding-top:13px; padding-bottom:13px;
  padding-right:14px; font-family:'Work Sans',sans-serif; font-size:14.5px; color:var(--green-900); background:var(--paper);
  transition:border-color .25s, box-shadow .25s; appearance:none;
}
.input-icon select{cursor:pointer;}
.input-icon input:focus, .input-icon select:focus, .input-icon textarea:focus{
  outline:none; border-color:var(--green-600); box-shadow:0 0 0 4px var(--green-100);
}
.enquiry-submit{
  width:100%; justify-content:center; gap:10px; padding:15px 26px; font-size:15.5px;
  background:linear-gradient(120deg, var(--green-600), var(--green-700));
}
.enquiry-submit svg{transition:transform .25s var(--ease);}
.enquiry-submit:hover svg{transform:translateX(4px);}
.enquiry-body .form-note{font-size:12px; color:#728e85; margin:-4px 0 0;}
.enquiry-body .form-success{margin-top:0;}
@media (max-width:520px){
  .enquiry-body .form-row{grid-template-columns:1fr;}
  .enquiry-header{padding:24px 22px 22px;}
  .enquiry-body{padding:22px;}
}