:root{
  --primary:#214dbb;
  --primary-dark:#0f2f7f;
  --gold:#e0a62f;
  --text:#1d2756;
  --muted:#6d7696;
  --line:#e4e9f7;
  --white:#ffffff;
  --bg:#f7f8fd;
  --card-shadow:0 10px 30px rgba(31,72,169,0.10);
  --radius:18px;
  --container:1280px;
}

/* =========================
   Frappe wrapper neutralization
   ========================= */
.page-card,
.page_content,
.page-content,
.page-wrapper,
.website-content,
.web-page-content,
.page-body,
.page-container,
.layout-main-section,
.layout-main,
.page-form,
main,
main .page-content,
main .page_content,
main .web-page-content,
main .website-content,
main .page-wrapper,
div.page_content,
div.page-content,
div.website-content,
div.web-page-content{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.page_content > .container,
.page-content > .container,
.website-content > .container,
.web-page-content > .container,
.page-wrapper > .container,
main > .container,
.container-fluid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.navbar,
.web-footer,
footer.web-footer{
  display:none !important;
}

/* =========================
   Base
   ========================= */
.digitz-website,
.digitz-website *,
.digitz-website *::before,
.digitz-website *::after{
  box-sizing:border-box;
}

.digitz-website{
  width:100%;
  min-height:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
  font-family:'Inter', "Segoe UI", Arial, sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#ffffff 0%,#f6f8ff 45%,#f7f8fd 100%);
}

/* Headings and nav use Exo 2 — matches the logo's geometric bold character */
.digitz-website h1,
.digitz-website h2,
.digitz-website h3,
.digitz-website h4,
.digitz-website h5,
.digitz-website h6,
.digitz-website .nav a,
.digitz-website .nav-cta,
.digitz-website .eyebrow,
.digitz-website .section-kicker,
.digitz-website .nexus-sub-kicker,
.nxp-page .nxpl-hero-h1{
  font-family:'Exo 2', Inter, "Segoe UI", Arial, sans-serif;
}

.digitz-website a{
  text-decoration:none;
  color:inherit;
}

.digitz-website img{
  display:block;
  max-width:100%;
}

.digitz-website h1,
.digitz-website h2,
.digitz-website h3,
.digitz-website h4,
.digitz-website h5,
.digitz-website h6,
.digitz-website p,
.digitz-website ul,
.digitz-website li{
  margin:0;
}

.digitz-website .container{
  width:min(var(--container), calc(100% - 40px));
  max-width:var(--container);
  margin:0 auto;
}

/* =========================
   Header
   ========================= */
.digitz-website .site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:#ffffff;
  border-bottom:1px solid rgba(228,233,247,0.85);
}

.digitz-website .nav-wrap{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.digitz-website .logo{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.nexus-home .nexus-logo-wrap{
  min-height:52px;
  padding:0;
}

.nexus-home .nexus-logo-img{
  height:48px;
  width:auto;
  max-width:none;
  object-fit:contain;
}

.digitz-website .nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:20px;
  font-weight:600;
  color:#2a3669;
}

.digitz-website .nav a{
  font-size:0.8125rem;
  font-weight:700;
  letter-spacing:0.03em;
  color:#2a3669;
  white-space:nowrap;
  transition:color 0.2s ease;
}

.digitz-website .nav a:hover{
  color:var(--primary);
}

.digitz-website .nav a.nav-cta{
  padding:8px 16px;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary) 0%,#456dff 100%);
  box-shadow:0 8px 20px rgba(39,87,213,0.20);
  text-align:center;
  line-height:1.3;
}

.digitz-website .nav a.nav-cta:hover{
  color:#fff;
  background:linear-gradient(135deg,#1f52d4 0%,#3356ee 100%);
}

/* =========================
   Mobile nav toggle
   ========================= */
.digitz-website .nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:40px;height:40px;
  border-radius:8px;
  border:1px solid #e4e9f7;
  background:#fff;
  cursor:pointer;
  flex-shrink:0;
  padding:0;
}
.digitz-website .nav-toggle span{
  display:block;
  width:20px;height:2px;
  background:#2a3669;
  border-radius:2px;
  transition:transform .2s ease, opacity .2s ease;
}
.digitz-website .site-header.nav-open .nav-toggle span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.digitz-website .site-header.nav-open .nav-toggle span:nth-child(2){
  opacity:0;
}
.digitz-website .site-header.nav-open .nav-toggle span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

/* =========================
   Nav dropdown / submenu
   ========================= */
.digitz-website .nav-has-sub{
  position:relative;
  display:flex;
  align-items:center;
}
/* invisible bridge so mouse can travel into the submenu without losing hover */
.digitz-website .nav-has-sub::before{
  content:'';
  position:absolute;
  top:100%;
  left:-20px;
  right:-20px;
  height:14px;
}
.digitz-website .nav-has-sub > a{
  display:inline-flex;
  align-items:center;
}
/* separate caret button — clicking the link navigates, clicking/hovering caret opens dropdown */
.digitz-website .nav-sub-caret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px; height:20px;
  margin-left:2px;
  border-radius:4px;
  cursor:pointer;
  color:#2a3669;
  flex-shrink:0;
  transition:background .15s,color .15s,transform .18s;
  line-height:1;
}
.digitz-website .nav-sub-caret svg{
  pointer-events:none;
}
.digitz-website .nav-has-sub:hover .nav-sub-caret,
.digitz-website .nav-has-sub.open .nav-sub-caret{
  background:rgba(33,77,213,.08);
  color:var(--primary,#214DD5);
  transform:rotate(180deg);
}
.digitz-website .nav-sub{
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  transform:translateX(-50%) translateY(6px);
  background:#fff;
  border:1px solid #e4e9f7;
  border-radius:10px;
  box-shadow:0 8px 28px rgba(11,43,114,.12);
  min-width:210px;
  padding:6px 0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:500;
}
/* caret tip */
.digitz-website .nav-sub::before{
  content:'';
  position:absolute;
  top:-7px; left:50%;
  transform:translateX(-50%);
  width:0; height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:7px solid #e4e9f7;
}
.digitz-website .nav-sub::after{
  content:'';
  position:absolute;
  top:-5px; left:50%;
  transform:translateX(-50%);
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:5px solid #fff;
}
.digitz-website .nav-has-sub:hover .nav-sub,
.digitz-website .nav-has-sub.open .nav-sub{
  opacity:1;
  visibility:visible;
  pointer-events:all;
  transform:translateX(-50%) translateY(0);
}
.digitz-website .nav-sub a{
  display:flex;
  align-items:center;
  padding:10px 18px;
  font-size:0.8125rem;
  font-weight:700;
  letter-spacing:.03em;
  color:#2a3669;
  white-space:nowrap;
  transition:color .15s,background .15s;
}
.digitz-website .nav-sub a:hover{
  color:var(--primary,#214DD5);
  background:#f4f6ff;
}
.digitz-website .nav-sub a.nav-active{
  color:var(--primary,#214DD5);
}
/* active indicator on parent when child route is current */
.digitz-website .nav-has-sub.nav-child-active > a{
  color:var(--primary,#214DD5);
}

/* Mobile: always-visible inline submenu */
@media (max-width:820px){
  .digitz-website .nav-has-sub{
    flex-direction:column;
    align-items:flex-start;
  }
  .digitz-website .nav-sub-caret{
    display:none;
  }
  .digitz-website .nav-sub{
    position:static;
    transform:none;
    box-shadow:none;
    border:none;
    border-radius:0;
    padding:2px 0 2px 14px;
    opacity:1;
    visibility:visible;
    pointer-events:all;
  }
  .digitz-website .nav-sub::before,
  .digitz-website .nav-sub::after{
    display:none;
  }
  .digitz-website .nav-sub a{
    padding:4px 0;
    font-size:0.82rem;
    border-left:2px solid #e4e9f7;
    padding-left:10px;
  }
}

/* =========================
   Hero
   ========================= */
.digitz-website .hero{
  position:relative;
  overflow:hidden;
  color:#fff;
}

.nexus-home .nexus-hero{
  background:
    radial-gradient(circle at 76% 24%, rgba(138,177,255,0.30) 0%, rgba(138,177,255,0) 29%),
    radial-gradient(circle at 88% 16%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 18%),
    linear-gradient(135deg,#081f5d 0%, #12348c 30%, #214dbb 62%, #163989 100%);
}

.digitz-website .hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size:32px 32px;
  opacity:0.18;
  pointer-events:none;
}

.digitz-website .hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.02fr 1fr;
  gap:24px;
  align-items:center;
}

.nexus-home .nexus-hero-grid{
  min-height:500px;
  padding:38px 0 0;
  gap:28px;
}

.nexus-home .nexus-hero-copy{
  max-width:620px;
}

.digitz-website .hero-copy .eyebrow{
  margin-bottom:10px;
  font-size:1rem;
  font-weight:800;
  letter-spacing:0.5px;
  text-transform:uppercase;
}

.digitz-website .hero-copy .eyebrow .gold{
  color:var(--gold);
}

.nexus-home .nexus-hero-copy h1{
  max-width:640px;
  font-size:3.1rem;
  line-height:1.06;
  font-weight:900;
  letter-spacing:-0.5px;
  color:#fff;
}

.nexus-home .hero-lead,
.nexus-home .nexus-hero-copy p{
  max-width:560px;
  margin-top:16px;
  font-size:1.03rem;
  line-height:1.72;
  color:rgba(255,255,255,0.90);
}

.digitz-website .hero-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.nexus-home .nexus-hero-actions,
.nexus-home .hero-actions{
  margin-top:24px;
}

.digitz-website .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:15px 24px;
  border-radius:14px;
  font-size:0.98rem;
  font-weight:700;
  line-height:1.2;
  transition:transform 0.22s ease, box-shadow 0.22s ease;
}

.nexus-home .nexus-hero-actions .btn{
  min-width:200px;
  padding:14px 22px;
}

.nexus-home .nexus-hero-docs-link{
  display:inline-flex;
  align-items:center;
  margin-top:14px;
  font-size:13.5px;
  font-weight:600;
  color:#3258db;
  text-decoration:none;
  opacity:0.85;
  transition:opacity 0.18s ease, color 0.18s ease;
  letter-spacing:0.01em;
}
.nexus-home .nexus-hero-docs-link:hover{
  opacity:1;
  color:#214dbb;
  text-decoration:underline;
}

.digitz-website .btn-primary{
  background:linear-gradient(135deg,var(--gold) 0%, #f4bf4e 100%);
  color:#fff;
  box-shadow:0 14px 28px rgba(224,166,47,0.25);
}

.digitz-website .btn-secondary{
  background:linear-gradient(135deg,#3258db 0%, #5e82ff 100%);
  color:#fff;
  box-shadow:0 14px 28px rgba(69,109,255,0.18);
}

.digitz-website .btn:hover{
  transform:translateY(-2px);
}

/* =========================
   Hero visual
   ========================= */
.nexus-home .nexus-hero-visual{
  position:relative;
  height:450px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.nexus-home .nexus-visual-wrap{
  position:relative;
  width:400px;
  height:400px;
}

.nexus-home .nexus-visual-wrap::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:350px;
  height:350px;
  transform:translate(-50%, -50%);
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 0 50px rgba(138,177,255,0.12);
  pointer-events:none;
}

.nexus-home .nexus-visual-wrap::after{
  content:"";
  position:absolute;
  inset:78px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.00) 72%);
  filter:blur(12px);
  pointer-events:none;
}

.nexus-home .nexus-core{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:136px;
  height:136px;
  border-radius:50%;
  background:radial-gradient(circle, #ffffff 0%, #eef4ff 70%, #dce7ff 100%);
  box-shadow:
    0 0 36px rgba(255,255,255,0.42),
    0 0 90px rgba(33,77,187,0.38),
    inset 0 0 22px rgba(255,255,255,0.75);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
}

.nexus-home .nexus-core-logo{
  width:92px;
  height:auto;
}

.nexus-home .nexus-ring{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:292px;
  height:292px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.20);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.03),
    0 0 40px rgba(255,255,255,0.08);
}

.nexus-home .nexus-node{
  position:absolute;
  min-width:128px;
  max-width:176px;
  padding:9px 16px;
  border-radius:999px;
  text-align:center;
  font-size:0.82rem;
  line-height:1.2;
  font-weight:800;
  color:#214dbb;
  background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(240,245,255,0.95));
  box-shadow:
    0 10px 22px rgba(0,0,0,0.10),
    0 0 0 1px rgba(255,255,255,0.30);
}

.nexus-home .n1{ top:8px; left:50%; transform:translateX(-50%); }
.nexus-home .n2{ right:-44px; top:50%; transform:translateY(-50%); }
.nexus-home .n3{ bottom:8px; left:50%; transform:translateX(-50%); }
.nexus-home .n4{ left:-44px; top:50%; transform:translateY(-50%); }

.nexus-home .n1::after,
.nexus-home .n2::after,
.nexus-home .n3::after,
.nexus-home .n4::after{
  content:"";
  position:absolute;
  opacity:0.8;
}

.nexus-home .n1::after{
  left:50%;
  top:100%;
  width:1px;
  height:26px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(255,255,255,0.42), rgba(255,255,255,0.08));
}

.nexus-home .n3::after{
  left:50%;
  bottom:100%;
  width:1px;
  height:26px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.42));
}

.nexus-home .n2::after{
  right:100%;
  top:50%;
  width:26px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(255,255,255,0.42), rgba(255,255,255,0.08));
}

.nexus-home .n4::after{
  left:100%;
  top:50%;
  width:26px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(255,255,255,0.42), rgba(255,255,255,0.08));
}

/* =========================
   Hero Product Icon Nodes
   Three icons at 120° intervals on the orbit ring.
   Container: 400×400, center: (200,200), ring r=146.
   Icon 76×76 → top-left = center − 38.
   chat  (  0°, top):        center (200, 54)  → top:16px  left:162px
   qa    (120°, btm-right):  center (326,273)  → top:235px left:288px
   apps  (240°, btm-left):   center ( 74,273)  → top:235px left: 36px
   ========================= */

.nexus-home .nexus-product-node{
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  z-index:5;
}

.nexus-home .npn-icon-wrap{
  width:76px;
  height:76px;
  border-radius:22px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,0.18);
  transition:transform 0.28s ease, box-shadow 0.28s ease;
  flex-shrink:0;
}

.nexus-home .npn-icon-wrap:hover{
  transform:scale(1.10) translateY(-4px);
}

.nexus-home .npn-icon-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.nexus-home .npn-label{
  display:inline-block;
  font-size:0.68rem;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.94);
  background:rgba(255,255,255,0.13);
  border:1px solid rgba(255,255,255,0.24);
  border-radius:999px;
  padding:3px 11px;
  white-space:nowrap;
  backdrop-filter:blur(6px);
}

.nexus-home .npn-sublabel{
  font-size:0.60rem;
  font-weight:700;
  letter-spacing:0.04em;
  color:rgba(255,255,255,0.72);
  white-space:nowrap;
  text-align:center;
}

/* — Positions — */
.nexus-home .npn-chat{
  top:6px;
  left:162px;
  animation:nexusIconFloat 4.8s ease-in-out infinite;
}

.nexus-home .npn-qa{
  top:235px;
  left:288px;
  animation:nexusIconFloat 4.2s ease-in-out 1s infinite;
}

.nexus-home .npn-apps{
  top:235px;
  left:36px;
  animation:nexusIconFloat 5.4s ease-in-out 2s infinite;
}

/* — Per-icon glow (blends with dark hero gradient) — */
.nexus-home .npn-chat .npn-icon-wrap{
  box-shadow:
    0 16px 40px rgba(0,0,0,0.42),
    0 0 0 2px rgba(255,255,255,0.16),
    0 0 38px rgba(33,77,187,0.72);
}

.nexus-home .npn-qa .npn-icon-wrap{
  box-shadow:
    0 16px 40px rgba(0,0,0,0.32),
    0 0 0 2px rgba(255,255,255,0.16),
    0 0 38px rgba(22,163,127,0.68);
}

.nexus-home .npn-apps .npn-icon-wrap{
  box-shadow:
    0 16px 40px rgba(0,0,0,0.40),
    0 0 0 2px rgba(255,255,255,0.16),
    0 0 38px rgba(22,163,127,0.55);
}

@keyframes nexusIconFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}

@media (prefers-reduced-motion: reduce){
  .nexus-home .nexus-product-node{ animation:none; }
}

/* =========================
   Intro strip
   ========================= */
.nexus-home .nexus-intro-strip{
  position:relative;
  z-index:8;
  padding-top:0;
  margin-top:-34px;
}

.nexus-home .nexus-intro-panel{
  display:grid;
  grid-template-columns:1.12fr 1fr;
  gap:22px;
  padding:32px;
  border-radius:28px;
  background:
    radial-gradient(circle at 10% 10%, rgba(91,134,255,0.12) 0%, rgba(91,134,255,0) 24%),
    linear-gradient(180deg,#ffffff 0%, #f4f8ff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:
    0 18px 38px rgba(31,72,169,0.10),
    0 6px 16px rgba(31,72,169,0.05);
}

.nexus-home .nexus-intro-copy h2{
  font-size:2rem;
  line-height:1.16;
  font-weight:800;
  color:#23356b;
}

.nexus-home .nexus-intro-copy p{
  margin-top:14px;
  max-width:640px;
  font-size:1.04rem;
  line-height:1.8;
  color:#5f6d90;
}

.nexus-home .nexus-intro-stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-content:start;
}

.nexus-home .nexus-stat-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:120px;
  padding:20px 18px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 10px 22px rgba(31,72,169,0.08);
}

.nexus-home .nexus-stat-card strong{
  font-size:1rem;
  font-weight:800;
  color:#224099;
}

.nexus-home .nexus-stat-card span{
  font-size:0.94rem;
  line-height:1.65;
  color:#5c6888;
  font-weight:600;
}

/* =========================
   Nexus Coverage Section
   ========================= */
.nexus-home .nexus-coverage-section{
  position:relative;
  z-index:8;
  margin-top:-28px;
  padding-top:0;
}

.nexus-home .nexus-coverage-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  align-items:stretch;
}

/* Coverage section head — Co-Founder blue variant */
.nexus-home .nxp-coverage-head{
  background:
    linear-gradient(135deg, rgba(33,77,187,0.13) 0%, rgba(255,255,255,0.92) 68%),
    #eef4ff;
  border-color:rgba(33,77,187,0.16);
  border-top-color:#214dbb;
  margin-bottom:32px;
}
.nexus-home .nxp-coverage-head .section-kicker{
  background:#ffffff;
  border-color:rgba(33,77,187,0.18);
  color:#214dbb;
}
.nexus-home .nxp-coverage-head .nxp-platform-head-text p{
  color:#4a5e8a;
}
.nexus-home .nxp-coverage-head .nxp-platform-head-text h2 .em{
  color:#214dbb;
}

/* Large product icon + title row */
.nexus-home .nexus-coverage-icon-row{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:14px;
}

.nexus-home .nexus-coverage-product-icon{
  width:86px;
  height:86px;
  flex:0 0 86px;
  border-radius:20px;
  object-fit:contain;
  box-shadow:0 6px 20px rgba(0,0,0,0.12);
  transition:transform 0.22s;
}

.nexus-home .nexus-product-card:hover .nexus-coverage-product-icon{
  transform:scale(1.06);
}

/* Icon as image inside the standard split-icon box (kept for other uses) */
.nexus-home .nexus-product-icon-img{
  background:none;
  box-shadow:none;
  border:none;
  padding:0;
  width:64px;
  height:64px;
}

.nexus-home .nexus-product-icon-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:16px;
}

/* Chat Bot card — blue accent (matches Co-Founder palette) */
.nexus-home .nexus-chat-product-card{
  border-top:4px solid #214dbb;
  background:
    linear-gradient(135deg, rgba(33,77,187,0.055) 0%, rgba(255,255,255,0) 42%),
    #ffffff;
}

.nexus-home .nexus-chat-product-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(33,77,187,0.13) 0%, rgba(255,255,255,0.92) 68%),
    #eef4ff;
  border-bottom-color:rgba(33,77,187,0.16);
}

.nexus-home .nexus-chat-product-card .nexus-split-experience-head .section-kicker{
  background:#ffffff;
  border-color:rgba(33,77,187,0.18);
  color:#214dbb;
}

/* Q&A card — teal accent (matches Co-Worker palette) */
.nexus-home .nexus-qa-product-card{
  border-top:4px solid #0f8f7a;
  background:
    linear-gradient(135deg, rgba(15,143,122,0.060) 0%, rgba(255,255,255,0) 42%),
    #ffffff;
}

.nexus-home .nexus-qa-product-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(15,143,122,0.14) 0%, rgba(255,255,255,0.92) 68%),
    #e8fbf7;
  border-bottom-color:rgba(15,143,122,0.16);
}

.nexus-home .nexus-qa-product-card .nexus-split-experience-head .section-kicker{
  background:#ffffff;
  border-color:rgba(15,143,122,0.18);
  color:#0f7b6b;
}

/* Apps card — gold accent */
.nexus-home .nexus-apps-product-card{
  border-top:4px solid #c27c10;
  background:
    linear-gradient(135deg, rgba(194,124,16,0.055) 0%, rgba(255,255,255,0) 42%),
    #ffffff;
}

.nexus-home .nexus-apps-product-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(224,166,47,0.13) 0%, rgba(255,255,255,0.92) 68%),
    #fffbf0;
  border-bottom-color:rgba(194,124,16,0.18);
}

.nexus-home .nexus-apps-product-card .nexus-split-experience-head .section-kicker{
  background:#ffffff;
  border-color:rgba(194,124,16,0.22);
  color:#a06600;
}

/* =========================
   Section headings
   ========================= */
.digitz-website .section{
  position:relative;
  padding:72px 0;
}

.digitz-website .section.soft{
  background:
    radial-gradient(circle at 20% 30%, rgba(90,113,200,0.05), transparent 25%),
    linear-gradient(180deg,#fbfcff 0%, #f3f6ff 100%);
}

.digitz-website .section-head{
  max-width:920px;
  margin:0 auto 44px;
  text-align:center;
}

.digitz-website .section-head h2{
  font-size:2.5rem;
  line-height:1.18;
  letter-spacing:-0.8px;
  font-weight:800;
  color:#243164;
}

.digitz-website .section-head h2 .em{
  color:#1f2e67;
  font-weight:900;
}

.digitz-website .section-head p{
  max-width:860px;
  margin:18px auto 0;
  font-size:1.12rem;
  line-height:1.75;
  color:var(--muted);
}

.digitz-website .section-head-highlight{
  position:relative;
  width:100%;
  max-width:none;
  margin:0 0 38px;
  padding:26px 34px 22px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(11,39,110,0.98) 0%, rgba(31,72,169,0.96) 52%, rgba(224,166,47,0.92) 140%);
  box-shadow:0 24px 46px rgba(17,42,118,0.16);
  overflow:hidden;
  text-align:center;
}

.digitz-website .section-head-highlight::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.16), transparent 24%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.12), transparent 18%),
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size:auto, auto, 26px 26px, 26px 26px;
  pointer-events:none;
}

.digitz-website .section-head-highlight > *{
  position:relative;
  z-index:1;
}

.digitz-website .section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.22);
  color:#f7fbff;
  font-size:0.84rem;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
}

.digitz-website .section-head-highlight h2{
  font-size:3rem;
  line-height:1.08;
  letter-spacing:-1.1px;
  color:#fff;
}

.digitz-website .section-head-highlight h2 .em{
  color:#ffe199;
}

.digitz-website .section-head-highlight p{
  max-width:820px;
  margin:18px auto 0;
  font-size:1.08rem;
  line-height:1.8;
  color:rgba(243,247,255,0.92);
}

/* =========================
   Live experience section
   ========================= */
.nexus-home .nexus-live-experience{
  background:
    radial-gradient(circle at 10% 16%, rgba(33,77,187,0.05), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(224,166,47,0.08), transparent 24%),
    linear-gradient(180deg,#fbfcff 0%, #f6f9ff 100%);
}

.nexus-home .nexus-live-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.nexus-home .nexus-live-card{
  background:#ffffff;
  border-radius:22px;
  padding:22px;
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 12px 30px rgba(31,72,169,0.10);
}

.nexus-home .nexus-live-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}

.nexus-home .nexus-live-header strong{
  font-size:1.12rem;
  color:#243164;
}

.nexus-home .powered-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,#eef3ff 0%, #dde8ff 100%);
  border:1px solid #d7e2ff;
  color:#214dbb;
  font-size:0.74rem;
  font-weight:800;
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.nexus-home .nexus-chat-demo{
  min-height:280px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(180deg,#f8fbff 0%, #eef4ff 100%);
  border:1px solid rgba(33,77,187,0.10);
}

.nexus-home .nexus-demo-message{
  max-width:82%;
  margin-bottom:12px;
  padding:11px 13px;
  border-radius:14px;
  font-size:0.92rem;
  line-height:1.58;
  font-weight:600;
}

.nexus-home .nexus-demo-message.ai{
  background:#ffffff;
  color:#29406e;
  border:1px solid rgba(33,77,187,0.08);
  box-shadow:0 8px 16px rgba(31,72,169,0.05);
}

.nexus-home .nexus-demo-message.user{
  margin-left:auto;
  background:linear-gradient(135deg,#214dbb 0%, #3a67eb 100%);
  color:#ffffff;
}

.nexus-home .nexus-demo-input{
  display:flex;
  gap:10px;
  margin-top:14px;
}

.nexus-home .nexus-demo-input input{
  flex:1 1 auto;
  min-width:0;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid #dbe2ff;
  background:#ffffff;
  font-size:0.94rem;
  color:#223870;
  outline:none;
}

.nexus-home .nexus-demo-input button{
  flex:0 0 auto;
  padding:12px 18px;
  border:none;
  border-radius:12px;
  background:linear-gradient(135deg,#214dbb 0%, #3a67eb 100%);
  color:#ffffff;
  font-size:0.92rem;
  font-weight:700;
  cursor:pointer;
}

.nexus-home .nexus-demo-footer{
  margin-top:12px;
  color:#6a7593;
  font-size:0.88rem;
  line-height:1.6;
}

.nexus-home .nexus-qa-list{
  display:grid;
  gap:12px;
}

.nexus-home .nexus-qa-item{
  padding:14px 14px 12px;
  border-radius:14px;
  background:linear-gradient(180deg,#f9fbff 0%, #f2f6ff 100%);
  border:1px solid rgba(33,77,187,0.08);
}

.nexus-home .nexus-qa-item h4{
  margin-bottom:6px;
  font-size:0.96rem;
  color:#1f2e67;
  font-weight:800;
}

.nexus-home .nexus-qa-item p{
  font-size:0.92rem;
  line-height:1.65;
  color:#5f6c8c;
}

.nexus-home .nexus-faq-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.nexus-home .nexus-faq-strip span{
  padding:9px 12px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(33,77,187,0.12);
  color:#23479d;
  font-size:0.80rem;
  font-weight:800;
}

/* =========================
   Cards / use case section
   ========================= */
.digitz-website .cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
  align-items:stretch;
}

.digitz-website .card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:290px;
  padding:28px 26px 24px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 8px 22px rgba(31,72,169,0.08);
  transition:all 0.25s ease;
}

.digitz-website .card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  border-radius:20px 20px 0 0;
  background:linear-gradient(90deg, var(--primary), #4d75ff, var(--gold));
}

.digitz-website .card:hover{
  border-color:rgba(33,77,187,0.26);
  box-shadow:0 14px 36px rgba(31,72,169,0.14);
  transform:translateY(-3px);
}

.digitz-website .card-title{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}

.digitz-website .card-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--primary) 0%, #4d75ff 100%);
  box-shadow:0 10px 18px rgba(33,77,187,0.18);
  position:relative;
  flex-shrink:0;
}

.digitz-website .card-icon::before{
  content:"";
  position:absolute;
  left:7px;
  top:7px;
  width:14px;
  height:11px;
  background:#fff;
  border-radius:2px 4px 2px 2px;
}

.digitz-website .card-icon::after{
  content:"";
  position:absolute;
  right:5px;
  bottom:5px;
  width:8px;
  height:8px;
  background:var(--gold);
  border-radius:2px;
}

.digitz-website .card h3{
  font-size:1.5rem;
  line-height:1.2;
  letter-spacing:-0.4px;
  font-weight:800;
  color:#27346a;
}

.digitz-website .card p{
  flex-grow:1;
  font-size:1.02rem;
  line-height:1.75;
  color:#5f6c8c;
}

.digitz-website .card-bottom-dual{
  margin-top:24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}

.digitz-website .card-feature-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  width:100%;
}

.digitz-website .pill-btn-feature{
  width:100%;
  min-width:0;
  padding:12px 16px;
  border-radius:12px;
  text-align:center;
  font-size:0.95rem;
  font-weight:800;
  color:#4760a1;
  background:linear-gradient(135deg,#eef2ff 0%, #dfe8ff 100%);
  border:1px solid #dbe4ff;
  box-shadow:0 8px 18px rgba(31,72,169,0.08);
  transition:transform 0.2s ease;
}

.digitz-website .pill-btn-feature:hover{
  transform:translateY(-1px);
}

.digitz-website .pill-btn-overview{
  background:#fff;
  color:#214dbb;
  border:1.5px solid rgba(33,77,187,0.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 4px 12px rgba(33,77,187,0.05);
}

.digitz-website .pill-btn-gold{
  background:linear-gradient(135deg,#fff4d8 0%, #ffe7af 100%);
  color:#8c5d00;
  border:1px solid #f0d28a;
}

/* =========================
   Commercial section
   ========================= */
.nexus-home .nexus-experience-section{
  padding-bottom:40px;
  background:
    radial-gradient(circle at 10% 16%, rgba(33,77,187,0.07), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(224,166,47,0.10), transparent 24%),
    linear-gradient(180deg,#fbfcff 0%, #f2f6ff 100%);
}

.nexus-home .nexus-experience-layout{
  display:grid;
  grid-template-columns:1.08fr 0.92fr;
  gap:24px;
  align-items:stretch;
}

.nexus-home .nexus-experience-card{
  height:100%;
  padding:24px;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%, #f7faff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 18px 38px rgba(31,72,169,0.10);
}

.nexus-home .commercial-card{
  display:flex;
  align-items:center;
  justify-content:center;
}

.nexus-home .commercial-lines{
  display:grid;
  gap:14px;
  width:100%;
}

.nexus-home .commercial-line{
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef2ff 0%, #dfe8ff 100%);
  border:1px solid rgba(33,77,187,0.10);
  color:#27408a;
  font-size:1rem;
  font-weight:800;
  box-shadow:0 8px 18px rgba(31,72,169,0.06);
}

.nexus-home .nexus-experience-right{
  display:grid;
  gap:18px;
}

.nexus-home .nexus-experience-mini{
  padding:24px 22px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 10px 22px rgba(31,72,169,0.08);
}

.nexus-home .nexus-experience-mini h3{
  margin-bottom:10px;
  font-size:1.28rem;
  line-height:1.24;
  color:#26386d;
  font-weight:800;
}

.nexus-home .nexus-experience-mini p{
  font-size:0.98rem;
  line-height:1.72;
  color:#5f6c8c;
}

.nexus-home .nexus-card-highlights{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:18px;
}

.nexus-home .nexus-card-highlights span{
  position:relative;
  padding-left:18px;
  color:#46547c;
  font-size:0.94rem;
  line-height:1.45;
  font-weight:650;
}

.nexus-home .nexus-card-highlights span::before{
  content:"";
  position:absolute;
  left:0;
  top:0.58em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e0a62f;
  box-shadow:0 0 0 4px rgba(224,166,47,0.14);
}

.nexus-home .nexus-co-founder-card .nexus-card-highlights span::before{
  background:#214dbb;
  box-shadow:0 0 0 4px rgba(33,77,187,0.12);
}

.nexus-home .nexus-co-worker-card .nexus-card-highlights span::before{
  background:#0f8f7a;
  box-shadow:0 0 0 4px rgba(15,143,122,0.12);
}

.nexus-home .nexus-split-experience-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:28px;
  align-items:stretch;
}

.nexus-home .nexus-split-experience-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
}

.nexus-home .nexus-split-experience-head{
  margin:-30px -30px 22px;
  padding:24px 28px 22px;
  border-bottom:1px solid rgba(33,77,187,0.10);
  background:linear-gradient(135deg,#eef4ff 0%, #ffffff 100%);
}

.nexus-home .nexus-split-title-row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:16px;
  align-items:center;
  margin-bottom:18px;
}

.nexus-home .nexus-split-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  background:#214dbb;
  border:1px solid rgba(255,255,255,0.48);
  box-shadow:0 14px 28px rgba(31,72,169,0.18);
}

.nexus-home .nexus-split-icon svg{
  width:34px;
  height:34px;
}

.nexus-home .nexus-split-experience-head .section-kicker{
  margin-bottom:8px;
  background:#ffffff;
  border:1px solid rgba(33,77,187,0.18);
  color:#214dbb;
}

.nexus-home .nexus-split-experience-head h2{
  margin-top:0;
  color:#15337f;
  font-size:1.85rem;
  line-height:1.18;
  font-weight:850;
}

.nexus-home .nexus-split-experience-head p{
  margin-top:14px;
  color:#5f6c8c;
  font-size:1rem;
  line-height:1.7;
}

.nexus-home .nexus-co-founder-card{
  border-top:4px solid #214dbb;
  background:
    linear-gradient(135deg, rgba(33,77,187,0.055) 0%, rgba(255,255,255,0) 42%),
    #ffffff;
}

.nexus-home .nexus-co-founder-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(33,77,187,0.13) 0%, rgba(255,255,255,0.92) 68%),
    #eef4ff;
  border-bottom-color:rgba(33,77,187,0.16);
}

.nexus-home .nexus-co-worker-card{
  border-top:4px solid #0f8f7a;
  background:
    linear-gradient(135deg, rgba(15,143,122,0.060) 0%, rgba(255,255,255,0) 42%),
    #ffffff;
}

.nexus-home .nexus-co-worker-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(15,143,122,0.14) 0%, rgba(255,255,255,0.92) 68%),
    #e8fbf7;
  border-bottom-color:rgba(15,143,122,0.16);
}

.nexus-home .nexus-co-worker-card .nexus-split-icon{
  color:#ffffff;
  background:#0f8f7a;
  border-color:rgba(255,255,255,0.50);
  box-shadow:0 14px 28px rgba(15,143,122,0.18);
}

.nexus-home .nexus-co-worker-card .nexus-split-experience-head .section-kicker{
  background:#ffffff;
  border-color:rgba(15,143,122,0.18);
  color:#0f7b6b;
}

.nexus-home .nexus-split-experience-card .card-footer{
  margin-top:auto;
  padding-top:22px;
}

/* =========================
   Designated chat agent
   ========================= */
.nexus-home .nexus-agent-section{
  background:
    radial-gradient(circle at 13% 16%, rgba(33,77,187,0.08), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(15,143,122,0.10), transparent 24%),
    linear-gradient(180deg,#ffffff 0%, #f4f8ff 100%);
}

.nexus-home .nexus-designated-agent-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 260px;
  gap:30px;
  align-items:center;
  overflow:hidden;
  margin-bottom:28px;
  padding:30px 34px 28px;
  border-radius:28px;
  background:
    radial-gradient(circle at 16% 12%, rgba(255,255,255,0.22), transparent 28%),
    radial-gradient(circle at 72% 74%, rgba(22,163,127,0.18), transparent 30%),
    linear-gradient(135deg,#17439d 0%, #3a67d8 70%, #2552b8 100%);
  border:1px solid rgba(255,255,255,0.20);
  border-top:4px solid #f4d88f;
  box-shadow:0 18px 36px rgba(17,42,118,0.13);
}

.nexus-home .nexus-designated-agent-head::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.16), transparent 22%),
    linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size:auto, 30px 30px, 30px 30px;
  pointer-events:none;
}

.nexus-home .nexus-designated-agent-head > *{
  position:relative;
  z-index:1;
}

.nexus-home .nexus-designated-agent-copy{
  min-width:0;
}

.nexus-home .nexus-designated-agent-head .nexus-split-title-row{
  margin-bottom:16px;
}

.nexus-home .nexus-designated-agent-head .section-kicker{
  background:rgba(255,255,255,0.16);
  border:1px solid rgba(255,255,255,0.30);
  color:#f7fbff;
}

.nexus-home .nexus-designated-agent-head .nexus-split-icon{
  background:#ffffff;
  color:#16a37f;
  border-color:rgba(255,255,255,0.56);
  box-shadow:
    0 16px 30px rgba(7,31,93,0.20),
    0 0 0 7px rgba(143,226,198,0.16);
}

.nexus-home .nexus-designated-agent-head .nexus-agent-brand-icon{
  padding:6px;
}

.nexus-home .nexus-designated-agent-head .nexus-agent-brand-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
}

.nexus-home .nexus-agent-meaning-card .section-kicker{
  background:#ffffff;
  border:1px solid rgba(33,77,187,0.18);
  color:#214dbb;
}

.nexus-home .nexus-designated-agent-head h2{
  margin:0;
  color:#ffffff;
  font-size:2.35rem;
  line-height:1.12;
  font-weight:850;
}

.nexus-home .nexus-designated-agent-head .nexus-agent-title-accent{
  color:#f4d88f;
}

.nexus-home .nexus-designated-agent-head p{
  max-width:940px;
  color:rgba(248,250,255,0.94);
  font-size:1.06rem;
  line-height:1.78;
}

.nexus-home .nexus-agent-icon-download{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  margin-top:18px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.13);
  border:1px solid rgba(255,255,255,0.26);
  color:#ffffff;
  font-size:0.82rem;
  font-weight:850;
  letter-spacing:0.08em;
  text-transform:uppercase;
  box-shadow:0 10px 22px rgba(7,31,93,0.12);
  transition:background 0.2s ease, transform 0.2s ease;
}

.nexus-home .nexus-agent-icon-download:hover{
  background:rgba(255,255,255,0.20);
  transform:translateY(-1px);
}

.nexus-home .nexus-agent-robot-visual{
  justify-self:end;
  width:min(260px, 100%);
  opacity:0.96;
  filter:drop-shadow(0 22px 30px rgba(7,31,93,0.22));
}

.nexus-home .nexus-agent-robot-visual svg{
  width:100%;
  height:auto;
  overflow:visible;
}

.nexus-home .nexus-bot-body{
  transform-origin:130px 112px;
  animation:nexusBotFloat 4.8s ease-in-out infinite;
}

.nexus-home .nexus-bot-shadow{
  transform-origin:130px 197px;
  animation:nexusBotShadow 4.8s ease-in-out infinite;
}

.nexus-home .nexus-bot-antenna{
  transform-origin:130px 56px;
  animation:nexusBotAntenna 2.8s ease-in-out infinite;
}

.nexus-home .nexus-bot-brand-badge{
  transform-origin:130px 74px;
  animation:nexusBotBadgePulse 2.6s ease-in-out infinite;
}

.nexus-home .nexus-bot-eyes{
  transform-origin:130px 106px;
  animation:nexusBotBlink 5.2s ease-in-out infinite;
}

.nexus-home .nexus-bot-circuits circle,
.nexus-home .nexus-bot-signal circle{
  transform-origin:center;
  animation:nexusBotNodePulse 2.4s ease-in-out infinite;
}

.nexus-home .nexus-bot-circuits circle:nth-of-type(2),
.nexus-home .nexus-bot-signal circle:nth-of-type(2){
  animation-delay:0.8s;
}

.nexus-home .nexus-bot-signal path{
  stroke-dasharray:52;
  stroke-dashoffset:52;
  animation:nexusBotSignal 2.8s ease-in-out infinite;
}

.nexus-home .nexus-bot-smile{
  animation:nexusBotSmile 5.2s ease-in-out infinite;
}

.nexus-home .nexus-bot-hands{
  transform-origin:130px 146px;
  animation:nexusBotHands 4.8s ease-in-out infinite;
}

@keyframes nexusBotFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-7px); }
}

@keyframes nexusBotShadow{
  0%,100%{ transform:scaleX(1); opacity:0.18; }
  50%{ transform:scaleX(0.84); opacity:0.10; }
}

@keyframes nexusBotAntenna{
  0%,100%{ transform:rotate(0deg); }
  50%{ transform:rotate(2.5deg); }
}

@keyframes nexusBotBadgePulse{
  0%,100%{ transform:scale(1); filter:drop-shadow(0 0 0 rgba(143,226,198,0)); }
  50%{ transform:scale(1.08); filter:drop-shadow(0 0 8px rgba(143,226,198,0.55)); }
}

@keyframes nexusBotBlink{
  0%,42%,46%,100%{ transform:scaleY(1); }
  44%{ transform:scaleY(0.16); }
}

@keyframes nexusBotNodePulse{
  0%,100%{ transform:scale(1); opacity:0.82; }
  50%{ transform:scale(1.42); opacity:1; }
}

@keyframes nexusBotSignal{
  0%{ stroke-dashoffset:52; opacity:0.40; }
  45%,70%{ stroke-dashoffset:0; opacity:1; }
  100%{ stroke-dashoffset:-52; opacity:0.40; }
}

@keyframes nexusBotSmile{
  0%,42%,46%,100%{ opacity:1; }
  44%{ opacity:0.72; }
}

@keyframes nexusBotHands{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-3px); }
}

@media (prefers-reduced-motion: reduce){
  .nexus-home .nexus-bot-body,
  .nexus-home .nexus-bot-shadow,
  .nexus-home .nexus-bot-antenna,
  .nexus-home .nexus-bot-brand-badge,
  .nexus-home .nexus-bot-eyes,
  .nexus-home .nexus-bot-circuits circle,
  .nexus-home .nexus-bot-signal circle,
  .nexus-home .nexus-bot-signal path,
  .nexus-home .nexus-bot-smile,
  .nexus-home .nexus-bot-hands{
    animation:none;
  }
}

.nexus-home .nexus-agent-meaning-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
  align-items:stretch;
}

.nexus-home .nexus-agent-meaning-card{
  min-height:100%;
  border-top:4px solid #214dbb;
  background:
    linear-gradient(135deg, rgba(33,77,187,0.052) 0%, rgba(255,255,255,0) 44%),
    #ffffff;
}

.nexus-home .nexus-agent-meaning-card .nexus-split-experience-head{
  margin:-30px -30px 20px;
  padding:22px 26px 20px;
}

.nexus-home .nexus-agent-meaning-card .nexus-split-title-row{
  margin-bottom:0;
}

.nexus-home .nexus-agent-meaning-card .nexus-split-icon{
  width:52px;
  height:52px;
  border-radius:16px;
}

.nexus-home .nexus-agent-meaning-card .nexus-split-icon svg{
  width:31px;
  height:31px;
}

.nexus-home .nexus-agent-meaning-card h3{
  color:#15337f;
  font-size:1.42rem;
}

.nexus-home .nexus-agent-meaning-card p{
  flex-grow:1;
}

.nexus-home .nexus-agent-knowledge-card{
  border-top-color:#0f8f7a;
  background:
    linear-gradient(135deg, rgba(15,143,122,0.060) 0%, rgba(255,255,255,0) 44%),
    #ffffff;
}

.nexus-home .nexus-agent-knowledge-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(15,143,122,0.14) 0%, rgba(255,255,255,0.92) 68%),
    #e8fbf7;
  border-bottom-color:rgba(15,143,122,0.16);
}

.nexus-home .nexus-agent-knowledge-card .nexus-split-icon,
.nexus-home .nexus-agent-role-card .nexus-split-icon{
  background:#0f8f7a;
  box-shadow:0 14px 28px rgba(15,143,122,0.18);
}

.nexus-home .nexus-agent-knowledge-card .section-kicker,
.nexus-home .nexus-agent-role-card .section-kicker{
  color:#0f7b6b;
  border-color:rgba(15,143,122,0.18);
}

.nexus-home .nexus-agent-role-card{
  border-top-color:#0f8f7a;
  background:
    linear-gradient(135deg, rgba(15,143,122,0.055) 0%, rgba(255,255,255,0) 44%),
    #ffffff;
}

.nexus-home .nexus-agent-role-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(15,143,122,0.12) 0%, rgba(255,255,255,0.92) 68%),
    #eefbf8;
  border-bottom-color:rgba(15,143,122,0.14);
}

.nexus-home .nexus-agent-escalation-card{
  border-top-color:#e0a62f;
  background:
    linear-gradient(135deg, rgba(224,166,47,0.080) 0%, rgba(255,255,255,0) 44%),
    #ffffff;
}

.nexus-home .nexus-agent-escalation-card .nexus-split-experience-head{
  background:
    linear-gradient(135deg, rgba(224,166,47,0.16) 0%, rgba(255,255,255,0.92) 68%),
    #fff8e8;
  border-bottom-color:rgba(224,166,47,0.20);
}

.nexus-home .nexus-agent-escalation-card .nexus-split-icon{
  background:#e0a62f;
  box-shadow:0 14px 28px rgba(224,166,47,0.20);
}

.nexus-home .nexus-agent-escalation-card .section-kicker{
  color:#9a6908;
  border-color:rgba(224,166,47,0.24);
}

/* =========================
   CTA
   ========================= */
.digitz-website .cta{
  position:relative;
  overflow:hidden;
  padding:95px 0 100px;
  background:
    radial-gradient(circle at 50% 20%, rgba(95,132,255,0.12), transparent 28%),
    linear-gradient(135deg,#0d2c77 0%, #1e49b0 55%, #123889 100%);
  color:#fff;
}

.digitz-website .cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size:36px 36px;
  opacity:0.15;
}

.digitz-website .cta-box{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto;
  text-align:center;
}

.digitz-website .cta h2{
  font-size:2.6rem;
  line-height:1.14;
  font-weight:800;
  letter-spacing:-0.9px;
  color:#fff;
}

.digitz-website .cta p{
  max-width:760px;
  margin:18px auto 0;
  font-size:1.12rem;
  line-height:1.8;
  color:rgba(255,255,255,0.9);
}

.digitz-website .cta-actions{
  margin-top:30px;
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 1200px){
  .digitz-website .nav{
    gap:14px;
  }

  .nexus-home .nexus-logo-img{
    height:44px;
  }

  .nexus-home .nexus-hero-copy h1{
    font-size:2.82rem;
  }

  .nexus-home .nexus-visual-wrap{
    width:360px;
    height:360px;
  }

  /* Wrap 360px, ring r=135. Icon 76×76 (half=38).
     chat center (180,45): top=7  left=142
     qa   center (297,247): top=209 left=259
     apps center (63,247):  top=209 left=25  */
  .nexus-home .npn-chat{ top:7px;   left:142px; }
  .nexus-home .npn-qa{   top:209px; left:259px; }
  .nexus-home .npn-apps{ top:209px; left:25px;  }


  .nexus-home .nexus-ring{
    width:270px;
    height:270px;
  }

  .nexus-home .nexus-visual-wrap::before{
    width:320px;
    height:320px;
  }
}

@media (max-width: 1100px){
  .digitz-website .hero-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .nexus-home .nexus-hero-grid{
    min-height:auto;
  }

  .nexus-home .nexus-coverage-grid{
    grid-template-columns:1fr;
  }

  .nexus-home .nexus-coverage-section{
    margin-top:-18px;
  }

  .nexus-home .nexus-intro-panel,
  .nexus-home .nexus-live-grid,
  .nexus-home .nexus-experience-layout,
  .nexus-home .nexus-split-experience-grid,
  .nexus-home .nexus-agent-meaning-grid{
    grid-template-columns:1fr;
  }

  .nexus-home .nexus-designated-agent-head{
    grid-template-columns:minmax(0, 1fr) 190px;
    gap:22px;
  }

  .nexus-home .nexus-agent-robot-visual{
    width:190px;
  }

  .nexus-home .nexus-hero-visual{
    height:430px;
  }

  .digitz-website .cards{
    grid-template-columns:1fr;
  }
}

@media (max-width: 820px){
  .digitz-website .container{
    width:min(var(--container), calc(100% - 24px));
  }

  .digitz-website .nav-wrap{
    min-height:auto;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:14px 0;
    position:relative;
  }

  .digitz-website .nav-toggle{
    display:flex;
  }

  .digitz-website .nav{
    display:none;
    width:100%;
    order:3;
    flex-direction:column;
    align-items:flex-start;
    gap:14px 18px;
    justify-content:flex-start;
    flex-wrap:wrap;
    padding-top:16px;
    margin-top:14px;
    border-top:1px solid #e4e9f7;
  }

  .digitz-website .site-header.nav-open .nav{
    display:flex;
  }

  .digitz-website .nav a{
    font-size:0.96rem;
  }

  .digitz-website .nav a.nav-cta{
    align-self:flex-start;
  }

  .nexus-home .nexus-logo-img{
    height:40px;
  }

  .nexus-home .nexus-hero-grid{
    padding:38px 0 0;
  }

  .nexus-home .nexus-hero-copy h1{
    font-size:2.28rem;
  }

  .nexus-home .hero-lead,
  .nexus-home .nexus-hero-copy p{
    font-size:1rem;
    line-height:1.72;
  }

  .digitz-website .hero-actions{
    width:100%;
  }

  .digitz-website .btn{
    min-width:160px;
    width:100%;
  }

  .nexus-home .nexus-hero-visual{
    height:390px;
  }

  .nexus-home .nexus-visual-wrap{
    width:300px;
    height:300px;
  }

  .nexus-home .nexus-core{
    width:118px;
    height:118px;
  }

  .nexus-home .nexus-core-logo{
    width:78px;
  }

  .nexus-home .nexus-ring{
    width:220px;
    height:220px;
  }

  .nexus-home .nexus-visual-wrap::before{
    width:268px;
    height:268px;
  }

  .nexus-home .nexus-node{
    min-width:82px;
    max-width:130px;
    font-size:0.74rem;
    padding:8px 10px;
  }

  .nexus-home .n2{ right:-30px; }
  .nexus-home .n4{ left:-30px; }

  .nexus-home .n1::after,
  .nexus-home .n2::after,
  .nexus-home .n3::after,
  .nexus-home .n4::after{
    display:none;
  }

  /* Wrap 300px, ring r=110. Icon shrinks to 62×62 (half=31).
     chat center (150,40):  top=9   left=119
     qa   center (245,205): top=174 left=214
     apps center ( 55,205): top=174 left=24  */
  .nexus-home .npn-icon-wrap{
    width:62px;
    height:62px;
    border-radius:18px;
  }
  .nexus-home .npn-label{
    font-size:0.62rem;
    padding:2px 9px;
  }
  .nexus-home .npn-sublabel{ display:none; }
  .nexus-home .npn-chat{ top:4px;   left:119px; }
  .nexus-home .npn-qa{   top:174px; left:214px; }
  .nexus-home .npn-apps{ top:174px; left:24px;  }

  .nexus-home .nexus-intro-strip{
    margin-top:-18px;
  }

  .digitz-website .section{
    padding:58px 0;
  }

  .digitz-website .section-head h2{
    font-size:2rem;
  }

  .digitz-website .section-head p{
    font-size:1rem;
    line-height:1.72;
  }

  .digitz-website .section-head-highlight{
    margin-bottom:30px;
    padding:20px 18px 18px;
    border-radius:22px;
  }

  .digitz-website .section-head-highlight h2{
    font-size:2rem;
    line-height:1.14;
  }

  .digitz-website .section-head-highlight p{
    font-size:1rem;
    line-height:1.7;
  }

  .nexus-home .nexus-designated-agent-head{
    grid-template-columns:1fr;
    padding:22px 20px 20px;
    border-radius:22px;
  }

  .nexus-home .nexus-agent-robot-visual{
    display:none;
  }

  .nexus-home .nexus-designated-agent-head h2{
    font-size:2rem;
    line-height:1.14;
  }

  .nexus-home .nexus-designated-agent-head p{
    font-size:1rem;
    line-height:1.7;
  }

  .nexus-home .nexus-intro-panel{
    padding:22px;
    border-radius:22px;
  }

  .nexus-home .nexus-intro-copy h2{
    font-size:1.72rem;
  }

  .nexus-home .nexus-intro-stat-grid,
  .digitz-website .card-feature-actions{
    grid-template-columns:1fr;
  }

  .nexus-home .nexus-live-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .nexus-home .nexus-demo-input{
    flex-direction:column;
  }

  .nexus-home .nexus-experience-card{
    padding:16px;
    border-radius:20px;
  }
}

@media (max-width: 560px){
  .nexus-home .nexus-logo-img{
    height:34px;
  }

  .nexus-home .nexus-hero-copy h1{
    font-size:1.95rem;
  }

  .nexus-home .hero-lead,
  .nexus-home .nexus-hero-copy p{
    max-width:100%;
  }

  .nexus-home .nexus-hero-visual{
    height:330px;
  }

  .nexus-home .nexus-visual-wrap{
    width:240px;
    height:240px;
  }

  .nexus-home .nexus-core{
    width:96px;
    height:96px;
  }

  .nexus-home .nexus-core-logo{
    width:66px;
  }

  .nexus-home .nexus-ring{
    width:178px;
    height:178px;
  }

  .nexus-home .nexus-visual-wrap::before{
    width:214px;
    height:214px;
  }

  .nexus-home .nexus-node{
    font-size:0.68rem;
    padding:6px 8px;
    min-width:72px;
    max-width:112px;
  }

  .nexus-home .n2{ right:-24px; }
  .nexus-home .n4{ left:-24px; }

  /* Wrap 240px, ring r=89. Icon shrinks to 50×50 (half=25).
     chat center (120,31):  top=6   left=95
     qa   center (197,164): top=139 left=172
     apps center ( 43,164): top=139 left=18  */
  .nexus-home .npn-icon-wrap{
    width:50px;
    height:50px;
    border-radius:14px;
  }
  .nexus-home .npn-label{ display:none; }
  .nexus-home .npn-chat{ top:6px;   left:95px;  }
  .nexus-home .npn-qa{   top:139px; left:172px; }
  .nexus-home .npn-apps{ top:139px; left:18px;  }

  .nexus-home .nexus-card-highlights{
    grid-template-columns:1fr;
  }

  .nexus-home .nexus-designated-agent-head .nexus-split-title-row,
  .nexus-home .nexus-agent-meaning-card .nexus-split-title-row{
    grid-template-columns:1fr;
    gap:12px;
  }

  .nexus-home .nexus-agent-meaning-card h3{
    font-size:1.28rem;
  }

  .nexus-home .nexus-live-card{
    padding:16px;
  }

  .nexus-home .nexus-chat-demo{
    min-height:240px;
  }
}
/* =========================
   Commercial strip
   ========================= */
.nexus-home .nexus-commercial-strip{
  padding:40px 0 52px;
  background:
    radial-gradient(circle at 18% 30%, rgba(33,77,187,0.05), transparent 24%),
    radial-gradient(circle at 88% 24%, rgba(224,166,47,0.08), transparent 22%),
    linear-gradient(180deg,#f8faff 0%, #f3f6ff 100%);
}

.nexus-home .nexus-commercial-panel{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:28px;
  align-items:center;
  padding:34px 36px;
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff 0%, #f7faff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:
    0 20px 44px rgba(31,72,169,0.10),
    0 8px 18px rgba(31,72,169,0.05);
}

.nexus-home .commercial-kicker{
  color:#214dbb;
  background:linear-gradient(135deg,#eef3ff 0%, #dde8ff 100%);
  border:1px solid #d7e2ff;
}

.nexus-home .nexus-commercial-copy h2{
  margin-top:8px;
  font-size:2.35rem;
  line-height:1.16;
  letter-spacing:-0.8px;
  font-weight:800;
  color:#243164;
}

.nexus-home .nexus-commercial-copy p{
  margin-top:16px;
  max-width:720px;
  font-size:1.05rem;
  line-height:1.78;
  color:#5f6c8c;
}

.nexus-home .nexus-commercial-points{
  display:grid;
  gap:14px;
}

.nexus-home .nexus-commercial-point{
  position:relative;
  padding:18px 18px 18px 54px;
  border-radius:18px;
  background:linear-gradient(135deg,#eef2ff 0%, #dfe8ff 100%);
  border:1px solid rgba(33,77,187,0.10);
  color:#26408a;
  font-size:1rem;
  line-height:1.5;
  font-weight:800;
  box-shadow:0 10px 22px rgba(31,72,169,0.06);
}

.nexus-home .nexus-commercial-point::before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  border-radius:7px;
  background:linear-gradient(135deg,#214dbb 0%, #4d75ff 100%);
  box-shadow:0 8px 16px rgba(33,77,187,0.18);
}

.nexus-home .nexus-commercial-point::after{
  content:"";
  position:absolute;
  left:25px;
  top:50%;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:2px;
  background:#ffffff;
}

@media (max-width: 1100px){
  .nexus-home .nexus-commercial-panel{
    grid-template-columns:1fr;
  }
}

@media (max-width: 820px){
  .nexus-home .nexus-commercial-strip{
    padding:58px 0 52px;
  }

  .nexus-home .nexus-commercial-panel{
    padding:24px 22px;
    border-radius:22px;
  }

  .nexus-home .nexus-commercial-copy h2{
    font-size:1.95rem;
  }

  .nexus-home .nexus-commercial-copy p{
    font-size:1rem;
    line-height:1.72;
  }
}

@media (max-width: 560px){
  .nexus-home .nexus-commercial-copy h2{
    font-size:1.72rem;
  }

  .nexus-home .nexus-commercial-point{
    padding:16px 16px 16px 48px;
    font-size:0.94rem;
  }
}
.nexus-usecase-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.nexus-usecase-card{
  min-height:320px;
}

.nexus-custom-implementation{
  background:
    radial-gradient(circle at 14% 18%, rgba(33,77,187,0.06), transparent 24%),
    radial-gradient(circle at 84% 16%, rgba(224,166,47,0.08), transparent 22%),
    linear-gradient(180deg,#fbfcff 0%, #f3f7ff 100%);
}

@media (max-width: 1100px){
  .nexus-usecase-grid{
    grid-template-columns:1fr;
  }
}

/* =========================
   Nexus Chat Flow
   ========================= */
.nexus-home .nexus-chat-flow-section{
  padding-top:10px;
  padding-bottom:72px;
  background:
    radial-gradient(circle at 14% 20%, rgba(33,77,187,0.05), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(224,166,47,0.07), transparent 22%),
    linear-gradient(180deg,#f8fbff 0%, #f5f8ff 100%);
}

.nexus-home .nexus-chat-flow-wrap{
  padding:34px 30px 30px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 18px 40px rgba(31,72,169,0.08);
}

.nexus-home .nexus-chat-flow-head{
  max-width:920px;
  margin:0 auto 30px;
  text-align:center;
}

.nexus-home .nexus-flow-kicker{
  color:#214dbb;
  background:linear-gradient(135deg,#eef3ff 0%, #dde8ff 100%);
  border:1px solid #d7e2ff;
}

.nexus-home .nexus-chat-flow-head h2{
  margin-top:6px;
  font-size:2.35rem;
  line-height:1.14;
  letter-spacing:-0.8px;
  font-weight:800;
  color:#243164;
}

.nexus-home .nexus-chat-flow-head h2 .em{
  color:#214dbb;
}

.nexus-home .nexus-chat-flow-head p{
  max-width:820px;
  margin:14px auto 0;
  font-size:1.03rem;
  line-height:1.8;
  color:#5f6c8c;
}

.nexus-home .nexus-chat-flow-grid{
  display:grid;
  grid-template-columns:repeat(9, minmax(0, 1fr));
  gap:14px;
  align-items:stretch;
}

.nexus-home .nexus-flow-card{
  position:relative;
  grid-column:span 1;
  min-height:280px;
  padding:22px 18px 20px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%, #f7faff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 10px 24px rgba(31,72,169,0.08);
  text-align:center;
}

.nexus-home .nexus-chat-flow-grid > .nexus-flow-card{
  grid-column:span 1;
}

.nexus-home .nexus-chat-flow-grid{
  grid-template-columns:repeat(5, minmax(0, 1fr));
}

.nexus-home .nexus-flow-arrow{
  position:relative;
  align-self:center;
  justify-self:center;
  width:52px;
  height:2px;
  background:linear-gradient(90deg,#4d75ff 0%, #214dbb 100%);
}

.nexus-home .nexus-flow-arrow::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:10px;
  height:10px;
  border-top:2px solid #214dbb;
  border-right:2px solid #214dbb;
  transform:translateY(-50%) rotate(45deg);
}

.nexus-home .nexus-chat-flow-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);
  gap:10px;
}

.nexus-home .nexus-flow-step{
  position:absolute;
  top:16px;
  left:16px;
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#214dbb 0%, #3a67eb 100%);
  color:#fff;
  font-size:0.95rem;
  font-weight:800;
  box-shadow:0 10px 18px rgba(33,77,187,0.18);
}

.nexus-home .nexus-flow-icon{
  width:82px;
  height:82px;
  margin:28px auto 18px;
  border-radius:50%;
  background:linear-gradient(180deg,#eef3ff 0%, #dfe8ff 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.nexus-home .nexus-flow-card h3{
  font-size:1.12rem;
  line-height:1.3;
  font-weight:800;
  color:#26386d;
}

.nexus-home .nexus-flow-card p{
  margin-top:12px;
  font-size:0.95rem;
  line-height:1.72;
  color:#5f6c8c;
}

.nexus-home .nexus-chat-flow-note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef3ff 0%, #f7faff 100%);
  border:1px solid rgba(33,77,187,0.10);
  color:#43609b;
  font-size:0.96rem;
  line-height:1.7;
  text-align:center;
}

.nexus-home .nexus-chat-flow-note strong{
  color:#214dbb;
}

.nexus-home .nexus-flow-icon.visitor span{
  position:relative;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#214dbb;
  box-shadow:0 24px 0 6px #214dbb;
}

.nexus-home .nexus-flow-icon.visitor::after{
  content:"";
  position:absolute;
  right:14px;
  top:18px;
  width:26px;
  height:20px;
  border-radius:8px 8px 8px 2px;
  background:#9bb6f8;
}

.nexus-home .nexus-flow-icon.visitor::before{
  content:"";
  position:absolute;
  right:26px;
  top:34px;
  width:10px;
  height:10px;
  background:#9bb6f8;
  transform:rotate(45deg);
}

.nexus-home .nexus-flow-icon.category{
  display:grid;
  grid-template-columns:repeat(2, 16px);
  gap:8px;
  place-content:center;
}

.nexus-home .nexus-flow-icon.category span{
  width:16px;
  height:16px;
  border-radius:5px;
}

.nexus-home .nexus-flow-icon.category span:nth-child(1){ background:#214dbb; }
.nexus-home .nexus-flow-icon.category span:nth-child(2){ background:#f0ac28; }
.nexus-home .nexus-flow-icon.category span:nth-child(3){ background:#7d97d6; }
.nexus-home .nexus-flow-icon.category span:nth-child(4){ background:#8ebd76; }

.nexus-home .nexus-flow-icon.agent span{
  position:relative;
  width:32px;
  height:24px;
  border-radius:10px;
  background:#214dbb;
}

.nexus-home .nexus-flow-icon.agent span::before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
  box-shadow:15px 0 0 #fff;
}

.nexus-home .nexus-flow-icon.agent span::after{
  content:"";
  position:absolute;
  left:12px;
  bottom:-8px;
  width:8px;
  height:8px;
  border-left:2px solid #214dbb;
  border-bottom:2px solid #214dbb;
  transform:rotate(-45deg);
}

.nexus-home .nexus-flow-icon.response span{
  position:relative;
  width:34px;
  height:24px;
  border-radius:8px;
  background:#3a67eb;
}

.nexus-home .nexus-flow-icon.response span::before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  width:22px;
  height:3px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 0 #fff;
}

.nexus-home .nexus-flow-icon.response span::after{
  content:"";
  position:absolute;
  left:10px;
  bottom:-7px;
  width:10px;
  height:10px;
  background:#3a67eb;
  transform:rotate(45deg);
}

.nexus-home .nexus-flow-icon.escalate span{
  position:relative;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#214dbb;
  box-shadow:0 28px 0 6px #214dbb;
}

.nexus-home .nexus-flow-icon.escalate::before{
  content:"";
  position:absolute;
  right:10px;
  bottom:12px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f0ac28;
  box-shadow:0 0 0 4px #fff;
}

.nexus-home .nexus-flow-icon.escalate::after{
  content:"";
  position:absolute;
  right:15px;
  bottom:18px;
  width:8px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
}

@media (max-width: 1180px){
  .nexus-home .nexus-chat-flow-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:16px;
  }

  .nexus-home .nexus-flow-arrow{
    display:none;
  }
}

@media (max-width: 820px){
  .nexus-home .nexus-chat-flow-section{
    padding-top:4px;
    padding-bottom:58px;
  }

  .nexus-home .nexus-chat-flow-wrap{
    padding:24px 18px 20px;
    border-radius:22px;
  }

  .nexus-home .nexus-chat-flow-head h2{
    font-size:1.92rem;
  }

  .nexus-home .nexus-chat-flow-grid{
    grid-template-columns:1fr;
  }

  .nexus-home .nexus-flow-card{
    min-height:auto;
  }
}


/* =========================
   Enhanced Chat Flow Icons
   ========================= */
.nexus-home .nexus-flow-card{
  overflow:hidden;
}

.nexus-home .nexus-flow-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 0%, rgba(86,126,255,0.08), transparent 34%);
  pointer-events:none;
}

.nexus-home .nexus-flow-icon{
  width:96px;
  height:96px;
  margin:24px auto 18px;
  border-radius:28px;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.95), rgba(255,255,255,0.38) 34%, transparent 35%),
    linear-gradient(180deg,#edf3ff 0%, #dbe7ff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.95),
    0 12px 22px rgba(33,77,187,0.10);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.nexus-home .nexus-flow-icon::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,0.55);
  pointer-events:none;
}

.nexus-home .nexus-flow-icon svg{
  width:72px;
  height:72px;
  display:block;
}

.nexus-home .nexus-flow-icon.nexus-chat-agent-flow-icon{
  padding:10px;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.44) 34%, transparent 35%),
    linear-gradient(180deg,#f0fbf8 0%, #dff5ed 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 14px 24px rgba(22,163,127,0.12);
}

.nexus-home .nexus-flow-icon.nexus-chat-agent-flow-icon img{
  width:72px;
  height:72px;
  display:block;
  border-radius:20px;
}

.nexus-home .nexus-flow-icon.visitor{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.42) 34%, transparent 35%),
    linear-gradient(180deg,#eef3ff 0%, #dfe8ff 100%);
}

.nexus-home .nexus-flow-icon.category{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.42) 34%, transparent 35%),
    linear-gradient(180deg,#f2f6ff 0%, #e3ebff 100%);
}

.nexus-home .nexus-flow-icon.agent{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.42) 34%, transparent 35%),
    linear-gradient(180deg,#edf2ff 0%, #d7e3ff 100%);
}

.nexus-home .nexus-flow-icon.response{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.42) 34%, transparent 35%),
    linear-gradient(180deg,#edf4ff 0%, #dce8ff 100%);
}

.nexus-home .nexus-flow-icon.escalate{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.42) 34%, transparent 35%),
    linear-gradient(180deg,#eef3ff 0%, #dce6ff 100%);
}

.nexus-home .nexus-flow-card h3{
  position:relative;
}

.nexus-home .nexus-flow-card p{
  position:relative;
}

/* retire older simple icon shapes */
.nexus-home .nexus-flow-icon.visitor span,
.nexus-home .nexus-flow-icon.category span,
.nexus-home .nexus-flow-icon.agent span,
.nexus-home .nexus-flow-icon.response span,
.nexus-home .nexus-flow-icon.escalate span,
.nexus-home .nexus-flow-icon.visitor::before,
.nexus-home .nexus-flow-icon.visitor::after,
.nexus-home .nexus-flow-icon.agent span::before,
.nexus-home .nexus-flow-icon.agent span::after,
.nexus-home .nexus-flow-icon.response span::before,
.nexus-home .nexus-flow-icon.response span::after,
.nexus-home .nexus-flow-icon.escalate::before,
.nexus-home .nexus-flow-icon.escalate::after{
  content:none;
  box-shadow:none;
}

@media (max-width: 820px){
  .nexus-home .nexus-flow-icon{
    width:88px;
    height:88px;
  }

  .nexus-home .nexus-flow-icon svg{
    width:66px;
    height:66px;
  }
}


/* =========================
   Refined Q&A Experience - Balanced Final
   Replace the existing "Refined Q&A Experience - Final" block with this.
   ========================= */
.nexus-home .nexus-qa-experience-section,
.nexus-qna-section,
section[id="qna-experience"]{
  padding:76px 0 86px;
  background:
    radial-gradient(circle at 12% 16%, rgba(77,163,255,0.14), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(33,77,187,0.08), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(224,166,47,0.06), transparent 28%),
    linear-gradient(180deg,#ffffff 0%, #f4f8ff 48%, #edf5ff 100%);
  color:#243164;
  border-top:1px solid rgba(33,77,187,0.08);
  border-bottom:1px solid rgba(33,77,187,0.08);
}

.nexus-home .nexus-qa-experience-section .container,
.nexus-qna-section .container,
section[id="qna-experience"] .container{
  width:min(1280px, calc(100% - 40px));
  max-width:1280px;
}

.nexus-home .nexus-qa-kicker{
  color:#214dbb;
  background:linear-gradient(135deg,#eef3ff 0%, #dde8ff 100%);
  border:1px solid #d7e2ff;
  box-shadow:0 8px 18px rgba(31,72,169,0.08);
}

.nexus-home .nexus-qa-modal-input-row button{
  flex:0 0 auto;
  min-width:120px;
  padding:14px 22px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,#0c6259 0%, #16a37f 100%);
  color:#ffffff;
  font-size:0.96rem;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 22px rgba(10,52,50,0.22);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.nexus-home .nexus-qa-modal-input-row button:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(10,52,50,0.30);
}

.nexus-home .nexus-faq-suggestion{
  min-height:72px;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid rgba(22,163,127,0.14);
  background:linear-gradient(180deg,#f5fbf9 0%, #edf7f4 100%);
  color:#243164;
  font-size:0.92rem;
  line-height:1.45;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(10,52,50,0.06);
  transition:transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.nexus-home .nexus-faq-suggestion:hover{
  transform:translateY(-2px);
  border-color:rgba(22,163,127,0.32);
  box-shadow:0 12px 24px rgba(10,52,50,0.12);
}

body.nexus-qa-modal-open{
  overflow:hidden;
}

.nexus-home .nexus-qa-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
}

.nexus-home .nexus-qa-modal.is-open{
  display:flex;
}

.nexus-home .nexus-qa-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,26,72,0.62);
  backdrop-filter:blur(8px);
}

.nexus-home .nexus-qa-modal-dialog{
  position:relative;
  z-index:1;
  width:min(1100px, 100%);
  min-height:72vh;
  max-height:88vh;
  overflow:auto;
  padding:32px;
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 0%, rgba(22,163,127,0.08), transparent 32%),
    linear-gradient(180deg,#ffffff 0%, #f4f9f8 100%);
  border:1px solid rgba(255,255,255,0.65);
  box-shadow:0 34px 90px rgba(7,40,35,0.30);
}

.nexus-home .nexus-qa-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border:none;
  border-radius:50%;
  background:#e8f5f2;
  color:#16a37f;
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
  font-weight:400;
}

.nexus-home .nexus-qa-modal-head{
  padding-right:42px;
}

.nexus-home .nexus-qa-modal-head h3{
  margin-top:8px;
  font-size:1.86rem;
  line-height:1.2;
  color:#243164;
  font-weight:900;
}

.nexus-home .nexus-qa-modal-input-row{
  display:flex;
  gap:12px;
  margin-top:22px;
  padding:8px;
  border-radius:18px;
  background:#f0faf8;
  border:1px solid #c8e8df;
}

.nexus-home .nexus-qa-modal-input-row input{
  flex:1 1 auto;
  min-width:0;
  padding:15px 16px;
  border:none;
  border-radius:14px;
  background:#ffffff;
  color:#223870;
  font-size:1rem;
  outline:none;
}

.nexus-home .nexus-qa-modal-answer{
  margin-top:20px;
  padding:24px;
  border-radius:22px;
  background:#ffffff;
  border:1px solid rgba(22,163,127,0.14);
  box-shadow:0 10px 24px rgba(10,52,50,0.08);
}

.nexus-home .nexus-qa-modal-answer h4{
  margin-top:10px;
  color:#1f2e67;
  font-size:1.24rem;
  line-height:1.35;
  font-weight:900;
}

.nexus-home .nexus-qa-modal-answer p{
  margin-top:10px;
  color:#5f6c8c;
  font-size:1rem;
  line-height:1.78;
}

.nexus-home .nexus-qa-modal-faq{
  margin-top:18px;
  padding:24px;
  border-radius:22px;
  background:linear-gradient(180deg,#f5fbf9 0%, #edf7f4 100%);
  border:1px solid rgba(22,163,127,0.12);
}

.nexus-home .nexus-qa-modal-faq h4{
  margin-bottom:12px;
  font-size:1.08rem;
  color:#243164;
  font-weight:900;
}

.nexus-home .nexus-qa-modal-faq-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

.nexus-home .nexus-modal-faq-item{
  padding:12px 14px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid rgba(22,163,127,0.12);
  color:#243164;
  font-size:0.92rem;
  line-height:1.45;
  font-weight:800;
}


.nexus-home .nexus-qa-modal-dialog{
  width:min(980px, 100%);
  padding:0;
  border-radius:30px;
  background:#ffffff;
  border:1px solid rgba(255,255,255,0.72);
  box-shadow:0 34px 90px rgba(7,40,35,0.30);
}

.nexus-home .nexus-qa-modal-head{
  position:relative;
  overflow:hidden;
  padding:28px 72px 26px 30px;
  border-radius:30px 30px 0 0;
  border-top:4px solid #f4d88f;
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,0.22), transparent 28%),
    radial-gradient(circle at 74% 72%, rgba(22,163,127,0.26), transparent 30%),
    linear-gradient(135deg,#0c6259 0%, #16a37f 56%, #1a5fa8 100%);
  color:#ffffff;
}

.nexus-home .nexus-qa-modal-head::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size:28px 28px;
  pointer-events:none;
}

.nexus-home .nexus-qa-widget-brand{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:16px;
  align-items:center;
}

.nexus-home .nexus-qa-widget-mark{
  width:66px;
  height:66px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent;
  flex-shrink:0;
  box-shadow:
    0 16px 30px rgba(7,50,45,0.22),
    0 0 0 7px rgba(143,226,198,0.16);
}

.nexus-home .nexus-qa-widget-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:18px;
  display:block;
}

.nexus-home .nexus-qa-modal-head .nexus-qa-kicker{
  margin-bottom:8px;
  background:rgba(255,255,255,0.14);
  border-color:rgba(255,255,255,0.24);
  color:#f7fbff;
}

.nexus-home .nexus-qa-modal-head h3{
  margin-top:0;
  color:#ffffff;
  font-size:1.9rem;
}

.nexus-home .nexus-qa-modal-head p{
  position:relative;
  z-index:1;
  max-width:780px;
  margin:16px 0 0;
  color:rgba(248,250,255,0.90);
  font-size:0.98rem;
  line-height:1.72;
}

.nexus-home .nexus-qa-modal-close{
  z-index:3;
  background:rgba(255,255,255,0.18);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.30);
}

.nexus-home .nexus-qa-tenant-summary,
.nexus-home .nexus-qa-modal-input-row,
.nexus-home .nexus-qa-modal-answer,
.nexus-home .nexus-qa-modal-faq{
  margin-left:30px;
  margin-right:30px;
}

.nexus-home .nexus-qa-tenant-summary{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:26px;
}

.nexus-home .nexus-qa-summary-card{
  padding:18px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%, #f5fbf9 100%);
  border:1px solid rgba(22,163,127,0.14);
  box-shadow:0 10px 24px rgba(10,52,50,0.07);
}

.nexus-home .nexus-qa-summary-card span{
  display:block;
  margin-bottom:8px;
  color:#16a37f;
  font-size:0.76rem;
  font-weight:950;
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.nexus-home .nexus-qa-summary-card strong{
  display:block;
  color:#243164;
  font-size:0.95rem;
  line-height:1.55;
}

.nexus-home .nexus-qa-modal-input-row{
  margin-top:22px;
}

.nexus-home .nexus-qa-modal-answer{
  display:none;
}

.nexus-home .nexus-qa-modal.has-answer .nexus-qa-modal-answer{
  display:block;
}

.nexus-home .nexus-qa-modal-faq{
  margin-bottom:30px;
}

@media (max-width: 980px){
  .nexus-home .nexus-qa-tenant-summary{
    grid-template-columns:1fr;
  }
}

@media (max-width: 820px){
  .nexus-home .nexus-qa-experience-section,
  .nexus-qna-section,
  section[id="qna-experience"]{
    padding:58px 0;
  }

  .nexus-home .nexus-qa-modal-input-row{
    flex-direction:column;
  }

  .nexus-home .nexus-qa-modal-input-row button{
    width:100%;
  }

  .nexus-home .nexus-qa-modal{
    padding:14px;
  }

  .nexus-home .nexus-qa-modal-dialog{
    min-height:auto;
    padding:0;
    border-radius:22px;
  }

  .nexus-home .nexus-qa-modal-head{
    padding:24px 58px 22px 22px;
    border-radius:22px 22px 0 0;
    border-top:4px solid #f4d88f;
  }

  .nexus-home .nexus-qa-widget-brand{
    grid-template-columns:1fr;
    gap:12px;
  }

  .nexus-home .nexus-qa-widget-mark{
    width:54px;
    height:54px;
    border-radius:16px;
    font-size:1.65rem;
  }

  .nexus-home .nexus-qa-modal-head h3{
    font-size:1.42rem;
  }

  .nexus-home .nexus-qa-tenant-summary,
  .nexus-home .nexus-qa-modal-input-row,
  .nexus-home .nexus-qa-modal-answer,
  .nexus-home .nexus-qa-modal-faq{
    margin-left:18px;
    margin-right:18px;
  }
}

@media (max-width: 560px){
  .nexus-home .nexus-qa-modal-faq-list{
    grid-template-columns:1fr;
  }
}
/* =========================
   Q&A Concept Head
   ========================= */
.nexus-home .nexus-qa-concept-head{
  position:relative;
  display:grid;
  grid-template-columns:200px minmax(0, 1fr) 200px;
  gap:30px;
  align-items:center;
  overflow:hidden;
  margin-bottom:28px;
  padding:30px 34px 28px;
  border-radius:28px;
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,0.22), transparent 28%),
    radial-gradient(circle at 74% 72%, rgba(58,111,239,0.22), transparent 30%),
    linear-gradient(135deg,#16439e 0%, #16a37f 48%, #0d5294 100%);
  border:1px solid rgba(255,255,255,0.20);
  border-top:4px solid #5a8fff;
  box-shadow:0 18px 36px rgba(10,52,50,0.16);
}

.nexus-home .nexus-qa-concept-head::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 84% 16%, rgba(255,255,255,0.14), transparent 22%),
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size:auto, 24px 24px, 24px 24px;
  pointer-events:none;
}

.nexus-home .nexus-qa-concept-head > *{
  position:relative;
  z-index:1;
}

.nexus-home .nexus-qa-concept-copy{
  min-width:0;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.nexus-home .nexus-qa-title-row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:16px;
  align-items:center;
  margin-bottom:16px;
}

.nexus-home .nexus-qa-brand-icon{
  width:58px;
  height:58px;
  border-radius:17px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  color:#16a37f;
  padding:6px;
  box-shadow:
    0 16px 30px rgba(7,50,45,0.22),
    0 0 0 7px rgba(143,226,198,0.16);
}

.nexus-home .nexus-qa-brand-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:12px;
}

.nexus-home .nexus-qa-concept-head .section-kicker{
  background:rgba(255,255,255,0.16);
  border:1px solid rgba(255,255,255,0.30);
  color:#f7fbff;
}

.nexus-home .nexus-qa-concept-head h2{
  margin:0;
  color:#ffffff;
  font-size:2.35rem;
  line-height:1.12;
  font-weight:850;
}

.nexus-home .nexus-qa-title-accent{
  color:#a0d4ff;
}

.nexus-home .nexus-qa-concept-head p{
  max-width:900px;
  color:rgba(248,250,255,0.92);
  font-size:1.06rem;
  line-height:1.78;
}

.nexus-home .nexus-qa-concept-launch-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  padding:16px 22px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg,#3a6fef 0%,#1a4fce 100%);
  color:#ffffff;
  font-size:1rem;
  font-weight:900;
  cursor:pointer;
  letter-spacing:0.01em;
  box-shadow:
    0 16px 32px rgba(10,52,50,0.24),
    0 0 0 0 rgba(100,150,255,0.6);
  animation:nexusQaButtonGlow 2.2s ease-in-out infinite;
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.nexus-home .nexus-qa-concept-launch-btn:hover{
  transform:translateY(-3px);
  box-shadow:
    0 22px 40px rgba(10,52,50,0.30),
    0 0 0 8px rgba(100,150,255,0.22);
  animation:none;
}

.nexus-home .nexus-qa-launch-pulse{
  position:absolute;
  inset:-6px;
  border-radius:22px;
  border:2.5px solid rgba(100,150,255,0.65);
  animation:nexusQaPulseRing 2.2s ease-out infinite;
  pointer-events:none;
}

.nexus-home .nexus-qa-btn-arrow{
  width:19px;
  height:19px;
  flex-shrink:0;
  transition:transform 0.2s ease;
}

.nexus-home .nexus-qa-concept-launch-btn:hover .nexus-qa-btn-arrow{
  transform:translateX(3px);
}

@keyframes nexusQaButtonGlow{
  0%,100%{ box-shadow:0 16px 32px rgba(10,52,50,0.24), 0 0 0 0 rgba(100,150,255,0.52); }
  50%{ box-shadow:0 16px 32px rgba(10,52,50,0.24), 0 0 0 10px rgba(100,150,255,0); }
}

@keyframes nexusQaPulseRing{
  0%{ transform:scale(1); opacity:0.80; }
  65%{ transform:scale(1.16); opacity:0; }
  100%{ transform:scale(1.16); opacity:0; }
}

@media (prefers-reduced-motion: reduce){
  .nexus-home .nexus-qa-concept-launch-btn{
    animation:none;
  }
  .nexus-home .nexus-qa-launch-pulse{
    animation:none;
    display:none;
  }
}

/* =========================
   Q&A Knowledge Visual
   ========================= */
.nexus-home .nexus-qa-visual-col{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  justify-self:end;
  align-self:center;
}

.nexus-home .nexus-qa-knowledge-visual{
  width:min(200px, 100%);
  align-self:center;
  justify-self:start;
  opacity:0.97;
  filter:drop-shadow(0 8px 18px rgba(7,50,45,0.26));
}

.nexus-home .nexus-qa-knowledge-visual svg{
  width:100%;
  height:auto;
  overflow:visible;
}

/* Launch zone — rightmost grid column */
.nexus-home .nexus-qa-launch-zone{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:100%;
  align-self:center;
  justify-self:end;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.nexus-home .nexus-qa-launch-invite{
  margin:0;
  color:rgba(248,250,255,0.78);
  font-size:0.72rem;
  font-weight:800;
  letter-spacing:0.09em;
  line-height:1.4;
  text-transform:uppercase;
  text-align:center;
}

.nexus-home .nexus-qa-launch-invite span{
  color:rgba(255,255,255,0.90);
  margin-right:4px;
}

.nexus-home .nexus-qa-vis-panel{
  transform-origin:120px 98px;
  animation:nexusQaPanelFloat 5.2s ease-in-out infinite;
}

.nexus-home .nexus-qa-vis-shadow{
  transform-origin:120px 197px;
  animation:nexusQaShadowPulse 5.2s ease-in-out infinite;
}

.nexus-home .nexus-qa-vis-answer{
  transform-origin:120px 148px;
  animation:nexusQaAnswerReveal 3.6s ease-in-out infinite;
}

.nexus-home .nexus-qa-vis-badge{
  transform-origin:192px 44px;
  animation:nexusQaBadgePulse 2.8s ease-in-out infinite;
}

.nexus-home .nexus-qa-vis-node-a{
  animation:nexusQaNodeDrift 4.2s ease-in-out infinite;
}

.nexus-home .nexus-qa-vis-node-b{
  animation:nexusQaNodeDrift 3.8s ease-in-out 0.6s infinite reverse;
}

.nexus-home .nexus-qa-vis-node-c{
  animation:nexusQaNodeDrift 3.4s ease-in-out 1.2s infinite;
}

@keyframes nexusQaPanelFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}

@keyframes nexusQaShadowPulse{
  0%,100%{ transform:scaleX(1); opacity:0.14; }
  50%{ transform:scaleX(0.82); opacity:0.07; }
}

@keyframes nexusQaAnswerReveal{
  0%,25%{ opacity:0.55; transform:translateY(5px) scaleY(0.94); }
  55%,80%{ opacity:1; transform:translateY(0) scaleY(1); }
  100%{ opacity:0.55; transform:translateY(5px) scaleY(0.94); }
}

@keyframes nexusQaBadgePulse{
  0%,100%{ transform:scale(1); filter:drop-shadow(0 0 0 rgba(244,216,143,0)); }
  50%{ transform:scale(1.07); filter:drop-shadow(0 0 9px rgba(244,216,143,0.60)); }
}

@keyframes nexusQaNodeDrift{
  0%,100%{ transform:translateY(0); opacity:0.8; }
  50%{ transform:translateY(-5px); opacity:1; }
}

@media (prefers-reduced-motion: reduce){
  .nexus-home .nexus-qa-vis-panel,
  .nexus-home .nexus-qa-vis-shadow,
  .nexus-home .nexus-qa-vis-answer,
  .nexus-home .nexus-qa-vis-badge,
  .nexus-home .nexus-qa-vis-node-a,
  .nexus-home .nexus-qa-vis-node-b,
  .nexus-home .nexus-qa-vis-node-c{
    animation:none;
  }
}

/* =========================
   Q&A Feature Cards
   ========================= */
.nexus-home .nexus-qa-feature-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
  align-items:stretch;
}

.nexus-home .nexus-qa-feature-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:26px 24px 24px;
  border-radius:var(--radius);
  background:#ffffff;
  border:1px solid rgba(22,163,127,0.14);
  border-left:4px solid #16a37f;
  box-shadow:0 10px 28px rgba(10,52,50,0.07);
  transition:transform 0.22s ease, box-shadow 0.22s ease;
}

.nexus-home .nexus-qa-feature-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(10,52,50,0.12);
}

.nexus-home .nexus-qa-feature-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f8f4;
  color:#16a37f;
  flex-shrink:0;
}

.nexus-home .nexus-qa-feature-icon svg{
  width:30px;
  height:30px;
}

.nexus-home .nexus-qa-feature-label{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.nexus-home .nexus-qa-feature-card .section-kicker{
  align-self:flex-start;
  color:#0f7b6b;
  background:linear-gradient(135deg,#e8f8f4 0%, #d5f2ec 100%);
  border:1px solid rgba(22,163,127,0.20);
}

.nexus-home .nexus-qa-feature-card h3{
  margin:0;
  font-size:1.28rem;
  font-weight:860;
  color:#15337f;
  line-height:1.26;
}

.nexus-home .nexus-qa-feature-card p{
  margin:0;
  flex-grow:1;
  font-size:0.97rem;
  line-height:1.72;
  color:#5a6684;
}

.nexus-home .nexus-qa-feature-card--approved{
  border-left-color:#214dbb;
  box-shadow:0 10px 28px rgba(33,77,187,0.07);
}

.nexus-home .nexus-qa-feature-card--approved .nexus-qa-feature-icon{
  background:#eef3ff;
  color:#214dbb;
}

.nexus-home .nexus-qa-feature-card--approved .section-kicker{
  color:#214dbb;
  background:linear-gradient(135deg,#eef3ff 0%, #dde8ff 100%);
  border-color:rgba(33,77,187,0.18);
}

.nexus-home .nexus-qa-feature-card--approved:hover{
  box-shadow:0 18px 38px rgba(33,77,187,0.12);
}

.nexus-home .nexus-qa-feature-card--domains{
  border-left-color:#e0a62f;
  box-shadow:0 10px 28px rgba(224,166,47,0.07);
}

.nexus-home .nexus-qa-feature-card--domains .nexus-qa-feature-icon{
  background:#fff8e8;
  color:#c98b10;
}

.nexus-home .nexus-qa-feature-card--domains .section-kicker{
  color:#9a6908;
  background:linear-gradient(135deg,#fff8e8 0%, #ffeec0 100%);
  border-color:rgba(224,166,47,0.24);
}

.nexus-home .nexus-qa-feature-card--domains:hover{
  box-shadow:0 18px 38px rgba(224,166,47,0.12);
}

@media (max-width: 1024px){
  .nexus-home .nexus-qa-concept-head{
    grid-template-columns:1fr;
  }
  .nexus-home .nexus-qa-knowledge-visual{
    display:none;
  }
  .nexus-home .nexus-qa-launch-zone{
    justify-self:center;
    width:100%;
    max-width:320px;
  }
  .nexus-home .nexus-qa-concept-launch-btn{
    max-width:320px;
  }
  .nexus-home .nexus-qa-feature-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .nexus-home .nexus-qa-feature-card--domains{
    grid-column:span 2;
  }
}

@media (max-width: 820px){
  .nexus-home .nexus-qa-concept-head{
    padding:24px 22px 22px;
    border-radius:22px;
  }
  .nexus-home .nexus-qa-title-row{
    grid-template-columns:1fr;
    gap:12px;
  }
  .nexus-home .nexus-qa-concept-head h2{
    font-size:1.9rem;
  }
  .nexus-home .nexus-qa-concept-launch-btn{
    max-width:100%;
  }
  .nexus-home .nexus-qa-feature-grid{
    grid-template-columns:1fr;
  }
  .nexus-home .nexus-qa-feature-card--domains{
    grid-column:span 1;
  }
}

/* =========================
   AI Support & Ticketing
   ========================= */
.nexus-home .nexus-support-section{
  background:
    radial-gradient(circle at 12% 18%, rgba(33,77,187,0.07), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(224,166,47,0.08), transparent 22%),
    linear-gradient(180deg,#fbfcff 0%, #f3f7ff 100%);
}

.nexus-home .nexus-support-head{
  margin-bottom:38px;
}

.nexus-home .card-label{
  display:block;
  margin-bottom:6px;
  color:#214dbb;
  font-size:0.78rem;
  font-weight:900;
  letter-spacing:0.10em;
  text-transform:uppercase;
}
.nexus-home .card-label-escalation{
  color:#b96a0c;
}
/* =========================================================
   Enterprise Theme Refinement Overrides
   Add this at the END of digitz_ai_nexus_site.css
   ========================================================= */

:root{
  --primary:#214dbb;
  --primary-deep:#0b2a6f;
  --primary-dark:#071f5d;
  --primary-soft:#4d75ff;

  --gold:#e0a62f;
  --gold-soft:#fff3d2;

  --text:#1d2756;
  --muted:#5f6c8c;
  --line:rgba(33,77,187,0.10);

  --bg-soft:#f4f7ff;
  --card-bg:#ffffff;

  --card-shadow:0 8px 20px rgba(31,72,169,0.08);
  --card-shadow-hover:0 14px 32px rgba(31,72,169,0.13);
}

/* Hero refinement */
.nexus-home .nexus-hero{
  background:
    radial-gradient(circle at 76% 24%, rgba(138,177,255,0.22), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(255,255,255,0.10), transparent 18%),
    linear-gradient(135deg,#071f5d 0%, #12348c 42%, #214dbb 100%);
}

/* Softer page sections */
.digitz-website .section.soft,
.nexus-home .nexus-chat-flow-section,
.nexus-home .nexus-support-section,
.nexus-custom-implementation,
.nexus-home .nexus-experience-section,
.nexus-home .nexus-commercial-strip{
  background:linear-gradient(180deg,#fbfcff 0%, #f4f7ff 100%);
}

/* Enterprise section highlight */
.digitz-website .section-head-highlight{
  background:linear-gradient(135deg,#0b2a6f 0%, #214dbb 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:0 20px 42px rgba(17,42,118,0.15);
}

.digitz-website .section-head-highlight::before{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.12), transparent 24%),
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size:auto, 30px 30px, 30px 30px;
}

.digitz-website .section-head-highlight h2 .em{
  color:var(--gold);
}

/* Gold should stay as accent only */
.digitz-website .btn-primary{
  background:linear-gradient(135deg,#e0a62f 0%, #f4bf4e 100%);
  color:#ffffff;
  box-shadow:0 12px 24px rgba(224,166,47,0.24);
}

.digitz-website .pill-btn-gold{
  background:#fff8e6;
  color:#8c5d00;
  border:1px solid #f0d28a;
}

/* Cleaner cards */
.digitz-website .card,
.nexus-home .nexus-stat-card,
.nexus-home .nexus-flow-card,
.nexus-home .nexus-experience-mini,
.nexus-home .nexus-experience-card,
.nexus-home .nexus-live-card{
  background:#ffffff;
  border:1px solid var(--line);
  box-shadow:var(--card-shadow);
}

.digitz-website .card:hover,
.nexus-home .nexus-flow-card:hover,
.nexus-home .nexus-stat-card:hover,
.nexus-home .nexus-experience-mini:hover{
  border-color:rgba(33,77,187,0.22);
  box-shadow:var(--card-shadow-hover);
}

/* Reduce card top-line dominance */
.digitz-website .card::before{
  height:3px;
  background:linear-gradient(90deg,#214dbb 0%, #4d75ff 72%, #e0a62f 100%);
}

/* Intro panel refinement */
.nexus-home .nexus-intro-panel{
  background:linear-gradient(180deg,#ffffff 0%, #f7faff 100%);
  border:1px solid var(--line);
  box-shadow:0 16px 36px rgba(31,72,169,0.09);
}

/* Q&A section: premium but not over-dark */
.nexus-home .nexus-qa-experience-section,
.nexus-qna-section,
section[id="qna-experience"]{
  background:
    radial-gradient(circle at 12% 16%, rgba(77,163,255,0.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%, #f5f8ff 52%, #edf4ff 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

/* Q&A suggestions */
.nexus-home .nexus-faq-suggestion{
  background:#f8fbff;
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:none;
}

.nexus-home .nexus-faq-suggestion:hover{
  background:#ffffff;
  border-color:rgba(33,77,187,0.28);
  box-shadow:0 10px 22px rgba(31,72,169,0.10);
}

/* Support section card grid cleanup */
.nexus-home .nexus-support-section .card{
  background:#ffffff;
}

/* Commercial panel cleanup */
.nexus-home .nexus-commercial-panel{
  background:#ffffff;
  border:1px solid var(--line);
  box-shadow:0 16px 36px rgba(31,72,169,0.09);
}

.nexus-home .nexus-commercial-point,
.nexus-home .commercial-line{
  background:#f7faff;
  border:1px solid rgba(33,77,187,0.10);
  box-shadow:none;
}

/* CTA keeps strong enterprise finish */
.digitz-website .cta{
  background:
    radial-gradient(circle at 50% 20%, rgba(95,132,255,0.10), transparent 28%),
    linear-gradient(135deg,#071f5d 0%, #12348c 52%, #214dbb 100%);
}
/* =========================================================
   Reduce Back-to-Back Blue Blocks
   Keep enterprise contrast without repeating heavy blue
   ========================================================= */

/* Keep Support as strong blue because it introduces a new major section */
.nexus-home .nexus-support-section .section-head-highlight{
  background:linear-gradient(135deg,#0b2a6f 0%, #214dbb 100%);
}

/* Convert Custom Implementation header to premium white panel */
.nexus-home .nexus-custom-implementation .section-head-highlight{
  background:
    radial-gradient(circle at 12% 10%, rgba(77,163,255,0.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%, #f7faff 100%);
  border:1px solid rgba(33,77,187,0.12);
  box-shadow:0 14px 34px rgba(31,72,169,0.09);
}

.nexus-home .nexus-custom-implementation .section-head-highlight::before{
  display:none;
}

.nexus-home .nexus-custom-implementation .section-head-highlight .section-kicker{
  color:#214dbb;
  background:#eef3ff;
  border:1px solid #dbe5ff;
}

.nexus-home .nexus-custom-implementation .section-head-highlight h2{
  color:#243164;
}

.nexus-home .nexus-custom-implementation .section-head-highlight h2 .em{
  color:#e0a62f;
}

.nexus-home .nexus-custom-implementation .section-head-highlight p{
  color:#5f6c8c;
}

/* Convert Platform Value header to clean centered normal heading */
.nexus-home .nexus-experience-section .section-head-highlight{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  margin-bottom:42px;
}

.nexus-home .nexus-experience-section .section-head-highlight::before{
  display:none;
}

.nexus-home .nexus-experience-section .section-head-highlight .section-kicker{
  color:#214dbb;
  background:#eef3ff;
  border:1px solid #dbe5ff;
}

.nexus-home .nexus-experience-section .section-head-highlight h2{
  color:#243164;
}

.nexus-home .nexus-experience-section .section-head-highlight p{
  color:#5f6c8c;
}

/* Give more breathing space between these blocks */
.nexus-home .nexus-support-section{
  padding-bottom:76px;
}

.nexus-home .nexus-custom-implementation{
  padding-top:76px;
  padding-bottom:76px;
}

.nexus-home .nexus-experience-section{
  padding-top:76px;
}

/* Slightly soften the small card top accent lines */
.nexus-home .nexus-support-section .card::before,
.nexus-home .nexus-experience-section .card::before{
  height:2px;
  background:linear-gradient(90deg,#214dbb 0%, #4d75ff 80%, #e0a62f 100%);
}
/* =========================================================
   Fresh Colorful Intro Section Below Hero
   ========================================================= */

.nexus-home .nexus-intro-strip{
  background:
    radial-gradient(circle at 10% 20%, rgba(77,163,255,0.18), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(224,166,47,0.16), transparent 26%),
    linear-gradient(180deg,#ffffff 0%, #eef5ff 100%);
  padding:56px 0 64px;
  margin-top:0;
}

.nexus-home .nexus-intro-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%, rgba(77,163,255,0.20), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(224,166,47,0.18), transparent 28%),
    linear-gradient(135deg,#ffffff 0%, #f5f9ff 48%, #eef5ff 100%);
  border:1px solid rgba(33,77,187,0.14);
  box-shadow:0 22px 50px rgba(31,72,169,0.12);
}

.nexus-home .nexus-intro-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(33,77,187,0.05) 0%, transparent 36%),
    radial-gradient(circle at 30% 100%, rgba(77,163,255,0.14), transparent 30%);
  pointer-events:none;
}

.nexus-home .nexus-intro-panel > *{
  position:relative;
  z-index:1;
}

.nexus-home .nexus-intro-copy .section-kicker{
  color:#214dbb;
  background:linear-gradient(135deg,#eef3ff 0%, #ffffff 100%);
  border:1px solid rgba(33,77,187,0.16);
  box-shadow:0 8px 18px rgba(31,72,169,0.08);
}

.nexus-home .nexus-intro-copy h2{
  color:#132c72;
}

.nexus-home .nexus-intro-copy h2::after{
  content:"";
  display:block;
  width:86px;
  height:4px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#214dbb 0%, #4d75ff 56%, #e0a62f 100%);
}

.nexus-home .nexus-intro-stat-grid{
  gap:18px;
}

.nexus-home .nexus-stat-card{
  position:relative;
  overflow:hidden;
  border:none;
  background:#ffffff;
  box-shadow:0 14px 28px rgba(31,72,169,0.10);
}

.nexus-home .nexus-stat-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0.95;
  pointer-events:none;
}

.nexus-home .nexus-stat-card:nth-child(1)::before{
  background:linear-gradient(135deg,rgba(33,77,187,0.12),rgba(77,163,255,0.08));
}

.nexus-home .nexus-stat-card:nth-child(2)::before{
  background:linear-gradient(135deg,rgba(224,166,47,0.16),rgba(255,255,255,0.04));
}

.nexus-home .nexus-stat-card:nth-child(3)::before{
  background:linear-gradient(135deg,rgba(77,163,255,0.14),rgba(33,77,187,0.07));
}

.nexus-home .nexus-stat-card:nth-child(4)::before{
  background:linear-gradient(135deg,rgba(33,77,187,0.10),rgba(224,166,47,0.12));
}

.nexus-home .nexus-stat-card strong,
.nexus-home .nexus-stat-card span{
  position:relative;
  z-index:1;
}

.nexus-home .nexus-stat-card strong{
  color:#163a96;
}

.nexus-home .nexus-stat-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 38px rgba(31,72,169,0.16);
}

/* =========================================================
   Chat Flow Refinement
   Gives the section its own process-board identity.
   ========================================================= */
.nexus-home .nexus-chat-flow-section{
  background:
    radial-gradient(circle at 12% 16%, rgba(33,77,187,0.08), transparent 26%),
    radial-gradient(circle at 82% 12%, rgba(22,163,127,0.09), transparent 25%),
    linear-gradient(180deg,#fbfcff 0%, #eef5ff 100%);
}

.nexus-home .nexus-chat-flow-wrap{
  position:relative;
  overflow:hidden;
  padding:38px 34px 34px;
  background:
    linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  border:1px solid rgba(33,77,187,0.14);
  box-shadow:0 18px 42px rgba(31,72,169,0.10);
}

.nexus-home .nexus-chat-flow-wrap::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:7px;
  background:linear-gradient(90deg,#214dbb 0%, #4d75ff 42%, #16a37f 74%, #f4d88f 100%);
}

.nexus-home .nexus-chat-flow-head{
  position:relative;
  max-width:980px;
  margin-bottom:34px;
}

.nexus-home .nexus-flow-kicker{
  color:#214dbb;
  background:#eef4ff;
  border-color:#d7e2ff;
  box-shadow:0 8px 18px rgba(31,72,169,0.07);
}

.nexus-home .nexus-chat-flow-head h2{
  color:#132c72;
  font-size:2.55rem;
  font-weight:850;
}

.nexus-home .nexus-chat-flow-head h2 .em{
  color:#214dbb;
}

.nexus-home .nexus-chat-flow-head p{
  max-width:900px;
  color:#526185;
}

.nexus-home .nexus-chat-flow-grid{
  position:relative;
}

.nexus-home .nexus-chat-flow-grid::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:78px;
  height:2px;
  background:linear-gradient(90deg,rgba(33,77,187,0.12),rgba(22,163,127,0.22),rgba(244,216,143,0.26));
  pointer-events:none;
}

.nexus-home .nexus-flow-card{
  min-height:302px;
  padding:24px 18px 22px;
  border:none;
  border-top:4px solid #214dbb;
  background:
    linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  box-shadow:0 14px 30px rgba(31,72,169,0.10);
  isolation:isolate;
}

.nexus-home .nexus-flow-card::before{
  z-index:0;
  background:
    radial-gradient(circle at 50% 0%, rgba(77,117,255,0.10), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(33,77,187,0.025) 100%);
}

.nexus-home .nexus-flow-card > *{
  position:relative;
  z-index:1;
}

.nexus-home .nexus-flow-card:nth-of-type(2){
  border-top-color:#5d7fe2;
}

.nexus-home .nexus-flow-card:nth-of-type(3){
  border-top-color:#16a37f;
  background:
    linear-gradient(135deg,rgba(22,163,127,0.08) 0%, rgba(255,255,255,0) 44%),
    #ffffff;
  box-shadow:
    0 18px 38px rgba(31,72,169,0.12),
    0 0 0 1px rgba(22,163,127,0.18);
}

.nexus-home .nexus-flow-card:nth-of-type(4){
  border-top-color:#16a37f;
}

.nexus-home .nexus-flow-card:nth-of-type(5){
  border-top-color:#f4d88f;
}

.nexus-home .nexus-flow-card h3{
  color:#142f70;
  font-size:1.18rem;
}

.nexus-home .nexus-flow-card p{
  color:#526185;
}

.nexus-home .nexus-flow-icon{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.44) 34%, transparent 35%),
    linear-gradient(180deg,#f4f8ff 0%, #dde9ff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 14px 24px rgba(33,77,187,0.11);
}

.nexus-home .nexus-flow-card:nth-of-type(3) .nexus-flow-icon,
.nexus-home .nexus-flow-card:nth-of-type(4) .nexus-flow-icon{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.44) 34%, transparent 35%),
    linear-gradient(180deg,#f0fbf8 0%, #dff5ed 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 14px 24px rgba(22,163,127,0.12);
}

.nexus-home .nexus-flow-card:nth-of-type(5) .nexus-flow-icon{
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,0.98), rgba(255,255,255,0.44) 34%, transparent 35%),
    linear-gradient(180deg,#fffaf0 0%, #f8edcd 100%);
}

.nexus-home .nexus-flow-arrow{
  width:42px;
  background:linear-gradient(90deg,#4d75ff 0%, #16a37f 100%);
}

.nexus-home .nexus-flow-arrow::after{
  border-color:#16a37f;
}

.nexus-home .nexus-chat-flow-note{
  margin-top:22px;
  background:
    linear-gradient(135deg,rgba(33,77,187,0.08) 0%, rgba(22,163,127,0.08) 100%),
    #ffffff;
  border-color:rgba(33,77,187,0.12);
  color:#40557f;
  box-shadow:0 10px 24px rgba(31,72,169,0.07);
}

.nexus-home .nexus-chat-flow-note strong{
  color:#16a37f;
}

@media (max-width: 1180px){
  .nexus-home .nexus-chat-flow-grid::before{
    display:none;
  }
}

@media (max-width: 820px){
  .nexus-home .nexus-chat-flow-wrap{
    padding:28px 18px 22px;
  }

  .nexus-home .nexus-chat-flow-head h2{
    font-size:2rem;
  }

  .nexus-home .nexus-flow-card{
    min-height:auto;
  }
}

/* ═══════════════════════════════════════════════════════════════
   Nexus Platform Section — AI Chat Bots & Q&A branding
   ═══════════════════════════════════════════════════════════════ */

.nexus-home .nexus-platform-section{
  padding:0;
}
/* Platform section — Co-Worker styled head with dual product icons */
.nexus-home .nxp-platform-head{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  gap:28px;
  background:
    linear-gradient(135deg, rgba(15,143,122,0.14) 0%, rgba(255,255,255,0.92) 68%),
    #e8fbf7;
  border:1px solid rgba(15,143,122,0.16);
  border-top:4px solid #0f8f7a;
  border-radius:18px;
  padding:26px 34px;
  margin-bottom:40px;
}
.nexus-home .nxp-platform-head-icons{
  display:flex;
  gap:14px;
  flex-shrink:0;
}
.nexus-home .nxp-head-product-icon{
  width:72px;
  height:72px;
  border-radius:18px;
  object-fit:contain;
  box-shadow:0 4px 14px rgba(0,0,0,0.10);
}
.nexus-home .nxp-platform-head-text{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
}
.nexus-home .nxp-platform-head-text .section-kicker{
  background:#ffffff;
  border-color:rgba(15,143,122,0.20);
  color:#0f7b6b;
}
.nexus-home .nxp-platform-head-text h2{
  font-size:2rem;
  font-weight:800;
  color:#0f2650;
  margin:0;
  line-height:1.2;
}
.nexus-home .nxp-platform-head-text p{
  font-size:0.9rem;
  color:#5a7870;
  margin:0;
  line-height:1.5;
}

/* Launch Q&A button */
@keyframes nxp-btn-pulse{
  0%   { box-shadow:0 4px 16px rgba(15,143,122,0.32), 0 0 0 0 rgba(15,143,122,0.36); }
  65%  { box-shadow:0 4px 16px rgba(15,143,122,0.22), 0 0 0 10px rgba(15,143,122,0); }
  100% { box-shadow:0 4px 16px rgba(15,143,122,0.32), 0 0 0 0 rgba(15,143,122,0); }
}
.nexus-home .nxp-launch-btn{
  display:inline-flex;align-items:center;gap:7px;
  position:absolute;right:28px;top:50%;transform:translateY(-50%);
  padding:10px 24px;
  font-size:0.86rem;font-weight:700;letter-spacing:0.02em;
  color:#ffffff;
  background:linear-gradient(135deg,#0f8f7a 0%,#16a37f 100%);
  border:none;border-radius:100px;
  animation:nxp-btn-pulse 2s ease-out infinite;
  text-decoration:none;
  transition:transform 0.15s,background 0.15s;
}
.nexus-home .nxp-launch-btn svg{
  width:16px;height:16px;flex:0 0 16px;
}
.nexus-home .nxp-launch-btn:hover{
  background:linear-gradient(135deg,#0d7a6a 0%,#0f8f7a 100%);
  box-shadow:0 6px 22px rgba(15,143,122,0.42);
  transform:translateY(-1px);
  animation:none;
  color:#ffffff;text-decoration:none;
}
.nexus-home .nxp-launch-btn:active{
  transform:translateY(0);
}

@media (max-width:680px){
  .nexus-home .nxp-platform-head{
    flex-direction:column;
    align-items:flex-start;
    padding:20px 20px;
  }
}

/* ── Main 2-col split grid (Designated Bot + Multi-Tenant) ── */
.nexus-home .nexus-platform-section .nexus-split-experience-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:stretch;
  margin-bottom:60px;
}

/* Designated Bot card — deep blue */
.nexus-home .nexus-designated-bot-card{
  border-top:4px solid #214dbb;
  background:linear-gradient(135deg,rgba(33,77,187,0.045) 0%,rgba(255,255,255,0) 42%),#ffffff;
}
.nexus-home .nexus-designated-bot-card .nexus-split-experience-head{
  background:linear-gradient(135deg,rgba(33,77,187,0.11) 0%,rgba(255,255,255,0.92) 68%),#eef4ff;
  border-bottom-color:rgba(33,77,187,0.14);
}
.nexus-home .nexus-designated-bot-card .nexus-split-experience-head .section-kicker{
  background:#ffffff;
  border-color:rgba(33,77,187,0.18);
  color:#214dbb;
}

/* Multi-Tenant card — indigo/navy */
.nexus-home .nexus-multitenant-card{
  border-top:4px solid #17439d;
  background:linear-gradient(135deg,rgba(23,67,157,0.045) 0%,rgba(255,255,255,0) 42%),#ffffff;
}
.nexus-home .nexus-multitenant-card .nexus-split-experience-head{
  background:linear-gradient(135deg,rgba(23,67,157,0.10) 0%,rgba(255,255,255,0.92) 68%),#eef2ff;
  border-bottom-color:rgba(23,67,157,0.14);
}
.nexus-home .nexus-multitenant-card .nexus-split-experience-head .section-kicker{
  background:#ffffff;
  border-color:rgba(23,67,157,0.18);
  color:#17439d;
}
.nexus-home .nexus-multitenant-card .nexus-split-icon{
  background:rgba(23,67,157,0.12);
  color:#17439d;
  border-radius:14px;
}
.nexus-home .nexus-multitenant-card .nexus-split-icon svg{
  color:#17439d;
}

/* ── Sub-section wrapper ── */
.nexus-home .nexus-platform-sub-section{
  margin-bottom:56px;
}
.nexus-home .nexus-platform-sub-section:last-child{
  margin-bottom:0;
}

/* ── Sub-section header ── */
.nexus-home .nexus-platform-sub-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 36px;
}
.nexus-home .nexus-sub-kicker{
  display:inline-block;
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#16a37f;
  background:rgba(22,163,127,0.08);
  border:1px solid rgba(22,163,127,0.22);
  border-radius:100px;
  padding:5px 14px;
  margin-bottom:12px;
}
.nexus-home .nexus-platform-sub-head h3{
  font-size:1.9rem;
  font-weight:800;
  color:#0f2650;
  margin:0 0 12px;
  line-height:1.2;
}
.nexus-home .nexus-platform-sub-head p{
  font-size:1rem;
  color:#5a6880;
  line-height:1.7;
  margin:0;
}

/* ═══ Identity Category Grid ═══ */
.nexus-home .nexus-identity-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.nexus-home .nexus-identity-card{
  background:#ffffff;
  border:1px solid rgba(15,38,80,0.10);
  border-top-width:3px;
  border-radius:14px;
  padding:22px 18px 18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:box-shadow 0.2s,transform 0.2s;
}
.nexus-home .nexus-identity-card:hover{
  box-shadow:0 8px 28px rgba(15,38,80,0.12);
  transform:translateY(-3px);
}
.nexus-home .nexus-identity-card .nic-badge{
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nexus-home .nexus-identity-card .nic-badge svg{
  width:22px;
  height:22px;
}
.nexus-home .nexus-identity-card strong{
  font-size:0.95rem;
  font-weight:700;
  line-height:1.3;
  color:#0f2650;
}
.nexus-home .nexus-identity-card span{
  font-size:0.82rem;
  color:#5a6880;
  line-height:1.55;
}
.nexus-home .nexus-identity-card.nic-public{ border-top-color:#8fa8f5; }
.nexus-home .nexus-identity-card.nic-public .nic-badge{ background:rgba(143,168,245,0.14); color:#3c5dc7; }
.nexus-home .nexus-identity-card.nic-customer{ border-top-color:#16a37f; }
.nexus-home .nexus-identity-card.nic-customer .nic-badge{ background:rgba(22,163,127,0.12); color:#16a37f; }
.nexus-home .nexus-identity-card.nic-partner{ border-top-color:#d97706; }
.nexus-home .nexus-identity-card.nic-partner .nic-badge{ background:rgba(217,119,6,0.10); color:#d97706; }
.nexus-home .nexus-identity-card.nic-employee{ border-top-color:#214dbb; }
.nexus-home .nexus-identity-card.nic-employee .nic-badge{ background:rgba(33,77,187,0.10); color:#214dbb; }
.nexus-home .nexus-identity-card.nic-training{ border-top-color:#7c3aed; }
.nexus-home .nexus-identity-card.nic-training .nic-badge{ background:rgba(124,58,237,0.10); color:#7c3aed; }

/* ═══ Knowledge Hierarchy Levels ═══ */
.nexus-home .nexus-knowledge-levels{
  display:flex;
  align-items:flex-start;
  gap:0;
  overflow-x:auto;
  padding-bottom:6px;
}
.nexus-home .nkl-level{
  flex:1;
  min-width:140px;
  background:#ffffff;
  border:1px solid rgba(15,38,80,0.09);
  border-top-width:4px;
  border-radius:14px;
  padding:20px 16px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.nexus-home .nkl-label{
  font-size:0.82rem;
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
}
.nexus-home .nkl-desc{
  font-size:0.81rem;
  color:#5a6880;
  line-height:1.55;
  flex:1;
}
.nexus-home .nkl-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:4px;
}
.nexus-home .nkl-chips span{
  display:inline-block;
  font-size:0.7rem;
  font-weight:600;
  border-radius:100px;
  padding:3px 9px;
  background:rgba(15,38,80,0.06);
  color:#4a5878;
  white-space:nowrap;
}
.nexus-home .nkl-connector{
  flex:0 0 auto;
  align-self:center;
  font-size:1.6rem;
  color:#c0cce4;
  padding:0 6px;
  line-height:1;
  margin-top:-20px;
  user-select:none;
}

/* Knowledge level color variants */
.nexus-home .nkl-tenant{ border-top-color:#214dbb; }
.nexus-home .nkl-tenant .nkl-label{ color:#214dbb; }
.nexus-home .nkl-tenant .nkl-chips span{ background:rgba(33,77,187,0.08); color:#214dbb; }

.nexus-home .nkl-context{ border-top-color:#16a37f; }
.nexus-home .nkl-context .nkl-label{ color:#16a37f; }
.nexus-home .nkl-context .nkl-chips span{ background:rgba(22,163,127,0.08); color:#16a37f; }

.nexus-home .nkl-subcontext{ border-top-color:#0f8f7a; }
.nexus-home .nkl-subcontext .nkl-label{ color:#0f8f7a; }
.nexus-home .nkl-subcontext .nkl-chips span{ background:rgba(15,143,122,0.08); color:#0f8f7a; }

.nexus-home .nkl-bunit{ border-top-color:#d97706; }
.nexus-home .nkl-bunit .nkl-label{ color:#d97706; }
.nexus-home .nkl-bunit .nkl-chips span{ background:rgba(217,119,6,0.08); color:#b45309; }

.nexus-home .nkl-project{ border-top-color:#7c3aed; }
.nexus-home .nkl-project .nkl-label{ color:#7c3aed; }
.nexus-home .nkl-project .nkl-chips span{ background:rgba(124,58,237,0.08); color:#6d28d9; }

/* ── Responsive (old sub-section classes, kept for safety) ── */
@media (max-width:1100px){
  .nexus-home .nexus-platform-section .nexus-split-experience-grid{
    grid-template-columns:1fr;
  }
  .nexus-home .nexus-identity-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .nexus-home .nexus-knowledge-levels{
    flex-wrap:wrap;
  }
  .nexus-home .nkl-connector{
    display:none;
  }
  .nexus-home .nkl-level{
    flex:0 0 calc(50% - 8px);
  }
}
@media (max-width:680px){
  .nexus-home .nexus-identity-grid{
    grid-template-columns:1fr 1fr;
  }
  .nexus-home .nkl-level{
    flex:0 0 100%;
  }
  .nexus-home .nexus-platform-sub-head h3{
    font-size:1.5rem;
  }
}
@media (max-width:420px){
  .nexus-home .nexus-identity-grid{
    grid-template-columns:1fr;
  }
}

/* ═══════════════════════════════════════════════════════════════
   Nexus Platform — nxp-* visual layout (refined)
   ═══════════════════════════════════════════════════════════════ */

/* ── Section head ── */
.nexus-home .nxp-platform-head{
  text-align:center;
  justify-content:center;
  margin-bottom:36px;
}
.nexus-home .nxp-platform-head-text{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:100%;
}
.nexus-home .nxp-platform-head-text h2{
  font-size:2.1rem;
  font-weight:800;
  color:#0f2650;
  margin:0;
  line-height:1.2;
}
.nexus-home .nxp-platform-head-text p{
  font-size:0.9rem;
  color:#5a7870;
  margin:0;
  letter-spacing:0.02em;
}

/* ── Concept row ── */
.nexus-home .nxp-concept-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
  margin-bottom:24px;
}

/* ── Panel base — no padding; hd/bd handle spacing ── */
.nexus-home .nxp-panel{
  background:#ffffff;
  border:1px solid rgba(15,38,80,0.08);
  border-top-width:4px;
  border-radius:20px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 12px rgba(15,38,80,0.06),0 6px 24px rgba(15,38,80,0.04);
  padding:0;
  gap:0;
}

/* Panel header zone */
.nexus-home .nxp-panel-hd{
  padding:22px 24px 18px;
  display:flex;
  flex-direction:column;
  gap:7px;
  border-bottom:1px solid transparent;
}
.nexus-home .nxp-panel-hd h3{
  font-size:1.18rem;
  font-weight:800;
  color:#0f2650;
  margin:0;
  line-height:1.25;
}
.nexus-home .nxp-tagline{
  font-size:0.84rem;
  color:#5a6880;
  line-height:1.55;
  margin:0;
}

/* Panel body zone */
.nexus-home .nxp-panel-bd{
  padding:18px 24px 20px;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
}

/* ── Bot panel — blue ── */
.nexus-home .nxp-bot-panel{ border-top-color:#214dbb; }
.nexus-home .nxp-bot-panel .nxp-panel-hd{
  background:linear-gradient(135deg,rgba(33,77,187,0.09) 0%,rgba(255,255,255,0.95) 68%),#eef4ff;
  border-bottom-color:rgba(33,77,187,0.11);
}
.nexus-home .nxp-bot-panel .nexus-sub-kicker{
  color:#214dbb;
  background:rgba(33,77,187,0.08);
  border-color:rgba(33,77,187,0.18);
}

/* ── Categories panel — teal ── */
.nexus-home .nxp-categories-panel{ border-top-color:#0f8f7a; }
.nexus-home .nxp-categories-panel .nxp-panel-hd{
  background:linear-gradient(135deg,rgba(15,143,122,0.09) 0%,rgba(255,255,255,0.95) 68%),#e8fbf7;
  border-bottom-color:rgba(15,143,122,0.11);
}
.nexus-home .nxp-categories-panel .nexus-sub-kicker{
  color:#0f7b6b;
  background:rgba(15,143,122,0.08);
  border-color:rgba(15,143,122,0.18);
}

/* ── Trait grid ── */
.nexus-home .nxp-trait-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.nexus-home .nxp-trait{
  background:#f7f9ff;
  border:1px solid rgba(33,77,187,0.09);
  border-left:3px solid #214dbb;
  border-radius:0 10px 10px 0;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.nexus-home .nxp-trait-label{
  font-size:0.78rem;
  font-weight:700;
  color:#214dbb;
  line-height:1.2;
}
.nexus-home .nxp-trait-desc{
  font-size:0.71rem;
  color:#6a7a94;
  line-height:1.3;
}

/* Bot badge */
.nexus-home .nxp-bot-badge{
  display:flex;align-items:center;gap:8px;
  font-size:0.76rem;font-weight:600;
  color:#214dbb;
  background:rgba(33,77,187,0.05);
  border:1px solid rgba(33,77,187,0.13);
  border-radius:100px;padding:6px 14px;
}
.nexus-home .nxp-bot-badge svg{ width:15px;height:15px;flex:0 0 15px;color:#214dbb; }

/* ── Category tile grid ── */
.nexus-home .nxp-cat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.nexus-home .nxp-cat-tile{
  background:#f0fdfb;
  border:1px solid rgba(15,143,122,0.15);
  border-radius:12px;
  padding:14px 6px 12px;
  display:flex;flex-direction:column;
  align-items:center;gap:8px;text-align:center;
  transition:background 0.18s,border-color 0.18s,transform 0.18s;
  cursor:default;
}
.nexus-home .nxp-cat-tile:hover{
  background:rgba(15,143,122,0.10);
  border-color:rgba(15,143,122,0.28);
  transform:translateY(-2px);
}
.nexus-home .nxp-cat-icon{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(15,143,122,0.11);
  border-radius:9px;color:#0f8f7a;
}
.nexus-home .nxp-cat-icon svg{ width:20px;height:20px; }
.nexus-home .nxp-cat-tile span{
  font-size:0.69rem;font-weight:700;color:#0a3d2e;line-height:1.25;
}

/* Multi-tenant strip */
.nexus-home .nxp-mt-strip{
  display:flex;align-items:center;gap:8px;
  font-size:0.78rem;color:#5a6880;
  background:rgba(23,67,157,0.05);
  border:1px solid rgba(23,67,157,0.11);
  border-radius:10px;padding:9px 13px;line-height:1.4;
}
.nexus-home .nxp-mt-strip svg{ width:16px;height:16px;flex:0 0 16px;color:#17439d; }
.nexus-home .nxp-mt-strip strong{ color:#17439d;white-space:nowrap; }

/* ── Sub-kicker pill ── */
.nexus-home .nexus-sub-kicker{
  display:inline-block;
  font-size:0.67rem;font-weight:700;letter-spacing:0.12em;
  text-transform:uppercase;
  color:#16a37f;
  background:rgba(22,163,127,0.08);
  border:1px solid rgba(22,163,127,0.22);
  border-radius:100px;padding:4px 12px;
}

/* ── Escalation panel ── */
.nexus-home .nxp-escalation-panel{
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(194,124,16,0.22);
  border-top:4px solid #c27c10;
  margin-bottom:36px;
  box-shadow:0 4px 24px rgba(194,124,16,0.14), 0 1px 4px rgba(0,0,0,0.04);
}

/* Header zone — rich amber gradient */
.nexus-home .nxp-escalation-hd{
  display:flex;align-items:center;gap:28px;
  padding:22px 28px 20px;
  background:
    linear-gradient(135deg,rgba(194,124,16,0.20) 0%,rgba(255,248,230,0.90) 60%),
    #fef3c7;
  border-bottom:1px solid rgba(194,124,16,0.16);
  flex-wrap:wrap;
}
.nexus-home .nxp-escalation-hd-left{
  display:flex;align-items:center;gap:16px;flex:0 0 auto;
}
.nexus-home .nxp-escalation-icon{
  width:60px;height:60px;flex:0 0 60px;
  background:rgba(194,124,16,0.14);
  border:1px solid rgba(194,124,16,0.22);
  border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  color:#92510a;
}
.nexus-home .nxp-escalation-icon svg{ width:34px;height:34px; }
.nexus-home .nxp-escalation-kicker{
  color:#ffffff;
  background:#b96a0c;
  border-color:#a05c0a;
  display:block;margin-bottom:6px;
}
.nexus-home .nxp-escalation-title{
  margin:0;font-size:1.1rem;font-weight:800;
  color:#431d00;line-height:1.3;
}
.nexus-home .nxp-escalation-desc{
  flex:1;min-width:220px;
  font-size:0.86rem;color:#78460a;line-height:1.6;margin:0;
}

/* Body zone — trigger chips */
.nexus-home .nxp-escalation-bd{
  padding:18px 28px 20px;
  background:#ffffff;
}
.nexus-home .nxp-escalation-bd-label{
  font-size:0.7rem;font-weight:700;letter-spacing:0.10em;
  text-transform:uppercase;color:#b07030;
  margin:0 0 10px;
}
.nexus-home .nxp-escalation-triggers{
  display:flex;flex-wrap:wrap;gap:8px;
}
.nexus-home .nxp-escalation-triggers span{
  display:inline-flex;align-items:center;gap:5px;
  font-size:0.78rem;font-weight:600;
  padding:6px 13px;border-radius:100px;
  background:rgba(194,124,16,0.07);
  border:1px solid rgba(194,124,16,0.22);
  color:#7a4a00;white-space:nowrap;
  transition:background 0.15s,border-color 0.15s;
}
.nexus-home .nxp-escalation-triggers span:hover{
  background:rgba(194,124,16,0.15);
  border-color:rgba(194,124,16,0.38);
}
.nexus-home .nxp-escalation-triggers span svg{
  width:13px;height:13px;flex:0 0 13px;color:#a06600;
}
@media (max-width:700px){
  .nexus-home .nxp-escalation-hd{ flex-direction:column;align-items:flex-start;gap:14px; }
  .nexus-home .nxp-escalation-desc{ min-width:0; }
}

/* ── Sub-section wrappers ── */
.nexus-home .nxp-subsec{ margin-bottom:40px; }
.nexus-home .nxp-subsec:last-child{ margin-bottom:0; }
.nexus-home .nxp-subsec-head{
  text-align:center;max-width:660px;margin:0 auto 22px;
}
.nexus-home .nxp-subsec-head h3{
  font-size:1.65rem;font-weight:800;color:#0f2650;
  margin:7px 0 7px;line-height:1.2;
}
.nexus-home .nxp-subsec-head p{
  font-size:0.9rem;color:#5a6880;margin:0;line-height:1.6;
}

/* ── Identity grid ── */
.nexus-home .nexus-identity-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:13px;
}
.nexus-home .nexus-identity-card{
  background:#ffffff;
  border:1px solid rgba(15,38,80,0.08);border-top-width:3px;
  border-radius:14px;padding:18px 15px 15px;
  display:flex;flex-direction:column;gap:9px;
  box-shadow:0 2px 10px rgba(15,38,80,0.05);
  transition:box-shadow 0.2s,transform 0.2s;
}
.nexus-home .nexus-identity-card:hover{
  box-shadow:0 6px 22px rgba(15,38,80,0.10);transform:translateY(-2px);
}
.nexus-home .nexus-identity-card .nic-badge{
  width:36px;height:36px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
}
.nexus-home .nexus-identity-card .nic-badge svg{ width:19px;height:19px; }
.nexus-home .nexus-identity-card strong{
  font-size:0.88rem;font-weight:700;line-height:1.3;color:#0f2650;
}
.nexus-home .nexus-identity-card span{ display:none; }
.nexus-home .nic-access{ display:flex;flex-wrap:wrap;gap:4px;margin-top:2px; }
.nexus-home .nic-access span{
  display:inline-block !important;
  font-size:0.67rem;font-weight:600;
  border-radius:100px;padding:3px 8px;
  white-space:nowrap;
}

.nexus-home .nexus-identity-card.nic-public{ border-top-color:#8fa8f5; }
.nexus-home .nexus-identity-card.nic-public .nic-badge{ background:rgba(143,168,245,0.14);color:#3c5dc7; }
.nexus-home .nexus-identity-card.nic-public .nic-access span{ background:rgba(143,168,245,0.13);color:#3c5dc7; }
.nexus-home .nexus-identity-card.nic-customer{ border-top-color:#16a37f; }
.nexus-home .nexus-identity-card.nic-customer .nic-badge{ background:rgba(22,163,127,0.12);color:#16a37f; }
.nexus-home .nexus-identity-card.nic-customer .nic-access span{ background:rgba(22,163,127,0.09);color:#0e7a5c; }
.nexus-home .nexus-identity-card.nic-partner{ border-top-color:#d97706; }
.nexus-home .nexus-identity-card.nic-partner .nic-badge{ background:rgba(217,119,6,0.10);color:#d97706; }
.nexus-home .nexus-identity-card.nic-partner .nic-access span{ background:rgba(217,119,6,0.08);color:#a35808; }
.nexus-home .nexus-identity-card.nic-employee{ border-top-color:#214dbb; }
.nexus-home .nexus-identity-card.nic-employee .nic-badge{ background:rgba(33,77,187,0.10);color:#214dbb; }
.nexus-home .nexus-identity-card.nic-employee .nic-access span{ background:rgba(33,77,187,0.08);color:#214dbb; }
.nexus-home .nexus-identity-card.nic-training{ border-top-color:#7c3aed; }
.nexus-home .nexus-identity-card.nic-training .nic-badge{ background:rgba(124,58,237,0.10);color:#7c3aed; }
.nexus-home .nexus-identity-card.nic-training .nic-access span{ background:rgba(124,58,237,0.08);color:#6d28d9; }

/* ── Knowledge levels ── */
.nexus-home .nexus-knowledge-levels{
  display:flex;align-items:stretch;gap:0;
  overflow-x:auto;padding-bottom:4px;
}
.nexus-home .nkl-level{
  flex:1;min-width:130px;background:#ffffff;
  border:1px solid rgba(15,38,80,0.08);border-top-width:4px;
  border-radius:14px;padding:16px 14px 14px;
  display:flex;flex-direction:column;gap:8px;
  box-shadow:0 2px 8px rgba(15,38,80,0.05);
}
.nexus-home .nkl-label{
  font-size:0.76rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;
}
.nexus-home .nkl-desc{
  font-size:0.76rem;color:#5a6880;line-height:1.5;flex:1;
}
.nexus-home .nkl-chips{ display:flex;flex-wrap:wrap;gap:4px;margin-top:2px; }
.nexus-home .nkl-chips span{
  display:inline-block;font-size:0.67rem;font-weight:600;
  border-radius:100px;padding:3px 8px;
  background:rgba(15,38,80,0.06);color:#4a5878;white-space:nowrap;
}
.nexus-home .nkl-connector{
  flex:0 0 auto;align-self:center;
  font-size:1.4rem;color:#c0cce4;
  padding:0 4px;line-height:1;user-select:none;
}

.nexus-home .nkl-tenant{ border-top-color:#214dbb; }
.nexus-home .nkl-tenant .nkl-label{ color:#214dbb; }
.nexus-home .nkl-tenant .nkl-chips span{ background:rgba(33,77,187,0.08);color:#214dbb; }
.nexus-home .nkl-context{ border-top-color:#16a37f; }
.nexus-home .nkl-context .nkl-label{ color:#16a37f; }
.nexus-home .nkl-context .nkl-chips span{ background:rgba(22,163,127,0.08);color:#16a37f; }
.nexus-home .nkl-subcontext{ border-top-color:#0f8f7a; }
.nexus-home .nkl-subcontext .nkl-label{ color:#0f8f7a; }
.nexus-home .nkl-subcontext .nkl-chips span{ background:rgba(15,143,122,0.08);color:#0f8f7a; }
.nexus-home .nkl-bunit{ border-top-color:#d97706; }
.nexus-home .nkl-bunit .nkl-label{ color:#d97706; }
.nexus-home .nkl-bunit .nkl-chips span{ background:rgba(217,119,6,0.08);color:#b45309; }
.nexus-home .nkl-project{ border-top-color:#7c3aed; }
.nexus-home .nkl-project .nkl-label{ color:#7c3aed; }
.nexus-home .nkl-project .nkl-chips span{ background:rgba(124,58,237,0.08);color:#6d28d9; }

/* ── Responsive ── */
@media (max-width:1100px){
  .nexus-home .nxp-concept-row{ grid-template-columns:1fr; }
  .nexus-home .nexus-identity-grid{ grid-template-columns:repeat(3,1fr); }
  .nexus-home .nexus-knowledge-levels{ flex-wrap:wrap; }
  .nexus-home .nkl-connector{ display:none; }
  .nexus-home .nkl-level{ flex:0 0 calc(50% - 8px); }
}
@media (max-width:680px){
  .nexus-home .nexus-identity-grid{ grid-template-columns:1fr 1fr; }
  .nexus-home .nkl-level{ flex:0 0 100%; }
  .nexus-home .nxp-subsec-head h3{ font-size:1.4rem; }
}
@media (max-width:500px){
  .nexus-home .nxp-cat-grid{ grid-template-columns:repeat(2,1fr); }
  .nexus-home .nexus-identity-grid{ grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════════════
   Nexus Platform Section — workspaces overview
   ═══════════════════════════════════════════════════════════════ */
.nexus-home .nexus-workspaces-section{
  background:#edf2fb;
  padding:64px 0 72px;
}

/* Section header — full-width dark navy card */
.nexus-home .nxw-head.section-head-highlight{
  max-width:none;margin:0 0 36px;
  text-align:center;
  padding:48px 56px;
}
.nexus-home .nxw-kicker{
  background:rgba(255,255,255,0.15);
  color:#b8d0f8;
  border:1px solid rgba(255,255,255,0.22);
}
.nexus-home .nxw-head h2{
  font-size:clamp(1.9rem,3.2vw,2.6rem);
  color:#fff;font-weight:800;line-height:1.22;
  margin:14px 0 16px;
}
.nexus-home .nxw-em{
  color:#6adbb8;
}
.nexus-home .nxw-head p{
  font-size:1.02rem;color:rgba(255,255,255,0.68);line-height:1.75;margin:0 0 28px;
}
.nexus-home .nxw-platform-link{
  display:inline-flex;align-items:center;gap:8px;
  font-size:0.93rem;font-weight:600;
  color:#0e1f4a;
  background:#fff;
  padding:10px 22px;border-radius:50px;
  text-decoration:none;
  box-shadow:0 4px 18px rgba(0,0,0,0.18);
  transition:transform 0.18s,box-shadow 0.18s;
}
.nexus-home .nxw-platform-link:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 26px rgba(0,0,0,0.24);
}
.nexus-home .nxw-platform-link svg{ width:17px;height:17px; }

/* Workspace cards grid */
.nexus-home .nxw-cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.nexus-home .nxw-card{
  border-radius:20px;overflow:hidden;
  border:1px solid rgba(33,77,187,0.10);
  background:#fff;
  display:flex;flex-direction:column;
  box-shadow:0 2px 16px rgba(33,77,187,0.07);
  transition:transform 0.2s,box-shadow 0.2s;
}
.nexus-home .nxw-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 32px rgba(33,77,187,0.13);
}
.nexus-home .nxw-card-accent{
  height:4px;width:100%;flex:0 0 4px;
}
.nexus-home .nxw-card-studio .nxw-card-accent{ background:linear-gradient(90deg,#214dbb,#5b9df5); }
.nexus-home .nxw-card-admin  .nxw-card-accent{ background:linear-gradient(90deg,#c27c10,#f0a830); }
.nexus-home .nxw-card-live   .nxw-card-accent{ background:linear-gradient(90deg,#0f8f7a,#16a37f); }

.nexus-home .nxw-card-inner{
  padding:26px 26px 30px;
  display:flex;flex-direction:column;gap:18px;flex:1;
}
.nexus-home .nxw-card-hd{ display:flex;flex-direction:column;gap:10px; }

/* Badge */
.nexus-home .nxw-ws-badge{
  font-size:0.68rem;font-weight:700;letter-spacing:0.1em;
  text-transform:uppercase;width:fit-content;
  padding:3px 10px;border-radius:4px;
}
.nexus-home .nxw-card-studio .nxw-ws-badge{ color:#214dbb;background:rgba(33,77,187,0.09);border:1px solid rgba(33,77,187,0.2); }
.nexus-home .nxw-card-admin  .nxw-ws-badge{ color:#c27c10;background:rgba(194,124,16,0.09);border:1px solid rgba(194,124,16,0.22); }
.nexus-home .nxw-card-live   .nxw-ws-badge{ color:#0f8f7a;background:rgba(15,143,122,0.08);border:1px solid rgba(15,143,122,0.22); }

/* Icon */
.nexus-home .nxw-icon{
  width:50px;height:50px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
}
.nexus-home .nxw-icon svg{ width:26px;height:26px; }
.nexus-home .nxw-icon-studio{ background:rgba(33,77,187,0.10);color:#214dbb; }
.nexus-home .nxw-icon-admin { background:rgba(194,124,16,0.10);color:#c27c10; }
.nexus-home .nxw-icon-live  { background:rgba(15,143,122,0.10);color:#0f8f7a; }

.nexus-home .nxw-card-hd h3{
  font-size:1.12rem;font-weight:700;color:#0e1f4a;
  margin:0;line-height:1.25;
}
.nexus-home .nxw-card-lead{
  font-size:0.87rem;color:#4e6070;line-height:1.65;margin:0;
}

/* Feature list */
.nexus-home .nxw-feat-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:8px;
  border-top:1px solid rgba(33,77,187,0.07);
  padding-top:16px;
}
.nexus-home .nxw-feat-list li{
  display:flex;align-items:flex-start;gap:9px;
  font-size:0.85rem;color:#4a6070;line-height:1.55;
}
.nexus-home .nxw-feat-list li::before{
  content:"";flex:0 0 6px;height:6px;
  border-radius:50%;margin-top:5px;
}
.nexus-home .nxw-card-studio .nxw-feat-list li::before{ background:#214dbb; }
.nexus-home .nxw-card-admin  .nxw-feat-list li::before{ background:#c27c10; }
.nexus-home .nxw-card-live   .nxw-feat-list li::before{ background:#0f8f7a; }

@media (max-width:900px){
  .nexus-home .nxw-cards{ grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════════════
   Nexus Apps Section — sky/cyan accent (#0284c7)
   ═══════════════════════════════════════════════════════════════ */
.nexus-home .nexus-apps-section{
  padding:72px 0 20px;
  background:#f8fbff;
  position:relative;
}
.nexus-home .nexus-apps-section::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 45% at 50% 0%, rgba(2,132,199,0.07) 0%, transparent 80%);
  pointer-events:none;
}
/* Tighten vertical gaps between all bottom sections */
.nexus-home .nexus-apps-section + .nexus-leadership-work-section{
  padding-top:20px;
}
.nexus-home .nexus-leadership-work-section{
  padding-bottom:40px;
}
.nexus-home .nexus-experience-section{
  padding-top:40px;
}

/* Section header — sky variant */
.nexus-home .nxp-apps-head{
  background:
    linear-gradient(135deg,rgba(2,132,199,0.16) 0%,rgba(240,249,255,0.95) 68%),
    #e0f2fe;
  border-top:4px solid #0284c7;
  border-color:rgba(2,132,199,0.22);
}
.nexus-home .nxp-apps-head .section-kicker{
  color:#0369a1;
  background:rgba(2,132,199,0.12);
  border-color:rgba(2,132,199,0.30);
}

/* Panel headers — sky tint */
.nexus-home .nxp-app-panel-hd{
  background:
    linear-gradient(135deg,rgba(2,132,199,0.10) 0%,rgba(255,255,255,0) 65%),
    #f0f9ff;
  border-bottom-color:rgba(2,132,199,0.13);
}

/* Icon row in panel header */
.nexus-home .nxp-app-icon-row{
  display:flex;align-items:center;gap:14px;margin-bottom:10px;
}
.nexus-home .nxp-app-hd-icon{
  width:52px;height:52px;border-radius:14px;
  flex:0 0 52px;
  box-shadow:0 4px 14px rgba(2,132,199,0.20);
}
.nexus-home .nxp-app-icon-row > div{ flex:1; }
.nexus-home .nxp-app-icon-row h3{ margin:0; }

/* Sub-kicker — sky override */
.nexus-home .nxp-app-kicker{
  color:#0369a1;
  background:rgba(2,132,199,0.10);
  border-color:rgba(2,132,199,0.28);
}

/* App trait tiles — sky left border */
.nexus-home .nxp-app-trait{
  background:#f0f9ff;
  border:1px solid rgba(2,132,199,0.13);
  border-left:3px solid #0284c7;
}

/* App type tile grid */
.nexus-home .nxp-app-type-grid{
  grid-template-columns:repeat(4,1fr);
}
.nexus-home .nxp-app-tile{
  background:#f0f9ff;
  border-color:rgba(2,132,199,0.18);
}
.nexus-home .nxp-app-tile:hover{
  background:#e0f2fe;
  border-color:rgba(2,132,199,0.36);
}
.nexus-home .nxp-app-cat-icon{
  background:rgba(2,132,199,0.13);
  color:#0369a1;
  border-radius:9px;
}

/* App badge + platform strip */
.nexus-home .nxp-app-badge{
  background:rgba(2,132,199,0.08);
  border-color:rgba(2,132,199,0.18);
  color:#075985;
}
.nexus-home .nxp-app-badge svg{ color:#0369a1; }

.nexus-home .nxp-app-platform-strip{
  background:rgba(2,132,199,0.07);
  border-color:rgba(2,132,199,0.16);
}
.nexus-home .nxp-app-platform-strip svg{ color:#0369a1; }
.nexus-home .nxp-app-platform-strip strong{ color:#075985; }

/* App concept panel — sky top border */
.nexus-home .nxp-app-concept-panel{
  border-top:3px solid #0284c7;
}
.nexus-home .nxp-app-types-panel{
  border-top:3px solid rgba(2,132,199,0.55);
}

@media (max-width:900px){
  .nexus-home .nxp-app-type-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:540px){
  .nexus-home .nxp-app-icon-row{ flex-direction:column;align-items:flex-start;gap:8px; }
  .nexus-home .nxp-app-type-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ── Nexus Support panel ── */
.nexus-home .nxp-support-panel{
  margin-top:28px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(2,132,199,0.16);
  border-top:4px solid #0284c7;
  box-shadow:0 2px 16px rgba(2,132,199,0.08);
}

/* Header row */
.nexus-home .nxp-support-hd{
  display:flex;align-items:center;gap:32px;
  padding:22px 28px 18px;
  background:
    linear-gradient(135deg,rgba(2,132,199,0.12) 0%,rgba(240,249,255,0.95) 65%),
    #e0f2fe;
  border-bottom:1px solid rgba(2,132,199,0.13);
  flex-wrap:wrap;
}
.nexus-home .nxp-support-hd-text{ flex:0 0 auto;max-width:360px; }
.nexus-home .nxp-support-hd-text h3{ margin:6px 0 6px; }
.nexus-home .nxp-support-hd-text .nxp-tagline{ margin:0;font-size:0.85rem; }

/* Ticket pipeline strip */
.nexus-home .nxp-support-pipeline{
  flex:1;display:flex;align-items:center;gap:6px;
  flex-wrap:wrap;justify-content:flex-end;
}
.nexus-home .nxp-sp-stage{
  display:flex;align-items:center;gap:6px;
  font-size:0.75rem;font-weight:600;color:#075985;
  background:rgba(255,255,255,0.70);
  border:1px solid rgba(2,132,199,0.18);
  border-radius:100px;padding:5px 12px;
  white-space:nowrap;
}
.nexus-home .nxp-sp-dot{
  width:8px;height:8px;border-radius:50%;flex:0 0 8px;
}
.nexus-home .nxp-sp-dot--new   { background:#94a3b8; }
.nexus-home .nxp-sp-dot--ai    { background:#0284c7; }
.nexus-home .nxp-sp-dot--auto  { background:#16a34a; }
.nexus-home .nxp-sp-dot--agent { background:#f59e0b; }
.nexus-home .nxp-sp-dot--closed{ background:#6d28d9; }
.nexus-home .nxp-sp-arrow{
  color:rgba(2,132,199,0.45);font-size:1rem;line-height:1;
}

/* 4-col feature grid */
.nexus-home .nxp-support-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  background:#f0f9ff;
}
.nexus-home .nxp-sf-card{
  display:flex;align-items:flex-start;gap:12px;
  padding:18px 20px;
  border-right:1px solid rgba(2,132,199,0.10);
  border-bottom:1px solid rgba(2,132,199,0.10);
  background:#ffffff;
  transition:background 0.18s;
}
.nexus-home .nxp-sf-card:hover{ background:#f0f9ff; }
.nexus-home .nxp-sf-card:nth-child(4n){ border-right:none; }
.nexus-home .nxp-sf-card:nth-child(n+5){ border-bottom:none; }

.nexus-home .nxp-sf-icon{
  flex:0 0 36px;width:36px;height:36px;
  background:rgba(2,132,199,0.10);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:#0369a1;margin-top:1px;
}
.nexus-home .nxp-sf-icon svg{ width:17px;height:17px; }

.nexus-home .nxp-sf-body{
  display:flex;flex-direction:column;gap:3px;
}
.nexus-home .nxp-sf-body strong{
  font-size:0.83rem;font-weight:700;color:#0c4a6e;line-height:1.3;
}
.nexus-home .nxp-sf-body span{
  font-size:0.76rem;color:#64748b;line-height:1.45;
}

@media (max-width:960px){
  .nexus-home .nxp-support-feature-grid{ grid-template-columns:repeat(2,1fr); }
  .nexus-home .nxp-sf-card:nth-child(4n){ border-right:1px solid rgba(2,132,199,0.10); }
  .nexus-home .nxp-sf-card:nth-child(2n){ border-right:none; }
  .nexus-home .nxp-sf-card:nth-child(n+7){ border-bottom:none; }
}
@media (max-width:600px){
  .nexus-home .nxp-support-hd{ flex-direction:column;align-items:flex-start;gap:16px; }
  .nexus-home .nxp-support-pipeline{ justify-content:flex-start; }
  .nexus-home .nxp-support-feature-grid{ grid-template-columns:1fr; }
  .nexus-home .nxp-sf-card{ border-right:none; }
  .nexus-home .nxp-sf-card:last-child{ border-bottom:none; }
}

/* ═══════════════════════════════════════════════════════════════
   Nexus Footer
   ═══════════════════════════════════════════════════════════════ */
/* ── CTA + Footer combined bottom section ─────────────────────── */
.nexus-home .nexus-cta-footer{
  background:linear-gradient(160deg,#0c1e42 0%,#0f275a 50%,#0a1a38 100%);
  padding:56px 0 0;
  color:#c0d2ec;
}

/* Product cards strip */
.nexus-home .ncf-products-strip{
  display:flex;align-items:stretch;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;overflow:hidden;
  background:rgba(255,255,255,0.025);
  margin-bottom:0;
}
.nexus-home .ncf-prod-card{
  flex:1;display:flex;align-items:flex-start;
  gap:18px;padding:28px 26px;
  transition:background 0.18s;
}
.nexus-home .ncf-prod-card:hover{
  background:rgba(255,255,255,0.04);
}
.nexus-home .ncf-prod-icon{
  width:60px;height:60px;flex:0 0 60px;
  border-radius:15px;
  box-shadow:0 5px 20px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1);
  display:block;
}
.nexus-home .ncf-prod-icon.ncf-prod-icon-qa{
  display:flex;align-items:center;justify-content:center;
}
.nexus-home .ncf-prod-icon.ncf-prod-icon-qa svg{
  width:60px;height:60px;border-radius:15px;
  box-shadow:0 5px 20px rgba(0,0,0,0.5);
}
.nexus-home .ncf-prod-body{
  display:flex;flex-direction:column;gap:6px;flex:1;
}
.nexus-home .ncf-prod-body strong{
  font-size:1rem;font-weight:700;color:#dde8f8;line-height:1.2;
}
.nexus-home .ncf-prod-body span{
  font-size:0.86rem;color:#94b8d8;line-height:1.65;
}
.nexus-home .ncf-prod-tags{
  display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;
}
.nexus-home .ncf-prod-tags span{
  font-size:0.72rem;font-weight:600;letter-spacing:0.04em;
  color:#8ec0e8;background:rgba(33,77,187,0.28);
  border:1px solid rgba(100,160,220,0.28);
  border-radius:5px;padding:2px 8px;line-height:1.6;
}
.nexus-home .ncf-prod-sep{
  width:1px;background:rgba(255,255,255,0.07);flex:0 0 1px;
}

/* CTA row: heading left, buttons right */
.nexus-home .ncf-cta-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:32px;
  padding:40px 0 44px;
  border-top:1px solid rgba(255,255,255,0.07);
  margin-top:32px;
}
.nexus-home .ncf-cta-text{
  flex:1;
}
.nexus-home .ncf-cta-text h2{
  font-size:clamp(1.4rem,2.4vw,2rem);
  color:#fff;font-weight:800;line-height:1.26;
  margin:0 0 8px;
}
.nexus-home .ncf-cta-text p{
  font-size:0.96rem;color:#8aaccc;line-height:1.65;margin:0;
}
.nexus-home .ncf-actions{
  display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;
}

/* Copyright bar */
.nexus-home .ncf-bottom-bar{
  border-top:1px solid rgba(255,255,255,0.06);
  background:rgba(0,0,0,0.2);
}
.nexus-home .ncf-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 0;
}
.nexus-home .ncf-copyright{ font-size:0.82rem;color:#334d66; }
.nexus-home .ncf-powered{ font-size:0.82rem;color:#334d66; }
.nexus-home .ncf-powered strong{ color:#4e6e8a;font-weight:600; }

@media (max-width:860px){
  .nexus-home .ncf-products-strip{ flex-direction:column; }
  .nexus-home .ncf-prod-sep{ width:auto;height:1px;flex:0 0 1px; }
  .nexus-home .ncf-cta-row{ flex-direction:column;align-items:flex-start;gap:24px; }
}
@media (max-width:480px){
  .nexus-home .ncf-bottom{ flex-direction:column;gap:5px;text-align:center; }
  .nexus-home .ncf-prod-icon{ width:48px;height:48px;flex:0 0 48px; }
}


/* ═══════════════════════════════════════════════════════════════
   Nexus Platform Page  (nexus-platform.html)
   ═══════════════════════════════════════════════════════════════ */

/* ── Hero ─────────────────────────────────────────────────────── */
/* Hero — two-zone layout */
.nxp-page .nxpl-hero{ overflow:hidden; }

.nxp-page .nxpl-hero-banner{
  background:
    radial-gradient(ellipse 70% 80% at 80% 50%, rgba(22,163,127,0.14) 0%, transparent 60%),
    radial-gradient(ellipse 60% 60% at 20% 20%, rgba(33,77,187,0.32) 0%, transparent 60%),
    linear-gradient(135deg,#091a38 0%,#0e2450 60%,#091a38 100%);
  padding:0;
  position:relative;
  overflow:hidden;
}
.nxp-page .nxpl-hero-banner::before{
  content:"";position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'%3E%3Cpath d='M0 30h60M30 0v60'/%3E%3C/g%3E%3C/svg%3E") repeat;
  pointer-events:none;
}

/* Two-column full-width layout */
.nxp-page .nxpl-hero-layout{
  display:grid;
  grid-template-columns:1.35fr 0.85fr;
  min-height:520px;
  position:relative;
}

/* Left column */
.nxp-page .nxpl-hero-left{
  display:flex;flex-direction:column;justify-content:center;
  padding:64px 40px 64px 0;
  position:relative;
}
.nxp-page .nxpl-hero-badge{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-size:11px;font-weight:800;letter-spacing:0.10em;text-transform:uppercase;
  color:#5dfbca;background:rgba(22,163,127,0.18);
  border:1px solid rgba(22,163,127,0.36);
  border-radius:999px;padding:6px 16px;margin-bottom:24px;
}
.nxp-page .nxpl-hero-badge svg{ width:13px;height:13px;opacity:.8; }
.nxp-page .nxpl-hero-h1{
  font-size:clamp(1.75rem,2.9vw,2.9rem);
  color:#fff;font-weight:900;line-height:1.1;letter-spacing:-0.3px;
  margin:0 0 18px;max-width:none;
}
.nxp-page .nxpl-hero-em{
  background:linear-gradient(135deg,#5b9df5 0%,#16a37f 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.nxp-page .nxpl-hero-sub{
  font-size:0.95rem;color:rgba(255,255,255,0.6);line-height:1.65;
  max-width:none;margin:0 0 28px;
}
.nxp-page .nxpl-hero-actions{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:36px;
}
.nxp-page .nxpl-hero-scroll-link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:0.93rem;font-weight:600;color:rgba(255,255,255,0.65);
  text-decoration:none;transition:color 0.18s;
}
.nxp-page .nxpl-hero-scroll-link:hover{ color:#fff; }
.nxp-page .nxpl-hero-scroll-link svg{ width:16px;height:16px; }

/* Stats row */
.nxp-page .nxpl-hero-stats{
  display:flex;align-items:center;gap:0;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,0.08);
}
.nxp-page .nxpl-stat{
  display:flex;flex-direction:column;gap:3px;flex:1;
}
.nxp-page .nxpl-stat strong{
  font-size:1.25rem;font-weight:800;color:#fff;
}
.nxp-page .nxpl-stat span{
  font-size:0.76rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.06em;
}
.nxp-page .nxpl-stat-sep{
  width:1px;height:36px;background:rgba(255,255,255,0.1);margin:0 20px;flex-shrink:0;
}

/* Right column — workspace visual panel */
.nxp-page .nxpl-hero-right{
  display:flex;align-items:center;justify-content:center;
  padding:48px 0 48px 24px;
  position:relative;
}
.nxp-page .nxpl-hero-right::before{
  content:"";position:absolute;left:0;top:10%;bottom:10%;
  width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,0.1) 30%,rgba(255,255,255,0.1) 70%,transparent);
}

/* Workspace visual nodes */
.nxp-page .nxpl-ws-visual{
  display:flex;flex-direction:column;gap:0;width:100%;max-width:480px;
}
.nxp-page .nxpl-wsv-node{
  display:flex;align-items:flex-start;gap:18px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:18px;
  padding:22px 24px;
  text-decoration:none;
  position:relative;
  transition:background 0.2s, border-color 0.2s, transform 0.2s;
}
.nxp-page .nxpl-wsv-node:hover{
  background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.18);transform:translateX(4px);
}
.nxp-page .nxpl-wsv-num{
  position:absolute;top:14px;right:18px;
  font-size:0.72rem;font-weight:700;letter-spacing:0.08em;
  color:rgba(255,255,255,0.18);
}
.nxp-page .nxpl-wsv-icon{
  width:52px;height:52px;border-radius:14px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.nxp-page .nxpl-wsv-icon svg{ width:30px;height:30px; }
.nxp-page .nxpl-wsv-live .nxpl-wsv-icon{
  background:rgba(22,163,127,0.18);border:1.5px solid rgba(22,163,127,0.35);color:#22c9a0;
}
.nxp-page .nxpl-wsv-studio .nxpl-wsv-icon{
  background:rgba(91,157,245,0.18);border:1.5px solid rgba(91,157,245,0.35);color:#7ab0f8;
}
.nxp-page .nxpl-wsv-admin .nxpl-wsv-icon{
  background:rgba(194,124,16,0.18);border:1.5px solid rgba(194,124,16,0.35);color:#f0a830;
}
.nxp-page .nxpl-wsv-body{
  display:flex;flex-direction:column;gap:5px;min-width:0;
}
.nxp-page .nxpl-wsv-body strong{
  font-size:1rem;font-weight:700;color:#fff;
}
.nxp-page .nxpl-wsv-body span{
  font-size:0.82rem;color:rgba(255,255,255,0.5);line-height:1.5;
}
.nxp-page .nxpl-wsv-pills{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;
}
.nxp-page .nxpl-wsv-pills span{
  font-size:0.7rem;font-weight:600;letter-spacing:0.04em;
  border-radius:50px;padding:2px 10px;color:rgba(255,255,255,0.55);
  background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);
}

/* Connector between nodes */
.nxp-page .nxpl-wsv-connector{
  display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;
}
.nxp-page .nxpl-wsv-line{
  width:1.5px;height:12px;
  background:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.04));
}
.nxp-page .nxpl-wsv-flow-label{
  font-size:0.65rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  color:rgba(255,255,255,0.22);
}

/* Responsive */
@media(max-width:900px){
  .nxp-page .nxpl-hero-layout{ grid-template-columns:1fr; }
  .nxp-page .nxpl-hero-left{ padding:64px 0 40px; }
  .nxp-page .nxpl-hero-right{ padding:0 0 64px;border-top:1px solid rgba(255,255,255,0.08); }
  .nxp-page .nxpl-hero-right::before{ display:none; }
}

/* Workspace highlight cards band */
.nxp-page .nxpl-hero-ws-band{
  background:#f2f6ff;
  padding:52px 0 60px;
  border-bottom:1px solid rgba(33,77,187,0.1);
}
.nxp-page .nxpl-hero-ws-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}

/* Workspace cards */
.nxp-page .nxpl-ws-card{
  display:flex;flex-direction:column;gap:0;
  background:#fff;border-radius:20px;
  border:1px solid rgba(33,77,187,0.09);
  box-shadow:0 3px 18px rgba(33,77,187,0.08);
  overflow:hidden;text-decoration:none;
  transition:transform 0.2s,box-shadow 0.2s;
}
.nxp-page .nxpl-ws-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 36px rgba(33,77,187,0.14);
}
.nxp-page .nxpl-ws-card-hd{
  display:flex;align-items:center;gap:14px;
  padding:22px 24px 18px;
  border-bottom:1px solid rgba(0,0,0,0.05);
}
.nxp-page .nxpl-ws-card-icon{
  width:52px;height:52px;flex:0 0 52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.nxp-page .nxpl-ws-card-icon svg{ width:28px;height:28px; }
.nxp-page .nxpl-ws-card-live   .nxpl-ws-card-icon{ background:rgba(15,143,122,0.12);color:#0f8f7a; }
.nxp-page .nxpl-ws-card-studio .nxpl-ws-card-icon{ background:rgba(33,77,187,0.12);color:#214dbb; }
.nxp-page .nxpl-ws-card-admin  .nxpl-ws-card-icon{ background:rgba(194,124,16,0.12);color:#c27c10; }

.nxp-page .nxpl-ws-card-title{ display:flex;flex-direction:column;gap:2px; }
.nxp-page .nxpl-ws-card-num{
  font-size:0.66rem;font-weight:800;letter-spacing:0.12em;
}
.nxp-page .nxpl-ws-card-live   .nxpl-ws-card-num{ color:#0f8f7a; }
.nxp-page .nxpl-ws-card-studio .nxpl-ws-card-num{ color:#214dbb; }
.nxp-page .nxpl-ws-card-admin  .nxpl-ws-card-num{ color:#c27c10; }
.nxp-page .nxpl-ws-card-title h3{
  font-size:1.08rem;font-weight:800;color:#0e1f3a;margin:0;line-height:1.2;
}

/* Card body */
.nxp-page .nxpl-ws-card-desc{
  font-size:0.87rem;color:#4a5e72;line-height:1.7;
  margin:0;padding:16px 24px 12px;
}
.nxp-page .nxpl-ws-card-pts{
  list-style:none;margin:0;padding:0 24px 16px;
  display:flex;flex-direction:column;gap:6px;
  flex:1;
}
.nxp-page .nxpl-ws-card-pts li{
  display:flex;align-items:flex-start;gap:8px;
  font-size:0.82rem;color:#3a5068;line-height:1.5;
}
.nxp-page .nxpl-ws-card-pts li::before{
  content:"";flex:0 0 5px;height:5px;border-radius:50%;margin-top:5px;
}
.nxp-page .nxpl-ws-card-live   .nxpl-ws-card-pts li::before{ background:#0f8f7a; }
.nxp-page .nxpl-ws-card-studio .nxpl-ws-card-pts li::before{ background:#214dbb; }
.nxp-page .nxpl-ws-card-admin  .nxpl-ws-card-pts li::before{ background:#c27c10; }

.nxp-page .nxpl-ws-card-link{
  display:flex;align-items:center;gap:6px;
  font-size:0.82rem;font-weight:700;
  margin:0;padding:14px 24px 18px;
  border-top:1px solid rgba(0,0,0,0.05);
  transition:gap 0.18s;
}
.nxp-page .nxpl-ws-card-live   .nxpl-ws-card-link{ color:#0f8f7a; }
.nxp-page .nxpl-ws-card-studio .nxpl-ws-card-link{ color:#214dbb; }
.nxp-page .nxpl-ws-card-admin  .nxpl-ws-card-link{ color:#c27c10; }
.nxp-page .nxpl-ws-card:hover .nxpl-ws-card-link{ gap:10px; }
.nxp-page .nxpl-ws-card-link svg{ width:13px;height:13px; }

/* ── Workspace sections ───────────────────────────────────────── */
.nxp-page .nxpl-ws-section{ padding:72px 0 64px; }
.nxp-page .nxpl-section-live  { background:linear-gradient(180deg,#f5fbf9 0%,#eef8f5 100%); }
.nxp-page .nxpl-section-studio{ background:linear-gradient(180deg,#f6f8ff 0%,#eef2fc 100%); }
.nxp-page .nxpl-section-admin {
  background:
    radial-gradient(circle at 80% 20%,rgba(194,124,16,0.06),transparent 32%),
    linear-gradient(180deg,#fffbf3 0%,#fff8ec 100%);
}

/* Section header */
.nxp-page .nxpl-ws-head{
  display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:flex-start;
  margin-bottom:48px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(0,0,0,0.07);
}
.nxp-page .nxpl-ws-head-left{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding-top:8px;
}
.nxp-page .nxpl-ws-num{
  font-size:0.72rem;font-weight:800;letter-spacing:0.12em;color:rgba(0,0,0,0.2);
}
.nxp-page .nxpl-ws-icon-lg{
  width:64px;height:64px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
}
.nxp-page .nxpl-ws-icon-lg svg{ width:36px;height:36px; }
.nxp-page .nxpl-icon-live  { background:rgba(15,143,122,0.12);color:#0f8f7a; }
.nxp-page .nxpl-icon-studio{ background:rgba(33,77,187,0.12);color:#214dbb; }
.nxp-page .nxpl-icon-admin { background:rgba(194,124,16,0.12);color:#c27c10; }

.nxp-page .nxpl-ws-head-copy{ display:flex;flex-direction:column;gap:12px; }

.nxp-page .nxpl-live-kicker  { background:rgba(15,143,122,0.1);color:#0f8f7a;border-color:rgba(15,143,122,0.22); }
.nxp-page .nxpl-studio-kicker{ background:rgba(33,77,187,0.08);color:#214dbb;border-color:rgba(33,77,187,0.2); }
.nxp-page .nxpl-admin-kicker  { background:rgba(194,124,16,0.09);color:#c27c10;border-color:rgba(194,124,16,0.22); }

.nxp-page .nxpl-ws-head-copy h2{
  font-size:clamp(1.7rem,2.8vw,2.3rem);
  color:#0e1f3a;font-weight:800;line-height:1.22;margin:0;
}
.nxp-page .nxpl-ws-head-copy p{
  font-size:1.02rem;color:#4a5e72;line-height:1.78;margin:0;max-width:720px;
}

/* Feature blocks */
.nxp-page .nxpl-feat-blocks{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  margin-bottom:40px;
}
.nxp-page .nxpl-feat-block{
  display:flex;align-items:flex-start;gap:18px;
  background:#fff;border-radius:16px;
  padding:26px 24px;
  border:1px solid rgba(0,0,0,0.07);
  box-shadow:0 2px 12px rgba(0,0,0,0.05);
  transition:box-shadow 0.18s,transform 0.18s;
}
.nxp-page .nxpl-feat-block:hover{
  box-shadow:0 6px 24px rgba(0,0,0,0.09);
  transform:translateY(-2px);
}
.nxp-page .nxpl-feat-icon{
  width:44px;height:44px;flex:0 0 44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  margin-top:2px;
}
.nxp-page .nxpl-feat-icon svg{ width:22px;height:22px; }
.nxp-page .nxpl-fi-live  { background:rgba(15,143,122,0.1);color:#0f8f7a; }
.nxp-page .nxpl-fi-studio{ background:rgba(33,77,187,0.1);color:#214dbb; }
.nxp-page .nxpl-fi-admin { background:rgba(194,124,16,0.1);color:#c27c10; }

.nxp-page .nxpl-feat-body{ display:flex;flex-direction:column;gap:8px;flex:1; }
.nxp-page .nxpl-feat-body h3{
  font-size:1rem;font-weight:700;color:#0e1f3a;margin:0;line-height:1.25;
}
.nxp-page .nxpl-feat-body p{
  font-size:0.875rem;color:#4a5e72;line-height:1.7;margin:0;
}
.nxp-page .nxpl-feat-pts{
  list-style:none;margin:6px 0 0;padding:0;
  display:flex;flex-direction:column;gap:5px;
}
.nxp-page .nxpl-feat-pts li{
  display:flex;align-items:flex-start;gap:8px;
  font-size:0.82rem;color:#3a5068;line-height:1.5;
}
.nxp-page .nxpl-feat-pts li::before{
  content:"";flex:0 0 5px;height:5px;border-radius:50%;margin-top:5px;
}
.nxp-page .nxpl-section-live   .nxpl-feat-pts li::before{ background:#0f8f7a; }
.nxp-page .nxpl-section-studio .nxpl-feat-pts li::before{ background:#214dbb; }
.nxp-page .nxpl-section-admin  .nxpl-feat-pts li::before{ background:#c27c10; }

/* Section CTA strip */
.nxp-page .nxpl-ws-cta{
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  padding:28px 32px;border-radius:16px;
  border:1px solid rgba(0,0,0,0.07);
  background:#fff;
}
.nxp-page .nxpl-ws-cta p{
  font-size:0.97rem;color:#4a5e72;line-height:1.6;margin:0;flex:1;
}

/* ── Bottom CTA ───────────────────────────────────────────────── */
.nxp-page .nxpl-bottom-cta{
  background:linear-gradient(135deg,#0b2a6f 0%,#214dbb 100%);
  padding:80px 0;text-align:center;
}
.nxp-page .nxpl-bottom-kicker{
  background:rgba(255,255,255,0.15);color:#b8d0f8;
  border-color:rgba(255,255,255,0.22);
}
.nxp-page .nxpl-bottom-cta-inner h2{
  font-size:clamp(1.8rem,3vw,2.6rem);
  color:#fff;font-weight:800;line-height:1.25;
  margin:14px auto 16px;max-width:680px;
}
.nxp-page .nxpl-bottom-cta-inner p{
  font-size:1.02rem;color:rgba(255,255,255,0.68);line-height:1.75;
  max-width:580px;margin:0 auto 32px;
}
.nxp-page .nxpl-bottom-actions{
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width:900px){
  .nxp-page .nxpl-hero-ws-grid{ grid-template-columns:1fr; }
  .nxp-page .nxpl-ws-head{ grid-template-columns:1fr;gap:20px; }
  .nxp-page .nxpl-ws-head-left{ flex-direction:row;justify-content:flex-start; }
  .nxp-page .nxpl-feat-blocks{ grid-template-columns:1fr; }
  .nxp-page .nxpl-ws-cta{ flex-direction:column;align-items:flex-start;gap:18px; }
}