/* ============================================================
   ANVEXIS STACK — Design System v3 · Heritage Forest
   Premium forest-green palette · warm cream neutrals
   Logo #3f8e18 · emerald depth · sage muted accents
   ============================================================ */

:root {
  /* Backgrounds — warm cream with faint green undertone (premium tell) */
  --bg:#fafaf6;--bg-2:#f3f5ec;--bg-3:#eaede1;--bg-elevated:#ffffff;

  /* Foregrounds — olive-sage neutrals, never cold gray */
  --fg:#0d1508;--fg-2:#4a5545;--fg-3:#8a9483;

  /* Borders — tinted toward forest, not pure black */
  --border:rgba(13,21,8,0.07);--border-2:rgba(13,21,8,0.13);

  /* Nav + inputs */
  --nav-bg:rgba(250,250,246,0.85);--nav-border:rgba(13,21,8,0.07);
  --input-bg:#ffffff;--input-border:rgba(13,21,8,0.13);

  /* Dark surface palette — controlled by accent color picker via JS */
  --dk0:#050805;--dk1:#0a100a;--dk2:#111812;--dk3:#17201a;--dk4:#1f2a22;
  --dk-nav:rgba(10,16,10,0.88);
  --dark:var(--dk1);--dark-2:var(--dk2);--dark-3:var(--dk3);--dark-4:var(--dk4);
  --dark-border:rgba(255,255,255,0.07);--dark-text:rgba(255,255,255,0.88);--dark-text-2:rgba(255,255,255,0.52);

  /* Brand — logo green system */
  --green:#3f8e18;--green-light:#5cb02a;--green-dark:#2a6410;--green-rgb:63,142,24;

  /* Accents */
  --emerald:#1b7a4a;   /* deep complementary — result states, highlights */
  --sage:#7b9161;      /* muted neutral — secondary differentiation */

  /* Shadows — slight green tint, not pure black (premium) */
  --shadow-sm:0 1px 3px rgba(13,21,8,0.06);
  --shadow:0 4px 16px rgba(13,21,8,0.07);
  --shadow-lg:0 12px 40px rgba(13,21,8,0.09);
  --shadow-green:0 4px 20px rgba(var(--green-rgb),0.28);

  /* Radii · fonts · nav · transitions — unchanged */
  --r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--mono:'JetBrains Mono','Fira Code',monospace;
  --nav-h:64px;--t:0.18s ease;--t-slow:0.35s ease;
}

[data-theme="dark"] {
  --bg:var(--dk1);--bg-2:var(--dk2);--bg-3:var(--dk3);--bg-elevated:var(--dk3);
  --fg:#f2f5ec;--fg-2:rgba(242,245,236,0.60);--fg-3:rgba(242,245,236,0.35);
  --border:rgba(255,255,255,0.07);--border-2:rgba(255,255,255,0.13);
  --nav-bg:var(--dk-nav);--nav-border:rgba(255,255,255,0.07);
  --input-bg:var(--dk3);--input-border:rgba(255,255,255,0.12);
  --dark:var(--dk0);--dark-2:var(--dk1);--dark-3:var(--dk2);--dark-4:var(--dk3);
  --dark-border:rgba(255,255,255,0.09);

  /* Lifted green for visibility against dark */
  --green-light:#7ac93f;

  --shadow-sm:0 1px 3px rgba(0,0,0,0.3);
  --shadow:0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.55);
  --shadow-green:0 4px 24px rgba(var(--green-rgb),0.45);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

body,h1,h2,h3,h4,p,a,span,div,button,input,select,textarea,li,nav,footer,main,section,aside,article {
  transition:background-color var(--t-slow),border-color var(--t-slow),color var(--t-slow),box-shadow var(--t-slow);
}

.reveal,.stagger-parent *{transition:none!important}

html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}

body{
  font-family:var(--font);background:var(--bg);color:var(--fg);
  line-height:1.6;overflow-x:hidden;
  display:flex;flex-direction:column;min-height:100vh;
}

main{flex:1 0 auto;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul{list-style:none;}

h1,h2,h3,h4,h5{font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--fg);}
h1{font-size:clamp(2rem,5vw,3.5rem);}
h2{font-size:clamp(1.6rem,3vw,2.4rem);}
h3{font-size:1.2rem;}h4{font-size:1rem;}
p{color:var(--fg-2);line-height:1.75;}

/* Accent word — for "engineered" style highlights */
.text-gradient{
  background:linear-gradient(120deg,var(--green-dark) 0%,var(--green) 30%,var(--green-light) 55%,var(--green) 75%,var(--green-dark) 100%);
  background-size:220% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:gradient-shimmer 4s linear infinite;
}
.text-accent{color:var(--green);font-weight:600;}
[data-theme="dark"] .text-accent{color:var(--green-light);}

.container{max-width:1160px;margin:0 auto;padding:0 24px;}
.container--narrow{max-width:760px;}

/* NAVBAR — fixed glass surface · iOS-style ────────────────── */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:500;height:var(--nav-h);
  background:rgba(250,250,246,0.62);
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border-bottom:0.5px solid rgba(13,21,8,0.08);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.55) inset,           /* specular top highlight */
    0 -0.5px 0 rgba(13,21,8,0.04) inset;            /* subtle bottom hairline */
  transition:background var(--t-slow),box-shadow var(--t-slow),border-color var(--t-slow);
}
[data-theme="dark"] .navbar{
  background:rgba(14,16,14,0.55);
  border-bottom-color:rgba(255,255,255,0.06);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.06) inset,
    0 -0.5px 0 rgba(0,0,0,0.4) inset;
}
.navbar.scrolled{
  background:rgba(250,250,246,0.78);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.7) inset,
    0 -0.5px 0 rgba(13,21,8,0.06) inset,
    0 8px 24px -8px rgba(13,21,8,0.10);
}
[data-theme="dark"] .navbar.scrolled{
  background:rgba(10,12,10,0.72);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.08) inset,
    0 -0.5px 0 rgba(0,0,0,0.5) inset,
    0 10px 30px -10px rgba(0,0,0,0.5);
}

/* SCROLL CONTAINER — offset for fixed navbar */
#scroll-root{padding-top:var(--nav-h);}
.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px;}
.navbar__logo{display:grid;align-items:center;flex-shrink:0;cursor:pointer;}
.navbar__logo-img{
  grid-column:1;grid-row:1;
  height:36px;width:auto;display:block;
  transition:opacity 0.32s ease, transform 0.38s cubic-bezier(0.4,0,0.2,1);
}
.navbar.scrolled .navbar__logo-img{opacity:0;transform:scale(0.7) translateX(-6px);pointer-events:none;}

/* ── Scrolled wordmark ── */
.navbar__wordmark{
  grid-column:1;grid-row:1;
  display:flex;align-items:baseline;
  white-space:nowrap;
  pointer-events:none;
}
.navbar.scrolled .navbar__wordmark{pointer-events:auto;}

.navbar__wm-brand{
  display:inline-flex;align-items:baseline;
  color:var(--green);font-size:13.5px;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;
  position:relative;
}
.navbar__wm-brand::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;height:1.5px;
  background:var(--green);border-radius:2px;
  transform:scaleX(0);transform-origin:left;
  transition:transform 0.5s cubic-bezier(0.76,0,0.24,1) 0s;
}
.navbar.scrolled .navbar__wm-brand::after{transform:scaleX(1);transition-delay:0.28s;}

.navbar__wm-char{
  display:inline-block;
  opacity:0;transform:translateY(9px);filter:blur(4px);
  transition:opacity 0.28s ease 0ms, transform 0.38s cubic-bezier(0.34,1.56,0.64,1) 0ms, filter 0.22s ease 0ms, text-shadow 0.22s ease;
}
.navbar.scrolled .navbar__wm-char{opacity:1;transform:translateY(0);filter:blur(0);}

/* stagger delays — enter only; exit uses 0ms (no delay rule wins) */
.navbar.scrolled .navbar__wm-brand .navbar__wm-char:nth-child(1){transition-delay:0ms,0ms,0ms}
.navbar.scrolled .navbar__wm-brand .navbar__wm-char:nth-child(2){transition-delay:30ms,30ms,30ms}
.navbar.scrolled .navbar__wm-brand .navbar__wm-char:nth-child(3){transition-delay:60ms,60ms,60ms}
.navbar.scrolled .navbar__wm-brand .navbar__wm-char:nth-child(4){transition-delay:90ms,90ms,90ms}
.navbar.scrolled .navbar__wm-brand .navbar__wm-char:nth-child(5){transition-delay:115ms,115ms,115ms}
.navbar.scrolled .navbar__wm-brand .navbar__wm-char:nth-child(6){transition-delay:140ms,140ms,140ms}
.navbar.scrolled .navbar__wm-brand .navbar__wm-char:nth-child(7){transition-delay:165ms,165ms,165ms}

.navbar__wm-suffix{
  font-size:12px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--fg-3);
  display:inline-block;opacity:0;transform:translateX(-6px);
  transition:opacity 0.28s ease 0ms, transform 0.32s ease 0ms;
}
.navbar.scrolled .navbar__wm-suffix{opacity:1;transform:translateX(0);transition-delay:190ms,190ms;}

/* hover glow on each letter */
.navbar.scrolled .navbar__logo:hover .navbar__wm-char{
  text-shadow:0 0 18px rgba(var(--green-rgb),0.6);
}
.navbar.scrolled .navbar__logo:hover .navbar__wm-brand::after{
  background:var(--green-light);
}
.footer__logo{display:flex;align-items:center;}
.footer__logo-img{height:32px;width:auto;display:block;}
.navbar__links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;}

/* Nav link — glass capsule on hover/active ─────────────── */
.nav-link{
  position:relative;
  padding:7px 13px;font-size:13.5px;font-weight:500;
  color:var(--fg-2);border-radius:10px;letter-spacing:-0.005em;
  transition:color .22s ease,background .25s ease,box-shadow .28s ease;
}
.nav-link:hover{
  color:var(--fg);
  background:rgba(13,21,8,0.04);
  box-shadow:0 1px 0 rgba(255,255,255,0.6) inset, 0 1px 2px rgba(13,21,8,0.04);
}
[data-theme="dark"] .nav-link:hover{
  background:rgba(255,255,255,0.06);
  box-shadow:0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.25);
}
.nav-link.active{
  color:var(--fg);
  background:rgba(13,21,8,0.05);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.7) inset,
    0 -0.5px 0 rgba(13,21,8,0.06) inset,
    0 1px 2px rgba(13,21,8,0.04);
}
[data-theme="dark"] .nav-link.active{
  background:rgba(255,255,255,0.07);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.10) inset,
    0 -0.5px 0 rgba(0,0,0,0.4) inset,
    0 1px 2px rgba(0,0,0,0.3);
}

.navbar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}

/* ── Navbar dropdown — heavy frosted glass card ── */
.nav-dropdown{position:relative;display:inline-flex;align-items:center;}
.nav-dropdown::after{content:'';position:absolute;top:100%;left:-10px;right:-10px;height:12px;}
.nav-dropdown__trigger{display:flex;align-items:center;gap:3px;cursor:pointer;}
.nav-caret{flex-shrink:0;transition:transform var(--t);opacity:0.55;}
.nav-dropdown:hover .nav-caret,.nav-dropdown:focus-within .nav-caret{transform:rotate(180deg);opacity:1;}

.nav-dropdown__menu{
  position:absolute;top:calc(100% + 12px);left:50%;
  transform:translateX(-50%) translateY(-8px) scale(.97);
  transform-origin:top center;
  min-width:240px;
  background:rgba(255,255,255,0.72);
  backdrop-filter:blur(32px) saturate(180%);
  -webkit-backdrop-filter:blur(32px) saturate(180%);
  border:0.5px solid rgba(13,21,8,0.10);
  border-radius:14px;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.95) inset,
    0 -0.5px 0 rgba(13,21,8,0.04) inset,
    0 18px 50px -16px rgba(13,21,8,0.20),
    0 4px 12px -4px rgba(13,21,8,0.10);
  padding:6px;
  opacity:0;pointer-events:none;
  transition:opacity .22s ease,transform .28s cubic-bezier(.32,.72,0,1);
  z-index:200;
}
[data-theme="dark"] .nav-dropdown__menu{
  background:rgba(22,22,24,0.78);
  border-color:rgba(255,255,255,0.10);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.10) inset,
    0 -0.5px 0 rgba(0,0,0,0.4) inset,
    0 18px 50px -16px rgba(0,0,0,0.6),
    0 4px 12px -4px rgba(0,0,0,0.4);
}
.nav-dropdown:hover .nav-dropdown__menu,
.nav-dropdown:focus-within .nav-dropdown__menu{
  opacity:1;pointer-events:auto;
  transform:translateX(-50%) translateY(0) scale(1);
}

.nav-dropdown__item{
  display:block;padding:8px 12px;font-size:13px;font-weight:500;
  color:var(--fg-2);border-radius:8px;letter-spacing:-0.008em;
  transition:background .18s ease,color .2s ease,transform .15s ease;
  white-space:nowrap;
}
.nav-dropdown__item:hover{
  color:var(--fg);
  background:rgba(var(--green-rgb),0.10);
}
[data-theme="dark"] .nav-dropdown__item:hover{
  color:#fff;background:rgba(var(--green-rgb),0.18);
}
.nav-dropdown__item:active{transform:scale(.985);}
.nav-dropdown__sep{
  height:0.5px;
  background:rgba(13,21,8,0.08);
  margin:5px 8px;
}
[data-theme="dark"] .nav-dropdown__sep{background:rgba(255,255,255,0.08);}

/* Theme toggle — iOS glass capsule */
.theme-toggle{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border:0.5px solid rgba(13,21,8,0.10);
  color:var(--fg-2);cursor:pointer;flex-shrink:0;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.85) inset,
    0 -1px 0 rgba(13,21,8,0.04) inset,
    0 2px 6px -2px rgba(13,21,8,0.08);
  transition:color .22s,background .22s,box-shadow .25s,transform .18s;
}
[data-theme="dark"] .theme-toggle{
  background:rgba(28,28,30,0.55);
  border-color:rgba(255,255,255,0.10);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.08) inset,
    0 -1px 0 rgba(0,0,0,0.5) inset,
    0 2px 6px -2px rgba(0,0,0,0.35);
}
.theme-toggle:hover{
  color:var(--green);
  background:rgba(255,255,255,0.75);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.9) inset,
    0 -1px 0 rgba(13,21,8,0.04) inset,
    0 6px 18px -4px rgba(var(--green-rgb),0.32);
}
[data-theme="dark"] .theme-toggle:hover{
  color:var(--green-light);
  background:rgba(40,40,44,0.7);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.12) inset,
    0 -1px 0 rgba(0,0,0,0.5) inset,
    0 8px 22px -6px rgba(var(--green-rgb),0.42);
}
.theme-toggle:active{transform:scale(.92);}
.theme-toggle svg{width:16px;height:16px;}

/* Desktop CTA — refined glass + green-shadowed neumorphic button */
.nav-cta-desktop{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.22) inset,
    0 -1px 0 rgba(0,0,0,0.10) inset,
    0 6px 18px -4px rgba(var(--green-rgb),0.38);
}
.theme-toggle .icon-sun{display:none;}
.theme-toggle .icon-moon{display:block;}
[data-theme="dark"] .theme-toggle .icon-sun{display:block;}
[data-theme="dark"] .theme-toggle .icon-moon{display:none;}

/* ── Animated hamburger — iOS glass capsule ── */
.nav-toggle{
  display:none;position:relative;
  width:44px;height:44px;
  align-items:center;justify-content:center;
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border:0.5px solid rgba(13,21,8,0.12);
  border-radius:14px;cursor:pointer;flex-shrink:0;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.85) inset,     /* top specular */
    0 -1px 0 rgba(13,21,8,0.04) inset,        /* bottom shadow */
    0 4px 14px -4px rgba(13,21,8,0.18),
    0 1px 2px rgba(13,21,8,0.05);
  transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .25s,box-shadow .28s;
}
[data-theme="dark"] .nav-toggle{
  background:rgba(28,28,30,0.55);
  border-color:rgba(255,255,255,0.10);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.08) inset,
    0 -1px 0 rgba(0,0,0,0.5) inset,
    0 6px 20px -6px rgba(0,0,0,0.55),
    0 1px 2px rgba(0,0,0,0.35);
}
.nav-toggle:hover{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.85) inset,
    0 -1px 0 rgba(13,21,8,0.04) inset,
    0 8px 22px -6px rgba(var(--green-rgb),0.32),
    0 1px 2px rgba(13,21,8,0.05);
}
[data-theme="dark"] .nav-toggle:hover{
  box-shadow:
    0 1px 0 rgba(255,255,255,0.10) inset,
    0 -1px 0 rgba(0,0,0,0.5) inset,
    0 10px 28px -6px rgba(var(--green-rgb),0.42),
    0 1px 2px rgba(0,0,0,0.35);
}
.nav-toggle:active{transform:scale(.92);}
.nav-toggle__bars{
  position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:5px;
  width:20px;
}
.nav-toggle__bar{
  display:block;height:1.8px;
  background:var(--fg);border-radius:2px;transform-origin:center;
  transition:transform .42s cubic-bezier(.76,0,.24,1),width .35s cubic-bezier(.76,0,.24,1),opacity .22s ease;
}
.nav-toggle__bar:nth-child(1){width:14px;}
.nav-toggle__bar:nth-child(2){width:20px;}
.nav-toggle__bar:nth-child(3){width:10px;}
.nav-toggle:hover .nav-toggle__bar:nth-child(1){width:20px;}
.nav-toggle:hover .nav-toggle__bar:nth-child(3){width:20px;}
/* X morph */
.nav-toggle.is-open{transform:rotate(90deg);}
.nav-toggle.is-open .nav-toggle__bar:nth-child(1){width:20px;transform:translateY(6.8px) rotate(45deg);}
.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-toggle.is-open .nav-toggle__bar:nth-child(3){width:20px;transform:translateY(-6.8px) rotate(-45deg);}
/* Pulsing accent dot — calls attention */
.nav-toggle__dot{
  position:absolute;top:7px;right:7px;
  width:6px;height:6px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(var(--green-rgb),0.55);
  animation:nav-toggle-pulse 2.2s ease-out infinite;
  transition:opacity .2s ease, transform .2s ease;
}
.nav-toggle.is-open .nav-toggle__dot{opacity:0;transform:scale(0);}
@keyframes nav-toggle-pulse{
  0%{box-shadow:0 0 0 0 rgba(var(--green-rgb),0.55);}
  70%{box-shadow:0 0 0 9px rgba(var(--green-rgb),0);}
  100%{box-shadow:0 0 0 0 rgba(var(--green-rgb),0);}
}

/* ════════════════════════════════════════════════════════════
   MOBILE DRAWER
════════════════════════════════════════════════════════════ */
.mob-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,0.45);z-index:498;
  opacity:0;transition:opacity 0.45s cubic-bezier(0.32,0.72,0,1);
  backdrop-filter:blur(8px) saturate(140%);
  -webkit-backdrop-filter:blur(8px) saturate(140%);
}
.mob-overlay.is-open{display:block;opacity:1;}

.mob-drawer{
  display:none;position:fixed;
  top:0;right:0;bottom:0;
  width:min(380px,100vw);
  z-index:499;
  transform:translateX(100%);
  transition:transform 0.55s cubic-bezier(0.32,0.72,0,1); /* Apple ease */
}
.mob-drawer.is-open{transform:translateX(0);}

/* Apple-style: floating glass card slid in from edge */
.mob-drawer__panel{
  position:relative;
  height:100%;display:flex;flex-direction:column;
  /* Deep iOS dark material — translucent black */
  background:linear-gradient(
    180deg,
    rgba(18,18,20,0.78) 0%,
    rgba(10,10,12,0.82) 100%
  );
  backdrop-filter:blur(38px) saturate(180%);
  -webkit-backdrop-filter:blur(38px) saturate(180%);
  border:0.5px solid rgba(255,255,255,0.10);
  border-radius:24px 0 0 24px;
  box-shadow:
    /* Specular top-edge highlight (light catching glass) */
    0 1px 0 rgba(255,255,255,0.10) inset,
    /* Outer depth */
    -12px 0 60px -8px rgba(0,0,0,0.6),
    -2px 0 12px -2px rgba(0,0,0,0.4);
  overflow-y:auto;overflow-x:hidden;
  padding:0 18px 20px;
  /* Hide scrollbar, iOS feel */
  scrollbar-width:none;
}
.mob-drawer__panel::-webkit-scrollbar{display:none;}

/* Singular ambient backlight — restrained, behind logo area */
.mob-drawer__mesh{
  position:absolute;inset:0;pointer-events:none;
  overflow:hidden;z-index:0;border-radius:inherit;
}
.mob-drawer__blob{
  position:absolute;display:block;
  border-radius:50%;
  filter:blur(64px);
  transition:background var(--t-slow);
}
.mob-drawer__blob--a{
  top:-120px;right:-60px;
  width:260px;height:260px;
  background:radial-gradient(circle,rgba(var(--green-rgb),0.45) 0%,transparent 70%);
  opacity:0.55;
}
.mob-drawer__blob--b{
  bottom:-140px;left:-80px;
  width:240px;height:240px;
  background:radial-gradient(circle,rgba(var(--green-rgb),0.28) 0%,transparent 70%);
  opacity:0.35;
}
.mob-drawer__panel > *:not(.mob-drawer__mesh){position:relative;z-index:1;}

/* Top hairline shimmer — replaces old "stripe" */
.mob-drawer__stripe{display:none;}

/* ── Drawer header — Apple style ── */
.mob-drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 4px 14px;
  flex-shrink:0;
}
.mob-drawer__head-actions{display:flex;align-items:center;gap:8px;}

/* iOS-style glass icon buttons */
.mob-drawer__head .theme-toggle,
.mob-drawer__close{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:rgba(255,255,255,0.07);
  border:0.5px solid rgba(255,255,255,0.10);
  color:rgba(235,235,245,0.7);
  cursor:pointer;flex-shrink:0;
  box-shadow:0 1px 0 rgba(255,255,255,0.06) inset;
  transition:background .22s,color .22s,transform .18s;
}
.mob-drawer__head .theme-toggle:hover,
.mob-drawer__close:hover{background:rgba(255,255,255,0.12);color:#fff;border-color:rgba(255,255,255,0.16);}
.mob-drawer__head .theme-toggle:active,
.mob-drawer__close:active{transform:scale(.92);}

/* ── Status pill — frosted glass capsule ── */
.mob-drawer__status{
  display:inline-flex;align-items:center;gap:7px;
  align-self:flex-start;
  padding:6px 12px 6px 10px;margin:0 0 14px 0;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border:0.5px solid rgba(255,255,255,0.10);
  box-shadow:0 1px 0 rgba(255,255,255,0.08) inset;
  font-size:11.5px;font-weight:500;letter-spacing:-0.005em;
  color:rgba(235,235,245,0.85);
}
.mob-drawer__status-meta{color:rgba(235,235,245,0.42);font-weight:400;}
.mob-drawer__pulse{
  position:relative;display:inline-block;
  width:7px;height:7px;border-radius:50%;
  background:#34c759; /* iOS green system tint */
  box-shadow:0 0 6px rgba(52,199,89,0.6);
  flex-shrink:0;
}
.mob-drawer__pulse::after{
  content:"";position:absolute;inset:-2px;border-radius:50%;
  background:#34c759;opacity:0.5;
  animation:mob-status-pulse 1.8s ease-out infinite;
}
@keyframes mob-status-pulse{
  0%{transform:scale(.6);opacity:.55;}
  100%{transform:scale(2.6);opacity:0;}
}

/* ── Nav: iOS Settings-style grouped card ── */
.mob-nav{
  flex:1;display:flex;flex-direction:column;
  padding:4px;
  margin:0 -4px 4px;
  gap:0;
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border:0.5px solid rgba(255,255,255,0.08);
  border-radius:16px;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.06) inset,
    0 8px 24px -8px rgba(0,0,0,0.4);
}

/* Hairline separators between rows (iOS-style 0.5px) */
.mob-nav > * + *{
  position:relative;
}
.mob-nav > * + *::before{
  content:"";position:absolute;
  top:0;left:50px;right:8px;height:0.5px;
  background:rgba(255,255,255,0.07);
  pointer-events:none;
}

.mob-nav__link{
  display:flex;align-items:center;gap:13px;
  padding:13px 12px;
  border-radius:11px;
  color:rgba(235,235,245,0.85);
  text-decoration:none;
  position:relative;
  transition:background .18s ease,color .2s ease,transform .15s ease;
}
.mob-nav__link:hover,.mob-nav__link.active{color:#fff;}
.mob-nav__link:active{background:rgba(255,255,255,0.06);transform:scale(.985);}
.mob-nav__link.active{
  background:rgba(var(--green-rgb),0.12);
}

.mob-nav__num{
  font-family:var(--mono);
  font-size:10.5px;font-weight:500;
  letter-spacing:.04em;
  color:rgba(235,235,245,0.32);
  min-width:24px;flex-shrink:0;
  transition:color .2s ease;
}
.mob-nav__link.active .mob-nav__num,
.mob-nav__group[open] summary .mob-nav__num{color:rgba(var(--green-rgb),0.95);}

.mob-nav__text{
  font-size:1.04rem;font-weight:500;
  letter-spacing:-0.022em;line-height:1.2;flex:1;
}

/* iOS-style chevron arrow — always visible, subtle */
.mob-nav__arrow{
  opacity:0.32;
  transform:translateX(0);
  transition:opacity .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1),color .2s ease;
  color:rgba(235,235,245,0.6);flex-shrink:0;
}
.mob-nav__link:hover .mob-nav__arrow{opacity:0.85;transform:translateX(2px);}
.mob-nav__link.active .mob-nav__arrow{opacity:1;color:var(--green-light);}

/* ── Expandable groups ── */
.mob-nav__group{
  border-radius:11px;
  transition:background .22s ease;
}
.mob-nav__group[open]{background:rgba(255,255,255,0.03);}
.mob-nav__group summary{
  list-style:none;display:flex;align-items:center;gap:13px;
  padding:13px 12px;cursor:pointer;
  border-radius:11px;
  color:rgba(235,235,245,0.85);
  transition:color .2s ease,background .18s ease;
}
.mob-nav__group summary::-webkit-details-marker{display:none;}
.mob-nav__group summary:hover,.mob-nav__group[open] summary{color:#fff;}
.mob-nav__group summary:active{background:rgba(255,255,255,0.06);}
.mob-nav__group summary .mob-nav__num{
  font-size:10.5px;font-weight:500;letter-spacing:.04em;
  font-family:var(--mono);color:rgba(235,235,245,0.32);min-width:24px;
  transition:color .2s ease;
}
.mob-nav__group summary .mob-nav__text{
  flex:1;font-size:1.04rem;font-weight:500;letter-spacing:-0.022em;line-height:1.2;
}
.mob-nav__group summary .mob-nav__caret{
  transition:transform .4s cubic-bezier(.32,.72,0,1);opacity:0.45;flex-shrink:0;
  color:rgba(235,235,245,0.6);
}
.mob-nav__group[open] summary .mob-nav__caret{transform:rotate(180deg);opacity:0.9;color:var(--green-light);}

/* Sub-list — indented with hairlines */
.mob-nav__sub{
  display:flex;flex-direction:column;
  padding:0 6px 6px 50px;gap:0;
  animation:mob-sub-fade .35s cubic-bezier(.32,.72,0,1) both;
}
@keyframes mob-sub-fade{
  from{opacity:0;transform:translateY(-3px);}
  to{opacity:1;transform:translateY(0);}
}
.mob-nav__sublink{
  position:relative;
  font-size:14px;font-weight:400;color:rgba(235,235,245,0.62);
  padding:8px 10px;border-radius:7px;letter-spacing:-0.012em;
  transition:color .18s,background .18s,transform .15s;
}
.mob-nav__sublink:not(:first-child)::before{
  content:"";position:absolute;
  top:0;left:10px;right:10px;height:0.5px;
  background:rgba(255,255,255,0.05);
  pointer-events:none;
}
.mob-nav__sublink:hover{color:#fff;background:rgba(255,255,255,0.06);}
.mob-nav__sublink:active{transform:scale(.98);}

/* ── Drawer footer ── */
.mob-drawer__foot{
  flex-shrink:0;
  padding-top:14px;margin-top:6px;
  display:flex;flex-direction:column;gap:12px;
}

/* Quick-contact: iOS Control Center-style 3-button glass capsule */
.mob-drawer__quick{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;padding:4px;
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border:0.5px solid rgba(255,255,255,0.08);
  border-radius:16px;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.06) inset,
    0 8px 24px -8px rgba(0,0,0,0.4);
}
.mob-quick{
  position:relative;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:11px 6px 9px;
  border-radius:12px;
  color:rgba(235,235,245,0.85);
  text-decoration:none;
  transition:background .2s ease,transform .15s ease;
}
.mob-quick + .mob-quick::before{
  content:"";position:absolute;
  left:0;top:18%;bottom:18%;width:0.5px;
  background:rgba(255,255,255,0.07);
}
.mob-quick:hover{background:rgba(255,255,255,0.06);}
.mob-quick:active{transform:scale(.96);}
.mob-quick__icon{
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:9px;
  background:rgba(var(--green-rgb),0.18);
  color:var(--green-light);
  box-shadow:0 1px 0 rgba(255,255,255,0.06) inset;
  transition:background .22s ease,transform .25s cubic-bezier(.34,1.56,.64,1);
}
.mob-quick:hover .mob-quick__icon{background:rgba(var(--green-rgb),0.32);transform:scale(1.06);}
.mob-quick__label{font-size:11px;font-weight:500;letter-spacing:-0.005em;color:rgba(235,235,245,0.7);}

/* CTA — iOS prominent button with shimmer */
.mob-drawer__foot .btn{font-size:14.5px;padding:14px 20px;}
.mob-drawer__cta{
  position:relative;overflow:hidden;
  width:100%;justify-content:center;gap:8px;
  border-radius:14px;
  font-weight:600;letter-spacing:-0.01em;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.18) inset,
    0 8px 24px -6px rgba(var(--green-rgb),0.42),
    0 2px 6px rgba(0,0,0,0.2);
}
.mob-drawer__cta::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,0.22) 50%,transparent 70%);
  transform:translateX(-110%);
  animation:mob-cta-shimmer 3.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes mob-cta-shimmer{
  0%,40%{transform:translateX(-110%);}
  60%,100%{transform:translateX(110%);}
}
.mob-drawer__cta svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.mob-drawer__cta:hover svg{transform:translateX(3px);}

/* Accent picker — refined */
.mob-drawer__colors{
  display:flex;align-items:center;gap:12px;
  padding:10px 14px;
  background:rgba(255,255,255,0.03);
  border:0.5px solid rgba(255,255,255,0.07);
  border-radius:12px;
}
.mob-drawer__colors-label{
  font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;
  color:rgba(235,235,245,0.4);white-space:nowrap;
}
.mob-drawer__color-swatches{display:flex;gap:8px;flex-wrap:wrap;}
.mob-drawer__color-swatches .color-swatch{
  width:18px;height:18px;
  box-shadow:0 1px 0 rgba(255,255,255,0.18) inset,0 2px 4px rgba(0,0,0,0.25);
}
.mob-drawer__color-swatches .color-swatch::after{display:none;}

@media(max-width:768px){
  .mob-drawer{display:block;}
}

/* ============================================================
   BUTTONS — explicit colors, no inheritance bugs
   ============================================================ */
/* ── ripple keyframe ── */
@keyframes btn-ripple{from{transform:scale(0);opacity:1;}to{transform:scale(1);opacity:0;}}
.btn-ripple{
  position:absolute;border-radius:50%;pointer-events:none;
  animation:btn-ripple 0.55s cubic-bezier(0.4,0,0.2,1) forwards;
  background:rgba(255,255,255,0.28);
}
.btn-ripple--dark{background:rgba(var(--green-rgb),0.15);}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font);font-weight:500;font-size:14px;
  border-radius:var(--r-sm);padding:9px 18px;
  white-space:nowrap;text-decoration:none;
  border:1px solid transparent;cursor:pointer;
  color:var(--fg);
  position:relative;overflow:hidden;
  transition:background 0.22s ease, border-color 0.22s ease, color 0.22s ease,
             transform 0.2s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.22s ease;
  will-change:transform;
}
.btn svg{width:15px;height:15px;transition:transform 0.22s ease;}
.btn:hover svg{transform:translateX(3px);}
.btn:active{transform:translateY(1px) scale(0.97)!important;box-shadow:none!important;}

/* ── primary — shimmer sweep + deep glow ── */
.btn--primary{background:var(--green);color:#ffffff;border-color:var(--green);}
.btn--primary::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,0.24) 50%,transparent 75%);
  transform:translateX(-120%) skewX(-12deg);
  transition:transform 0.65s cubic-bezier(0.4,0,0.2,1);
}
.btn--primary:hover{
  background:var(--green-dark);border-color:var(--green-dark);color:#ffffff;
  box-shadow:0 0 0 4px rgba(var(--green-rgb),0.15), 0 8px 28px rgba(var(--green-rgb),0.42);
  transform:translateY(-2px);
}
.btn--primary:hover::before{transform:translateX(220%) skewX(-12deg);}

/* ── ghost — cursor spotlight ── */
.btn--ghost{background:transparent;color:var(--fg);border-color:var(--border-2);}
.btn--ghost::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(72px circle at var(--mx,50%) var(--my,50%),rgba(var(--green-rgb),0.1),transparent 80%);
  opacity:0;transition:opacity 0.25s;
}
.btn--ghost:hover{
  background:var(--bg-2);color:var(--fg);border-color:var(--border-2);
  transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.08);
}
.btn--ghost:hover::after{opacity:1;}

/* ── outline — cursor spotlight ── */
.btn--outline{background:transparent;color:var(--fg);border-color:var(--border-2);}
.btn--outline::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(72px circle at var(--mx,50%) var(--my,50%),rgba(var(--green-rgb),0.1),transparent 80%);
  opacity:0;transition:opacity 0.25s;
}
.btn--outline:hover{
  background:var(--bg-2);color:var(--fg);
  transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.08);
}
.btn--outline:hover::after{opacity:1;}
.btn--outline.btn--light{color:rgba(255,255,255,0.88);border-color:rgba(255,255,255,0.2);}
.btn--outline.btn--light::after{
  background:radial-gradient(72px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,0.09),transparent 80%);
}
.btn--outline.btn--light:hover{
  background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.42);color:#ffffff;
  transform:translateY(-2px);box-shadow:0 4px 20px rgba(255,255,255,0.08);
}
.btn--outline.btn--light:hover::after{opacity:1;}

.btn--sm{padding:7px 14px;font-size:13px;}
.btn--lg{padding:12px 24px;font-size:15px;border-radius:var(--r);}
.btn--full{width:100%;justify-content:center;}

.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:500;letter-spacing:.02em;}
.badge--green,.badge--indigo{background:rgba(var(--green-rgb),0.1);color:var(--green-dark);border:1px solid rgba(var(--green-rgb),0.22);}
[data-theme="dark"] .badge--green,[data-theme="dark"] .badge--indigo{color:var(--green-light);background:rgba(var(--green-rgb),0.18);border-color:rgba(var(--green-rgb),0.3);}

.section-label{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin-bottom:12px;}
[data-theme="dark"] .section-label{color:var(--green-light);}

/* SECTIONS — card-stack morphing connections */
.section{
  padding:88px 0;background:var(--bg);
  position:relative;z-index:1;
  border-radius:24px 24px 0 0;
  margin-top:-24px;
  box-shadow:0 -2px 0 var(--border), 0 -8px 32px rgba(13,21,8,0.04);
}
.section--muted{background:var(--bg-2);}
.section--dark{
  background:var(--dark);
  box-shadow:0 -2px 0 rgba(255,255,255,0.06), 0 -8px 40px rgba(0,0,0,0.18);
}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:#fff;}
.section--dark p{color:var(--dark-text-2);}
.section--dark .section-label{color:var(--green-light);}
.section--dark .section-title{color:#fff;}
.section--dark .section-sub{color:var(--dark-text-2);}
.section-header{text-align:center;max-width:600px;margin:0 auto 56px;}
.section-title{color:var(--fg);margin-bottom:12px;}
.section-sub{font-size:16px;color:var(--fg-2);}
.section-cta{text-align:center;margin-top:40px;}

/* Stats bar glass treatment */
.stats-bar{
  position:relative;z-index:2;
  background:rgba(250,250,246,0.82);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
[data-theme="dark"] .stats-bar{background:rgba(10,16,10,0.82);}

/* HERO — z-index:0 so stacked sections layer over it */
.hero{position:relative;z-index:0;padding:100px 0;overflow:hidden;background:var(--bg);}
.hero-content{position:relative;z-index:1;width:100%;}
.hero__split{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center;}
.hero__left{text-align:left;}
.hero__eyebrow{margin-bottom:18px;}
.hero__headline{font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:700;letter-spacing:-0.035em;line-height:1.08;margin-bottom:18px;color:var(--fg);}
.hero__sub{font-size:17px;color:var(--fg-2);max-width:520px;margin-bottom:32px;line-height:1.7;}
.hero__actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:36px;}
.hero__trust{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--fg-3);}
.trust-pills{display:flex;gap:8px;flex-wrap:wrap;}
.trust-pills span{padding:3px 11px;border-radius:100px;border:1px solid var(--border);font-size:12px;color:var(--fg-3);background:var(--bg-elevated);}

/* HERO TERMINAL */
.hero__right{position:relative;}
.hero__right::before{
  content:'';position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,var(--green) 0%,transparent 70%);
  opacity:0.07;filter:blur(60px);
  top:50%;left:50%;transform:translate(-50%,-50%);
  pointer-events:none;z-index:0;
}
[data-theme="dark"] .hero__right::before{opacity:0.14;}
.hero-terminal{
  position:relative;z-index:1;
  background:#0d1117;border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,0.22),0 0 0 0.5px rgba(255,255,255,0.05);
}
.hero-terminal__titlebar{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;
  background:rgba(255,255,255,0.03);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.tbar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.tbar-dot--r{background:#ff5f57;}
.tbar-dot--y{background:#febc2e;}
.tbar-dot--g{background:#28c840;}
.hero-terminal__title{
  margin-left:8px;font-size:11px;color:rgba(255,255,255,0.35);
  font-family:var(--mono);letter-spacing:0.02em;
}
.hero-terminal__body{
  padding:20px 20px 24px;
  font-family:var(--mono);font-size:12.5px;line-height:1.75;
  min-height:280px;
}
.term-line{white-space:pre;}
.term-cursor{
  display:inline-block;width:7px;height:14px;
  background:var(--green-light);vertical-align:middle;margin-left:1px;
  animation:term-blink 1s steps(1) infinite;
}
@keyframes term-blink{50%{opacity:0;}}

@media(max-width:960px){
  .hero__split{grid-template-columns:1fr;gap:40px;}
  .hero__right{display:none;}
  .hero__left{text-align:center;}
  .hero__actions{justify-content:center;}
  .hero__trust{justify-content:center;}
  .trust-pills{justify-content:center;}
  .hero__sub{margin-left:auto;margin-right:auto;}
}

/* STATS BAR */
.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);}
.stats-bar__inner{display:flex;align-items:stretch;justify-content:space-around;flex-wrap:wrap;}
.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;gap:4px;flex:1;min-width:160px;}
.stat-number{font-size:2.2rem;font-weight:700;letter-spacing:-0.04em;color:var(--fg);}
.stat-label{font-size:13px;color:var(--fg-2);}
.stat-divider{width:1px;background:var(--border);align-self:stretch;}

/* SERVICES GRID */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.service-card{display:block;padding:28px;background:var(--bg-elevated);border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--emerald));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}
.service-card:hover{background:var(--bg-2);}
.service-card:hover::after{transform:scaleX(1);}
.service-card__icon{width:42px;height:42px;border-radius:var(--r-sm);background:rgba(var(--green-rgb),0.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--green);border:1px solid rgba(var(--green-rgb),0.18);}
.service-card__icon svg{width:18px;height:18px;}
.service-card:hover .service-card__icon{transform:scale(1.05);}
.service-card__title{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--fg);}
.service-card__desc{font-size:13.5px;color:var(--fg-2);line-height:1.6;margin-bottom:16px;}
.service-card__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--green);}
.service-card__link svg{width:13px;height:13px;transition:transform var(--t);}
.service-card:hover .service-card__link svg{transform:translateX(4px);}

/* PORTFOLIO GRID */
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;}
.portfolio-card{display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid var(--dark-border);border-radius:var(--r-lg);background:var(--dark-2);}
.portfolio-card:hover{border-color:rgba(var(--green-rgb),0.4);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.3);}
.portfolio-card__industry{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--green-light);}
.portfolio-card__title{font-size:17px;font-weight:600;color:#fff;line-height:1.3;}
.portfolio-card__desc{font-size:13.5px;color:var(--dark-text-2);line-height:1.6;}
.portfolio-card__result{display:flex;align-items:flex-start;gap:10px;padding:14px;background:rgba(27,122,74,0.1);border:1px solid rgba(27,122,74,0.25);border-radius:var(--r-sm);font-size:13px;color:#4dc08a;line-height:1.5;}
.portfolio-card__result svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;}
.portfolio-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;}

.tag{padding:3px 8px;border-radius:5px;font-size:11px;font-weight:500;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.08);}
.tag--lg{font-size:12px;padding:4px 10px;}
.tag--light{background:rgba(var(--green-rgb),0.08);color:var(--green-dark);border-color:rgba(var(--green-rgb),0.2);}
[data-theme="dark"] .tag--light{color:var(--green-light);background:rgba(var(--green-rgb),0.15);border-color:rgba(var(--green-rgb),0.25);}

/* PROCESS */
.process-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.process-step{padding:32px 28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elevated);}
.process-step:hover{background:var(--bg-2);}
.process-step__num{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--green);letter-spacing:.05em;margin-bottom:12px;}
.process-step h3{font-size:16px;margin-bottom:10px;color:var(--fg);}
.process-step p{font-size:13.5px;color:var(--fg-2);line-height:1.65;}

/* TESTIMONIALS */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.testimonial-card{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;}
.testimonial-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
.testimonial-card__stars{display:flex;gap:4px;}
.testimonial-card__stars svg{width:13px;height:13px;fill:#d4a017;stroke:#d4a017;}
.testimonial-card__quote{font-size:14px;color:var(--fg);line-height:1.75;font-style:normal;flex:1;}
.testimonial-card__author{display:flex;align-items:center;gap:12px;}
.author-avatar{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;}
.author-name{font-size:13px;font-weight:600;color:var(--fg);}
.author-meta{font-size:12px;color:var(--fg-3);}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.blog-grid--full{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
.blog-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);}
.blog-card:hover{border-color:rgba(var(--green-rgb),0.3);box-shadow:var(--shadow);transform:translateY(-2px);}
.blog-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.blog-card__cat{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--green);}
.blog-card__read,.blog-card__date{font-size:12px;color:var(--fg-3);}
.blog-card__title{font-size:16px;font-weight:600;color:var(--fg);line-height:1.35;}
.blog-card__excerpt{font-size:13.5px;color:var(--fg-2);line-height:1.65;flex:1;}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.blog-card__author{font-size:12px;color:var(--fg-3);}
.blog-card__link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--green);}
.blog-card__link svg{width:13px;height:13px;transition:transform var(--t);}
.blog-card:hover .blog-card__link svg{transform:translateX(3px);}

.blog-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;}
.filter-btn{padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;color:var(--fg-2);border:1px solid var(--border);background:var(--bg-elevated);}
.filter-btn:hover,.filter-btn.active{background:var(--green);color:#fff;border-color:var(--green);}

/* CTA */
.cta-section{padding:80px 0;background:var(--dark);flex-shrink:0;}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:52px;border:1px solid var(--dark-border);border-radius:var(--r-xl);background:var(--dark-2);}
.cta-label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--green-light);margin-bottom:10px;}
.cta-content h2{color:#fff;font-size:clamp(1.4rem,2.5vw,2rem);}
.cta-content p{color:var(--dark-text-2);max-width:420px;margin-top:8px;}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;}

/* PAGE HERO */
.page-hero{padding:72px 0 60px;border-bottom:1px solid var(--border);background:var(--bg);}
.page-hero__title{margin-top:12px;margin-bottom:16px;}
.page-hero__sub{font-size:17px;color:var(--fg-2);max-width:560px;}
.page-hero--narrow{max-width:760px;}
.back-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--fg-2);margin-bottom:20px;}
.back-link:hover{color:var(--fg);}
.back-link svg{width:14px;height:14px;}
.service-hero-icon{width:56px;height:56px;border-radius:var(--r);background:rgba(var(--green-rgb),0.1);border:1px solid rgba(var(--green-rgb),0.22);display:flex;align-items:center;justify-content:center;color:var(--green);margin-bottom:20px;}
.service-hero-icon svg{width:24px;height:24px;}

/* CONTENT LAYOUT */
.content-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start;}
.content-layout--blog{grid-template-columns:1fr 280px;}
.prose h2{font-size:1.4rem;margin:32px 0 12px;color:var(--fg);}
.prose h3{font-size:1.15rem;margin:24px 0 10px;color:var(--fg);}
.prose p{margin-bottom:18px;font-size:15.5px;line-height:1.8;color:var(--fg-2);}
.prose ul{margin:16px 0 20px 20px;list-style:disc;}
.prose li{font-size:15px;color:var(--fg-2);margin-bottom:8px;line-height:1.6;}
.prose strong{color:var(--fg);font-weight:600;}
.prose code{font-family:var(--mono);font-size:13px;padding:2px 6px;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;color:var(--green-dark);}
[data-theme="dark"] .prose code{color:var(--green-light);}
.prose--blog p{font-size:16px;}

.sidebar-card{padding:24px;border-radius:var(--r-lg);background:var(--bg-2);margin-bottom:16px;border:1px solid var(--border);}
.sidebar-card--outline{background:var(--bg-elevated);}
.sidebar-card h4{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--fg);}
.sidebar-card p{font-size:13.5px;margin-bottom:16px;color:var(--fg-2);}
.sidebar-links{display:flex;flex-direction:column;gap:4px;}
.sidebar-links li a{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--fg-2);padding:8px 10px;border-radius:var(--r-sm);}
.sidebar-links li a:hover{background:var(--bg-2);color:var(--fg);}
.sidebar-links svg{width:14px;height:14px;color:var(--green);flex-shrink:0;}

.result-highlight{display:flex;gap:16px;align-items:flex-start;padding:24px;background:rgba(27,122,74,0.05);border:1px solid rgba(27,122,74,0.22);border-radius:var(--r-lg);margin-bottom:32px;}
.result-highlight__icon{color:var(--emerald);flex-shrink:0;margin-top:2px;}
.result-highlight__icon svg{width:20px;height:20px;}
.result-highlight__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--emerald);margin-bottom:6px;}
.result-highlight__text{font-size:15px;color:var(--fg);line-height:1.65;}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.two-col__text h2{margin-bottom:16px;}
.two-col__text p{margin-bottom:16px;font-size:15.5px;}
.two-col__text .btn{margin-top:8px;}
.check-list{margin:20px 0 24px;display:flex;flex-direction:column;gap:10px;}
.check-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--fg-2);}
.check-list svg{width:15px;height:15px;color:var(--green);flex-shrink:0;}

.code-block{background:var(--dark);border:1px solid var(--dark-border);border-radius:var(--r-lg);overflow:hidden;}
.code-block__header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--dark-border);}
.dot{width:11px;height:11px;border-radius:50%;}
.dot.red{background:#ff5f57;}.dot.yellow{background:#febc2e;}.dot.green{background:#28c840;}
.code-block__filename{font-family:var(--mono);font-size:12px;color:var(--dark-text-2);margin-left:4px;}
.code-block pre{padding:24px;overflow-x:auto;}
.code-block code{font-family:var(--mono);font-size:12.5px;line-height:1.75;color:rgba(255,255,255,0.78);background:none;border:none;padding:0;}

/* PORTFOLIO LIST */
.portfolio-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.portfolio-list-item{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;padding:32px 28px;background:var(--bg-elevated);border-bottom:1px solid var(--border);}
.portfolio-list-item:hover{background:var(--bg-2);}
.portfolio-list-item__industry{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--green);margin-bottom:8px;display:block;}
.portfolio-list-item__title{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--fg);}
.portfolio-list-item__desc{font-size:14px;color:var(--fg-2);line-height:1.65;margin-bottom:14px;}
.portfolio-list-item__tags{display:flex;gap:6px;flex-wrap:wrap;}
.portfolio-list-item__tags .tag{background:rgba(var(--green-rgb),0.08);color:var(--green-dark);border-color:rgba(var(--green-rgb),0.2);}
[data-theme="dark"] .portfolio-list-item__tags .tag{color:var(--green-light);background:rgba(var(--green-rgb),0.15);}
.result-card{display:flex;gap:10px;align-items:flex-start;padding:16px;border:1px solid rgba(27,122,74,0.22);border-radius:var(--r);background:rgba(27,122,74,0.04);margin-bottom:12px;}
.result-card svg{width:14px;height:14px;color:var(--emerald);flex-shrink:0;margin-top:2px;}
.result-card p{font-size:13.5px;color:var(--fg-2);line-height:1.6;margin:0;}
.portfolio-list-item__cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--green);}
.portfolio-list-item__cta svg{width:13px;height:13px;}
.portfolio-tags{margin-top:32px;}
.portfolio-tags__label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:12px;}
.portfolio-tags__list{display:flex;gap:8px;flex-wrap:wrap;}
.portfolio-tags__list .tag{background:rgba(var(--green-rgb),0.08);color:var(--green-dark);border-color:rgba(var(--green-rgb),0.2);}
[data-theme="dark"] .portfolio-tags__list .tag{color:var(--green-light);background:rgba(var(--green-rgb),0.15);}

/* CONTACT */
.contact-layout{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;}
.contact-form{display:flex;flex-direction:column;gap:20px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-size:13px;font-weight:500;color:var(--fg);}
.required{color:var(--green);}
.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--input-border);border-radius:var(--r-sm);font-family:var(--font);font-size:14px;color:var(--fg);background:var(--input-bg);outline:none;width:100%;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(var(--green-rgb),0.14);}
.form-group textarea{resize:vertical;min-height:120px;}
.form-group.has-error input,.form-group.has-error textarea{border-color:#ef4444;}
.form-error{font-size:12px;color:#ef4444;}
.success-state{text-align:center;padding:60px 40px;border:1px solid rgba(27,122,74,0.25);border-radius:var(--r-xl);background:rgba(27,122,74,0.04);}
.success-state__icon{color:var(--emerald);margin-bottom:16px;}
.success-state__icon svg{width:48px;height:48px;}
.success-state h3{margin-bottom:8px;}
.success-state p{margin-bottom:24px;font-size:15px;}
.success-state a:not(.btn){color:var(--green);}
.contact-info{display:flex;flex-direction:column;gap:20px;padding-top:8px;}
.contact-info__block{display:flex;gap:14px;align-items:flex-start;}
.contact-info__icon{width:36px;height:36px;border-radius:var(--r-sm);background:rgba(var(--green-rgb),0.1);display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0;}
.contact-info__icon svg{width:16px;height:16px;}
.contact-info__label{font-size:12px;color:var(--fg-3);margin-bottom:2px;}
.contact-info__value{font-size:14px;font-weight:500;color:var(--fg);}
.contact-info a:hover{color:var(--green);}
.contact-guarantee{padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-2);margin-top:8px;}
.contact-guarantee h4{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--fg);}
.contact-guarantee ul{display:flex;flex-direction:column;gap:8px;}
.contact-guarantee li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-2);}
.contact-guarantee svg{width:14px;height:14px;color:var(--green);flex-shrink:0;}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px;}
.pricing-card{padding:32px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-elevated);display:flex;flex-direction:column;gap:24px;position:relative;}
.pricing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.pricing-card--featured{border-color:var(--green);box-shadow:0 0 0 1px var(--green),var(--shadow-lg);}
.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 12px;border-radius:100px;white-space:nowrap;}
.pricing-card__icon{width:44px;height:44px;border-radius:var(--r-sm);background:rgba(var(--green-rgb),0.1);display:flex;align-items:center;justify-content:center;color:var(--green);}
.pricing-card__icon svg{width:20px;height:20px;}
.pricing-card__header h3{font-size:18px;margin-bottom:8px;}
.pricing-card__header p{font-size:14px;color:var(--fg-2);}
.pricing-card__price{display:flex;align-items:baseline;gap:6px;}
.price-from{font-size:13px;color:var(--fg-3);}
.price-amount{font-size:2rem;font-weight:700;letter-spacing:-0.03em;color:var(--fg);}
.price-period{font-size:13px;color:var(--fg-3);}
.pricing-card__features{display:flex;flex-direction:column;gap:10px;flex:1;}
.pricing-card__features li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--fg-2);}
.pricing-card__features svg{width:14px;height:14px;color:var(--green);flex-shrink:0;}
.pricing-note{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;background:var(--bg-2);border-radius:var(--r);border:1px solid var(--border);}
.pricing-note svg{width:16px;height:16px;color:var(--fg-3);flex-shrink:0;margin-top:2px;}
.pricing-note p{font-size:13.5px;margin:0;}
.support-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.support-card{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);display:flex;flex-direction:column;gap:12px;}
.support-card--featured{border-color:var(--green);}
.support-card h4{font-size:16px;font-weight:600;}
.support-price{font-size:1.8rem;font-weight:700;letter-spacing:-0.03em;color:var(--fg);}
.support-price span{font-size:14px;font-weight:400;color:var(--fg-3);}
.support-card p{font-size:13.5px;color:var(--fg-2);flex:1;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.faq-item{background:var(--bg-elevated);}
.faq-question{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:15px;font-weight:500;color:var(--fg);background:var(--bg-elevated);border-bottom:1px solid var(--border);}
.faq-question:hover{background:var(--bg-2);}
.faq-icon{width:16px;height:16px;color:var(--fg-3);flex-shrink:0;transition:transform 0.25s ease;}
.faq-item.open .faq-icon{transform:rotate(45deg);color:var(--green);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.25s;padding:0 24px;border-bottom:1px solid var(--border);}
.faq-item.open .faq-answer{max-height:250px;padding:16px 24px 20px;}
.faq-answer p{font-size:14.5px;color:var(--fg-2);line-height:1.75;margin:0;}

/* FAQ — simple static variant (h3 + p, no accordion) */
.faq-item:not(:last-child){border-bottom:1px solid var(--border);}
.faq-item > h3{
  padding:20px 24px 8px;
  font-size:15px;font-weight:600;color:var(--fg);
  letter-spacing:-0.012em;line-height:1.35;
}
.faq-item > h3 + p{
  padding:0 24px 20px;
  font-size:14.5px;color:var(--fg-2);line-height:1.75;margin:0;
}

/* ABOUT */
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.about-stat{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);text-align:center;}
.about-stat:hover{box-shadow:var(--shadow);}
.about-stat__num{font-size:2.4rem;font-weight:700;letter-spacing:-0.03em;color:var(--green);}
[data-theme="dark"] .about-stat__num{color:var(--green-light);}
.about-stat__label{font-size:13px;color:var(--fg-2);margin-top:4px;}
.principles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.principle-card{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);}
.principle-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
.principle-card__icon{width:40px;height:40px;border-radius:var(--r-sm);background:rgba(var(--green-rgb),0.1);display:flex;align-items:center;justify-content:center;color:var(--green);margin-bottom:16px;}
.principle-card__icon svg{width:18px;height:18px;}
.principle-card h3{font-size:15px;margin-bottom:10px;}
.principle-card p{font-size:13.5px;color:var(--fg-2);line-height:1.65;}
.tech-grid{display:flex;flex-wrap:wrap;gap:10px;}
.tech-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:500;color:var(--fg-2);background:var(--bg-elevated);}
.tech-chip:hover{border-color:var(--green);color:var(--green);}
.tech-chip svg{width:14px;height:14px;}

/* BLOG DETAIL */
.blog-meta-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.blog-meta-date,.blog-meta-read{font-size:13px;color:var(--fg-3);}
.post-author{display:flex;align-items:center;gap:10px;margin-top:20px;}
.post-author span{font-size:14px;font-weight:500;color:var(--fg-2);}

/* INDUSTRIES */
.industries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.industry-card{padding:32px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);position:relative;overflow:hidden;}
.industry-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--emerald));transform:scaleX(0);transform-origin:left;transition:transform 0.35s ease;}
.industry-card:hover{border-color:rgba(var(--green-rgb),0.3);box-shadow:var(--shadow);transform:translateY(-3px);}
.industry-card:hover::before{transform:scaleX(1);}
.industry-card__icon{width:48px;height:48px;border-radius:var(--r);background:rgba(var(--green-rgb),0.09);display:flex;align-items:center;justify-content:center;color:var(--green);margin-bottom:20px;border:1px solid rgba(var(--green-rgb),0.18);}
.industry-card__icon svg{width:22px;height:22px;}
.industry-card h3{font-size:17px;font-weight:600;margin-bottom:10px;color:var(--fg);}
.industry-card p{font-size:13.5px;color:var(--fg-2);line-height:1.65;margin-bottom:20px;}
.industry-card__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--green);}
.industry-card__link svg{width:13px;height:13px;transition:transform var(--t);}
.industry-card:hover .industry-card__link svg{transform:translateX(4px);}
.industry-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0;}
.industry-stat{padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);text-align:center;}
.industry-stat__num{font-size:2rem;font-weight:700;letter-spacing:-0.03em;color:var(--green);}
[data-theme="dark"] .industry-stat__num{color:var(--green-light);}
.industry-stat__label{font-size:12px;color:var(--fg-3);margin-top:4px;}

/* TECHNOLOGY */
.tech-category{margin-bottom:48px;}
.tech-category__title{font-size:18px;font-weight:600;margin-bottom:6px;color:var(--fg);}
.tech-category__desc{font-size:14px;color:var(--fg-2);margin-bottom:20px;}
.tech-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.tech-item{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);}
.tech-item:hover{border-color:rgba(var(--green-rgb),0.3);box-shadow:var(--shadow-sm);}
.tech-item__icon{width:36px;height:36px;border-radius:var(--r-sm);background:rgba(var(--green-rgb),0.09);display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0;}
.tech-item__icon svg{width:16px;height:16px;}
.tech-item__name{font-size:13.5px;font-weight:600;color:var(--fg);}
.tech-item__label{font-size:11px;color:var(--fg-3);margin-top:2px;}

/* CAREERS */
.job-grid{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.job-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;}
.job-card:hover{background:var(--bg-2);}
.job-card__title{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--fg);}
.job-card__meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.job-card__type{font-size:12px;padding:3px 9px;border-radius:100px;font-weight:500;}
.job-type--ft{background:rgba(var(--green-rgb),0.1);color:var(--green-dark);border:1px solid rgba(var(--green-rgb),0.22);}
.job-type--remote{background:rgba(123,145,97,0.12);color:var(--sage);border:1px solid rgba(123,145,97,0.28);}
[data-theme="dark"] .job-type--ft{color:var(--green-light);}
[data-theme="dark"] .job-type--remote{color:#a8bd89;background:rgba(123,145,97,0.18);}
.job-card__loc{font-size:13px;color:var(--fg-3);display:flex;align-items:center;gap:5px;}
.job-card__loc svg{width:13px;height:13px;}

/* PARTNERS */
.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.partner-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);text-align:center;min-height:140px;}
.partner-card:hover{border-color:rgba(var(--green-rgb),0.3);box-shadow:var(--shadow);}
.partner-card__icon{width:48px;height:48px;border-radius:var(--r);background:rgba(var(--green-rgb),0.09);display:flex;align-items:center;justify-content:center;color:var(--green);}
.partner-card__icon svg{width:22px;height:22px;}
.partner-card__name{font-size:14px;font-weight:600;color:var(--fg);}
.partner-card__type{font-size:12px;color:var(--fg-3);}

/* RESOURCES */
.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.resource-card{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);display:flex;flex-direction:column;gap:12px;}
.resource-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
.resource-card__type{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--green);}
.resource-card__title{font-size:16px;font-weight:600;color:var(--fg);line-height:1.35;}
.resource-card__desc{font-size:13.5px;color:var(--fg-2);line-height:1.6;flex:1;}
.resource-card__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--green);margin-top:auto;}
.resource-card__link svg{width:13px;height:13px;transition:transform var(--t);}
.resource-card:hover .resource-card__link svg{transform:translateX(3px);}

/* PROCESS TIMELINE */
.process-timeline{display:flex;flex-direction:column;}
.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--border);align-items:start;}
.timeline-num{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--green);opacity:0.35;}
.timeline-content h3{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--fg);}
.timeline-content p{font-size:15px;color:var(--fg-2);line-height:1.75;margin-bottom:16px;}
.timeline-content ul{display:flex;flex-direction:column;gap:7px;}
.timeline-content li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--fg-2);}
.timeline-content li::before{content:'—';color:var(--green);font-weight:600;flex-shrink:0;}

/* LEGAL */
.legal-content{max-width:760px;}
.legal-content h2{font-size:1.3rem;margin:40px 0 12px;padding-top:24px;border-top:1px solid var(--border);color:var(--fg);}
.legal-content h3{font-size:1.1rem;margin:24px 0 10px;color:var(--fg);}
.legal-content p{font-size:15px;line-height:1.8;color:var(--fg-2);margin-bottom:16px;}
.legal-content ul{margin:12px 0 20px 20px;list-style:disc;}
.legal-content li{font-size:15px;color:var(--fg-2);margin-bottom:8px;line-height:1.6;}

/* LANDING PAGES */
.landing-hero{padding:96px 0 72px;background:var(--dark);text-align:center;}
.landing-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.5rem);margin-bottom:16px;}
.landing-hero p{color:var(--dark-text-2);font-size:18px;max-width:560px;margin:0 auto 32px;}
.landing-hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.feature-card{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);}
.feature-card:hover{box-shadow:var(--shadow);}
.feature-card__icon{width:44px;height:44px;border-radius:var(--r);background:rgba(var(--green-rgb),0.1);display:flex;align-items:center;justify-content:center;color:var(--green);margin-bottom:16px;}
.feature-card__icon svg{width:20px;height:20px;}
.feature-card h3{font-size:16px;font-weight:600;margin-bottom:8px;}
.feature-card p{font-size:13.5px;color:var(--fg-2);line-height:1.65;}
.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;}
.module-chip{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-elevated);font-size:13px;font-weight:500;color:var(--fg);}
.module-chip:hover{border-color:var(--green);background:rgba(var(--green-rgb),0.05);}
.module-chip svg{width:15px;height:15px;color:var(--green);}

/* FOOTER */
.footer{background:var(--dark);padding:64px 0 0;flex-shrink:0;}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer__tagline{font-size:13.5px;color:var(--dark-text-2);margin-top:12px;max-width:280px;line-height:1.6;}
.footer__social{display:flex;gap:10px;margin-top:20px;}
.footer__social a{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--dark-border);display:flex;align-items:center;justify-content:center;color:var(--dark-text-2);}
.footer__social a:hover{border-color:var(--green-light);color:var(--green-light);}
.footer__social svg{width:14px;height:14px;}
.footer__col h4{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--dark-text-2);margin-bottom:16px;}
.footer__col ul{display:flex;flex-direction:column;gap:10px;}
.footer__col li a{font-size:14px;color:rgba(255,255,255,0.48);}
.footer__col li a:hover{color:#fff;}
.footer__badge{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:6px 12px;border:1px solid var(--dark-border);border-radius:100px;font-size:12px;color:var(--dark-text-2);}
.footer__badge svg{width:13px;height:13px;}
.footer__colors{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--dark-border);}
.footer__colors-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dark-text-2);white-space:nowrap;}
.footer__color-swatches{display:flex;gap:8px;}
.color-swatch{
  width:20px;height:20px;border-radius:50%;border:2px solid transparent;
  cursor:pointer;padding:0;outline:none;
  transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease;
  position:relative;
}
.color-swatch:hover{transform:scale(1.25);}
.color-swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,0.25);}
.color-swatch::after{
  content:attr(title);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);
  background:rgba(0,0,0,0.8);color:#fff;font-size:10px;font-family:var(--font);padding:3px 7px;
  border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity 0.15s ease;
}
.color-swatch:hover::after{opacity:1;}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--dark-border);}
.footer__bottom p{font-size:13px;color:var(--dark-text-2);margin:0;}
.footer__bottom a{color:var(--dark-text-2);}
.footer__bottom a:hover{color:#fff;}

/* ERROR PAGES */
.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:80px 0;}
.error-inner{text-align:center;max-width:480px;}
.error-code{font-family:var(--mono);font-size:5rem;font-weight:700;color:var(--green);letter-spacing:-0.04em;line-height:1;margin-bottom:20px;opacity:0.55;}
.error-inner h1{margin-bottom:12px;}
.error-inner p{font-size:16px;margin-bottom:32px;}
.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}
.error-links{display:flex;align-items:center;gap:12px;justify-content:center;font-size:13px;color:var(--fg-3);flex-wrap:wrap;}
.error-links a{color:var(--green);font-weight:500;}

/* ANIMATION HELPERS */
.reveal{opacity:0;transform:translateY(22px);}
.reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease;}
.reveal-left{opacity:0;transform:translateX(-24px);}
.reveal-left.is-visible{opacity:1;transform:translateX(0);transition:opacity 0.6s ease,transform 0.6s ease;}
.reveal-right{opacity:0;transform:translateX(24px);}
.reveal-right.is-visible{opacity:1;transform:translateX(0);transition:opacity 0.6s ease,transform 0.6s ease;}
.stagger-parent .reveal:nth-child(1){transition-delay:0s;}
.stagger-parent .reveal:nth-child(2){transition-delay:.07s;}
.stagger-parent .reveal:nth-child(3){transition-delay:.14s;}
.stagger-parent .reveal:nth-child(4){transition-delay:.21s;}
.stagger-parent .reveal:nth-child(5){transition-delay:.28s;}
.stagger-parent .reveal:nth-child(6){transition-delay:.35s;}
.counter{transition:none!important;}

/* RESPONSIVE */
@media(max-width:1024px){
  .content-layout,.content-layout--blog{grid-template-columns:1fr;}
  .two-col{grid-template-columns:1fr;gap:40px;}
  .footer__grid{grid-template-columns:1fr 1fr;gap:32px;}
  .portfolio-list-item{grid-template-columns:1fr;}
  .contact-layout{grid-template-columns:1fr;}
  .industry-stats{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .navbar__links{display:none;}
  .nav-toggle{display:flex;}
  .nav-cta-desktop{display:none;}
  .cta-inner{padding:32px 24px;}
  .cta-content,.cta-actions{width:100%;}
  .cta-actions{flex-direction:column;}
  .hero{padding:80px 0 72px;}
  .section{padding:60px 0;}
  .stats-bar__inner{flex-wrap:wrap;}
  .stat-divider{display:none;}
  .form-row{grid-template-columns:1fr;}
  .pricing-grid,.support-grid{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:1fr;gap:24px;}
  .footer__bottom{flex-direction:column;gap:8px;text-align:center;}
  .services-grid{grid-template-columns:1fr;}
  .about-stats{grid-template-columns:1fr 1fr;}
  .industry-stats{grid-template-columns:1fr;}
  .timeline-item{grid-template-columns:1fr;gap:8px;}
}
@media(max-width:480px){
  h1{font-size:2rem;}
  .hero__actions{flex-direction:column;align-items:stretch;}
  .hero__actions .btn{justify-content:center;}
  .portfolio-grid,.testimonials-grid,.blog-grid{grid-template-columns:1fr;}
  .industries-grid,.feature-grid,.resource-grid{grid-template-columns:1fr;}
}

/* ================================================================
   PREMIUM ANIMATIONS — v3
   ================================================================ */

/* ─── Word-split ───────────────────────────────────────────── */
.w-out{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.15;}
.w-in{display:inline-block;}

/* ─── Shimmer keyframe ─────────────────────────────────────── */
@keyframes gradient-shimmer{
  0%{background-position:-220% center;}
  100%{background-position:220% center;}
}

/* ─── Custom cursor ────────────────────────────────────────── */
.cur-dot{
  position:fixed;top:0;left:0;pointer-events:none;z-index:10002;
  width:6px;height:6px;border-radius:50%;
  background:var(--green);
  will-change:transform;
}
.cur-ring{
  position:fixed;top:0;left:0;pointer-events:none;z-index:10001;
  width:34px;height:34px;border-radius:50%;
  border:1.5px solid var(--green);
  opacity:0.65;
  will-change:transform;
}
[data-theme="dark"] .cur-dot{background:var(--green-light);}
[data-theme="dark"] .cur-ring{border-color:var(--green-light);}

/* ─── Scroll progress ──────────────────────────────────────── */
.scroll-progress{
  position:fixed;top:0;left:0;width:100%;height:2px;
  background:linear-gradient(90deg,var(--green-dark),var(--green),var(--green-light));
  transform-origin:left center;transform:scaleX(0);
  z-index:10003;pointer-events:none;
}

/* ─── Hero background ──────────────────────────────────────── */
.hero{position:relative;overflow:hidden;}
.hero-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
}
.hero-bg::before{
  content:'';position:absolute;
  width:65%;height:75%;top:-15%;right:-8%;
  background:radial-gradient(ellipse at center,rgba(var(--green-rgb),0.11) 0%,transparent 65%);
  animation:blob-a 14s ease-in-out infinite alternate;
}
.hero-bg::after{
  content:'';position:absolute;
  width:55%;height:65%;bottom:-10%;left:-5%;
  background:radial-gradient(ellipse at center,rgba(var(--green-rgb),0.07) 0%,transparent 65%);
  animation:blob-b 18s ease-in-out infinite alternate;
}
@keyframes blob-a{0%{transform:translate(0,0) scale(1);}100%{transform:translate(-25px,35px) scale(1.08);}}
@keyframes blob-b{0%{transform:translate(0,0) scale(1);}100%{transform:translate(20px,-25px) scale(1.06);}}

[data-theme="dark"] .hero-bg::before{background:radial-gradient(ellipse at center,rgba(var(--green-rgb),0.16) 0%,transparent 65%);}
[data-theme="dark"] .hero-bg::after {background:radial-gradient(ellipse at center,rgba(var(--green-rgb),0.10) 0%,transparent 65%);}

/* ─── Hero floating geometry ───────────────────────────────── */
.hero-ring{
  position:absolute;border-radius:50%;pointer-events:none;
  border:1px solid var(--green);opacity:0.07;
  will-change:transform;
}
.hero-dot{
  position:absolute;border-radius:50%;pointer-events:none;
  background:var(--green);opacity:0.12;
  will-change:transform;
}
[data-theme="dark"] .hero-ring{opacity:0.14;border-color:var(--green-light);}
[data-theme="dark"] .hero-dot {opacity:0.18;background:var(--green-light);}

/* ═══════════════════════════════════════════════════════════
   HERO ENHANCEMENTS
═══════════════════════════════════════════════════════════ */
/* Grid overlay */
.hero__grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(var(--green-rgb),0.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--green-rgb),0.055) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse at 55% 40%,#000 10%,transparent 68%);
  -webkit-mask-image:radial-gradient(ellipse at 55% 40%,#000 10%,transparent 68%);
}
[data-theme="dark"] .hero__grid{
  background-image:
    linear-gradient(rgba(var(--green-rgb),0.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--green-rgb),0.07) 1px,transparent 1px);
}

/* Badge pulse dot */
.hero__pulse-dot{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--green);margin-right:6px;vertical-align:middle;
  animation:hero-pulse 1.6s ease-in-out infinite;
}
@keyframes hero-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.35;transform:scale(0.85);}}
[data-theme="dark"] .hero__pulse-dot{background:var(--green-light);}

/* Inline micro-stats row */
.hero__meta-row{
  display:flex;align-items:center;gap:20px;
  padding-top:28px;
  border-top:1px solid var(--border);
  flex-wrap:wrap;
}
.hero__meta-item{display:flex;flex-direction:column;gap:3px;}
.hero__meta-n{
  font-size:1.55rem;font-weight:700;letter-spacing:-0.04em;
  color:var(--fg);line-height:1;
}
.hero__meta-l{font-size:11px;color:var(--fg-3);letter-spacing:.01em;}
.hero__meta-div{width:1px;height:32px;background:var(--border-2);flex-shrink:0;}


/* ═══════════════════════════════════════════════════════════
   TRUST STRIP MARQUEE
═══════════════════════════════════════════════════════════ */
.trust-strip{
  padding:18px 0 16px;
  border-bottom:1px solid var(--border);
  overflow:hidden;
}
.trust-strip__label{
  text-align:center;
  font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--fg-3);margin-bottom:14px;
}
.trust-strip__overflow{overflow:hidden;position:relative;}
.trust-strip__overflow::before,.trust-strip__overflow::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.trust-strip__overflow::before{left:0;background:linear-gradient(90deg,var(--bg),transparent);}
.trust-strip__overflow::after{right:0;background:linear-gradient(-90deg,var(--bg),transparent);}
.trust-strip__track{
  display:flex;align-items:center;gap:28px;
  width:max-content;white-space:nowrap;
  animation:trust-run 28s linear infinite;
}
@keyframes trust-run{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.trust-item{
  font-size:12.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--fg-3);
}
.trust-sep{color:var(--green);font-size:8px;opacity:0.5;}

/* ═══════════════════════════════════════════════════════════
   FEATURE + CODE SECTION
═══════════════════════════════════════════════════════════ */
.feature-section{background:var(--bg-2);}
.feature-grid{
  display:grid;grid-template-columns:1fr 1.05fr;
  gap:72px;align-items:center;
}
.feature-content__title{
  font-size:clamp(2rem,3.5vw,3rem);font-weight:700;
  letter-spacing:-0.03em;line-height:1.12;margin-bottom:18px;
}
.feature-content__sub{
  font-size:16px;line-height:1.75;color:var(--fg-2);margin-bottom:28px;
}
.feature-checks{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:28px;}
.feature-checks li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14.5px;color:var(--fg-2);line-height:1.6;
}
.feature-checks li i{
  width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:3px;
}
[data-theme="dark"] .feature-checks li i{color:var(--green-light);}

/* Code window */
.code-win{
  background:#0d1117;border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,0.2),0 0 0 0.5px rgba(255,255,255,0.04);
}
.code-win__bar{
  display:flex;align-items:center;gap:6px;
  padding:10px 16px;
  background:rgba(255,255,255,0.03);
  border-bottom:1px solid rgba(255,255,255,0.07);
}
.code-win__title{
  margin-left:10px;font-size:11px;color:rgba(255,255,255,0.32);
  font-family:var(--mono);letter-spacing:.02em;
}
.code-win__body{
  margin:0;padding:20px 22px 24px;
  font-family:var(--mono);font-size:12.5px;line-height:1.85;
  color:#e2e8f0;overflow-x:auto;tab-size:2;
}
/* Syntax tokens */
.cw-c{color:rgba(255,255,255,0.3);}
.cw-k{color:#7dd3fc;}
.cw-s{color:#86efac;}
.cw-b{color:#c084fc;}
.cw-g{color:#4ade80;}

/* ═══════════════════════════════════════════════════════════
   INTEGRATIONS GRID
═══════════════════════════════════════════════════════════ */
.integ-grid{
  display:grid;grid-template-columns:repeat(6,1fr);
  gap:10px;
}
.integ-tile{
  background:var(--bg-elevated);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:20px 12px;
  text-align:center;
  font-size:12.5px;font-weight:500;color:var(--fg-2);
  transition:border-color .22s,color .22s,background .22s,transform .22s;
  cursor:default;
}
.integ-tile:hover{
  border-color:var(--green);color:var(--fg);
  background:rgba(var(--green-rgb),0.04);
  transform:translateY(-2px);
}
[data-theme="dark"] .integ-tile:hover{background:rgba(var(--green-rgb),0.08);}
.integ-tile--more{
  color:var(--green);border-color:rgba(var(--green-rgb),0.3);
  display:flex;align-items:center;justify-content:center;gap:6px;
}
[data-theme="dark"] .integ-tile--more{color:var(--green-light);}
.integ-tile--more i{width:13px;height:13px;}

/* ═══════════════════════════════════════════════════════════
   PRICING PREVIEW
═══════════════════════════════════════════════════════════ */
.pricing-preview.section--dark .section-header{
  padding-bottom:48px;
}
.price-cards{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.price-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:var(--r-lg);
  padding:28px 24px;
  display:flex;flex-direction:column;
  position:relative;
  transition:border-color .3s,background .3s;
}
.price-card:hover{
  border-color:rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.06);
}
.price-card--featured{
  border-color:var(--green);
  background:rgba(var(--green-rgb),0.08);
  box-shadow:0 0 32px rgba(var(--green-rgb),0.18);
}
.price-card--featured:hover{border-color:var(--green-light);}
.price-card__badge{
  position:absolute;top:-11px;right:18px;
  background:var(--green);color:#fff;
  font-size:9px;font-weight:700;letter-spacing:.14em;
  padding:3px 10px;border-radius:100px;
}
.price-card__tier{
  font-size:10px;font-weight:700;letter-spacing:.14em;
  color:var(--green-light);margin-bottom:10px;
}
.price-card__price{
  font-size:2rem;font-weight:700;letter-spacing:-0.04em;
  color:#fff;line-height:1;margin-bottom:14px;
}
.price-card__desc{
  font-size:13.5px;line-height:1.7;
  color:rgba(255,255,255,0.5);flex:1;margin-bottom:24px;
}
.price-card__cta{display:block;text-align:center;}

/* ── Responsive ── */
@media(max-width:1024px){
  .feature-grid{grid-template-columns:1fr;gap:48px;}
  .integ-grid{grid-template-columns:repeat(4,1fr);}
  .price-cards{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .hero__meta-row{gap:16px;padding-top:22px;justify-content:center;}
  .hero__meta-div{display:none;}
  .trust-strip__track{animation-duration:18s;}
  .integ-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:480px){
  .integ-grid{grid-template-columns:repeat(2,1fr);}
}

/* ─── Card hover glow ──────────────────────────────────────── */
.service-card:hover{box-shadow:0 8px 36px rgba(var(--green-rgb),0.15),var(--shadow);}
.portfolio-card:hover{box-shadow:0 8px 28px rgba(var(--green-rgb),0.13),var(--shadow);}
.industry-card:hover{box-shadow:0 8px 28px rgba(var(--green-rgb),0.13),var(--shadow);}
.testimonial-card{transition:transform var(--t-slow),box-shadow var(--t-slow);}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(var(--green-rgb),0.11),var(--shadow);}
.blog-card:hover{box-shadow:0 8px 28px rgba(var(--green-rgb),0.1),var(--shadow);}

/* ─── Stat hover ───────────────────────────────────────────── */
.stat-item{transition:transform 0.28s ease;}
.stat-item:hover{transform:translateY(-5px);}

/* ─── Lenis scrollbar override ───────────────────────── */
.lenis.lenis-smooth{scroll-behavior:auto!important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}

/* ═══════════════════════════════════════════════════════════
   CAPABILITIES SECTION
═══════════════════════════════════════════════════════════ */
.capabilities-section{padding:0;overflow:hidden;}

/* ── Infinite marquee ticker ── */
.cap-marquee{
  background:var(--dark);padding:14px 0;
  overflow:hidden;position:relative;
}
.cap-marquee::before,.cap-marquee::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.cap-marquee::before{left:0;background:linear-gradient(90deg,var(--dark),transparent);}
.cap-marquee::after{right:0;background:linear-gradient(-90deg,var(--dark),transparent);}
.cap-marquee__track{
  display:flex;align-items:center;gap:28px;
  width:max-content;white-space:nowrap;
  animation:cap-marquee-run 28s linear infinite;
}
@keyframes cap-marquee-run{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.cap-tag{
  font-size:11.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;
  color:rgba(255,255,255,0.42);
}
.cap-sep{color:var(--green);font-size:9px;opacity:0.55;}

/* ── Section header spacing ── */
.cap-header{padding-top:72px;}

/* ── Rows wrapper ── */
.cap-rows{border-top:1px solid var(--border);}

/* ── Individual row ── */
.cap-row{
  position:relative;
  border-bottom:1px solid var(--border);
  overflow:hidden;
  transition:background 0.4s ease;
}
.cap-row:hover{background:rgba(var(--green-rgb),0.025);}
[data-theme="dark"] .cap-row:hover{background:rgba(var(--green-rgb),0.055);}

/* ── Row inner grid ── */
.cap-row__inner{
  display:grid;grid-template-columns:1fr 300px;
  gap:80px;align-items:center;
  padding:80px 0;position:relative;z-index:1;
}

/* ── Large decorative number ── */
.cap-row__num{
  position:absolute;right:0;top:50%;
  transform:translateY(-50%);
  font-size:clamp(140px,18vw,220px);
  font-weight:800;line-height:1;letter-spacing:-0.06em;
  color:transparent;
  -webkit-text-stroke:1px rgba(var(--green-rgb),0.07);
  pointer-events:none;user-select:none;
  font-variant-numeric:tabular-nums;transition:none;
}
[data-theme="dark"] .cap-row__num{-webkit-text-stroke:1px rgba(var(--green-rgb),0.1);}

/* ── Left content ── */
.cap-row__label{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--green);margin-bottom:18px;
}
[data-theme="dark"] .cap-row__label{color:var(--green-light);}
.cap-row__label i{width:13px;height:13px;}
.cap-row__title{
  font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;
  letter-spacing:-0.03em;line-height:1.15;margin-bottom:18px;
}
.cap-row__desc{
  font-size:15.5px;line-height:1.75;color:var(--fg-2);
  max-width:500px;margin-bottom:26px;
}
.cap-row__link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:500;color:var(--green);
  transition:gap .22s ease;
}
[data-theme="dark"] .cap-row__link{color:var(--green-light);}
.cap-row__link:hover{gap:12px;}
.cap-row__link i{width:15px;height:15px;}

/* ── Right stats ── */
.cap-row__rhs{display:flex;flex-direction:column;}
.cap-stat{padding:22px 0;border-bottom:1px solid var(--border);}
.cap-stat:first-child{padding-top:0;}
.cap-stat:last-child{border-bottom:none;padding-bottom:0;}
.cap-stat__n{
  display:block;font-size:2.2rem;font-weight:700;
  letter-spacing:-0.04em;color:var(--fg);line-height:1;margin-bottom:4px;
}
.cap-stat__l{font-size:12.5px;color:var(--fg-3);}

/* ── CTA section glass card ── */
.cta-section{
  position:relative;z-index:1;
  border-radius:24px 24px 0 0;margin-top:-24px;
  box-shadow:0 -2px 0 rgba(255,255,255,0.06);
}
.cta-inner{
  background:rgba(17,24,18,0.6)!important;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,0.1)!important;
}

/* ── Light gradient text ── */
.text-gradient--light{
  background:linear-gradient(120deg,var(--green-light) 0%,var(--green) 45%,var(--green-dark) 100%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:gradient-shimmer 4s linear infinite;
}

/* ── Capabilities responsive ── */
@media(max-width:900px){
  .cap-row__inner{grid-template-columns:1fr;gap:40px;}
  .cap-row__rhs{flex-direction:row;flex-wrap:wrap;gap:0;}
  .cap-stat{flex:1 1 33%;border-bottom:none;border-right:1px solid var(--border);padding:20px 24px;}
  .cap-stat:last-child{border-right:none;}
  .cap-row__num{font-size:120px;}
}
@media(max-width:600px){
  .cap-row__inner{padding:56px 0;}
  .cap-row__rhs{flex-direction:column;}
  .cap-stat{flex:none;border-right:none;border-bottom:1px solid var(--border);padding:18px 0;}
  .cap-stat:last-child{border-bottom:none;}
  .cap-row__num{display:none;}
}

/* ── Reduced motion ─────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  .cur-dot,.cur-ring,.scroll-progress{display:none;}
  .hero-bg::before,.hero-bg::after{animation:none;}
  .hero-ring,.hero-dot{display:none;}
  .text-gradient,.text-gradient--light{animation:none;}
  .testimonial-card:hover{transform:none;}
  .cap-marquee__track{animation:none;}
}