/* =========================================================
   ELEMENTAL GENESIS — ZENOX FRAME SYSTEM
   Reference language: dark Framer AI agency surfaces,
   subtle glass, restrained borders, blue/violet glow,
   Inter Tight + DM Mono labels.
   Loaded AFTER home-light-theme.css.
   ========================================================= */

:root{
  --zx-black:#000000;
  --zx-panel:#141414;
  --zx-panel-2:#191a1d;
  --zx-card:#09090c;
  --zx-card-soft:rgba(9,9,12,.92);
  --zx-card-soft-2:rgba(20,20,20,.94);
  --zx-line:rgba(255,255,255,.08);
  --zx-line-strong:rgba(255,255,255,.14);
  --zx-white:#ffffff;
  --zx-muted:#a0a0a0;
  --zx-muted-2:#bfbfbf;
  --zx-grad:linear-gradient(90deg,#de96ff 0%,#7d63f5 48%,#417ed9 100%);
  --zx-grad-soft:linear-gradient(135deg,rgba(189,83,251,.18),rgba(38,122,218,.14));
  --zx-shadow:0 28px 80px rgba(0,0,0,.22);
}

/* Typography inside frames */
.hero-copy,
.ccc-soft-card,
.trust-grid,
.glass,
.media-frame,
.company-architecture,
.team-example,
.contact-card,
.founder-photo{
  font-family:"Inter Tight",Inter,Arial,sans-serif !important;
}
.eyebrow,
.tiny-label,
.service-index,
.crm-line,
.media-caption,
.ccc-soft-mini,
.ccc-soft-state,
.ccc-soft-badge{
  font-family:"DM Mono",monospace !important;
  letter-spacing:.02em !important;
}

/* ---------------------------------------------------------
   GLOBAL PRIMARY FRAME SURFACE
   --------------------------------------------------------- */
.hero .hero-copy,
.hero-grid .ccc-shell.ccc-soft-card,
.trust-grid,
.glass,
.media-frame,
.hero-film-frame,
.company-motion-frame,
.ccc-motion-frame,
.multimodel-motion-frame,
.sector-motion-frame,
.leads-motion-frame,
.company-architecture,
.team-example,
.contact-card,
.founder-photo{
  border:1px solid var(--zx-line) !important;
  background:
    radial-gradient(circle at 82% 0%,rgba(117,92,255,.08),transparent 30%),
    linear-gradient(180deg,var(--zx-card-soft-2),var(--zx-card-soft)) !important;
  box-shadow:var(--zx-shadow) !important;
  color:var(--zx-white) !important;
  backdrop-filter:blur(42px) !important;
  -webkit-backdrop-filter:blur(42px) !important;
}

/* Zenox rounded geometry */
.hero .hero-copy,
.hero-grid .ccc-shell.ccc-soft-card,
.trust-grid,
.glass,
.company-architecture,
.team-example,
.contact-card{
  border-radius:24px !important;
}
.media-frame,
.hero-film-frame,
.company-motion-frame,
.ccc-motion-frame,
.multimodel-motion-frame,
.sector-motion-frame,
.leads-motion-frame,
.founder-photo{
  border-radius:27px 27px 37px 37px !important;
}

/* top gradient accent used sparingly */
.hero .hero-copy::before,
.contact-card::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:32px !important;
  width:44px !important;
  height:3px !important;
  border-radius:999px !important;
  background:var(--zx-grad) !important;
  box-shadow:0 0 9px rgba(189,83,251,.28) !important;
  z-index:4 !important;
}

/* Headings / text inside dark frames */
.hero-copy .display,
.hero-copy .hero-lead,
.hero-copy .hero-lead strong,
.hero-copy .hero-body,
.hero-copy .hero-body strong,
.glass .panel-title,
.glass h3,
.glass b,
.glass strong,
.company-architecture b,
.team-example b,
.team-example strong,
.contact-card h2,
.contact-card b,
.contact-card strong,
.founder-copy blockquote{
  color:var(--zx-white) !important;
  -webkit-text-fill-color:initial !important;
}
.hero-copy .hero-body,
.glass .panel-copy,
.glass p,
.team-card p,
.service-card p,
.specialised-card p,
.feature-item p,
.deploy-step p,
.channel span,
.server-app span,
.server-core span,
.arch-dept span,
.contact-card p,
.founder-copy p{
  color:var(--zx-muted) !important;
}
.hero-copy .display .accent,
.glass .accent,
.contact-card .accent{
  background:var(--zx-grad) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}
.eyebrow,
.tiny-label,
.service-index{
  color:#cbb6ff !important;
  -webkit-text-fill-color:#cbb6ff !important;
  background:none !important;
}

/* ---------------------------------------------------------
   HERO COPY
   --------------------------------------------------------- */
.hero .hero-copy{
  padding:clamp(32px,3.4vw,48px) !important;
  overflow:hidden !important;
}
.hero .hero-copy::after{
  content:"" !important;
  position:absolute !important;
  width:360px !important;
  height:360px !important;
  top:-190px !important;
  right:-150px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(189,83,251,.14),rgba(65,126,217,.06) 42%,transparent 72%) !important;
  pointer-events:none !important;
}
.hero-copy .chip,
.hero-copy .btn-ghost{
  border-color:var(--zx-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:#d9d9df !important;
}
.hero-copy .chip i{
  background:#9d69ff !important;
  box-shadow:0 0 12px rgba(157,105,255,.65) !important;
}
.hero-copy .btn-primary{
  background:#fff !important;
  color:#08080b !important;
  border-color:#fff !important;
  box-shadow:none !important;
}
.hero-copy .btn-primary:hover{
  background:#ededed !important;
}

/* ---------------------------------------------------------
   CONTROL COMMAND CENTER HERO FRAME
   --------------------------------------------------------- */
.hero-grid .ccc-shell.ccc-soft-card{
  overflow:hidden !important;
  padding:0 !important;
  background:#0a0a0d !important;
}
.ccc-soft-top{
  min-height:64px !important;
  background:#0a0a0d !important;
  color:#fff !important;
  border-bottom:1px solid var(--zx-line) !important;
}
.ccc-soft-inner{
  background:
    radial-gradient(circle at 84% 4%,rgba(189,83,251,.08),transparent 26%),
    #141414 !important;
  border:0 !important;
  box-shadow:none !important;
}
.ccc-soft-head h3,
.ccc-soft-mode strong,
.ccc-soft-pill strong,
.ccc-soft-switch-head strong,
.ccc-soft-route strong{
  color:#fff !important;
}
.ccc-soft-kicker,
.ccc-soft-mode span,
.ccc-soft-mode small,
.ccc-soft-pill span,
.ccc-soft-switch-head span,
.ccc-soft-route{
  color:var(--zx-muted) !important;
}
.ccc-soft-mode,
.ccc-soft-pill,
.ccc-soft-switch{
  border:1px solid var(--zx-line) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}
.ccc-soft-pill-active{
  border-color:rgba(137,102,255,.34) !important;
  background:linear-gradient(135deg,rgba(189,83,251,.09),rgba(65,126,217,.075)) !important;
}
.ccc-soft-live,
.ccc-soft-badge{
  border-color:var(--zx-line) !important;
  background:rgba(255,255,255,.055) !important;
  color:#d9d9df !important;
}
.ccc-soft-dot,
.ccc-soft-badge i{
  background:#8a63ff !important;
  box-shadow:0 0 12px rgba(138,99,255,.7) !important;
}
.model-btn{
  border-color:var(--zx-line) !important;
  background:#0d0d10 !important;
  color:#bcbcc4 !important;
}
.model-btn.active{
  border-color:rgba(189,83,251,.34) !important;
  background:linear-gradient(135deg,rgba(189,83,251,.14),rgba(65,126,217,.12)) !important;
  color:#fff !important;
}

/* ---------------------------------------------------------
   TRUST / CORE CAPABILITY CARDS
   --------------------------------------------------------- */
.trust-rail{
  background:transparent !important;
  border-color:transparent !important;
}
.trust-grid{
  gap:12px !important;
  padding:12px !important;
  background:#141414 !important;
}
.trust-item,
.trust-item:nth-child(n){
  position:relative !important;
  min-height:260px !important;
  padding:136px 20px 22px !important;
  overflow:hidden !important;
  border:1px solid var(--zx-line) !important;
  border-radius:16px !important;
  background:#09090c !important;
  box-shadow:none !important;
}
.trust-item::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:116px !important;
  border-radius:0 !important;
  border-bottom:1px solid var(--zx-line) !important;
  background:
    radial-gradient(circle at 70% 26%,rgba(189,83,251,.34),transparent 18%),
    radial-gradient(circle at 30% 74%,rgba(38,122,218,.28),transparent 22%),
    linear-gradient(145deg,#101014,#17151d 55%,#0d0e13) !important;
  opacity:1 !important;
  transform:none !important;
}
.trust-item:nth-child(2)::before{
  background:
    radial-gradient(circle at 30% 38%,rgba(123,94,255,.35),transparent 18%),
    radial-gradient(circle at 72% 68%,rgba(65,126,217,.24),transparent 24%),
    #101014 !important;
}
.trust-item:nth-child(3)::before{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 28px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 28px),
    radial-gradient(circle at 50% 50%,rgba(189,83,251,.16),transparent 50%),
    #0e0e12 !important;
}
.trust-item:nth-child(4)::before{
  background:
    radial-gradient(circle at 50% 50%,transparent 0 22px,rgba(189,83,251,.20) 23px 24px,transparent 25px),
    radial-gradient(circle at 50% 50%,transparent 0 42px,rgba(65,126,217,.13) 43px 44px,transparent 45px),
    #0e0e12 !important;
}
.trust-item:nth-child(5)::before{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 24px),
    linear-gradient(145deg,#111116,#15131b) !important;
}
.trust-item::after{
  content:"CORE CAPABILITY" !important;
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  width:auto !important;
  height:auto !important;
  padding:5px 8px !important;
  border:1px solid var(--zx-line) !important;
  border-radius:100px !important;
  background:rgba(255,255,255,.045) !important;
  color:#c7c7cf !important;
  font:500 7px/1 "DM Mono",monospace !important;
  letter-spacing:.04em !important;
}
.trust-item .mini-icon.vector-icon{
  top:42px !important;
  width:46px !important;
  height:46px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.28) !important;
}
.trust-item b{
  color:#fff !important;
  font-size:15px !important;
}
.trust-item > span:last-child{
  color:var(--zx-muted) !important;
  font-size:10px !important;
}

/* ---------------------------------------------------------
   COMMON INNER CARDS
   --------------------------------------------------------- */
.chip,
.arch-dept,
.team-card,
.policy-row,
.passport-card,
.llm-logo,
.router-row,
.feature-item,
.server,
.server-app,
.channel,
.tool-logo,
.sector-chips span,
.service-tags span,
.deploy-step,
.human-badge,
.multi-agent-note,
.server-data span{
  border-color:var(--zx-line) !important;
  background:rgba(255,255,255,.035) !important;
  color:#d8d8df !important;
  box-shadow:none !important;
}
.arch-dept.active{
  border-color:rgba(189,83,251,.25) !important;
  background:linear-gradient(135deg,rgba(189,83,251,.085),rgba(65,126,217,.07)) !important;
}
.arch-dept b,
.team-card b,
.policy-person b,
.llm-logo b,
.router-row b,
.feature-item b,
.server-app b,
.channel b,
.deploy-step b{
  color:#fff !important;
}
.arch-dept span,
.team-card p,
.router-row span,
.feature-item p,
.server-app span,
.channel span,
.deploy-step p,
.multi-agent-note{
  color:var(--zx-muted) !important;
}
.team-avatar,
.feature-item i,
.deploy-step > span{
  border-color:var(--zx-line) !important;
  background:rgba(255,255,255,.055) !important;
  color:#ccb6ff !important;
}
.hairline{
  background:var(--zx-line) !important;
}

/* ---------------------------------------------------------
   TEAM CARDS
   --------------------------------------------------------- */
.team-card{
  min-height:230px !important;
  padding:106px 16px 16px !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
.team-card::before{
  height:90px !important;
  background:
    radial-gradient(circle at 66% 36%,rgba(189,83,251,.28),transparent 22%),
    radial-gradient(circle at 28% 72%,rgba(65,126,217,.22),transparent 22%),
    #101014 !important;
  border-bottom:1px solid var(--zx-line);
}
.team-card::after{
  background:rgba(255,255,255,.045) !important;
  border-color:var(--zx-line) !important;
  color:#bfbfc8 !important;
}
.team-avatar{
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
}

/* ---------------------------------------------------------
   SERVICE CARDS
   --------------------------------------------------------- */
.service-card{
  min-height:408px !important;
  padding:176px 24px 24px !important;
  border-radius:16px !important;
  background:#09090c !important;
}
.service-card::before{
  height:150px !important;
  border-bottom:1px solid var(--zx-line) !important;
  background:
    radial-gradient(circle at 27% 36%,rgba(189,83,251,.30),transparent 18%),
    radial-gradient(circle at 72% 68%,rgba(38,122,218,.23),transparent 22%),
    linear-gradient(135deg,#111116,#17151d) !important;
}
.service-card:nth-child(2)::before{
  background:
    linear-gradient(120deg,transparent 0 20%,rgba(189,83,251,.10) 21% 22%,transparent 23% 46%,rgba(65,126,217,.08) 47% 48%,transparent 49%),
    #101014 !important;
}
.service-card:nth-child(3)::before{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 28px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 28px),
    radial-gradient(circle at 62% 42%,rgba(189,83,251,.14),transparent 38%),
    #0e0e12 !important;
}
.service-card:nth-child(4)::before{
  background:
    radial-gradient(circle at 33% 50%,transparent 0 16px,rgba(189,83,251,.19) 17px 18px,transparent 19px),
    radial-gradient(circle at 66% 50%,transparent 0 31px,rgba(65,126,217,.13) 32px 33px,transparent 34px),
    #0f0f13 !important;
}
.service-card:nth-child(5)::before{
  background:
    linear-gradient(45deg,transparent 0 45%,rgba(189,83,251,.10) 46% 47%,transparent 48%),
    linear-gradient(-45deg,transparent 0 45%,rgba(65,126,217,.08) 46% 47%,transparent 48%),
    #0e0e12 !important;
}
.service-card:nth-child(6)::before{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 24px),
    radial-gradient(circle at 70% 40%,rgba(189,83,251,.13),transparent 32%),
    #101014 !important;
}
.service-card .service-index{
  border-color:var(--zx-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:#cbb6ff !important;
  -webkit-text-fill-color:#cbb6ff !important;
}
.service-card h3{
  color:#fff !important;
  font-weight:500 !important;
}
.service-card p{
  color:var(--zx-muted) !important;
}
.service-tags span{
  color:#b8b8c0 !important;
}

/* ---------------------------------------------------------
   SPECIALISED SECTOR CARDS
   --------------------------------------------------------- */
.specialised-card{
  min-height:292px !important;
  padding-top:136px !important;
  border-radius:16px !important;
  background:#09090c !important;
}
.specialised-card::before{
  height:118px !important;
  border-bottom:1px solid var(--zx-line) !important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 26px),
    radial-gradient(circle at 30% 55%,rgba(189,83,251,.20),transparent 28%),
    #0f0f13 !important;
}
.specialised-card:nth-child(2)::before{
  background:
    radial-gradient(circle at 50% 50%,transparent 0 24px,rgba(189,83,251,.18) 25px 26px,transparent 27px),
    radial-gradient(circle at 50% 50%,transparent 0 44px,rgba(65,126,217,.11) 45px 46px,transparent 47px),
    #0f0f13 !important;
}
.specialised-card h3{ color:#fff !important; }

/* ---------------------------------------------------------
   GOVERNANCE / STATUS
   --------------------------------------------------------- */
.policy-head{ color:#8f8f98 !important; }
.policy-row{ border-top-color:var(--zx-line) !important; }
.policy-scope{ color:#ababB4 !important; }
.policy-person i{
  border-color:var(--zx-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
}
.passport-id,
.passport-footer,
.passport-list span{
  color:var(--zx-muted) !important;
}
.auto{
  color:#66d3a0 !important;
  background:rgba(18,168,117,.08) !important;
  border-color:rgba(18,168,117,.20) !important;
}
.approval{
  color:#e4b35c !important;
  background:rgba(216,149,32,.08) !important;
  border-color:rgba(216,149,32,.22) !important;
}
.blocked{
  color:#f07888 !important;
  background:rgba(227,77,98,.08) !important;
  border-color:rgba(227,77,98,.20) !important;
}

/* ---------------------------------------------------------
   MULTI MODEL / TOOLING
   --------------------------------------------------------- */
.llm-logo,
.tool-logo{
  border-radius:8px !important;
}
.llm-logo:hover,
.llm-logo.active,
.tool-logo:hover{
  border-color:rgba(189,83,251,.28) !important;
  background:rgba(255,255,255,.06) !important;
}
.router-status{
  border-color:rgba(102,211,160,.16) !important;
  background:rgba(102,211,160,.045) !important;
  color:#8dd9b4 !important;
}
#models .tool-rail{
  border:1px solid var(--zx-line) !important;
  background:#0c0c0f !important;
  box-shadow:none !important;
}

/* ---------------------------------------------------------
   ERP / VPS
   --------------------------------------------------------- */
.server{
  border-color:rgba(189,83,251,.18) !important;
  background:rgba(255,255,255,.025) !important;
}
.server-core{
  border-color:rgba(189,83,251,.22) !important;
  background:linear-gradient(135deg,rgba(189,83,251,.08),rgba(65,126,217,.06)) !important;
}
.server-core strong{ color:#fff !important; }
.server-data span{ color:#a8a8b1 !important; }

/* ---------------------------------------------------------
   COMMUNICATION / CRM
   --------------------------------------------------------- */
.channel{
  border-radius:8px !important;
}
.channel img{
  filter:none !important;
}
.crm-line{
  border-color:rgba(189,83,251,.18) !important;
  background:rgba(255,255,255,.035) !important;
  color:#d6c6ff !important;
  -webkit-text-fill-color:#d6c6ff !important;
}

/* ---------------------------------------------------------
   DEPLOYMENT / FOUNDER / CONTACT
   --------------------------------------------------------- */
.deploy-step{
  border-top:1px solid var(--zx-line) !important;
  border-radius:8px !important;
}
.founder-copy blockquote{
  font-weight:400 !important;
  letter-spacing:-.02em !important;
}
.contact-card{
  position:relative !important;
  overflow:hidden !important;
}
.contact-card .btn-primary{
  background:#fff !important;
  color:#08080b !important;
  border-color:#fff !important;
}
.contact-card .btn-ghost{
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  border-color:var(--zx-line) !important;
}
.contact-meta{
  border-top-color:var(--zx-line) !important;
}
.contact-meta span{ color:#8f8f98 !important; }
.contact-meta a,
.contact-meta b{ color:#fff !important; }

/* ---------------------------------------------------------
   MEDIA FRAMES
   --------------------------------------------------------- */
.media-frame,
.hero-film-frame{
  overflow:hidden !important;
  background:#050507 !important;
}
.media-frame::after,
.hero-film-frame::after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.media-caption{
  border-color:var(--zx-line) !important;
  background:rgba(5,5,7,.72) !important;
  color:#fff !important;
  backdrop-filter:blur(18px) !important;
}
.media-caption span:last-child{
  color:#9f9fa8 !important;
}

/* ---------------------------------------------------------
   HOVER LANGUAGE — restrained like Zenox
   --------------------------------------------------------- */
.glass,
.trust-item,
.team-card,
.service-card,
.specialised-card,
.arch-dept,
.router-row,
.feature-item,
.server-app,
.channel,
.deploy-step,
.media-frame{
  transition:transform .28s cubic-bezier(.44,0,.56,1),border-color .28s ease,background .28s ease,box-shadow .28s ease !important;
}
.glass:hover,
.trust-item:hover,
.team-card:hover,
.service-card:hover,
.specialised-card:hover,
.arch-dept:hover,
.router-row:hover,
.feature-item:hover,
.server-app:hover,
.channel:hover,
.deploy-step:hover{
  transform:translateY(-3px) !important;
  border-color:var(--zx-line-strong) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.26) !important;
}

/* No hover transform for structural large panels */
.policy-table:hover,
.passport:hover,
.company-architecture:hover,
.team-example:hover,
.llm-copy:hover,
.llm-router:hover,
.erp-copy:hover,
.vps-map:hover,
.channel-stack:hover,
.agent-copy:hover,
.deployment-copy:hover,
.founder-copy:hover,
.contact-card:hover{
  transform:none !important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media(max-width:760px){
  .hero .hero-copy{
    padding:26px 21px 28px !important;
    border-radius:18px !important;
  }
  .hero-grid .ccc-shell.ccc-soft-card,
  .trust-grid,
  .glass,
  .company-architecture,
  .team-example,
  .contact-card{
    border-radius:18px !important;
  }
  .media-frame,
  .hero-film-frame,
  .company-motion-frame,
  .ccc-motion-frame,
  .multimodel-motion-frame,
  .sector-motion-frame,
  .leads-motion-frame,
  .founder-photo{
    border-radius:18px 18px 24px 24px !important;
  }
  .trust-item,
  .trust-item:nth-child(n){
    min-height:248px !important;
    padding:130px 16px 18px !important;
    border-radius:12px !important;
  }
  .trust-item::before{ height:112px !important; }
  .service-card{
    min-height:382px !important;
    padding:164px 20px 22px !important;
    border-radius:12px !important;
  }
  .service-card::before{ height:140px !important; }
  .team-card{
    min-height:218px !important;
    border-radius:12px !important;
  }
  .specialised-card{
    border-radius:12px !important;
  }
}


/* =========================================================
   ZENOX CLEANUP — 2026-09-28
   Crisp hover, borderless media, no media tags, unified black frames
   ========================================================= */

:root{
  --zx-unified-black:#09090c;
  --zx-unified-black-soft:#0d0d10;
}

/* 1) TRUST CARDS — remove hover blur / dynamic glow */
.trust-item,
.trust-item:hover,
.trust-item.scroll-motion-item,
.trust-item.scroll-motion-item:hover{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.trust-item.motion-card:hover::after{
  --card-glow:0 !important;
}
.trust-item::after{
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:none !important;
}
.trust-item:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 22px 52px rgba(0,0,0,.22) !important;
}
.trust-grid{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* 2) MEDIA — no dark/black outline around images or videos */
.media-frame,
.hero-film-frame,
.company-motion-frame,
.ccc-motion-frame,
.multimodel-motion-frame,
.sector-motion-frame,
.leads-motion-frame,
.deployment-media,
.comm-visual,
.interface-main,
.interface-stack .media-frame,
.voice-card,
.agent-image{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.media-frame::after,
.hero-film-frame::after,
.company-motion-frame::after,
.ccc-motion-frame::after,
.multimodel-motion-frame::after,
.sector-motion-frame::after,
.leads-motion-frame::after,
.deployment-media::after,
.comm-visual::after,
.voice-card::after,
.agent-image::after{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.media-frame img,
.media-frame video,
.hero-film-frame img,
.hero-film-frame video,
.company-motion-frame video,
.ccc-motion-frame video,
.multimodel-motion-frame video,
.sector-motion-frame video,
.leads-motion-frame video{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* 3) REMOVE ALL LABEL/TAG OVERLAYS FROM MEDIA */
.media-caption{
  display:none !important;
}
.media-frame > .tiny-label,
.media-frame > .service-index{
  display:none !important;
}

/* 4) UNIFIED ZENOX BLACK — all content frames */
.hero .hero-copy,
.hero-grid .ccc-shell.ccc-soft-card,
.trust-grid,
.trust-item,
.glass,
.company-architecture,
.team-example,
.policy-table,
.passport,
.llm-copy,
.llm-router,
.erp-copy,
.vps-map,
.sector-panel,
.channel-stack,
.agent-copy,
#sentinel .panel-pad,
.deployment-copy,
.founder-copy,
.contact-card,
.arch-dept,
.team-card,
.policy-row,
.passport-card,
.llm-logo,
.router-row,
.feature-item,
.server,
.server-core,
.server-app,
.channel,
.tool-logo,
.deploy-step,
.specialised-card,
.service-card,
.human-badge,
.multi-agent-note,
.sector-chips span,
.service-tags span,
.server-data span{
  background:var(--zx-unified-black) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Preserve selected/active semantics with a restrained Zenox accent */
.arch-dept.active,
.ccc-soft-pill-active,
.model-btn.active,
.llm-logo.active{
  background:linear-gradient(135deg,rgba(189,83,251,.09),rgba(65,126,217,.07)) !important;
  border-color:rgba(189,83,251,.24) !important;
}

/* CCC inner shell — same black family */
.hero-grid .ccc-shell.ccc-soft-card,
.ccc-soft-top,
.ccc-soft-inner,
.ccc-soft-mode,
.ccc-soft-pill,
.ccc-soft-switch,
.model-btn{
  background:var(--zx-unified-black) !important;
}

/* Company Operating Model + all CCC bento cards */
#ccc .bento .glass,
#company .company-architecture,
#company .team-example{
  background:var(--zx-unified-black) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:0 20px 52px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#ccc .bento .chip,
#company .arch-dept,
#company .team-card,
#company .human-badge,
#company .multi-agent-note{
  background:var(--zx-unified-black-soft) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* All other structural dark panels — no blur */
.glass,
.company-architecture,
.team-example,
.policy-table,
.passport,
.llm-copy,
.llm-router,
.erp-copy,
.vps-map,
.sector-panel,
.channel-stack,
.agent-copy,
#sentinel .panel-pad,
.deployment-copy,
.founder-copy,
.contact-card{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Consistent copy colors inside unified black frames */
.glass h2,
.glass h3,
.glass h4,
.glass b,
.glass strong,
.company-architecture h2,
.company-architecture h3,
.company-architecture b,
.company-architecture strong,
.team-example h2,
.team-example h3,
.team-example b,
.team-example strong,
.policy-table b,
.passport b,
.llm-copy h3,
.llm-copy b,
.llm-router h3,
.llm-router b,
.erp-copy h3,
.erp-copy b,
.vps-map h3,
.vps-map b,
.sector-panel h3,
.sector-panel b,
.channel-stack h3,
.channel-stack b,
.agent-copy h3,
.agent-copy b,
#sentinel .panel-pad h3,
#sentinel .panel-pad b,
.deployment-copy h3,
.deployment-copy b,
.founder-copy blockquote,
.contact-card h2,
.contact-card b{
  color:#fff !important;
  -webkit-text-fill-color:initial !important;
}
.glass p,
.glass .panel-copy,
.company-architecture p,
.company-architecture span,
.team-example p,
.team-example span,
.policy-table p,
.policy-table span,
.passport p,
.passport span,
.llm-copy p,
.llm-copy span,
.llm-router p,
.llm-router span,
.erp-copy p,
.erp-copy span,
.vps-map p,
.vps-map span,
.sector-panel p,
.sector-panel span,
.channel-stack p,
.channel-stack span,
.agent-copy p,
.agent-copy span,
#sentinel .panel-pad p,
#sentinel .panel-pad span,
.deployment-copy p,
.deployment-copy span,
.founder-copy p,
.contact-card p{
  color:#a0a0a0 !important;
}

/* Keep functional status colors */
.policy-level.auto{
  color:#66d3a0 !important;
  background:rgba(18,168,117,.08) !important;
  border-color:rgba(18,168,117,.20) !important;
}
.policy-level.approval{
  color:#e4b35c !important;
  background:rgba(216,149,32,.08) !important;
  border-color:rgba(216,149,32,.22) !important;
}
.policy-level.blocked{
  color:#f07888 !important;
  background:rgba(227,77,98,.08) !important;
  border-color:rgba(227,77,98,.20) !important;
}

/* Structural frames should not jump on hover */
#ccc .bento .glass:hover,
#company .company-architecture:hover,
#company .team-example:hover,
#governance .policy-table:hover,
#governance .passport:hover,
#models .llm-copy:hover,
#models .llm-router:hover,
#erp .erp-copy:hover,
#ecosystem .vps-map:hover,
#sectors .sector-panel:hover,
#communications .channel-stack:hover,
#agents .agent-copy:hover,
#sentinel .panel-pad:hover,
#deployment .deployment-copy:hover,
.founder-copy:hover,
.contact-card:hover{
  transform:none !important;
  background:var(--zx-unified-black) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 20px 52px rgba(0,0,0,.18) !important;
}