/* ══════════════════════════════════════════════════════
   FINANCE GOAL — APEX UI
   Cinematic Dark · Liquid Gold · Editorial Luxury
   Fonts: Fraunces x Syne x DM Mono
   ══════════════════════════════════════════════════════ */


:root{
  --g1:#00b85fb2;
--g2:#00964877;
--g3:#007d3c47;
--g4:#006030;
--bg:#012713;
--bg-2:#084821;
--bg-3:#00200d;
  --sf:rgba(255,255,255,0.12);--sf-2:rgba(255,255,255,0.20);--sf-3:rgba(255,255,255,0.28);
  --bd:rgba(255,255,255,0.25);--bd-2:rgba(255,255,255,0.38);--bd-g:rgba(255,255,255,0.55);
  --g0:#ffffff;--g1:#e8f8f0;--g2:#ffffff;--g3:#d0ede0;--g4:#a0d4ba;
  --glo:rgba(255,255,255,0.12);--glo2:rgba(255,255,255,0.20);
  --grad:linear-gradient(135deg,#007040 0%,#00914b 40%,#00a857 62%,#007040 100%);
  --grad-h:linear-gradient(90deg,#007040 0%,#00914b 50%,#007040 100%);
  --t1:#ffffff;--t2:rgba(255,255,255,0.95);--t3:rgba(255,255,255,0.80);--t4:rgba(255,255,255,0.60);
  --serif:'Fraunces',Georgia,serif;--sans:'Syne',system-ui,sans-serif;--mono:'DM Mono',monospace;
  --max:1280px;--py:clamp(80px,10vw,148px);--px:clamp(20px,5vw,72px);--gap:clamp(14px,2.2vw,26px);
  --r1:5px;--r2:10px;--r3:18px;--r4:28px;--r5:999px;
  --sp:cubic-bezier(0.16,1,0.3,1);--ease:cubic-bezier(0.4,0,0.2,1);
  --f:0.16s;--m:0.36s;--s:0.68s;
  --sh1:0 2px 12px rgba(0,0,0,0.55);--sh2:0 8px 44px rgba(0,0,0,0.65);--sh3:0 24px 88px rgba(0,0,0,0.75);
  --shg:0 0 60px rgba(0,0,0,0.22),0 0 120px rgba(0,0,0,0.09);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:var(--sans);background:var(--bg);color:var(--t1);overflow-x:hidden;line-height:1.6;padding-top:100px}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea,select{font-family:inherit}
::selection{background:#ffffff;color:#00914b}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:var(--g3);border-radius:99px}
.hide-mobile{display:inline}

/* TYPOGRAPHY */
.section-title{font-family:var(--serif);font-size:clamp(2.2rem,4.4vw,3.8rem);font-weight:700;line-height:1.06;letter-spacing:-0.025em;color:var(--t1);margin-bottom:1.25rem}
.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:0.64rem;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:#ffffff;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.40);padding:0.33em 0.95em;border-radius:var(--r5);margin-bottom:1.2rem;box-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 0 20px rgba(255,255,255,0.04)}
.section-tag::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--g2);box-shadow:0 0 8px var(--g2),0 0 16px rgba(255,255,255,0.45);animation:tag-pulse 2.8s infinite}
@keyframes tag-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.section-lead{font-family:var(--serif);font-size:clamp(1.1rem,1.9vw,1.4rem);font-weight:300;font-style:italic;color:var(--t1);line-height:1.65;margin-bottom:1rem}
.section-body{font-size:0.96rem;color:#ffffff;line-height:1.9;margin-bottom:1rem}
.title-gradient{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset;color:#ffffff}

/* LAYOUT */
.section-container{max-width:var(--max);margin:0 auto;padding:var(--py) var(--px)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.85s var(--sp),transform 0.85s var(--sp)}
.reveal.visible{opacity:1;transform:none}
.reveal-stagger>*{opacity:0;transform:translateY(26px);transition:opacity 0.7s var(--sp),transform 0.7s var(--sp)}
.reveal-stagger.visible>*{opacity:1;transform:none}
.reveal-stagger.visible>*:nth-child(1){transition-delay:0s}
.reveal-stagger.visible>*:nth-child(2){transition-delay:0.09s}
.reveal-stagger.visible>*:nth-child(3){transition-delay:0.18s}
.reveal-stagger.visible>*:nth-child(4){transition-delay:0.27s}
.reveal-stagger.visible>*:nth-child(5){transition-delay:0.36s}
.reveal-stagger.visible>*:nth-child(6){transition-delay:0.45s}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:0.75em 1.85em;border-radius:var(--r5);font-family:var(--sans);font-size:0.85rem;font-weight:600;letter-spacing:0.02em;white-space:nowrap;position:relative;overflow:hidden;transition:transform var(--f) var(--sp),box-shadow var(--f) var(--sp)}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,0.22) 50%,transparent 62%);transform:translateX(-140%);transition:transform 0.58s ease}
.btn:hover::after{transform:translateX(140%)}
.btn-primary{background:#ffffff;color:#00914b;font-weight:700;box-shadow:0 2px 28px rgba(255,255,255,0.24)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 44px rgba(255,255,255,0.44)}
.btn-primary:active{transform:translateY(0) scale(0.98)}
.btn-ghost{background:rgba(255,255,255,0.18);color:#ffffff;border:1px solid rgba(255,255,255,0.40)}
.btn-ghost:hover{border-color:var(--bd-g);background:var(--sf-2);transform:translateY(-2px)}
.btn-outline{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,0.55)}
.btn-outline:hover{background:var(--glo);border-color:var(--g2);transform:translateY(-2px)}
.btn-lg{padding:0.92em 2.2em;font-size:1rem ;margin-top: 20px;}
.btn-full{width:100%;justify-content:center}

/* GLASS CARD */
.glass-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color var(--m) var(--sp),box-shadow var(--m) var(--sp),transform var(--m) var(--sp)}
.glass-card:hover{border-color:rgba(255,255,255,0.20);box-shadow:var(--sh2),0 0 0 1px rgba(255,255,255,0.06);transform:translateY(-5px)}

/* NAVBAR */
/* ── NAVBAR ENTRANCE ── */
@keyframes navbarDrop{from{opacity:0;transform:translateX(-50%) translateY(-22px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.navbar{position:fixed;top:0;left:50%;left:50%;transform:translateX(-50%);width:min(96%,1380px);z-index:1000;background:rgba(0,40,20,0.72);border:1px solid rgba(255,255,255,0.075);border-radius:var(--r4);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);box-shadow:0 8px 44px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.065);transition:background 0.4s,border-color 0.4s,box-shadow 0.4s,transform 0.42s cubic-bezier(0.4,0,0.2,1),opacity 0.42s;animation:navbarDrop 0.7s cubic-bezier(0.22,1,0.36,1) both}
.navbar.scrolled{background:rgba(0,40,20,0.96);box-shadow:0 14px 56px rgba(0,0,0,0.60),inset 0 1px 0 rgba(255,255,255,0.045)}
/* Hide on scroll down, show on scroll up */
.navbar.nav-hidden{transform:translateX(-50%) translateY(calc(-100% - 24px));opacity:0;pointer-events:none}

.nav-container{max-width:var(--max);margin:0 auto;padding:0.85rem var(--px);display:flex;align-items:center;gap:2rem}

/* ── LOGO ── */
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.site-logo-img{height:44px;width:44px;object-fit:cover;border-radius:10px;border:1px solid var(--bd-gold);background:#00a855;padding:2px}
.logo-mark{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;width:auto;height:auto;transition:transform 0.38s var(--sp)}
.logo:hover .logo-mark{transform:translateY(-2px)}
.logo-text{display:flex;flex-direction:column}
.logo-title{font-family:var(--serif);font-size:1.1rem;font-weight:700;letter-spacing:0.01em;color:var(--t1)}
.logo-subtitle{font-family:var(--mono);font-size:0.58rem;color:rgba(255,255,255,0.80);letter-spacing:0.12em;text-transform:uppercase;margin-top:1px}

/* ── NAV LINKS ── */
.nav-links{display:flex;align-items:center;gap:0.05rem;margin-left:auto}
/* Stagger nav links on load */
@keyframes navLinkFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.nav-links li{animation:navLinkFade 0.5s cubic-bezier(0.22,1,0.36,1) both}
.nav-links li:nth-child(1){animation-delay:0.08s}
.nav-links li:nth-child(2){animation-delay:0.14s}
.nav-links li:nth-child(3){animation-delay:0.20s}
.nav-links li:nth-child(4){animation-delay:0.26s}
.nav-links li:nth-child(5){animation-delay:0.32s}
.nav-links li:nth-child(6){animation-delay:0.38s}
/* Link styles with animated underline */
.nav-link{position:relative;font-size:0.82rem;font-weight:500;color:rgba(255,255,255,0.90);padding:0.48em 0.48em;border-radius:var(--r5);transition:color 0.28s,background 0.28s;letter-spacing:0.015em;overflow:hidden}
/* hover underline bar */
.nav-link::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%) scaleX(0);width:calc(100% - 2em);height:1.5px;background:linear-gradient(90deg,transparent,var(--g2),transparent);border-radius:99px;transition:transform 0.32s cubic-bezier(0.22,1,0.36,1);transform-origin:center}
.nav-link:hover{color:var(--t1);background:rgba(255,255,255,0.052)}
.nav-link:hover::after{transform:translateX(-50%) scaleX(1)}

/* ── ACTIVE STATE — obvious solid pill ── */
@keyframes activeNavPop{
  0%  {transform:scale(0.82);opacity:0}
  60% {transform:scale(1.06)}
  100%{transform:scale(1);opacity:1}
}
@keyframes activeGlow{
  0%,100%{box-shadow:0 0 10px 2px rgba(255,255,255,0.18),inset 0 1px 0 rgba(255,255,255,0.18)}
  50%    {box-shadow:0 0 20px 5px rgba(255,255,255,0.32),inset 0 1px 0 rgba(255,255,255,0.28)}
}
.nav-link.active{
  color:#fff;
  font-weight:700;
  background:linear-gradient(135deg,rgba(255,255,255,0.32) 0%,rgba(184,148,62,0.20) 100%);
  border:1px solid rgba(255,255,255,0.40);
  box-shadow:0 0 14px 3px rgba(255,255,255,0.22),inset 0 1px 0 rgba(255,255,255,0.20);
  animation:activeNavPop 0.55s cubic-bezier(0.22,1,0.36,1) both, activeGlow 2.8s ease-in-out 0.55s infinite;
  text-shadow:0 0 18px rgba(255,255,255,0.55);
}
/* top glow bar above active link */
.nav-link.active::before{
  content:'';
  position:absolute;
  top:0; left:20%; right:20%; height:2px;
  background:linear-gradient(90deg,transparent,#ffffff,transparent);
  border-radius:0 0 99px 99px;
  box-shadow:0 0 8px 2px rgba(255,255,255,0.5);
}
/* keep the bottom underline visible too */
.nav-link.active::after{transform:translateX(-50%) scaleX(1);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.7),transparent)}
/* Gold shimmer ripple on click */
@keyframes navRipple{0%{transform:translateX(-50%) scaleX(0);opacity:0.7}100%{transform:translateX(-50%) scaleX(1.4);opacity:0}}
.nav-link:active::after{animation:navRipple 0.38s ease forwards}

/* ── MOBILE ACTIVE STATE ── */
.mobile-link.active{
  color:#ffffff;
  font-weight:700;
  background:rgba(255,255,255,0.12);
  border-left:3px solid #ffffff;
  padding-left:0.85rem;
}

/* ── NAV ACTIONS ── */
.nav-actions{display:flex;align-items:center;gap:0.85rem;flex-shrink:0;animation:navLinkFade 0.5s 0.44s cubic-bezier(0.22,1,0.36,1) both}
.nav-cta{font-size:0.78rem;padding:0.5em 1.3em;transition:transform 0.22s var(--sp),box-shadow 0.22s}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(255,255,255,0.28)}
.nav-cta:active{transform:translateY(0)}

/* ── HAMBURGER ── */
.hamburger{display:none;flex-direction:column;gap:4.5px;padding:4px;cursor:pointer;transition:transform 0.2s}
.hamburger:hover{transform:scale(1.1)}
.hamburger span{display:block;width:21px;height:1.5px;background:var(--t1);border-radius:99px;transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),opacity 0.25s,width 0.25s}
.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* Pulse ring when hamburger opens */
@keyframes hamburgerPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.35)}100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.hamburger.open{animation:hamburgerPulse 0.45s ease forwards}

/* ── MOBILE MENU ── */
.mobile-menu{display:none;position:absolute;top:calc(100% + 10px);left:20px;right:20px;background:rgba(0,40,20,0.97);border:1px solid var(--bd);border-radius:var(--r3);backdrop-filter:blur(32px);padding:1.1rem;transform-origin:top center;transform:scaleY(0.88) translateY(-8px);opacity:0;pointer-events:none;transition:transform 0.38s cubic-bezier(0.22,1,0.36,1),opacity 0.28s ease;box-shadow:var(--sh3)}
.mobile-menu.open{opacity:1;transform:scaleY(1) translateY(0);pointer-events:all}
.mobile-menu ul{display:flex;flex-direction:column;gap:0.2rem}
/* Stagger mobile links */
@keyframes mobileLinkSlide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
.mobile-menu.open .mobile-link,.mobile-menu.open .mobile-cta{animation:mobileLinkSlide 0.35s cubic-bezier(0.22,1,0.36,1) both}
.mobile-menu.open li:nth-child(1) .mobile-link{animation-delay:0.04s}
.mobile-menu.open li:nth-child(2) .mobile-link{animation-delay:0.09s}
.mobile-menu.open li:nth-child(3) .mobile-link{animation-delay:0.14s}
.mobile-menu.open li:nth-child(4) .mobile-link{animation-delay:0.19s}
.mobile-menu.open li:nth-child(5) .mobile-link{animation-delay:0.24s}
.mobile-menu.open li:nth-child(6) .mobile-link{animation-delay:0.29s}
.mobile-menu.open li:nth-child(7) .mobile-link{animation-delay:0.34s}
.mobile-menu.open li:nth-child(8) .mobile-cta{animation-delay:0.38s}
.mobile-link{display:block;padding:0.78rem 1rem;font-size:0.92rem;color:#ffffff;border-radius:var(--r2);transition:background 0.22s,color 0.22s,transform 0.22s,padding-left 0.22s}
.mobile-link:hover{background:var(--sf-2);color:var(--t1);padding-left:1.4rem}
.mobile-cta{display:inline-flex;margin:0.7rem 1rem 0}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;overflow:hidden;background:var(--bg)}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 75% 40%,rgba(255,255,255,0.055),transparent 65%);pointer-events:none;z-index:1}
.hero-left{position:relative;z-index:10;width:54%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:9rem var(--px) 5rem clamp(2.5rem,7vw,8rem);background:linear-gradient(to right,var(--bg) 74%,rgba(0,40,20,0) 100%)}
.hero-left-inner{max-width:600px}
.hero-right{position:relative;flex:1;min-height:100vh;overflow:hidden}
.hero-portrait{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:0;transform:scale(1.07);transition:opacity 1.8s ease,transform 9s ease-out;will-change:opacity,transform}
.hero-portrait.active{opacity:1;transform:scale(1.0)}
.hero-portrait:nth-child(2).active{transform:scale(1.03) translateX(-1%)}
.hero-portrait:nth-child(3).active{transform:scale(1.03) translateY(-1%)}
.hero-portrait:nth-child(4).active{transform:scale(1.03) translateX(0.5%) translateY(-0.5%)}
.hero-right-fade{position:absolute;top:0;left:0;width:44%;height:100%;z-index:2;background:linear-gradient(to right,var(--bg) 0%,rgba(0,40,20,0.55) 52%,transparent 100%);pointer-events:none}
.hero-right::before{content:'';position:absolute;bottom:0;left:0;right:0;height:38%;z-index:2;background:linear-gradient(to top,rgba(0,40,20,0.85) 0%,transparent 100%);pointer-events:none}
.hero-right::after{content:'';position:absolute;top:0;left:0;right:0;height:16%;z-index:2;background:linear-gradient(to bottom,rgba(0,40,20,0.60) 0%,transparent 100%);pointer-events:none}
.hero-right-label{position:absolute;bottom:3rem;right:2.5rem;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hero-right-label-name{font-family:var(--serif);font-size:1.08rem;font-weight:600;color:var(--t1);letter-spacing:0.01em}
.hero-right-label-role{font-family:var(--mono);font-size:0.58rem;color:var(--g2);letter-spacing:0.14em;text-transform:uppercase}
.hero-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:10;background:rgba(255,255,255,0.055)}
.hero-progress-fill{height:100%;width:0%;background:linear-gradient(to right,var(--g4),var(--g1));animation:progress-run var(--slide-dur,5000ms) linear forwards}
@keyframes progress-run{to{width:100%}}
.hero-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.40);border-radius:var(--r5);padding:0.42em 1.15em;font-family:var(--mono);font-size:0.66rem;color:#ffffff;margin-bottom:2.2rem;letter-spacing:0.11em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--g2);box-shadow:0 0 10px var(--g2),0 0 22px rgba(255,255,255,0.42);animation:bdot 2.8s infinite}
@keyframes bdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.6)}}
.hero-title{font-family:var(--serif);font-size:clamp(3.8rem,7.5vw,8rem);font-weight:900;line-height:0.86;letter-spacing:-0.04em;margin-bottom:1.85rem}
.title-line{display:block}
.hero-sub{font-family:var(--sans);font-size:clamp(1rem,1.6vw,1.18rem);font-weight:400;color:rgba(255,255,255,0.95);margin-bottom:1rem;line-height:1.65;max-width:470px}
.hero-desc{font-family:var(--serif);font-style:italic;font-size:clamp(0.95rem,1.4vw,1.1rem);color:rgba(255,255,255,0.85);margin-bottom:3rem;line-height:2;max-width:540px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:3.2rem}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px}
.trust-item{display:flex;align-items:center;gap:8px;padding:7px 16px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.35);border-radius:var(--r5);font-family:var(--mono);font-size:0.62rem;letter-spacing:0.09em;text-transform:uppercase;color:#ffffff;backdrop-filter:blur(10px)}
.trust-dot{width:5px;height:5px;border-radius:50%;background:var(--g2);box-shadow:0 0 9px var(--g2)}
.hero-scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--mono);font-size:0.6rem;color:rgba(255,255,255,0.75);letter-spacing:0.18em;text-transform:uppercase;z-index:20}
.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,var(--g3),transparent);animation:scroll-an 2.4s ease-in-out infinite}
@keyframes scroll-an{0%{opacity:1;transform:scaleY(1) translateY(0)}100%{opacity:0;transform:scaleY(0.3) translateY(22px)}}
@media(max-width:860px){.hero{flex-direction:column;min-height:auto}.hero-left{width:100%;min-height:auto;padding:8.5rem 1.5rem 3.5rem}.hero-right{width:100%;height:58vw;min-height:340px;flex:none}.hero-right-fade{display:none}.hero-right::before{height:52%}.hero-actions{flex-direction:column;align-items:flex-start}.hero-title{font-size:clamp(3rem,10vw,4.2rem);letter-spacing:-.025em}}

/* QUOTE BAND */
.quote-band{position:relative;overflow:hidden;background:rgba(255,255,255,0.022);border-top:1px solid rgba(255,255,255,0.10);border-bottom:1px solid rgba(255,255,255,0.10);padding:6rem var(--px)}
.quote-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 110% at 50% 50%,rgba(255,255,255,0.055),transparent);pointer-events:none}
.quote-container{max-width:860px;margin:0 auto;text-align:center;position:relative}
.quote-mark{font-family:var(--serif);font-size:11rem;line-height:0.72;color:var(--g2);opacity:0.10;position:absolute;top:-3rem;left:-1rem;font-weight:900;pointer-events:none}
blockquote{font-family:var(--serif);font-size:clamp(1.2rem,2.4vw,1.72rem);font-weight:300;font-style:italic;line-height:1.68;color:var(--t1);margin-bottom:1.6rem}
cite{font-family:var(--mono);font-size:0.7rem;color:var(--g2);font-style:normal;letter-spacing:0.14em;text-transform:uppercase}

/* FREEDOM */
.freedom-section{background:var(--bg-2);position:relative;overflow:hidden}
.freedom-section::before{content:'';position:absolute;top:0;right:0;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.055),transparent 65%);pointer-events:none}
.freedom-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,7vw,104px);align-items:center}
.freedom-content .btn{margin-top:0.85rem}
.freedom-card{overflow:hidden}
.freedom-img-wrap{position:relative;height:300px;overflow:hidden;border-radius:calc(var(--r3) - 1px) calc(var(--r3) - 1px) 0 0}
.freedom-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--sp)}
.freedom-card:hover .freedom-img-wrap img{transform:scale(1.08)}
.img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,40,20,0.90) 0%,transparent 55%)}
.freedom-card-body{padding:1.95rem}
.freedom-pill{display:inline-block;font-family:var(--mono);font-size:0.64rem;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--g2);background:var(--glo);border:1px solid rgba(255,255,255,0.20);padding:0.32em 0.9em;border-radius:var(--r5);margin-bottom:0.9rem}
.freedom-card-body p{font-size:0.9rem;color:rgba(255,255,255,0.95);line-height:1.82}

/* VIDEO */
.video-section{background:var(--bg-3)}
.video-header{text-align:center;max-width:560px;margin:0 auto 3.5rem}
.video-frame{max-width:940px;margin:0 auto;padding:8px;aspect-ratio:16/9;border-radius:var(--r3);overflow:hidden;border:1px solid rgba(255,255,255,0.20);box-shadow:0 0 60px rgba(255,255,255,0.08),var(--sh3)}
.video-frame iframe{width:100%;height:100%;border-radius:calc(var(--r3) - 8px);display:block}

/* SERVICES */

.services-header{text-align:center;max-width:700px;margin:0 auto 3.5rem}
.services-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-bottom:4rem}
.service-card-primary{position:relative;padding:2.75rem;overflow:hidden;min-height:390px;display:flex;flex-direction:column;background:linear-gradient(158deg,rgba(255,255,255,0.048) 0%,rgba(255,255,255,0.015) 100%);border:1px solid var(--bd);border-radius:var(--r3);transition:transform 0.52s var(--sp),border-color 0.42s,box-shadow 0.42s}
.service-card-primary::after{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:conic-gradient(from 135deg,transparent 0deg,rgba(255,255,255,0.07) 90deg,transparent 180deg);border-radius:0 var(--r3) 0 100%;pointer-events:none}
.service-card-primary::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,0.16),transparent 48%);opacity:0;transition:opacity 0.52s;pointer-events:none;z-index:0}
.service-card-primary:hover::before{opacity:1}
.service-card-primary:hover{transform:translateY(-14px);border-color:rgba(255,255,255,0.24);box-shadow:0 32px 80px rgba(0,0,0,0.58),0 0 0 1px rgba(255,255,255,0.07)}
.scp-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,0.20),rgba(255,255,255,0.04));border:1px solid rgba(255,255,255,0.16);margin-bottom:1.85rem;color:var(--g2);position:relative;z-index:2;transition:transform 0.42s var(--sp),background 0.42s}
.service-card-primary:hover .scp-icon{transform:scale(1.12) rotate(-6deg);background:rgba(255,255,255,0.18)}
.service-card-primary h3{font-family:var(--serif);font-size:1.42rem;font-weight:700;color:var(--t1);margin-bottom:0.85rem;line-height:1.2;position:relative;z-index:2}
.service-card-primary p{font-size:0.875rem;color:rgba(255,255,255,0.95);line-height:1.82;flex:1;margin-bottom:1.6rem;position:relative;z-index:2}
.service-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:0.70rem;letter-spacing:0.09em;text-transform:uppercase;color:#ffffff;font-weight:400;border:none;border-bottom:1px solid rgba(255,255,255,0.28);padding-bottom:2px;text-decoration:none;cursor:pointer;background:none;position:relative;z-index:10;transition:gap 0.26s,color 0.2s,border-color 0.2s}
.service-link:hover{gap:14px;color:var(--g1);border-bottom-color:var(--g2)}
.services-label{font-family:var(--mono);font-size:0.64rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--t3);margin-bottom:1.85rem;display:flex;align-items:center;gap:14px}
.services-label::before,.services-label::after{content:'';flex:1;height:1px;background:var(--bd)}
.services-label::before{flex:0 0 20px}
.services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.service-card{grid-column:span 4}
.service-card:nth-child(1){grid-column:span 5}
.service-card:nth-child(2){grid-column:span 7}
.service-card:nth-child(5){grid-column:span 7}
.service-card:nth-child(6){grid-column:span 5}
.service-card{position:relative;padding:2.35rem;overflow:hidden;min-height:262px;transition:transform 0.42s var(--sp),border-color 0.42s}
.service-card::after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,0.046);filter:blur(65px);top:-80px;right:-80px;opacity:0;transition:opacity 0.42s;pointer-events:none}
.service-card:hover::after{opacity:1}
.service-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,0.17)}
.sc-num{font-family:var(--mono);font-size:0.63rem;color:rgba(255,255,255,0.70);margin-bottom:1.1rem;letter-spacing:0.12em}
.sc-icon{width:44px;height:44px;background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;color:var(--g2);margin-bottom:1rem;transition:background var(--m),border-color var(--m),transform var(--m) var(--sp)}
.service-card:hover .sc-icon{background:var(--glo);border-color:rgba(255,255,255,0.30);transform:scale(1.12)}
.service-card h4{font-family:var(--serif);font-size:1.12rem;font-weight:700;color:var(--t1);margin-bottom:0.62rem}
.service-card p{font-size:0.862rem;color:rgba(255,255,255,0.95);line-height:1.82}
.skills-section{position:relative;margin-top:6rem;padding:3.6rem;border-radius:var(--r4);background:linear-gradient(158deg,rgba(255,255,255,0.044),rgba(255,255,255,0.014));border:1px solid rgba(255,255,255,0.062);overflow:hidden}
.skills-section::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.07),transparent 68%);top:-130px;right:-110px;pointer-events:none}
.skills-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.6rem;flex-wrap:wrap;gap:1rem}
.skills-header h3{font-family:var(--serif);font-size:1.52rem;font-weight:700;color:var(--t1)}
.skills-question{font-family:var(--mono);font-size:0.71rem;letter-spacing:0.055em;color:var(--g2);border-bottom:1px solid rgba(255,255,255,0.24);transition:border-color var(--f)}
.skills-question:hover{border-color:var(--g2)}
.skills-bars{display:grid;grid-template-columns:1fr 1fr;gap:2.1rem 4.2rem;margin-bottom:3rem}
.skill-info{display:flex;justify-content:space-between;font-size:0.83rem;color:#ffffff;margin-bottom:0.58rem}
.skill-pct{color:#ffffff;font-weight:600;font-family:var(--mono)}
.skill-track{height:3px;background:rgba(255,255,255,0.25);border-radius:99px;overflow:hidden}
.skill-fill{height:100%;background:#ffffff;border-radius:99px;width:0;transition:width 1.5s var(--sp);box-shadow:0 0 14px rgba(255,255,255,0.32)}
.skills-cta{text-align:center}

/* WHY US */
.why-section{background:var(--bg);position:relative;overflow:hidden}
.why-section::before{content:'';position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.038),transparent 65%);top:-200px;right:-200px;pointer-events:none}
.why-header{max-width:900px;margin:0 auto 5.5rem;text-align:center;position:relative}
.why-header-top{align-items:center;justify-content:center;gap:18px;margin-bottom:1.65rem}

.why-title{font-family:var(--serif);font-size:clamp(2.9rem,6.8vw,5.5rem);font-weight:900;line-height:0.93;letter-spacing:-0.035em;margin-bottom:1.55rem}
.why-sub{max-width:640px;margin:0 auto 2.9rem;font-size:1rem;line-height:1.9;color:rgba(255,255,255,0.95)}
.why-stats{display:flex;justify-content:center;gap:0;flex-wrap:wrap;max-width:680px;margin:0 auto 3.1rem;background:var(--sf);border:1px solid var(--bd);border-radius:var(--r3);overflow:hidden}
.why-stat{flex:1;min-width:142px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:2.1rem 1.5rem;border-right:1px solid var(--bd)}
.why-stat:last-child{border-right:none}
.why-stat strong{font-family:var(--serif);font-size:2.1rem;font-weight:700;line-height:1;color:#ffffff;}
.why-stat span{font-family:var(--mono);font-size:0.64rem;letter-spacing:0.11em;text-transform:uppercase;color:rgba(255,255,255,0.90)}
.why-btn{margin-top:0.55rem}
.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);margin-bottom:3rem}
.testimonial-card{padding:2.6rem;position:relative;overflow:hidden;background:linear-gradient(158deg,rgba(255,255,255,0.044),rgba(255,255,255,0.014));min-height:320px}
.testimonial-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 92% 8%,rgba(255,255,255,0.12),transparent 48%);opacity:0;transition:opacity 0.42s;pointer-events:none}
.testimonial-card:hover::before{opacity:1}
.testimonial-card:nth-child(2),.testimonial-card:nth-child(4){transform:translateY(2px)}
.tc-quote{font-family:var(--serif);font-size:4.8rem;line-height:0.84;color:var(--g2);opacity:0.16;margin-bottom:-0.5rem}
.tc-body{font-size:0.91rem;color:rgba(255,255,255,0.95);line-height:1.85;margin-bottom:1.65rem;font-style:italic}
.tc-author{display:flex;align-items:center;gap:13px;border-top:1px solid var(--bd);padding-top:1.3rem}
.tc-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,0.28);box-shadow:0 0 0 4px rgba(255,255,255,0.06)}
.tc-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}
.tc-author strong{display:block;font-size:0.88rem;font-weight:600;color:var(--t1)}
.tc-author span{display:block;font-family:var(--mono);font-size:0.66rem;color:var(--t3);margin-top:2px;letter-spacing:0.05em}
.why-cta{text-align:center}

/* PLAN */
.plan-section{background:var(--bg-4)}
.plan-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.plan-grid .plan-card:last-child{grid-column:2}
.plan-card{padding:2.2rem}
.plan-card-accent{border-color:rgba(255,255,255,0.20);background:rgba(255,255,255,0.030)}
.plan-icon{width:50px;height:50px;background:var(--glo);border:1px solid rgba(255,255,255,0.18);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;color:var(--g2);margin-bottom:1.3rem;transition:transform var(--m) var(--sp)}
.plan-card:hover .plan-icon{transform:rotate(-7deg) scale(1.12)}
.plan-card h4{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--t1);margin-bottom:0.72rem;line-height:1.32}
.plan-card p{font-size:0.875rem;color:rgba(255,255,255,0.95);line-height:1.85}

/* CTA BAND */
.cta-band{position:relative;overflow:hidden;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.cta-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(0,40,20,0.88),rgba(0,40,20,0.92)),url("images/hero/hero-main.jpg");background-size:cover;background-position:center;filter:saturate(0.3)}
.cta-band::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.04) 50%,transparent 60%);background-size:200% 200%;animation:cta-sh 7s ease-in-out infinite;pointer-events:none}
@keyframes cta-sh{0%,100%{background-position:200% 200%}50%{background-position:-200% -200%}}
.cta-content{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto;padding:var(--py) var(--px)}
.cta-content h2{font-family:var(--serif);font-size:clamp(2.3rem,4.8vw,3.7rem);font-weight:700;line-height:1.1;letter-spacing:-0.025em;margin-bottom:1.3rem}
.cta-content p{font-size:1rem;color:rgba(255,255,255,0.95);margin-bottom:2.6rem;line-height:1.85}

/* COVERAGE */
.coverage-section{position:relative;background:linear-gradient(180deg,var(--bg-3) 0%,var(--bg-2) 100%);overflow:hidden}
.coverage-section::before{content:'';position:absolute;width:750px;height:750px;right:-220px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.058),transparent 65%);pointer-events:none}
.coverage-section::after{content:'';position:absolute;width:540px;height:540px;left:-160px;bottom:8%;border-radius:50%;background:radial-gradient(circle,rgba(60,100,200,0.038),transparent 65%);pointer-events:none}
.coverage-header{text-align:center;max-width:780px;margin:0 auto 3.2rem;position:relative;z-index:1}
.cov-select-hint{display:inline-flex;align-items:center;font-family:var(--mono);font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.40);margin-top:0.5rem;border:1px dashed rgba(255,255,255,0.20);padding:0.45em 1em;border-radius:100px}
.cov-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.52rem;overflow-x:auto;padding-bottom:0.5rem}
.cov-tabs::-webkit-scrollbar{height:4px}
.cov-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,0.05)}
.cov-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:99px}
.cov-tab{flex-shrink:0;min-width:190px;width:150px;min-height:100px;height:70px;display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:1.1rem 1rem;border-radius:14px;border:1.5px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.72);cursor:pointer;transition:all 0.35s var(--sp);font-family:var(--sans);text-align:left;position:relative;overflow:hidden}
.cov-tab-name{font-size:0.75rem;line-height:1.3}
.cov-tab::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.07) 0%,transparent 60%);opacity:0;transition:opacity 0.35s}
.cov-tab:hover{border-color:rgba(255,255,255,0.38);background:rgba(255,255,255,0.11);color:#fff;transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.38)}
.cov-tab:hover::before{opacity:1}
.cov-tab.active{border-color:rgba(255,255,255,0.55);background:linear-gradient(135deg,rgba(255,255,255,0.18),rgba(255,255,255,0.06));color:#fff;box-shadow:0 16px 48px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.20),0 0 0 1px rgba(255,255,255,0.10);transform:translateY(-3px)}
.cov-tab.active::before{opacity:1}
.cov-tab-icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.16);display:flex;align-items:center;justify-content:center;transition:all 0.35s var(--sp)}
.cov-tab:hover .cov-tab-icon,.cov-tab.active .cov-tab-icon{background:rgba(255,255,255,0.20);border-color:rgba(255,255,255,0.38)}
.cov-tab-label{display:flex;flex-direction:column;gap:0.18rem;flex:1;min-width:0}
.cov-tab-category{font-family:var(--mono);font-size:0.52rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.45);line-height:1;transition:color 0.35s}
.cov-tab:hover .cov-tab-category,.cov-tab.active .cov-tab-category{color:rgba(255,255,255,0.72)}
.cov-tab-location{display:flex;align-items:center;gap:3px;font-family:var(--mono);font-size:0.55rem;letter-spacing:0.10em;text-transform:uppercase;color:rgba(255,255,255,0.38);line-height:1;margin-top:0.1rem;transition:color 0.35s}
.cov-tab:hover .cov-tab-location,.cov-tab.active .cov-tab-location{color:rgba(255,255,255,0.60)}
.cov-tab-arrow{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity 0.32s,transform 0.32s var(--sp);color:rgba(255,255,255,0.55)}
.cov-tab:hover .cov-tab-arrow,.cov-tab.active .cov-tab-arrow{opacity:1;transform:translateX(0)}
.cov-tab-num{display:none}
.cov-tab-count{display:none}
.cov-panel{display:none;animation:panel-in 0.58s var(--sp)}
.cov-panel.active{display:block}
@keyframes panel-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.cov-panel-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,76px);align-items:center;margin-bottom:2.9rem;padding:2.6rem;background:rgba(255,255,255,0.020);border:1px solid rgba(255,255,255,0.068);border-radius:var(--r4);position:relative;overflow:hidden}
.cov-panel-hero::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 92% 8%,rgba(255,255,255,0.09),transparent 52%);pointer-events:none}
.cov-panel-meta{position:relative;z-index:1}
.cov-panel-meta h3{font-family:var(--serif);font-size:clamp(1.65rem,3.2vw,2.7rem);font-weight:700;line-height:1.08;letter-spacing:-0.028em;color:var(--t1);margin-bottom:0.92rem}
.cov-panel-meta p{font-size:0.9rem;color:rgba(255,255,255,0.95);line-height:1.88;margin-bottom:1.4rem}
.cov-tags{display:flex;flex-wrap:wrap;gap:0.46rem}
.cov-tags span{font-family:var(--mono);font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--g2);background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.20);padding:0.32em 0.77em;border-radius:var(--r5)}
.cov-panel-cover{position:relative;border-radius:var(--r3);overflow:hidden;aspect-ratio:4/3;flex-shrink:0}
.cov-panel-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.3s var(--sp)}
.cov-panel-cover:hover img{transform:scale(1.07)}
.cov-cover-badge{position:absolute;bottom:1rem;right:1rem;font-family:var(--mono);font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;background:#ffffff;color:#00914b;font-weight:600;padding:0.54rem 1.05rem;border-radius:var(--r5);box-shadow:0 8px 28px rgba(0,0,0,0.42)}
.coverage-kicker{display:block;font-family:var(--mono);font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--g3);margin-bottom:0.55rem}
.cov-masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:215px;gap:14px;position:relative;z-index:1}
.cov-m-item{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,0.065);background:rgba(255,255,255,0.028);cursor:pointer;transition:transform 0.42s var(--sp),border-color 0.38s,box-shadow 0.38s}
.cov-m-item::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(0,40,20,0.84) 0%,rgba(0,40,20,0.04) 55%,transparent 100%);opacity:0.85;transition:opacity 0.38s}
.cov-m-item::after{content:'';position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,0.24),transparent 55%);opacity:0;transition:opacity 0.38s}
.cov-m-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.85s var(--sp),filter 0.55s;filter:saturate(0.95) contrast(1.04)}
.coverage-caption{position:absolute;left:1rem;right:1rem;bottom:0.88rem;z-index:4;font-family:var(--mono);font-size:0.62rem;text-transform:uppercase;letter-spacing:0.10em;color:#ffffff;text-shadow:0 2px 18px rgba(0,0,0,0.92);transition:transform 0.38s var(--sp)}
.cov-m-item .cov-expand{position:absolute;top:0.88rem;right:0.88rem;z-index:5;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.32);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.7);transition:opacity 0.32s,transform 0.38s var(--sp);color:var(--g1);font-size:14px}
.cov-m-item:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(255,255,255,0.32);box-shadow:0 22px 60px rgba(0,0,0,0.58),0 0 0 1px rgba(255,255,255,0.07)}
.cov-m-item:hover img{transform:scale(1.09);filter:saturate(1.12) contrast(1.06)}
.cov-m-item:hover::before{opacity:0.52}
.cov-m-item:hover::after{opacity:1}
.cov-m-item:hover .cov-expand{opacity:1;transform:scale(1)}
.cov-m-item:hover .coverage-caption{transform:translateY(-4px)}
.cov-m-span2{grid-column:span 2}
.cov-m-tall{grid-row:span 2}
.cov-m-feature{grid-column:span 2;grid-row:span 2}
.cov-lightbox{position:fixed;inset:0;z-index:9900;background:rgba(0,40,20,0.97);backdrop-filter:blur(32px);display:none;align-items:center;justify-content:center}
.cov-lightbox.open{display:flex;animation:lb-in 0.38s var(--sp)}
@keyframes lb-in{from{opacity:0}to{opacity:1}}
.cov-lb-inner{max-width:min(92vw,1100px);width:100%;display:flex;flex-direction:column;align-items:center;gap:0.9rem;position:relative}
#covLbImg{max-height:82vh;max-width:100%;border-radius:var(--r3);box-shadow:0 36px 110px rgba(0,0,0,0.85);object-fit:contain;transition:opacity 0.26s}
.cov-lb-caption{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--g2);text-align:center}
.cov-lb-counter{font-family:var(--mono);font-size:0.60rem;letter-spacing:0.13em;color:var(--t3);text-align:center}
.cov-lb-close,.cov-lb-prev,.cov-lb-next{position:fixed;background:rgba(255,255,255,0.065);border:1px solid rgba(255,255,255,0.10);color:var(--t1);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.26s,transform 0.26s;z-index:9910}
.cov-lb-close{top:1.5rem;right:1.5rem;width:44px;height:44px;font-size:1.4rem;line-height:1}
.cov-lb-prev{left:1.5rem;top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:1.8rem}
.cov-lb-next{right:1.5rem;top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:1.8rem}
.cov-lb-close:hover,.cov-lb-prev:hover,.cov-lb-next:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.32)}
.cov-lb-prev:hover{transform:translateY(-50%) translateX(-3px)}
.cov-lb-next:hover{transform:translateY(-50%) translateX(3px)}
@media(max-width:768px){
  .cov-tabs{flex-direction:column;overflow:visible;gap:0.4rem;padding-bottom:0.8rem}
  .cov-tab{display:flex;width:100%;min-width:100%;height:auto;min-height:auto;padding:0.85rem 1rem;flex-direction:row;align-items:center;text-align:left;gap:0.75rem;border-radius:10px}
  .cov-tab-icon{width:36px;height:36px;flex-shrink:0}
  .cov-tab-name{font-size:0.78rem;line-height:1.3;text-align:left}
  .cov-tab-location{display:none}
  .cov-tab-arrow{display:none}
  .cov-panel-hero{grid-template-columns:1fr}
  .cov-masonry{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:10px}
  .cov-m-span2{grid-column:span 2}
  .cov-m-tall,.cov-m-feature{grid-row:span 1;}

  
}
/* BLOG */

.blog-header{max-width:700px;margin:0 auto 5rem;text-align:center;padding:0 var(--px)}
.blog-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;padding:0 var(--px);max-width:var(--max);margin:0 auto}
.blog-card{position:relative;overflow:hidden;transition:transform 0.48s var(--sp),border-color 0.42s,box-shadow 0.42s}
.blog-card:hover{transform:translateY(-10px);border-color:rgba(255,255,255,0.20);box-shadow:0 32px 80px rgba(0,0,0,0.52)}
.blog-featured{grid-column:span 7}
.blog-card:not(.blog-featured){grid-column:span 5}
.blog-image{position:relative;height:270px;overflow:hidden}
.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.95s ease}
.blog-card:hover .blog-image img{transform:scale(1.08)}
.blog-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,40,20,0.94),transparent 55%)}
.blog-body{padding:2.1rem}
.blog-meta{display:flex;gap:0.9rem;flex-wrap:wrap;margin-bottom:1rem;font-family:var(--mono);font-size:0.64rem;text-transform:uppercase;letter-spacing:0.11em;color:rgba(255,255,255,0.85)}
.blog-body h3{font-family:var(--serif);font-size:1.62rem;font-weight:700;line-height:1.1;letter-spacing:-0.022em;margin-bottom:0.88rem}
.blog-body p{color:rgba(255,255,255,0.95);line-height:1.9;margin-bottom:1.95rem}
.blog-link{display:inline-flex;align-items:center;gap:8px;color:var(--g2);font-family:var(--mono);font-size:0.68rem;letter-spacing:0.10em;text-transform:uppercase;font-weight:400;background:none;border:none;cursor:pointer;padding:0;transition:gap 0.32s,color 0.22s}
.blog-link:hover{gap:15px;color:var(--g1)}
.meta-admin,.meta-blog,.meta-comments-link{color:inherit;text-decoration:none;transition:color 0.22s;cursor:pointer}
.meta-admin:hover,.meta-blog:hover,.meta-comments-link:hover{color:var(--g2)}
.meta-comments{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:inherit;cursor:pointer;font-family:var(--mono);font-size:0.64rem;letter-spacing:0.11em}

/* CONTACT */
.contact-section{background:var(--bg-3)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start}
.contact-details{display:flex;flex-direction:column;gap:1.4rem;margin-top:2rem}
.contact-item{display:flex;align-items:flex-start;gap:14px}
.contact-icon{width:42px;height:42px;background:var(--glo);border:1px solid rgba(255,255,255,0.18);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;color:var(--g2);flex-shrink:0}
.contact-item>div{display:flex;flex-direction:column;gap:3px}
.contact-item strong{font-family:var(--mono);font-size:0.66rem;text-transform:uppercase;letter-spacing:0.09em;color:rgba(255,255,255,0.85)}
.contact-item span,.contact-item a{font-size:0.93rem;color:rgba(255,255,255,0.95);transition:color var(--f)}
.contact-item a:hover{color:var(--g1)}
.contact-form-wrap{width:100%}
.contact-form{position:relative;padding:2.9rem;overflow:hidden;background:linear-gradient(158deg,rgba(255,255,255,0.050),rgba(255,255,255,0.016));border:1px solid rgba(255,255,255,0.072);border-radius:var(--r4);box-shadow:0 32px 88px rgba(0,0,0,0.58)}
.contact-form::before{content:'';position:absolute;top:-110px;right:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.09),transparent 62%);pointer-events:none}
.contact-form::after{content:'';position:absolute;bottom:-90px;left:-65px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(60,130,200,0.04),transparent 62%);pointer-events:none}
.contact-form h3{font-family:var(--serif);font-size:1.58rem;font-weight:700;color:var(--t1);margin-bottom:0.55rem;position:relative;z-index:1}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 7px;
  position: relative;
  z-index: 1;
}

.form-group label {
  font-family: var(--mono);
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: rgba(255, 255, 255, 0.6);
}

/* Shared input + select base */
.form-group input,
.form-group select {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 14px;
  font-size: 0.93rem;
  font-family: var(--mono);
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--r2);
  outline: none;
  transition: border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.form-group input::placeholder {
  color: rgba(255, 255, 255, 0.28);
}

.form-group input:hover,
.form-group select:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.065);
}

.form-group input:focus,
.form-group select:focus {
  border-color: var(--g1);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 0 0 3px rgba(var(--g1-rgb, 79, 142, 247), 0.15);
}

/* Select-specific */
.form-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 36px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}



.form-group select option {
  background-color: #141824;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.93rem;
}

.form-group select option:disabled {
  color: rgba(255, 255, 255, 0.28);
}

/* Submit button */
.form-submit-btn {
  width: 100%;
  margin-top: 6px;
  position: relative;
  z-index: 1;
}

/* Success / error message */
#contactFormMsg {
  font-size: 0.88rem;
  font-family: var(--mono);
  letter-spacing: 0.02em;
}
/* ── SOCIAL LANDSCAPE CARDS ── */
/* ── SOCIAL CIRCLE CARDS ── */
.social-cards-label {
  font-size: 0.67rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--text-3);
  margin: 1.75rem 0 1rem;
}
.social-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.slc {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform 0.25s ease;
}
.slc:hover { transform: translateY(-5px); }

.slc-banner {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.6rem;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  transition: box-shadow 0.25s ease;
}
.slc:hover .slc-banner { box-shadow: 0 8px 24px rgba(0,0,0,0.22); }

.slc-banner svg { width: 26px; height: 26px; stroke: #fff; flex-shrink: 0; }

.slc-website  .slc-banner { background: #0d3b27; }
.slc-instagram .slc-banner { background: linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.slc-linkedin  .slc-banner { background: #0077b5; }
.slc-facebook  .slc-banner { background: #1877f2; }

.slc-name {
  font-size: 0.75rem; font-weight: 600;
  color: var(--text-2);
  text-align: center;
  margin-bottom: 0.2rem;
}
.slc-link {
  font-size: 0.68rem;
  color: var(--text-3);
  text-align: center;
  word-break: break-all;
  line-height: 1.4;
  transition: color 0.2s;
}
.slc:hover .slc-link { color: #0d3b27; }
.slc:hover .slc-link { color: #0d3b27; }
.contact-form-text{color:rgba(255,255,255,0.90);line-height:1.9;margin-bottom:2rem;font-size:0.9rem;position:relative;z-index:1}
.form-group{margin-bottom:1.38rem;position:relative;z-index:1}
.form-group label{display:block;font-family:var(--mono);font-size:0.68rem;font-weight:400;color:#ffffff;margin-bottom:0.6rem;letter-spacing:0.07em;text-transform:uppercase}
.form-group input,.form-group textarea{width:100%;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.35);border-radius:var(--r2);padding:0.9rem 1.1rem;font-size:0.9rem;color:#ffffff;transition:border-color var(--f),box-shadow var(--f),background var(--f),transform var(--f);outline:none}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.65)}
.form-group input:focus,.form-group textarea:focus{border-color:rgba(255,255,255,0.70);background:rgba(255,255,255,0.12);box-shadow:0 0 0 3px rgba(255,255,255,0.20);transform:translateY(-1px)}
.form-group textarea{resize:vertical;min-height:120px}
.form-error{display:block;margin-top:7px;font-size:0.75rem;color:#ffb3b3;font-weight:600}
.form-submit-btn{width:100%;margin-top:1.3rem;position:relative;z-index:1}
.radio-group{display:flex;flex-wrap:wrap;gap:8px}
.radio-option{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,255,255,0.25);border-radius:99px;cursor:pointer;transition:all 0.2s}
.radio-option:hover{border-color:rgba(0,168,85,0.5);background:rgba(0,168,85,0.06)}
.radio-option input[type="radio"]{width:16px;height:16px;margin-right: 2px;margin-bottom: 5px;accent-color:#00a855;cursor:pointer;}
.radio-option span{font-size:0.85rem;color:#fff;white-space:nowrap}
.radio-option:has(input:checked){border-color:#00a855;background:rgba(0,168,85,0.15)}
.form-success{display:none;align-items:center;gap:10px;margin-top:1rem;padding:1rem 1.2rem;background:rgba(0,200,100,0.07);border:1px solid rgba(0,200,100,0.18);border-radius:var(--r2);font-size:0.9rem;color:#5ef0a0}

/* BLOG MODALS */
.blog-modal{position:fixed;inset:0;z-index:5000;opacity:0;visibility:hidden;transition:.4s ease}
.blog-modal.active{opacity:1;visibility:visible}
.blog-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.blog-modal-content{position:relative;width:100vw;height:100vh;overflow-y:auto;background:var(--bg);transform:translateY(42px);transition:transform 0.52s var(--sp)}
.blog-modal.active .blog-modal-content{transform:translateY(0)}
.blog-close{position:fixed;top:22px;right:22px;width:52px;height:52px;border:1px solid var(--bd);border-radius:50%;background:rgba(255,255,255,0.062);backdrop-filter:blur(18px);color:var(--t1);font-size:1.8rem;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;transition:.3s var(--sp)}
.blog-close:hover{transform:scale(1.12);background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.26)}
.blog-article{position:relative}
.blog-article::after{content:'';position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,rgba(0,0,0,0.52),transparent);pointer-events:none}
.blog-hero-image{width:100%;height:min(70vh,700px);object-fit:cover;display:block;filter:brightness(0.70) saturate(0.76)}
.blog-article-inner{width:min(990px,92vw);margin:0 auto;padding:4.5rem clamp(20px,5vw,4rem)}
.blog-article-meta{display:flex;gap:0.9rem;flex-wrap:wrap;margin-bottom:1.8rem;font-family:var(--mono);font-size:0.68rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--t3)}
.blog-article-title{font-family:var(--serif);font-size:clamp(2.6rem,5.6vw,4.9rem);font-weight:900;line-height:0.93;letter-spacing:-0.04em;margin-bottom:2.3rem}
.blog-article-content{color:rgba(255,255,255,0.95);line-height:2.08;font-size:1.04rem}
.blog-article-content p{margin-bottom:1.9rem}
.blog-article-content ol,.blog-article-content ul{padding-left:1.5rem;margin-bottom:2rem}
.blog-article-content li{margin-bottom:1rem}
.blog-article-content h3{font-family:var(--serif);font-size:1.78rem;font-weight:700;color:var(--t1);margin-bottom:1rem;margin-top:2.6rem}
.blog-article-content h4{font-family:var(--serif);font-size:1.28rem;font-weight:600;color:var(--t1);margin-bottom:0.78rem;margin-top:1.8rem}
.blog-article-content blockquote{margin:3.2rem 0;padding:2.1rem 2.6rem;border-left:3px solid var(--g2);background:rgba(255,255,255,0.042);border-radius:0 var(--r3) var(--r3) 0;font-family:var(--serif);font-size:1.48rem;line-height:1.58;color:var(--t1);font-style:italic}
.blog-article-content strong{color:var(--t1);font-weight:600}
.blog-socials{display:flex;gap:0.9rem;flex-wrap:wrap;margin-top:3rem}
.blog-social{padding:0.8rem 1.4rem;border-radius:var(--r5);background:var(--sf);border:1px solid var(--bd);color:var(--t1);font-family:var(--mono);font-size:0.70rem;letter-spacing:0.09em;text-transform:uppercase;transition:transform 0.32s var(--sp),border-color 0.32s}
.blog-social:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.24)}
.related-posts{margin-top:5rem;padding-top:4rem;border-top:1px solid var(--bd)}
.related-posts h3{font-family:var(--serif);margin-bottom:2rem;font-size:2rem;font-weight:700;color:var(--t1)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.related-card{padding:2rem;border-radius:var(--r3);background:var(--sf);border:1px solid var(--bd);transition:transform 0.38s var(--sp),border-color 0.32s}
.related-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.18)}
.related-date{display:block;margin-bottom:1rem;font-family:var(--mono);font-size:0.68rem;color:var(--t3);letter-spacing:0.07em;text-transform:uppercase}
.related-card h4{font-family:var(--serif);font-size:1.32rem;font-weight:700;line-height:1.22;color:var(--t1)}
.comments-section{margin-top:5rem;padding-top:4rem;border-top:1px solid var(--bd)}
.comments-section h3{font-family:var(--serif);margin-bottom:2.3rem;font-size:2rem;font-weight:700;color:var(--t1)}
.comment-form{width:100%}
.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"]{width:100%;margin-bottom:1rem;padding:1rem 1.25rem;border:2px solid rgba(255,255,255,0.60);border-radius:var(--r2);background:rgba(255,255,255,0.18);color:#ffffff;font-size:0.92rem;outline:none;transition:border-color .3s,box-shadow .3s,background .3s}
.comment-form textarea::placeholder,.comment-form input::placeholder{color:rgba(255,255,255,0.70)}
.comment-form textarea{min-height:178px;resize:vertical}
.comment-form textarea:focus,.comment-form input:focus{border-color:#ffffff;box-shadow:0 0 0 3px rgba(255,255,255,0.25);background:rgba(255,255,255,0.25)}
.comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.comment-checkbox{display:flex;gap:12px;align-items:flex-start;margin:1.3rem 0 2rem;color:rgba(255,255,255,0.95);font-size:0.88rem;line-height:1.78}
.comment-checkbox input{width:17px;height:17px;margin-top:3px;accent-color:#ffffff;flex-shrink:0}
.comment-form button{margin-top:0.55rem}
.comment-field-error{color:#ffb3b3;font-size:0.75rem;display:block;margin-top:5px;font-weight:600}
    @media (max-width: 768px) {
      .masterclass-grid { grid-template-columns: 1fr; }
      .mc-form-card { position: static; }
      .mc-wa-banner { flex-direction: column; align-items: flex-start; }
    }
 
/* FOOTER */
.footer{background:var(--bg);border-top:1px solid var(--bd)}
.footer-container{max-width:var(--max);margin:0 auto;padding:0 var(--px)}
.footer-top{padding:5.2rem 0 3.2rem}
.footer-top .footer-container{padding-top:0;padding-bottom:0;display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:3.2rem}
.footer-logo{margin-bottom:1rem}
.footer-brand p{font-size:0.875rem;color:rgba(255,255,255,0.90);line-height:1.82;margin-top:1rem;max-width:290px}
.footer-socials{display:flex;gap:9px;margin-top:1.6rem}
.social-link{width:36px;height:36px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.30);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;color:#ffffff;transition:border-color var(--f),color var(--f),background var(--f)}
.social-link:hover{border-color:rgba(255,255,255,0.30);color:var(--g2);background:var(--glo)}
.footer-nav-group h5{font-family:var(--mono);font-size:0.66rem;font-weight:400;text-transform:uppercase;letter-spacing:0.15em;color:#ffffff;margin-bottom:1.3rem}
.footer-nav-group ul{display:flex;flex-direction:column;gap:0.72rem}
.footer-nav-group li a,.footer-nav-group li span{font-size:0.86rem;color:rgba(255,255,255,0.85);transition:color var(--f);line-height:1.55}
.footer-nav-group li a:hover{color:var(--g2)}
.footer-bottom{border-top:1px solid var(--bd);padding:1.5rem 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:0;flex-wrap:wrap;gap:0.75rem}
.footer-bottom p{font-size:0.78rem;color:rgba(255,255,255,0.85)}
.footer-tagline{font-family:var(--mono);font-size:0.70rem!important;letter-spacing:0.10em;color:rgba(255,255,255,0.32)!important}

/* BACK TO TOP */
.back-to-top{position:fixed;bottom:4rem;right:2rem;width:44px;height:44px;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00914b;box-shadow:var(--sh2);opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity var(--m),transform var(--m) var(--sp),box-shadow var(--m);z-index:900}
.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:all}
.back-to-top:hover{box-shadow:var(--shg);transform:translateY(-3px)}

/* RESPONSIVE */
@media(max-width:1024px){
.nav-link{font-size:0.72rem;padding:0.42em 0.4em}
.nav-links{gap:0}
  .services-primary{grid-template-columns:1fr 1fr}
  .service-card,.service-card:nth-child(1),.service-card:nth-child(2),.service-card:nth-child(5),.service-card:nth-child(6){grid-column:span 6}
  .plan-grid{grid-template-columns:1fr 2fr 1fr}
  .plan-grid .plan-card:last-child{grid-column:auto}
  .footer-top .footer-container{grid-template-columns:1fr 1fr;gap:2.6rem}
  .cov-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:215px}
  .cov-m-tall{grid-row:span 2}
  .cov-panel-hero{grid-template-columns:1fr}
  .cov-panel-cover{aspect-ratio:16/9}
  .cov-tabs{grid-template-columns:repeat(3,1fr);gap:.52rem}
  .cov-tab-arrow{display:none}
}
@media(max-width:1100px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .mobile-menu{display:block}
  .hide-mobile{display:none}
  .freedom-grid,.services-primary,.testimonials-grid,.plan-grid,.contact-grid{grid-template-columns:1fr}
  .services-grid,.service-card,.service-card:nth-child(1),.service-card:nth-child(2),.service-card:nth-child(5),.service-card:nth-child(6){grid-column:span 12}
  .plan-grid .plan-card:last-child{grid-column:auto}
  .skills-bars{grid-template-columns:1fr}
  .why-stats{flex-direction:column;max-width:340px}
  .why-stat{border-right:none;border-bottom:1px solid var(--bd);width:100%}
  .why-stat:last-child{border-bottom:none}
  .footer-top .footer-container{grid-template-columns:1fr;gap:2.1rem}
  .footer-bottom-inner{flex-direction:column;align-items:flex-start}
  .blog-featured,.blog-card:not(.blog-featured){grid-column:span 12}
  .comment-grid{grid-template-columns:1fr}
  .blog-article-inner{padding:2rem 1.5rem}
  .testimonial-card:nth-child(2),.testimonial-card:nth-child(4){transform:none}
}
@media(max-width:680px){
  .cov-tabs{grid-template-columns:1fr 1fr;overflow-x:unset;padding-bottom:0;gap:.5rem}
  .cov-tab{flex:unset;min-width:unset;white-space:normal;padding:.85rem .8rem}
  .cov-tab-icon{width:36px;height:36px;border-radius:8px}
  .cov-tab-arrow{display:none}
  .cov-masonry{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:10px}
  .cov-m-span2{grid-column:span 2}
  .cov-m-tall,.cov-m-feature{grid-row:span 1;grid-column:span 1}
  .cov-lb-prev{left:.5rem}.cov-lb-next{right:.5rem}
  .cov-panel-hero{padding:1.5rem}
}
@media(max-width:480px){
  .hero-actions{flex-direction:column;align-items:flex-start}
  .skills-section{padding:2rem}
  .contact-form{padding:1.8rem}
  .back-to-top{bottom:1.25rem;right:1.25rem}
  .service-card-primary{min-height:auto;padding:2rem}
  .blog-article-title{font-size:2.3rem}
}
@media(max-width:400px){
  .cov-masonry{grid-template-columns:1fr;grid-auto-rows:225px}
  .cov-m-span2,.cov-m-tall,.cov-m-feature{grid-column:auto;grid-row:auto}
}
.Masterclass-hero{
  padding: var(--py) var(--px);
  text-align: center;
  position: relative;
  overflow: hidden;

}

.Masterclass-hero::before{
  content:'';
  position:absolute;
  inset: 0;
  pointer-events: none;
}

.Masterclass-hero-inner{
  max-width: 720px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.Masterclass-hero h1{
  font-family: var(--serif);
  font-size:clamp(2.2rem,8vw,50px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing :-0.025em;
  margin-bottom: 1.2rem;
  margin-top: 0.8rem;
}

.Masterclass-hero p{
  color: rgba(255,255,255,0.9);
  line-height:1.8;
  max-width: 580px;
  margin: 0 auto;
}


.upcoming-strip{
  background: rgba(255,255,255,0.08);
  border-top:1px solid rgba(255,255,255,0.15);
  border-bottom: 1px solid rgba(255,255,255,0.15);
  padding: 0.8rem;
  display:flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-family: var(--mono);
  font-size: 0.80rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color:#d0ede0;
  animation: tag-pulse 2s infinite;
}

.upcoming-dot{
  width:7px; height: 7px; border-radius: 50%;
  background: #fff;
  animation: tag-pulse 2s infinite;
}

.masterclass-section{
  max-width: var(--max);
  margin: 0 auto;
  padding: var(--py) var(--px);
}

.masterclass-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px,5vw,72px);
  align-items: start;
}
.mc-info h2{
 font: var(--serif);
 font-size: 50px;
 font-weight: 700;
 line-height: 1.1;
 margin-bottom: 1rem;
}
.mc-info p{
  font-size: 0.96rem;
  color: rgba(255, 255, 255, 0.701);
  line-height: 1.9;
  margin-top: 1rem;
}

.mc-topic{
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-top: 0.5em;
}
.mc-topic-item{
  display:flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem 1.2rem;
  background: rgba(255,255,255,0.08);
  border:1px solid rgba(255, 255, 255, 0.267) ;
  border-radius: 0.5rem;
}

.mc-topic-item h5{
 font-size: 0.88rem;
 font-weight: 600;
 margin-bottom: 0.2rem;
}

.mc-topic-item p{
  font-size: 0.8rem;
  margin: 0;
  color: #d0ede0b1;
}

.mc-form-card{
  padding: 2.6rem;
  position:sticky;
  top: 100px;
}

.mc-form-card h3{
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

.mc-form-card .mc-form-sub{
  font-size: 0.84rem;
  color:rgba(255,255,255,0.65);
  margin-bottom: 1.8rem;
}
.mc-form-card .form-group{
   margin-bottom: 1.2rem;
}

.mc-form-card label{
  display: block;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.977);
  margin-bottom: 0.45rem;
}
 .mc-form-card input,
    .mc-form-card select {
       width: 100%;
       padding:0.72rem 1rem;
       background: rgba(255,255,255,0.08);
       border: 1px solid rgba(255, 255, 255, 0.207);
       border-radius: 0.2rem;
       color: #fff;
       font-family: var(--sans);
       font-size: 0.9rem;
       transition: border-color 0.2s;
       outline: none;
    }

    .mc-form-card input ::placeholder{color:#e8f8f0;}
    .mc-form-card select option{background: #137d4a ; color: #fff;}
    .mc-form-card input:focus,
    .mc-form-card select:focus{
       border-color: rgba(255,255,255,0.55);
      background: rgba(255,255,255,0.12);
    }

 .mc-success{
  display: none;
  text-align: center;
  padding: 1.6rem 1rem
 }

 .mc-success-icon{
  width: 60px; height: 60px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1rem;
 }

 .mc-success h4{
  font-family: var(--serif);
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
 }
 
 .mc-success p{
  font-size: 0.88rem;color: rgba(255,255,255,0.7);
 }

 .mc-wa-banner{
  margin-top: var(--py);
  border-top: 1px solid rgba(255, 255, 255, 0.268);
  padding-top: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
 }
 
 .mc-wa-banner h3{
  font-family: var(--serif);
  font-size: 1.5rem;
  margin-bottom: 0.34rem;
 }
 .mc-wa-banner p{
  font-size:0.9rem;
  color:  rgba(255,255,255,0.7);
 }


 .btn-whatsapp::hover{
  transform: translateY(-2px); box-shadow: 0 8px 32px rgba(37,211,102,0.5);
 }

 /*whastsapp float*/
 .whatsapp-float{
  position: fixed;
  bottom: 15px;
  right: 28px;
  background: #5ef0a0;
  color:#000000;
  border-radius: var(--r5);
  padding:0.7rem 1.3em;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--sans);
  font-size: 0.82rem;
  font-weight: 700;
  box-shadow: 0 4px 24px rgba(37,211,102,0.45);
  transition: transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
 }
    .whatsapp-float:hover { transform: translateY(-3px); box-shadow: 0 8px 36px rgba(37,211,102,0.6); }
 @media(max-width:768px){
  .masterclass-grid{grid-template-columns:1fr}
  .mc-form-card{position:static;padding:1.5rem}
  .mc-wa-banner{flex-direction:column;align-items:flex-start}
  .masterclass-section{padding:2rem 1rem}
  .mc-info h2{font-size:1.6rem}
  .mc-wa-banner h3{font-size:1.2rem}
}