/* 99 Digital v2 — global design layer. Loaded after every legacy stylesheet.
   Tokens, Heebo, header glass, buttons. Page-specific work lives in v2-home.css etc. */

@font-face{font-family:'Heebo';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/heebo-300.ttf') format('truetype')}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/heebo-400.ttf') format('truetype')}
@font-face{font-family:'Heebo';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/heebo-500.ttf') format('truetype')}
@font-face{font-family:'Heebo';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/heebo-600.ttf') format('truetype')}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/heebo-700.ttf') format('truetype')}
@font-face{font-family:'Heebo';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/heebo-800.ttf') format('truetype')}

:root{
  --v2-font:'Heebo','Segoe UI',Arial,sans-serif;
  --v2-mono:'Heebo','Segoe UI',Arial,sans-serif; /* kept as alias: no monospace anywhere */
  --v2-ink:#06140d;
  --v2-ink-2:#0b2116;
  --v2-ink-3:#12301f;
  --v2-green:#0f4b24;
  --v2-green-2:#087d43;
  --v2-mint:#52e3a4;
  --v2-mint-2:#9bf0c8;
  --v2-paper:#fafaf6;
  --v2-paper-2:#f2f4ee;
  --v2-line:#e2e8df;
  --v2-text:#10261a;
  --v2-muted:#5a6f62;
  --v2-on-dark:#e9f5ee;
  --v2-on-dark-muted:#9db8a9;
  --v2-ease:cubic-bezier(.22,1,.36,1);
  --v2-radius:28px;
  --v2-gutter:clamp(20px,4vw,64px);
}

/* Heebo everywhere (Wix Madefor has no Hebrew glyphs, so Hebrew fell back to Arial). */
html body :not(pre):not(code):not(kbd):not(samp):not(.v2-mono):not(svg *){font-family:var(--v2-font)!important}
body{font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--v2-mint);color:var(--v2-ink)}

/* Header: glass bar */
body>header{background:#fafaf6f2!important;-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid #10261a12!important;box-shadow:none!important}
body>header nav>a,body>header nav .n99-products-trigger>a{font-weight:500;letter-spacing:-.005em;transition:color .25s var(--v2-ease)}
body>header .btn{font-weight:600}

/* Buttons */
.btn{transition:transform .35s var(--v2-ease),box-shadow .35s var(--v2-ease),background .25s,color .25s,border-color .25s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--v2-mint);outline-offset:3px;border-radius:6px}

/* Scroll-reveal helpers (state set by motion.js; never hides content without JS) */
.v2-w{font:inherit;color:inherit;display:inline-block;overflow:hidden;vertical-align:top;padding:0 .1em .14em;margin:0 -.1em -.14em}
.v2-wi{font:inherit;color:inherit;display:inline-block;will-change:transform}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.btn:hover{transform:none;transition:none}
}

/* ───────────── Footer: dark, matches the CTA above it ───────────── */
body>footer{
  position:relative;background:var(--v2-ink)!important;color:var(--v2-on-dark-muted)!important;border-top:0!important;margin:0!important;
  padding:clamp(64px,7vw,110px) 0 28px!important;overflow:hidden;
}
body>footer:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 400px at 85% -10%,#14583366,transparent 62%),radial-gradient(700px 360px at 5% 110%,#0c6b4a40,transparent 62%)}
body>footer .wrap{position:relative;width:min(1280px,100% - var(--v2-gutter)*2)}
body>footer .footer-grid{gap:clamp(28px,4vw,64px)!important}
body>footer h3{color:#fff!important;font-size:15px!important;font-weight:600;letter-spacing:0;margin-bottom:18px!important}
body>footer .footer-grid div>a,body>footer .footer-grid div>span{color:var(--v2-on-dark-muted)!important;font-size:15px!important;margin:12px 0!important;transition:color .25s,transform .35s var(--v2-ease)}
body>footer .footer-grid div>a:hover{color:var(--v2-mint)!important;transform:translateX(calc(var(--v2-dir,-1) * 4px))}
body>footer .footer-grid div>small{color:#6f8c7c!important}
body>footer .footer-brand p{color:var(--v2-on-dark-muted)!important;font-size:15px;line-height:1.7;max-width:42ch}
body>footer .footer-logo{display:inline-block;border-radius:16px}
body>footer .n99-footer-careers{border-radius:999px!important;background:var(--v2-mint)!important;color:var(--v2-ink)!important;font-weight:700;border:0!important;padding:0 26px!important;min-height:48px;display:inline-flex!important;align-items:center;gap:10px}
body>footer .footer-badges a,body>footer .iso-cert{background:#f4f7f2!important;border:0!important;border-radius:18px!important;color:#3f5a49!important}
body>footer .iso-cert b{color:var(--v2-ink)!important}
body>footer .iso-cert small,body>footer .footer-badges a span{color:#5a6f62!important}
body>footer .copyright{border-top:1px solid #ffffff1a!important;color:#6f8c7c!important;padding-top:22px!important;margin-top:clamp(36px,4vw,64px)}
body>footer .copyright span{color:#6f8c7c!important}
body>footer .footer-policy-links a{color:var(--v2-on-dark-muted)!important;border:1px solid #ffffff2e!important;background:transparent!important;border-radius:999px!important;transition:border-color .25s,color .25s}
body>footer .footer-policy-links a:hover{color:var(--v2-mint)!important;border-color:var(--v2-mint)!important}
html[dir=ltr] body>footer{--v2-dir:1}

/* Footer contrast (WCAG AA): dark text on the mint careers button, readable badge captions */
html body footer .footer-brand a.n99-footer-careers,
html body footer .footer-brand a.n99-footer-careers:visited,
html body footer .footer-brand a.n99-footer-careers:hover,
html body footer .footer-brand a.n99-footer-careers span{color:var(--v2-ink)!important}
html body footer .footer-badges a span,
html body footer .iso-cert small{color:#46604f!important}

/* Contrast fixes (WCAG AA 4.5:1) found by an automated sweep */
html body .mobile-app-note small{color:#4f6358!important}
html body main:not(#v2) .contact-grid form small{color:#4d5f6e!important}
html body main:not(#v2) .bot-phone-chat .bot-line small{color:#566a5c!important}
html body main.demos-v3:not(#v2):not(#v2) .voice-demo-v3 .voice-v3-copy :is(p,.voice-v3-note){color:#a9c2b3!important}

html body footer .footer-badges a{color:#46604f!important}