/* ============================================================
   AmlShield — Elevated marketing design system (DIRECTION E5 · "ALL BOLD")
   Extracted VERBATIM from the approved homepage mockup
   documentation/design-system/renders/landing-E5-allbold.html.

   The ONLY change from the mockup's <style> is SCOPING: the mockup keyed its
   reveal/entrance system off <body class="no-js"> / body.ms-ready. The global
   <body> here is shared with the whole AML app, so every such selector has been
   rewritten to a MARKETING ROOT class:
       body.no-js               -> .sov-elevated.no-js
       body.ms-ready            -> .sov-elevated.ms-ready
       body:not(.ms-ready)...   -> .sov-elevated:not(.ms-ready)...
       .no-js  (bare, on root)  -> .sov-elevated.no-js
   The marketing root class (.sov-elevated no-js) lives on the website wrapper
   (WebsiteLayout.razor), so every marketing page inherits it and these styles
   never touch the rest of the app. ALL other class names are kept verbatim so
   the homepage and the other marketing pages line up exactly with the mockup.
   ============================================================ */

:root{
  --bg:#06070B; --bg-1:#0B0C12; --bg-2:#11131B; --bg-3:#181A24;
  --line:rgba(255,255,255,0.08); --line-2:rgba(255,255,255,0.14); --line-3:rgba(255,255,255,0.04);
  --ink:#F2F2F5; --ink-2:#9DA1AE; --ink-3:#5A5E6C;
  --cyan:#00E5FF; --cyan-soft:rgba(0,229,255,0.12); --cyan-glow:rgba(0,229,255,0.38);
  --blue:#3B82F6; --blue-glow:rgba(59,130,246,0.30);     /* disciplined secondary depth glow */
  --emerald:#00D68F; --amber:#FFB000; --red:#FF3B3B;
  --maxw:1440px;
  --pad:clamp(1.25rem, 4vw, 3.5rem);
}

.sov-elevated *{box-sizing:border-box;}
.sov-elevated{
  background:var(--bg); color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
  font-weight:400; line-height:1.55;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
.sov-elevated a{color:inherit;text-decoration:none;}
.sov-elevated h1,.sov-elevated h2,.sov-elevated h3,.sov-elevated h4,.sov-elevated h5,.sov-elevated h6,.sov-elevated p{margin:0;}
.sov-elevated img,.sov-elevated svg{display:block;}

/* typographic primitives */
.font-display{font-family:'Fraunces',serif;font-optical-sizing:auto;}
.em-serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;}
.mono{font-family:'JetBrains Mono',monospace;}
.tabular{font-variant-numeric:tabular-nums;}

.eyebrow{
  font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:500;
  letter-spacing:.32em; text-transform:uppercase; color:var(--ink-3);
}
.eyebrow .accent{color:var(--cyan);}

.shell{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad);}

/* hairline rule */
.rule{height:1px;background:var(--line);border:0;width:100%;}
.rule-fade{height:1px;background:linear-gradient(90deg,var(--line-2),transparent);border:0;}

/* ============================================================ NAV (carried verbatim) */
.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(6,7,11,0.72); backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad);
  height:64px; display:flex; align-items:center; gap:2.25rem;
}
.brand{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0;}
.brand-name{font-family:'Fraunces',serif;font-weight:600;font-size:1.18rem;letter-spacing:-.02em;}
.brand-name b{color:var(--cyan);font-weight:600;}
.nav-links{display:flex;align-items:center;gap:.35rem;margin-inline-start:1rem;}
.nav-link{
  font-size:.85rem; color:var(--ink-2); padding:.45rem .8rem; border-radius:2px;
  transition:color .25s ease, background .25s ease; position:relative;
}
.nav-link:hover{color:var(--ink);}
.nav-right{margin-inline-start:auto;display:flex;align-items:center;gap:1rem;}
.locale{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;
  color:var(--ink-3);border:1px solid var(--line);padding:.35rem .55rem;border-radius:2px;
  transition:border-color .25s,color .25s;
}
.locale:hover{border-color:var(--line-2);color:var(--ink-2);}
.locale b{color:var(--ink-2);font-weight:500;}
.nav-signin{font-size:.85rem;color:var(--ink-2);transition:color .25s;}
.nav-signin:hover{color:var(--ink);}

/* buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:'Inter',sans-serif;font-weight:500;font-size:.88rem;letter-spacing:.005em;
  padding:.7rem 1.3rem;border:1px solid transparent;cursor:pointer;
  transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease;
  border-radius:2px;white-space:nowrap;
}
.btn .arr{transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.btn:hover .arr{transform:translateX(4px);}
[dir="rtl"] .btn .arr{transform:scaleX(-1);}
[dir="rtl"] .btn:hover .arr{transform:scaleX(-1) translateX(4px);}
.btn-solid{background:var(--ink);color:#06070B;}
.btn-solid:hover{background:var(--cyan);color:#041014;box-shadow:0 0 50px -10px var(--cyan-glow);transform:translateY(-1px);}
.btn-ghost{border-color:var(--line-2);color:var(--ink);background:transparent;}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft);transform:translateY(-1px);}
.btn-lg{padding:1.05rem 1.9rem;font-size:.95rem;}

.nav-toggle{display:none;background:none;border:1px solid var(--line-2);color:var(--ink);
  padding:.4rem .55rem;border-radius:2px;cursor:pointer;}

/* ============================================================ HERO — MISSION (carried verbatim, full-bleed ~100vh) */
.hero{position:relative;overflow:hidden;
  min-height:100vh;display:flex;align-items:center;
  padding-block:clamp(6rem,10vw,8rem) clamp(3.5rem,6vw,5.5rem);
  background:radial-gradient(ellipse 120% 90% at 50% 18%, #0A0C14 0%, var(--bg) 62%);}

.hero-glow{position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse 46% 48% at 24% 30%, rgba(0,229,255,0.13), transparent 62%),
    radial-gradient(ellipse 54% 64% at 80% 74%, rgba(59,130,246,0.11), transparent 66%);}
.hero-grid{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,0.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.020) 1px, transparent 1px);
  background-size:104px 104px;
  -webkit-mask-image:radial-gradient(ellipse 86% 80% at 50% 42%, black 18%, transparent 84%);
          mask-image:radial-gradient(ellipse 86% 80% at 50% 42%, black 18%, transparent 84%);}
.hero-aurora{position:absolute;inset:-22% -12%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 40% 32% at 50% 46%, rgba(0,229,255,0.10), transparent 70%);
  filter:blur(22px);opacity:.7;
  animation:ms-aurora 24s ease-in-out infinite;will-change:transform;}
@keyframes ms-aurora{
  0%,100%{transform:translate3d(-5%,-3%,0) scale(1);}
  50%{transform:translate3d(7%,4%,0) scale(1.12);}
}

/* ---------- THE MISSION SURFACE: living global threat map (full-bleed backdrop) ---------- */
.ms-surface{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.ms-map-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  --px:0px; --py:0px;
  transform:translate3d(var(--px),var(--py),0);
  will-change:transform;}
.ms-map{width:min(1480px,128%);height:auto;display:block;overflow:visible;
  opacity:.96;
  transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1.4s ease;}
.sov-elevated.no-js .ms-map{transform:none;opacity:.96;}
.sov-elevated.ms-ready .ms-map{transform:scale(1);opacity:.96;}
.sov-elevated:not(.ms-ready):not(.no-js) .ms-map{opacity:0;}

.ms-dot{fill:rgba(157,161,174,0.34);}
.ms-dot.dim{fill:rgba(157,161,174,0.16);}
.ms-graticule{fill:none;stroke:rgba(255,255,255,0.045);stroke-width:1;}
.ms-coast{fill:none;stroke:rgba(0,229,255,0.10);stroke-width:1;}

.ms-arc{fill:none;stroke:rgba(0,229,255,0.34);stroke-width:1.2;stroke-linecap:round;
  stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);
  transition:stroke-dashoffset 1.7s cubic-bezier(.3,.7,.2,1);
  transition-delay:var(--ad,0ms);}
.sov-elevated.no-js .ms-arc{stroke-dashoffset:0;}
.sov-elevated.ms-ready .ms-arc{stroke-dashoffset:0;}
.ms-arc.warm{stroke:rgba(255,176,0,0.36);}
.ms-arc.hot{stroke:rgba(255,59,59,0.34);}
.ms-signal{fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;
  stroke-dasharray:7 320;stroke-dashoffset:0;opacity:0;
  filter:drop-shadow(0 0 4px var(--cyan-glow));
  animation:ms-travel 3.4s linear infinite;will-change:stroke-dashoffset;}
.ms-signal.warm{stroke:var(--amber);filter:drop-shadow(0 0 4px rgba(255,176,0,.5));}
.ms-signal.hot{stroke:var(--red);filter:drop-shadow(0 0 4px rgba(255,59,59,.5));}
@keyframes ms-travel{
  0%{stroke-dashoffset:327;opacity:0;}
  8%{opacity:1;}
  92%{opacity:1;}
  100%{stroke-dashoffset:0;opacity:0;}
}
[dir="rtl"] .ms-signal{animation-direction:reverse;}

.ms-ring{fill:none;stroke:var(--cyan);stroke-width:1.3;opacity:0;
  transform-box:fill-box;transform-origin:center;
  animation:ms-ping 3.6s ease-out infinite;will-change:transform,opacity;}
.ms-ring.warm{stroke:var(--amber);} .ms-ring.hot{stroke:var(--red);}
@keyframes ms-ping{
  0%{transform:scale(.28);opacity:.9;}
  70%{opacity:0;}
  100%{transform:scale(1);opacity:0;}
}
.ms-core{fill:var(--cyan);}
.ms-core.warm{fill:var(--amber);} .ms-core.hot{fill:var(--red);}
.ms-core-glow{fill:url(#msGlowCyan);}
.ms-core-glow.warm{fill:url(#msGlowAmber);} .ms-core-glow.hot{fill:url(#msGlowRed);}
.ms-home-frame{fill:none;stroke:var(--cyan);stroke-width:1.1;opacity:.7;}
.ms-home-tick{stroke:var(--cyan);stroke-width:1.1;opacity:.55;}
.ms-pin{opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center;
  transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--pd,0ms);}
.sov-elevated.no-js .ms-pin{opacity:1;transform:none;}
.sov-elevated.ms-ready .ms-pin{opacity:1;transform:none;}
.ms-label{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:1.4px;
  text-transform:uppercase;fill:var(--ink-2);}
.ms-label.home{fill:var(--cyan);}
.ms-label.dim{fill:var(--ink-3);}

.ms-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg, rgba(6,7,11,.55) 0%, transparent 24%, transparent 64%, rgba(6,7,11,.92) 100%),
    radial-gradient(ellipse 120% 80% at 50% 50%, transparent 52%, rgba(6,7,11,.5) 100%);}

.hero-inner{position:relative;z-index:5;display:grid;
  grid-template-columns:1.02fr 1.06fr;
  gap:clamp(2rem,4.5vw,4.5rem);align-items:center;width:100%;}
.hero-copy{position:relative;
  --px:0px; --py:0px;
  transform:translate3d(var(--px),var(--py),0);will-change:transform;}
.hero-eyebrow{margin-bottom:1.8rem;display:inline-flex;align-items:center;gap:.7rem;
  font-weight:600;color:var(--ink-2);}
.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 10px 1px var(--cyan-glow);}
.hero h1{
  font-family:'Fraunces',serif;font-weight:360;font-optical-sizing:auto;
  font-variation-settings:"opsz" 144;
  font-size:clamp(3rem, 7.4vw, 6.9rem); line-height:0.94; letter-spacing:-.03em;
  color:var(--ink); max-width:13ch;
  text-shadow:0 2px 40px rgba(6,7,11,.6);
}
.hero h1 .em-serif{font-size:1.05em;letter-spacing:-.012em;color:var(--ink);
  position:relative;white-space:nowrap;}
.hero h1 .em-serif::after{content:'';position:absolute;inset-inline-start:0;bottom:0.05em;
  width:100%;height:2px;background:var(--cyan);opacity:.8;
  box-shadow:0 0 16px 0 var(--cyan-glow);transform:scaleX(0);transform-origin:left;
  animation:ms-underline 1.1s cubic-bezier(.2,.7,.2,1) 1.25s forwards;}
@keyframes ms-underline{to{transform:scaleX(1);}}
[dir="rtl"] .hero h1 .em-serif::after{transform-origin:right;}
.sov-elevated.no-js .hero h1 .em-serif::after{transform:scaleX(1);animation:none;}
.hero-frame{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.7rem;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--cyan);}
.hero-frame .pulse{width:6px;height:6px;border-radius:50%;background:var(--emerald);
  box-shadow:0 0 0 0 rgba(0,214,143,.5);animation:pulse 2.4s infinite;}
.hero-sub{margin-top:1.4rem;font-size:clamp(1.04rem,1.35vw,1.26rem);line-height:1.62;
  color:var(--ink-2);font-weight:300;max-width:44ch;letter-spacing:.002em;}
.hero-cta{margin-top:2.3rem;display:flex;gap:.85rem;flex-wrap:wrap;}
.hero-hud{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);
  display:flex;align-items:center;gap:0;flex-wrap:wrap;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3);}
.hero-hud .seg{display:inline-flex;align-items:center;gap:.5rem;padding-inline:0 1.05rem;}
.hero-hud .seg + .seg{padding-inline-start:1.05rem;border-inline-start:1px solid var(--line);}
.hero-hud .val{color:var(--ink-2);}
.hero-hud .pulse{width:6px;height:6px;border-radius:50%;background:var(--emerald);
  box-shadow:0 0 0 0 rgba(0,214,143,.5);animation:pulse 2.4s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,214,143,.5);}70%{box-shadow:0 0 0 8px transparent;}100%{box-shadow:0 0 0 0 transparent;}}

.ms-hud{position:relative;z-index:5;min-height:clamp(360px,46vw,560px);
  --px:0px; --py:0px;
  transform:translate3d(var(--px),var(--py),0);will-change:transform;}
@media (min-width:1181px){ .ms-hud{height:100%;} }
.ms-console{position:absolute;z-index:6;
  inset-block-start:6%;inset-inline-end:0;inset-inline-start:auto;
  width:min(460px,100%);
  --px:0px; --py:0px;
  transform:translate3d(var(--px),var(--py),0);will-change:transform;}
.bx-mock{
  position:relative; background:
    radial-gradient(ellipse 80% 80% at 62% 38%, rgba(0,229,255,0.06), transparent 70%), var(--bg-1);
  border:1px solid var(--line-2);
  box-shadow:
    0 50px 130px -38px rgba(0,0,0,.92),
    0 0 0 1px rgba(0,229,255,.05),
    0 0 120px -40px var(--cyan-glow),
    0 40px 120px -60px var(--blue-glow);
}
.bx-mock-chrome{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);}
.bx-mock-dots{display:flex;gap:.4rem;}
.bx-mock-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-2);display:block;}
.bx-mock-title{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);}
.bx-mock-tag{margin-inline-start:auto;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:.45rem;}
.bx-mock-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);}
.bx-mock-body{padding:1px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);}
.bx-panel{background:var(--bg-1);padding:1.15rem;}
.bx-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;}
.bx-panel-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ink-3);}
.bx-panel-badge{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cyan);}
.bx-gauge{display:flex;align-items:center;gap:1rem;}
.bx-gauge-readout .num{font-family:'Fraunces',serif;font-weight:500;font-size:1.45rem;letter-spacing:-.03em;line-height:1;color:var(--ink);}
.bx-gauge-readout .lvl{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-top:.4rem;}
.bx-gauge-readout .sub{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.12em;color:var(--ink-3);margin-top:.5rem;}
.bx-feed{display:flex;flex-direction:column;gap:.5rem;}
.bx-feed-row{display:flex;align-items:center;gap:.6rem;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.02em;}
.bx-feed-row .ts{color:var(--ink-3);font-variant-numeric:tabular-nums;}
.bx-feed-row .ds{flex:1;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bx-feed-row .amt{color:var(--ink-2);font-variant-numeric:tabular-nums;}
.bx-pip{width:6px;height:6px;border-radius:1px;flex-shrink:0;}
.bx-pip-r{background:var(--red);} .bx-pip-a{background:var(--amber);}
.bx-pip-e{background:var(--emerald);} .bx-pip-c{background:var(--cyan);}
.bx-match{display:flex;flex-direction:column;gap:.55rem;}
.bx-match-name{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:500;letter-spacing:-.01em;color:var(--ink);}
.bx-match-meta{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:.5rem;flex-wrap:wrap;}
.bx-match-bar{height:4px;background:var(--bg-3);position:relative;overflow:hidden;}
.bx-match-bar i{position:absolute;inset-block:0;inset-inline-start:0;background:linear-gradient(90deg,var(--amber),var(--red));}
.bx-match-score{display:flex;align-items:baseline;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;}
.bx-match-score b{font-family:'Fraunces',serif;font-size:1.1rem;font-weight:500;color:var(--red);letter-spacing:-.02em;}
.bx-mock-foot{display:flex;gap:.5rem;padding:.9rem 1.1rem;border-top:1px solid var(--line);flex-wrap:wrap;}
.bx-chip-ro{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid var(--line-2);padding:.35rem .6rem;display:inline-flex;gap:.45rem;align-items:center;border-radius:2px;}
.bx-chip-ro b{color:var(--cyan);font-weight:600;}
.ms-card{position:absolute;z-index:7;
  background:rgba(11,12,18,.82);border:1px solid var(--line-2);
  backdrop-filter:blur(8px) saturate(130%);border-radius:3px;
  box-shadow:0 24px 60px -28px rgba(0,0,0,.9),0 0 0 1px rgba(0,229,255,.04);
  --px:0px; --py:0px;
  transform:translate3d(var(--px),var(--py),0);will-change:transform;}
.ms-card-risk{inset-block-start:-2%;inset-inline-start:-4%;width:min(216px,62vw);padding:.95rem 1.05rem;}
.ms-card-risk .ms-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;}
.ms-card-lbl{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);}
.ms-card-badge{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber);display:inline-flex;align-items:center;gap:.4rem;}
.ms-card-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px rgba(255,176,0,.5);}
.ms-risk-row{display:flex;align-items:center;gap:.85rem;}
.ms-risk-readout .num{font-family:'Fraunces',serif;font-weight:500;font-size:1.5rem;letter-spacing:-.03em;line-height:1;color:var(--ink);}
.ms-risk-readout .lvl{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-top:.4rem;}
.ms-risk-readout .sub{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.1em;color:var(--ink-3);margin-top:.45rem;}
.ms-card-tele{inset-block-end:2%;inset-inline-start:-2%;padding:.85rem .95rem;width:min(248px,72vw);}
.ms-tele-head{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:.7rem;display:flex;align-items:center;gap:.45rem;}
.ms-tele-head .pulse{width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 0 rgba(0,214,143,.5);animation:pulse 2.4s infinite;}
.ms-tele-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .6rem;}
.ms-tele-cell{display:flex;flex-direction:column;gap:.18rem;}
.ms-tele-cell .k{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);}
.ms-tele-cell .v{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;}
.ms-tele-cell .v.cyan{color:var(--cyan);}
.ms-scroll{position:absolute;z-index:6;inset-block-end:1.6rem;inset-inline-start:50%;
  transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink-3);}
.ms-scroll .track{width:1px;height:38px;background:linear-gradient(180deg,var(--line-2),transparent);position:relative;overflow:hidden;}
.ms-scroll .track::after{content:'';position:absolute;inset-inline-start:0;top:0;width:1px;height:14px;
  background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);
  animation:ms-scrolldrop 2.2s cubic-bezier(.5,0,.5,1) infinite;}
@keyframes ms-scrolldrop{0%{transform:translateY(-16px);opacity:0;}30%{opacity:1;}100%{transform:translateY(38px);opacity:0;}}

/* ============================================================ TICKER (carried verbatim) */
.bx-tick{position:relative;overflow:hidden;background:#04050A;border-block:1px solid var(--line);
  display:flex;align-items:stretch;}
.bx-tick-label{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;padding-inline:1.1rem;
  background:var(--cyan);color:#04050A;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;}
.bx-tick-label .pulse{width:6px;height:6px;border-radius:50%;background:#04050A;}
.bx-tick-view{flex:1;overflow:hidden;position:relative;padding-block:.62rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
.bx-tick-track{display:inline-flex;gap:0;white-space:nowrap;animation:bx-crawl 42s linear infinite;will-change:transform;}
.bx-tick-track .grp{display:inline-flex;}
.bx-tick-item{display:inline-flex;align-items:center;gap:.6rem;padding-inline:1.6rem;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--ink-2);}
.bx-tick-item .mk{color:var(--ink-3);}
.bx-tick-item .ev{color:var(--ink);}
.bx-tick-item .pip{width:6px;height:6px;border-radius:50%;}
@keyframes bx-crawl{from{transform:translateX(0);}to{transform:translateX(-50%);}}
[dir="rtl"] .bx-tick-track{animation-direction:reverse;}
.bx-tick:hover .bx-tick-track{animation-play-state:paused;}

/* ============================================================ E3 · SCENE FRAMEWORK
   Every below-fold section is now a full-bleed "scene" rather than a flat band.
   .e3-scene owns the cinematic backdrop stack (graticule + dual depth glows +
   vignette + ambient sweep). Content sits in .e3-stage above it (z-index 2). */
.e3-scene{position:relative;overflow:hidden;isolation:isolate;
  padding-block:clamp(5.5rem,12vw,9.5rem);}
.e3-scene-tall{min-height:clamp(640px,90vh,1040px);display:flex;flex-direction:column;justify-content:center;}
.e3-stage{position:relative;z-index:2;max-width:var(--maxw);margin-inline:auto;
  padding-inline:var(--pad);width:100%;}

/* signature backdrop layers (pointer-inert, all GPU-cheap) */
.e3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
/* faint graticule / dot-grid echoing the hero */
.e3-bg-grat{position:absolute;inset:0;opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
  background-size:108px 108px;
  -webkit-mask-image:radial-gradient(ellipse 92% 84% at 50% 46%, black 14%, transparent 86%);
          mask-image:radial-gradient(ellipse 92% 84% at 50% 46%, black 14%, transparent 86%);}
/* layered cyan + deep-blue depth glows */
.e3-bg-depth{position:absolute;inset:0;
  background:
    radial-gradient(ellipse 44% 52% at 18% 26%, rgba(0,229,255,0.10), transparent 64%),
    radial-gradient(ellipse 52% 62% at 86% 80%, rgba(59,130,246,0.085), transparent 68%);}
/* a slow sweeping cyan glow drifts across the scene — ambient "alive" feel */
.e3-bg-sweep{position:absolute;inset:-25% -15%;
  background:radial-gradient(ellipse 38% 34% at 50% 48%, rgba(0,229,255,0.10), transparent 70%);
  filter:blur(26px);opacity:.66;
  animation:e3-sweep 26s ease-in-out infinite;will-change:transform;}
@keyframes e3-sweep{
  0%,100%{transform:translate3d(-7%,-4%,0) scale(1);}
  50%{transform:translate3d(9%,5%,0) scale(1.14);}
}
[dir="rtl"] .e3-bg-sweep{animation-direction:reverse;}
/* soft vignette so each scene melts at its edges like the hero */
.e3-bg-vig{position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(6,7,11,.5) 0%, transparent 18%, transparent 80%, rgba(6,7,11,.62) 100%),
    radial-gradient(ellipse 120% 86% at 50% 50%, transparent 54%, rgba(6,7,11,.46) 100%);}
.e3-scene-alt{background:linear-gradient(180deg, var(--bg-1), var(--bg) 60%, var(--bg-1));}

/* drifting ambient particles (shared) — a handful of slow specks per scene */
.e3-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.e3-particles i{position:absolute;width:3px;height:3px;border-radius:50%;
  background:var(--cyan);opacity:.0;
  box-shadow:0 0 7px 1px var(--cyan-glow);
  animation:e3-drift var(--pdur,22s) linear infinite;animation-delay:var(--pdel,0s);
  will-change:transform,opacity;}
.e3-particles i.b{background:var(--blue);box-shadow:0 0 7px 1px var(--blue-glow);}
@keyframes e3-drift{
  0%{transform:translate3d(0,18px,0);opacity:0;}
  12%{opacity:.7;}
  88%{opacity:.7;}
  100%{transform:translate3d(var(--pdx,16px),-120px,0);opacity:0;}
}
[dir="rtl"] .e3-particles i{animation-name:e3-drift-rtl;}
@keyframes e3-drift-rtl{
  0%{transform:translate3d(0,18px,0);opacity:0;}
  12%{opacity:.7;}
  88%{opacity:.7;}
  100%{transform:translate3d(calc(var(--pdx,16px) * -1),-120px,0);opacity:0;}
}

/* ============================================================ E3 · EDITORIAL SCENE HEADERS (big scale) */
.e3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;
  margin-bottom:clamp(3rem,6vw,5.5rem);}
.e3-head .lead{max-width:24ch;}
.e3-eyebrow{display:inline-flex;align-items:center;gap:.7rem;
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.3rem;}
.e3-eyebrow .accent{color:var(--cyan);}
.e3-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 10px 1px var(--cyan-glow);}
.e3-title{font-family:'Fraunces',serif;font-weight:340;font-optical-sizing:auto;
  font-variation-settings:"opsz" 144;
  font-size:clamp(2.6rem,6vw,5rem);line-height:0.98;letter-spacing:-.03em;color:var(--ink);
  text-shadow:0 2px 40px rgba(6,7,11,.5);}
.e3-title .em-serif{color:var(--ink);}
.e3-title .cy{color:var(--cyan);}
.e3-sub{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);max-width:34ch;line-height:1.9;}
.e3-sub-plain{font-size:1.05rem;color:var(--ink-2);max-width:42ch;font-weight:300;line-height:1.7;}

/* ============================================================ E3 · SCENE 1 · OUTCOMES (monumental data) */
.e3-kpi{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(1.5rem,3vw,3rem) clamp(2rem,5vw,5.5rem);}
.e3-kpi-cell{position:relative;padding-block:clamp(1.2rem,2.4vw,2.2rem);
  display:flex;flex-direction:column;}
.e3-kpi-cell + .e3-kpi-cell::before{content:none;}
.e3-kpi-top{display:flex;align-items:center;gap:clamp(1rem,2vw,1.6rem);}
/* the LARGE radial gauge beside each monumental numeral */
.e3-gauge{flex-shrink:0;width:clamp(92px,9vw,128px);height:clamp(92px,9vw,128px);display:block;overflow:visible;}
.e3-gauge .trk{fill:none;stroke:rgba(255,255,255,0.07);stroke-width:5;}
.e3-gauge .arc{fill:none;stroke:var(--ink-3);stroke-width:5;stroke-linecap:round;
  stroke-dasharray:var(--c,326);stroke-dashoffset:var(--c,326);
  transform:rotate(-90deg);transform-origin:center;
  transition:stroke-dashoffset 1.8s cubic-bezier(.3,.7,.2,1);transition-delay:var(--gd,0ms);}
.e3-kpi-cell.hi .e3-gauge .arc{stroke:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan-glow));}
.sov-elevated.no-js .e3-gauge .arc{stroke-dashoffset:var(--off,0);}
.e3-kpi.e3-go .e3-gauge .arc{stroke-dashoffset:var(--off,0);}
/* gauge centre tick label */
.e3-gauge .gtxt{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;
  text-transform:uppercase;fill:var(--ink-3);}
.e3-kpi-readout{display:flex;flex-direction:column;}
.e3-kpi-num{font-family:'Fraunces',serif;font-weight:330;font-variation-settings:"opsz" 144;
  font-size:clamp(3.6rem,7vw,7.5rem);line-height:.82;letter-spacing:-.05em;color:var(--ink);
  font-variant-numeric:tabular-nums;}
.e3-kpi-num .u{font-size:.32em;color:var(--ink-3);letter-spacing:0;margin-inline-start:.08em;
  vertical-align:.18em;}
.e3-kpi-cell.hi .e3-kpi-num{color:var(--cyan);text-shadow:0 0 44px rgba(0,229,255,.28);}
.e3-kpi-cell.hi .e3-kpi-num .u{color:rgba(0,229,255,.6);}
.e3-kpi-bar{height:2px;width:clamp(2.4rem,5vw,4rem);margin:1.4rem 0 1rem;
  background:linear-gradient(90deg,var(--ink-3),transparent);}
.e3-kpi-cell.hi .e3-kpi-bar{background:linear-gradient(90deg,var(--cyan),transparent);}
.e3-kpi-lbl{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2);line-height:1.6;}
.e3-kpi-foot{display:flex;align-items:center;justify-content:center;gap:1rem;
  margin-top:clamp(2.5rem,5vw,4.5rem);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink-3);}
.e3-kpi-foot .ln{height:1px;width:clamp(2.5rem,10vw,7rem);background:linear-gradient(90deg,transparent,var(--line-2),transparent);}
.e3-kpi-foot b{color:var(--cyan);font-weight:500;}

/* ============================================================ E3 · SCENE 2 · PRODUCTS (immersive bento) */
.e3-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(230px,auto);
  gap:clamp(.9rem,1.4vw,1.4rem);perspective:1600px;position:relative;}
/* connecting mesh backdrop behind the bento */
.e3-mesh{position:absolute;inset:-4%;z-index:0;pointer-events:none;overflow:visible;
  opacity:.9;}
.e3-mesh .ln{fill:none;stroke:rgba(0,229,255,0.12);stroke-width:1;}
.e3-mesh .nd{fill:rgba(0,229,255,0.5);}
.e3-mesh .flow{fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linecap:round;
  stroke-dasharray:5 220;stroke-dashoffset:0;opacity:0;
  filter:drop-shadow(0 0 4px var(--cyan-glow));
  animation:ms-travel 5.2s linear infinite;will-change:stroke-dashoffset;}
[dir="rtl"] .e3-mesh .flow{animation-direction:reverse;}
/* tile sizing — a varied bento, not a flat even grid */
.e3-tile{position:relative;z-index:1;background:var(--bg-1);
  border:1px solid var(--line);
  padding:clamp(1.6rem,2.4vw,2.4rem);
  display:flex;flex-direction:column;overflow:hidden;
  grid-column:span 2;
  --rx:0deg; --ry:0deg;
  transform:perspective(1600px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:background .45s ease,transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease,border-color .45s ease;
  transform-style:preserve-3d;will-change:transform;}
.e3-tile.big{grid-column:span 3;grid-row:span 2;}
.e3-tile.wide{grid-column:span 4;}
.e3-tile.tall{grid-row:span 2;}
@media (max-width:1080px){
  .e3-bento{grid-template-columns:repeat(4,1fr);}
  .e3-tile{grid-column:span 2;}
  .e3-tile.big{grid-column:span 4;grid-row:span 1;}
  .e3-tile.wide{grid-column:span 4;}
  .e3-tile.tall{grid-row:span 1;}
  .e3-mesh{display:none;}
}
@media (max-width:680px){
  .e3-bento{grid-template-columns:1fr;}
  .e3-tile,.e3-tile.big,.e3-tile.wide,.e3-tile.tall{grid-column:auto;grid-row:auto;}
}
/* moving sheen tied to tilt centre */
.e3-tile::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;z-index:0;
  background:radial-gradient(ellipse 60% 52% at var(--mx,50%) var(--my,38%), rgba(0,229,255,0.12), transparent 60%);
  transition:opacity .5s ease;}
.e3-tile::after{content:'';position:absolute;inset:0;border:1px solid transparent;pointer-events:none;
  transition:border-color .45s ease;}
.e3-tile:hover{background:var(--bg-2);border-color:var(--line-2);
  box-shadow:0 48px 120px -52px rgba(0,0,0,.92),0 0 90px -44px var(--cyan-glow),0 30px 90px -60px var(--blue-glow);}
.e3-tile:hover::before{opacity:1;}
.e3-tile:hover::after{border-color:rgba(0,229,255,.22);}
.e3-tile > *{position:relative;z-index:1;}
.e3-tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
/* the BIG 01–06 numeral */
.e3-tile-idx{font-family:'Fraunces',serif;font-weight:330;font-variation-settings:"opsz" 144;
  font-size:clamp(2.4rem,3.6vw,3.6rem);line-height:.8;letter-spacing:-.04em;color:var(--ink-3);
  transition:color .45s ease,text-shadow .45s ease;transform:translateZ(14px);}
.e3-tile:hover .e3-tile-idx{color:var(--cyan);text-shadow:0 0 30px rgba(0,229,255,.35);}
.e3-tile.big .e3-tile-idx{font-size:clamp(3.2rem,5vw,5rem);}
/* per-module glyph in a framed chip, lifted in 3D */
.e3-glyph{width:clamp(48px,5vw,60px);height:clamp(48px,5vw,60px);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line-2);background:var(--bg);border-radius:4px;color:var(--ink-2);
  transition:color .45s ease,border-color .45s ease,box-shadow .45s ease,transform .55s cubic-bezier(.2,.7,.2,1);
  transform:translateZ(34px);}
.e3-glyph .gl{stroke-dasharray:var(--gl,120);stroke-dashoffset:var(--gl,120);
  transition:stroke-dashoffset 1.2s cubic-bezier(.3,.7,.2,1);transition-delay:var(--gd,0ms);}
.sov-elevated.no-js .e3-glyph .gl{stroke-dashoffset:0;}
.e3-bento.e3-go .e3-glyph .gl{stroke-dashoffset:0;}
.e3-tile:hover .e3-glyph{color:var(--cyan);border-color:var(--cyan);
  box-shadow:0 0 34px -8px var(--cyan-glow);transform:translateZ(50px) translateY(-3px);}
.e3-tile-rule{height:1px;background:var(--line);margin:clamp(1.4rem,2.4vw,2rem) 0;
  transition:background .4s ease;transform:translateZ(8px);}
.e3-tile:hover .e3-tile-rule{background:var(--line-2);}
.e3-tile-title{font-family:'Fraunces',serif;font-weight:480;
  font-size:clamp(1.4rem,2vw,1.85rem);letter-spacing:-.02em;margin-bottom:.7rem;color:var(--ink);
  transform:translateZ(20px);}
.e3-tile.big .e3-tile-title{font-size:clamp(1.8rem,2.8vw,2.4rem);}
.e3-tile-desc{font-size:clamp(.92rem,1.05vw,1.02rem);line-height:1.7;color:var(--ink-2);font-weight:300;
  transform:translateZ(12px);
  opacity:.78;transition:opacity .45s ease;}
.e3-tile:hover .e3-tile-desc{opacity:1;}
.e3-tile-more{margin-top:auto;padding-top:clamp(1.4rem,2.2vw,1.8rem);display:inline-flex;align-items:center;gap:.55rem;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-3);transition:color .35s ease;transform:translateZ(16px);}
.e3-tile:hover .e3-tile-more{color:var(--cyan);}
.e3-tile-more svg{transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.e3-tile:hover .e3-tile-more svg{transform:translateX(5px);}
[dir="rtl"] .e3-tile-more svg{transform:scaleX(-1);}
[dir="rtl"] .e3-tile:hover .e3-tile-more svg{transform:scaleX(-1) translateX(5px);}

/* ============================================================ E4 · SCENE 2 (REBUILT) · PRODUCTS — BOLDER
   E4 keeps the E3 bento mechanics (.e3-bento/.e3-go arming, .e3-tile tilt, .e3-glyph stroke-draw,
   .e3-stagger cascade, connecting mesh) and pushes the scene MUCH further:
     · every module now carries a realistic inline-SVG PRODUCT-UI PREVIEW (a glimpse of its real
       screen) in the hero's risk-console visual language;
     · the 01–06 numerals are monumental (clamp 4–8rem) and sit as a watermark behind each preview;
     · a large FEATURED SPOTLIGHT tile renders the richest preview big; the other five form a bold
       bento of mixed sizes; a slow, pausable, reduced-motion-off cycle promotes each module in turn;
     · deeper layered shadows, glass panels, a per-tile accent glow, strengthened mesh.
   All NEW classes are e4-*; existing e3-/ms-/bx- classes are untouched. Reuses only figures already
   on the page (gauge 69, match 0.94, OFAC/UN/EU, severities 12/87, Δ+4) — no new statistics. */

/* the bento gets a touch more height so previews breathe; mechanics inherited from .e3-bento */
.e4-bento{grid-auto-rows:minmax(264px,auto);}
.e4-bento .e3-mesh .ln{stroke:rgba(0,229,255,0.16);}      /* strengthened connecting mesh */
.e4-bento .e3-mesh .nd{fill:rgba(0,229,255,0.7);}
.e4-bento .e3-mesh{opacity:1;}

/* every product tile is a glass panel with a per-tile accent glow + deeper layered shadow */
.e4-tile{
  background:
    radial-gradient(ellipse 84% 70% at 50% 0%, rgba(0,229,255,0.05), transparent 64%),
    linear-gradient(180deg, rgba(17,19,27,0.92), rgba(11,12,18,0.96));
  backdrop-filter:blur(6px) saturate(120%);
  box-shadow:0 28px 80px -50px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,0.03);
}
.e4-tile:hover{
  box-shadow:
    0 56px 130px -52px rgba(0,0,0,.94),
    0 0 110px -42px var(--cyan-glow),
    0 34px 100px -58px var(--blue-glow),
    inset 0 1px 0 rgba(0,229,255,0.10);
}
/* a soft accent corner-glow that intensifies on hover / when spotlit */
.e4-tile::before{
  background:radial-gradient(ellipse 64% 56% at var(--mx,50%) var(--my,30%), rgba(0,229,255,0.16), transparent 62%);}

/* MONUMENTAL index numeral — watermark behind the preview, pushed up to clamp 4–8rem */
.e4-idx{font-family:'Fraunces',serif;font-weight:300;font-variation-settings:"opsz" 144;
  font-size:clamp(4rem,6.5vw,7rem);line-height:.74;letter-spacing:-.05em;
  color:rgba(157,161,174,0.22);
  transition:color .5s ease,text-shadow .5s ease;transform:translateZ(10px);
  font-variant-numeric:tabular-nums;}
.e4-tile.big .e4-idx,.e4-tile.e4-spot .e4-idx{font-size:clamp(5rem,8vw,8rem);}
.e4-tile:hover .e4-idx,.e4-tile.e4-spot .e4-idx{
  color:rgba(0,229,255,0.5);text-shadow:0 0 46px rgba(0,229,255,.30);}

/* tile header keeps glyph chip on the trailing side, numeral leading */
.e4-tile .e3-tile-head{align-items:center;}

/* ---- the PRODUCT-UI PREVIEW frame (mini console, hero language) ---- */
.e4-prev{position:relative;z-index:1;margin-top:clamp(1rem,1.8vw,1.4rem);
  border:1px solid var(--line-2);border-radius:3px;overflow:hidden;
  background:
    radial-gradient(ellipse 80% 80% at 64% 30%, rgba(0,229,255,0.05), transparent 70%),
    var(--bg-1);
  box-shadow:0 20px 60px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(0,229,255,.04);
  transform:translateZ(26px);
  transition:box-shadow .5s ease,border-color .5s ease,transform .55s cubic-bezier(.2,.7,.2,1);}
.e4-tile:hover .e4-prev,.e4-tile.e4-spot .e4-prev{
  border-color:rgba(0,229,255,.24);
  box-shadow:0 26px 80px -42px rgba(0,0,0,.92),0 0 70px -36px var(--cyan-glow);
  transform:translateZ(40px) translateY(-2px);}
.e4-prev-bar{display:flex;align-items:center;gap:.5rem;
  padding:.5rem .7rem;border-bottom:1px solid var(--line);}
.e4-prev-bar i{width:6px;height:6px;border-radius:50%;background:var(--line-2);display:block;flex-shrink:0;}
.e4-prev-bar .t{margin-inline-start:.15rem;font-family:'JetBrains Mono',monospace;font-size:8.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.e4-prev-bar .live{margin-inline-start:auto;font-family:'JetBrains Mono',monospace;font-size:8px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;}
.e4-prev-bar .live b{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan-glow);}
.e4-prev-body{padding:.85rem .9rem;display:flex;flex-direction:column;gap:.6rem;}

/* generic preview primitives shared across modules */
.e4-row{display:flex;align-items:center;gap:.55rem;}
.e4-lbl{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-3);}
.e4-val{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink);font-variant-numeric:tabular-nums;}
.e4-val.cy{color:var(--cyan);}
.e4-name{font-family:'Fraunces',serif;font-weight:500;font-size:1rem;letter-spacing:-.01em;color:var(--ink);}
.e4-chip{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid var(--line-2);border-radius:2px;padding:.2rem .42rem;
  display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;}
.e4-chip.cy{color:var(--cyan);border-color:rgba(0,229,255,.4);}
.e4-chip.am{color:var(--amber);border-color:rgba(255,176,0,.4);}
.e4-chip.rd{color:var(--red);border-color:rgba(255,59,59,.4);}
.e4-chip.em{color:var(--emerald);border-color:rgba(0,214,143,.4);}
.e4-chips{display:flex;flex-wrap:wrap;gap:.35rem;}
.e4-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.e4-dot.rd{background:var(--red);box-shadow:0 0 7px rgba(255,59,59,.5);}
.e4-dot.am{background:var(--amber);box-shadow:0 0 7px rgba(255,176,0,.5);}
.e4-dot.em{background:var(--emerald);box-shadow:0 0 7px rgba(0,214,143,.5);}
.e4-dot.cy{background:var(--cyan);box-shadow:0 0 7px var(--cyan-glow);}

/* a small horizontal meter (KYC risk / match score) — fill draws in on reveal */
.e4-meter{position:relative;height:5px;border-radius:3px;background:var(--bg-3);overflow:hidden;flex:1;}
.e4-meter i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:3px;
  width:var(--w,60%);transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,var(--cyan),var(--amber));
  transition:transform 1.2s cubic-bezier(.3,.7,.2,1);transition-delay:var(--md,200ms);}
[dir="rtl"] .e4-meter i{transform-origin:right;}
.e4-meter i.warm{background:linear-gradient(90deg,var(--amber),var(--red));}
.e4-meter i.cool{background:linear-gradient(90deg,var(--cyan),var(--emerald));}
.sov-elevated.no-js .e4-meter i{transform:scaleX(1);}
.e3-bento.e3-go .e4-meter i{transform:scaleX(1);}

/* preview stroke-draw graphics (charts, gauges, checks) — share the e3-go arming */
.e4-draw{stroke-dasharray:var(--dl,200);stroke-dashoffset:var(--dl,200);
  transition:stroke-dashoffset 1.4s cubic-bezier(.3,.7,.2,1);transition-delay:var(--dd,260ms);}
.sov-elevated.no-js .e4-draw{stroke-dashoffset:0;}
.e3-bento.e3-go .e4-draw{stroke-dashoffset:0;}

/* the spotlight (featured) tile gets a stronger ambient ring while promoted */
.e4-tile.e4-spot{border-color:rgba(0,229,255,.28);background:
    radial-gradient(ellipse 84% 70% at 50% 0%, rgba(0,229,255,0.09), transparent 64%),
    linear-gradient(180deg, rgba(20,23,33,0.95), rgba(12,13,20,0.97));
  box-shadow:0 56px 140px -50px rgba(0,0,0,.94),0 0 130px -40px var(--cyan-glow),0 36px 110px -58px var(--blue-glow);}
.e4-tile.e4-spot::before{opacity:1;}

/* identity row (01) */
.e4-id{display:flex;align-items:center;gap:.6rem;}
.e4-ava{width:30px;height:30px;border-radius:50%;flex-shrink:0;border:1px solid var(--line-2);
  display:flex;align-items:center;justify-content:center;color:var(--cyan);background:var(--bg);}
.e4-id .nm{display:flex;flex-direction:column;gap:.18rem;min-width:0;}

/* transaction-timeline bars (03) */
.e4-spark{width:100%;height:auto;display:block;overflow:visible;}

/* gauge band ticks (04) */
.e4-bands{display:flex;gap:.3rem;margin-top:.3rem;}
.e4-band{flex:1;height:4px;border-radius:2px;background:var(--bg-3);position:relative;overflow:hidden;}
.e4-band.lo{background:linear-gradient(90deg,rgba(0,214,143,.55),rgba(0,214,143,.2));}
.e4-band.md{background:linear-gradient(90deg,rgba(255,176,0,.7),rgba(255,176,0,.25));}
.e4-band.hi{background:linear-gradient(90deg,rgba(255,59,59,.7),rgba(255,59,59,.25));}
.e4-band.on{box-shadow:0 0 0 1px rgba(0,229,255,.5),0 0 14px -2px var(--cyan-glow);}

/* STR/SAR doc field lines (06) */
.e4-doc{display:flex;flex-direction:column;gap:.4rem;}
.e4-fl{height:5px;border-radius:2px;background:var(--bg-3);width:var(--fw,100%);}
.e4-fl.cy{background:linear-gradient(90deg,rgba(0,229,255,.5),rgba(0,229,255,.12));}

/* alert queue rows (05) */
.e4-q{display:flex;flex-direction:column;gap:.45rem;}
.e4-qrow{display:flex;align-items:center;gap:.5rem;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--ink-2);}
.e4-qrow .id{color:var(--ink-3);}
.e4-qrow .sla{margin-inline-start:auto;font-variant-numeric:tabular-nums;color:var(--amber);}
.e4-qrow .sla.ok{color:var(--emerald);}

/* progress note */
.e4-note{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.1em;
  color:var(--ink-3);display:flex;align-items:center;gap:.4rem;}
.e4-note .pulse{width:5px;height:5px;border-radius:50%;background:var(--emerald);
  box-shadow:0 0 0 0 rgba(0,214,143,.5);animation:pulse 2.4s infinite;}

/* big spotlight preview is a two-column glimpse on wide screens */
.e4-tile.big .e4-prev-body,.e4-tile.e4-spot.big .e4-prev-body{gap:.7rem;}
@media (min-width:1081px){
  .e4-tile.big .e4-prev-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-items:start;}
}

@media (max-width:1080px){
  .e4-bento{grid-auto-rows:minmax(248px,auto);}
}
@media (max-width:680px){
  .e4-idx{font-size:clamp(3.4rem,16vw,5rem);}
  .e4-prev-bar .t{font-size:8px;}
}

/* ============================================================ E5 · SCENE 1 (REBUILT) · OUTCOMES — EVIDENCE CARDS
   E5 keeps the exact six figures (60/80/85/50/99.98/14+), the monumental numerals + radial
   gauges (mechanics inherited from .e3-kpi / .e3-go arming) and the "Independently benchmarked"
   label, but reframes each KPI as a richer EVIDENCE card on a bolder glass panel: the figure +
   gauge sit at the top, a small supporting inline-SVG viz (a before→after bar pair or a mini
   trend) underneath, and a one-line qualitative methodology/benchmark note. No new statistics —
   the viz is illustrative (relative bars / a trend shape), never a fabricated number. */
.e5-evgrid{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(1rem,1.6vw,1.5rem);}
.e5-ev{position:relative;display:flex;flex-direction:column;overflow:hidden;
  padding:clamp(1.5rem,2.4vw,2.4rem) clamp(1.4rem,2vw,2.1rem);
  border:1px solid var(--line);
  background:
    radial-gradient(ellipse 86% 64% at 50% 0%, rgba(0,229,255,0.045), transparent 62%),
    linear-gradient(180deg, rgba(17,19,27,0.9), rgba(11,12,18,0.96));
  backdrop-filter:blur(6px) saturate(120%);
  box-shadow:0 28px 80px -52px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,0.03);
  transition:background .5s ease,border-color .45s ease,box-shadow .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);}
.e5-ev::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 80% 56% at 50% 0%, rgba(0,229,255,0.12), transparent 64%);
  transition:opacity .5s ease;}
.e5-ev:hover{border-color:var(--line-2);transform:translateY(-5px);
  box-shadow:0 48px 120px -54px rgba(0,0,0,.94),0 0 100px -46px var(--cyan-glow),0 30px 90px -60px var(--blue-glow);}
.e5-ev:hover::before{opacity:1;}
.e5-ev.hi{border-color:rgba(0,229,255,.22);
  background:
    radial-gradient(ellipse 86% 64% at 50% 0%, rgba(0,229,255,0.09), transparent 62%),
    linear-gradient(180deg, rgba(20,23,33,0.92), rgba(12,13,20,0.97));}
.e5-ev > *{position:relative;z-index:1;}
.e5-ev-top{display:flex;align-items:center;gap:clamp(.9rem,1.6vw,1.4rem);}
/* reuse the e3-gauge sizing but a touch smaller so the card breathes */
.e5-ev .e3-gauge{width:clamp(78px,7vw,104px);height:clamp(78px,7vw,104px);}
.e5-ev-num{font-family:'Fraunces',serif;font-weight:330;font-variation-settings:"opsz" 144;
  font-size:clamp(3rem,5.4vw,5.4rem);line-height:.82;letter-spacing:-.05em;color:var(--ink);
  font-variant-numeric:tabular-nums;}
.e5-ev-num .u{font-size:.3em;color:var(--ink-3);letter-spacing:0;margin-inline-start:.06em;vertical-align:.2em;}
.e5-ev.hi .e5-ev-num{color:var(--cyan);text-shadow:0 0 40px rgba(0,229,255,.26);}
.e5-ev.hi .e5-ev-num .u{color:rgba(0,229,255,.6);}
.e5-ev-lbl{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink);margin-top:.4rem;}
.e5-ev-rule{height:1px;background:var(--line);margin:clamp(1.1rem,1.8vw,1.5rem) 0;}
.e5-ev:hover .e5-ev-rule{background:var(--line-2);}
/* the supporting mini-viz frame */
.e5-viz{display:flex;flex-direction:column;gap:.55rem;}
.e5-viz-head{display:flex;align-items:center;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3);}
.e5-viz-head .now{color:var(--cyan);}
.e5-viz svg{width:100%;height:auto;display:block;overflow:visible;}
/* before/after relative bar pair */
.e5-bar2{display:flex;align-items:flex-end;gap:.7rem;height:46px;}
.e5-bar2 .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;justify-content:flex-end;height:100%;}
.e5-bar2 .bar{width:100%;border-radius:2px 2px 0 0;transform-origin:bottom;transform:scaleY(0);
  transition:transform 1.2s cubic-bezier(.3,.7,.2,1);transition-delay:var(--bd,260ms);}
.sov-elevated.no-js .e5-bar2 .bar{transform:scaleY(1);}
.e3-kpi.e3-go .e5-bar2 .bar{transform:scaleY(1);}
.e5-bar2 .bar.was{background:linear-gradient(180deg,var(--ink-3),rgba(90,94,108,.4));}
.e5-bar2 .bar.now{background:linear-gradient(180deg,var(--cyan),rgba(0,229,255,.3));
  box-shadow:0 0 18px -4px var(--cyan-glow);}
.e5-bar2 .bar.now.warm{background:linear-gradient(180deg,var(--amber),rgba(255,176,0,.3));box-shadow:0 0 18px -4px rgba(255,176,0,.5);}
.e5-bar2 .ct{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);}
/* the drawn trend / arc lines reuse e4-draw arming via e3-go */
.e5-viz .e4-draw{stroke-dasharray:var(--dl,200);stroke-dashoffset:var(--dl,200);
  transition:stroke-dashoffset 1.5s cubic-bezier(.3,.7,.2,1);transition-delay:var(--dd,300ms);}
.sov-elevated.no-js .e5-viz .e4-draw{stroke-dashoffset:0;}
.e3-kpi.e3-go .e5-viz .e4-draw{stroke-dashoffset:0;}
.e5-ev-note{margin-top:clamp(1rem,1.6vw,1.4rem);
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.06em;line-height:1.7;
  color:var(--ink-3);display:flex;align-items:flex-start;gap:.5rem;}
.e5-ev-note .mk{color:var(--cyan);flex-shrink:0;}
@media (max-width:1080px){ .e5-evgrid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:680px){ .e5-evgrid{grid-template-columns:1fr;} }

/* ============================================================ E5 · SCENE 3 (REBUILT) · LIFECYCLE — LIVING WALKTHROUGH
   Each of the four stage cards now carries a mini product-UI preview in the SAME console language
   as the Products scene (reuses the e4-prev / e4-* primitives). The travelling-signal rail,
   sequential node activation, breathing rings and mono tags are inherited from .e3-pipe / .e3-go. */
.e5-stage-prev{margin-top:clamp(1.1rem,2vw,1.5rem);}
/* the mini-previews reuse e4-prev mechanics; here they draw via the .e3-pipe.e3-go arming */
.e5-stage-prev .e4-draw{stroke-dasharray:var(--dl,200);stroke-dashoffset:var(--dl,200);
  transition:stroke-dashoffset 1.4s cubic-bezier(.3,.7,.2,1);transition-delay:var(--dd,300ms);}
.sov-elevated.no-js .e5-stage-prev .e4-draw{stroke-dashoffset:0;}
.e3-pipe.e3-go .e5-stage-prev .e4-draw{stroke-dashoffset:0;}
.e5-stage-prev .e4-meter i{transform-origin:left;transform:scaleX(0);
  transition:transform 1.2s cubic-bezier(.3,.7,.2,1);transition-delay:var(--md,360ms);}
[dir="rtl"] .e5-stage-prev .e4-meter i{transform-origin:right;}
.sov-elevated.no-js .e5-stage-prev .e4-meter i{transform:scaleX(1);}
.e3-pipe.e3-go .e5-stage-prev .e4-meter i{transform:scaleX(1);}
/* on wide screens give each lifecycle card more room for its preview */
@media (min-width:1081px){
  .e5-pipe{grid-template-columns:repeat(4,1fr);}
}

/* ============================================================ E5 · SCENE 4 (REBUILT) · REGULATORY — COMMANDING + goAML ARTIFACT
   The matrix is paired with a mini "goAML filing" artifact preview beside it (an STR/SAR record
   moving to a "Filed" state). All matrix rows/cols, the home accents and the caption are kept;
   the layout becomes a two-column command panel on wide screens. */
.e5-reg-grid{display:grid;grid-template-columns:1.55fr .95fr;
  gap:clamp(1.4rem,2.4vw,2.4rem);align-items:start;}
@media (max-width:1080px){ .e5-reg-grid{grid-template-columns:1fr;} }
/* the goAML filing artifact panel — a deeper glass console */
.e5-filing{position:relative;overflow:hidden;
  border:1px solid var(--line-2);border-radius:3px;
  background:
    radial-gradient(ellipse 90% 60% at 60% 0%, rgba(0,229,255,0.07), transparent 64%),
    linear-gradient(180deg, rgba(17,19,27,0.92), rgba(11,12,18,0.97));
  backdrop-filter:blur(6px) saturate(120%);
  box-shadow:0 40px 120px -56px rgba(0,0,0,.92),0 0 90px -48px var(--cyan-glow);}
.e5-filing-bar{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);}
.e5-filing-bar i{width:6px;height:6px;border-radius:50%;background:var(--line-2);display:block;flex-shrink:0;}
.e5-filing-bar .t{margin-inline-start:.2rem;font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);}
.e5-filing-bar .st{margin-inline-start:auto;font-family:'JetBrains Mono',monospace;font-size:8.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--emerald);display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;}
.e5-filing-bar .st b{width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px rgba(0,214,143,.55);}
.e5-filing-body{padding:1.1rem 1.1rem 1.25rem;display:flex;flex-direction:column;gap:.9rem;}
.e5-fl-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;}
.e5-fl-ref{font-family:'Fraunces',serif;font-weight:500;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink);}
.e5-fl-k{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);}
.e5-fl-v{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink);font-variant-numeric:tabular-nums;}
.e5-fl-v.cy{color:var(--cyan);}
.e5-fl-rule{height:1px;background:var(--line);}
.e5-fl-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .9rem;}
.e5-fl-cell{display:flex;flex-direction:column;gap:.25rem;}
/* validation checklist with drawn ticks (reuse the e3-matrix check draw via e3-go on the frame) */
.e5-fl-checks{display:flex;flex-direction:column;gap:.5rem;}
.e5-fl-check{display:flex;align-items:center;gap:.55rem;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.04em;color:var(--ink-2);}
.e5-fl-check .ck{color:var(--emerald);flex-shrink:0;}
.e5-fl-check .ck .pth{stroke-dasharray:24;stroke-dashoffset:24;
  transition:stroke-dashoffset .7s cubic-bezier(.3,.7,.2,1);transition-delay:var(--ckd,0ms);}
.sov-elevated.no-js .e5-fl-check .ck .pth{stroke-dashoffset:0;}
.e3-matrix-frame.e5-go .e5-fl-check .ck .pth{stroke-dashoffset:0;}
/* the "Filed to goAML" stamp */
.e5-fl-stamp{display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  margin-top:.2rem;padding:.7rem .85rem;border:1px solid rgba(0,214,143,.4);border-radius:3px;
  background:rgba(0,214,143,.06);}
.e5-fl-stamp .lab{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--emerald);display:inline-flex;align-items:center;gap:.45rem;}
.e5-fl-stamp .lab .dot{width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px rgba(0,214,143,.55);}
.e5-fl-stamp .rcpt{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.06em;color:var(--ink-2);font-variant-numeric:tabular-nums;}
.e5-fl-bars{display:flex;flex-direction:column;gap:.4rem;}
.e5-fl-bar{height:5px;border-radius:2px;background:var(--bg-3);width:var(--fw,100%);}
.e5-fl-bar.cy{background:linear-gradient(90deg,rgba(0,229,255,.5),rgba(0,229,255,.12));}

/* ============================================================ E5 · SCENE 6 (REBUILT) · FINAL CTA — SCHEDULING PANEL
   The closing keeps the large hero threat-map echo (e3-cta-map) but the CTA itself becomes a
   confident two-column band: a Fraunces headline on the leading side, and a small inline-SVG
   scheduling / contact CARD preview (a "Request a demo" artifact) on the trailing side. */
.e5-cta-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(2.2rem,5vw,4.5rem);
  align-items:center;text-align:start;width:100%;}
@media (max-width:1080px){ .e5-cta-grid{grid-template-columns:1fr;text-align:center;justify-items:center;} }
.e5-cta-copy{display:flex;flex-direction:column;align-items:flex-start;}
@media (max-width:1080px){ .e5-cta-copy{align-items:center;} }
.e5-cta-title{font-family:'Fraunces',serif;font-weight:330;font-optical-sizing:auto;
  font-variation-settings:"opsz" 144;
  font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.0;letter-spacing:-.03em;
  max-width:16ch;margin-block:1.6rem 1.4rem;color:var(--ink);text-shadow:0 2px 50px rgba(6,7,11,.6);}
.e5-cta-title .em-serif{color:var(--cyan);}
.e5-cta-sub{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65;color:var(--ink-2);font-weight:300;
  max-width:42ch;margin-bottom:2rem;}
@media (max-width:1080px){ .e5-cta-sub{margin-inline:auto;} }
/* the scheduling / contact card artifact */
.e5-sched{position:relative;overflow:hidden;
  border:1px solid var(--line-2);border-radius:4px;width:min(440px,100%);margin-inline:auto;
  background:
    radial-gradient(ellipse 84% 70% at 60% 0%, rgba(0,229,255,0.08), transparent 64%),
    linear-gradient(180deg, rgba(17,19,27,0.92), rgba(11,12,18,0.97));
  backdrop-filter:blur(8px) saturate(130%);
  box-shadow:
    0 50px 130px -44px rgba(0,0,0,.92),
    0 0 0 1px rgba(0,229,255,.05),
    0 0 120px -42px var(--cyan-glow),
    0 40px 110px -60px var(--blue-glow);}
.e5-sched-bar{display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);}
.e5-sched-bar i{width:7px;height:7px;border-radius:50%;background:var(--line-2);display:block;flex-shrink:0;}
.e5-sched-bar .t{margin-inline-start:.2rem;font-family:'JetBrains Mono',monospace;font-size:9.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);}
.e5-sched-bar .live{margin-inline-start:auto;font-family:'JetBrains Mono',monospace;font-size:8.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;}
.e5-sched-bar .live b{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);}
.e5-sched-body{padding:1.1rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem;}
.e5-sched-head{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-3);}
/* mini month / slot calendar */
.e5-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.32rem;}
.e5-cal .d{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:3px;
  font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-2);
  border:1px solid var(--line);font-variant-numeric:tabular-nums;}
.e5-cal .d.mut{color:var(--ink-3);border-color:var(--line-3);}
.e5-cal .d.on{color:#041014;background:var(--cyan);border-color:var(--cyan);font-weight:600;
  box-shadow:0 0 16px -2px var(--cyan-glow);}
.e5-cal .d.av{color:var(--cyan);border-color:rgba(0,229,255,.4);}
.e5-slots{display:flex;flex-wrap:wrap;gap:.4rem;}
.e5-slot{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.06em;
  color:var(--ink-2);border:1px solid var(--line-2);border-radius:2px;padding:.36rem .55rem;
  font-variant-numeric:tabular-nums;transition:border-color .25s,color .25s,background .25s;}
.e5-slot.on{color:#041014;background:var(--cyan);border-color:var(--cyan);font-weight:600;box-shadow:0 0 14px -2px var(--cyan-glow);}
.e5-sched-contact{display:flex;flex-direction:column;gap:.55rem;padding-top:.9rem;border-top:1px solid var(--line);}
.e5-sched-field{display:flex;align-items:center;gap:.6rem;
  font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-2);}
.e5-sched-field svg{color:var(--cyan);flex-shrink:0;}
.e5-sched-field .ph{color:var(--ink-3);}
.e5-sched-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;
  margin-top:.3rem;padding:.7rem 1rem;border-radius:3px;background:var(--cyan);color:#041014;
  font-family:'Inter',sans-serif;font-weight:600;font-size:.86rem;letter-spacing:.01em;
  box-shadow:0 0 40px -10px var(--cyan-glow);}

/* ============================================================ E3 · SCENE 3 · LIFECYCLE PIPELINE (living rail) */
.e3-pipe{position:relative;display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(1rem,2vw,2rem);}
/* the prominent rail behind the nodes; travelling signals loop continuously */
.e3-rail{position:absolute;inset-inline:7%;inset-block-start:clamp(34px,5vw,46px);
  height:60px;z-index:0;pointer-events:none;overflow:visible;}
.e3-rail .base{fill:none;stroke:var(--line-2);stroke-width:1.4;}
.e3-rail .glow{fill:none;stroke:rgba(0,229,255,0.14);stroke-width:6;}
.e3-rail .sig{fill:none;stroke:var(--cyan);stroke-width:2.4;stroke-linecap:round;
  stroke-dasharray:14 1400;stroke-dashoffset:0;opacity:0;
  filter:drop-shadow(0 0 6px var(--cyan-glow));
  animation:e3-railrun 5s linear infinite;will-change:stroke-dashoffset;}
.e3-rail .sig.s2{animation-delay:1.7s;stroke:var(--emerald);filter:drop-shadow(0 0 6px rgba(0,214,143,.5));}
.e3-rail .sig.s3{animation-delay:3.3s;}
@keyframes e3-railrun{0%{stroke-dashoffset:1414;opacity:0;}5%{opacity:1;}95%{opacity:1;}100%{stroke-dashoffset:0;opacity:0;}}
[dir="rtl"] .e3-rail .sig{animation-direction:reverse;}
.e3-stage-card{position:relative;z-index:1;background:var(--bg-1);border:1px solid var(--line);
  padding:clamp(1.5rem,2.4vw,2.4rem) clamp(1.4rem,2vw,2rem);overflow:hidden;
  transition:border-color .5s ease,box-shadow .5s ease,background .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);}
.e3-stage-card::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 90% 60% at 50% 0%, rgba(0,229,255,0.08), transparent 70%);
  transition:opacity .5s ease;}
/* the big numbered node */
.e3-node{width:clamp(64px,7vw,84px);height:clamp(64px,7vw,84px);
  border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;
  position:relative;background:var(--bg);margin-bottom:clamp(1.4rem,2.4vw,2rem);
  transition:border-color .5s ease,box-shadow .5s ease,background .5s ease;}
.e3-node .nn{font-family:'JetBrains Mono',monospace;font-size:clamp(15px,1.6vw,20px);font-weight:700;
  color:var(--cyan);letter-spacing:.04em;}
/* a breathing pulse ring around each node (ambient) */
.e3-node .ring{position:absolute;inset:-1px;border:1px solid var(--cyan);opacity:0;
  animation:e3-nodepulse 3.4s ease-out infinite;animation-delay:var(--nd,0s);will-change:transform,opacity;}
@keyframes e3-nodepulse{0%{transform:scale(1);opacity:.6;}70%{opacity:0;}100%{transform:scale(1.35);opacity:0;}}
/* nodes activate (glow) in sequence as the scene enters view */
.e3-pipe.e3-go .e3-stage-card:nth-child(1) .e3-node{transition-delay:.3s;}
.e3-pipe.e3-go .e3-stage-card:nth-child(2) .e3-node{transition-delay:.85s;}
.e3-pipe.e3-go .e3-stage-card:nth-child(3) .e3-node{transition-delay:1.4s;}
.e3-pipe.e3-go .e3-stage-card:nth-child(4) .e3-node{transition-delay:1.95s;}
.e3-pipe.e3-go .e3-node{border-color:var(--cyan);box-shadow:0 0 40px -10px var(--cyan-glow);background:var(--bg-2);}
.e3-pipe.e3-go .e3-stage-card:nth-child(1)::before{opacity:1;transition-delay:.3s;}
.e3-pipe.e3-go .e3-stage-card:nth-child(2)::before{opacity:1;transition-delay:.85s;}
.e3-pipe.e3-go .e3-stage-card:nth-child(3)::before{opacity:1;transition-delay:1.4s;}
.e3-pipe.e3-go .e3-stage-card:nth-child(4)::before{opacity:1;transition-delay:1.95s;}
.e3-stage-card:hover{border-color:var(--line-2);transform:translateY(-4px);
  box-shadow:0 36px 100px -56px rgba(0,0,0,.9),0 0 80px -48px var(--cyan-glow);}
.e3-stage-card:hover .e3-node{border-color:var(--cyan);box-shadow:0 0 40px -10px var(--cyan-glow);transition-delay:0s;}
.e3-stage-card h3{font-family:'Fraunces',serif;font-weight:480;
  font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:-.02em;margin-bottom:1.1rem;color:var(--ink);}
.e3-stage-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem;}
.e3-stage-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid var(--line);padding:.34rem .6rem;border-radius:2px;
  transition:border-color .25s,color .25s;}
.e3-stage-card:hover .e3-stage-tag{border-color:var(--line-2);}
.e3-stage-detail{font-size:.98rem;line-height:1.75;color:var(--ink-2);font-weight:300;}
@media (max-width:1080px){
  .e3-pipe{grid-template-columns:repeat(2,1fr);gap:2rem;}
  .e3-rail{display:none;}
}
@media (max-width:680px){ .e3-pipe{grid-template-columns:1fr;} }

/* ============================================================ E3 · SCENE 4 · REGULATORY MATRIX (commanding) */
.e3-matrix-frame{position:relative;}
/* a large globe/shield graticule sits behind the matrix as a credibility backdrop */
.e3-globe{position:absolute;inset:-12% -6%;z-index:0;pointer-events:none;
  display:flex;align-items:center;justify-content:center;opacity:.7;
  -webkit-mask-image:radial-gradient(ellipse 80% 88% at 50% 50%, black 12%, transparent 78%);
          mask-image:radial-gradient(ellipse 80% 88% at 50% 50%, black 12%, transparent 78%);}
.e3-globe svg{width:min(1100px,118%);height:auto;display:block;overflow:visible;}
.e3-globe .grat{fill:none;stroke:rgba(255,255,255,0.05);stroke-width:1;}
.e3-globe .shield{fill:none;stroke:rgba(0,229,255,0.16);stroke-width:1.2;}
.e3-globe .gdot{fill:rgba(157,161,174,0.18);}
.e3-globe .gsig{fill:none;stroke:var(--cyan);stroke-width:1.4;stroke-linecap:round;
  stroke-dasharray:6 700;stroke-dashoffset:0;opacity:0;
  filter:drop-shadow(0 0 4px var(--cyan-glow));
  animation:ms-travel 6s linear infinite;will-change:stroke-dashoffset;}
[dir="rtl"] .e3-globe .gsig{animation-direction:reverse;}
.e3-matrix-scroll{position:relative;z-index:1;overflow-x:auto;
  box-shadow:0 48px 130px -60px rgba(0,0,0,.92),0 0 90px -50px var(--cyan-glow);}
.e3-matrix{border:1px solid var(--line-2);background:rgba(11,12,18,.86);
  backdrop-filter:blur(6px);width:100%;border-collapse:collapse;position:relative;}
.e3-matrix thead th{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-2);padding:1.3rem 1.6rem;text-align:start;background:var(--bg-2);
  border-bottom:1px solid var(--line-2);font-weight:500;transition:color .25s,background .25s;}
.e3-matrix thead th.col{text-align:center;}
.e3-matrix thead th.e3-colhi{color:var(--cyan);background:var(--bg-3);}
.e3-matrix tbody td{padding:1.25rem 1.6rem;border-bottom:1px solid var(--line-3);
  font-size:.95rem;color:var(--ink-2);transition:background .2s,color .2s;}
.e3-matrix tbody td.e3-colhi{background:rgba(0,229,255,0.05);}
.e3-matrix tbody tr:last-child td{border-bottom:0;}
.e3-matrix tbody tr:hover td{background:var(--cyan-soft);}
.e3-matrix .fw{color:var(--ink);font-family:'Fraunces',serif;font-weight:500;
  font-size:clamp(1.05rem,1.4vw,1.3rem);letter-spacing:-.01em;position:relative;}
.e3-matrix .fw small{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);margin-top:.35rem;font-weight:400;}
.e3-matrix .fw.local small{color:var(--cyan);}
/* home frameworks (CBJ + goAML) strongly accented */
.e3-matrix tr.e3-home td{background:rgba(0,229,255,0.045);}
.e3-matrix tr.e3-home:hover td{background:rgba(0,229,255,0.1);}
.e3-matrix tr.e3-home .fw{color:var(--cyan);}
.e3-matrix tr.e3-home .fw::before{content:'';position:absolute;inset-inline-start:-1.6rem;inset-block:.15rem;
  width:3px;background:var(--cyan);box-shadow:0 0 12px var(--cyan-glow);border-radius:2px;}
.e3-home-tag{display:inline-flex;align-items:center;gap:.3rem;margin-inline-start:.6rem;
  font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cyan);vertical-align:middle;border:1px solid rgba(0,229,255,.45);border-radius:2px;
  padding:.16rem .4rem;font-weight:500;}
.e3-home-tag .hd{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan-glow);}
.e3-matrix td.chk{text-align:center;}
.e3-matrix .check{color:var(--cyan);display:inline-flex;}
/* check-marks DRAW in on reveal, staggered */
.e3-matrix .check .ck{stroke-dasharray:24;stroke-dashoffset:24;
  transition:stroke-dashoffset .75s cubic-bezier(.3,.7,.2,1);transition-delay:var(--ckd,0ms);}
.sov-elevated.no-js .e3-matrix .check .ck{stroke-dashoffset:0;}
.e3-matrix-scroll.e3-go .check .ck{stroke-dashoffset:0;}
.e3-matrix-cap{position:relative;z-index:1;font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:.14em;color:var(--ink-3);margin-top:1.8rem;text-align:center;text-transform:uppercase;}

/* ============================================================ E3 · SCENE 5 · VALUE PILLARS (bold cards) */
.e3-pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.9rem,1.4vw,1.4rem);}
.e3-pillar{position:relative;background:var(--bg-1);border:1px solid var(--line);
  padding:clamp(1.8rem,2.4vw,2.6rem) clamp(1.5rem,2vw,2rem);overflow:hidden;
  display:flex;flex-direction:column;min-height:clamp(260px,26vw,320px);
  transition:background .45s ease,transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,border-color .45s ease;}
.e3-pillar::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 90% 60% at 50% 0%, rgba(0,229,255,0.08), transparent 70%);
  transition:opacity .5s ease;}
.e3-pillar:hover{background:var(--bg-2);border-color:var(--line-2);transform:translateY(-6px);
  box-shadow:0 40px 100px -54px rgba(0,0,0,.92),0 0 80px -46px var(--cyan-glow);}
.e3-pillar:hover::before{opacity:1;}
.e3-pillar > *{position:relative;z-index:1;}
.e3-pillar-idx{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;
  color:var(--ink-3);margin-bottom:clamp(1.4rem,2.4vw,2rem);}
.e3-pillar-ico{width:clamp(52px,5vw,64px);height:clamp(52px,5vw,64px);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line-2);background:var(--bg);border-radius:4px;color:var(--ink-2);
  margin-bottom:clamp(1.3rem,2vw,1.7rem);
  transition:color .45s ease,border-color .45s ease,box-shadow .45s ease,transform .5s cubic-bezier(.2,.7,.2,1);}
.e3-pillar-ico .gl{stroke-dasharray:var(--gl,120);stroke-dashoffset:var(--gl,120);
  transition:stroke-dashoffset 1.2s cubic-bezier(.3,.7,.2,1);transition-delay:var(--gd,0ms);}
.sov-elevated.no-js .e3-pillar-ico .gl{stroke-dashoffset:0;}
.e3-pillars.e3-go .e3-pillar-ico .gl{stroke-dashoffset:0;}
.e3-pillar:hover .e3-pillar-ico{color:var(--cyan);border-color:var(--cyan);
  box-shadow:0 0 32px -8px var(--cyan-glow);transform:translateY(-3px);}
.e3-pillar-title{font-family:'Fraunces',serif;font-weight:480;
  font-size:clamp(1.25rem,1.6vw,1.55rem);letter-spacing:-.015em;margin-bottom:.7rem;color:var(--ink);}
.e3-pillar-desc{font-size:.92rem;line-height:1.65;color:var(--ink-2);font-weight:300;}
@media (max-width:1080px){ .e3-pillars{grid-template-columns:repeat(2,1fr);} }
@media (max-width:680px){ .e3-pillars{grid-template-columns:1fr;} }

/* ============================================================ E3 · SCENE 6 · FINAL CTA (full-bleed closing echo) */
.e3-cta{position:relative;overflow:hidden;border-block:1px solid var(--line);
  padding-block:clamp(7rem,15vw,12rem);min-height:clamp(620px,82vh,940px);
  display:flex;align-items:center;
  background:radial-gradient(ellipse 120% 90% at 50% 30%, #0A0C14 0%, var(--bg) 64%);}
/* the hero threat-map / arcs echoed at LARGE scale behind the closing band */
.e3-cta-map{position:absolute;inset:0;z-index:0;pointer-events:none;
  display:flex;align-items:center;justify-content:center;opacity:.62;
  --px:0px;--py:0px;transform:translate3d(var(--px),var(--py),0);will-change:transform;
  -webkit-mask-image:radial-gradient(ellipse 88% 92% at 50% 50%, black 6%, transparent 74%);
          mask-image:radial-gradient(ellipse 88% 92% at 50% 50%, black 6%, transparent 74%);}
.e3-cta-map svg{width:min(1480px,142%);height:auto;display:block;overflow:visible;}
.e3-cta-glow{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 52% 58% at 50% 46%, rgba(0,229,255,0.13), transparent 64%),
    radial-gradient(ellipse 64% 72% at 50% 92%, rgba(59,130,246,0.1), transparent 70%);}
.e3-cta-vig{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg, rgba(6,7,11,.5) 0%, transparent 30%, transparent 70%, rgba(6,7,11,.7) 100%);}
.e3-cta-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;
  align-items:center;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);width:100%;}
.e3-cta-title{font-family:'Fraunces',serif;font-weight:330;font-optical-sizing:auto;
  font-variation-settings:"opsz" 144;
  font-size:clamp(2.8rem,7vw,5.6rem);line-height:1.0;letter-spacing:-.03em;
  max-width:18ch;margin-block:1.8rem 3rem;color:var(--ink);text-shadow:0 2px 50px rgba(6,7,11,.6);}
.e3-cta-title .em-serif{color:var(--cyan);}

/* ============================================================ FOOTER (carried verbatim) */
.footer{background:#050608;border-top:1px solid var(--line-2);position:relative;overflow:hidden;}
.footer::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%, black 30%, transparent 88%);
          mask-image:radial-gradient(ellipse 90% 70% at 50% 0%, black 30%, transparent 88%);}
.footer-inner{position:relative;z-index:1;max-width:var(--maxw);margin-inline:auto;
  padding-inline:var(--pad);padding-block:clamp(3.5rem,6vw,5rem) 2rem;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2.5rem;
  padding-bottom:3rem;border-bottom:1px solid var(--line);}
.footer-brand .brand{margin-bottom:1.2rem;}
.footer-desc{color:var(--ink-2);font-size:.92rem;line-height:1.65;font-weight:300;
  margin-bottom:1.6rem;max-width:30ch;}
.footer-badges{display:flex;flex-wrap:wrap;gap:.5rem;}
.footer-badge{display:inline-flex;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid var(--line-2);padding:.4rem .65rem;border-radius:2px;
  transition:border-color .3s,color .3s,background .3s;}
.footer-badge:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft);}
.footer-col-title{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-3);padding-bottom:.85rem;margin-bottom:1.1rem;
  border-bottom:1px dashed var(--line-2);}
.footer-nav{display:flex;flex-direction:column;gap:.7rem;}
.footer-nav a{font-size:.88rem;color:var(--ink-2);font-weight:300;
  transition:color .25s,padding-inline-start .25s;width:fit-content;}
.footer-nav a:hover{color:var(--cyan);padding-inline-start:.3rem;}
.footer-contact{margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed var(--line-2);
  display:flex;flex-direction:column;gap:.6rem;}
.footer-contact a{display:inline-flex;align-items:center;gap:.45rem;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.05em;color:var(--ink-2);
  transition:color .25s;width:fit-content;}
.footer-contact a:hover{color:var(--cyan);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  padding-top:1.8rem;}
.footer-copy{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.05em;color:var(--ink-3);}
.footer-status{display:inline-flex;align-items:center;gap:.55rem;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-3);}
.footer-status .pulse{width:6px;height:6px;border-radius:50%;background:var(--emerald);
  box-shadow:0 0 0 0 rgba(0,214,143,.5);animation:pulse 2.4s infinite;}

/* ============================================================ REVEAL (scroll) — cinematic entrance */
.reveal{opacity:0;transform:translateY(40px);
  transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--rd,0ms);}
.reveal.in{opacity:1;transform:none;}
.sov-elevated.no-js .reveal{opacity:1;transform:none;}

/* child-stagger cascade for grids */
.e3-stagger > *{opacity:0;transform:translateY(34px);
  transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1);}
.sov-elevated.no-js .e3-stagger > *{opacity:1;transform:none;}
.e3-stagger.in > *{opacity:1;transform:none;}
.e3-stagger.in > *:nth-child(1){transition-delay:.06s;}
.e3-stagger.in > *:nth-child(2){transition-delay:.15s;}
.e3-stagger.in > *:nth-child(3){transition-delay:.24s;}
.e3-stagger.in > *:nth-child(4){transition-delay:.33s;}
.e3-stagger.in > *:nth-child(5){transition-delay:.42s;}
.e3-stagger.in > *:nth-child(6){transition-delay:.51s;}

/* ============================================================ MISSION ENTRANCE (carried verbatim) */
.ms-enter{opacity:0;transform:translateY(22px);}
.sov-elevated.no-js .ms-enter{opacity:1;transform:none;}
.sov-elevated.ms-ready .ms-enter{
  opacity:1;transform:none;
  transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--d,0ms);
}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .e3-stagger > *{opacity:1 !important;transform:none !important;transition:none !important;}
  .ms-enter{opacity:1 !important;transform:none !important;transition:none !important;}
  .bx-tick-track,.pulse,.hero-aurora,
  .ms-signal,.ms-ring,.ms-scroll .track::after,
  .e3-bg-sweep,.e3-particles i,.e3-mesh .flow,.e3-rail .sig,
  .e3-node .ring,.e3-globe .gsig,.e5-sched-bar .live b,.e5-filing-bar .st b{animation:none !important;}
  .ms-map{transform:none !important;opacity:.96 !important;transition:none !important;}
  .ms-arc{stroke-dashoffset:0 !important;transition:none !important;}
  .ms-pin{opacity:1 !important;transform:none !important;transition:none !important;}
  .ms-ring{opacity:0 !important;}
  .ms-map-wrap,.hero-copy,.ms-hud,.ms-console,.ms-card,.e3-cta-map{transform:none !important;}
  /* force all drawn graphics to their drawn end-state */
  .e3-gauge .arc{stroke-dashoffset:var(--off,0) !important;transition:none !important;}
  .e3-glyph .gl,.e3-pillar-ico .gl,.e3-matrix .check .ck{stroke-dashoffset:0 !important;transition:none !important;}
  /* E4 product previews: force draw-ins to their end-state, stop spotlight cycle */
  .e4-draw{stroke-dashoffset:0 !important;transition:none !important;}
  .e4-meter i{transform:scaleX(1) !important;transition:none !important;}
  .e4-note .pulse{animation:none !important;}
  .e3-particles i{opacity:0 !important;}
  .e3-tile{transform:none !important;}
  /* E5 rebuilt scenes: force all evidence/walkthrough/filing/scheduling graphics to end-state */
  .e5-bar2 .bar{transform:scaleY(1) !important;transition:none !important;}
  .e5-viz .e4-draw,.e5-stage-prev .e4-draw{stroke-dashoffset:0 !important;transition:none !important;}
  .e5-stage-prev .e4-meter i{transform:scaleX(1) !important;transition:none !important;}
  .e5-fl-check .ck .pth{stroke-dashoffset:0 !important;transition:none !important;}
  .e5-ev{transform:none !important;}
  .e5-note .pulse{animation:none !important;}
  html{scroll-behavior:auto;}
  .hero h1 .em-serif::after{animation:none;transform:scaleX(1);}
}

/* ============================================================ RESPONSIVE */
@media (max-width:1180px){
  .hero{min-height:auto;padding-block:clamp(4.5rem,9vw,6.5rem) clamp(3rem,6vw,5rem);}
  .hero-inner{grid-template-columns:1fr;gap:3rem;}
  .hero h1{max-width:16ch;}
  .ms-map{width:min(1100px,150%);}
  .ms-hud{min-height:auto;margin-top:.5rem;}
  .ms-console{position:relative;inset:auto;width:100%;max-width:480px;margin-inline:auto;}
  .ms-card-risk{position:relative;inset:auto;width:100%;max-width:320px;margin-block:0 1rem;}
  .ms-card-tele{position:relative;inset:auto;width:100%;max-width:320px;margin-block:1rem 0;}
  .ms-card{transform:none !important;}
  .e3-scene-tall{min-height:auto;}
}
@media (max-width:1080px){
  .e3-kpi{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1fr 1fr 1fr;}
  .footer-brand{grid-column:1 / -1;}
  .e5-pipe{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .nav-links,.nav-signin,.locale{display:none;}
  .nav-toggle{display:inline-flex;}
  .nav-mobile-open .nav-links{display:flex;position:absolute;top:64px;inset-inline:0;
    flex-direction:column;align-items:stretch;gap:0;background:rgba(6,7,11,.97);
    backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:.5rem var(--pad);}
  .nav-mobile-open .nav-link{padding-block:.8rem;border-bottom:1px solid var(--line);}
  .e3-kpi{grid-template-columns:1fr;}
  .ms-map{width:min(820px,180%);opacity:.82;}
  .ms-arc,.ms-signal,.ms-label{display:none;}
  .ms-scroll{display:none;}
  .bx-mock-body{grid-template-columns:1fr;}
  .e3-matrix thead th,.e3-matrix tbody td{padding:.8rem .75rem;font-size:.8rem;}
  .e3-matrix .fw{font-size:.95rem;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .hero-hud .seg{padding-inline-start:0 !important;border-inline-start:0 !important;
    width:100%;padding-block:.3rem;}
  .ms-card-tele .ms-tele-grid{grid-template-columns:1fr 1fr;}
}
