/* ============================================================
   VEZRAS — Enterprise OS
   Design tokens
   ============================================================ */
:root{
  /* Brand */
  --navy-900:#062831;
  --navy-800:#073C45;
  --navy-700:#07535E;
  --navy-600:#08727B;
  --navy-500:#0F6B73;

  --teal-700:#025660;
  --teal-600:#006772;
  --teal-500:#078B96;
  --teal-400:#42BAC1;
  --teal-300:#8FDDE0;
  --teal-100:#D8F2F3;
  --teal-050:#EDF9F9;

  --gold-700:#AA7715;
  --gold-600:#C99422;
  --gold-500:#E0B23E;
  --gold-400:#EDC866;
  --gold-300:#F3D98B;
  --gold-100:#FAF2DA;

  --cream:#F5FAFA;
  --cream-2:#EAF2F2;
  --bone:#F8FBFB;
  --ink:#073C45;
  --ink-2:#49616A;
  --ink-3:#6B8189;
  --line:#D8E4E6;
  --line-2:#E8F0F1;

  --danger:#B84A3A;
  --ok:#3F8D67;

  /* Type */
  --f-display:'Plus Jakarta Sans', ui-sans-serif, sans-serif;
  --f-sans:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --f-mono:'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* Motion */
  --e1: cubic-bezier(.22,.61,.36,1);
  --e2: cubic-bezier(.83,0,.17,1);

  /* Shadow */
  --shadow-1:0 1px 2px rgba(11,31,42,.06), 0 8px 24px rgba(11,31,42,.06);
  --shadow-2:0 2px 6px rgba(11,31,42,.08), 0 24px 60px rgba(11,31,42,.12);

  /* Layout */
  --nav-h:calc(68px + env(safe-area-inset-top, 0px));
  --page-x:clamp(20px, 5vw, 72px);
  --max-w:1360px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:var(--f-sans);
  color:var(--ink);
  background:var(--bone);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  overflow-x:clip;
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior-y:none;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a,.btn,.nav__burger,.nav__links a,.nav__mobile a,.card,[role="button"]{touch-action:manipulation}
input,select,textarea{font-size:16px} /* prevents iOS Safari auto-zoom on focus */

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}
}

/* Focus */
:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px;border-radius:3px}

/* iOS Safari dynamic-viewport fix: 100vh includes the area behind the
   collapsing address bar, which causes hero/loader sections to jump or
   crop. dvh reports the *current* visible viewport instead. Older iOS
   (<15.4) doesn't support dvh, so 100vh stays as the fallback. */
@supports (height: 100dvh){
  .page{min-height:100dvh}
  .hero{min-height:min(920px,100dvh)}
  #app:empty::after{height:100dvh}
}

/* Scroll rail */
.scroll-rail{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:100;pointer-events:none}
.scroll-rail__fill{height:100%;background:linear-gradient(90deg,var(--teal-500),var(--gold-500));transform-origin:left;transform:scaleX(0);transition:transform .1s linear}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed;top:0;left:0;right:0;height:var(--nav-h);
  display:flex;align-items:center;gap:24px;
  padding-top:env(safe-area-inset-top,0px);
  padding-left:calc(var(--page-x) + env(safe-area-inset-left,0px));
  padding-right:calc(var(--page-x) + env(safe-area-inset-right,0px));
  z-index:90;
  background:rgba(250,247,240,.82);
  backdrop-filter:saturate(1.2) blur(14px);
  -webkit-backdrop-filter:saturate(1.2) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--e1), background .3s var(--e1);
}
.nav.is-scrolled{border-bottom-color:var(--line-2);background:rgba(250,247,240,.94)}
.nav__logo{display:flex;align-items:center;flex-shrink:0}
.nav__logo-svg{width:96px;height:27px}
.nav__logo-word,.foot__logo-word{
  font-family:var(--f-sans);font-weight:800;font-size:22px;letter-spacing:.02em;
  fill:var(--teal-600)
}
.foot__logo-word{fill:var(--cream)}
.nav__links{
  flex:1;display:flex;justify-content:center;gap:2px;
  font-family:var(--f-sans);font-size:13.5px;font-weight:500;color:var(--ink-2)
}
.nav__links a{
  padding:8px 12px;border-radius:6px;transition:color .2s var(--e1),background-color .2s var(--e1),border-color .2s var(--e1),opacity .2s var(--e1),transform .2s var(--e1),box-shadow .2s var(--e1);position:relative;
}
.nav__links a:hover{color:var(--ink);background:rgba(31,95,95,.06)}
.nav__links a.is-active{color:var(--teal-600)}
.nav__links a.is-active::after{
  content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--gold-500);border-radius:2px
}
.nav__cta{
  flex-shrink:0;font-size:13.5px;font-weight:600;
  padding:10px 18px;border-radius:999px;
  background:var(--navy-800);color:var(--cream);
  transition:transform .2s var(--e1), background .2s var(--e1);
  white-space:nowrap
}
.nav__cta:hover{background:var(--teal-600);transform:translateY(-1px)}
.nav__cta span{transition:transform .2s var(--e1);display:inline-block;margin-left:6px}
.nav__cta:hover span{transform:translateX(3px)}

.nav__burger{display:none;width:44px;height:44px;position:relative;flex-direction:column;justify-content:center;gap:5px;align-items:center;margin:-4px}
.nav__burger span{display:block;width:20px;height:1.5px;background:var(--ink);transition:transform .3s var(--e1),opacity .3s}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.nav__mobile{
  position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;
  background:var(--navy-900);color:var(--cream);
  padding:36px var(--page-x) calc(36px + env(safe-area-inset-bottom,0px));
  transform:translateY(-4%);opacity:0;pointer-events:none;
  transition:opacity .3s var(--e1),transform .3s var(--e1);
  z-index:89;overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.nav__mobile.is-open{opacity:1;transform:none;pointer-events:auto}
.nav__mobile a{
  display:block;padding:18px 0;font-family:var(--f-display);font-size:24px;font-weight:400;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.nav__mobile-cta{color:var(--gold-500)!important;font-weight:600!important}

@media (max-width: 1100px){
  .nav__links{display:none}
  .nav__cta{display:none}
  .nav__burger{display:flex}
}

/* ============================================================
   TYPOGRAPHY / SHARED
   ============================================================ */
h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:400;letter-spacing:-.01em;line-height:1.05}
p{margin:0;line-height:1.55}

.eyebrow{
  font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--teal-500);
  display:inline-flex;align-items:center;gap:8px
}
.eyebrow::before{content:"";width:24px;height:1px;background:currentColor;display:inline-block}
.eyebrow--gold{color:var(--gold-600)}
.eyebrow--cream{color:var(--gold-400)}

.kicker{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

.title-xl{font-size:clamp(48px, 7.2vw, 108px);line-height:.98;letter-spacing:-.025em}
.title-xl em{font-style:italic;color:var(--gold-500);font-weight:400}
.title-lg{font-size:clamp(36px, 4.8vw, 68px);line-height:1.02;letter-spacing:-.018em}
.title-md{font-size:clamp(28px, 3.2vw, 44px);line-height:1.06;letter-spacing:-.012em}
.title-sm{font-size:clamp(22px, 2.2vw, 30px);line-height:1.15}

.lead{font-size:clamp(17px, 1.4vw, 20px);line-height:1.55;color:var(--ink-2);max-width:60ch}
.body{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.body--sm{font-size:14px;line-height:1.55;color:var(--ink-2)}

.page{min-height:100vh;padding-top:var(--nav-h)}
.section{padding:clamp(64px,8vw,120px) var(--page-x)}
.section--tight{padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(48px,5vw,72px)}
.section--dark{background:var(--navy-800);color:var(--cream)}
.section--dark .body,.section--dark .lead{color:rgba(245,250,250,.84)}
.section--dark .kicker,.section--dark .eyebrow{color:var(--gold-400)}
.section--dark .eyebrow{color:var(--gold-400)}
.section--cream{background:var(--cream)}
.wrap{max-width:var(--max-w);margin:0 auto}

.section-head{max-width:820px;margin-bottom:56px}
.section-head .eyebrow{margin-bottom:20px}
.section-head h2{margin-bottom:20px}
.section-head p{color:var(--ink-2)}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;border-radius:999px;
  font-family:var(--f-sans);font-weight:600;font-size:14.5px;letter-spacing:-.005em;
  transition:color .22s var(--e1),background-color .22s var(--e1),border-color .22s var(--e1),opacity .22s var(--e1),transform .22s var(--e1),box-shadow .22s var(--e1);white-space:nowrap
}
.btn__arrow{transition:transform .22s var(--e1)}
.btn:hover .btn__arrow{transform:translateX(4px)}
.btn--primary{background:var(--navy-800);color:var(--cream)}
.btn--primary:hover{background:var(--teal-600)}
.btn--gold{background:var(--gold-500);color:var(--navy-900)}
.btn--gold:hover{background:var(--gold-400)}
.btn--ghost{border:1px solid var(--line);color:var(--ink);background:transparent}
.btn--ghost:hover{border-color:var(--teal-500);color:var(--teal-600)}
.btn--dark-ghost{border:1px solid rgba(245,241,232,.24);color:var(--cream)}
.btn--dark-ghost:hover{border-color:var(--gold-500);color:var(--gold-400)}

/* Chip */
.chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border-radius:999px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(31,95,95,.08);color:var(--teal-600);
  border:1px solid rgba(31,95,95,.16)
}
.chip__dot{width:6px;height:6px;border-radius:50%;background:var(--gold-500)}
.chip--dark{background:rgba(201,162,76,.14);color:var(--gold-400);border-color:rgba(201,162,76,.28)}

/* ============================================================
   HOMEPAGE — Hero
   ============================================================ */
.hero{
  position:relative;
  min-height:min(920px,100vh);
  padding:calc(var(--nav-h) + 40px) var(--page-x) 80px;
  background:var(--bone);
  overflow:clip;
  display:flex;align-items:center;
}
.hero__grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(31,95,95,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31,95,95,.06) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image:radial-gradient(ellipse at 50% 30%, black 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%, black 30%, transparent 75%);
}
.hero__inner{
  max-width:var(--max-w);margin:0 auto;width:100%;
  display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;
  position:relative;z-index:1;
}
.hero__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.hero__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 4px rgba(201,162,76,.2);animation:pulse-dot 2.4s var(--e1) infinite}
@keyframes pulse-dot{
  0%,100%{box-shadow:0 0 0 4px rgba(201,162,76,.2)}
  50%{box-shadow:0 0 0 8px rgba(201,162,76,.08)}
}
.hero__title{margin-bottom:28px}
.hero__title-line{display:block;overflow:clip}
.hero__title-line span{display:inline-block;transform:translateY(102%);animation:rise-in .9s .1s var(--e1) forwards}
.hero__title-line:nth-child(2) span{animation-delay:.22s}
.hero__title-line:nth-child(3) span{animation-delay:.34s}
@keyframes rise-in{to{transform:none}}
.hero__lede{max-width:52ch;font-size:clamp(17px,1.5vw,20px);color:var(--ink-2);line-height:1.55;margin-bottom:36px}
.hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero__meta{
  margin-top:56px;display:flex;gap:32px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)
}
.hero__meta strong{display:block;font-family:var(--f-display);font-size:32px;color:var(--teal-600);font-weight:400;margin-bottom:4px;letter-spacing:-.02em;text-transform:none}

/* Hero visual — the pulsing OS diagram */
.hero__visual{position:relative;aspect-ratio:1;max-width:600px;margin-left:auto}
.hero__visual svg{width:100%;height:100%}

/* Hero — small screens */
@media (max-width:900px){
  .hero__inner{grid-template-columns:1fr;gap:56px}
  .hero__visual{margin:0 auto;max-width:420px}
}

/* ============================================================
   HOMEPAGE — Enterprise Evolution (scroll simulator)
   ============================================================ */
.evolution{
  background:var(--navy-800);color:var(--cream);
  position:relative;overflow:clip;
}
.evolution__intro{padding:clamp(72px,8vw,120px) var(--page-x) 40px;max-width:var(--max-w);margin:0 auto}
.evolution__intro h2{color:var(--cream);max-width:16ch;margin-bottom:24px}
.evolution__intro p{color:rgba(245,250,250,.78);max-width:56ch}

.evolution__stage{
  position:relative;
  padding:40px var(--page-x) 120px;
  max-width:var(--max-w);margin:0 auto;
  display:grid;grid-template-columns:200px 1fr 1fr;gap:48px;
  align-items:flex-start;
}
.evolution__nav{position:sticky;top:calc(var(--nav-h) + 60px);align-self:start}
.evolution__nav-item{
  display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;
  padding:14px 0;cursor:pointer;
  border-top:1px solid rgba(245,241,232,.1);
  opacity:.42;transition:opacity .3s var(--e1);
}
.evolution__nav-item:last-child{border-bottom:1px solid rgba(245,241,232,.1)}
.evolution__nav-item.is-active{opacity:1}
.evolution__nav-num{font-family:var(--f-mono);font-size:11px;color:var(--gold-400);letter-spacing:.1em}
.evolution__nav-name{font-family:var(--f-display);font-size:18px;font-weight:400;line-height:1.15}
.evolution__nav-era{font-family:var(--f-mono);font-size:10px;color:rgba(245,241,232,.5);letter-spacing:.08em;text-transform:uppercase;grid-column:2}

.evolution__stage-viz{
  position:sticky;top:calc(var(--nav-h) + 60px);
  height:min(560px,72vh);
  border:1px solid rgba(245,241,232,.1);border-radius:16px;
  background:linear-gradient(180deg, rgba(31,95,95,.15) 0%, rgba(11,31,42,.4) 100%);
  overflow:clip;
}
.evolution__stage-viz svg{width:100%;height:100%}
.evolution__stage-label{
  position:absolute;top:20px;left:24px;right:24px;
  display:flex;justify-content:space-between;align-items:baseline;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(245,241,232,.5)
}
.evolution__stage-title{
  position:absolute;bottom:24px;left:24px;right:24px;
  transition:opacity .5s var(--e1);
}
.evolution__stage-title h3{font-family:var(--f-display);font-size:32px;color:var(--cream);margin-bottom:8px}
.evolution__stage-title p{font-size:14px;color:rgba(245,250,250,.74);max-width:44ch}
.evolution__stage-title .limit{
  margin-top:12px;font-family:var(--f-mono);font-size:10.5px;color:var(--gold-400);
  letter-spacing:.1em;text-transform:uppercase
}

.evolution__panel{
  padding:60px 0;min-height:60vh;
  border-bottom:1px solid rgba(245,241,232,.08);
  opacity:.35;transition:opacity .5s var(--e1)
}
.evolution__panel.is-in-view{opacity:1}
.evolution__panel:last-child{border-bottom:0}
.evolution__panel-num{font-family:var(--f-mono);font-size:12px;color:var(--gold-400);letter-spacing:.12em;margin-bottom:16px}
.evolution__panel h3{font-family:var(--f-display);font-size:clamp(28px,3vw,42px);color:var(--cream);margin-bottom:20px;letter-spacing:-.015em}
.evolution__panel p{color:rgba(245,250,250,.84);max-width:52ch;font-size:15.5px;line-height:1.6;margin-bottom:20px}
.evolution__panel ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.evolution__panel li{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;
  padding:6px 12px;border:1px solid rgba(245,241,232,.16);border-radius:4px;
  color:rgba(245,250,250,.84)
}
.evolution__panel .limit-block{
  margin-top:32px;padding:20px 24px;
  border-left:2px solid var(--gold-500);background:rgba(201,162,76,.06);
  border-radius:0 6px 6px 0;
}
.evolution__panel .limit-block strong{color:var(--gold-400);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:6px;font-weight:500}
.evolution__panel .limit-block span{color:rgba(245,241,232,.86);font-size:15px}

.evolution__outro{
  padding:0 var(--page-x) 100px;max-width:var(--max-w);margin:0 auto;
  display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap
}
.evolution__outro-txt{max-width:60ch;font-family:var(--f-display);font-style:italic;font-size:clamp(20px,2vw,28px);color:var(--cream);line-height:1.35}

@media (max-width:1100px){
  .evolution__stage{grid-template-columns:1fr;gap:32px}
  .evolution__nav{position:relative;top:0;display:flex;gap:6px;overflow-x:auto;padding-bottom:16px}
  .evolution__nav-item{flex:0 0 180px;padding:12px 14px;border:1px solid rgba(245,241,232,.1);border-radius:8px;background:rgba(0,0,0,.15);grid-template-columns:auto;row-gap:4px}
  .evolution__nav-era{grid-column:1}
  .evolution__stage-viz{position:relative;top:0;height:340px}
}

/* ============================================================
   HOMEPAGE — Enterprise OS Layer Reveal
   ============================================================ */
.os-reveal{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--cream)}
.os-reveal__inner{max-width:var(--max-w);margin:0 auto}
.os-reveal__head{
  display:grid;grid-template-columns:1fr 1fr;gap:64px;
  margin-bottom:64px;align-items:end
}
.os-reveal__head h2{max-width:16ch}
.os-reveal__head p{max-width:44ch}

.os-reveal__grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start;
}
.os-reveal__stage{
  position:sticky;top:calc(var(--nav-h) + 40px);
  aspect-ratio:1.1;
  border:1px solid var(--line);border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#F5FAFA 100%);
  overflow:clip;
  box-shadow:var(--shadow-1);
}
.os-reveal__stage svg{width:100%;height:100%}

.os-reveal__controls{display:flex;flex-direction:column;gap:12px}
.os-reveal__layer{
  border:1px solid var(--line);
  border-radius:12px;
  padding:20px 22px;
  background:#fff;
  cursor:pointer;text-align:left;
  transition:border-color .25s var(--e1),transform .25s var(--e1),box-shadow .25s var(--e1);
  display:grid;grid-template-columns:38px 1fr auto;gap:18px;align-items:center
}
.os-reveal__layer:hover{border-color:var(--teal-500);transform:translateY(-1px)}
.os-reveal__layer.is-on{
  border-color:var(--teal-600);background:linear-gradient(180deg,#fff 0%,#EAF2F1 100%);
  box-shadow:var(--shadow-1)
}
.os-reveal__layer-num{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;
  color:var(--ink-3);
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--cream-2);
  transition:color .25s var(--e1)
}
.os-reveal__layer.is-on .os-reveal__layer-num{background:var(--teal-600),background-color .25s var(--e1)
}
.os-reveal__layer.is-on .os-reveal__layer-num{background:var(--teal-600),border-color .25s var(--e1)
}
.os-reveal__layer.is-on .os-reveal__layer-num{background:var(--teal-600),opacity .25s var(--e1)
}
.os-reveal__layer.is-on .os-reveal__layer-num{background:var(--teal-600),transform .25s var(--e1)
}
.os-reveal__layer.is-on .os-reveal__layer-num{background:var(--teal-600),box-shadow .25s var(--e1)
}
.os-reveal__layer.is-on .os-reveal__layer-num{background:var(--teal-600);color:var(--cream)}
.os-reveal__layer-body h4{font-family:var(--f-display);font-size:20px;margin-bottom:2px;color:var(--ink)}
.os-reveal__layer-body p{font-size:13.5px;color:var(--ink-2);margin:0}
.os-reveal__layer-toggle{
  width:36px;height:22px;border-radius:22px;background:var(--line-2);position:relative;flex-shrink:0;
  transition:background .25s var(--e1)
}
.os-reveal__layer-toggle::after{
  content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;
  border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);
  transition:transform .25s var(--e1)
}
.os-reveal__layer.is-on .os-reveal__layer-toggle{background:var(--teal-600)}
.os-reveal__layer.is-on .os-reveal__layer-toggle::after{transform:translateX(14px)}

@media (max-width:900px){
  .os-reveal__head{grid-template-columns:1fr;gap:24px}
  .os-reveal__grid{grid-template-columns:1fr;gap:32px}
  .os-reveal__stage{position:relative;top:0;aspect-ratio:1}
}

/* ============================================================
   VALUE FLOW — Home + Enterprise OS
   ============================================================ */
.value-flow{background:var(--bone);padding:clamp(80px,10vw,140px) var(--page-x)}
.value-flow__inner{max-width:var(--max-w);margin:0 auto}

.flow-engine{
  margin-top:56px;
  background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--shadow-1);
  overflow:clip
}
.flow-engine__strip{
  display:grid;grid-template-columns:repeat(4, 1fr);
  border-bottom:1px solid var(--line);
}
.flow-engine__step{
  padding:24px 28px;border-right:1px solid var(--line);
  cursor:pointer;position:relative;
  transition:background .25s var(--e1)
}
.flow-engine__step:last-child{border-right:0}
.flow-engine__step:hover{background:var(--cream)}
.flow-engine__step.is-active{background:var(--navy-800);color:var(--cream)}
.flow-engine__step-num{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;
  color:var(--ink-3);margin-bottom:8px
}
.flow-engine__step.is-active .flow-engine__step-num{color:var(--gold-400)}
.flow-engine__step h4{font-family:var(--f-display);font-size:22px;margin-bottom:6px}
.flow-engine__step p{font-size:13px;color:var(--ink-2);line-height:1.5}
.flow-engine__step.is-active p{color:rgba(245,250,250,.84)}

.flow-engine__stage{
  min-height:520px;
  position:relative;background:#fff;
  padding:40px;
}
.flow-engine__stage svg{width:100%;height:100%;position:absolute;inset:0;padding:24px}

/* Path controls for step 3 & 4 */
.flow-engine__paths{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-top:1px solid var(--line);
}
.flow-engine__path{
  padding:28px 32px;border-right:1px solid var(--line);
  display:flex;flex-direction:column;gap:16px;
}
.flow-engine__path:last-child{border-right:0;background:linear-gradient(180deg,var(--cream) 0%,var(--bone) 100%)}
.flow-engine__path-label{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--teal-600)
}
.flow-engine__path h4{font-family:var(--f-display);font-size:22px;color:var(--ink)}
.flow-engine__path-picks{display:flex;gap:8px;flex-wrap:wrap}
.flow-engine__pick{
  padding:6px 12px;border-radius:6px;
  border:1px solid var(--line);background:#fff;
  font-size:13px;color:var(--ink-2);cursor:pointer;
  transition:color .2s var(--e1)
}
.flow-engine__pick:hover{border-color:var(--teal-500)}
.flow-engine__pick.is-picked{background:var(--navy-800),background-color .2s var(--e1)
}
.flow-engine__pick:hover{border-color:var(--teal-500)}
.flow-engine__pick.is-picked{background:var(--navy-800),border-color .2s var(--e1)
}
.flow-engine__pick:hover{border-color:var(--teal-500)}
.flow-engine__pick.is-picked{background:var(--navy-800),opacity .2s var(--e1)
}
.flow-engine__pick:hover{border-color:var(--teal-500)}
.flow-engine__pick.is-picked{background:var(--navy-800),transform .2s var(--e1)
}
.flow-engine__pick:hover{border-color:var(--teal-500)}
.flow-engine__pick.is-picked{background:var(--navy-800),box-shadow .2s var(--e1)
}
.flow-engine__pick:hover{border-color:var(--teal-500)}
.flow-engine__pick.is-picked{background:var(--navy-800);color:var(--cream);border-color:var(--navy-800)}

@media (max-width: 900px){
  .flow-engine__strip{grid-template-columns:1fr 1fr}
  .flow-engine__step:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .flow-engine__step:nth-child(2){border-right:0}
  .flow-engine__paths{grid-template-columns:1fr}
  .flow-engine__path{border-right:0;border-bottom:1px solid var(--line)}
}

/* ============================================================
   WHY NOW — Macro Pressure Simulator
   ============================================================ */
.pressure{
  background:linear-gradient(180deg, var(--navy-900) 0%, var(--navy-800) 100%);
  color:var(--cream);
  padding:clamp(80px,10vw,140px) var(--page-x);
}
.pressure__inner{max-width:var(--max-w);margin:0 auto}
.pressure__head{max-width:820px;margin-bottom:56px}
.pressure__head h2{color:var(--cream);margin-bottom:20px}
.pressure__head p{color:rgba(245,250,250,.78)}
.pressure__lab{
  display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start;
  border:1px solid rgba(245,241,232,.12);border-radius:20px;
  background:rgba(0,0,0,.2);
  overflow:clip
}
.pressure__controls{padding:32px;border-right:1px solid rgba(245,241,232,.1)}
.pressure__label{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);margin-bottom:16px}
.pressure__control{
  padding:16px 0;border-bottom:1px solid rgba(245,241,232,.08);
  display:flex;flex-direction:column;gap:8px
}
.pressure__control:last-child{border-bottom:0}
.pressure__control-row{display:flex;justify-content:space-between;align-items:baseline}
.pressure__control-name{font-size:14px;color:var(--cream)}
.pressure__control-val{font-family:var(--f-mono);font-size:13px;color:var(--gold-400);letter-spacing:.05em}
.pressure__slider{width:100%;-webkit-appearance:none;appearance:none;height:2px;padding:14px 0;background-clip:content-box;background-color:rgba(245,241,232,.15);border-radius:2px;outline:0;touch-action:pan-y}
.pressure__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--gold-500);border-radius:50%;cursor:pointer;transition:transform .2s}
.pressure__slider::-webkit-slider-thumb:hover{transform:scale(1.25)}
.pressure__slider::-moz-range-thumb{width:22px;height:22px;background:var(--gold-500);border-radius:50%;cursor:pointer;border:0}

.pressure__stage{
  padding:32px;position:relative;
  display:flex;flex-direction:column;gap:20px;
}
.pressure__stage-viz{position:relative;flex:1;min-height:400px}
.pressure__stage-viz svg{width:100%;height:100%;position:absolute;inset:0}
.pressure__gauges{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.pressure__gauge{padding:14px 16px;background:rgba(0,0,0,.35);border-radius:8px;border:1px solid rgba(245,241,232,.08)}
.pressure__gauge-lbl{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:rgba(245,241,232,.5);text-transform:uppercase;margin-bottom:4px}
.pressure__gauge-val{font-family:var(--f-display);font-size:24px;color:var(--gold-400);letter-spacing:-.02em}

.pressure__stats{
  margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px
}
.pressure__stat{
  padding:32px;border:1px solid rgba(245,241,232,.1);border-radius:14px;
  background:rgba(0,0,0,.18)
}
.pressure__stat-num{font-family:var(--f-display);font-size:64px;color:var(--gold-500);line-height:1;letter-spacing:-.03em;margin-bottom:12px}
.pressure__stat-lbl{font-size:14px;color:rgba(245,250,250,.86);line-height:1.5;margin-bottom:8px}
.pressure__stat-src{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;color:rgba(245,241,232,.4);text-transform:uppercase}

@media (max-width:900px){
  .pressure__lab{grid-template-columns:1fr}
  .pressure__controls{border-right:0;border-bottom:1px solid rgba(245,241,232,.1)}
  .pressure__stats{grid-template-columns:1fr}
}

/* ============================================================
   ARCHITECTURE — Six-layer explorer
   ============================================================ */
.arch{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--bone)}
.arch__inner{max-width:var(--max-w);margin:0 auto}
.arch__head{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:64px;align-items:end}
.arch__head h2{max-width:14ch}
.arch__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.arch__stack{display:flex;flex-direction:column;gap:8px}
.arch__layer{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:20px 24px;cursor:pointer;transition:color .3s var(--e1),background-color .3s var(--e1),border-color .3s var(--e1),opacity .3s var(--e1),transform .3s var(--e1),box-shadow .3s var(--e1);
  display:grid;grid-template-columns:56px 1fr auto;gap:20px;align-items:center;
  position:relative;text-align:left;
}
.arch__layer::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  border-radius:12px 0 0 12px;background:transparent;transition:background .3s var(--e1)
}
.arch__layer:hover{border-color:var(--teal-500);transform:translateX(4px)}
.arch__layer.is-active{border-color:var(--navy-800);background:linear-gradient(90deg,#fff 0%,rgba(31,95,95,.04) 100%)}
.arch__layer.is-active::before{background:var(--teal-600)}
.arch__layer[data-highlight="gold"].is-active::before{background:var(--gold-500)}
.arch__layer[data-highlight="gold"]{background:linear-gradient(90deg,#fff 0%,rgba(201,162,76,.05) 100%)}
.arch__layer[data-highlight="gold"].is-active{background:linear-gradient(90deg,#fff 0%,rgba(201,162,76,.1) 100%);border-color:var(--gold-600)}
.arch__layer-num{
  font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;
  color:var(--ink);
  width:56px;height:56px;
  border-radius:8px;background:var(--cream-2);
  display:grid;place-items:center;
  transition:color .3s var(--e1),background-color .3s var(--e1),border-color .3s var(--e1),opacity .3s var(--e1),transform .3s var(--e1),box-shadow .3s var(--e1);font-weight:500;
}
.arch__layer.is-active .arch__layer-num{background:var(--navy-800);color:var(--gold-400)}
.arch__layer[data-highlight="gold"].is-active .arch__layer-num{background:var(--gold-500);color:var(--navy-900)}
.arch__layer-body h4{font-family:var(--f-display);font-size:22px;margin-bottom:4px;color:var(--ink)}
.arch__layer-body p{font-size:13.5px;color:var(--ink-2);margin:0}
.arch__layer-arrow{color:var(--ink-3);transition:transform .3s var(--e1)}
.arch__layer.is-active .arch__layer-arrow{transform:rotate(90deg);color:var(--teal-600)}

.arch__detail{
  position:sticky;top:calc(var(--nav-h) + 40px);
  background:var(--navy-800);color:var(--cream);
  border-radius:16px;overflow:clip;
  min-height:600px;
}
.arch__detail-header{
  padding:24px 28px;
  border-bottom:1px solid rgba(245,241,232,.1);
  display:flex;justify-content:space-between;align-items:baseline;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(245,241,232,.55)
}
.arch__detail-badge{padding:4px 10px;border:1px solid rgba(201,162,76,.5);border-radius:4px;color:var(--gold-400)}
.arch__detail-body{padding:32px}
.arch__detail-body h3{font-family:var(--f-display);font-size:32px;color:var(--cream);margin-bottom:16px;letter-spacing:-.015em}
.arch__detail-body p.arch__detail-lede{color:rgba(245,241,232,.78);font-size:15.5px;line-height:1.55;margin-bottom:28px}
.arch__detail-features{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-bottom:32px}
.arch__detail-feature{padding:14px 0;border-top:1px solid rgba(245,241,232,.08)}
.arch__detail-feature-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--gold-400);text-transform:uppercase;margin-bottom:4px}
.arch__detail-feature-txt{font-size:13.5px;color:rgba(245,241,232,.86);line-height:1.5}
.arch__detail-diagram{
  aspect-ratio:2;
  background:rgba(0,0,0,.28);border-radius:10px;
  padding:20px;position:relative;overflow:clip
}
.arch__detail-diagram svg{width:100%;height:100%}
.arch__detail-breaks{
  margin-top:24px;padding:16px 20px;
  border-left:2px solid var(--gold-500);
  background:rgba(201,162,76,.08);
  border-radius:0 8px 8px 0
}
.arch__detail-breaks strong{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;color:var(--gold-400);text-transform:uppercase;margin-bottom:4px}
.arch__detail-breaks span{color:rgba(245,241,232,.88);font-size:13.5px;line-height:1.5}

@media (max-width:900px){
  .arch__head{grid-template-columns:1fr;gap:24px}
  .arch__grid{grid-template-columns:1fr}
  .arch__detail{position:relative;top:0}
}

/* ============================================================
   BUSINESS CORTEX — Knowledge Graph
   ============================================================ */
.cortex{background:var(--navy-900);color:var(--cream);padding:clamp(80px,10vw,140px) var(--page-x);position:relative;overflow:clip}
.cortex::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 70% 30%, rgba(201,162,76,.08) 0%, transparent 50%),
             radial-gradient(circle at 20% 70%, rgba(31,95,95,.15) 0%, transparent 50%);
  pointer-events:none
}
.cortex__inner{max-width:var(--max-w);margin:0 auto;position:relative}
.cortex__head{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:64px;align-items:end}
.cortex__head h2{color:var(--cream);max-width:16ch}
.cortex__head p{color:rgba(245,250,250,.82)}
.cortex__lab{
  display:grid;grid-template-columns:1fr 340px;gap:32px;
  border:1px solid rgba(245,241,232,.1);border-radius:20px;
  background:rgba(0,0,0,.25);overflow:clip;min-height:640px
}
.cortex__graph{position:relative}
.cortex__graph svg{width:100%;height:100%;display:block}
.cortex__legend{position:absolute;top:20px;left:20px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,241,232,.5);z-index:2}
.cortex__zoom{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:2}
.cortex__zoom button{width:32px;height:32px;border-radius:6px;background:rgba(0,0,0,.4);border:1px solid rgba(245,241,232,.15);color:var(--cream);font-size:16px}
.cortex__zoom button:hover{background:rgba(201,162,76,.15);border-color:var(--gold-500)}

.cortex__panel{
  border-left:1px solid rgba(245,241,232,.1);
  padding:28px;
  display:flex;flex-direction:column;gap:20px;
  background:rgba(0,0,0,.15)
}
.cortex__panel-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400)}
.cortex__panel h3{font-family:var(--f-display);font-size:26px;color:var(--cream);letter-spacing:-.01em}
.cortex__panel p{font-size:14px;color:rgba(245,241,232,.78);line-height:1.55}
.cortex__panel-node{
  padding:14px 16px;background:rgba(31,95,95,.18);border:1px solid rgba(74,151,151,.28);border-radius:8px;
  font-family:var(--f-mono);font-size:12px;color:var(--teal-300);letter-spacing:.04em
}
.cortex__pillars{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cortex__pillar{
  padding:24px;border:1px solid rgba(245,241,232,.1);border-radius:12px;
  background:rgba(0,0,0,.24);
  transition:border-color .3s var(--e1),transform .3s var(--e1);cursor:pointer;
}
.cortex__pillar:hover{border-color:var(--gold-500);transform:translateY(-2px)}
.cortex__pillar-icon{width:36px;height:36px;margin-bottom:16px;color:var(--gold-500)}
.cortex__pillar h4{font-family:var(--f-display);font-size:20px;color:var(--cream);margin-bottom:8px;letter-spacing:-.005em}
.cortex__pillar p{font-size:13px;color:rgba(245,241,232,.65);line-height:1.5}

@media (max-width:900px){
  .cortex__head{grid-template-columns:1fr;gap:24px}
  .cortex__lab{grid-template-columns:1fr}
  .cortex__panel{border-left:0;border-top:1px solid rgba(245,241,232,.1)}
  .cortex__pillars{grid-template-columns:1fr 1fr}
}

/* ============================================================
   DECISION INTELLIGENCE — Scenario Engine
   ============================================================ */
.decision{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--bone)}
.decision__inner{max-width:var(--max-w);margin:0 auto}
.decision__head{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:56px;align-items:end}
.decision__head h2{max-width:14ch}
.decision__lab{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--shadow-1);overflow:clip
}
.decision__lab-topbar{
  padding:20px 28px;background:var(--navy-800);color:var(--cream);
  display:flex;justify-content:space-between;align-items:center
}
.decision__lab-topbar-lbl{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400)}
.decision__lab-topbar-status{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:rgba(245,250,250,.82);display:flex;align-items:center;gap:8px}
.decision__lab-topbar-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#3F8D67;box-shadow:0 0 6px #3F8D67}

.decision__lab-body{display:grid;grid-template-columns:320px 1fr 320px;min-height:600px}
.decision__ctx{
  padding:28px;border-right:1px solid var(--line);background:var(--cream)
}
.decision__ctx-lbl{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.decision__ctx h3{font-family:var(--f-display);font-size:22px;margin-bottom:20px;letter-spacing:-.005em}
.decision__field{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.decision__field:last-child{border-bottom:0}
.decision__field-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;margin-bottom:6px}
.decision__field-picks{display:flex;flex-wrap:wrap;gap:6px}
.decision__field-pick{
  padding:6px 12px;border:1px solid var(--line);background:#fff;border-radius:6px;
  font-size:12.5px;color:var(--ink-2);cursor:pointer;transition:color .2s var(--e1)
}
.decision__field-pick:hover{border-color:var(--teal-500),background-color .2s var(--e1)
}
.decision__field-pick:hover{border-color:var(--teal-500),border-color .2s var(--e1)
}
.decision__field-pick:hover{border-color:var(--teal-500),opacity .2s var(--e1)
}
.decision__field-pick:hover{border-color:var(--teal-500),transform .2s var(--e1)
}
.decision__field-pick:hover{border-color:var(--teal-500),box-shadow .2s var(--e1)
}
.decision__field-pick:hover{border-color:var(--teal-500);color:var(--ink)}
.decision__field-pick.is-on{background:var(--navy-800);color:var(--cream);border-color:var(--navy-800)}
.decision__range{width:100%;margin-top:8px}

.decision__viz{padding:28px;position:relative}
.decision__viz-lbl{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.decision__viz svg{width:100%;height:400px}
.decision__options{margin-top:8px;display:grid;gap:8px}
.decision__opt{
  padding:12px 16px;border:1px solid var(--line);border-radius:8px;
  display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;
  cursor:pointer;transition:color .25s var(--e1)
}
.decision__opt:hover{border-color:var(--teal-500)}
.decision__opt.is-recommended{border-color:var(--gold-500),background-color .25s var(--e1)
}
.decision__opt:hover{border-color:var(--teal-500)}
.decision__opt.is-recommended{border-color:var(--gold-500),border-color .25s var(--e1)
}
.decision__opt:hover{border-color:var(--teal-500)}
.decision__opt.is-recommended{border-color:var(--gold-500),opacity .25s var(--e1)
}
.decision__opt:hover{border-color:var(--teal-500)}
.decision__opt.is-recommended{border-color:var(--gold-500),transform .25s var(--e1)
}
.decision__opt:hover{border-color:var(--teal-500)}
.decision__opt.is-recommended{border-color:var(--gold-500),box-shadow .25s var(--e1)
}
.decision__opt:hover{border-color:var(--teal-500)}
.decision__opt.is-recommended{border-color:var(--gold-500);background:rgba(201,162,76,.05)}
.decision__opt-badge{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3)}
.decision__opt.is-recommended .decision__opt-badge{color:var(--gold-600);font-weight:600}
.decision__opt-name{font-size:14px;font-weight:500}
.decision__opt-conf{font-family:var(--f-mono);font-size:12px;color:var(--teal-600)}

.decision__panel{
  padding:28px;border-left:1px solid var(--line);background:var(--cream);
  display:flex;flex-direction:column;gap:16px
}
.decision__panel-lbl{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-600)}
.decision__panel h3{font-family:var(--f-display);font-size:22px;letter-spacing:-.005em}
.decision__panel-txt{font-size:14px;color:var(--ink-2);line-height:1.55}
.decision__panel-metric{padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px}
.decision__panel-metric-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.decision__panel-metric-val{font-family:var(--f-display);font-size:22px;color:var(--teal-700);letter-spacing:-.01em}
.decision__panel-metric-delta{font-family:var(--f-mono);font-size:11px;color:var(--ok);margin-top:2px}

@media (max-width:1100px){
  .decision__lab-body{grid-template-columns:1fr}
  .decision__ctx,.decision__panel{border-right:0;border-left:0;border-bottom:1px solid var(--line)}
}

/* ============================================================
   AUTOMATION — Process Transformation Simulator
   ============================================================ */
.automation{background:var(--navy-800);color:var(--cream);padding:clamp(80px,10vw,140px) var(--page-x)}
.automation__inner{max-width:var(--max-w);margin:0 auto}
.automation__head{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:56px;align-items:end}
.automation__head h2{color:var(--cream);max-width:14ch}
.automation__head p{color:rgba(245,250,250,.82)}

.automation__lab{
  border:1px solid rgba(245,241,232,.1);border-radius:20px;
  background:rgba(0,0,0,.25);overflow:clip
}
.automation__toolbar{
  padding:20px 28px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  border-bottom:1px solid rgba(245,241,232,.1)
}
.automation__process{
  display:flex;gap:8px;flex-wrap:wrap
}
.automation__process-pick{
  padding:8px 14px;border:1px solid rgba(245,241,232,.15);border-radius:6px;
  font-size:13px;color:rgba(245,250,250,.82);cursor:pointer;transition:color .2s var(--e1)
}
.automation__process-pick:hover{color:var(--cream),background-color .2s var(--e1)
}
.automation__process-pick:hover{color:var(--cream),border-color .2s var(--e1)
}
.automation__process-pick:hover{color:var(--cream),opacity .2s var(--e1)
}
.automation__process-pick:hover{color:var(--cream),transform .2s var(--e1)
}
.automation__process-pick:hover{color:var(--cream),box-shadow .2s var(--e1)
}
.automation__process-pick:hover{color:var(--cream);border-color:var(--gold-500)}
.automation__process-pick.is-on{background:var(--gold-500);color:var(--navy-900);border-color:var(--gold-500);font-weight:600}

.automation__stages{display:flex;gap:4px}
.automation__stage-btn{
  padding:8px 16px;border-radius:6px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(245,250,250,.72);cursor:pointer;transition:color .2s var(--e1),background-color .2s var(--e1),border-color .2s var(--e1),opacity .2s var(--e1),transform .2s var(--e1),box-shadow .2s var(--e1);
  border:1px solid transparent
}
.automation__stage-btn:hover{color:var(--cream)}
.automation__stage-btn.is-on{background:var(--teal-600);color:var(--cream);border-color:var(--teal-500)}

.automation__canvas{padding:32px;min-height:520px;position:relative}
.automation__canvas svg{width:100%;height:100%;position:absolute;inset:0;padding:32px}

.automation__legend{
  display:flex;justify-content:space-between;gap:20px;padding:20px 28px;
  border-top:1px solid rgba(245,241,232,.1);flex-wrap:wrap;
}
.automation__legend-item{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:rgba(245,241,232,.65);text-transform:uppercase}
.automation__legend-swatch{width:14px;height:14px;border-radius:3px}

.automation__stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid rgba(245,241,232,.1)
}
.automation__stat{padding:20px 28px;border-right:1px solid rgba(245,241,232,.08);text-align:left}
.automation__stat:last-child{border-right:0}
.automation__stat-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:rgba(245,241,232,.55);text-transform:uppercase;margin-bottom:6px}
.automation__stat-val{font-family:var(--f-display);font-size:28px;color:var(--gold-400);letter-spacing:-.015em;line-height:1}
.automation__stat-delta{font-family:var(--f-mono);font-size:11px;color:#7BC69A;margin-top:4px}

@media (max-width:900px){
  .automation__head,.automation__stats{grid-template-columns:1fr}
  .automation__toolbar{flex-direction:column;align-items:flex-start}
  .automation__stat{border-right:0;border-bottom:1px solid rgba(245,241,232,.08)}
}

/* ============================================================
   INTEGRATIONS — Stack Simulator
   ============================================================ */
.stack{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--cream)}
.stack__inner{max-width:var(--max-w);margin:0 auto}
.stack__lab{
  margin-top:48px;
  display:grid;grid-template-columns:280px 1fr 280px;
  border:1px solid var(--line);border-radius:20px;background:#fff;
  box-shadow:var(--shadow-1);overflow:clip;min-height:600px
}
.stack__left,.stack__right{padding:24px;background:var(--bone)}
.stack__right{border-left:1px solid var(--line)}
.stack__left{border-right:1px solid var(--line)}
.stack__left-lbl,.stack__right-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.stack__systems{display:flex;flex-direction:column;gap:8px}
.stack__sys{
  padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:8px;
  cursor:pointer;transition:color .25s var(--e1),background-color .25s var(--e1),border-color .25s var(--e1),opacity .25s var(--e1),transform .25s var(--e1),box-shadow .25s var(--e1);
  display:flex;justify-content:space-between;align-items:center
}
.stack__sys:hover{border-color:var(--teal-500)}
.stack__sys.is-on{background:var(--navy-800);color:var(--cream);border-color:var(--navy-800)}
.stack__sys-name{font-size:13.5px;font-weight:500}
.stack__sys-cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.stack__sys.is-on .stack__sys-cat{color:var(--gold-400)}

.stack__center{padding:32px;position:relative;background:linear-gradient(180deg, #fff 0%, var(--bone) 100%)}
.stack__center svg{width:100%;height:100%;position:absolute;inset:0;padding:24px}

.stack__right-item{padding:14px 0;border-bottom:1px solid var(--line)}
.stack__right-item:last-child{border-bottom:0}
.stack__right-item-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--teal-600);text-transform:uppercase;margin-bottom:4px}
.stack__right-item-val{font-size:14px;color:var(--ink);line-height:1.45}

@media (max-width:1100px){
  .stack__lab{grid-template-columns:1fr}
  .stack__left,.stack__right{border-right:0;border-left:0;border-bottom:1px solid var(--line)}
}

/* ============================================================
   IMPLEMENTATION — Rollout Simulator
   ============================================================ */
.rollout{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--bone)}
.rollout__inner{max-width:var(--max-w);margin:0 auto}
.rollout__timeline{
  margin-top:48px;position:relative;
  display:grid;grid-template-columns:repeat(6, 1fr);gap:16px
}
.rollout__timeline::before{
  content:"";position:absolute;top:22px;left:22px;right:22px;height:1px;
  background:linear-gradient(90deg, var(--teal-500) 0%, var(--gold-500) 100%)
}
.rollout__phase{
  position:relative;padding-top:52px;text-align:left;cursor:pointer
}
.rollout__phase-dot{
  position:absolute;top:16px;left:0;width:12px;height:12px;border-radius:50%;
  background:#fff;border:2px solid var(--teal-500);
  transition:color .25s var(--e1)
}
.rollout__phase.is-on .rollout__phase-dot{background:var(--gold-500),background-color .25s var(--e1)
}
.rollout__phase.is-on .rollout__phase-dot{background:var(--gold-500),border-color .25s var(--e1)
}
.rollout__phase.is-on .rollout__phase-dot{background:var(--gold-500),opacity .25s var(--e1)
}
.rollout__phase.is-on .rollout__phase-dot{background:var(--gold-500),transform .25s var(--e1)
}
.rollout__phase.is-on .rollout__phase-dot{background:var(--gold-500),box-shadow .25s var(--e1)
}
.rollout__phase.is-on .rollout__phase-dot{background:var(--gold-500);border-color:var(--gold-500);box-shadow:0 0 0 5px rgba(201,162,76,.2)}
.rollout__phase-num{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin-bottom:6px}
.rollout__phase-name{font-family:var(--f-display);font-size:18px;letter-spacing:-.005em;margin-bottom:4px}
.rollout__phase-tag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-600)}

.rollout__detail{
  margin-top:48px;padding:40px;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow-1);
  display:grid;grid-template-columns:1fr 1fr;gap:48px
}
.rollout__detail h3{font-family:var(--f-display);font-size:36px;letter-spacing:-.015em;margin-bottom:12px}
.rollout__detail p.rollout__detail-lede{color:var(--ink-2);font-size:15.5px;line-height:1.55;margin-bottom:24px}
.rollout__detail-tag{
  display:inline-flex;padding:4px 10px;border-radius:4px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  background:var(--cream-2);color:var(--ink-2);margin-bottom:20px
}
.rollout__detail-items{display:flex;flex-direction:column;gap:12px}
.rollout__detail-item{padding:12px 16px;background:var(--bone);border-radius:8px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.rollout__detail-item::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-500);margin-top:8px}
.rollout__detail-item-name{font-size:14px;color:var(--ink);line-height:1.4}

.rollout__detail-outputs{background:var(--navy-800);color:var(--cream);border-radius:12px;padding:24px;align-self:start}
.rollout__detail-outputs h4{font-family:var(--f-display);font-size:18px;color:var(--gold-400);margin-bottom:16px}
.rollout__detail-output{padding:12px 0;border-bottom:1px solid rgba(245,241,232,.08);font-size:14px;color:rgba(245,241,232,.85)}
.rollout__detail-output:last-child{border-bottom:0}
.rollout__detail-output span{font-family:var(--f-mono);font-size:10.5px;color:var(--teal-300);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:2px}

@media (max-width:900px){
  .rollout__timeline{grid-template-columns:1fr 1fr}
  .rollout__timeline::before{display:none}
  .rollout__detail{grid-template-columns:1fr;padding:24px}
}

/* ============================================================
   GOVERNANCE — Control Tower
   ============================================================ */
.gov{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--navy-900);color:var(--cream)}
.gov__inner{max-width:var(--max-w);margin:0 auto}
.gov__head{max-width:820px;margin-bottom:48px}
.gov__head h2{color:var(--cream);margin-bottom:20px}
.gov__head p{color:rgba(245,250,250,.82)}

.gov__tower{
  border:1px solid rgba(245,241,232,.12);border-radius:20px;
  background:rgba(0,0,0,.28);overflow:clip
}
.gov__tower-bar{
  padding:16px 28px;
  display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid rgba(245,241,232,.1);flex-wrap:wrap;gap:16px
}
.gov__tower-title{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:rgba(245,241,232,.65);text-transform:uppercase;display:flex;align-items:center;gap:10px}
.gov__tower-title::before{content:"";width:8px;height:8px;border-radius:50%;background:#7BC69A;box-shadow:0 0 8px #7BC69A}
.gov__tower-meta{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:rgba(245,241,232,.5)}

.gov__grid{display:grid;grid-template-columns:1.4fr 1fr;min-height:560px}
.gov__stream{padding:24px 28px;border-right:1px solid rgba(245,241,232,.08);overflow-y:auto;max-height:560px}
.gov__event{
  padding:16px 0;border-bottom:1px solid rgba(245,241,232,.06);
  display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;
  cursor:pointer;
  transition:background .2s
}
.gov__event:hover{background:rgba(255,255,255,.03)}
.gov__event.is-selected{background:rgba(201,162,76,.06);margin:0 -28px;padding:16px 28px}
.gov__event-time{font-family:var(--f-mono);font-size:11px;color:rgba(245,241,232,.5);letter-spacing:.05em;margin-top:2px}
.gov__event-body{}
.gov__event-title{font-size:14px;color:var(--cream);margin-bottom:4px;line-height:1.4}
.gov__event-meta{font-family:var(--f-mono);font-size:10.5px;color:rgba(245,241,232,.5);letter-spacing:.06em}
.gov__event-badge{
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  padding:3px 8px;border-radius:3px;
  border:1px solid rgba(245,241,232,.15);color:rgba(245,250,250,.82)
}
.gov__event-badge--approved{border-color:rgba(123,198,154,.4);color:#7BC69A}
.gov__event-badge--pending{border-color:rgba(201,162,76,.4);color:var(--gold-400)}
.gov__event-badge--auto{border-color:rgba(74,151,151,.4);color:var(--teal-300)}

.gov__trace{padding:28px}
.gov__trace-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;color:var(--gold-400);text-transform:uppercase;margin-bottom:12px}
.gov__trace h3{font-family:var(--f-display);font-size:24px;color:var(--cream);margin-bottom:20px;letter-spacing:-.005em}
.gov__trace-steps{display:flex;flex-direction:column;gap:0;position:relative;margin-left:8px}
.gov__trace-step{padding:16px 0 16px 32px;position:relative}
.gov__trace-step::before{
  content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:rgba(245,241,232,.14)
}
.gov__trace-step:last-child::before{bottom:50%}
.gov__trace-step::after{
  content:"";position:absolute;left:1px;top:20px;width:9px;height:9px;border-radius:50%;
  background:var(--teal-500);border:2px solid var(--navy-900)
}
.gov__trace-step[data-status="approved"]::after{background:#7BC69A}
.gov__trace-step[data-status="pending"]::after{background:var(--gold-500)}
.gov__trace-step-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.gov__trace-step-actor{font-size:13.5px;color:var(--cream);font-weight:500}
.gov__trace-step-time{font-family:var(--f-mono);font-size:10.5px;color:rgba(245,241,232,.45);letter-spacing:.05em}
.gov__trace-step-detail{font-size:13px;color:rgba(245,241,232,.65);line-height:1.45}

@media (max-width:900px){
  .gov__grid{grid-template-columns:1fr}
  .gov__stream{border-right:0;border-bottom:1px solid rgba(245,241,232,.08)}
}

/* ============================================================
   WHY VEZRAS — Comparison Simulator
   ============================================================ */
.compare{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--cream)}
.compare__inner{max-width:var(--max-w);margin:0 auto}
.compare__toggle{
  display:inline-flex;
  padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff;
  margin-bottom:48px;
}
.compare__toggle-opt{
  padding:10px 20px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink-2);
  cursor:pointer;transition:color .25s var(--e1)
}
.compare__toggle-opt.is-on{background:var(--navy-800),background-color .25s var(--e1)
}
.compare__toggle-opt.is-on{background:var(--navy-800),border-color .25s var(--e1)
}
.compare__toggle-opt.is-on{background:var(--navy-800),opacity .25s var(--e1)
}
.compare__toggle-opt.is-on{background:var(--navy-800),transform .25s var(--e1)
}
.compare__toggle-opt.is-on{background:var(--navy-800),box-shadow .25s var(--e1)
}
.compare__toggle-opt.is-on{background:var(--navy-800);color:var(--cream)}

.compare__stage{
  padding:40px;border:1px solid var(--line);border-radius:20px;background:#fff;
  box-shadow:var(--shadow-1);min-height:600px;position:relative;overflow:clip;
}
.compare__stage-lbl{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px
}
.compare__stage-title{font-family:var(--f-display);font-size:32px;letter-spacing:-.015em;margin-bottom:8px}
.compare__stage-sub{font-size:15px;color:var(--ink-2);margin-bottom:32px;max-width:60ch;line-height:1.55}
.compare__viz{position:relative;min-height:360px}
.compare__viz svg{width:100%;height:360px}
.compare__stage-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;
  padding-top:24px;border-top:1px solid var(--line)
}
.compare__stage-metric-lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;margin-bottom:6px}
.compare__stage-metric-val{font-family:var(--f-display);font-size:28px;color:var(--teal-700);letter-spacing:-.015em}
.compare__stage-metric-note{font-family:var(--f-mono);font-size:11px;color:var(--ink-3);margin-top:2px}

@media (max-width:900px){
  .compare__stage-metrics{grid-template-columns:1fr}
}

/* ============================================================
   CTA / CONTACT
   ============================================================ */
.cta{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--navy-900);color:var(--cream);position:relative;overflow:clip}
.cta::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 40%, rgba(201,162,76,.14) 0%, transparent 50%),
             radial-gradient(circle at 80% 60%, rgba(31,95,95,.2) 0%, transparent 50%);
  pointer-events:none
}
.cta__inner{max-width:var(--max-w);margin:0 auto;position:relative;z-index:1}
.cta__quote{
  font-family:var(--f-display);font-style:italic;
  font-size:clamp(36px,5.5vw,84px);line-height:1.05;letter-spacing:-.02em;
  max-width:22ch;margin-bottom:48px
}
.cta__quote em{font-style:normal;color:var(--gold-500);font-weight:400}
.cta__row{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.cta__contact{display:flex;flex-direction:column;gap:12px}
.cta__contact-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400)}
.cta__contact-line{font-family:var(--f-display);font-size:26px;letter-spacing:-.01em}
.cta__contact-line a{color:var(--cream);border-bottom:1px solid rgba(201,162,76,.4);transition:border-color .25s}
.cta__contact-line a:hover{border-color:var(--gold-500)}
.cta__actions{display:flex;gap:12px;flex-wrap:wrap}

/* Contact page — form  */
.contact{padding:clamp(80px,10vw,140px) var(--page-x);background:var(--bone)}
.contact__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contact__side{position:sticky;top:calc(var(--nav-h) + 40px)}
.contact__side h2{font-family:var(--f-display);font-size:clamp(36px,4vw,56px);letter-spacing:-.02em;margin-bottom:20px}
.contact__side p{color:var(--ink-2);font-size:16px;line-height:1.55;margin-bottom:32px;max-width:44ch}
.contact__side-item{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.contact__side-item:last-child{border-bottom:1px solid var(--line)}
.contact__side-lbl{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}
.contact__side-val{font-size:15px;color:var(--ink)}

.contact__form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;box-shadow:var(--shadow-1)}
.contact__form-row{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}
.contact__form-row label{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}
.contact__form-row input,.contact__form-row select,.contact__form-row textarea{
  padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--bone);
  font-family:var(--f-sans);font-size:15px;color:var(--ink);width:100%;
  transition:border-color .2s
}
.contact__form-row input:focus,.contact__form-row select:focus,.contact__form-row textarea:focus{outline:0;border-color:var(--teal-600);background:#fff}
.contact__form-row textarea{min-height:120px;resize:vertical}
.contact__form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact__form-submit{width:100%;padding:16px;background:var(--navy-800);color:var(--cream);border-radius:10px;font-weight:600;font-size:15px;transition:background .25s}
.contact__form-submit:hover{background:var(--teal-600)}
.contact__form-note{font-size:12.5px;color:var(--ink-3);margin-top:12px;text-align:center}

@media (max-width:900px){
  .contact__inner{grid-template-columns:1fr;gap:48px}
  .contact__side{position:relative;top:0}
  .contact__form-row-2{grid-template-columns:1fr}
}

/* ============================================================
   FOOTER
   ============================================================ */
.foot{background:var(--navy-900);color:rgba(245,250,250,.84);padding:80px var(--page-x) 40px}
.foot__grid{
  max-width:var(--max-w);margin:0 auto;
  display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px 32px;
  padding-bottom:48px;border-bottom:1px solid rgba(245,241,232,.08)
}
.foot__logo-svg{width:110px;height:31px;margin-bottom:20px}
.foot__tagline{font-family:var(--f-display);font-style:italic;font-size:18px;line-height:1.35;color:var(--cream);max-width:32ch}
.foot__col{display:flex;flex-direction:column;gap:12px;font-size:14px}
.foot__label{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);margin-bottom:6px}
.foot__col a{transition:color .2s}
.foot__col a:hover{color:var(--cream)}
.foot__meta{
  max-width:var(--max-w);margin:32px auto 0;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,241,232,.4)
}
.foot__meta-tag{color:var(--gold-400)}

@media (max-width:900px){
  .foot__grid{grid-template-columns:1fr 1fr}
}

/* ============================================================
   GENERIC SUB-PAGE HEADER
   ============================================================ */
.page-hero{
  padding:calc(var(--nav-h) + 80px) var(--page-x) 60px;
  background:var(--bone);
  position:relative;overflow:clip;
}
.page-hero__inner{max-width:var(--max-w);margin:0 auto}
.page-hero__crumb{
  display:flex;gap:12px;align-items:center;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px
}
.page-hero__crumb::before{content:"";width:24px;height:1px;background:var(--teal-500)}
.page-hero h1{font-family:var(--f-display);font-size:clamp(44px,6vw,84px);line-height:1.02;letter-spacing:-.02em;max-width:16ch;margin-bottom:24px}
.page-hero h1 em{font-style:italic;color:var(--gold-500);font-weight:400}
.page-hero p{color:var(--ink-2);font-size:clamp(17px,1.4vw,20px);line-height:1.55;max-width:58ch}
.page-hero--dark{background:var(--navy-800);color:var(--cream)}
.page-hero--dark p{color:rgba(245,250,250,.84)}
.page-hero--dark .page-hero__crumb{color:var(--gold-400)}
.page-hero--dark .page-hero__crumb::before{background:var(--gold-500)}

/* Utility */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:900px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
}

/* Content card */
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;transition:color .25s var(--e1)}
.card:hover{border-color:var(--teal-500),background-color .25s var(--e1)}
.card:hover{border-color:var(--teal-500),border-color .25s var(--e1)}
.card:hover{border-color:var(--teal-500),opacity .25s var(--e1)}
.card:hover{border-color:var(--teal-500),transform .25s var(--e1)}
.card:hover{border-color:var(--teal-500),box-shadow .25s var(--e1)}
.card:hover{border-color:var(--teal-500);transform:translateY(-2px);box-shadow:var(--shadow-1)}
.card--dark{background:rgba(0,0,0,.28);border-color:rgba(245,241,232,.1);color:var(--cream)}
.card--dark:hover{border-color:var(--gold-500)}
.card__icon{width:32px;height:32px;color:var(--teal-600);margin-bottom:16px}
.card--dark .card__icon{color:var(--gold-500)}
.card h4{font-family:var(--f-display);font-size:22px;margin-bottom:8px;letter-spacing:-.005em}
.card p{font-size:14px;line-height:1.55;color:var(--ink-2)}
.card--dark p{color:rgba(245,250,250,.84)}

/* Number strip */
.numbers{padding:64px var(--page-x);background:var(--navy-800);color:var(--cream)}
.numbers__grid{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.numbers__stat{padding:16px 0;border-top:1px solid rgba(245,241,232,.14)}
.numbers__stat-val{font-family:var(--f-display);font-size:48px;color:var(--gold-500);letter-spacing:-.03em;line-height:1;margin-bottom:8px}
.numbers__stat-lbl{font-size:13.5px;color:rgba(245,250,250,.82);line-height:1.5}
@media (max-width:900px){.numbers__grid{grid-template-columns:1fr 1fr}}

/* Route transition */
.route-enter{animation:route-in .55s var(--e1)}
.route-enter > *{animation:section-in .65s var(--e1) both}
@keyframes section-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes route-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* No FOUC before app.js runs */
#app:empty::after{content:"";display:block;height:100vh}


/* Official Vezras asset treatment */
.nav__logo-img{display:block;width:104px;height:34px;object-fit:contain;object-position:center}
.foot__logo-img{display:block;width:126px;height:36px;object-fit:contain;object-position:center}
.vzpd__brand{min-height:78px}
.vzpd__brand-wordmark{display:block;width:118px;height:34px;object-fit:contain;object-position:center;margin-top:2px}
.vzpd__brand-icon{display:none}
.vzpd__synthetic{position:absolute;left:0;right:0;bottom:7px;text-align:center;font:500 7px/1 var(--f-mono);letter-spacing:.14em;color:rgba(255,255,255,.44)}
.vzpd__product-badge{display:inline-flex;align-items:center;margin-left:auto;margin-right:8px;padding:4px 7px;border-radius:999px;background:#e8f3f4;color:#0e6c78;font:700 9px/1 var(--f-mono);letter-spacing:.08em}
.vz-story__stage-meta{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 3px;font:500 9px/1.2 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.vz-story__stage-meta span:last-child{color:var(--gold-700)}
@media (max-width:700px){
  .nav__logo-img{width:92px;height:31px}
  .foot__logo-img{width:112px;height:32px}
  .vzpd__product-badge{display:none}
  .vz-story__stage-meta{font-size:8px;flex-direction:column;gap:4px}
}



/* Enterprise OS hero heading — keep the requested phrase on one line where space allows */
.page-hero--enterprise-os h1{max-width:none;white-space:nowrap}
@media(max-width:900px){.page-hero--enterprise-os h1{white-space:normal}}



/* ================================================================
   VEZRAS PRODUCT EXPERIENCE — screenshot-faithful interactive demo
   ================================================================ */
.vz-story{position:relative;background:var(--bone);padding:clamp(56px,7vw,100px) var(--page-x) clamp(70px,8vw,120px);overflow:clip}
.vz-story__inner{max-width:var(--max-w);margin:0 auto}
.vz-story__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:48px;align-items:end;margin-bottom:46px}
.vz-story__head h2{max-width:13ch}
.vz-story__head p{max-width:46ch;color:var(--ink-2)}
.vz-story__grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}
.vz-story__steps{position:sticky;top:calc(var(--nav-h) + 28px);display:flex;flex-direction:column;gap:8px}
.vz-story__step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:13px 14px;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:10px;cursor:pointer;transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1);text-align:left}
.vz-story__step:hover{border-color:var(--teal-400);transform:translateX(3px)}
.vz-story__step.is-active{background:var(--navy-800);border-color:var(--navy-800);color:var(--cream);box-shadow:var(--shadow-1)}
.vz-story__num{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-3);padding-top:2px}
.vz-story__step.is-active .vz-story__num{color:var(--gold-400)}
.vz-story__step h3{font-family:var(--f-sans);font-size:13.5px;font-weight:650;line-height:1.2;letter-spacing:-.01em;margin-bottom:4px}
.vz-story__step p{font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.vz-story__step.is-active p{color:rgba(245,241,232,.68)}
.vz-story__stage{position:sticky;top:calc(var(--nav-h) + 24px);min-width:0}
.vz-story__stage::before,.vz-story__stage::after{content:"";position:absolute;inset:3% 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(42,122,122,.16),transparent);pointer-events:none}
.vz-story__stage::after{top:auto;bottom:3%}

.vzpd{--pd-sidebar:#091c32;--pd-sidebar-2:#0e2844;--pd-ink:#132033;--pd-muted:#6e829d;--pd-line:#dfe6ee;--pd-soft:#f6f8fb;--pd-teal:#0f5e6f;--pd-teal-2:#0b7181;--pd-red:#e52b2f;--pd-amber:#e98b00;--pd-green:#1ca66a;display:grid;grid-template-columns:220px minmax(0,1fr) 318px;min-height:860px;border:1px solid #cfd8e2;border-radius:18px;overflow:hidden;background:#f9fbfd;box-shadow:0 24px 80px rgba(7,22,30,.16)}
.vzpd *{box-sizing:border-box}
.vzpd__side{background:linear-gradient(180deg,var(--pd-sidebar),#071528);color:#fff;padding:16px 10px 18px;display:flex;flex-direction:column;gap:10px}
.vzpd__brand{height:58px;border:1px solid rgba(222,236,249,.56);border-radius:10px;display:grid;place-items:center;margin:0 2px 7px;background:rgba(255,255,255,.02);position:relative;overflow:hidden}
.vzpd__brand::after{content:"";position:absolute;left:18%;right:18%;bottom:8px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.75}
.vzpd__brand-word{display:none;font-family:var(--f-sans);font-style:italic;font-size:23px;font-weight:850;letter-spacing:.08em;color:#087c93;transform:skew(-10deg)}
.vzpd__brand-dots{position:absolute;bottom:3px;display:flex;gap:6px}
.vzpd__brand-dots i{width:4px;height:4px;border-radius:50%;background:var(--gold-500);display:block}
.vzpd__collapse{position:absolute;right:8px;top:10px;font-size:11px;color:rgba(255,255,255,.68)}
.vzpd__nav-title{font:500 9px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.44);padding:8px 11px 4px}
.vzpd__nav{display:flex;flex-direction:column;gap:2px}
.vzpd__nav-btn{border:0;background:transparent;color:rgba(255,255,255,.78);padding:10px 11px;border-radius:8px;font:500 12px/1.1 var(--f-sans);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;transition:background .22s var(--e1),color .22s var(--e1),transform .22s var(--e1)}
.vzpd__nav-btn:hover{background:rgba(31,95,95,.32);color:#fff;transform:translateX(2px)}
.vzpd__nav-btn.is-active{background:#0c5b69;color:#fff;box-shadow:inset 0 0 0 1px rgba(143,209,220,.08)}
.vzpd__nav-btn small{font:500 10px/1 var(--f-mono);color:rgba(255,255,255,.42)}
.vzpd__nav-sep{height:1px;background:rgba(255,255,255,.08);margin:4px 10px}
.vzpd__main{background:#fbfcfe;min-width:0;display:flex;flex-direction:column}
.vzpd__top{height:74px;padding:15px 22px 12px;border-bottom:1px solid var(--pd-line);display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:4}
.vzpd__crumb{font-size:11px;color:#60728b;margin-bottom:4px}
.vzpd__crumb strong{color:var(--pd-teal);font-weight:700}
.vzpd__title{font-size:19px;line-height:1.05;font-weight:760;color:#152034;letter-spacing:-.025em}
.vzpd__top-actions{display:flex;align-items:center;gap:8px}
.vzpd__search{display:flex;align-items:center;gap:10px;border:1px solid var(--pd-line);background:#fff;border-radius:9px;padding:8px 10px;color:#73839a;font-size:11px;min-width:116px;box-shadow:0 1px 3px rgba(17,27,45,.04)}
.vzpd__iconbtn{width:34px;height:34px;border:1px solid var(--pd-line);border-radius:50%;display:grid;place-items:center;background:#fff;color:#516580;font-weight:700}
.vzpd__avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#083647;color:#dff5fa;border:1px solid #0d788a;font:700 12px var(--f-mono);box-shadow:0 0 0 4px rgba(17,124,144,.08)}
.vzpd__canvas{padding:15px 22px 26px;min-height:0;overflow:auto}
.vzpd__canvas-inner{animation:vzpd-in .45s var(--e1)}
@keyframes vzpd-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.vzpd__section-label{font-size:17px;font-weight:760;letter-spacing:-.02em;color:#1b2639;margin:3px 0 8px}
.vzpd__subhead{font-size:12px;font-weight:700;color:#2e3c51;margin-bottom:8px}
.vzpd__count{font:500 10px var(--f-mono);color:#657791;margin-left:5px}
.vzpd__severity{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;margin:8px 0 9px}
.vzpd__dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.vzpd__dot--red{background:#ed2c2c}.vzpd__dot--amber{background:#ef9200}.vzpd__dot--green{background:#18a66b}
.vzpd__attention{display:grid;gap:9px}
.vzpd__card{background:#fff;border:1px solid #e3e8ef;border-left:3px solid var(--pd-amber);border-radius:10px;padding:14px 16px;box-shadow:0 2px 5px rgba(22,36,58,.04);cursor:pointer;transition:transform .22s var(--e1),box-shadow .22s var(--e1),border-color .22s var(--e1)}
.vzpd__card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(24,37,58,.08);border-color:#cfd8e3}
.vzpd__card--critical{border-left-color:var(--pd-red)}
.vzpd__card--good{border-left-color:var(--pd-green)}
.vzpd__card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.vzpd__card h4{font:700 14px/1.15 var(--f-sans);color:#1b273a;letter-spacing:-.01em}
.vzpd__status{font:700 9px/1 var(--f-mono);letter-spacing:.1em;color:var(--pd-amber)}
.vzpd__status--critical{color:var(--pd-red)}.vzpd__status--good{color:var(--pd-green)}
.vzpd__value{font-size:12px;color:#687c96;margin-top:5px}
.vzpd__divider{height:1px;background:#e5ebf1;margin:10px 0 8px}
.vzpd__action{font-size:11.5px;color:#233049}.vzpd__action strong{color:#0b6d7d;font-weight:750}
.vzpd__grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}
.vzpd__metric{padding:13px;background:#fff;border:1px solid #e4e9ef;border-radius:10px}
.vzpd__metric-label{font:500 9px var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:#728299;margin-bottom:7px}
.vzpd__metric-val{font-size:21px;font-weight:780;color:#19263b;letter-spacing:-.04em}
.vzpd__metric-note{font-size:10.5px;color:#6d8199;margin-top:3px}
.vzpd__chart{height:120px;margin-top:9px;border:1px solid #e4e9ef;border-radius:10px;background:linear-gradient(180deg,#fff,#f6f9fc);position:relative;overflow:hidden}
.vzpd__chart::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 24.9%,#e8edf2 25%,transparent 25.2% 49.9%,#e8edf2 50%,transparent 50.2% 74.9%,#e8edf2 75%,transparent 75.2%),linear-gradient(180deg,transparent 0 24.9%,#e8edf2 25%,transparent 25.2% 49.9%,#e8edf2 50%,transparent 50.2% 74.9%,#e8edf2 75%,transparent 75.2%);opacity:.75}
.vzpd__chart svg{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.vzpd__right{background:linear-gradient(180deg,#071d35,#11344f 48%,#1c7d73 100%);color:#fff;display:flex;flex-direction:column;min-width:0;position:relative}
.vzpd__ai-head{padding:18px 18px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,24,45,.25);display:flex;align-items:center;gap:10px}
.vzpd__ai-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#bdeff5,#0b5d72 70%);box-shadow:0 0 0 5px rgba(20,147,158,.14);font-size:13px}
.vzpd__ai-name{font-weight:760;font-size:14px;line-height:1.05}.vzpd__online{font-size:10px;color:#61e49c;margin-top:3px}.vzpd__ai-body{padding:20px 18px;display:flex;flex:1;flex-direction:column;gap:12px;overflow:auto}
.vzpd__msg{max-width:88%;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.42}
.vzpd__msg--user{align-self:flex-end;background:#0a6b79;color:#e6fbfd}.vzpd__msg--ai{align-self:flex-start;background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.06)}
.vzpd__ai-context{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:2px}
.vzpd__ai-pill{padding:8px 9px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.09);border-radius:7px;font-size:9.5px;color:rgba(255,255,255,.75)}
.vzpd__ai-pill strong{display:block;color:#fff;font-size:10px;margin-bottom:2px}
.vzpd__suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.vzpd__suggestion{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);padding:7px 9px;border-radius:999px;font-size:9.5px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--e1)}
.vzpd__suggestion:hover{background:rgba(23,169,171,.18);border-color:rgba(107,230,230,.35);transform:translateY(-1px)}
.vzpd__composer{padding:12px 16px 15px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr auto;gap:8px;background:rgba(0,0,0,.08)}
.vzpd__composer input{min-width:0;background:rgba(1,19,34,.34);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px 12px;color:#fff;outline:none}.vzpd__composer input::placeholder{color:rgba(255,255,255,.46)}
.vzpd__composer button{border:0;border-radius:9px;padding:0 14px;background:#0e7f87;color:#dffeff;font-weight:700;cursor:pointer}
.vzpd__detail{position:absolute;inset:0;background:rgba(248,251,253,.96);backdrop-filter:blur(14px);z-index:7;opacity:0;pointer-events:none;transform:translateX(12px);transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1);display:flex;flex-direction:column}
.vzpd__detail.is-open{opacity:1;pointer-events:auto;transform:none}
.vzpd__detail-top{padding:16px 18px;border-bottom:1px solid var(--pd-line);display:flex;align-items:center;justify-content:space-between;background:#fff}
.vzpd__detail-close{width:32px;height:32px;border:1px solid var(--pd-line);border-radius:50%;background:#fff;color:#53647a;cursor:pointer}
.vzpd__detail-body{padding:20px;overflow:auto}
.vzpd__detail-kicker{font:500 9px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#0f6b7c;margin-bottom:8px}
.vzpd__detail h3{font:760 25px/1.05 var(--f-sans);color:#17243a;letter-spacing:-.03em;margin-bottom:9px}
.vzpd__detail p{font-size:12px;color:#647791;line-height:1.55;max-width:62ch}
.vzpd__detail-list{display:grid;gap:7px;margin-top:16px}
.vzpd__detail-item{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:10px 0;border-top:1px solid #e3e9ef;font-size:11.5px}.vzpd__detail-item strong{font:600 9px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#7a8aa0}.vzpd__detail-item span{color:#243149}
.vzpd__detail-actions{display:flex;gap:8px;margin-top:18px}.vzpd__detail-actions button{padding:10px 13px;border-radius:8px;font-weight:700;font-size:11px;cursor:pointer;border:1px solid var(--pd-line);background:#fff;color:#314158}.vzpd__detail-actions .is-primary{background:#0b5f70;color:#fff;border-color:#0b5f70}

.vz-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--e1),transform .7s var(--e1)}
.vz-reveal.is-visible{opacity:1;transform:none}
.vz-reveal[data-delay="1"]{transition-delay:.08s}.vz-reveal[data-delay="2"]{transition-delay:.16s}.vz-reveal[data-delay="3"]{transition-delay:.24s}

@media (max-width:1080px){.vzpd{grid-template-columns:190px minmax(0,1fr);}.vzpd__right{grid-column:1/-1;min-height:320px}.vzpd__ai-body{min-height:180px}.vz-story__grid{grid-template-columns:190px minmax(0,1fr)}}
@media (max-width:820px){.vz-story__stage{position:relative;top:0}.vz-story__head{grid-template-columns:1fr;gap:18px}.vz-story__grid{grid-template-columns:1fr}.vz-story__steps{position:relative;top:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:auto;padding-bottom:4px}.vz-story__step{min-width:170px}.vzpd{grid-template-columns:1fr;min-height:auto}.vzpd__side{display:none}.vzpd__top{height:auto;position:relative;padding:14px}.vzpd__canvas{padding:13px}.vzpd__right{grid-column:auto;min-height:360px}.vzpd__grid2{grid-template-columns:1fr}.vzpd__search{min-width:90px}}
@media (max-width:560px){.vz-story{padding-left:14px;padding-right:14px}.vz-story__steps{grid-template-columns:none;display:flex}.vzpd__top-actions .vzpd__iconbtn:nth-of-type(2){display:none}.vzpd__search{display:none}.vzpd__section-label{font-size:16px}.vzpd__card{padding:12px}.vzpd__ai-body{padding:14px}.vzpd__composer{padding:10px}.vzpd__detail-body{padding:16px}}

/* ============================================================
   PREMIUM Vezras 2026 visual pass
   Brand-led light canvas + cinematic scroll
   ============================================================ */
:root{
  --navy-900:#062831;
  --navy-800:#073C45;
  --navy-700:#07535E;
  --navy-600:#08727B;
  --navy-500:#138D95;
  --teal-700:#025660;
  --teal-600:#006772;
  --teal-500:#078B96;
  --teal-400:#42BAC1;
  --teal-300:#8FDDE0;
  --teal-100:#DDF2F3;
  --teal-050:#EDF9F9;
  --gold-700:#AA7715;
  --gold-600:#C99422;
  --gold-500:#E0B23E;
  --gold-400:#EDC866;
  --gold-300:#F3D98B;
  --gold-100:#FAF2DA;
  --cream:#F5FAFA;
  --cream-2:#EAF2F2;
  --bone:#F8FBFB;
  --ink:#10252D;
  --ink-2:#49616A;
  --ink-3:#6B8189;
  --line:#D8E4E6;
  --line-2:#E8F0F1;
  --danger:#C94B42;
  --ok:#238F67;
  --shadow-1:0 1px 2px rgba(4,43,51,.05),0 10px 30px rgba(4,43,51,.07);
  --shadow-2:0 4px 14px rgba(4,43,51,.08),0 28px 80px rgba(4,43,51,.13);
}
body{background:var(--bone)}
.nav{
  background:rgba(248,251,251,.84);
  border-bottom-color:transparent;
  box-shadow:0 1px 0 rgba(2,86,96,.06);
}
.nav.is-scrolled{background:rgba(248,251,251,.96);border-bottom-color:var(--line)}
.nav__logo-img{width:158px;height:42px;object-fit:contain;object-position:left center}
.nav__logo{padding:2px 0}
.nav__links a:hover{background:rgba(0,103,114,.07)}
.nav__links a.is-active{color:var(--teal-700)}
.nav__links a.is-active::after{background:var(--gold-500)}
.nav__cta{background:var(--teal-700);color:#fff;box-shadow:0 8px 22px rgba(2,86,96,.16)}
.nav__cta:hover{background:var(--teal-600)}
.nav__mobile{background:linear-gradient(180deg,#062831 0%,#073C45 100%)}

.hero{background:
  radial-gradient(circle at 78% 34%, rgba(8,139,150,.11), transparent 28%),
  radial-gradient(circle at 22% 18%, rgba(224,178,62,.09), transparent 22%),
  var(--bone);}
.hero__grid{
  background-image:
    linear-gradient(rgba(0,103,114,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,103,114,.055) 1px, transparent 1px);
}
.hero__meta strong{color:var(--teal-700)}
.btn--primary{background:var(--teal-700)}
.btn--primary:hover{background:var(--teal-600)}
.btn--gold{background:var(--gold-500);color:#072B33}
.btn--gold:hover{background:var(--gold-400)}
.btn--ghost{border-color:var(--line);background:rgba(255,255,255,.55)}
.chip{background:var(--teal-050);color:var(--teal-700);border-color:rgba(0,103,114,.16)}
.eyebrow{color:var(--teal-600)}
.eyebrow--gold{color:var(--gold-700)}

.section--dark{
  background:linear-gradient(145deg,#062831 0%,#074750 55%,#0B626B 100%);
}
.section--cream{background:#F2F7F7}
.numbers{background:#F2F7F7;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.numbers__stat{border-top-color:var(--line)}
.numbers__stat-val{color:var(--teal-700)}
.numbers__stat-lbl{color:var(--ink-2)}
.pressure{background:linear-gradient(145deg,#062831 0%,#074A53 100%)}
.page-hero{background:
  radial-gradient(circle at 85% 18%, rgba(8,139,150,.08), transparent 24%),
  var(--bone)}
.page-hero--dark{
  background:linear-gradient(145deg,#062831 0%,#074750 60%,#0B626B 100%);
}
.card{background:rgba(255,255,255,.9);box-shadow:var(--shadow-1)}
.card:hover{border-color:var(--teal-400);box-shadow:var(--shadow-2)}
.card--dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.card--dark:hover{border-color:var(--gold-500)}
.arch__detail{background:linear-gradient(145deg,#062831,#0A5660);box-shadow:var(--shadow-2)}
.flow-engine{box-shadow:var(--shadow-2)}
.cta{background:linear-gradient(145deg,#062831 0%,#074A53 100%)}
.foot{background:#062831}
.foot__logo-img{width:158px;height:42px;object-fit:contain;object-position:left center}
.foot__tagline{color:#F5FAFA}
.foot__address{
  max-width:var(--max-w);margin:26px auto 0;
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  font-size:13px;color:rgba(245,250,250,.58);
  padding-top:22px;border-top:1px solid rgba(245,250,250,.08)
}
.foot__address strong{color:var(--gold-400);font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-right:8px}
.foot__address a{color:#8EDBDD}
.foot__address a:hover{color:#fff}
.foot__meta{margin-top:22px}
.vzpd__brand-img{width:138px;height:40px;object-fit:contain;object-position:center;filter:none}
.vzpd__brand{background:linear-gradient(180deg,#0A3440,#072834);border-color:rgba(142,221,224,.45)}
.vzpd__brand::after{background:linear-gradient(90deg,transparent,#E0B23E,transparent)}
.vzpd__nav-btn.is-active{background:#075B67}
.vzpd__nav-btn:hover{background:rgba(7,139,150,.24)}
.vzpd__avatar{background:#075560;border-color:#0A8B96}
.vzpd__ai-orb{background:radial-gradient(circle at 35% 30%,#d7fbfb,#0A6B75 72%);box-shadow:0 0 0 5px rgba(7,139,150,.14)}
.vzpd__right{background:linear-gradient(180deg,#062831 0%,#075560 52%,#188B78 100%)}
.vzpd__msg--user{background:#086A76}
.vzpd__composer button{background:#0B7E86;color:#fff}
.vzpd__detail-kicker{color:#006772}
.vzpd__card{box-shadow:0 2px 6px rgba(2,43,51,.05)}
.vzpd__card:hover{box-shadow:0 14px 30px rgba(2,43,51,.10)}
.vzpd__action strong{color:#006772}

.nav__logo-img,.foot__logo-img{filter:none}
.nav__logo-img{max-width:none}
.foot__logo-svg{display:none}

.vz-story{
  background:
    radial-gradient(circle at 76% 24%,rgba(7,139,150,.06),transparent 24%),
    #F2F7F7;
}
.vz-story__step.is-active{background:var(--teal-700);border-color:var(--teal-700)}
.vz-story__step.is-active .vz-story__num{color:var(--gold-300)}
.vz-story__step:hover{border-color:var(--teal-400)}
.vz-story__stage{
  perspective:1400px;
}
.vz-story__stage > .vzpd{
  transform:translate3d(0,var(--demo-y,0),0) scale(var(--demo-scale,1));
  transform-origin:center center;
  transition:transform .18s linear,box-shadow .4s var(--e1);
  box-shadow:0 35px 100px rgba(2,43,51,.15);
}
.vz-story__stage.is-depth > .vzpd{box-shadow:0 46px 120px rgba(2,43,51,.20)}
.vz-story__stage-meta span:last-child{color:var(--teal-700)}

.route-enter{animation:route-in-premium .8s var(--e1)}
@keyframes route-in-premium{
  from{opacity:0;transform:translateY(12px) scale(.997)}
  to{opacity:1;transform:none}
}
.vz-cinematic{
  --cx:1;
  --cy:0;
  opacity:var(--c-opacity,1);
  transform:translate3d(0,var(--c-y,0px),0) scale(var(--c-scale,1));
  transform-origin:center top;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
.vz-cinematic--hero{transform-origin:center 30%;will-change:transform,opacity}
.vz-cinematic--surface{transform-origin:center center}
@media (prefers-reduced-motion: reduce){
  .vz-cinematic,.vz-story__stage > .vzpd{transform:none!important;will-change:auto}
}

.story-bridge{
  position:relative;padding:clamp(52px,7vw,92px) var(--page-x);
  background:linear-gradient(180deg,#EEF5F5 0%,#F8FBFB 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.story-bridge__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.story-bridge__eyebrow{font:500 10px/1.2 var(--f-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--teal-700);margin-bottom:12px}
.story-bridge h3{font-size:clamp(30px,4vw,52px);max-width:14ch;color:var(--ink)}
.story-bridge p{margin-top:12px;max-width:54ch;color:var(--ink-2);font-size:15px;line-height:1.55}
.story-bridge__route{font:500 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
@media(max-width:800px){.story-bridge__inner{grid-template-columns:1fr;align-items:start}}

@media(max-width:900px){
  .nav__logo-img{width:142px;height:39px}
  .foot__logo-img{width:142px;height:39px}
}
@media(max-width:560px){
  .nav__logo-img{width:128px;height:35px}
  .foot__logo-img{width:128px;height:35px}
}

/* Smooth content depth: key visual surfaces scale subtly as they approach center */
.cta__contact-line--small{font-size:15px!important;font-family:var(--f-sans)!important;letter-spacing:0;color:rgba(245,250,250,.75)}

/* ============================================================
   PREMIUM CUSTOM TYPE + FINISHING SYSTEM
   ============================================================ */
:root{
  --f-display:'Plus Jakarta Sans',ui-sans-serif,sans-serif;
  --f-sans:'Plus Jakarta Sans',ui-sans-serif,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --premium-radius:10px;
  --premium-ease:cubic-bezier(.22,.61,.36,1);
}
html,body{font-family:var(--f-sans)}
h1,h2,h3,h4,h5,h6,
.title-xl,.title-lg,.title-md,.title-sm,
.page-hero h1,.card h4,.hero__title,
.vzpd__title,.vzpd__metric-val,.story-bridge h3{
  font-family:var(--f-display)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
p,li,button,input,select,textarea,.btn,.nav__links,.nav__cta,
.card p,.body,.lead,.kicker,.eyebrow,.chip,
.vzpd,.vzpd *{font-family:var(--f-sans)}
p,li,.body,.lead,.card p,.page-hero p{line-height:1.65}
.btn,.nav__cta,.card,.compare__toggle,.compare__stage,
.vzpd__card,.vzpd__search,.vzpd__iconbtn,.vzpd__composer input,
.vzpd__composer button,.contact__form,.contact__form input,
.contact__form select,.contact__form textarea{border-radius:10px}
.btn{transition:transform .28s var(--premium-ease),box-shadow .28s var(--premium-ease),background .28s var(--premium-ease),border-color .28s var(--premium-ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(2,86,96,.13)}
.section{padding-top:clamp(76px,9vw,138px);padding-bottom:clamp(76px,9vw,138px)}
.section--tight{padding-top:clamp(58px,7vw,90px);padding-bottom:clamp(58px,7vw,90px)}
.hero{padding-bottom:clamp(88px,10vw,150px)}
.page-hero{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(74px,8vw,120px)}
.nav__logo-img{width:172px!important;height:46px!important}
@media(max-width:700px){.nav__logo-img{width:148px!important;height:40px!important}}
.vz-cinematic,.route-enter > *{will-change:transform,opacity;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){
  .vz-cinematic,.route-enter > *{will-change:auto!important;transform:none!important;opacity:1!important}
}
.vz-story__stage > .vzpd{border-radius:14px;box-shadow:0 34px 100px rgba(2,43,51,.18)}




/* ================================================================
   VEZRAS PREMIUM POLISH — Single authoritative override layer
   Consolidated from 3 previous override blocks (315 !important removed)
   ================================================================ */

/* ---- Design Tokens (Final) ---- */
:root {
  --ink: #0B2830;
  --ink-strong: #071E24;
  --ink-2: #385560;
  --ink-3: #5C7680;
  --bone: #F7FAFA;
  --cream: #F2F7F7;
  --cream-2: #E7F0F0;
  --paper: #FFFFFF;
  --line: #D2E0E4;
  --line-2: #E4EEF0;
  --teal-700: #015560;
  --teal-600: #006772;
  --teal-500: #0D8D98;
  --teal-400: #3EBAC2;
  --gold-700: #8C6A15;
  --gold-600: #A87E1F;
  --gold-500: #DAAC38;
  --shadow-1: 0 1px 3px rgba(7,40,48,.05), 0 10px 32px rgba(7,40,48,.07);
  --shadow-2: 0 2px 8px rgba(7,40,48,.06), 0 28px 72px rgba(7,40,48,.11);
  --shadow-premium: 0 32px 96px rgba(7,40,48,.14);
}

/* ---- Base ---- */
html, body { background: var(--bone); color: var(--ink); }

/* ---- Typography Scale (refined, editorial) ---- */
h1, h2, h3, h4 {
  font-family: var(--f-display);
  font-weight: 700;
  letter-spacing: -.02em;
}
.title-xl { font-size: clamp(40px, 5vw, 72px); line-height: 1.02; }
.title-lg { font-size: clamp(30px, 3.4vw, 48px); line-height: 1.06; }
.title-md { font-size: clamp(24px, 2.6vw, 36px); line-height: 1.1; }
.title-sm { font-size: clamp(19px, 1.8vw, 25px); line-height: 1.16; }
.page-hero h1,
.page-hero__inner h1 { font-size: clamp(36px, 4.8vw, 64px); line-height: 1.04; }
.hero__title { font-size: clamp(38px, 5vw, 70px); }
.section-head h2 { font-size: clamp(28px, 3.2vw, 46px); }
.lead { font-size: clamp(15.5px, 1.15vw, 18px); line-height: 1.65; color: var(--ink-2); }
.body { font-size: 14.5px; line-height: 1.65; color: var(--ink-2); }
.body--sm { font-size: 13.5px; line-height: 1.6; color: var(--ink-3); }
.hero__lede { color: var(--ink-2); }
.section-head p { color: var(--ink-2); }

/* ---- Eyebrow & Kicker polish ---- */
.eyebrow { color: var(--teal-600); font-weight: 600; letter-spacing: .15em; }
.eyebrow--gold { color: var(--gold-700); }
.kicker { color: var(--ink-3); }
.hero__meta { color: var(--ink-3); }
.hero__meta strong { color: var(--teal-600); }
.page-hero__crumb { color: var(--teal-600); }

/* ---- Navigation polish ---- */
.nav {
  background: rgba(247,250,250,.88);
  backdrop-filter: saturate(1.2) blur(18px);
  -webkit-backdrop-filter: saturate(1.2) blur(18px);
}
.nav.is-scrolled {
  background: rgba(247,250,250,.97);
  box-shadow: 0 1px 0 var(--line-2);
}
.nav__logo-img { width: 156px; height: 44px; }
.nav__links { color: var(--ink-2); font-size: 13.5px; font-weight: 550; }
.nav__links a { color: var(--ink-2); padding: 8px 14px; border-radius: 8px; }
.nav__links a:hover { color: var(--ink); background: rgba(0,103,114,.06); }
.nav__links a.is-active { color: var(--teal-600); font-weight: 650; }
.nav__cta {
  background: var(--teal-700);
  color: #fff;
  font-size: 13.5px;
  font-weight: 650;
  padding: 10px 20px;
  border-radius: 10px;
  letter-spacing: -.005em;
}
.nav__cta:hover { background: var(--teal-600); }

/* ---- Light surfaces: force dark ink ---- */
.hero, .page-hero:not(.page-hero--dark), .section--cream,
.compare, .stack, .rollout, .contact, .value-flow, .arch,
.os-reveal, .story-bridge, .vz-story, .home-product-preview {
  background: var(--bone); color: var(--ink);
}
.hero h1, .hero h2, .hero h3, .hero h4,
.page-hero:not(.page-hero--dark) h1,
.page-hero:not(.page-hero--dark) h2,
.page-hero:not(.page-hero--dark) h3,
.section--cream h1, .section--cream h2, .section--cream h3, .section--cream h4,
.stack h1, .stack h2, .stack h3,
.rollout h1, .rollout h2, .rollout h3,
.contact h1, .contact h2, .contact h3,
.value-flow h1, .value-flow h2, .value-flow h3,
.arch h1, .arch h2, .arch h3,
.os-reveal h1, .os-reveal h2, .os-reveal h3,
.story-bridge h1, .story-bridge h2, .story-bridge h3,
.vz-story h1, .vz-story h2, .vz-story h3 { color: var(--ink-strong); }

.hero p, .page-hero:not(.page-hero--dark) p,
.section--cream p, .stack p, .rollout p, .contact p,
.value-flow p, .arch p, .os-reveal p,
.story-bridge p, .vz-story p { color: var(--ink-2); }

/* ---- Dark surfaces: light text ---- */
.section--dark { background: linear-gradient(180deg, #073C45 0%, #095560 100%); color: #F5FAFA; }
.page-hero--dark { background: linear-gradient(180deg, #073C45 0%, #0A5560 100%); color: #F5FAFA; }
.cta { background: linear-gradient(180deg, #073C45 0%, #095560 100%); color: #F5FAFA; }
.numbers { background: #094D58; }

.section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4,
.page-hero--dark h1, .page-hero--dark h2, .page-hero--dark h3,
.cta h1, .cta h2, .cta h3,
.pressure h1, .pressure h2, .pressure h3,
.automation h1, .automation h2, .automation h3,
.cortex h1, .cortex h2, .cortex h3,
.gov h1, .gov h2, .gov h3,
.evolution h1, .evolution h2, .evolution h3 { color: #F5FAFA; }

.section--dark p, .page-hero--dark p, .cta p,
.pressure p, .automation p, .cortex p, .gov p,
.evolution p { color: rgba(245,250,250,.80); }

.section--dark .eyebrow, .page-hero--dark .eyebrow,
.cta .eyebrow, .pressure .eyebrow, .automation .eyebrow,
.cortex .eyebrow, .gov .eyebrow, .evolution .eyebrow { color: #E8C46A; }
.page-hero--dark .page-hero__crumb { color: #E0B23E; }
.page-hero--dark .page-hero__crumb::before { background: #E0B23E; }
.numbers__stat-lbl { color: rgba(245,250,250,.85); }
.numbers__stat-val { color: #E8C46A; }

/* ---- Buttons polish ---- */
.btn { border-radius: 10px; font-weight: 650; letter-spacing: -.005em; transition:color .22s var(--e1),background-color .22s var(--e1),border-color .22s var(--e1),opacity .22s var(--e1),transform .22s var(--e1),box-shadow .22s var(--e1); }
.btn--primary { background: var(--teal-700); color: #fff; }
.btn--primary:hover { background: var(--teal-600); color: #fff; transform: translateY(-1px); box-shadow: var(--shadow-1); }
.btn--gold { background: var(--gold-500); color: #17343B; }
.btn--gold:hover { background: #E8BC4E; transform: translateY(-1px); box-shadow: var(--shadow-1); }
.btn--ghost { border-color: var(--line); color: var(--ink); background: #fff; }
.btn--ghost:hover { border-color: var(--teal-500); color: var(--teal-600); transform: translateY(-1px); box-shadow: var(--shadow-1); }
.btn--dark-ghost { border-color: rgba(245,250,250,.3); color: #F5FAFA; }
.btn--dark-ghost:hover { border-color: rgba(245,250,250,.55); color: #fff; }

/* ---- Cards polish ---- */
.card {
  background: #fff;
  border-color: var(--line);
  color: var(--ink);
  border-radius: 16px;
  transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1);
}
.card:hover { border-color: var(--teal-400); transform: translateY(-3px); box-shadow: var(--shadow-2); }
.card h4 { color: var(--ink); }
.card p { color: var(--ink-2); }
.card--dark { background: #094D58; color: #F5FAFA; border-color: rgba(245,250,250,.12); }
.card--dark:hover { border-color: rgba(232,196,106,.5); }
.card--dark h4, .card--dark p { color: #F5FAFA; }

/* ---- Footer ---- */
.foot { background: #062831; }
.foot__logo-img { width: 156px; height: 44px; }

/* ---- Scroll & page transitions ---- */
.section, .page-hero, .vz-story { scroll-margin-top: calc(var(--nav-h) + 16px); }
.route-enter > * { animation: section-in .6s var(--e1) both; }

/* ---- Interactive elements: premium hover/focus ---- */
.arch__layer { transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1); }
.arch__layer:hover { transform: translateX(5px); box-shadow: var(--shadow-1); }
.os-reveal__layer { transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1); }
.os-reveal__layer:hover { transform: translateY(-2px); box-shadow: var(--shadow-1); }
.flow-engine__step { transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1); }
.flow-engine__pick { transition:color .22s var(--e1),background-color .22s var(--e1),border-color .22s var(--e1),opacity .22s var(--e1),transform .22s var(--e1),box-shadow .22s var(--e1); border-radius: 8px; }
.flow-engine__pick:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.decision__field-pick { transition:color .22s var(--e1),background-color .22s var(--e1),border-color .22s var(--e1),opacity .22s var(--e1),transform .22s var(--e1),box-shadow .22s var(--e1); border-radius: 8px; }
.decision__field-pick:hover { transform: translateY(-1px); }
.automation__process-pick { transition:color .22s var(--e1),background-color .22s var(--e1),border-color .22s var(--e1),opacity .22s var(--e1),transform .22s var(--e1),box-shadow .22s var(--e1); border-radius: 8px; }
.stack__sys { transition:color .25s var(--e1),background-color .25s var(--e1),border-color .25s var(--e1),opacity .25s var(--e1),transform .25s var(--e1),box-shadow .25s var(--e1); border-radius: 10px; }
.stack__sys:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.rollout__phase { transition:color .25s var(--e1),background-color .25s var(--e1),border-color .25s var(--e1),opacity .25s var(--e1),transform .25s var(--e1),box-shadow .25s var(--e1); }
.gov__event { transition:color .22s var(--e1),background-color .22s var(--e1),border-color .22s var(--e1),opacity .22s var(--e1),transform .22s var(--e1),box-shadow .22s var(--e1); border-radius: 8px; }
.chip { border-radius: 8px; }

/* ---- Focus polish ---- */
:focus-visible {
  outline: 2px solid var(--teal-400);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---- Product Demo ---- */
.vz-story {
  background: linear-gradient(180deg, #F2F7F7 0%, #F8FAFA 100%);
  padding-block: clamp(56px, 7vw, 100px);
  border-top: 1px solid var(--line-2);
  border-bottom: 1px solid var(--line-2);
}
.vz-story__head h2 { color: var(--ink-strong); }
.vz-story__head p { color: var(--ink-2); }
.vz-story__stage-meta { color: var(--ink-3); }
.vz-story__stage-meta span:last-child { color: var(--gold-700); }

/* Product demo — compact right-side layout */
.vz-story__head { grid-template-columns: minmax(0,1fr) minmax(260px,.65fr); gap: 40px; margin-bottom: 36px; }
.vz-story__grid { grid-template-columns: minmax(200px,.6fr) minmax(0,1.2fr); gap: 36px; align-items: start; }
.vz-story__steps { position: sticky; top: calc(var(--nav-h) + 24px); }
.vz-story__step { background: #fff; border-color: var(--line); padding: 12px 13px; border-radius: 12px; }
.vz-story__step.is-active { background: var(--teal-700); border-color: var(--teal-700); color: #F5FAFA; }
.vz-story__step.is-active p { color: rgba(205,229,231,.85); }
.vz-story__step p { color: var(--ink-3); }
.vz-story__stage { max-width: 720px; justify-self: end; width: 100%; position: sticky; top: calc(var(--nav-h) + 20px); }

.vz-story__mini-label { font: 600 9px/1.2 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 10px 3px; }
.vz-story__tag { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font: 600 9px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--teal-600); }
.vz-story__product-frame { background: #EEF4F5; padding: 10px; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 20px 60px rgba(7,60,69,.12); }
.vz-story__full-link { display: inline-flex; align-items: center; gap: 8px; margin: 12px 4px 0; padding: 10px 0; font-size: 12px; font-weight: 700; color: var(--teal-600); }
.vz-story__full-link span { transition: transform .2s var(--e1); }
.vz-story__full-link:hover span { transform: translateX(4px); }
.vz-story__stage, .home-product-preview__frame { box-shadow: var(--shadow-premium); }

/* Product demo footprint */
.vzpd {
  --pd-sidebar: #0B2036;
  --pd-line: #D5E1E6;
  --pd-soft: #F6F9FA;
  --pd-teal: #006B76;
  --pd-teal-2: #0A8994;
  --pd-red: #C24540;
  --pd-amber: #C07808;
  --pd-green: #1F835D;
  grid-template-columns: 154px minmax(0,1fr) 220px;
  min-height: 600px;
  background: #F8FAFB;
  border: 1px solid #C8D6DC;
  border-radius: 16px;
  box-shadow: 0 20px 56px rgba(7,32,45,.14);
}
.vzpd__side { padding: 12px 8px 14px; background: linear-gradient(180deg, #0A2035 0%, #0B263E 100%); }
.vzpd__brand { height: 50px; min-height: 50px; margin-bottom: 6px; }
.vzpd__brand-wordmark { width: 96px; height: 28px; }
.vzpd__nav-btn { font-size: 11px; padding: 9px 9px; }
.vzpd__nav-title { font-size: 8px; padding: 6px 9px 3px; }
.vzpd__top { height: 60px; padding: 12px 16px 10px; background: rgba(255,255,255,.97); border-bottom: 1px solid #DCE5EA; }
.vzpd__title { font-size: 16px; color: #122A32; }
.vzpd__crumb { font-size: 10px; color: #5C707A; }
.vzpd__crumb strong { color: var(--pd-teal); }
.vzpd__search { min-width: 90px; padding: 6px 9px; font-size: 10px; }
.vzpd__iconbtn { width: 30px; height: 30px; }
.vzpd__avatar { width: 32px; height: 32px; font-size: 10px; }
.vzpd__main { background: #F8FAFB; color: var(--ink); }
.vzpd__canvas { padding: 12px 16px 20px; }
.vzpd__section-label { font-size: 15px; color: #122A32; }
.vzpd__subhead { font-size: 10.5px; color: #314952; }
.vzpd__card { padding: 11px 13px; border-radius: 10px; box-shadow: 0 2px 6px rgba(20,42,52,.04); }
.vzpd__card h4 { font-size: 12.5px; color: #142730; }
.vzpd__value { font-size: 10.5px; color: #5A7180; }
.vzpd__action { font-size: 10.5px; color: #263C45; }
.vzpd__action strong { color: var(--pd-teal); }
.vzpd__metric { padding: 10px; background: #fff; border-color: #DCE5EA; }
.vzpd__metric-val { font-size: 18px; color: #142B34; }
.vzpd__metric-label { font-size: 8px; }
.vzpd__metric-note { font-size: 10px; color: #607780; }
.vzpd__right {
  background: linear-gradient(160deg, #0A3442 0%, #0D6E79 54%, #3A8A72 100%);
  color: #F5FAFA;
  min-width: 0;
}
.vzpd__right h1, .vzpd__right h2, .vzpd__right h3, .vzpd__right h4,
.vzpd__right p, .vzpd__right span, .vzpd__right label { color: inherit; }
.vzpd__ai-head { padding: 13px; background: rgba(5,22,39,.3); }
.vzpd__ai-name { font-size: 13px; }
.vzpd__online { font-size: 9px; }
.vzpd__ai-body { padding: 14px; }
.vzpd__msg--ai { color: #E4F8F9; }
.vzpd__msg--user { color: #fff; }
.vzpd__composer { padding: 10px; border-top: 1px solid rgba(255,255,255,.08); background: rgba(5,22,39,.2); }
.vzpd__composer input { font-size: 11px; }
.vzpd__composer button { font-size: 11px; }
.vzpd__suggestion { font-size: 9px; }

/* KPI grid polish */
.vzpd__kpi-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin: 10px 0 12px; }
.vzpd__kpi { padding: 10px 11px; border-radius: 9px; }
.vzpd__kpi-label { font-size: 8px; color: #6A7E86; }
.vzpd__kpi-value { font-size: 20px; color: #142B34; margin-top: 3px; }
.vzpd__kpi-delta { font-size: 9.5px; margin-top: 3px; color: #1F7B5B; }
.vzpd__kpi-delta.neg { color: #B64843; }
.vzpd__panel-title { font-size: 11.5px; color: #17313A; }
.vzpd__coverage b { font-size: 15px; }
.vzpd__coverage span { font-size: 8.5px; }
.vzpd__table { font-size: 10px; }
.vzpd__table th { font-size: 8.5px; }

/* Demo visibility */
#interactive-demo { display: block; visibility: visible; opacity: 1; }
[data-product-mount] { min-height: 600px; position: relative; }
.vz-story__stage { min-height: 0; overflow: visible; }
.vzpd { display: grid; visibility: visible; opacity: 1; }
.vzpd__main, .vzpd__canvas { visibility: visible; opacity: 1; }
.vzpd__canvas { min-height: 480px; }
.vzpd__canvas-inner { min-height: 440px; }
.vzpd__detail { backdrop-filter: blur(10px); }

/* Home product preview */
.home-product-preview { background: var(--bone); }
.home-product-preview__frame { border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-premium); overflow: hidden; }
.home-product-preview__bar { height: 42px; background: #F2F6F7; border-bottom: 1px solid #DEE8EA; color: #5A6D74; font: 600 10px var(--f-mono); letter-spacing: .06em; text-transform: uppercase; }
.home-product-preview__dot { width: 7px; height: 7px; border-radius: 50%; background: #28A875; box-shadow: 0 0 0 4px rgba(40,168,117,.12); }
.home-product-preview__synthetic { margin-left: auto; color: var(--teal-600); }
.home-product-preview .vzpd { border: 0; border-radius: 0; box-shadow: none; min-height: 680px; }

/* Enquire & HQ cards */
.hq-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 28px; margin: 34px auto 0; max-width: var(--max-w); }
.hq-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 30px; box-shadow: var(--shadow-1); transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1); }
.hq-card:hover { box-shadow: var(--shadow-2); transform: translateY(-2px); }
.hq-kicker { font: 600 10px var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--teal-600); margin-bottom: 10px; }
.hq-card h3 { font-size: 26px; margin-bottom: 16px; }
.hq-card p { color: var(--ink-2); margin: 8px 0; }
.hq-card a { color: var(--teal-600); }

/* Contact form polish */
.contact__form input,
.contact__form select,
.contact__form textarea {
  border-radius: 10px;
  border: 1px solid var(--line);
  padding: 12px 14px;
  font-size: 15px;
  transition: border-color .2s, box-shadow .2s;
  background: #fff;
}
.contact__form input:focus,
.contact__form select:focus,
.contact__form textarea:focus {
  border-color: var(--teal-400);
  box-shadow: 0 0 0 3px rgba(13,141,152,.1);
  outline: none;
}
.contact__form-submit {
  border-radius: 10px;
  font-weight: 650;
  transition:color .22s var(--e1),background-color .22s var(--e1),border-color .22s var(--e1),opacity .22s var(--e1),transform .22s var(--e1),box-shadow .22s var(--e1);
}
.contact__form-submit:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-1);
}

/* Story bridge links */
.story-bridge a { color: var(--teal-600); }
.story-bridge .story-bridge__next { color: var(--gold-700); }

/* Pressure stat cards polish */
.pressure__stat { border-radius: 16px; transition:color .28s var(--e1),background-color .28s var(--e1),border-color .28s var(--e1),opacity .28s var(--e1),transform .28s var(--e1),box-shadow .28s var(--e1); }
.pressure__stat:hover { transform: translateY(-2px); }
.pressure__stat-num { color: #E8C46A; }

/* ---- Responsive ---- */
@media (max-width: 1100px) {
  .vz-story__grid { grid-template-columns: 1fr; }
  .vz-story__steps { position: relative; top: 0; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 7px; }
  .vz-story__mini-label { grid-column: 1/-1; }
  .vz-story__step { min-height: 88px; }
  .vz-story__stage { position: relative; top: 0; max-width: 760px; justify-self: start; }
  .vzpd { grid-template-columns: 140px minmax(0,1fr) 200px; }
  .home-product-preview .vzpd { min-height: 0; }
}
@media (max-width: 950px) {
  [data-product-mount], .vz-story__stage, .vzpd { min-height: 0; }
  .vzpd__side, .vzpd__right { min-height: auto; }
  .vzpd { grid-template-columns: 140px minmax(0,1fr); }
  .vzpd__right { grid-column: 1/-1; min-height: 320px; }
  .vzpd__kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .home-product-preview .vzpd__canvas { min-height: 500px; }
}
@media (max-width: 900px) {
  .hq-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .title-xl { font-size: 36px; }
  .title-lg { font-size: 28px; }
  .title-md { font-size: 24px; }
  .page-hero h1 { font-size: 34px; }
  .hero__title { font-size: 36px; }
  .nav__logo-img { width: 128px; height: 38px; }
  .foot__logo-img { width: 128px; height: 38px; }
  .vz-story__head { grid-template-columns: 1fr; }
  .vz-story__steps { grid-template-columns: 1fr 1fr; }
  .vz-story__step:last-of-type { grid-column: span 2; }
  .vz-story__stage-meta { font-size: 8px; }
  .vzpd { grid-template-columns: 1fr; min-height: 0; }
  .vzpd__side { display: none; }
  .vzpd__right { min-height: 260px; }
  .vzpd__top { position: relative; }
  .vzpd__search { display: none; }
  .vzpd__grid2 { grid-template-columns: 1fr 1fr; }
  .vzpd__canvas { min-height: 400px; }
  .home-product-preview__bar { font-size: 8px; }
  .home-product-preview__synthetic { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .vz-story__product-frame, .vzpd, .vz-story__step,
  .card, .btn, .arch__layer, .os-reveal__layer { transition: none; }
}

/* ---- Premium ambient touches ---- */
.hero__grid {
  mask-image: radial-gradient(ellipse at 50% 30%, black 25%, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, black 25%, transparent 72%);
}
.scroll-rail__fill {
  background: linear-gradient(90deg, var(--teal-500), var(--gold-500));
  height: 2px;
}

/* Smooth scroll snap for sections */
.section:not(.section--dark) { background: var(--bone); }



/* ================================================================
   V2 REQUESTED REFINEMENTS
   ================================================================ */
/* Keep the wordmark in the navigation/footer; only the named compact
   visual gets the square favicon treatment. */
.nav__logo-img{width:156px;height:44px;object-fit:contain;object-position:left center}
.foot__logo-img{width:156px;height:42px;object-fit:contain;object-position:left center}
@media(max-width:900px){.nav__logo-img{width:142px;height:39px}.foot__logo-img{width:142px;height:39px}}
@media(max-width:560px){.nav__logo-img{width:128px;height:35px}.foot__logo-img{width:128px;height:35px}}

/* Home hero / animated circles: slightly larger, centered, and never clip descenders. */
.hero__visual{max-width:600px;width:min(100%,600px);margin-left:auto;margin-right:-8px;transform:translateY(4px)}
.hero__title-line{overflow:visible}
.hero__title{line-height:1.03;padding-bottom:.04em}
@media(max-width:900px){.hero__visual{max-width:520px;margin:0 auto;transform:none}}

/* Requested Enterprise OS heading split. */
.page-hero--enterprise-os h1{max-width:24ch;white-space:normal}
.enterprise-os-title-break{display:block;margin-top:.05em}

/* Architecture explorer: make the key intelligence terms explicitly white
   inside the dark interactive diagram surface. */
.arch__detail-diagram{position:relative}
.arch__detail-diagram::before{
  content:'VEZRAS CORE  ·  BUSINESS CORTEX  ·  DECISION INTELLIGENCE  ·  GOVERNED EXECUTION';
  position:absolute;left:22px;top:12px;z-index:2;
  font:600 9px/1.2 var(--f-mono);letter-spacing:.12em;
  color:#fff;opacity:.92;pointer-events:none;
}
.arch__detail-diagram svg{padding-top:8px}

/* Automation readability pass: larger controls, clearer labels and more breathing room. */
.automation__head{gap:72px;margin-bottom:64px}
.automation__head h2{max-width:16ch;line-height:1.08}
.automation__head p{font-size:15.5px;line-height:1.7;max-width:54ch}
.automation__toolbar{padding:22px 30px;gap:20px}
.automation__process{gap:10px}
.automation__process-pick{font-size:14px;line-height:1.35;padding:10px 15px}
.automation__stage-btn{font-size:11.5px;padding:9px 15px}
.automation__canvas{padding:36px;min-height:560px}
.automation__canvas svg{padding:36px}
.automation__legend{padding:22px 30px;gap:16px}
.automation__legend-item{font-size:11.5px;letter-spacing:.07em}
.automation__stat{padding:22px 30px}
.automation__stat-lbl{font-size:11px}
.automation__stat-val{font-size:30px}
@media(max-width:900px){
  .automation__canvas{min-height:520px;padding:22px}
  .automation__canvas svg{padding:22px}
}

/* Morning Brief — screenshot-faithful, but fully live HTML rather than an image. */
.mbrief{padding:clamp(70px,8vw,112px) var(--page-x);background:var(--bone);overflow:clip}
.mbrief__inner{max-width:var(--max-w);margin:0 auto}
.mbrief__head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}
.mbrief__head h2{max-width:17ch}
.mbrief__head p{max-width:45ch;color:var(--ink-2);font-size:15px;line-height:1.65}
.mbrief__frame{position:relative;border:1px solid #d5e2e5;border-radius:28px;background:#fff;box-shadow:0 26px 80px rgba(7,40,48,.12);padding:42px 38px 36px;overflow:hidden}
.mbrief__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(7,60,69,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,60,69,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35));opacity:.8}
.mbrief__top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;font:500 12px/1.2 var(--f-mono);letter-spacing:.14em;color:#738992;text-transform:uppercase}
.mbrief__brand{color:#5b737d}
.mbrief__time{white-space:nowrap}
.mbrief__badge{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid #cbdde0;border-radius:999px;background:#eef5f5;color:#2d7179;font:500 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.mbrief__badge-dot{width:10px;height:10px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 5px rgba(218,172,56,.13);flex:none}
.mbrief__title-row{display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;margin-bottom:28px}
.mbrief__title{font-size:clamp(30px,3.5vw,50px);line-height:1.04;letter-spacing:-.03em;color:var(--ink-strong);font-weight:700}
.mbrief__sync{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#4f9c7b;white-space:nowrap}
.mbrief__sync-dot{width:9px;height:9px;border-radius:50%;background:#36a979;box-shadow:0 0 0 4px rgba(54,169,121,.08)}
.mbrief__kpis{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}
.mbrief__kpi{padding:24px 26px 22px;border:1px solid #d8e2e4;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(7,40,48,.035)}
.mbrief__kpi-label{font-size:15px;color:#80949b;margin-bottom:12px}
.mbrief__kpi-value{font-family:Georgia,serif;font-size:clamp(30px,3vw,46px);line-height:1;color:#18737d;letter-spacing:-.03em;margin-bottom:10px}
.mbrief__kpi-delta{font-size:14px;color:#7a9098}
.mbrief__focus{position:relative;border:1px solid #d6e1e3;border-radius:20px;overflow:hidden;background:#fff}
.mbrief__focus-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#eff5f4;border-bottom:1px solid #d6e1e3;font:600 12px/1.2 var(--f-mono);letter-spacing:.14em;color:#607880;text-transform:uppercase}
.mbrief__row{display:grid;grid-template-columns:64px minmax(0,1fr) 100px;gap:16px;align-items:center;padding:22px 24px;border-bottom:1px solid #e0e7e8;transition:background .22s var(--e1),transform .22s var(--e1);cursor:pointer}
.mbrief__row:last-child{border-bottom:0}
.mbrief__row:hover,.mbrief__row.is-active{background:#f4f8f7}
.mbrief__row-num{font:500 12px/1 var(--f-mono);color:#82959d}
.mbrief__row-title{font-size:17px;line-height:1.3;color:var(--ink-strong);font-weight:700;margin-bottom:6px}
.mbrief__row-sub{font-size:14px;line-height:1.4;color:#84979f}
.mbrief__priority{text-align:right;font:600 11px/1 var(--f-mono);letter-spacing:.08em;color:#ba861d;text-transform:uppercase}
.mbrief__detail{position:relative;margin-top:16px;padding:15px 18px;border-left:2px solid var(--gold-500);background:#fbfaf5;color:#6c8088;font-size:13px;line-height:1.55;display:none}
.mbrief__row.is-active .mbrief__detail{display:block}
.mbrief__tags{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mbrief__tag{padding:9px 14px;border-radius:999px;background:#eef5f4;color:#59757d;font:500 11px/1 var(--f-mono)}
@media(max-width:900px){
  .mbrief__head{display:block}
  .mbrief__head p{margin-top:14px}
  .mbrief__frame{padding:30px 22px 26px;border-radius:22px}
  .mbrief__kpis{grid-template-columns:1fr}
  .mbrief__title-row{align-items:flex-start}
}
@media(max-width:640px){
  .mbrief__top{font-size:10px}
  .mbrief__row{grid-template-columns:34px minmax(0,1fr);padding:18px}
  .mbrief__priority{grid-column:2;text-align:left}
  .mbrief__title{font-size:30px}
}



/* ================================================================
   VEZRAS PREMIUM READABILITY PASS
   Structure, font families, navigation, interactions and section order
   remain the original website. This layer standardises contrast,
   hierarchy, spacing, clickability and motion.
   ================================================================ */

:root{
  --bone:#FCFEFE;
  --cream:#F6FAFA;
  --cream-2:#EEF5F5;
  --ink:#0B3139;
  --ink-strong:#082A32;
  --ink-2:#4C626A;
  --ink-3:#687D84;
  --line:#D8E5E7;
  --line-2:#E8F0F1;
  --shadow-1:0 2px 8px rgba(7,60,69,.05),0 12px 30px rgba(7,60,69,.05);
  --shadow-2:0 6px 18px rgba(7,60,69,.07),0 24px 56px rgba(7,60,69,.09);
}

/* 1. Typography & reading measure — same fonts, more disciplined use */
body{background:#fff;color:var(--ink);font-size:16px}
p{line-height:1.65}
.title-xl{font-size:clamp(46px,6.2vw,88px);line-height:1.01;letter-spacing:-.022em}
.title-lg{font-size:clamp(34px,4.35vw,60px);line-height:1.05;letter-spacing:-.016em}
.title-md{font-size:clamp(28px,3vw,40px);line-height:1.09}
.title-sm{font-size:clamp(22px,2vw,28px);line-height:1.18}
.lead{font-size:clamp(17px,1.35vw,19px);line-height:1.67;max-width:66ch;color:var(--ink-2)}
.body{font-size:16px;line-height:1.67;color:var(--ink-2);max-width:68ch}
.body--sm{font-size:14.5px;line-height:1.62}
.section-head{max-width:900px;margin-bottom:52px}
.section-head p{max-width:68ch}
.page-hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04}
.page-hero p{font-size:clamp(17px,1.35vw,19px);line-height:1.65;max-width:66ch}

/* 2. Neutral canvas — brand colour is intentional, not everywhere */
.section:not(.section--dark){background:#fff}
.section--cream{background:var(--cream)!important}
.os-reveal,.value-flow,.arch,.decision,.rollout,.contact,.story-bridge,.vz-story,.home-product-preview{background:#fff}
.story-bridge,.vz-story,.home-product-preview{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.nav{background:rgba(255,255,255,.94);border-bottom-color:var(--line-2);box-shadow:none}
.nav.is-scrolled{background:rgba(255,255,255,.98);border-bottom-color:var(--line)}
.hero{background:
  radial-gradient(circle at 78% 34%,rgba(7,139,150,.10),transparent 29%),
  radial-gradient(circle at 20% 18%,rgba(224,178,62,.055),transparent 20%),
  #fff}

/* 3. Dark surfaces are reserved for visual/product canvases */
.evolution{background:linear-gradient(145deg,#062831 0%,#073C45 62%,#07535E 100%)}
.cortex,.automation,.pressure,.gov{background:var(--cream);color:var(--ink)}
.cortex::before{background:radial-gradient(circle at 72% 30%,rgba(7,139,150,.06),transparent 42%)}
.cortex__head h2,.automation__head h2,.pressure__head h2,.gov__head h2{color:var(--ink-strong)}
.cortex__head p,.automation__head p,.pressure__head p,.gov__head p{color:var(--ink-2)}

/* Keep the interactive canvases deliberately dark so their SVGs and controls
   retain the contrast they were designed for. */
.cortex__lab{
  background:linear-gradient(145deg,#062831 0%,#073C45 100%);
  border-color:#0B5864;
  box-shadow:var(--shadow-2)
}
.cortex__panel{background:rgba(3,29,36,.74);border-left-color:rgba(216,242,243,.13)}
.cortex__legend{color:rgba(245,250,250,.78)}
.cortex__panel p{color:rgba(245,250,250,.86)}
.cortex__panel-node{background:rgba(66,186,193,.12);border-color:rgba(143,221,224,.28);color:#CBEFF1}
.cortex__zoom button{background:rgba(2,31,38,.82);border-color:rgba(216,242,243,.20);color:#fff}

.automation__lab{
  background:linear-gradient(145deg,#062831 0%,#073C45 100%);
  border-color:#0B5864;
  box-shadow:var(--shadow-2)
}
.automation__toolbar,.automation__legend,.automation__stats{border-color:rgba(216,242,243,.12)}
.automation__process-pick{color:rgba(245,250,250,.92);border-color:rgba(216,242,243,.22)}
.automation__stage-btn{color:rgba(245,250,250,.84)}
.automation__legend-item{color:rgba(245,250,250,.76)}
.automation__stat-lbl{color:rgba(245,250,250,.70)}
.automation__stat-val{color:#F1C966}

.pressure__lab{
  background:linear-gradient(145deg,#062831 0%,#073C45 100%);
  border-color:#0B5864;
  box-shadow:var(--shadow-2)
}
.pressure__controls{border-right-color:rgba(216,242,243,.12)}
.pressure__control-name{color:#F5FAFA}
.pressure__gauge{background:rgba(0,0,0,.26);border-color:rgba(216,242,243,.12)}
.pressure__gauge-lbl{color:rgba(245,250,250,.70)}
.pressure__stat-lbl{color:var(--ink-2)}
.pressure__stat-src{color:var(--ink-3)}
.pressure__stat-num{color:var(--teal-700)}

.gov__tower{
  background:linear-gradient(145deg,#062831 0%,#073C45 100%);
  border-color:#0B5864;
  box-shadow:var(--shadow-2)
}
.gov__event-title,.gov__trace h3,.gov__trace-step-actor{color:#F5FAFA}
.gov__event-time,.gov__event-meta,.gov__trace-step-time{color:rgba(245,250,250,.66)}
.gov__trace-step-detail{color:rgba(245,250,250,.80)}
.gov__tower-title,.gov__tower-meta{color:rgba(245,250,250,.72)}
.gov > .gov__inner > .grid-3 .card{background:#fff;border-color:var(--line);color:var(--ink)}
.gov > .gov__inner > .grid-3 .card h4{color:var(--ink)}
.gov > .gov__inner > .grid-3 .card p{color:var(--ink-2)}
.gov > .gov__inner > .grid-3 .card .card__icon{color:var(--teal-700)}

/* Page hero dark remains selective and highly legible. */
.page-hero--dark{background:linear-gradient(145deg,#062831 0%,#073C45 100%);color:#F5FAFA}
.page-hero--dark p{color:rgba(245,250,250,.88)}
.page-hero--dark h1{color:#F5FAFA}

/* 4. Home Cortex + Why-now teasers: light, infographic-first */
.home-cortex{background:var(--cream)!important;color:var(--ink)}
.home-cortex h2,.home-cortex h4{color:var(--ink-strong)}
.home-cortex p{color:var(--ink-2)}
.home-cortex .card{background:#fff;border-color:var(--line);box-shadow:none}
.home-cortex .card__icon{color:var(--teal-700)}
.cortex-outcome-bridge{
  margin-top:26px;display:grid;grid-template-columns:minmax(180px,.7fr) 54px minmax(0,1.55fr);
  align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);
  border-radius:14px;background:#fff
}
.cortex-outcome-bridge__source{display:flex;flex-direction:column;gap:5px}
.cortex-outcome-bridge__source strong{font-size:17px;color:var(--teal-700)}
.cortex-outcome-bridge__arrow{display:grid;place-items:center;font-size:28px;color:var(--gold-600)}
.cortex-outcome-bridge__outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cortex-outcome-bridge__outputs span{
  padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--cream);
  color:var(--ink);font-size:13px;font-weight:650
}

.numbers{background:var(--cream)!important;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.numbers .eyebrow{color:var(--teal-700)}
.numbers h3{color:var(--ink-strong)!important}
.numbers__stat{border-top-color:var(--line)}
.numbers__stat-val{color:var(--teal-700)}
.numbers__stat-lbl{color:var(--ink-2)}

/* 5. Make diagrams readable in 3–5 seconds */
.hero__visual{
  background:radial-gradient(circle at center,rgba(255,255,255,.98) 0%,rgba(246,250,250,.94) 58%,rgba(246,250,250,0) 75%);
}
.os-reveal__stage{
  background:linear-gradient(180deg,#fff 0%,#F4F9F9 100%);
  border-color:#CFE0E2;
  box-shadow:0 14px 36px rgba(7,60,69,.07)
}
.os-reveal__layer{border-color:var(--line);box-shadow:none}
.os-reveal__layer.is-on{background:#F4FAFA;border-color:#97CDD1}
.os-reveal__layer-body p{font-size:14px;line-height:1.55;color:var(--ink-2)}
.os-reveal__stage svg text{font-weight:600}
.flow-engine{border-color:#D4E2E4;box-shadow:0 14px 36px rgba(7,60,69,.06)}
.flow-engine__stage{background:#fff}
.flow-engine__step p{font-size:13.5px;line-height:1.55}
.flow-engine__step.is-active{background:var(--teal-700);color:#fff}
.flow-engine__step.is-active h4,.flow-engine__step.is-active p{color:#fff}
.flow-engine__pick{background:#fff}
.flow-engine__pick.is-picked{background:var(--teal-700);border-color:var(--teal-700);color:#fff}

/* Architecture: the list is light, the explainer is dark. Avoid dark-on-dark text. */
.arch__detail{background:linear-gradient(145deg,#062831,#074B55);border:1px solid #0B5C68}
.arch__detail-body p.arch__detail-lede{color:rgba(245,250,250,.88)}
.arch__detail-feature-txt,.arch__detail-breaks span{color:rgba(245,250,250,.88)}
.arch__detail-diagram{background:rgba(255,255,255,.035);border-color:rgba(216,242,243,.14)}
.arch__detail-diagram svg text[fill="rgba(245,241,232,.5)"],
.arch__detail-diagram svg text[fill="rgba(245,241,232,.6)"]{fill:#D8F2F3!important}

/* Evolution readability: inactive context remains readable, active context stays clear. */
.evolution__nav-item{opacity:.64}
.evolution__nav-item.is-active{opacity:1}
.evolution__nav-era{color:rgba(245,250,250,.64)}
.evolution__panel{opacity:.58}
.evolution__panel.is-in-view{opacity:1}
.evolution__panel p{color:rgba(245,250,250,.88)}
.evolution__stage-label{color:rgba(245,250,250,.72)}
.evolution__stage-title p{color:rgba(245,250,250,.84)}

/* 6. Cards: consistent surface rules. Non-clickable cards do not pretend to click. */
.card{border-radius:14px;padding:24px;border-color:var(--line);box-shadow:none}
.card:hover{transform:none;border-color:var(--line);box-shadow:none}
a.card,button.card,[role="button"].card,.card[data-clickable="true"]{
  cursor:pointer;transition:transform .2s var(--e1),border-color .2s var(--e1),box-shadow .2s var(--e1)
}
a.card:hover,button.card:hover,[role="button"].card:hover,.card[data-clickable="true"]:hover{
  transform:translateY(-2px);border-color:#B8D9DC;box-shadow:var(--shadow-1)
}
.hq-card:hover,.pressure__stat:hover{transform:none;box-shadow:var(--shadow-1)}
.cortex__pillar{cursor:default;background:#fff;border-color:var(--line)}
.cortex__pillar:hover{transform:none;border-color:var(--line)}
.cortex__pillar h4{color:var(--ink-strong)}
.cortex__pillar p{color:var(--ink-2)}
.cortex__pillar-icon{color:var(--teal-700)}

/* 7. Clickability + feedback: quick, obvious, restrained */
.btn{transition:background .18s var(--e1),border-color .18s var(--e1),color .18s var(--e1),transform .18s var(--e1),box-shadow .18s var(--e1)}
.btn:hover{transform:translateY(-1px)}
.nav__links a{transition:background .18s var(--e1),color .18s var(--e1)}
.nav__links a:hover{background:var(--teal-050);color:var(--teal-700)}
.foot a{transition:color .18s var(--e1)}
.foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.arch__layer:hover{transform:translateX(2px);box-shadow:none}
.os-reveal__layer:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}
.flow-engine__pick:hover,.decision__field-pick:hover,.automation__process-pick:hover{transform:translateY(-1px)}

/* 8. Motion hierarchy: remove the previous scroll-scale/opacity treatment.
      Keep the original storytelling animations and a gentle entrance reveal. */
.vz-cinematic{opacity:1!important;transform:none!important;will-change:auto!important}
.vz-story__stage > .vzpd{transform:none!important}
.route-enter{animation:route-in-premium .42s var(--e1)}
@keyframes route-in-premium{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vz-reveal{
  opacity:0;transform:translateY(12px);
  transition:opacity .44s var(--e1),transform .44s var(--e1)
}
.vz-reveal[data-delay="1"]{transition-delay:.05s}
.vz-reveal[data-delay="2"]{transition-delay:.10s}
.vz-reveal[data-delay="3"]{transition-delay:.15s}

/* 9. Product demo: preserve product look, increase local contrast/readability */
.vzpd__side{background:linear-gradient(180deg,#08283A 0%,#0A3447 100%)}
.vzpd__nav-btn{color:rgba(255,255,255,.86)}
.vzpd__nav-btn small{color:rgba(255,255,255,.62)}
.vzpd__right{background:linear-gradient(160deg,#062E3A 0%,#075966 58%,#247565 100%)}
.vzpd__msg--ai{background:rgba(0,0,0,.14);border-color:rgba(255,255,255,.12);color:#F2FBFB}
.vzpd__msg--user{background:#08727B;color:#fff}
.vzpd__ai-pill{color:rgba(255,255,255,.86);border-color:rgba(255,255,255,.15)}
.vzpd__suggestion{color:rgba(255,255,255,.90);border-color:rgba(255,255,255,.20)}

/* 10. Pre-rendered semantic content is visible only before the existing
       app mounts; if JS is unavailable it remains usable/readable. */
.seo-prerender{
  max-width:var(--max-w);margin:0 auto;padding:calc(var(--nav-h) + 70px) var(--page-x) 80px;
  color:var(--ink);background:#fff
}
.seo-prerender header,.seo-prerender section{max-width:760px}
.seo-prerender header>p:first-child{font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-700)}
.seo-prerender h1{font-family:var(--f-display);font-size:clamp(42px,6vw,74px);line-height:1.03;margin:18px 0 22px;letter-spacing:-.02em}
.seo-prerender h2{font-family:var(--f-display);font-size:28px;line-height:1.15;margin:42px 0 12px}
.seo-prerender p{font-size:17px;color:var(--ink-2);max-width:68ch}

/* 11. Mobile is composed, not merely squeezed */
@media(max-width:900px){
  .title-xl{font-size:clamp(40px,10vw,58px)}
  .hero__inner,.os-reveal__head,.arch__head,.cortex__head,.automation__head,.pressure__head{gap:24px}
  .cortex-outcome-bridge{grid-template-columns:1fr;gap:12px}
  .cortex-outcome-bridge__arrow{justify-content:start;transform:rotate(90deg);width:28px}
  .cortex-outcome-bridge__outputs{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  body{font-size:15.5px}
  .lead,.body{font-size:16px}
  .section{padding-top:64px;padding-bottom:64px}
  .cortex-outcome-bridge__outputs{grid-template-columns:1fr}
  .hero__meta{gap:18px}
  .hero__meta strong{font-size:28px}
  .vz-story__steps{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px}
  .vz-story__step{min-width:180px}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .vz-reveal,.route-enter,.hero__eyebrow-dot{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}



/* CONTINUOUS CANVAS: preserve the existing site, recompose the story. */
:root{--story-x:clamp(30px,4.2vw,64px);--story-line:#D9E8E9;--story-dot:#C99422}

/* One faint narrative spine through the light homepage canvas. */
.os-reveal,.value-flow,.home-cortex,.numbers{position:relative}
.os-reveal::before,.value-flow::before,.home-cortex::before,.numbers::before{
  content:"";position:absolute;left:var(--story-x);top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent 0,var(--story-line) 8%,var(--story-line) 92%,transparent 100%);
  pointer-events:none
}
.os-reveal::after,.value-flow::after,.home-cortex::after,.numbers::after{
  content:"";position:absolute;left:calc(var(--story-x) - 4px);top:clamp(72px,9vw,120px);
  width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--story-dot);pointer-events:none
}
@media(max-width:760px){
  .os-reveal::before,.value-flow::before,.home-cortex::before,.numbers::before,
  .os-reveal::after,.value-flow::after,.home-cortex::after,.numbers::after{display:none}
}

/* Evolution: explain the consequence chain instead of leaving the problem implicit. */
.evolution__impact-chain{
  max-width:var(--max-w);margin:0 auto 52px;padding:0 var(--page-x);
  display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;align-items:stretch
}
.evolution__impact-step{
  min-height:130px;padding:18px;border-top:1px solid rgba(216,242,243,.20);
  border-bottom:1px solid rgba(216,242,243,.12)
}
.evolution__impact-step span{font:500 10px var(--f-mono);letter-spacing:.14em;color:#8FDDE0}
.evolution__impact-step strong{display:block;margin:16px 0 8px;color:#F5FAFA;font-size:16px}
.evolution__impact-step small{display:block;color:rgba(245,250,250,.68);font-size:12px;line-height:1.5}
.evolution__impact-step--risk{border-top-color:rgba(224,178,62,.58)}
.evolution__impact-step--risk span,.evolution__impact-step--risk strong{color:#EDC866}
.evolution__impact-arrow{display:grid;place-items:center;color:#EDC866;font-size:20px}
@media(max-width:800px){
 .evolution__impact-chain{grid-template-columns:1fr;gap:0}
 .evolution__impact-arrow{height:28px;transform:rotate(90deg)}
}

/* Enterprise OS becomes the transformation moment: signals converge into one system. */
.os-canvas{position:relative}
.os-canvas__signals{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;
  max-width:920px;margin:0 auto 6px
}
.os-canvas__signal{
  text-align:center;padding:9px 6px;border-bottom:2px solid #CFE2E4;
  color:var(--ink-2);font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase
}
.os-canvas__converge{height:52px;display:grid;grid-template-columns:repeat(6,1fr);max-width:920px;margin:0 auto}
.os-canvas__converge i{position:relative}
.os-canvas__converge i::before{
  content:"";position:absolute;left:50%;top:0;width:1px;height:32px;background:#C7DDDF
}
.os-canvas__converge i::after{
  content:"";position:absolute;left:50%;top:31px;width:calc(50% + 1px);height:1px;background:#C7DDDF
}
.os-canvas__converge i:nth-child(n+4)::after{left:auto;right:50%}
.os-canvas__transformation{
  max-width:920px;margin:28px auto 0;display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;
  align-items:center;border-top:1px solid var(--line);padding-top:20px
}
.os-canvas__transformation>div{padding:4px 10px;text-align:center}
.os-canvas__transformation span{font:600 9px var(--f-mono);letter-spacing:.12em;color:var(--gold-700)}
.os-canvas__transformation strong{display:block;margin:5px 0 3px;color:var(--ink);font-size:16px}
.os-canvas__transformation small{display:block;color:var(--ink-2);font-size:12px;line-height:1.45}
.os-canvas__transformation>b{text-align:center;color:var(--gold-600);font-size:20px}
.os-canvas__governance{
  max-width:920px;margin:18px auto 0;padding:10px 14px;border:1px solid #CFE1E3;border-radius:10px;
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#F7FBFB
}
.os-canvas__governance span{font:500 10px var(--f-mono);letter-spacing:.08em;color:var(--teal-700)}
.os-canvas__governance strong{font-size:12px;color:var(--ink)}
@media(max-width:760px){
  .os-canvas__signals{grid-template-columns:repeat(3,1fr)}
  .os-canvas__converge{display:none}
  .os-canvas__transformation{grid-template-columns:1fr}
  .os-canvas__transformation>b{transform:rotate(90deg)}
}

/* The layer control feels like one operating system, not six floating cards. */
.os-reveal__controls{gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.os-reveal__layer{border:0;border-bottom:1px solid var(--line-2);border-radius:0}
.os-reveal__layer:last-child{border-bottom:0}
.os-reveal__layer:hover{transform:none;background:#F8FBFB}
.os-reveal__layer.is-on{box-shadow:inset 3px 0 0 var(--teal-500);background:#F6FBFB}

/* Value-flow stage: visual first; supporting copy stays readable. */
.flow-engine__stage{min-height:430px;padding:8px 10px}
.flow-engine__stage svg{width:100%;height:auto;min-height:390px}
.flow-engine__paths{border-top:1px solid var(--line)}
.flow-engine__path{background:#fff}
.flow-engine__path-label{font-weight:600}

/* Business Cortex: one infographic canvas instead of four independent cards. */
.cortex-map{
  position:relative;padding:18px 0 8px;max-width:1080px;margin:0 auto
}
.cortex-map__signals{
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:22px
}
.cortex-map__signals span{
  padding:7px 10px;border-bottom:2px solid #BFDDE0;color:var(--ink-2);
  font:600 10px var(--f-mono);letter-spacing:.09em;text-transform:uppercase
}
.cortex-map__feed{height:42px;position:relative;max-width:720px;margin:0 auto}
.cortex-map__feed::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:#CFE2E4}
.cortex-map__feed i{position:absolute;bottom:0;width:1px;height:34px;background:#CFE2E4}
.cortex-map__feed i:nth-child(1){left:15%}.cortex-map__feed i:nth-child(2){left:38%}.cortex-map__feed i:nth-child(3){left:62%}.cortex-map__feed i:nth-child(4){left:85%}
.cortex-map__body{
  position:relative;min-height:430px;display:grid;
  grid-template-columns:1fr 220px 1fr;grid-template-rows:1fr 1fr;gap:18px 26px;align-items:center
}
.cortex-map__node{
  padding:18px 20px;border-top:1px solid #CFE2E4;background:transparent;min-height:132px
}
.cortex-map__node .card__icon{margin-bottom:12px;color:var(--teal-700)}
.cortex-map__node strong{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}
.cortex-map__node small{color:var(--ink-2);line-height:1.5}
.cortex-map__node--graph,.cortex-map__node--memory{text-align:right}
.cortex-map__core{
  grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:210px;height:210px;border-radius:50%;
  background:var(--navy-800);color:#fff;border:10px solid #E6F1F2;box-shadow:0 0 0 1px #C5DEE1,0 18px 45px rgba(7,60,69,.12);
  display:grid;place-items:center;text-align:center;padding:28px;position:relative
}
.cortex-map__core::before,.cortex-map__core::after{
  content:"";position:absolute;top:50%;width:72px;height:1px;background:#C7DDDF
}
.cortex-map__core::before{right:100%}.cortex-map__core::after{left:100%}
.cortex-map__core .kicker{color:#8FDDE0}
.cortex-map__core strong{font-size:24px;line-height:1.05;letter-spacing:.02em}
.cortex-map__core small{color:rgba(255,255,255,.72);font-size:11px;line-height:1.45}
.cortex-map__down{text-align:center;color:var(--gold-600);font-size:24px;height:32px}
.cortex-map__decision{
  max-width:820px;margin:0 auto;border-top:1px solid var(--gold-300);padding-top:16px;text-align:center
}
.cortex-map__decision>.kicker{color:var(--gold-700)}
.cortex-map__decision>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.cortex-map__decision strong{
  padding:11px 8px;background:#FFFDF7;border:1px solid #EBD9A7;border-radius:8px;font-size:12px;color:var(--ink)
}
@media(max-width:800px){
  .cortex-map__body{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}
  .cortex-map__core{grid-column:1/3;grid-row:1;width:170px;height:170px}
  .cortex-map__node--graph,.cortex-map__node--memory{text-align:left}
  .cortex-map__core::before,.cortex-map__core::after{display:none}
  .cortex-map__decision>div{grid-template-columns:1fr 1fr}
}

/* Stronger section rhythm without turning the site into alternating colour blocks. */
.home-cortex{padding-top:clamp(82px,10vw,138px);padding-bottom:clamp(82px,10vw,138px)}
.value-flow{padding-top:clamp(88px,10vw,140px);padding-bottom:clamp(88px,10vw,140px)}
.os-reveal{padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(92px,11vw,150px)}

/* Supporting copy is deliberately subordinate to diagrams. */
.os-reveal__head p,.value-flow .section-head .lead,.home-cortex .section-head .lead{max-width:58ch}

/* Animation hierarchy: story motion only, no forced scroll. */
@keyframes signalPulse{0%,100%{opacity:.35}50%{opacity:1}}
.os-canvas__converge i::before{animation:signalPulse 2.8s ease-in-out infinite}
.os-canvas__converge i:nth-child(2)::before{animation-delay:.2s}
.os-canvas__converge i:nth-child(3)::before{animation-delay:.4s}
.os-canvas__converge i:nth-child(4)::before{animation-delay:.6s}
.os-canvas__converge i:nth-child(5)::before{animation-delay:.8s}
.os-canvas__converge i:nth-child(6)::before{animation-delay:1s}
@media(prefers-reduced-motion:reduce){
 .os-canvas__converge i::before{animation:none!important}
}



/* ==============================================================
   VEZRAS V2 — ART DIRECTION / CONTINUOUS CANVAS
   Material improvements only: hierarchy, continuity, infographic
   composition and semantic interactive states.
   ============================================================== */
.hero__secondary-link{display:inline-flex;align-items:center;gap:8px;padding:12px 3px;color:var(--teal-700);font-weight:650;font-size:14px;border-bottom:1px solid transparent;transition:color .18s var(--e1),border-color .18s var(--e1)}
.hero__secondary-link:hover{color:var(--navy-800);border-bottom-color:var(--teal-400)}
.hero__secondary-link span{transition:transform .18s var(--e1)}.hero__secondary-link:hover span{transform:translateX(3px)}
.hero__proof{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink-3);font:500 10.5px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.hero__proof i{width:3px;height:3px;border-radius:50%;background:var(--gold-500)}.hero__proof strong{color:var(--teal-700);font-weight:650}

/* Enterprise OS — one connected pressure story, not four cards. */
.enterprise-pressure{background:#fff!important;border-top:1px solid var(--line-2)}
.enterprise-pressure__chain{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:stretch;margin-top:18px}
.enterprise-pressure__item{padding:20px 18px 20px 4px;border-top:1px solid var(--line);min-height:210px}
.enterprise-pressure__num{font:600 10px var(--f-mono);letter-spacing:.14em;color:var(--gold-700);margin-bottom:22px}
.enterprise-pressure__icon{width:28px;height:28px;color:var(--teal-700);margin-bottom:18px}.enterprise-pressure__icon svg{width:100%;height:100%}
.enterprise-pressure__item h4{font-size:17px;color:var(--ink);margin-bottom:9px}.enterprise-pressure__item p{font-size:13px;line-height:1.6;color:var(--ink-2);max-width:29ch}
.enterprise-pressure__arrow{display:grid;place-items:center;color:var(--gold-500);font-size:19px}
.enterprise-pressure__resolution{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--ink-2);font-size:13px}
.enterprise-pressure__resolution b{color:var(--gold-600);font-size:18px}.enterprise-pressure__resolution strong{color:var(--teal-700);font-size:16px}
.os-sim__grid #osSimControls{gap:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.os-sim__grid #osSimControls>.os-reveal__layer{border-radius:0;border:0;border-bottom:1px solid var(--line-2)}
.os-sim__grid #osSimControls>.os-reveal__layer:last-of-type{border-bottom:0}
#osSimReadout{margin:0!important;border-radius:0!important;background:#F5FAFA!important;color:var(--ink)!important;border-top:1px solid var(--line)}
#osSimReadout .eyebrow{color:var(--gold-700)!important}#osSimReadoutText{color:var(--ink-2)!important}

/* Architecture — controls read as one operating system. */
.page-hero--architecture::after{content:"00  01  02  03  04  05";position:absolute;right:var(--page-x);bottom:26px;font:500 10px var(--f-mono);letter-spacing:.18em;color:var(--teal-500);opacity:.7}
.arch__system-thesis{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:12px;align-items:center;margin:0 0 18px;color:var(--ink-3);font:600 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.arch__system-thesis i{height:1px;background:var(--line)}.arch__system-thesis strong{color:var(--teal-700);font-size:10px}
.arch__stack{position:relative;gap:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.arch__layer{border-radius:0!important;border:0!important;border-bottom:1px solid var(--line-2)!important;background:#fff!important}
.arch__layer:last-child{border-bottom:0!important}.arch__layer.is-active{background:#F4FAFA!important;box-shadow:inset 3px 0 0 var(--gold-500)!important}.arch__layer:hover{background:#F8FBFB!important}

/* Business Cortex — source language + graph + DI outputs as one signature system. */
.page-hero--business-cortex{background:radial-gradient(circle at 76% 52%,rgba(7,139,150,.08),transparent 24%),#fff}
.page-hero--business-cortex::after{content:"GRAPH  ·  KNOWLEDGE  ·  MEMORY  ·  EXTERNAL";position:absolute;right:var(--page-x);bottom:28px;font:600 9px var(--f-mono);letter-spacing:.13em;color:var(--teal-600);opacity:.72}
.cortex__sources{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch;margin:30px 0 0;border-top:1px solid var(--line)}
.cortex__source{padding:18px 8px 4px 0;min-height:118px}.cortex__source>span{font:600 9px var(--f-mono);letter-spacing:.12em;color:var(--gold-700)}
.cortex__source .cortex__pillar-icon{width:24px;height:24px;margin:12px 0 10px;color:var(--teal-700)}
.cortex__source strong{display:block;font-size:14px;color:var(--ink);margin-bottom:5px}.cortex__source small{display:block;font-size:11px;line-height:1.5;color:var(--ink-3)}
.cortex__source-link{align-self:center;height:1px;background:linear-gradient(90deg,var(--line),var(--gold-400));position:relative}.cortex__source-link::after{content:"";position:absolute;right:0;top:-2px;border-left:5px solid var(--gold-400);border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}
.cortex__output-bridge{margin:28px auto 0;max-width:980px;text-align:center;padding:20px 0 0;border-top:1px solid var(--line)}
.cortex__output-bridge>div:first-child{display:flex;align-items:baseline;justify-content:center;gap:12px}.cortex__output-bridge>div:first-child strong{font-size:15px;color:var(--teal-700)}
.cortex__output-bridge>b{display:block;color:var(--gold-600);font-size:20px;margin:8px 0}.cortex__output-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px!important}
.cortex__output-row span{padding:10px;border-top:2px solid var(--gold-300);background:#FFFDF8;color:var(--ink);font-size:12px;font-weight:650}.cortex__output-bridge em{display:inline-block;margin-top:12px;color:var(--gold-700);font:600 10px var(--f-mono);letter-spacing:.13em;text-transform:uppercase;font-style:normal}

/* Decision Intelligence — the reasoning rail is the thesis; the simulator is proof. */
.page-hero--decision-intelligence{background:radial-gradient(circle at 78% 45%,rgba(224,178,62,.07),transparent 24%),#fff}
.page-hero--decision-intelligence::after{content:"WHAT  →  WHY  →  IMPACT  →  NEXT";position:absolute;right:var(--page-x);bottom:28px;font:600 9px var(--f-mono);letter-spacing:.14em;color:var(--gold-700)}
.decision__reasoning-rail{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:stretch;margin:36px 0 16px;border-top:1px solid var(--line)}
.decision__reasoning-step{padding:17px 8px 8px 0;min-height:132px}.decision__reasoning-step span{font:600 9px var(--f-mono);letter-spacing:.12em;color:var(--teal-600)}
.decision__reasoning-step b{display:block;margin:10px 0 8px;color:var(--gold-700);font:650 11px var(--f-mono);letter-spacing:.1em}.decision__reasoning-step strong{display:block;font-size:15px;margin-bottom:5px;color:var(--ink)}.decision__reasoning-step small{display:block;color:var(--ink-3);font-size:11px;line-height:1.5}
.decision__reasoning-rail>i{display:grid;place-items:center;color:var(--gold-500);font-style:normal}.decision__lab{margin-top:18px}
.decision__cap-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;align-items:stretch;border-top:1px solid var(--line)}
.decision__cap{padding:20px 8px 4px 0}.decision__cap>span{font:600 9px var(--f-mono);color:var(--teal-600);letter-spacing:.12em}.decision__cap>div{width:24px;height:24px;color:var(--teal-700);margin:13px 0 11px}.decision__cap>div svg{width:100%;height:100%}.decision__cap strong{display:block;font-size:14px;color:var(--ink);margin-bottom:6px}.decision__cap small{display:block;font-size:11px;line-height:1.5;color:var(--ink-3)}
.decision__cap-link{align-self:center;height:1px;background:var(--line);position:relative}.decision__cap-link::after{content:"";position:absolute;right:0;top:-2px;border-left:5px solid var(--gold-400);border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}

/* Governance — one controlled system bounded by enterprise rules. */
.page-hero--governance{background:radial-gradient(circle at 78% 45%,rgba(7,139,150,.07),transparent 24%),#fff}.page-hero--governance::after{content:"PERMISSION  ·  APPROVAL  ·  TRACE";position:absolute;right:var(--page-x);bottom:28px;font:600 9px var(--f-mono);letter-spacing:.14em;color:var(--teal-600)}
.gov{background:#fff!important}.gov__tower{position:relative;margin-top:12px}.gov__tower::before{content:"GOVERNED SYSTEM";position:absolute;top:-23px;left:16px;font:600 8px var(--f-mono);letter-spacing:.14em;color:var(--teal-600)}
.gov__boundary{margin-top:50px;border:1px solid #BFD9DC;border-radius:16px;padding:22px;background:#F8FBFB;position:relative}.gov__boundary::before{content:"";position:absolute;inset:8px;border:1px dashed #D6E5E7;border-radius:11px;pointer-events:none}.gov__boundary-label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 4px 18px;border-bottom:1px solid var(--line)}.gov__boundary-label span{font:600 9px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-600)}.gov__boundary-label strong{font-size:15px;color:var(--ink)}
.gov__principles{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.gov__principles>div{padding:18px 14px 4px;border-right:1px solid var(--line)}.gov__principles>div:last-child{border-right:0}.gov__principles span{font:600 9px var(--f-mono);color:var(--gold-700);letter-spacing:.1em}.gov__principles strong{display:block;margin:9px 0 6px;font-size:13px;color:var(--ink)}.gov__principles small{font-size:10.5px;line-height:1.45;color:var(--ink-3)}

/* VezAI/product: surrounding canvas is quiet; product becomes the focus. */
.vz-story{background:#fff!important;border-top:1px solid var(--line-2)!important;border-bottom:1px solid var(--line-2)!important}.vz-story__head{margin-bottom:22px!important}.vz-story__investigation{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 30px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:600 10px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.vz-story__investigation i{color:var(--gold-500);font-style:normal}.vz-story__investigation strong{color:var(--teal-700)}
.vz-story__product-frame{background:#F3F7F7!important;padding:8px!important;box-shadow:0 18px 50px rgba(7,60,69,.08)!important}.vz-story__stage{box-shadow:none!important}.vz-story__tag{border:0!important;padding:0!important;background:transparent!important;color:var(--teal-600)!important}

/* Reduce generic container treatment; interactive states remain semantic. */
.enterprise-pressure__item,.cortex__source,.decision__cap,.gov__principles>div{box-shadow:none!important;border-radius:0!important}
button.arch__layer,button.os-reveal__layer,.decision__field-pick,.automation__process-pick,.automation__stage-btn,.rollout__phase,.compare__toggle-opt,.stack__sys,.vz-story__step{cursor:pointer}
button.arch__layer:focus-visible,button.os-reveal__layer:focus-visible,.decision__field-pick:focus-visible,.automation__process-pick:focus-visible,.automation__stage-btn:focus-visible,.rollout__phase:focus-visible,.compare__toggle-opt:focus-visible,.stack__sys:focus-visible,.vz-story__step:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}

@media(max-width:980px){
  .enterprise-pressure__chain{grid-template-columns:1fr 26px 1fr}.enterprise-pressure__chain>.enterprise-pressure__item:nth-of-type(n+3){margin-top:18px}.enterprise-pressure__arrow:nth-of-type(2){display:none}
  .gov__principles{grid-template-columns:repeat(3,1fr)}.gov__principles>div:nth-child(3){border-right:0}.gov__principles>div:nth-child(-n+3){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .page-hero--architecture::after,.page-hero--business-cortex::after,.page-hero--decision-intelligence::after,.page-hero--governance::after{display:none}
  .enterprise-pressure__chain,.decision__reasoning-rail,.decision__cap-flow{grid-template-columns:1fr;gap:0}.enterprise-pressure__arrow,.decision__reasoning-rail>i,.decision__cap-link{height:25px;transform:rotate(90deg)}
  .enterprise-pressure__item{min-height:0;padding:16px 0}.enterprise-pressure__resolution{justify-content:flex-start;flex-wrap:wrap}
  .cortex__sources{grid-template-columns:1fr 1fr;gap:14px}.cortex__source-link{display:none}.cortex__source{min-height:0;padding:15px 0}.cortex__output-row{grid-template-columns:1fr 1fr}
  .decision__reasoning-step{min-height:0;padding:15px 0}.decision__cap{padding:15px 0}
  .gov__boundary-label{align-items:flex-start;flex-direction:column}.gov__principles{grid-template-columns:1fr 1fr}.gov__principles>div{border-right:0!important;border-bottom:1px solid var(--line)}.gov__principles>div:last-child{border-bottom:0}
  .vz-story__investigation{font-size:9px;gap:7px}.hero__proof{gap:8px}
}

/* === Premium refinement patch === */
.page-hero--architecture + .arch,.page-hero--decision-intelligence + .decision,.page-hero--business-cortex + .cortex,.page-hero--governance + .gov{margin-top:-18px}
.page-hero--architecture h1,.page-hero--decision-intelligence h1,.page-hero--business-cortex h1,.page-hero--governance h1{max-width:14ch}
.arch,.decision,.rollout,.gov,.cortex{padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(56px,7vw,88px)}
.arch__head,.decision__head,.section-head{margin-bottom:22px!important}
.arch__grid,.decision__lab,.rollout__detail{box-shadow:0 18px 44px rgba(6,40,49,.06)}

.home-governance{padding:38px var(--page-x) 52px;background:linear-gradient(180deg,#fff 0%,#F6FBFB 100%)}
.home-governance__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:32px;align-items:start;border:1px solid #D7E7E8;border-radius:24px;padding:28px;background:rgba(255,255,255,.86);box-shadow:0 18px 42px rgba(6,40,49,.05)}
.home-governance__copy .eyebrow{margin-bottom:14px;color:var(--teal-700)}
.home-governance__copy h2{font-size:clamp(30px,4vw,44px);line-height:1.06;margin-bottom:16px}
.home-governance__copy p{color:var(--ink-2);max-width:58ch;margin-bottom:18px}
.home-governance__chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.home-governance__chips span{padding:9px 12px;border-radius:999px;background:#F1FAFA;border:1px solid #D6E9EA;font:600 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700)}
.home-governance__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.home-governance__card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#FCFEFE 100%);border:1px solid #D9E6E8;min-height:138px}
.home-governance__card span{display:block;font:700 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-700);margin-bottom:12px}
.home-governance__card strong{display:block;font-size:18px;line-height:1.2;color:var(--ink);margin-bottom:8px}
.home-governance__card small{display:block;color:var(--ink-2);font-size:12.5px;line-height:1.55}

.compounding-showcase{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}
.compounding-showcase__viz{border:1px solid #D7E5E7;border-radius:24px;padding:24px;background:linear-gradient(180deg,#fff 0%,#FBFDFD 100%);box-shadow:0 22px 48px rgba(6,40,49,.06)}
.compound-stage{padding:16px 18px;border-radius:18px;border:1px solid #D9E7E8;background:#fff}
.compound-stage + .compound-stage{margin-top:16px}
.compound-stage span{display:block;font:700 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.compound-stage strong{display:block;font-size:20px;color:var(--ink);margin-bottom:6px}
.compound-stage small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.55}
.compound-stage--source span{color:var(--teal-700)}
.compound-stage--decision span{color:var(--gold-700)}
.compound-arrow{text-align:center;color:var(--gold-600);font-size:26px;line-height:1;margin:10px 0}
.compound-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.compound-outcomes span{display:block;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#F8FCFC 0%,#FFF9EA 100%);border:1px solid #E4E8D6;font-size:12.5px;font-weight:650;color:var(--ink)}
.compound-note{margin-top:16px;padding:14px 16px;border-left:3px solid var(--gold-500);background:#FFFDF7;color:var(--ink-2);font-size:13px;line-height:1.6}

.moat-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px;align-items:center}
.moat-layout__stack{display:grid;gap:12px}
.moat-layout__point{padding:15px 16px;border:1px solid #D8E7E8;border-radius:16px;background:#fff}
.moat-layout__point span{display:block;font:700 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700);margin-bottom:8px}
.moat-layout__point strong{display:block;font-size:16px;color:var(--ink);margin-bottom:5px}
.moat-layout__point small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.55}
.moat-matrix{border:1px solid #D6E6E8;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#F9FCFD 100%);padding:22px;box-shadow:0 20px 48px rgba(6,40,49,.06)}
.moat-matrix__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.moat-matrix__head span{font:700 10px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-700)}
.moat-matrix__head strong{font-size:24px;color:var(--ink)}
.moat-matrix__core{padding:18px;border-radius:18px;background:linear-gradient(135deg,#073C45 0%,#0A5560 100%);color:#fff;border:1px solid rgba(224,178,62,.25);margin-bottom:14px}
.moat-matrix__core span{display:block;font:700 10px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#E8C46A;margin-bottom:10px}
.moat-matrix__core strong{display:block;font-size:24px;margin-bottom:6px}
.moat-matrix__core small{display:block;color:rgba(255,255,255,.82);line-height:1.55;font-size:12.5px}
.moat-matrix__row{display:grid;grid-template-columns:128px 1fr;gap:14px;padding:14px 0;border-top:1px solid #E2EBEC}
.moat-matrix__row span{font:700 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700)}
.moat-matrix__row strong{font-size:14px;color:var(--ink);line-height:1.5;font-weight:650}
.moat-matrix__footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px}
.moat-matrix__footer div{padding:12px;border-radius:14px;background:#fff;border:1px solid #D9E6E8;text-align:center}
.moat-matrix__footer span{display:block;font:700 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-700);margin-bottom:6px}
.moat-matrix__footer strong{display:block;font-size:14px;color:var(--ink)}

.decision__caps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
.decision__cap-card{position:relative;padding:20px;border-radius:22px;border:1px solid #D7E6E8;background:linear-gradient(180deg,#fff 0%,#FCFEFE 100%);overflow:hidden}
.decision__cap-card::after{content:"";position:absolute;right:-24px;top:-24px;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,rgba(224,178,62,.14),transparent 68%)}
.decision__cap-card-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#F0F8F8;font:700 11px var(--f-mono);letter-spacing:.12em;color:var(--teal-700);margin-bottom:16px;border:1px solid #D7E7E8}
.decision__cap-card:nth-child(2) .decision__cap-card-num,.decision__cap-card:nth-child(4) .decision__cap-card-num{background:#FFF8EA;color:var(--gold-700);border-color:#EEE0BE}
.decision__cap-card strong{display:block;font-size:21px;color:var(--ink);margin-bottom:8px;position:relative;z-index:1}
.decision__cap-card p{font-size:13px;color:var(--ink-2);line-height:1.6;position:relative;z-index:1}
.decision__cap-card small{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #E4ECEE;font:600 11px var(--f-mono);letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;position:relative;z-index:1}

.automation__metrics-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;margin-top:18px;align-items:start}
.automation__insights{display:grid;gap:12px}
.automation__insight-card{padding:16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(245,241,232,.12)}
.automation__insight-card span{display:block;font:700 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#E8C46A;margin-bottom:8px}
.automation__insight-card strong{display:block;font-size:16px;color:#F5FAFA;margin-bottom:6px}
.automation__insight-card small{display:block;color:rgba(245,250,250,.78);font-size:12px;line-height:1.55}
.automation__insight-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.automation__insight-bars i{display:block;height:10px;border-radius:999px;background:rgba(245,241,232,.08);position:relative;overflow:hidden}
.automation__insight-bars i b{display:block;height:100%;background:linear-gradient(90deg,#42BAC1,#E0B23E)}

.rollout__phase-tag{font-size:9px!important;line-height:1.45}
.rollout__detail-tag{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rollout__detail-tag .rollout__detail-mode{padding:5px 10px;border-radius:999px;background:#FFF6DE;color:#8A6815;border:1px solid #E8D6A3;font:700 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.managed-ops__head{margin-bottom:24px}
.managed-ops__phases{margin-top:22px}
.managed-ops__phase{border-radius:22px!important}
.managed-ops__continuity{background:linear-gradient(180deg,#fff 0%,#FFF9EA 100%)}

.gov__boundary-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}
.gov__boundary-copy p{font-size:14px;color:var(--ink-2);line-height:1.62;margin:18px 4px 0}
.gov__boundary-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.gov__boundary-strip span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #D8E6E8;font:700 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700)}
.gov__principles>div{padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.78)!important;border:1px solid #D8E5E7!important}
.gov__principles>div small{font-size:12px!important;line-height:1.55}
.gov__boundary-callout{margin-top:18px;padding:14px 16px;border-left:3px solid var(--gold-500);background:#FFFDF7;color:var(--ink-2);font-size:13px;line-height:1.6}

.vezai-proof__frame{border:1px solid #D7E5E7;border-radius:26px;background:linear-gradient(180deg,#fff 0%,#F7FBFB 100%);padding:16px;box-shadow:0 24px 56px rgba(6,40,49,.07)}
.vezai-proof__frame-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 14px;border-bottom:1px solid #E2EBEC;margin-bottom:14px}
.vezai-proof__frame-head span{font:700 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700)}
.vezai-proof__frame-head strong{font-size:13px;color:var(--ink)}
.vezai-proof__workspace{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:start}
.vezai-proof__meta{display:grid;gap:10px}
.vezai-proof__meta div{padding:12px;border-radius:14px;background:#fff;border:1px solid #D8E7E8}
.vezai-proof__meta span{display:block;font:700 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-700);margin-bottom:7px}
.vezai-proof__meta strong{display:block;font-size:13px;color:var(--ink);line-height:1.4}
.vezai-proof__meta small{display:block;margin-top:5px;color:var(--ink-2);font-size:11px;line-height:1.45}
.vezai-proof__device{width:100%!important;max-width:none!important;border-radius:20px!important;box-shadow:0 18px 40px rgba(6,40,49,.09)!important;background:#F6FAFA}
.vezai-proof__device video{border-radius:14px!important;display:block}
.vezai-proof__caption{margin-top:12px;padding:0 4px 4px}

@media(max-width:960px){
  .home-governance__inner,.compounding-showcase,.moat-layout,.gov__boundary-shell,.automation__metrics-shell,.vezai-proof__workspace{grid-template-columns:1fr}
  .home-governance__grid,.decision__caps-grid{grid-template-columns:1fr}
  .compound-outcomes,.moat-matrix__footer{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .home-governance__grid,.decision__caps-grid,.compound-outcomes,.moat-matrix__footer{grid-template-columns:1fr}
  .moat-matrix__row{grid-template-columns:1fr}
}


/* === Interaction depth + whitespace refinement === */
.page-hero--architecture,.page-hero--decision-intelligence{padding-bottom:24px!important}
.page-hero--architecture + .arch,.page-hero--decision-intelligence + .decision{padding-top:28px!important;margin-top:0!important}
.decision + .section--cream{padding-top:52px!important;padding-bottom:66px!important}
.arch + .section--cream{padding-top:58px!important;padding-bottom:72px!important}
.cortex + .section--cream{padding-top:58px!important;padding-bottom:72px!important}

.compound-modes,.moat-stage-switch{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 16px}
.compound-modes button,.moat-stage-switch button{border:1px solid #D7E5E7;background:#fff;border-radius:999px;padding:9px 12px;font:700 9px var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;transition:.22s var(--e1)}
.compound-modes button:hover,.moat-stage-switch button:hover{transform:translateY(-1px);border-color:#9CCFD2}
.compound-modes button.is-on,.moat-stage-switch button.is-on{background:#073C45;color:#fff;border-color:#073C45;box-shadow:0 8px 18px rgba(6,40,49,.12)}
.compound-live{padding:16px;border-radius:16px;border:1px solid #DCE8E9;background:linear-gradient(180deg,#F9FCFC 0%,#fff 100%);margin-top:14px}
.compound-live__top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.compound-live__top span{font:700 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700)}
.compound-live__top b{font-size:12px;color:var(--gold-700)}
.compound-live strong{display:block;font-size:17px;color:var(--ink);margin-bottom:5px}
.compound-live small{display:block;font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.compound-live__meter{height:8px;border-radius:999px;background:#E8F0F1;margin-top:14px;overflow:hidden}
.compound-live__meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#42BAC1,#E0B23E);transition:width .45s var(--e1)}

.moat-stage-panel{margin-top:16px;padding:16px;border-radius:16px;background:#F9FCFC;border:1px solid #DCE8E9}
.moat-stage-panel__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.moat-stage-panel__metrics div{padding:11px;border-radius:12px;background:#fff;border:1px solid #E0E9EA}
.moat-stage-panel__metrics span{display:block;font:700 8.5px var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}
.moat-stage-panel__metrics strong{display:block;font-size:16px;color:var(--ink)}
.moat-stage-panel p{font-size:12.5px!important;line-height:1.55!important;color:var(--ink-2)!important;margin:0!important}

.decision__cap-card{cursor:pointer;transition:transform .25s var(--e1),box-shadow .25s var(--e1),border-color .25s var(--e1)}
.decision__cap-card:hover,.decision__cap-card.is-on{transform:translateY(-3px);border-color:#AED5D7;box-shadow:0 16px 34px rgba(6,40,49,.07)}
.decision__cap-mini{height:58px;margin:16px 0 2px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #E3EBEC;padding-bottom:8px;position:relative;z-index:1}
.decision__cap-mini i{display:block;flex:1;min-width:0;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,rgba(66,186,193,.92),rgba(7,139,150,.42));transition:height .3s var(--e1)}
.decision__cap-card:nth-child(even) .decision__cap-mini i{background:linear-gradient(180deg,rgba(224,178,62,.9),rgba(224,178,62,.35))}
.decision-cap-live{margin-top:18px;border-radius:22px;background:linear-gradient(135deg,#073C45 0%,#0A5560 100%);color:#fff;padding:22px;display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:center;box-shadow:0 18px 42px rgba(6,40,49,.12)}
.decision-cap-live__copy span{font:700 9px var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:#E8C46A}
.decision-cap-live__copy h3{font-size:24px;color:#fff;margin:10px 0 8px}
.decision-cap-live__copy p{font-size:13px;color:rgba(255,255,255,.82);line-height:1.6}
.decision-cap-live__viz{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;min-height:110px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.12)}
.decision-cap-live__viz div{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;height:100%}
.decision-cap-live__viz i{display:block;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#E8C46A,#42BAC1);transition:height .35s var(--e1)}
.decision-cap-live__viz small{font:600 8.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.66);text-align:center}

@media(max-width:900px){.decision-cap-live{grid-template-columns:1fr}.moat-stage-panel__metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.moat-stage-panel__metrics{grid-template-columns:1fr}.compound-live__top{align-items:flex-start;flex-direction:column}}




/* Preview only: keeps single-file local routing transparent. */
.preview-route-badge{
  position:fixed;right:18px;bottom:18px;z-index:150;
  padding:7px 10px;border:1px solid rgba(7,60,69,.14);
  border-radius:999px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);font:500 9px/1.2 var(--f-mono);
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
  box-shadow:0 8px 24px rgba(7,60,69,.08);pointer-events:none
}
@media(max-width:700px){.preview-route-badge{display:none}}



:root{
  --accent-mist:#EEF5F8;
  --accent-sage:#EEF5F1;
  --accent-sand:#FCF7EA;
  --accent-aqua:#EAF7F6;
  --compact-section:clamp(48px,6vw,78px);
}

/* Smaller, clearer typography. Same font family. */
body{font-size:15px}
.title-xl{font-size:clamp(38px,5.25vw,70px);line-height:1.01;letter-spacing:-.021em}
.title-lg{font-size:clamp(29px,3.7vw,48px);line-height:1.06}
.title-md{font-size:clamp(23px,2.7vw,34px);line-height:1.1}
.title-sm{font-size:clamp(19px,1.8vw,25px)}
.lead{font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.58;max-width:58ch}
.body{font-size:14.5px;line-height:1.58;max-width:62ch}
.body--sm{font-size:13.5px;line-height:1.55}
.eyebrow{font-size:10px}
.kicker{font-size:10px}
.section{padding-top:var(--compact-section);padding-bottom:var(--compact-section)}
.section-head{margin-bottom:34px}
.section-head .eyebrow{margin-bottom:12px}
.section-head h2{margin-bottom:12px}

/* Hero: iconic, not a reading block. */
.hero{min-height:auto;padding:clamp(58px,7vw,88px) var(--page-x) clamp(52px,6vw,78px)}
.hero__inner{gap:clamp(26px,4vw,52px)}
.hero__title{margin-bottom:18px}
.hero__lede{font-size:clamp(15.5px,1.25vw,17.5px);line-height:1.58;max-width:52ch;margin-bottom:24px}
.hero__ctas{gap:10px}
.hero__proof{margin-top:24px;padding-top:16px;font-size:10px}
.hero__visual{max-width:480px}
.hero__eyebrow{margin-bottom:18px}

/* Page heroes: compact and visual-first. */
.page-hero{padding-top:clamp(46px,6vw,72px);padding-bottom:clamp(40px,5vw,62px)}
.page-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.03;margin-bottom:16px}
.page-hero .lead{font-size:clamp(15.5px,1.2vw,17.5px);max-width:58ch}
.page-hero__inner{gap:28px}

/* The overall canvas is lighter. */
body,.page,.section,.os-reveal,.value-flow,.home-cortex,.numbers,.arch,.decision,.gov,.cortex,.automation,.pressure{
  background:#fff
}
.section--cream,.home-cortex{background:#FAFCFC!important}
.section--soft{background:#F7FAFB!important}

/* Use very pale semantic accents instead of large dark panels. */
.home-cortex{background:linear-gradient(180deg,#FAFCFC 0%,var(--accent-aqua) 100%)!important}
.numbers{background:var(--accent-mist)!important}
.arch{background:linear-gradient(180deg,#fff 0%,#FAFCFD 100%)}
.decision{background:linear-gradient(180deg,#fff 0%,var(--accent-sand) 100%)}
.gov{background:linear-gradient(180deg,#fff 0%,var(--accent-sage) 100%)}
.cortex{background:linear-gradient(180deg,#fff 0%,var(--accent-aqua) 100%)}

/* Evolution: light chapter, with one focused dark visualization canvas only. */
.evolution{
  background:linear-gradient(180deg,#F7FAFB 0%,#EEF5F7 100%)!important;
  color:var(--ink)!important
}
.evolution__intro{padding-top:clamp(50px,6vw,76px);padding-bottom:22px}
.evolution__intro h2{color:var(--ink)!important}
.evolution__intro p{color:var(--ink-2)!important}
.evolution__stage{padding-top:20px;padding-bottom:58px}
.evolution__nav-item{
  border-color:#D6E4E6!important;color:var(--ink)!important;opacity:.72
}
.evolution__nav-item:last-child{border-bottom-color:#D6E4E6!important}
.evolution__nav-item.is-active{opacity:1}
.evolution__nav-name{color:var(--ink)!important}
.evolution__nav-num{color:var(--teal-700)!important}
.evolution__nav-era{color:var(--ink-3)!important}
.evolution__stage-viz{
  height:min(455px,62vh);
  background:linear-gradient(145deg,#073C45 0%,#07535E 100%)!important;
  border-color:#0B5B66!important
}
.evolution__panels{color:var(--ink)}
.evolution__panel{
  padding:34px 0;min-height:34vh;border-bottom-color:#D8E5E7!important;opacity:.66
}
.evolution__panel.is-in-view{opacity:1}
.evolution__panel h3{font-size:clamp(24px,2.4vw,34px);color:var(--ink)!important;margin-bottom:12px}
.evolution__panel p{font-size:14px;line-height:1.56;color:var(--ink-2)!important;margin-bottom:12px}
.evolution__panel-num{color:var(--teal-700)!important}
.evolution__panel li{
  color:var(--ink-2)!important;border-color:#D4E2E4!important;background:rgba(255,255,255,.5)
}
.evolution__panel .limit-block{margin-top:20px;background:var(--accent-sand);border-left-color:var(--gold-500)}
.evolution__panel .limit-block span{color:var(--ink-2)}
.evolution__impact-chain{margin-bottom:34px}
.evolution__impact-step{min-height:100px;border-color:#D2E2E4!important}
.evolution__impact-step span{color:var(--teal-700)!important}
.evolution__impact-step strong{margin:10px 0 4px;color:var(--ink)!important;font-size:14px}
.evolution__impact-step small{color:var(--ink-2)!important;font-size:11px}
.evolution__impact-step--risk{background:var(--accent-sand)}
.evolution__impact-step--risk span,.evolution__impact-step--risk strong{color:var(--gold-700)!important}
.evolution__outro{padding-bottom:58px}
.evolution__outro-txt{color:var(--ink)!important;font-size:clamp(18px,1.7vw,23px)}

/* Enterprise OS: reduce vertical height while keeping the transformation moment. */
.os-reveal{padding-top:clamp(58px,7vw,88px);padding-bottom:clamp(58px,7vw,88px)}
.os-reveal__head{margin-bottom:34px;gap:36px}
.os-reveal__grid{gap:28px}
.os-reveal__stage{max-height:470px}
.os-reveal__layer{padding:13px 16px;grid-template-columns:32px 1fr auto;gap:12px}
.os-reveal__layer-body h4{font-size:15px;margin-bottom:3px}
.os-reveal__layer-body p{font-size:12.5px;line-height:1.45}
.os-canvas__signals{max-width:820px}
.os-canvas__signal{font-size:9px;padding:7px 4px}
.os-canvas__converge{height:38px;max-width:820px}
.os-canvas__transformation{max-width:820px;margin-top:18px;padding-top:14px}
.os-canvas__transformation strong{font-size:14px}
.os-canvas__transformation small{font-size:11px}
.os-canvas__governance{max-width:820px;margin-top:12px;padding:8px 12px}

/* Signature Cortex: compact, more visual, less boxed. */
.home-cortex{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px)}
.cortex-map{padding-top:6px}
.cortex-map__signals{margin-bottom:10px}
.cortex-map__signals span{font-size:9px;padding:5px 8px}
.cortex-map__feed{height:28px}
.cortex-map__body{min-height:340px;grid-template-columns:1fr 180px 1fr;gap:12px 20px}
.cortex-map__node{min-height:100px;padding:12px 14px}
.cortex-map__node .card__icon{margin-bottom:7px}
.cortex-map__node strong{font-size:14px;margin-bottom:4px}
.cortex-map__node small{font-size:11px}
.cortex-map__core{width:172px;height:172px;padding:22px;border-width:8px}
.cortex-map__core strong{font-size:20px}
.cortex-map__decision{padding-top:12px}
.cortex-map__decision>div{margin-top:8px}
.cortex-map__decision strong{padding:8px 6px;font-size:11px}

/* Complete the story in the same canvas — no extra section. */
.home-outcome-bridge{
  max-width:840px;margin:22px auto 0;padding-top:18px;border-top:1px solid #D8E5E7;
  display:grid;grid-template-columns:1fr 28px 1fr 42px 1.1fr;gap:8px;align-items:center
}
.home-outcome-bridge>div{padding:11px 12px;border-radius:9px;background:#fff}
.home-outcome-bridge>div:nth-child(1){background:var(--accent-mist)}
.home-outcome-bridge>div:nth-child(3){background:var(--accent-sand)}
.home-outcome-bridge__result{background:var(--accent-sage)!important;border-left:2px solid var(--teal-500)}
.home-outcome-bridge span{display:block;font:600 9px var(--f-mono);letter-spacing:.1em;color:var(--teal-700);text-transform:uppercase}
.home-outcome-bridge strong{display:block;margin:4px 0 2px;font-size:13px;color:var(--ink)}
.home-outcome-bridge small{font-size:10.5px;color:var(--ink-2)}
.home-outcome-bridge>i,.home-outcome-bridge>b{text-align:center;color:var(--gold-600);font-style:normal}

/* Why-now becomes a proof strip, not another chapter. */
.numbers{padding-top:38px!important;padding-bottom:42px!important}
.numbers>div:first-child{margin-bottom:18px!important}
.numbers__grid{gap:0;border-top:1px solid #D4E2E4;border-bottom:1px solid #D4E2E4}
.numbers__stat{padding:18px 20px;border-top:0!important;border-right:1px solid #D4E2E4}
.numbers__stat:last-child{border-right:0}
.numbers__stat-val{font-size:clamp(27px,3vw,40px)!important;color:var(--teal-700)!important}
.numbers__stat-val span{font-size:14px!important;color:var(--ink-3)!important}
.numbers__stat-lbl{font-size:11.5px;line-height:1.4;color:var(--ink-2)!important;max-width:22ch}
.numbers .title-md{font-size:clamp(22px,2.3vw,30px)}
.numbers .btn{padding:10px 15px}
.numbers>div:last-child{margin-top:20px!important}

/* Page signature canvases remain rich but surrounded by light space. */
.arch__inner,.decision__inner,.gov__inner,.cortex__inner{padding-top:var(--compact-section);padding-bottom:var(--compact-section)}
.arch__head,.decision__head,.cortex__head{margin-bottom:26px}
.arch__head h2,.decision__head h2,.cortex__head h2{max-width:18ch}

/* Dark canvases are localized, not section-wide. */
.arch__detail,
.cortex__lab,
.decision__lab,
.gov__tower,
.automation__lab,
.pressure__lab{
  box-shadow:0 14px 34px rgba(7,60,69,.08)!important
}
.cortex__lab{background:linear-gradient(145deg,#0A4852,#0B6670)!important}
.decision__lab{background:#fff!important;border-color:#D5E3E5!important}
.decision__lab-topbar{background:#EAF5F5!important;color:var(--ink)!important;border-bottom-color:#D5E3E5!important}
.decision__lab-topbar-lbl{color:var(--teal-700)!important}
.decision__lab-topbar-status{color:var(--ok)!important}
.decision__ctx{background:#FAFCFC!important;border-right-color:#DCE7E9!important}
.decision__ctx-lbl,.decision__field-lbl{color:var(--ink-3)!important}
.decision__ctx h3{color:var(--ink)!important}
.decision__field-pick{background:#fff!important;color:var(--ink-2)!important;border-color:#D5E3E5!important}
.decision__field-pick.is-on{background:var(--accent-aqua)!important;color:var(--teal-700)!important;border-color:#9FCFD3!important}
.decision__output{background:#fff!important}
.decision__rec{background:var(--accent-sand)!important;border-color:#E6D39C!important}
.decision__reasoning-rail{margin-bottom:20px}
.decision__reasoning-step{padding:10px 12px}
.decision__reasoning-step strong{font-size:12.5px}
.decision__reasoning-step small{font-size:10.5px}

/* Governance: control tower slightly lighter teal instead of heavy navy. */
.gov__tower{background:linear-gradient(145deg,#0A4A55 0%,#0A6670 100%)!important}
.gov__boundary{background:rgba(255,255,255,.66);border-color:#D7E5DF}
.gov__principles>div:nth-child(odd){background:rgba(238,245,241,.75)}
.gov__principles>div:nth-child(even){background:rgba(238,245,248,.72)}

/* VezAI/product gets quiet surrounding space. */
.vz-story,.home-product-preview{background:#fff!important}
.vz-story__head{margin-bottom:24px}
.vz-story__stage{box-shadow:0 18px 42px rgba(7,60,69,.09)}
.vzpd__side{background:#0A4552!important}
.vzpd__right{background:linear-gradient(160deg,#0A4D58,#0B7079 62%,#3A786E)!important}

/* Semantic interactive feedback: no universal lift. */
.card:hover{transform:none!important}
a.card:hover,button.card:hover,[role="button"].card:hover{transform:translateY(-1px)!important}
.btn:hover{transform:translateY(-1px)!important}
.nav__links a:hover{transform:none!important}
.arch__layer:hover{transform:translateX(2px)!important}
.cortex__zoom button:hover,.decision__field-pick:hover{transform:none!important}

/* Shorter transition times. */
.btn,.nav__links a,.arch__layer,.decision__field-pick,.os-reveal__layer{
  transition-duration:.16s!important
}

/* Mobile infographic recomposition. */
@media(max-width:900px){
  .hero{padding-top:46px}
  .hero__visual{max-width:390px}
  .evolution__stage-viz{height:330px}
  .evolution__panel{min-height:0;padding:24px 0}
  .cortex-map__body{grid-template-columns:1fr 1fr;min-height:0}
  .cortex-map__core{grid-column:1/3;width:150px;height:150px}
  .home-outcome-bridge{grid-template-columns:1fr}
  .home-outcome-bridge>i,.home-outcome-bridge>b{transform:rotate(90deg)}
  .numbers__grid{grid-template-columns:1fr 1fr}
  .numbers__stat{border-bottom:1px solid #D4E2E4}
}
@media(max-width:620px){
  .title-xl{font-size:clamp(36px,10vw,50px)}
  .title-lg{font-size:clamp(27px,8vw,38px)}
  .section{padding-top:44px;padding-bottom:44px}
  .page-hero{padding-top:38px;padding-bottom:38px}
  .hero__proof{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero__proof i{display:none}
  .numbers__grid{grid-template-columns:1fr 1fr}
  .numbers__stat{padding:14px}
  .numbers__stat-val{font-size:28px!important}
  .cortex-map__decision>div{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}



/* ================================================================
   DENSITY + OVERLAP FIX
   Fixes the Enterprise OS flow collision shown in QA, reduces dead
   whitespace and makes the final CTA intentionally quiet.
   ================================================================ */

/* Enterprise OS flow: compact section, no restart feeling. */
.value-flow{
  padding:clamp(46px,5.5vw,68px) var(--page-x)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFB 100%)!important;
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
}
.value-flow .section-head{margin-bottom:24px!important}
.value-flow .section-head .eyebrow{margin-bottom:10px!important}
.value-flow .section-head .lead{margin-top:10px!important;max-width:54ch}

/* The engine is now one contained visual, not strip + oversized canvas + paths. */
.flow-engine{
  margin-top:24px!important;
  border-radius:14px!important;
  border-color:#D6E4E6!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#fff!important;
}
.flow-engine__strip{
  min-height:0!important;
  background:#fff!important;
}
.flow-engine__step{
  min-height:112px!important;
  padding:15px 18px!important;
  background:#fff!important;
  color:var(--ink)!important;
  border-right-color:#DCE7E9!important;
}
.flow-engine__step-num{
  font-size:9px!important;
  margin-bottom:6px!important;
  color:var(--ink-3)!important;
}
.flow-engine__step h4{
  font-size:16px!important;
  line-height:1.12!important;
  margin-bottom:5px!important;
  color:var(--ink)!important;
}
.flow-engine__step p{
  font-size:11.5px!important;
  line-height:1.42!important;
  color:var(--ink-2)!important;
  max-width:28ch;
}
.flow-engine__step:hover{background:#F7FAFA!important}
.flow-engine__step.is-active{
  background:#EAF7F6!important;
  color:var(--ink)!important;
  box-shadow:inset 0 -3px 0 var(--teal-600);
}
.flow-engine__step.is-active .flow-engine__step-num{color:var(--gold-700)!important}
.flow-engine__step.is-active h4{color:var(--teal-800)!important}
.flow-engine__step.is-active p{color:var(--ink-2)!important}

/* Critical collision fix: SVG is always constrained to the stage box. */
.flow-engine__stage{
  position:relative!important;
  min-height:0!important;
  height:clamp(300px,32vw,365px)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border-top:0!important;
}
.flow-engine__stage svg{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:10px 18px 12px!important;
  overflow:hidden!important;
}

/* Redundant bottom outcome panel removed in markup; defensive fallback. */
.flow-engine__paths{display:none!important}

/* Reduce dead space between the flow and the next Enterprise OS chapter. */
.enterprise-pressure{
  padding-top:clamp(42px,5vw,62px)!important;
  padding-bottom:clamp(46px,5.5vw,68px)!important;
  border-top:0!important;
}
.enterprise-pressure .section-head{margin-bottom:20px!important}
.enterprise-pressure__chain{margin-top:10px!important}
.enterprise-pressure__item{
  min-height:150px!important;
  padding:14px 10px 14px 2px!important;
}
.enterprise-pressure__num{margin-bottom:12px!important}
.enterprise-pressure__icon{margin-bottom:10px!important;width:24px!important;height:24px!important}
.enterprise-pressure__item h4{font-size:14px!important;margin-bottom:5px!important}
.enterprise-pressure__item p{font-size:11.5px!important;line-height:1.48!important}
.enterprise-pressure__resolution{
  margin-top:16px!important;
  padding:11px 0!important;
  font-size:11.5px!important;
}

/* Quieter ending: no giant colourful statement, no full navy billboard. */
.cta{
  padding:34px var(--page-x) 28px!important;
  background:#F3F8F7!important;
  color:var(--ink)!important;
  border-top:1px solid #D5E4E1;
  overflow:visible!important;
}
.cta::before{display:none!important}
.cta__inner{max-width:var(--max-w)!important}
.cta__compact{
  display:flex;align-items:center;justify-content:space-between;
  gap:28px;padding-bottom:18px
}
.cta__quote{
  margin:6px 0 0!important;
  max-width:34ch!important;
  font-style:normal!important;
  font-size:clamp(20px,2.1vw,29px)!important;
  line-height:1.13!important;
  letter-spacing:-.015em!important;
  color:var(--ink)!important;
}
.cta__quote em{color:inherit!important;font-weight:inherit!important}
.cta__contact-label{
  color:var(--teal-700)!important;
  font-size:9px!important;
}
.cta__actions{gap:8px!important}
.cta .btn{padding:10px 14px!important;font-size:12px!important}
.cta .btn--primary{background:var(--teal-700)!important}
.cta .btn--ghost{
  color:var(--ink)!important;background:#fff!important;border-color:#CBDCDD!important
}
.cta__meta{
  display:flex;gap:8px;align-items:center;
  padding-top:12px;border-top:1px solid #D5E4E1;
  font-size:11px;color:var(--ink-3)
}
.cta__meta a{color:var(--ink-2)!important}
.cta__meta a:hover{color:var(--teal-700)!important}

/* Keep footer visually distinct without another heavy block. */
.foot{border-top:0!important}

/* Desktop flow remains one row; tablet/mobile becomes compact and safe. */
@media(max-width:900px){
  .flow-engine__strip{grid-template-columns:1fr 1fr!important}
  .flow-engine__step{min-height:96px!important}
  .flow-engine__stage{height:330px!important}
  .enterprise-pressure__item{min-height:0!important}
  .cta__compact{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .value-flow{padding:38px var(--page-x)!important}
  .flow-engine__strip{grid-template-columns:1fr 1fr!important}
  .flow-engine__step{padding:12px!important}
  .flow-engine__step p{display:none}
  .flow-engine__step h4{font-size:14px!important}
  .flow-engine__stage{height:270px!important}
  .flow-engine__stage svg{padding:6px!important}
  .cta{padding:28px var(--page-x) 24px!important}
  .cta__quote{font-size:21px!important}
  .cta__actions{width:100%}
  .cta__actions .btn{flex:1}
  .cta__meta{flex-wrap:wrap}
}



/* ================================================================
   CONTRAST / COLOR QA
   Key small-text pairs are set to >= 4.5:1 on their surfaces.
   Light surfaces carry dark text. Dark surfaces are only used where
   the visual itself benefits from it. No low-contrast dark-on-dark.
   ================================================================ */

/* ---------- Integrations ---------- */
.stack{
  padding:clamp(44px,5.5vw,72px) var(--page-x)!important;
  background:#FFFFFF!important;
}
.stack__inner{max-width:var(--max-w)}
.integration-head{margin-bottom:26px!important}
.integration-head h2{max-width:19ch}
.integration-head .lead{max-width:62ch}

.integration-ecosystem{
  position:relative;
  background:#FAFCFC;
  border:1px solid #D6E5E7;
  border-radius:16px;
  padding:20px;
  overflow:hidden;
}
.integration-ecosystem__intelligence{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px 18px;
  background:#EAF7F6;
  border:1px solid #B8DCDD;
  border-radius:10px;
}
.integration-ecosystem__intelligence span{
  font:700 11px var(--f-mono);
  letter-spacing:.11em;text-transform:uppercase;
  color:#006772
}
.integration-ecosystem__intelligence strong{
  font-size:14px;color:#0B3139;font-weight:600
}
.integration-ecosystem__line{
  width:1px;height:22px;background:#D5B350;margin:0 auto;position:relative
}
.integration-ecosystem__line::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:8px;height:8px;border-radius:50%;background:#D5B350
}
.integration-ecosystem__functions{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  gap:7px;
}
.integration-function{
  position:relative;
  min-height:132px;
  padding:13px 11px 12px;
  background:#fff;
  border-top:3px solid #17818A;
  border-bottom:1px solid #D6E5E7;
}
.integration-function__num{
  display:block;margin-bottom:14px;
  font:600 9px var(--f-mono);letter-spacing:.12em;color:#9A7A22
}
.integration-function strong{
  display:block;margin-bottom:10px;
  color:#0B3139;font-size:13px;line-height:1.15
}
.integration-function small{
  display:block;color:#596F77;font-size:10.5px;line-height:1.55
}
.integration-custom{
  margin-top:18px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:18px;align-items:center;
  padding:18px 20px;
  background:#FFF8E8;
  border:1px solid #E9D397;
  border-left:4px solid #C99422;
  border-radius:12px;
}
.integration-custom__mark{
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  background:#FFFFFF;color:#7D5E14;
  border:1px solid #E4C978;
  font-size:27px;font-weight:400
}
.integration-custom__eyebrow{
  display:block;margin-bottom:5px;
  font:700 9px var(--f-mono);letter-spacing:.12em;
  text-transform:uppercase;color:#7D5E14
}
.integration-custom h3{
  font-size:20px;line-height:1.1;margin:0 0 5px;color:#0B3139
}
.integration-custom p{
  margin:0;max-width:72ch;
  font-size:12.5px;line-height:1.5;color:#526970
}
.integration-custom__proof{
  display:flex;align-items:center;gap:12px;
  padding-left:18px;border-left:1px solid #E4D4A7;
  min-width:250px
}
.integration-custom__proof>div{display:grid;gap:3px}
.integration-custom__proof span,
.integration-custom__proof strong{
  font-family:var(--f-display);font-size:27px;line-height:1;color:#006772
}
.integration-custom__proof b{color:#A97816;font-size:20px}
.integration-custom__proof small{
  font:700 9px var(--f-mono);
  letter-spacing:.06em;color:#5B7077;text-transform:uppercase
}

.integration-simulator-head{
  margin:34px 0 18px!important;
}
.integration-simulator-head .eyebrow{margin-bottom:8px!important}
.integration-simulator-head h2{max-width:28ch}

/* Compact simulator so the key custom-tool story stays above the fold. */
.stack__lab{
  margin-top:0!important;
  min-height:430px!important;
  grid-template-columns:220px minmax(360px,1fr) 240px!important;
  border-radius:14px!important;
  box-shadow:none!important;
  border-color:#D7E4E6!important
}
.stack__left,.stack__right{
  padding:18px!important;background:#F7FAFA!important
}
.stack__systems{gap:5px!important}
.stack__sys{
  padding:8px 10px!important;border-radius:6px!important
}
.stack__sys-name{font-size:12px!important}
.stack__sys-cat{font-size:8.5px!important}
.stack__sys.is-on{
  background:#E6F4F4!important;
  color:#073C45!important;
  border-color:#92C9CD!important;
  box-shadow:inset 3px 0 0 #087D88
}
.stack__sys.is-on .stack__sys-cat{color:#8A6815!important}
.stack__center{background:#FFFFFF!important;padding:18px!important}
.stack__center svg{padding:10px!important}
.stack__right-item-val{font-size:12px!important;line-height:1.45!important}
.stack__right-item{padding:10px 0!important}

/* Connector coverage is supporting proof, therefore quiet and compact. */
.integration-coverage{
  padding-top:44px!important;padding-bottom:50px!important;background:#F8FBFB!important
}
.integration-coverage .grid-4 .card{
  padding:17px!important;border:0!important;border-top:2px solid #C9DFE1!important;
  border-radius:0!important;background:transparent!important
}
.integration-coverage .grid-4 .card__icon{margin-bottom:10px}
.integration-coverage .grid-4 .card h4{font-size:14px;margin-bottom:6px}
.integration-coverage .grid-4 .card p{
  font-size:10.5px!important;line-height:1.55!important;color:#5B7077!important
}

/* ---------- Implementation / Rollout ---------- */
.rollout{
  padding:clamp(44px,5.5vw,72px) var(--page-x)!important;
  background:#FFFFFF!important
}
.rollout .section-head{margin-bottom:24px!important}
.rollout__timeline{
  margin-top:26px!important;gap:10px!important
}
.rollout__phase{
  padding-top:42px!important;
  background:transparent!important
}
.rollout__phase-dot{top:13px!important}
.rollout__phase-num{font-size:9px!important}
.rollout__phase-name{font-size:14px!important;color:#0B3139}
.rollout__phase-tag{font-size:8.5px!important}
.rollout__detail{
  margin-top:26px!important;padding:24px!important;
  grid-template-columns:1.25fr .75fr!important;
  gap:28px!important;
  box-shadow:none!important;
  border-color:#D9E5E6!important;
  background:#FAFCFC!important
}
.rollout__detail h3{font-size:25px!important}
.rollout__detail p.rollout__detail-lede{
  font-size:13px!important;line-height:1.5!important;margin-bottom:16px!important
}
.rollout__detail-items{gap:6px!important}
.rollout__detail-item{
  padding:8px 10px!important;background:#FFFFFF!important;border:1px solid #E2EBEC
}
.rollout__detail-item-name{font-size:11.5px!important}
.rollout__detail-outputs{
  background:#EAF7F6!important;
  color:#0B3139!important;
  border:1px solid #BCDCDD!important;
  border-radius:10px!important;
  padding:18px!important
}
.rollout__detail-outputs h4{color:#006772!important;font-size:15px!important}
.rollout__detail-output{
  color:#425A62!important;border-bottom-color:#CFE3E4!important;font-size:11.5px!important
}
.rollout__detail-output span{color:#8A6815!important;font-size:8.5px!important}

/* Managed operations rebuilt for readability — no dark background. */
.managed-ops{
  padding:clamp(50px,6vw,78px) var(--page-x);
  background:linear-gradient(180deg,#F3F8F7 0%,#FFFFFF 100%);
  border-top:1px solid #D8E6E1;
  color:#0B3139
}
.managed-ops__inner{max-width:var(--max-w);margin:0 auto}
.managed-ops__head{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);
  gap:46px;align-items:end;margin-bottom:30px
}
.managed-ops__head .eyebrow{margin-bottom:10px}
.managed-ops__head h2{margin:0;max-width:14ch}
.managed-ops__head .lead{margin:0;color:#4F666E}
.managed-ops__phases{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:#D8E5E2;border:1px solid #D8E5E2;border-radius:12px;overflow:hidden
}
.managed-ops__phase{
  min-height:170px;padding:22px;background:#FFFFFF
}
.managed-ops__phase--1{background:#F5FAFA}
.managed-ops__phase--2{background:#FFF9EC}
.managed-ops__phase--3{background:#F2F7F4}
.managed-ops__phase>span{
  font:700 9px var(--f-mono);letter-spacing:.12em;color:#0B7B84
}
.managed-ops__phase--2>span{color:#A97816}
.managed-ops__phase strong{
  display:block;margin:24px 0 8px;color:#0B3139;font-size:17px
}
.managed-ops__phase p{
  margin:0;font-size:12.5px;line-height:1.5;color:#526970
}
.managed-ops__continuity{
  margin-top:18px;padding:14px 18px;
  display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px;
  background:#FFFFFF;border-top:1px solid #D4E3E0;border-bottom:1px solid #D4E3E0
}
.managed-ops__continuity-label{
  font:700 9px var(--f-mono);letter-spacing:.11em;text-transform:uppercase;color:#006772
}
.managed-ops__continuity>div{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.managed-ops__continuity b{
  font-size:12px;color:#344E56;font-weight:600
}
.managed-ops__continuity i{font-style:normal;color:#C99422}
.managed-ops__outcomes{
  display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;
  border-top:1px solid #D8E5E2;border-bottom:1px solid #D8E5E2
}
.managed-ops__outcomes>div{
  padding:16px 18px;border-right:1px solid #D8E5E2
}
.managed-ops__outcomes>div:last-child{border-right:0}
.managed-ops__outcomes span{
  display:block;margin-bottom:5px;
  font:700 8.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#8A6815
}
.managed-ops__outcomes strong{
  color:#0B3139;font-size:12.5px
}

/* ---------- Mobile QA ---------- */
@media(max-width:1050px){
  .integration-ecosystem__functions{grid-template-columns:repeat(4,1fr)}
  .integration-custom{grid-template-columns:44px 1fr}
  .integration-custom__proof{
    grid-column:2;margin-top:4px;padding:12px 0 0;border-left:0;border-top:1px solid #E4D4A7
  }
  .stack__lab{grid-template-columns:1fr!important}
  .stack__center{min-height:340px!important}
  .managed-ops__head{grid-template-columns:1fr;gap:14px}
}
@media(max-width:720px){
  .integration-ecosystem{padding:14px}
  .integration-ecosystem__intelligence{align-items:flex-start;flex-direction:column}
  .integration-ecosystem__functions{grid-template-columns:1fr 1fr}
  .integration-function{min-height:108px}
  .integration-custom{grid-template-columns:1fr;padding:16px}
  .integration-custom__mark{width:38px;height:38px}
  .integration-custom__proof{grid-column:1}
  .managed-ops__phases{grid-template-columns:1fr}
  .managed-ops__phase{min-height:0}
  .managed-ops__continuity{grid-template-columns:1fr}
  .managed-ops__continuity>div{align-items:flex-start;flex-direction:column}
  .managed-ops__continuity i{transform:rotate(90deg)}
  .managed-ops__outcomes{grid-template-columns:1fr 1fr}
  .managed-ops__outcomes>div:nth-child(2){border-right:0}
  .rollout__detail{grid-template-columns:1fr!important}
}



/* ================================================================
   FINAL QA PASS: POINT TOOLS · PRESSURE SIMULATOR · VEZAI
   Principle: explanatory copy sits on light surfaces with dark text.
   Dark treatment is reserved only for the visual simulation itself.
   ================================================================ */

/* ---------- Point-tool categories ---------- */
.point-tools{
  padding:clamp(50px,6vw,78px) var(--page-x);
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFB 100%);
  color:var(--ink);
  border-top:1px solid var(--line-2);
}
.point-tools__inner{max-width:var(--max-w);margin:0 auto}
.point-tools__head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  gap:48px;align-items:end;margin-bottom:28px
}
.point-tools__head .eyebrow{margin-bottom:10px}
.point-tools__head h2{max-width:18ch;margin:0}
.point-tools__head .lead{margin:0;color:#4F666E}
.point-tools__canvas{
  display:grid;grid-template-columns:minmax(320px,.65fr) 76px minmax(0,1.35fr);
  gap:0;align-items:stretch
}
.point-tools__slices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.point-slice{
  min-height:215px;padding:17px 14px;
  background:#FFFFFF;border-top:3px solid #B8CBCD;
  border-bottom:1px solid #D9E5E7
}
.point-slice--2{background:#F7FAFB}
.point-slice--3{background:#FAFBFB}
.point-slice__num{
  display:block;font:700 9px var(--f-mono);letter-spacing:.12em;color:#73878D
}
.point-slice__icon{
  width:32px;height:32px;margin:20px 0 13px;border-radius:8px;
  display:grid;place-items:center;background:#EEF4F5;color:#486068;font-size:16px
}
.point-slice strong{display:block;font-size:14px;color:#0B3139;margin-bottom:5px}
.point-slice small{display:block;min-height:34px;font-size:11px;line-height:1.45;color:#596F77}
.point-slice__limit{
  margin-top:20px;padding-top:10px;border-top:1px solid #E0E8E9
}
.point-slice__limit b{
  display:block;margin-bottom:4px;font:700 8.5px var(--f-mono);
  letter-spacing:.1em;color:#8A6815
}
.point-slice__limit span{font-size:10.5px;line-height:1.4;color:#64787E}
.point-tools__bridge{
  position:relative;display:grid;place-items:center;color:#9A7A22
}
.point-tools__bridge i{
  position:absolute;left:0;right:0;height:1px;background:#DCCB94
}
.point-tools__bridge i:nth-child(1){top:27%}
.point-tools__bridge i:nth-child(2){top:50%}
.point-tools__bridge i:nth-child(3){top:73%}
.point-tools__bridge span{
  position:absolute;top:18px;writing-mode:vertical-rl;
  font:700 8px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#8A7C58
}
.point-tools__bridge b{
  z-index:1;width:29px;height:29px;border-radius:50%;
  display:grid;place-items:center;background:#FFF8E8;border:1px solid #E3CE91
}
.point-tools__vezras{
  padding:21px 22px;background:#EAF7F6;
  border:1px solid #B5DADB;border-left:4px solid #087D88;border-radius:0 14px 14px 0
}
.point-tools__vezras-top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px
}
.point-tools__vezras-top .kicker{color:#006772}
.point-tools__vezras-top strong{display:block;margin-top:5px;font-size:21px;color:#0B3139}
.point-tools__whole{
  padding:6px 9px;border-radius:999px;background:#FFFFFF;
  font:700 8.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#006772
}
.point-tools__loop{
  display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr;
  gap:4px;align-items:center
}
.point-tools__loop-step{
  min-height:94px;padding:11px 10px;background:rgba(255,255,255,.72);
  border-top:2px solid #8FC7CA
}
.point-tools__loop-step span{
  display:block;font:700 8px var(--f-mono);letter-spacing:.1em;color:#7D5E14
}
.point-tools__loop-step strong{display:block;margin:10px 0 4px;font-size:12px;color:#0B3139}
.point-tools__loop-step small{display:block;font-size:9.5px;line-height:1.35;color:#596F77}
.point-tools__loop>i{text-align:center;color:#B18C2B;font-style:normal}
.point-tools__takeaway{
  margin-top:16px;padding-top:12px;border-top:1px solid #BFDCDD;
  display:flex;align-items:center;gap:15px
}
.point-tools__takeaway span{
  font:700 8px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#7D5E14
}
.point-tools__takeaway strong{font-size:12px;color:#18444B}

/* ---------- Why-now pressure simulator ---------- */
.pressure{
  padding:clamp(48px,5.5vw,72px) var(--page-x)!important;
  background:#FFFFFF!important;color:var(--ink)!important
}
.pressure__inner{max-width:var(--max-w);margin:0 auto}
.pressure__head{max-width:820px;margin-bottom:25px!important}
.pressure__head .eyebrow{margin-bottom:10px!important;color:#006772!important}
.pressure__head h2{
  color:#0B3139!important;font-size:clamp(28px,3.5vw,46px)!important;
  max-width:18ch;margin-bottom:12px!important
}
.pressure__head p{color:#526970!important;max-width:62ch}
.pressure__lab{
  display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;
  background:#FFFFFF!important;border:1px solid #D7E4E6!important;
  border-radius:14px!important;overflow:hidden!important;box-shadow:none!important
}
.pressure__controls{
  padding:20px!important;background:#F5F9F9!important;border-right:1px solid #D7E4E6!important
}
.pressure__label{
  color:#60757C!important;font:700 9px var(--f-mono)!important;letter-spacing:.12em!important
}
.pressure__control{padding:16px 0!important;border-bottom:1px solid #DCE7E8!important}
.pressure__control-name{color:#0B3139!important;font-size:12px!important}
.pressure__control-val{
  color:#006772!important;background:#FFFFFF!important;border:1px solid #C9DDDF!important
}
.pressure__slider{accent-color:#087D88!important}
.pressure__stage{background:#073C45!important}
.pressure__stage-viz{background:#073C45!important}
.pressure__gauges{
  padding:0 18px 16px!important;gap:8px!important;background:#073C45!important
}
.pressure__gauge{
  background:#0B4B55!important;border-color:#17616A!important;padding:11px 12px!important
}
.pressure__gauge-lbl{color:#BBD3D6!important;font-size:9px!important}
.pressure__gauge-val{color:#FFFFFF!important;font-size:20px!important}
.pressure__stats{
  margin-top:18px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;border-top:1px solid #D8E5E7;border-bottom:1px solid #D8E5E7
}
.pressure__stat{
  padding:17px 20px!important;background:#FFFFFF!important;
  border-right:1px solid #D8E5E7!important
}
.pressure__stat:last-child{border-right:0!important}
.pressure__stat-num{
  color:#006772!important;font-size:clamp(27px,3vw,39px)!important;margin-bottom:6px!important
}
.pressure__stat-num span{color:#647A80!important;font-size:14px!important}
.pressure__stat-lbl{color:#445D65!important;font-size:11px!important;line-height:1.45!important}
.pressure__stat-src{color:#6A7E84!important;font-size:8.5px!important;margin-top:7px!important}
.pressure-proof{
  margin-top:30px;padding-top:24px;border-top:1px solid #D8E5E7;
  display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center
}
.pressure-proof .eyebrow{margin-bottom:8px}
.pressure-proof h3{margin-bottom:10px;font-size:clamp(23px,2.5vw,34px)}
.pressure-proof__numbers{
  display:grid;grid-template-columns:repeat(3,1fr);background:#F6FAFA;border:1px solid #D8E5E7
}
.pressure-proof__numbers>div{padding:19px;text-align:center;border-right:1px solid #D8E5E7}
.pressure-proof__numbers>div:last-child{border-right:0}
.pressure-proof__numbers strong{display:block;font-size:34px;color:#006772}
.pressure-proof__numbers span{
  font:700 8.5px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:#60757C
}

/* ---------- VezAI video-first proof ---------- */
.vz-story--video{
  padding:clamp(52px,6.5vw,86px) var(--page-x)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FBFB 100%)!important
}
.vz-story--video .vz-story__inner{max-width:var(--max-w)}
.vezai-proof__head{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);
  gap:46px;align-items:end;margin-bottom:26px
}
.vezai-proof__head .eyebrow{margin-bottom:10px;color:#006772}
.vezai-proof__head h2{margin:0;max-width:16ch}
.vezai-proof__head .lead{margin:0;color:#4F666E}
.vezai-proof{
  display:grid;grid-template-columns:minmax(330px,.82fr) minmax(420px,1.18fr);
  gap:30px;align-items:center
}
.vezai-proof__story{padding:4px 0}
.vezai-proof__question{
  padding:15px 17px;background:#EAF7F6;border-left:3px solid #087D88;margin-bottom:18px
}
.vezai-proof__question span{
  display:block;margin-bottom:5px;font:700 8.5px var(--f-mono);
  letter-spacing:.1em;text-transform:uppercase;color:#006772
}
.vezai-proof__question strong{font-size:14px;line-height:1.4;color:#0B3139}
.vezai-proof__rail{position:relative;padding-left:24px}
.vezai-proof__rail::before{
  content:"";position:absolute;left:8px;top:14px;bottom:14px;width:1px;background:#C8DCDD
}
.vezai-proof__step{
  position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:9px 0
}
.vezai-proof__step::before{
  content:"";position:absolute;left:-20px;top:16px;width:9px;height:9px;border-radius:50%;
  background:#FFFFFF;border:2px solid #67B5BA
}
.vezai-proof__step--4::before{border-color:#C99422;background:#FFF8E8}
.vezai-proof__step>span{
  font:700 8.5px var(--f-mono);letter-spacing:.1em;color:#7D5E14
}
.vezai-proof__step strong{display:block;font-size:12.5px;color:#0B3139}
.vezai-proof__step small{display:block;margin-top:3px;font-size:10.5px;line-height:1.4;color:#596F77}
.vezai-proof__outcome{
  margin-top:16px;padding-top:13px;border-top:1px solid #D5E3E5
}
.vezai-proof__outcome>span{
  font:700 8.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#006772
}
.vezai-proof__outcome>div{
  margin-top:8px;display:flex;align-items:center;gap:7px;flex-wrap:wrap
}
.vezai-proof__outcome strong{
  padding:6px 8px;background:#FFFFFF;border:1px solid #D5E3E5;border-radius:6px;
  font-size:10.5px;color:#334F57
}
.vezai-proof__outcome i{font-style:normal;color:#B18C2B}
.vezai-proof__media{
  justify-self:center;width:min(100%,620px);padding:14px;
  background:#EDF6F6;border:1px solid #CFE0E2;border-radius:18px
}
.vezai-proof__media-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 3px 10px;font:700 8.5px var(--f-mono);letter-spacing:.08em;
  text-transform:uppercase;color:#61777D
}
.vezai-proof__device{
  width:min(100%,360px);margin:0 auto;
  padding:8px;background:#FFFFFF;border:1px solid #C7DADC;border-radius:18px;
  box-shadow:0 18px 46px rgba(7,60,69,.11)
}
.vezai-proof__device video{
  display:block;width:100%;max-height:540px;aspect-ratio:1008/1514;
  object-fit:cover;object-position:top;border-radius:12px;background:#FFFFFF
}
.vezai-proof__caption{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 3px 0;font-size:9.5px;color:#5B7077
}
.vezai-proof__live{white-space:nowrap;color:#006772;font-weight:700}
.vezai-proof__live i{
  display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;
  background:#24A86B;box-shadow:0 0 0 3px rgba(36,168,107,.12)
}
.vezai-proof__principles{
  margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid #D8E5E7;border-bottom:1px solid #D8E5E7
}
.vezai-proof__principles>div{padding:12px 15px;border-right:1px solid #D8E5E7}
.vezai-proof__principles>div:last-child{border-right:0}
.vezai-proof__principles span{
  display:block;margin-bottom:3px;font:700 8px var(--f-mono);
  letter-spacing:.09em;text-transform:uppercase;color:#7D5E14
}
.vezai-proof__principles strong{font-size:11.5px;color:#0B3139}

/* Mobile recomposition */
@media(max-width:980px){
  .point-tools__head,.vezai-proof__head{grid-template-columns:1fr;gap:12px}
  .point-tools__canvas{grid-template-columns:1fr}
  .point-tools__bridge{height:46px}
  .point-tools__bridge span{display:none}
  .point-tools__bridge i{left:50%;right:auto;width:1px;height:100%;top:0!important}
  .point-tools__bridge b{transform:rotate(90deg)}
  .point-tools__vezras{border-left:1px solid #B5DADB;border-top:4px solid #087D88;border-radius:14px}
  .pressure__lab{grid-template-columns:1fr!important}
  .pressure__controls{display:grid!important;grid-template-columns:1fr 1fr;gap:0 18px;border-right:0!important;border-bottom:1px solid #D7E4E6}
  .pressure__label{grid-column:1/-1}
  .vezai-proof{grid-template-columns:1fr}
  .vezai-proof__story{max-width:660px}
}
@media(max-width:700px){
  .point-tools__slices{grid-template-columns:1fr}
  .point-slice{min-height:0}
  .point-tools__loop{grid-template-columns:1fr}
  .point-tools__loop>i{transform:rotate(90deg)}
  .point-tools__loop-step{min-height:0}
  .pressure__controls{grid-template-columns:1fr}
  .pressure__stats,.pressure-proof,.pressure-proof__numbers{grid-template-columns:1fr!important}
  .pressure__stat,.pressure-proof__numbers>div{border-right:0!important;border-bottom:1px solid #D8E5E7}
  .pressure-proof__numbers>div:last-child{border-bottom:0}
  .vezai-proof__media{padding:10px}
  .vezai-proof__device{width:min(100%,330px)}
  .vezai-proof__principles{grid-template-columns:1fr 1fr}
  .vezai-proof__principles>div:nth-child(2){border-right:0}
}



/* ================================================================
   DEMO ACCESS CONVERSION LAYER
   One unmistakable conversion action, repeated only at high-intent
   moments: navigation, hero, VezAI proof, final CTA.
   ================================================================ */

.nav__cta--demo{
  background:#087D88!important;
  color:#FFFFFF!important;
  border:1px solid #087D88!important;
  box-shadow:0 5px 14px rgba(8,125,136,.16);
}
.nav__cta--demo:hover{
  background:#006772!important;
  border-color:#006772!important;
  box-shadow:0 7px 18px rgba(8,125,136,.20);
}
.nav__mobile-cta--demo{
  color:#FFFFFF!important;
  background:#087D88!important;
  border-radius:10px;
  padding:13px 14px!important;
  margin-top:8px;
}

/* Hero conversion: teal primary + live-state cue, no flashy gradient. */
.btn--demo-access{
  position:relative;
  background:#087D88!important;
  color:#FFFFFF!important;
  border:1px solid #087D88!important;
  box-shadow:0 7px 18px rgba(8,125,136,.16);
  font-weight:700!important;
}
.btn--demo-access:hover{
  background:#006772!important;
  border-color:#006772!important;
  box-shadow:0 9px 22px rgba(8,125,136,.20)!important;
}
.btn__live-dot{
  width:7px;height:7px;border-radius:50%;
  background:#BFEFD0;
  box-shadow:0 0 0 4px rgba(191,239,208,.16);
  flex:0 0 auto
}
.hero__demo-note{
  display:flex;align-items:center;gap:10px;
  margin-top:12px;font-size:10.5px;color:#657980
}
.hero__demo-note span{
  font:700 8.5px var(--f-mono);
  letter-spacing:.09em;text-transform:uppercase;
  color:#006772
}
.hero__demo-note span::before{
  content:"";display:inline-block;width:6px;height:6px;
  border-radius:50%;background:#29A76E;margin-right:6px;vertical-align:1px
}
.hero__demo-note strong{font-size:10.5px;font-weight:600;color:#596F77}

/* VezAI demo CTA: intentionally sits directly after proof. */
.vezai-demo-cta{
  margin-top:18px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:15px 16px;
  background:#FFF8E8;
  border:1px solid #E6D39C;
  border-left:3px solid #C99422;
  border-radius:10px
}
.vezai-demo-cta>div{display:grid;gap:3px}
.vezai-demo-cta__eyebrow{
  font:700 8.5px var(--f-mono);
  letter-spacing:.1em;text-transform:uppercase;color:#7D5E14
}
.vezai-demo-cta__eyebrow i{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#29A76E;margin-right:6px;vertical-align:1px
}
.vezai-demo-cta strong{font-size:14px;color:#0B3139}
.vezai-demo-cta small{font-size:10.5px;color:#596F77}
.btn--demo-access-small{
  padding:9px 13px!important;
  font-size:11.5px!important;
  white-space:nowrap
}

/* Final CTA: demo remains primary, conversation stays secondary. */
.cta .btn--demo-access{
  background:#087D88!important;
  color:#fff!important;
}
.cta .btn--demo-access:hover{background:#006772!important}

/* Make all external demo links obviously interactive/focusable. */
a[data-demo-access]:focus-visible{
  outline:3px solid rgba(201,148,34,.55)!important;
  outline-offset:3px!important
}

@media(max-width:720px){
  .hero__demo-note{align-items:flex-start;flex-direction:column;gap:3px}
  .vezai-demo-cta{align-items:flex-start;flex-direction:column}
  .vezai-demo-cta .btn{width:100%}
}



/* ============================================================
   DEMO ACCESS HIGHLIGHT + FOOTER POLISH + MOTION PASS
   ============================================================ */

/* ---------- Bottom CTA section ---------- */
.cta{
  padding:40px var(--page-x) 34px !important;
  background:linear-gradient(180deg,#F6FCFB 0%, #EEF8F6 100%) !important;
  border-top:1px solid #D1E6E1 !important;
}
.cta__inner{
  max-width:var(--max-w) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(8,125,136,.11), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(201,148,34,.10), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(247,252,251,.98));
  border:1px solid #CFE3DE;
  border-radius:24px;
  padding:24px 26px 18px;
  box-shadow:0 10px 28px rgba(10,48,56,.07);
  position:relative;
  overflow:hidden;
}
.cta__inner::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:linear-gradient(180deg,#087D88,#2AA6AF 55%, #C99422);
}
.cta__compact{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:26px !important;
  padding-bottom:0 !important;
}
.cta__copy{max-width:42rem}
.cta__contact-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#056B75 !important;
  font-size:10px !important;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.cta__contact-label i{
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,#1AA6AF,#087D88);
  box-shadow:0 0 0 5px rgba(8,125,136,.10);
}
.cta__quote{
  margin:0 !important;
  max-width:24ch !important;
  font-family:var(--f-display);
  font-size:clamp(24px,2.45vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:-.03em !important;
  color:#082D36 !important;
}
.cta__sub{
  margin:10px 0 0;
  max-width:54ch;
  font-size:13.5px;
  line-height:1.55;
  color:#4C6670;
}
.cta__rail{
  display:grid;
  gap:14px;
  min-width:min(100%, 420px);
  justify-items:end;
}
.cta__actions{
  display:flex;
  justify-content:flex-end;
  gap:12px !important;
  flex-wrap:wrap;
}
.cta .btn{
  min-height:48px;
  padding:13px 18px !important;
  font-size:13px !important;
  border-radius:14px;
}
.cta .btn--demo-access{
  background:linear-gradient(135deg,#0A8691, #087D88 72%, #056B75) !important;
  border:1px solid #087D88 !important;
  box-shadow:0 10px 24px rgba(8,125,136,.18);
}
.cta .btn--demo-access:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(8,125,136,.22);
}
.cta .btn--ghost{
  background:rgba(255,255,255,.85) !important;
  color:#0B3139 !important;
  border:1px solid #BDD3D5 !important;
}
.cta .btn--ghost:hover{
  background:#fff !important;
  border-color:#9FC0C4 !important;
  transform:translateY(-2px);
}
.cta__meta{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  font-size:12px;
  color:#4C6670;
  margin:0;
  padding-top:0;
  border-top:0;
}
.cta__meta a{
  color:#0B5660 !important;
  font-weight:600;
}
.cta__meta a:hover{color:#C07F0A !important}

/* ---------- Footer enhancement ---------- */
.foot{
  background:linear-gradient(180deg,#08262E 0%, #071E26 100%) !important;
  color:rgba(245,250,250,.87);
}
.foot__tagline{
  color:#F5FBFB !important;
  font-size:20px !important;
  line-height:1.28 !important;
  margin-bottom:18px;
}
.foot__demo-card{
  margin-top:18px;
  padding:16px 16px 15px;
  border-radius:18px;
  background:
    linear-gradient(135deg, rgba(8,125,136,.16), rgba(201,148,34,.10)),
    rgba(255,255,255,.02);
  border:1px solid rgba(110,196,201,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.foot__demo-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--f-mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#86D6DA;
}
.foot__demo-kicker::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#2FBF85;
  box-shadow:0 0 0 5px rgba(47,191,133,.12);
}
.foot__demo-card strong{
  display:block;
  margin-top:8px;
  font-family:var(--f-display);
  font-size:22px;
  line-height:1.05;
  color:#FFFFFF;
}
.foot__demo-card p{
  margin:10px 0 14px;
  font-size:13px;
  line-height:1.55;
  color:rgba(245,250,250,.78);
}
.foot__demo-btn{
  width:100%;
  justify-content:center;
  min-height:46px;
}
.foot__col a{color:rgba(245,250,250,.78)}
.foot__col a:hover{color:#FFFFFF}
.foot__address{
  max-width:var(--max-w);
  margin:22px auto 0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  font-size:12px;
  color:rgba(245,250,250,.72);
}
.foot__address a{color:#8FD9DE}
.foot__address a:hover{color:#F2C45A}

/* ---------- Correct Vezras logo within infographic arrangements ---------- */
.vz-inline-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.vz-inline-logo{
  display:block;
  width:118px;
  height:auto;
  object-fit:contain;
}
.vz-inline-logo--small{width:92px}
.mbrief__brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.mbrief__brand em{
  font-style:normal;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#5E7780;
  font-size:10px;
}
.integration-ecosystem__intelligence span{
  gap:12px;
}
.integration-ecosystem__intelligence span b{
  font-style:normal;
  color:#0B3139;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

/* ---------- Motion pass: subtle infographic animation ---------- */
@keyframes vzFloatSoft{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes vzPulseSoft{
  0%,100%{box-shadow:0 0 0 0 rgba(8,125,136,.00)}
  45%{box-shadow:0 0 0 8px rgba(8,125,136,.08)}
  75%{box-shadow:0 0 0 14px rgba(8,125,136,.00)}
}
@keyframes vzGlowLine{
  0%,100%{opacity:.65}
  50%{opacity:1}
}
@keyframes vzShimmerMove{
  0%{transform:translateX(-110%)}
  100%{transform:translateX(110%)}
}

.hero__visual,
.flow-engine__stage,
.cortex__lab,
.stack__lab,
.pressure__lab,
.vezai-proof__device,
.vezai-proof__media,
.mbrief__frame{
  position:relative;
  animation:vzFloatSoft 8s ease-in-out infinite;
}

.flow-engine__stage::after,
.cortex__lab::after,
.stack__lab::after,
.pressure__lab::after,
.vezai-proof__media::after,
.mbrief__frame::after{
  content:"";
  position:absolute;
  inset:0 auto 0 -20%;
  width:28%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  opacity:.5;
  pointer-events:none;
  animation:vzShimmerMove 9.5s ease-in-out infinite;
}

.cortex-map__node,
.cortex__panel-node,
.cx-node,
.stack__center,
.stack__sys,
.pressure__gauge,
.mbrief__badge,
.vezai-proof__live,
.hero__eyebrow-dot{
  animation:vzPulseSoft 4.8s ease-in-out infinite;
}
.integration-ecosystem__line,
.cortex-map__feed,
.cortex-map__down,
.cortex__output-bridge{
  animation:vzGlowLine 4.5s ease-in-out infinite;
}

.vezai-proof__device:hover,
.mbrief__frame:hover,
.hero__visual:hover,
.stack__lab:hover,
.cortex__lab:hover,
.pressure__lab:hover{
  transform:translateY(-3px);
  transition:transform .3s ease, box-shadow .3s ease;
}

/* Improve hover semantics just a bit more for action areas. */
.foot__demo-btn:hover,
.cta .btn:hover{
  letter-spacing:.01em;
}

/* Responsive */
@media(max-width:900px){
  .cta__compact{flex-direction:column;align-items:flex-start !important}
  .cta__rail{justify-items:stretch;min-width:0;width:100%}
  .cta__actions{justify-content:flex-start}
  .cta__meta{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:620px){
  .cta{padding:28px var(--page-x) 26px !important}
  .cta__inner{padding:20px 18px 16px}
  .cta__quote{font-size:26px !important}
  .cta__sub{font-size:12.5px}
  .cta__actions{width:100%}
  .cta__actions .btn{width:100%;justify-content:center}
  .vz-inline-logo{width:104px}
  .vz-inline-logo--small{width:82px}
  .foot__demo-card strong{font-size:20px}
}



/* ================================================================
   MICRO FINISHING PASS
   Readability first; motion is restrained and semantic.
   ================================================================ */

/* Fix: Continue CTA must remain readable before hover */
.story-bridge .btn.btn--primary{
  color:#FFFFFF!important;
  background:linear-gradient(135deg,#0B8791 0%,#087D88 72%,#066C75 100%)!important;
  border-color:#087D88!important;
  box-shadow:0 8px 18px rgba(8,125,136,.14);
}
.story-bridge .btn.btn--primary:hover{
  color:#FFFFFF!important;
  background:linear-gradient(135deg,#087B85 0%,#066C75 100%)!important;
  box-shadow:0 10px 22px rgba(8,125,136,.18);
}
.story-bridge .btn.btn--primary:visited{color:#FFFFFF!important}

/* Story bridge now feels intentional, not like an afterthought */
.story-bridge{
  background:
    radial-gradient(circle at 92% 24%,rgba(8,125,136,.055),transparent 24%),
    linear-gradient(180deg,#FFFFFF 0%,#FAFCFC 100%)!important;
}
.story-bridge__inner{
  position:relative;
  padding-top:4px;
}
.story-bridge__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.story-bridge__eyebrow::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#C99422;
  box-shadow:0 0 0 4px rgba(201,148,34,.10);
  animation:vzMicroPulse 2.8s ease-in-out infinite;
}

/* Consistent premium action feedback */
.btn__arrow,
.hero__secondary-link span,
.nav__cta span{
  display:inline-block;
  transition:transform .18s var(--e1);
}
.btn:hover .btn__arrow,
.hero__secondary-link:hover span,
.nav__cta:hover span{
  transform:translateX(3px);
}

/* Tiny live-state pulse only where a live/active state is meaningful */
.btn__live-dot,
.hero__eyebrow-dot,
.home-product-preview__dot,
.mbrief__sync-dot,
.mbrief__badge-dot,
.vezai-proof__live i,
.foot__demo-kicker::before,
.rollout__phase.is-on .rollout__phase-dot{
  animation:vzMicroPulse 2.6s ease-in-out infinite;
}

/* Subtle heartbeat on active system controls */
.os-reveal__layer.is-on .os-reveal__layer-toggle,
.decision__field-pick.is-on::after{
  animation:vzMicroRing 3s ease-in-out infinite;
}

/* Fine hairline accents on signature enterprise surfaces */
.compounding-showcase__viz,
.moat-matrix,
.vezai-proof__frame,
.home-governance__inner,
.gov__tower,
.integration-ecosystem{
  position:relative;
}
.compounding-showcase__viz::before,
.moat-matrix::before,
.vezai-proof__frame::before,
.home-governance__inner::before,
.integration-ecosystem::before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#67B9BF 22%,#D5B350 72%,transparent);
  opacity:.55;
  pointer-events:none;
}

/* Active architecture/decision choices get a quiet indicator instead of more shadow */
.arch__layer.is-on,
.decision__field-pick.is-on{
  position:relative;
}
.arch__layer.is-on::before{
  content:"";
  position:absolute;
  left:-1px;top:50%;
  width:7px;height:7px;border-radius:50%;
  background:#C99422;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 4px rgba(201,148,34,.10);
  animation:vzMicroPulse 2.8s ease-in-out infinite;
}

/* Governance control tower gets a real "live" cue */
.gov__tower-title{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.gov__tower-title::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#54D18A;
  box-shadow:0 0 0 4px rgba(84,209,138,.10);
  animation:vzMicroPulse 2.4s ease-in-out infinite;
}

/* VezAI device should feel embedded in the product surface */
.vezai-proof__device{
  overflow:hidden;
}
.vezai-proof__device::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
  pointer-events:none;
}
.vezai-proof__frame-head::after{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#2FBF85;
  box-shadow:0 0 0 4px rgba(47,191,133,.10);
  flex:none;
  animation:vzMicroPulse 2.6s ease-in-out infinite;
}

/* Slightly cleaner divider rhythm */
.section-head::after{
  content:"";
  display:block;
  width:44px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,#087D88,#C99422);
  opacity:.45;
}
.hero .section-head::after,
.page-hero .section-head::after,
.cta .section-head::after{display:none}

/* Keep focus states premium and obvious */
a:focus-visible,button:focus-visible{
  outline:2px solid rgba(8,125,136,.58)!important;
  outline-offset:3px!important;
}

/* Micro animations */
@keyframes vzMicroPulse{
  0%,100%{opacity:.72;box-shadow:0 0 0 3px rgba(8,125,136,.06)}
  50%{opacity:1;box-shadow:0 0 0 7px rgba(8,125,136,.00)}
}
@keyframes vzMicroRing{
  0%,100%{box-shadow:0 0 0 0 rgba(8,125,136,.00)}
  50%{box-shadow:0 0 0 5px rgba(8,125,136,.09)}
}

/* Never let motion compete with content */
@media(prefers-reduced-motion:reduce){
  .story-bridge__eyebrow::before,
  .btn__live-dot,.hero__eyebrow-dot,.home-product-preview__dot,
  .mbrief__sync-dot,.mbrief__badge-dot,.vezai-proof__live i,
  .foot__demo-kicker::before,.rollout__phase.is-on .rollout__phase-dot,
  .os-reveal__layer.is-on .os-reveal__layer-toggle,
  .decision__field-pick.is-on::after,
  .arch__layer.is-on::before,.gov__tower-title::before,
  .vezai-proof__frame-head::after{
    animation:none!important;
  }
}

.preview-route-badge{display:none!important}
.seo-static{max-width:var(--max-w);margin:0 auto;padding:calc(var(--nav-h) + 54px) var(--page-x) 72px}.seo-static__header{max-width:840px}.seo-static__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:38px}.seo-static__grid section{padding:18px 0;border-top:1px solid var(--line)}.seo-static__grid h2{font-size:18px;line-height:1.25;margin-bottom:7px;color:var(--ink)}.seo-static__grid p{font-size:14px;line-height:1.6;color:var(--ink-2)}.seo-static__links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* ============================================================================
   MOBILE HARDENING                                          added 2026-09-10
   ----------------------------------------------------------------------------
   Every page in this build scrolled sideways on a phone: 46px of overflow at
   390px, 76px at 360px, on all 14 routes. Five components caused it and they
   all share one root cause.

   A grid track written as a bare `1fr` is really `minmax(auto, 1fr)`, and that
   `auto` minimum resolves to MIN-CONTENT. So any child that cannot wrap makes
   the track wider than its share, and the excess pushes the page sideways.
   The same applies to a flex item, which defaults to `min-width:auto` and so
   refuses to shrink below its content -- which is also why an `overflow-x:auto`
   strip scrolls the whole PAGE instead of scrolling inside itself.

   The fix in both cases is to allow the box to be narrower than its content:
   `minmax(0,1fr)` for grid tracks, `min-width:0` for flex items. Neither
   changes anything at widths where the content already fits, so desktop is
   untouched.
   ========================================================================= */

/* Footer -- affected all 14 pages. Two columns could not fit: the demo card
   alone needs 261px, so the tracks demanded 416px inside a 350px container. */
@media (max-width:900px){
  .foot__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:640px){
  .foot__grid{grid-template-columns:minmax(0,1fr);gap:32px}
}

/* Home -- the era nav is meant to be a horizontally scrollable strip
   (`overflow-x:auto` at <=1100px), but a flex/grid child only scrolls inside
   itself once it is allowed to be narrower than its contents. */
@media (max-width:1100px){
  .evolution__nav{min-width:0;max-width:100%}
}

/* Enterprise OS -- the layer buttons' middle track took its minimum from the
   label text, so the toggle on the right was pushed off screen. */
.os-reveal__layer{grid-template-columns:38px minmax(0,1fr) auto}
@media (max-width:900px){
  .os-reveal__layer{grid-template-columns:32px minmax(0,1fr) auto}
  .os-reveal__grid{grid-template-columns:minmax(0,1fr)}
  .os-reveal__head{grid-template-columns:minmax(0,1fr)}
}

/* Automation -- the stage row is a non-wrapping flex line 373px wide inside a
   348px column. */
@media (max-width:900px){
  .automation__toolbar{min-width:0}
  .automation__process{min-width:0;max-width:100%}
  .automation__stages{flex-wrap:wrap;min-width:0;max-width:100%}
}

/* Why now -- single-track grid resolving to 379px inside 350px. The base rule
   carries !important, so this has to as well. */
@media (max-width:980px){
  .pressure__lab{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:900px){
  .pressure__controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* Architecture -- same pattern, pre-emptively hardened. */
@media (max-width:900px){
  .arch__grid{grid-template-columns:minmax(0,1fr)}
  .arch__head{grid-template-columns:minmax(0,1fr)}
}