/* ================================================================
   ZIBUKE AFRICA — FINAL APPROVED UI
   UI-only layer. Existing content, pricing logic, forms and links stay intact.
   ================================================================ */
:root{
  --za-lime:#cfff04;
  --za-ink:#0a0b0c;
  --za-charcoal:#151718;
  --za-soft:#f4f4f0;
  --za-paper:#ffffff;
  --za-muted:#6b6f73;
  --za-line:#dedfd9;
  --za-dark-line:rgba(255,255,255,.14);
  --za-max:1320px;
  --za-radius:22px;
  --za-shadow:0 18px 55px rgba(0,0,0,.10);
  --za-serif:Georgia,"Times New Roman",serif;
  --za-sans:Inter,Arial,Helvetica,sans-serif;
}
html{scroll-behavior:smooth;background:var(--za-soft)}
body{
  margin:0!important;background:var(--za-soft)!important;color:var(--za-ink)!important;
  font-family:var(--za-sans)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body *{box-sizing:border-box}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
img{max-width:100%}

/* top line */
.topbar{background:#090a0a!important;color:#fff!important;border:0!important;padding:0!important}
.topbar-inner{max-width:var(--za-max)!important;margin:auto!important;padding:9px 24px!important;display:block!important;font-size:12px!important;line-height:1.45!important;letter-spacing:.01em;color:rgba(255,255,255,.78)!important}
.topbar-inner>div:first-child{text-align:center;white-space:normal}
.topbar .country-switcher{display:none!important}

/* header */
.site-header{position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e4e5e0!important;box-shadow:none!important;backdrop-filter:blur(14px)}
.site-header-inner{max-width:var(--za-max)!important;margin:auto!important;min-height:82px!important;padding:10px 24px!important;display:flex!important;align-items:center!important;gap:26px!important}
.logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;background:#000!important;border-radius:10px!important;padding:4px 8px!important;overflow:hidden!important}
.logo-img{display:block!important;width:154px!important;height:54px!important;object-fit:contain!important}
.main-nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:30px!important}
.main-nav>a,.nav-link{position:relative!important;color:#111!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important;padding:28px 0 24px!important;white-space:nowrap!important;background:none!important}
.main-nav>a:not(.nav-cta)::after,.nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--za-lime);transition:right .22s ease}
.main-nav>a:hover::after,.nav-link:hover::after,.main-nav a.is-active::after,.nav-link.is-active::after,.main-nav a.active::after,.nav-link.active::after{right:0}
.main-nav>a:hover,.nav-link:hover,.main-nav a.is-active,.nav-link.is-active,.main-nav a.active,.nav-link.active{color:#111!important}
.nav-cta{display:none!important}
.nav-toggle{border:1px solid #111!important;color:#111!important;background:#fff!important;border-radius:999px!important;padding:10px 16px!important;font-weight:700!important}
.nav-dropdown{background:#fff!important;border:1px solid #e2e3df!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important;padding:8px!important;min-width:260px!important}
.nav-dropdown a{color:#111!important;background:transparent!important;border-radius:10px!important;padding:12px 14px!important;border:0!important}
.nav-dropdown a:hover{background:#f1f2ed!important;color:#111!important}
.nav-assessment-list a small{color:#6a6c68!important}
.final-country-switcher{margin-left:4px!important;display:block!important;position:relative!important}
.country-toggle{display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;color:#111!important;border:1px solid #202222!important;border-radius:999px!important;padding:11px 16px!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important}
.country-toggle:hover{background:#f5f5f2!important}
.country-menu{top:calc(100% + 10px)!important;right:0!important;left:auto!important;min-width:250px!important;max-height:420px!important;overflow:auto!important;background:#fff!important;color:#111!important;border:1px solid #e0e1dc!important;border-radius:16px!important;box-shadow:0 22px 60px rgba(0,0,0,.18)!important;padding:8px!important}
.country-menu button,.country-menu a{color:#111!important;border-radius:10px!important}

/* real 15-market rail */
.country-banner{display:none!important}
.final-market-rail{background:#fff;border-bottom:1px solid #e2e3de;overflow:auto;scrollbar-width:none}
.final-market-rail::-webkit-scrollbar{display:none}
.final-market-inner{max-width:var(--za-max);margin:auto;padding:9px 24px;display:flex;align-items:center;gap:18px;min-width:max-content}
.final-market-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#666;margin-right:4px}
.final-market-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#222;white-space:nowrap}
.final-market-chip .flag{font-size:18px}

/* typography */
h1,h2,h3,.logo-mark{font-family:var(--za-serif)!important;letter-spacing:-.035em!important}
h1{font-size:clamp(44px,6.2vw,82px)!important;line-height:.94!important;font-weight:700!important;margin:0 0 22px!important;text-wrap:balance}
h2{font-size:clamp(36px,4.8vw,62px)!important;line-height:.98!important;font-weight:700!important;text-wrap:balance}
h3{line-height:1.08!important}
.eyebrow{display:inline-flex!important;align-items:center!important;gap:10px!important;font-family:var(--za-sans)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#2d2e2a!important;background:none!important;border:0!important;padding:0!important;margin-bottom:18px!important}
.eyebrow::after{content:"";display:block;width:62px;height:1px;background:currentColor;opacity:.75}
.lead{font-size:18px!important;line-height:1.62!important;color:#555b5d!important;max-width:720px!important}
.divider-lime{width:54px!important;height:3px!important;border-radius:99px!important;background:var(--za-lime)!important;margin:18px 0 24px!important}

/* heroes */
.hero,.page-hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:linear-gradient(115deg,#f8f8f5 0%,#f8f8f5 48%,#eceeea 100%)!important;border-bottom:1px solid #e4e5df!important}
.hero{min-height:630px!important;padding:72px 0!important}
.page-hero{min-height:540px!important;padding:72px 0!important;display:flex!important;align-items:center!important}
.hero::before,.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 75% 50%,rgba(207,255,4,.12),transparent 33%)}
.hero::after,.page-hero::after{content:"";position:absolute;right:0;top:0;bottom:0;width:56%;z-index:-1;background-image:linear-gradient(90deg,rgba(248,248,245,1) 0%,rgba(248,248,245,.35) 18%,rgba(248,248,245,0) 38%),var(--hero-image);background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-inner,.page-hero>.container{max-width:var(--za-max)!important;width:calc(100% - 48px)!important;margin:auto!important;position:relative!important;z-index:2!important}
.hero-inner{display:block!important}
.hero-inner>div:first-child,.page-hero>.container{max-width:610px!important;margin-left:max(0px,calc((100vw - var(--za-max))/2))!important}
.hero h1,.page-hero h1{color:#080909!important}
.hero .lead,.page-hero .lead{color:#4f5454!important}
.hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:28px!important}
.btn{border-radius:999px!important;min-height:48px!important;padding:0 22px!important;font-family:var(--za-sans)!important;font-size:14px!important;font-weight:800!important;border:1px solid #111!important;box-shadow:none!important}
.btn-primary{background:var(--za-lime)!important;color:#050505!important;border-color:var(--za-lime)!important}
.btn-secondary{background:#fff!important;color:#111!important;border-color:#222!important}
.btn-black{background:#111!important;color:#fff!important;border-color:#111!important}
.btn:hover{transform:translateY(-1px)!important}
.hero-card{position:absolute!important;right:24px!important;bottom:22px!important;width:min(420px,38vw)!important;background:rgba(8,9,9,.90)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:20px!important;padding:22px!important;backdrop-filter:blur(14px)!important;box-shadow:0 18px 50px rgba(0,0,0,.2)!important}
.hero-card h3{color:#fff!important;font-size:24px!important;margin:0 0 12px!important}
.hero-card p{color:rgba(255,255,255,.82)!important;font-size:13px!important;line-height:1.55!important;margin:8px 0!important}
.hero-card-meta{color:var(--za-lime)!important;font-weight:800!important;margin-top:12px!important}

/* page-specific exact hero assets from the approved UI */
body.page-home{--hero-image:url('../IMAGES/final-ui/home-hero-deploy-hd.webp')}
body.page-culture{--hero-image:url('../IMAGES/final-ui/culture-hero-deploy-hd.webp')}
body.page-success-led-selling{--hero-image:url('../IMAGES/final-ui/sls-hero-deploy-hd.webp')}
body.page-consulting-services{--hero-image:url('../IMAGES/final-ui/consulting-hero-deploy-hd.webp')}
body.page-pricing{--hero-image:url('../IMAGES/final-ui/pricing-hero-deploy-hd.webp')}
body.page-management-training{--hero-image:url('../IMAGES/final-ui/management-hero-deploy-hd.webp')}
body.page-product-service-packaging{--hero-image:url('../IMAGES/final-ui/packaging-hero-deploy-hd.webp')}
body.page-operations-systems-designs{--hero-image:url('../IMAGES/final-ui/operations-hero-deploy-hd.webp')}
body.page-jobs{--hero-image:url('../IMAGES/final-ui/jobs-hero-deploy-hd.webp')}
body.page-contact{--hero-image:url('../IMAGES/final-ui/contact-hero-deploy-hd.webp')}
body.page-never-fail-framework{--hero-image:url('../IMAGES/final-ui/home-hero-clean.webp')}
body.page-refund-policy,body.page-cancellation-policy,body.page-opt-out{--hero-image:url('../IMAGES/final-ui/culture-secondary.webp')}

/* trust / proof strip */
.trust-strip{background:#0a0b0b!important;border:0!important;padding:0!important}
.trust-strip-inner{max-width:var(--za-max)!important;margin:auto!important;padding:26px 24px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important}
.trust-stat{padding:4px 24px!important;border-right:1px solid rgba(255,255,255,.16)!important}
.trust-stat:last-child{border-right:0!important}
.trust-stat .num{font-family:var(--za-serif)!important;font-size:40px!important;color:#fff!important}
.trust-stat .label{color:rgba(255,255,255,.68)!important;font-size:12px!important;line-height:1.35!important}

/* section system */
.section{padding:78px 0!important;position:relative!important;border:0!important}
.section>.container,.site-footer>.container{max-width:var(--za-max)!important;width:calc(100% - 48px)!important;margin:auto!important}
.section-white,.section-lime{background:#fff!important;color:#0b0b0b!important}
.section-black{background:#0a0b0b!important;color:#fff!important}
.section-black h2,.section-black h3,.section-black .eyebrow,.section-black .lead,.section-black p{color:#fff!important}
.section-black .lead,.section-black p{color:rgba(255,255,255,.76)!important}
.section-head{max-width:860px!important;margin-bottom:34px!important}
.section-head h2{margin:0 0 12px!important}
.section-head p{font-size:17px!important;line-height:1.65!important;color:#5c6162!important}
.section-black .section-head p{color:rgba(255,255,255,.74)!important}
.final-section-intro{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:42px!important;align-items:center!important;margin-bottom:38px!important}
.final-section-intro .section-head{margin:0!important;max-width:none!important}
.final-section-media{margin:0!important;min-height:310px!important;border-radius:22px!important;overflow:hidden!important;background:#101213!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:var(--za-shadow)!important;display:grid!important;place-items:center!important}
.section-black .final-section-media{border-color:rgba(255,255,255,.15)!important;box-shadow:none!important}
.final-section-media img{display:block!important;width:100%!important;height:100%!important;max-height:370px!important;object-fit:cover!important}
.final-section-media.is-vector img{object-fit:contain!important;padding:20px!important;background:#0a0b0b!important}

/* Cards */
.cards-2,.cards-3{gap:18px!important}
.cards-3{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.cards-2{display:grid!important;grid-template-columns:repeat(2,1fr)!important}
.card{position:relative!important;background:#fff!important;color:#111!important;border:1px solid #e0e1dc!important;border-radius:18px!important;padding:24px!important;box-shadow:none!important;overflow:hidden!important;min-height:180px!important}
.section-black .card{background:#131516!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}
.card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 38px rgba(0,0,0,.08)!important}
.card-icon{width:46px!important;height:46px!important;border-radius:14px!important;background:var(--za-lime)!important;color:#090909!important;display:grid!important;place-items:center!important;font-family:var(--za-sans)!important;font-weight:900!important;margin-bottom:16px!important}
.card h3{font-size:25px!important;margin:0 0 10px!important;color:#0a0a0a!important}
.section-black .card h3{color:#fff!important}
.card p{font-size:14.5px!important;line-height:1.6!important;color:#65696a!important}
.section-black .card p{color:rgba(255,255,255,.7)!important}
.card a{color:#111!important;font-weight:800!important}
.section-black .card a{color:var(--za-lime)!important}
.callout,.callout-dark{border-radius:20px!important;padding:28px!important;border:1px solid #e0e1dc!important;background:#f7f7f3!important;color:#111!important;box-shadow:none!important}
.callout-dark{background:#111313!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}
.callout h3,.callout-dark h3{font-size:31px!important;margin:0 0 10px!important}
.callout-dark h3,.callout-dark p{color:#fff!important}
.callout-dark p{color:rgba(255,255,255,.75)!important}

/* existing step/process components */
.steps{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:14px!important}
.step{background:#fff!important;border:1px solid #e0e1dc!important;border-radius:16px!important;padding:20px!important;color:#111!important}
.section-black .step{background:#141617!important;border-color:rgba(255,255,255,.13)!important;color:#fff!important}
.step-num{background:var(--za-lime)!important;color:#050505!important;border-radius:999px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;font-weight:900!important;margin-bottom:14px!important}
.step h3{font-size:20px!important;color:inherit!important}
.step p{font-size:13.5px!important;line-height:1.55!important;color:#686c6c!important}
.section-black .step p{color:rgba(255,255,255,.7)!important}

/* pricing */
.price-hero,.pricing-hero,.price-box,.calculator,.pricing-card{border-radius:18px!important}
.compare-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid #dedfd9!important;border-radius:16px!important;overflow:hidden!important}
.compare-table th{background:#0d0e0e!important;color:#fff!important;font-size:12px!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:14px!important}
.compare-table td{padding:14px!important;border-bottom:1px solid #ecece8!important;color:#222!important;background:#fff!important}
.compare-table tbody tr:hover td{background:#f7f8f2!important}
[data-price="annual"],[data-price="monthly"],[data-price="calc-annual"],[data-price="calc-monthly"]{font-family:var(--za-serif)!important;font-weight:700!important}
#calc-executives{accent-color:var(--za-lime)!important}

/* forms */
form{font-family:var(--za-sans)!important}
input,select,textarea{width:100%!important;background:#fff!important;color:#111!important;border:1px solid #d9dbd6!important;border-radius:12px!important;padding:13px 14px!important;outline:none!important;box-shadow:none!important;font:inherit!important}
input:focus,select:focus,textarea:focus{border-color:#9ebd00!important;box-shadow:0 0 0 3px rgba(207,255,4,.16)!important}
label{font-weight:700!important;color:#333!important;font-size:13px!important}
.section-black label{color:#fff!important}
button[type="submit"]{background:var(--za-lime)!important;color:#090909!important;border:0!important;border-radius:999px!important;font-weight:800!important;min-height:48px!important;padding:0 24px!important}

/* jobs application and contact page long forms */
body.page-jobs form,body.page-contact form{background:#fff!important;border:1px solid #e0e1dc!important;border-radius:20px!important;padding:24px!important;box-shadow:var(--za-shadow)!important}

/* footer — identical everywhere */
.site-footer{background:#090a0a!important;color:#fff!important;border:0!important;margin:0!important;padding:54px 0 26px!important}
.site-footer .container{max-width:var(--za-max)!important;margin:auto!important}
.footer-grid{display:grid!important;grid-template-columns:1.5fr repeat(5,1fr)!important;gap:32px!important;align-items:start!important}
.footer-brand .final-footer-logo{display:block;width:165px;height:76px;object-fit:contain;background:#000;border-radius:10px;margin-bottom:16px}
.footer-brand .logo-mark{display:none!important}
.footer-brand p,.footer-col li,.footer-col a,.footer-contact,.footer-bottom,.footer-note{color:rgba(255,255,255,.68)!important;font-size:13px!important;line-height:1.55!important}
.footer-col h4{font-family:var(--za-sans)!important;color:#fff!important;font-size:13px!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 15px!important}
.footer-col ul{list-style:none!important;margin:0!important;padding:0!important}
.footer-col li{margin:8px 0!important}
.footer-col a:hover{color:var(--za-lime)!important}
.footer-contact,.footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;padding-top:18px!important;margin-top:26px!important;display:flex!important;justify-content:space-between!important;gap:20px!important}
.footer-note{margin-top:12px!important}

/* legal pages */
body.page-refund-policy .section,body.page-cancellation-policy .section,body.page-opt-out .section{background:#fff!important}
body.page-refund-policy .container-narrow,body.page-cancellation-policy .container-narrow,body.page-opt-out .container-narrow{max-width:880px!important;margin:auto!important}

/* restrained motion */
.final-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.final-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.final-reveal{opacity:1!important;transform:none!important}}

/* responsive */
@media(max-width:1100px){
  .main-nav{gap:18px!important}.main-nav>a,.nav-link{font-size:13px!important}
  .site-header-inner{gap:18px!important}.logo-img{width:130px!important;height:48px!important}
  .final-country-switcher{margin-left:auto!important}
  .hero::after,.page-hero::after{width:52%!important;opacity:.78}
  .hero-card{width:410px!important;right:18px!important}
  .final-section-intro{grid-template-columns:1fr!important}.final-section-media{min-height:280px!important}
  .footer-grid{grid-template-columns:repeat(3,1fr)!important}.footer-brand{grid-column:1/-1!important}
  .steps{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:860px){
  .site-header-inner{min-height:72px!important}.nav-toggle{display:block!important;margin-left:auto!important}.main-nav{position:absolute!important;left:16px!important;right:16px!important;top:74px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;background:#fff!important;border:1px solid #ddd!important;border-radius:18px!important;padding:12px 18px!important;box-shadow:0 18px 55px rgba(0,0,0,.14)!important;gap:0!important}.main-nav.is-open,.main-nav.open{display:flex!important}.main-nav>a,.nav-link{padding:13px 0!important}.nav-item{width:100%!important}.nav-dropdown{position:static!important;box-shadow:none!important;border:0!important;padding:4px 0 8px 12px!important}.final-country-switcher{order:3!important;margin-left:0!important}.country-toggle{padding:9px 12px!important}.site-header-inner{flex-wrap:wrap!important}.hero,.page-hero{min-height:auto!important;padding:54px 0 430px!important}.hero::after,.page-hero::after{width:100%!important;top:auto!important;height:410px!important;bottom:0!important;background-image:linear-gradient(180deg,rgba(248,248,245,1),rgba(248,248,245,0) 18%),var(--hero-image)!important;background-position:center!important}.hero-inner>div:first-child,.page-hero>.container{max-width:none!important;margin:0!important}.hero-card{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:28px!important}.trust-strip-inner{grid-template-columns:repeat(2,1fr)!important}.trust-stat:nth-child(2){border-right:0!important}.trust-stat{border-bottom:1px solid rgba(255,255,255,.12)!important;padding:14px!important}.cards-3,.cards-2{grid-template-columns:1fr 1fr!important}.steps{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  .topbar-inner{padding:8px 16px!important;font-size:10.5px!important}.site-header-inner{padding:9px 16px!important}.logo-img{width:110px!important;height:42px!important}.final-country-switcher{width:100%!important}.country-toggle{width:100%!important;justify-content:center!important}.final-market-inner{padding:8px 16px!important}.hero,.page-hero{padding:42px 0 300px!important}.hero::after,.page-hero::after{height:300px!important}.hero-inner,.page-hero>.container,.section>.container,.site-footer>.container{width:calc(100% - 32px)!important}.section{padding:58px 0!important}h1{font-size:44px!important}h2{font-size:38px!important}.lead{font-size:16px!important}.cards-3,.cards-2,.steps{grid-template-columns:1fr!important}.trust-strip-inner{grid-template-columns:1fr!important}.trust-stat{border-right:0!important}.footer-grid{grid-template-columns:1fr!important}.footer-contact,.footer-bottom{flex-direction:column!important}.final-section-media{min-height:220px!important}.final-section-intro{gap:24px!important}.hero-actions{flex-direction:column!important}.btn{width:100%!important}
}


/* ================================================================
   FINAL QUALITY + ACCESSIBILITY PASS
   Visual-only. Preserves all original content and business logic.
   ================================================================ */

/* Brand balance: stronger lime, still professional */
:root{
  --za-lime:#cfff04;
  --za-lime-soft:#efffb0;
  --za-lime-wash:#f7ffd9;
  --za-ink:#070808;
  --za-charcoal:#101313;
  --za-paper:#ffffff;
  --za-soft:#f6f7f2;
}

/* Ensure all approved imagery renders crisply */
.hero::after,
.page-hero::after,
.final-section-media img,
.card-image img,
img{
  image-rendering:auto!important;
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
}
.hero::after,.page-hero::after{
  filter:saturate(1.035) contrast(1.025);
}

/* Stronger but restrained brand presence */
.site-header{
  border-top:3px solid var(--za-lime)!important;
}
.final-market-rail{
  border-bottom:2px solid rgba(207,255,4,.55)!important;
}
.final-market-chip:hover{
  color:#000!important;
  background:var(--za-lime-wash)!important;
  border-radius:999px!important;
}
.country-toggle{
  border:1.5px solid #171818!important;
}
.country-toggle:hover{
  border-color:#93b800!important;
  box-shadow:0 0 0 3px rgba(207,255,4,.18)!important;
}

/* Critical contrast fix: original .accent was white in styles.css */
.hero h1 .accent,
.page-hero h1 .accent,
h1 .accent,
h2 .accent{
  color:#070808!important;
  background:var(--za-lime)!important;
  padding:0 .08em .035em!important;
  border-radius:.06em!important;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  text-shadow:none!important;
}

/* Do not let inherited dark-section text turn light cards white-on-white */
.section-black .callout{
  background:linear-gradient(135deg,#111514 0%,#171d12 100%)!important;
  color:#fff!important;
  border:1px solid rgba(207,255,4,.48)!important;
  box-shadow:inset 4px 0 0 var(--za-lime)!important;
}
.section-black .callout h1,
.section-black .callout h2,
.section-black .callout h3,
.section-black .callout h4{
  color:#fff!important;
}
.section-black .callout p,
.section-black .callout li,
.section-black .callout small{
  color:rgba(255,255,255,.88)!important;
}
.section-black .callout strong,
.section-black .callout a{
  color:var(--za-lime)!important;
}

/* Regular light callouts must always use dark copy */
.section-white .callout,
.section-lime .callout,
.callout:not(.callout-dark){
  color:#0a0b0b!important;
}
.section-white .callout h1,
.section-white .callout h2,
.section-white .callout h3,
.section-white .callout h4,
.section-lime .callout h1,
.section-lime .callout h2,
.section-lime .callout h3,
.section-lime .callout h4,
.callout:not(.callout-dark) h1,
.callout:not(.callout-dark) h2,
.callout:not(.callout-dark) h3,
.callout:not(.callout-dark) h4{
  color:#0a0b0b!important;
}
.section-white .callout p,
.section-lime .callout p,
.callout:not(.callout-dark) p{
  color:#3e4241!important;
}

/* Dark sections: lime is used to improve hierarchy, not as body text */
.section-black .eyebrow{
  color:var(--za-lime)!important;
}
.section-black .divider-lime{
  background:var(--za-lime)!important;
}
.section-black h2 strong,
.section-black h3 strong,
.section-black .accent{
  color:#050606!important;
  background:var(--za-lime)!important;
  padding:0 .08em!important;
}

/* Light sections: clear black typography */
.section-white h1,.section-white h2,.section-white h3,
.section-lime h1,.section-lime h2,.section-lime h3{
  color:#080909!important;
}
.section-white p,.section-lime p{
  color:#4a4f4e!important;
}

/* More lime in cards without sacrificing legibility */
.card{
  border-top:2px solid rgba(207,255,4,.82)!important;
}
.card:hover{
  border-color:rgba(153,190,0,.65)!important;
}
.card-icon{
  box-shadow:0 0 0 5px rgba(207,255,4,.10)!important;
}
.section-black .card{
  border-top-color:var(--za-lime)!important;
}
.section-black .card h3{
  color:#fff!important;
}
.section-black .card p{
  color:rgba(255,255,255,.82)!important;
}

/* Make important process numbers and selected pricing values unmistakable */
.step-num,
[data-price="annual"],
[data-price="monthly"],
[data-price="calc-annual"],
[data-price="calc-monthly"]{
  text-decoration-color:var(--za-lime)!important;
}
.step{
  border-top:2px solid rgba(207,255,4,.7)!important;
}

/* Hero readability: keep copy entirely on its own clean panel */
.hero-inner>div:first-child,
.page-hero>.container{
  position:relative!important;
  z-index:3!important;
  padding:10px 18px 12px 0!important;
}
.hero h1,.page-hero h1{
  color:#070808!important;
  text-shadow:none!important;
}
.hero .lead,.page-hero .lead{
  color:#343938!important;
  font-weight:500!important;
}

/* Image starts farther right; avoids text/image collision on desktop */
@media(min-width:861px){
  .hero::after,.page-hero::after{
    width:54%!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  .hero-inner>div:first-child,
  .page-hero>.container{
    max-width:575px!important;
  }
  body.page-jobs .page-hero h1{
    font-size:clamp(42px,5.0vw,72px)!important;
    max-width:560px!important;
  }
}

/* Footer/header are the same visual family */
.site-footer{
  border-top:3px solid var(--za-lime)!important;
}
.footer-col h4{
  color:var(--za-lime)!important;
}
.footer-brand p,.footer-contact,.footer-bottom,.footer-note{
  color:rgba(255,255,255,.78)!important;
}

/* Selection and keyboard accessibility */
::selection{
  background:var(--za-lime);
  color:#050505;
}
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--za-lime)!important;
  outline-offset:3px!important;
}

/* Mobile: preserve clarity, avoid giant title collisions */
@media(max-width:860px){
  .hero h1,.page-hero h1{
    font-size:clamp(40px,10vw,58px)!important;
  }
  .hero::after,.page-hero::after{
    filter:saturate(1.03) contrast(1.03)!important;
  }
}
@media(max-width:560px){
  .hero h1,.page-hero h1{
    font-size:clamp(38px,12vw,50px)!important;
    line-height:.96!important;
  }
}