/* Main Layout & Page Components for ishix.ai matching the reference mockup */

/* Header & Navigation */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 48px;
  background: rgba(2, 5, 18, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(29, 107, 243, 0.12);
  transition: all 0.3s ease;
}

.site-header.scrolled {
  background: rgba(2, 5, 18, 0.92);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.7);
}

.brand-logo-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.brand-icon-svg {
  width: 38px;
  height: 38px;
  filter: drop-shadow(0 0 12px rgba(29, 107, 243, 0.6));
  transition: transform 0.3s ease;
}

.brand-name {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: 1px;
}

.brand-name span {
  color: var(--cyan-glow);
}

/* Nav Links */
.nav-menu {
  display: flex;
  align-items: center;
  gap: 36px;
  list-style: none;
}

.nav-link {
  color: var(--text-secondary);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 0.925rem;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
}

.nav-link:hover {
  color: var(--text-primary);
}

.nav-link.active {
  color: var(--text-primary);
  font-weight: 600;
}

/* Active Nav Link Blue Glow Underline + Dot */
.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  background: var(--blue-primary);
  border-radius: var(--radius-pill);
  box-shadow: 0 0 8px var(--blue-primary);
}

.nav-link.active::before {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background: var(--cyan-glow);
  border-radius: 50%;
  box-shadow: 0 0 6px var(--cyan-glow);
}

.header-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Top Right CTA Button: Let's Talk → */
.btn-header-talk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: var(--radius-pill);
  background: rgba(7, 16, 46, 0.8);
  border: 1px solid rgba(56, 189, 248, 0.4);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-header-talk:hover {
  border-color: var(--cyan-glow);
  background: rgba(29, 107, 243, 0.2);
  box-shadow: 0 0 20px rgba(29, 107, 243, 0.4);
  transform: translateY(-1px);
}

/* Mobile nav toggle — shared by every page (home included). The button
   itself is injected by js/main.js; these rules just style/position it. */
.mobile-nav-toggle {
  display: none;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(29, 107, 243, 0.25);
  border-radius: 50%;
  background: rgba(8, 24, 58, 0.8);
  color: white;
  font-size: 0;
  cursor: pointer;
}
.mobile-nav-toggle:before,
.mobile-nav-toggle:after {
  content: "";
  display: block;
  width: 17px;
  height: 1px;
  margin: 6px auto;
  background: white;
  transition: transform 0.25s ease;
}
.mobile-nav-toggle[aria-expanded="true"]:before {
  transform: translateY(3.5px) rotate(45deg);
}
.mobile-nav-toggle[aria-expanded="true"]:after {
  transform: translateY(-3.5px) rotate(-45deg);
}

/* Shrink the nav before it fully collapses into the hamburger below */
@media (max-width: 1080px) {
  .nav-menu {
    gap: 15px;
  }
  .nav-link {
    font-size: 0.68rem;
  }
  .btn-header-talk {
    display: none;
  }
}

@media (max-width: 820px) {
  .site-header {
    padding: 0 20px;
  }
  .site-header nav {
    display: block;
    position: fixed;
    inset: 76px 12px auto;
    padding: 18px;
    border: 1px solid rgba(29, 107, 243, 0.2);
    background: rgba(3, 10, 28, 0.97);
    backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: 0.25s ease;
  }
  .site-header nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .nav-menu {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .nav-link {
    display: block;
    padding: 13px 10px;
    font-size: 0.8rem;
  }
  .nav-link.active::after,
  .nav-link.active::before {
    display: none;
  }
  .mobile-nav-toggle {
    display: block;
  }
  .btn-header-talk {
    display: none;
  }
}

/* Hero Section */
.hero-section {
  position: relative;
  min-height: 100vh;
  padding-top: calc(var(--header-height) + 60px);
  padding-bottom: 100px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 75% 40%, rgba(29, 107, 243, 0.15) 0%, transparent 60%);
}

.hero-grid {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
  position: relative;
  z-index: 10;
}

@media (max-width: 992px) {
  .hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

.hero-left-content {
  max-width: 640px;
}

.hero-title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 5.2vw, 4.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.5px;
  margin-bottom: 24px;
  color: var(--text-primary);
}

.hero-subtitle {
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  color: var(--text-secondary);
  line-height: 1.65;
  margin-bottom: 40px;
  font-weight: 400;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  .hero-actions {
    justify-content: center;
  }
}

.btn-primary-gradient {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  border-radius: var(--radius-pill);
  background: var(--gradient-blue-btn);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  border: none;
  box-shadow: 0 0 25px rgba(29, 107, 243, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-primary-gradient:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 40px rgba(56, 189, 248, 0.7);
}

.btn-secondary-border {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  border-radius: var(--radius-pill);
  background: rgba(7, 16, 46, 0.6);
  border: 1px solid rgba(29, 107, 243, 0.35);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-secondary-border:hover {
  border-color: var(--cyan-glow);
  background: rgba(16, 36, 92, 0.8);
  transform: translateY(-2px);
  color: var(--cyan-glow);
}

/* 3D Pedestal Platform */
.hero-visual-container {
  position: relative;
  width: 100%;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pedestal-platform {
  position: relative;
  width: 360px;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pedestal-base-glow {
  position: absolute;
  bottom: 20px;
  width: 320px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(29, 107, 243, 0.6) 0%, rgba(56, 189, 248, 0.2) 40%, transparent 70%);
  filter: blur(15px);
  transform: perspective(600px) rotateX(65deg);
  animation: pulse-pedestal 3s ease-in-out infinite alternate;
}

.pedestal-ring-1 {
  position: absolute;
  bottom: 25px;
  width: 280px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid var(--cyan-glow);
  box-shadow: 0 0 20px var(--cyan-glow), inset 0 0 20px var(--blue-primary);
  transform: perspective(600px) rotateX(65deg);
}

.pedestal-ring-2 {
  position: absolute;
  bottom: 10px;
  width: 340px;
  height: 120px;
  border-radius: 50%;
  border: 1px stroke rgba(29, 107, 243, 0.5);
  box-shadow: 0 0 30px rgba(29, 107, 243, 0.4);
  transform: perspective(600px) rotateX(65deg);
}

.pedestal-ix-monogram {
  position: relative;
  z-index: 5;
  width: 220px;
  height: 260px;
  filter: drop-shadow(0 15px 30px rgba(29, 107, 243, 0.6));
  animation: float-slow 5s ease-in-out infinite;
}

.circuit-overlay-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

/* Telemetry Counter Bar */
.telemetry-bar-section {
  position: relative;
  z-index: 20;
  padding: 40px 20px;
  border-top: 1px solid rgba(29, 107, 243, 0.15);
  border-bottom: 1px solid rgba(29, 107, 243, 0.15);
  background: rgba(4, 8, 28, 0.85);
  backdrop-filter: blur(16px);
}

.telemetry-grid {
  max-width: var(--container-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  text-align: center;
}

.telemetry-val {
  font-family: var(--font-display);
  font-size: 2.8rem;
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1;
  margin-bottom: 8px;
  text-shadow: 0 0 20px rgba(56, 189, 248, 0.4);
}

.telemetry-label {
  font-size: 0.875rem;
  color: var(--text-secondary);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Innovation Lab - AI Workflow Builder */
.workflow-section {
  padding: 120px 20px;
  position: relative;
  z-index: 10;
  max-width: var(--container-max);
  margin: 0 auto;
}

.section-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 60px auto;
}

.section-title {
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  font-weight: 800;
  margin-top: 12px;
  margin-bottom: 16px;
}

.section-desc {
  color: var(--text-secondary);
  font-size: 1.05rem;
}

.workflow-container {
  display: grid;
  grid-template-columns: 280px 1fr 300px;
  gap: 24px;
  min-height: 540px;
}

@media (max-width: 1024px) {
  .workflow-container {
    grid-template-columns: 1fr;
  }
}

.node-palette {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.palette-title {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.node-item {
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  background: rgba(8, 20, 56, 0.7);
  border: 1px solid var(--border-subtle);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
}

.node-item:hover, .node-item.active {
  border-color: var(--cyan-glow);
  background: rgba(29, 107, 243, 0.18);
  transform: translateX(4px);
}

.node-icon-badge {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: rgba(29, 107, 243, 0.25);
  border: 1px solid rgba(56, 189, 248, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--cyan-bright);
}

.node-info h5 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}

.node-info p {
  font-size: 0.75rem;
  color: var(--text-secondary);
}

.workflow-canvas-board {
  position: relative;
  border-radius: var(--radius-md);
  background: rgba(4, 8, 28, 0.95);
  border: 1px solid rgba(29, 107, 243, 0.25);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.canvas-toolbar {
  padding: 12px 20px;
  border-bottom: 1px solid rgba(29, 107, 243, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(7, 16, 46, 0.6);
}

.canvas-title {
  font-family: var(--font-mono);
  font-size: 0.85rem;
  color: var(--cyan-bright);
}

.canvas-body {
  position: relative;
  flex: 1;
  min-height: 420px;
  background-image: radial-gradient(rgba(29, 107, 243, 0.15) 1px, transparent 1px);
  background-size: 24px 24px;
}

.workflow-svg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.connection-cable {
  stroke: var(--cyan-glow);
  stroke-width: 2.5;
  fill: none;
  stroke-dasharray: 8;
  animation: data-stream 2s linear infinite;
  filter: drop-shadow(0 0 8px var(--blue-primary));
}

.canvas-node-card {
  position: absolute;
  padding: 16px 20px;
  min-width: 180px;
  background: rgba(8, 20, 56, 0.95);
  border: 1px solid var(--cyan-glow);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-neon-cyan);
  cursor: pointer;
  z-index: 5;
}

.node-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.node-status-pill {
  font-size: 0.65rem;
  font-family: var(--font-mono);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: rgba(16, 185, 129, 0.2);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.4);
}

.workflow-telemetry-panel {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.log-terminal {
  background: #01040f;
  border: 1px solid rgba(29, 107, 243, 0.2);
  border-radius: var(--radius-sm);
  padding: 14px;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  height: 180px;
  overflow-y: auto;
  color: #a5f3fc;
}

.log-line {
  margin-bottom: 6px;
  line-height: 1.4;
}

.log-time { color: var(--text-muted); }
.log-tag { color: var(--cyan-glow); }

/* Bento Grid Solutions with Custom Images */
.bento-section {
  padding: 100px 20px;
  max-width: var(--container-max);
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.bento-card {
  padding: 28px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bento-image-wrap {
  width: 100%;
  height: 180px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid rgba(29, 107, 243, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.bento-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.bento-card:hover .bento-card-img {
  transform: scale(1.05);
}

.col-span-8 { grid-column: span 8; }
.col-span-4 { grid-column: span 4; }
.col-span-6 { grid-column: span 6; }

@media (max-width: 900px) {
  .col-span-8, .col-span-4, .col-span-6 {
    grid-column: span 12;
  }
}

.bento-title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.bento-desc {
  color: var(--text-secondary);
  font-size: 0.95rem;
  margin-bottom: 24px;
}

/* Interactive AI Terminal / ROI Calculator */
.terminal-section {
  padding: 100px 20px;
  max-width: var(--container-max);
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.terminal-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

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

.interactive-terminal {
  background: #01040f;
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-neon-blue);
  overflow: hidden;
}

.terminal-header {
  padding: 12px 18px;
  background: #050a1d;
  border-bottom: 1px solid rgba(29, 107, 243, 0.2);
  display: flex;
  align-items: center;
  gap: 10px;
}

.terminal-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.dot-red { background: #ef4444; }
.dot-yellow { background: #f59e0b; }
.dot-green { background: #10b981; }

.terminal-title-text {
  font-family: var(--font-mono);
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-left: auto;
}

.terminal-body {
  padding: 24px;
  font-family: var(--font-mono);
  font-size: 0.875rem;
  min-height: 280px;
}

.terminal-prompt-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.terminal-input {
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 0.9rem;
  flex: 1;
}

/* ROI Sliders */
.roi-card {
  padding: 36px;
}

.slider-group {
  margin-bottom: 24px;
}

.slider-label-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 0.9rem;
  color: var(--text-secondary);
}

.slider-val {
  color: var(--cyan-glow);
  font-family: var(--font-mono);
  font-weight: 700;
}

.custom-slider {
  width: 100%;
  height: 6px;
  border-radius: var(--radius-pill);
  background: rgba(29, 107, 243, 0.25);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}

.custom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--cyan-glow);
  box-shadow: 0 0 12px var(--cyan-glow);
  cursor: pointer;
}

.roi-results-box {
  padding: 20px;
  border-radius: var(--radius-sm);
  background: rgba(29, 107, 243, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.25);
  text-align: center;
}

.roi-number {
  font-family: var(--font-display);
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--cyan-bright);
}

/* CTA & Footer */
.footer-cta-section {
  padding: 120px 20px;
  text-align: center;
  position: relative;
  z-index: 10;
  background: linear-gradient(180deg, transparent 0%, rgba(4, 8, 28, 0.9) 100%);
}

.site-footer {
  border-top: 1px solid rgba(29, 107, 243, 0.15);
  padding: 40px 20px;
  text-align: center;
  position: relative;
  z-index: 10;
  font-size: 0.875rem;
  color: var(--text-muted);
}

.site-footer .footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.site-footer .footer-links a {
  color: var(--text-secondary);
  text-decoration: none;
}

.site-footer .footer-links a.footer-link-accent {
  color: var(--cyan-glow);
}

.official-logo{object-fit:cover;border-radius:9px}.official-hero-logo{object-fit:contain;border-radius:28px;mix-blend-mode:screen;filter:drop-shadow(0 18px 35px rgba(29,107,243,.72));}

/* Ishix holographic hero v2 */
.hero-visual-container{perspective:1100px;isolation:isolate}.hero-visual-container::before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.13),rgba(29,107,243,.055) 34%,transparent 68%);animation:holoAura 4.5s ease-in-out infinite;pointer-events:none}.pedestal-platform{transform-style:preserve-3d;transition:transform .18s cubic-bezier(.2,.8,.2,1);will-change:transform}.hero-hologram-beam{position:absolute;z-index:1;bottom:68px;width:360px;height:430px;clip-path:polygon(37% 100%,63% 100%,87% 0,13% 0);background:linear-gradient(90deg,transparent,rgba(47,139,255,.035),rgba(91,219,255,.12),rgba(47,139,255,.035),transparent);filter:blur(9px);animation:beamPulse 3.4s ease-in-out infinite}.pedestal-energy-disc{position:absolute;z-index:1;bottom:18px;width:310px;height:92px;border-radius:50%;background:radial-gradient(ellipse,rgba(102,232,255,.35),rgba(19,103,255,.19) 35%,transparent 70%);box-shadow:inset 0 0 30px rgba(93,218,255,.3),0 0 42px rgba(29,107,243,.55);transform:rotateX(67deg);animation:discThrob 2.6s ease-in-out infinite}.pedestal-ring-1,.pedestal-ring-2,.pedestal-ring-3{z-index:3}.pedestal-ring-1{animation:ringSpin 9s linear infinite}.pedestal-ring-2{border:1px solid rgba(103,180,255,.48);animation:ringSpinReverse 14s linear infinite}.pedestal-ring-3{position:absolute;z-index:2;bottom:-2px;width:390px;height:145px;border-radius:50%;border:1px dashed rgba(56,189,248,.3);transform:perspective(600px) rotateX(65deg);animation:ringSpin 22s linear infinite}.official-hero-logo{z-index:8;width:270px;height:300px;object-fit:cover;object-position:center;border-radius:42px;mix-blend-mode:screen;clip-path:inset(8% 8% 8% 8% round 36px);filter:saturate(1.15) contrast(1.08) drop-shadow(0 22px 24px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(54,142,255,.65));animation:holoFloat 5s ease-in-out infinite}.holo-scan{position:absolute;z-index:10;width:230px;height:3px;top:72px;background:linear-gradient(90deg,transparent,#9ff5ff,transparent);box-shadow:0 0 14px #57dfff;opacity:.8;animation:scanLogo 3.2s ease-in-out infinite;pointer-events:none}.holo-halo{position:absolute;z-index:0;border:1px solid rgba(81,170,255,.22);border-radius:50%;transform:rotateX(70deg)}.halo-a{width:360px;height:210px;animation:haloDrift 10s linear infinite}.halo-b{width:285px;height:170px;border-style:dashed;animation:haloDrift 7s linear infinite reverse}.pedestal-data-orbit{position:absolute;z-index:9;width:330px;height:255px;border-radius:50%;border:1px solid rgba(56,189,248,.15);transform:rotateX(68deg) rotateZ(-10deg);animation:orbitTurn 12s linear infinite;pointer-events:none}.pedestal-data-orbit.orbit-b{width:280px;height:330px;transform:rotateY(67deg) rotateZ(15deg);animation-duration:16s;animation-direction:reverse}.pedestal-data-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#7feaff;box-shadow:0 0 14px #38bdf8;top:50%;left:-4px}.pedestal-data-orbit i:nth-child(2){top:8%;left:70%;width:5px;height:5px;background:#3b82f6}.pedestal-data-orbit i:nth-child(3){top:82%;left:75%;width:4px;height:4px}.holo-shard{position:absolute;z-index:4;width:12px;height:28px;background:linear-gradient(150deg,rgba(134,230,255,.65),rgba(31,96,255,.08));clip-path:polygon(50% 0,100% 80%,0 100%);filter:drop-shadow(0 0 8px #38bdf8);animation:shardFloat 5s ease-in-out infinite}.shard-a{left:18px;top:125px}.shard-b{right:28px;top:185px;animation-delay:-1.8s}.shard-c{left:60px;bottom:55px;animation-delay:-3.2s}@keyframes holoFloat{0%,100%{transform:translateY(-8px) rotateY(-3deg)}50%{transform:translateY(-25px) rotateY(4deg)}}@keyframes scanLogo{0%,100%{transform:translateY(15px);opacity:0}15%,80%{opacity:.85}50%{transform:translateY(205px)}}@keyframes beamPulse{50%{opacity:.48;filter:blur(14px)}}@keyframes discThrob{50%{transform:rotateX(67deg) scale(1.1);opacity:.72}}@keyframes ringSpin{to{transform:perspective(600px) rotateX(65deg) rotateZ(360deg)}}@keyframes ringSpinReverse{to{transform:perspective(600px) rotateX(65deg) rotateZ(-360deg)}}@keyframes orbitTurn{to{transform:rotateX(68deg) rotateZ(350deg)}}@keyframes haloDrift{to{transform:rotateX(70deg) rotateZ(360deg)}}@keyframes holoAura{50%{transform:scale(1.1);opacity:.62}}@keyframes shardFloat{50%{transform:translate3d(12px,-22px,35px) rotate(90deg);opacity:.35}}@media(max-width:992px){.official-hero-logo{width:230px;height:260px}.pedestal-ring-3{width:330px}.pedestal-platform{transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.official-hero-logo,.hero-hologram-beam,.pedestal-energy-disc,.pedestal-ring-1,.pedestal-ring-2,.pedestal-ring-3,.pedestal-data-orbit,.holo-halo,.holo-shard,.holo-scan{animation:none!important}.pedestal-platform{transition:none}}
/* Living Intelligence Core */
.living-core{position:relative;z-index:12;width:280px;height:310px;padding:0;border:0;background:transparent;cursor:pointer;transform-style:preserve-3d;animation:livingFloat 5s ease-in-out infinite}.logo-part,.logo-depth{position:absolute;inset:0;background-image:url("../assets/ishix-logo.png");background-size:100% 100%;background-position:center;mix-blend-mode:screen;filter:saturate(1.2) contrast(1.12);transition:filter .3s}.logo-i{clip-path:polygon(8% 7%,42% 7%,42% 96%,8% 96%);transform:translateZ(24px);animation:iBreathe 4s ease-in-out infinite}.logo-x{clip-path:polygon(32% 18%,94% 18%,94% 91%,30% 91%);transform-origin:62% 52%;transform:translateZ(32px);animation:xLivingTurn 7s cubic-bezier(.45,0,.2,1) infinite}.logo-depth{opacity:.2;filter:hue-rotate(12deg) brightness(.8);clip-path:inset(8% round 34px)}.depth-2{transform:translate3d(7px,8px,-12px)}.depth-3{transform:translate3d(14px,16px,-24px);opacity:.1}.core-flare{position:absolute;z-index:20;left:48%;top:51%;width:8px;height:8px;border-radius:50%;background:#dfffff;box-shadow:0 0 12px #fff,0 0 34px #38bdf8,0 0 70px #1d6bf3;opacity:.45}.core-caption{position:absolute;z-index:25;bottom:-20px;left:50%;transform:translateX(-50%);font:600 9px var(--font-mono);letter-spacing:.2em;color:#78dffc;white-space:nowrap;opacity:.6}.living-core:hover .logo-part{filter:saturate(1.35) contrast(1.16) brightness(1.15)}.living-core:hover .core-caption{opacity:1}.signal{position:absolute;z-index:15;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(56,189,248,.22);border-radius:99px;background:rgba(2,7,25,.76);backdrop-filter:blur(8px);font:600 7px var(--font-mono);letter-spacing:.12em;color:#78a2c9;opacity:.7}.signal i{width:4px;height:4px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8}.signal.input:after,.signal.output:before{content:"";position:absolute;top:50%;width:42px;height:1px;background:linear-gradient(90deg,rgba(56,189,248,.1),#38bdf8)}.signal.input:after{left:100%}.signal.output:before{right:100%}.signal.output:before{background:linear-gradient(90deg,#38bdf8,rgba(56,189,248,.1))}.s1{left:-64px;top:80px}.s2{left:-78px;top:150px}.s3{left:-50px;top:220px}.s4{left:-40px;top:285px}.s5{right:-72px;top:75px}.s6{right:-88px;top:145px}.s7{right:-75px;top:215px}.s8{right:-55px;top:280px}.signal.input{animation:inputDrift 3s ease-in-out infinite}.signal.output{opacity:.35}.s2,.s6{animation-delay:-.8s}.s3,.s7{animation-delay:-1.6s}.s4,.s8{animation-delay:-2.4s}.action-status{position:absolute;z-index:18;bottom:-46px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(56,189,248,.26);border-radius:20px;background:rgba(2,8,26,.8);font:600 8px var(--font-mono);letter-spacing:.14em;color:#7fb6d8;white-space:nowrap}.action-status i{width:5px;height:5px;border-radius:50%;background:#35e5a1;box-shadow:0 0 9px #35e5a1}.living-core.processing .logo-x{animation:xProcess .9s cubic-bezier(.2,.8,.2,1) infinite}.living-core.processing .logo-i{animation:iProcess .65s ease-in-out infinite}.pedestal-platform.processing .signal.input{animation:signalIn .9s ease-in forwards}.pedestal-platform.processing .core-flare{animation:flareProcess 1.6s ease-in-out infinite}.pedestal-platform.complete .signal.output{animation:signalOut 1s ease-out forwards}.pedestal-platform.complete .pedestal-energy-disc{filter:brightness(1.6)}@keyframes livingFloat{50%{transform:translateY(-18px)}}@keyframes iBreathe{50%{transform:translateZ(34px) translateY(-3px)}}@keyframes xLivingTurn{0%,20%,100%{transform:translateZ(32px) rotateY(0)}45%{transform:translateZ(55px) rotateY(24deg)}70%{transform:translateZ(45px) rotateY(-10deg)}}@keyframes xProcess{to{transform:translateZ(55px) rotateY(360deg)}}@keyframes iProcess{50%{transform:translateZ(45px);filter:brightness(1.7) saturate(1.5)}}@keyframes flareProcess{50%{transform:scale(5);opacity:1}}@keyframes inputDrift{50%{transform:translateX(5px);opacity:1}}@keyframes signalIn{to{transform:translateX(70px) scale(.25);opacity:0}}@keyframes signalOut{0%{transform:translateX(-55px) scale(.25);opacity:0}100%{transform:none;opacity:1;border-color:rgba(53,229,161,.48);color:#a9ffe0}}@media(max-width:620px){.living-core{width:235px;height:265px}.signal{display:none}.action-status{bottom:-28px}}@media(prefers-reduced-motion:reduce){.living-core,.logo-i,.logo-x,.signal{animation:none!important}}
/* Keep the official IX mark unified during all motion */
.living-core{animation:unifiedIxFloat 6s ease-in-out infinite;transform-origin:50% 52%}
.logo-i,.logo-x{animation:none!important;transform:translateZ(28px)!important;transform-origin:center!important}
.living-core.processing{animation:unifiedIxProcess 1.15s cubic-bezier(.45,.05,.25,1) infinite}
.living-core.processing .logo-i,.living-core.processing .logo-x{animation:none!important;transform:translateZ(38px)!important;filter:brightness(1.35) saturate(1.35)}
@keyframes unifiedIxFloat{0%,100%{transform:translateY(-8px) rotateX(1deg) rotateY(-5deg)}50%{transform:translateY(-24px) rotateX(-2deg) rotateY(7deg)}}
@keyframes unifiedIxProcess{0%{transform:translateY(-16px) rotateY(0deg) scale(1)}50%{transform:translateY(-18px) rotateY(180deg) scale(1.04)}100%{transform:translateY(-16px) rotateY(360deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.living-core,.living-core.processing{animation:none!important}}

/* Wordmark: only IX uses brand blue */
.brand-name{color:#fff}.brand-name span{color:#38bdf8;text-shadow:0 0 14px rgba(56,189,248,.35)}

/* Official IX symbol embedded directly inside the Ishix.ai wordmark */
.brand-logo-wrap{gap:0}.embedded-wordmark{display:inline-flex;align-items:center;gap:3px;color:#fff;line-height:1}.embedded-wordmark .word-ish,.embedded-wordmark .word-ai{color:#fff;text-shadow:none}.inline-ix-logo{width:36px;height:36px;object-fit:cover;border-radius:8px;mix-blend-mode:screen;filter:saturate(1.15) drop-shadow(0 0 7px rgba(56,189,248,.35));margin-inline:-1px}
@media(max-width:560px){.inline-ix-logo{width:32px;height:32px}.embedded-wordmark{gap:2px}}

.inline-ix-logo{object-fit:contain;border-radius:0;mix-blend-mode:normal;background:transparent}

/* Header wordmark final: bare transparent IX, no square treatment */
.brand-logo-wrap .inline-ix-logo{display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;background:none!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;mix-blend-mode:normal!important;clip-path:none!important;padding:0!important;margin:0 -2px!important}
.brand-logo-wrap,.embedded-wordmark{background:none!important;box-shadow:none!important;border:0!important}

.embedded-wordmark{gap:0!important}.brand-logo-wrap .inline-ix-logo{width:35px!important;height:34px!important;margin:0 -1px!important}


/* Balanced spacing for embedded IX wordmark */
.embedded-wordmark{gap:5px!important}.brand-logo-wrap .inline-ix-logo{width:30px!important;height:30px!important;margin:0!important}

/* Ishix homepage narrative system */
.story-section{position:relative;z-index:5;max-width:1240px;margin:auto;padding:115px 24px}.story-section:nth-of-type(even){background:linear-gradient(180deg,transparent,rgba(5,12,36,.5),transparent)}.story-kicker{font:700 .72rem var(--font-mono);letter-spacing:.18em;color:var(--cyan-glow);margin-bottom:18px}.story-title{font:800 clamp(2.5rem,5vw,4.8rem)/1.05 var(--font-display);letter-spacing:-.035em;margin:0}.story-title span{color:transparent;background:linear-gradient(110deg,#fff,#38bdf8,#2563eb);background-clip:text}.story-lede,.story-head>p{color:var(--text-secondary);font-size:1.03rem;line-height:1.75}.story-head{display:grid;grid-template-columns:1.5fr .75fr;align-items:end;gap:60px;margin-bottom:52px}.intro-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:70px}.pillar-orbit{height:300px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle,rgba(29,107,243,.23),transparent 62%);border:1px solid rgba(56,189,248,.15);font:700 .68rem var(--font-mono);letter-spacing:.1em}.pillar-orbit span{padding:11px 12px;border:1px solid rgba(56,189,248,.3);border-radius:30px;background:#071331}.pillar-orbit i{color:#38bdf8}.six-grid,.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-tile,.agent-card{position:relative;min-height:245px;padding:28px;border:1px solid rgba(56,189,248,.16);border-radius:16px;background:linear-gradient(145deg,rgba(9,24,59,.78),rgba(3,8,25,.8));transition:.35s}.solution-tile:hover,.agent-card:hover{transform:translateY(-7px);border-color:#38bdf8;box-shadow:0 20px 55px rgba(0,80,220,.17)}.solution-tile>b{font-size:2rem;display:block;margin:32px 0}.solution-tile small{position:absolute;right:24px;top:24px;color:#4f6687}.solution-tile h3,.agent-card h3{font-size:1.25rem}.solution-tile p,.agent-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.story-link{display:inline-block;margin-top:34px;color:#67d8ff;font-weight:700;text-decoration:none}.automation-story{max-width:none;padding-inline:max(24px,calc((100vw - 1192px)/2));overflow:hidden}.automation-rail{position:relative;display:grid;grid-template-columns:repeat(8,minmax(145px,1fr));gap:16px;padding:38px 10px 28px;overflow-x:auto}.automation-rail:before{content:"";position:absolute;left:3%;right:3%;top:25px;height:2px;background:#132c5d}.rail-progress{position:absolute;left:3%;top:25px;width:0;height:2px;background:linear-gradient(90deg,#2563eb,#67e8f9);box-shadow:0 0 15px #38bdf8;transition:width 2.5s linear}.automation-rail.active .rail-progress{width:94%}.automation-rail article{min-height:170px;padding:24px 18px;border:1px solid rgba(56,189,248,.17);border-radius:12px;background:#061027;opacity:.4;transform:translateY(18px);transition:.6s}.automation-rail.active article{opacity:1;transform:none}.automation-rail article:nth-of-type(2){transition-delay:.25s}.automation-rail article:nth-of-type(3){transition-delay:.5s}.automation-rail article:nth-of-type(4){transition-delay:.75s}.automation-rail article:nth-of-type(5){transition-delay:1s}.automation-rail article:nth-of-type(6){transition-delay:1.25s}.automation-rail article:nth-of-type(7){transition-delay:1.5s}.automation-rail article:nth-of-type(8){transition-delay:1.75s}.automation-rail article i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#123b81;color:#67d8ff;font:700 .65rem var(--font-mono);margin-bottom:25px}.automation-rail article b,.automation-rail article span{display:block}.automation-rail article span{color:#71839f;font-size:.75rem;margin-top:8px}.data-packet{position:absolute;top:20px;left:3%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 18px 5px #38bdf8;opacity:0}.automation-rail.active .data-packet{animation:railPacket 2.6s linear forwards}@keyframes railPacket{5%{opacity:1}95%{opacity:1}to{left:96%;opacity:0}}.agent-card span{display:grid;width:44px;height:44px;place-items:center;border:1px solid #2674e5;border-radius:12px;color:#73dcff;font:700 .75rem var(--font-mono);box-shadow:inset 0 0 18px rgba(37,99,235,.25)}.problem-list{border-top:1px solid rgba(56,189,248,.18)}.problem-list article{display:grid;grid-template-columns:1fr 1fr;padding:23px 5px;border-bottom:1px solid rgba(56,189,248,.14);font-size:1.15rem}.problem-list span{color:#64d9ff}.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(56,189,248,.17)}.industry-grid a{display:grid;grid-template-columns:45px 1fr auto;padding:27px 12px;border-bottom:1px solid rgba(56,189,248,.17);font-size:1.2rem;text-decoration:none}.industry-grid a:nth-child(odd){border-right:1px solid rgba(56,189,248,.17)}.industry-grid i{font:400 .7rem var(--font-mono);color:#4a658c}.industry-grid span{color:#38bdf8}.lab-story{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;border:1px solid rgba(56,189,248,.16);border-radius:30px;background:radial-gradient(circle at 20%,rgba(29,107,243,.2),transparent 42%)}.lab-core-visual{display:grid;place-items:center;min-height:450px}.lab-sphere{position:relative;width:280px;height:280px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#174a9c,#071126 55%,transparent 56%);box-shadow:0 0 80px rgba(37,99,235,.35);animation:labFloat 5s ease-in-out infinite}.lab-sphere:before,.lab-sphere:after{content:"";position:absolute;inset:-15%;border:1px solid rgba(56,189,248,.35);border-radius:50%;transform:rotateX(65deg);animation:spin 12s linear infinite}.lab-sphere:after{inset:-28%;transform:rotateY(68deg);animation-direction:reverse}.lab-sphere b{text-align:center;color:#a7eaff;letter-spacing:.2em}.lab-projects{margin-top:30px}.lab-projects article{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(56,189,248,.15)}.lab-projects small{color:#4c6a91;font-family:var(--font-mono)}@keyframes labFloat{50%{transform:translateY(-18px)}}.build-timeline{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin-top:70px}.build-timeline:before{content:"";position:absolute;top:19px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,#2563eb,#38bdf8)}.build-timeline div{position:relative;text-align:center}.build-timeline i{position:relative;z-index:1;display:grid;margin:auto;width:40px;height:40px;place-items:center;border-radius:50%;background:#071631;border:1px solid #38bdf8;color:#8de9ff;font:700 .65rem var(--font-mono);box-shadow:0 0 16px rgba(56,189,248,.3)}.build-timeline b{display:block;margin-top:18px}.case-cards,.insight-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-cards article,.insight-cards a{padding:30px;border:1px solid rgba(56,189,248,.16);border-radius:16px;background:#061027;text-decoration:none}.case-cards small,.insight-cards small{color:#38bdf8;font:600 .67rem var(--font-mono)}.case-cards p{color:var(--text-secondary);line-height:1.6}.case-cards p b{color:#dbeafe}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(56,189,248,.15)}.why-grid article{padding:30px;background:#050b20}.why-grid i{color:#38bdf8;font:700 .7rem var(--font-mono)}.why-grid p{color:var(--text-secondary);line-height:1.6}.tech-story{text-align:center}.tech-line{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:50px;font:600 .75rem var(--font-mono);letter-spacing:.12em;color:#8da8cb}.tech-line i{color:#38bdf8}.insight-cards a{min-height:210px}.insight-cards h3{font-size:1.3rem;margin:35px 0}.insight-cards span{color:#38bdf8;font-size:.82rem}.final-story{position:relative;z-index:5;padding:145px 24px;text-align:center;overflow:hidden}.final-story h2{font:800 clamp(3rem,7vw,7rem)/.98 var(--font-display);letter-spacing:-.05em;margin:20px 0}.final-story h2 span{color:#38bdf8;text-shadow:0 0 40px rgba(56,189,248,.5)}.final-story p{color:var(--text-secondary);margin-bottom:35px}.final-glow{position:absolute;inset:10% 20%;background:radial-gradient(circle,rgba(29,107,243,.22),transparent 65%);z-index:-1}@media(max-width:900px){.story-head,.intro-layout,.lab-story{grid-template-columns:1fr}.six-grid,.agent-grid,.case-cards,.insight-cards{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.build-timeline{grid-template-columns:repeat(3,1fr);gap:35px}.lab-story{margin-inline:18px}.pillar-orbit{height:220px}}@media(max-width:600px){.story-section{padding:80px 18px}.six-grid,.agent-grid,.case-cards,.insight-cards,.industry-grid,.why-grid{grid-template-columns:1fr}.industry-grid a:nth-child(odd){border-right:0}.problem-list article{grid-template-columns:1fr;gap:8px}.build-timeline{grid-template-columns:repeat(2,1fr)}.lab-core-visual{min-height:320px}.lab-sphere{width:210px;height:210px}.story-title{font-size:2.55rem}.automation-rail{padding-bottom:15px}}
/* Bespoke animated solution visuals */
.solution-tile{overflow:hidden}.solution-visual{position:relative;width:100%;height:100px;margin:22px 0 20px;border-radius:12px;background:radial-gradient(circle at 50%,rgba(31,111,255,.18),transparent 64%);overflow:hidden}.solution-tile:hover .solution-visual{background:radial-gradient(circle at 50%,rgba(40,135,255,.28),transparent 68%)}.visual-agent span{position:absolute;width:34px;height:34px;border-radius:10px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#6be1ff,#1e5ee8);box-shadow:0 0 24px rgba(56,189,248,.55)}.visual-agent:before,.visual-agent:after{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#38bdf8,transparent)}.visual-agent:after{transform:rotate(60deg)}.visual-agent i{position:absolute;width:8px;height:8px;border-radius:50%;background:#b9f5ff;box-shadow:0 0 12px #38bdf8;animation:nodePulse 2s ease-in-out infinite}.visual-agent i:nth-child(1){left:20%;top:47%}.visual-agent i:nth-child(2){right:20%;top:47%;animation-delay:-.7s}.visual-agent i:nth-child(3){left:48%;top:12%;animation-delay:-1.3s}.visual-automation:before{content:"";position:absolute;left:12%;right:12%;top:49%;height:2px;background:#153568}.visual-automation i{position:absolute;top:37%;width:25px;height:25px;border:1px solid #2b78ee;border-radius:7px;background:#071734;box-shadow:inset 0 0 12px rgba(37,99,235,.25)}.visual-automation i:nth-child(1){left:12%}.visual-automation i:nth-child(2){left:45%}.visual-automation i:nth-child(3){right:12%}.visual-automation span{position:absolute;width:9px;height:9px;border-radius:50%;top:46%;left:14%;background:#8becff;box-shadow:0 0 13px #38bdf8;animation:pipelineMove 3s linear infinite}.visual-rag i{position:absolute;width:10px;height:10px;border-radius:50%;background:#4ea4ff;box-shadow:0 0 10px #2563eb}.visual-rag i:nth-child(1){left:18%;top:24%}.visual-rag i:nth-child(2){right:20%;top:20%}.visual-rag i:nth-child(3){left:25%;bottom:17%}.visual-rag i:nth-child(4){right:18%;bottom:20%}.visual-rag:before,.visual-rag:after{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:#2864b9;transform:rotate(25deg)}.visual-rag:after{transform:rotate(-28deg)}.visual-rag span{position:absolute;left:50%;top:50%;width:35px;height:35px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #76dfff;box-shadow:0 0 25px rgba(56,189,248,.5);animation:ragThink 2.5s ease-in-out infinite}.visual-voice{display:flex;align-items:center;justify-content:center;gap:8px}.visual-voice i{display:block;width:5px;height:22px;border-radius:5px;background:linear-gradient(#71e7ff,#2563eb);box-shadow:0 0 8px #38bdf8;animation:wave 1.1s ease-in-out infinite}.visual-voice i:nth-child(2),.visual-voice i:nth-child(4){animation-delay:-.2s}.visual-voice i:nth-child(3){animation-delay:-.4s}.visual-voice i:nth-child(5){animation-delay:-.6s}.visual-app span{position:absolute;inset:14px 16%;border:1px solid #347fea;border-radius:9px;background:#06142f;box-shadow:0 10px 25px rgba(0,0,0,.35)}.visual-app span:before{content:"";position:absolute;left:0;right:0;top:15px;height:1px;background:#20477f}.visual-app i{position:absolute;z-index:2;height:7px;border-radius:5px;background:#245fb9;left:22%;top:47%;animation:appLoad 2.3s ease-in-out infinite}.visual-app i:nth-of-type(2){top:62%;animation-delay:-1s}.visual-app b{position:absolute;z-index:2;width:17px;height:17px;right:22%;top:45%;border-radius:50%;border:3px solid #5bdcff;border-left-color:transparent;animation:spin 2s linear infinite}.visual-integration span{position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:12px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#3ca8ff,#183c9b);box-shadow:0 0 20px rgba(56,189,248,.45)}.visual-integration:before,.visual-integration:after{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:#2a6ec7}.visual-integration:after{transform:rotate(90deg)}.visual-integration i{position:absolute;width:14px;height:14px;border:1px solid #56cfff;border-radius:4px;background:#07152e;animation:integrationOrbit 4s ease-in-out infinite}.visual-integration i:nth-child(1){left:16%;top:18%}.visual-integration i:nth-child(2){right:16%;top:18%;animation-delay:-1s}.visual-integration i:nth-child(3){left:16%;bottom:18%;animation-delay:-2s}.visual-integration i:nth-child(4){right:16%;bottom:18%;animation-delay:-3s}@keyframes nodePulse{50%{transform:scale(1.7);opacity:.45}}@keyframes pipelineMove{to{left:84%}}@keyframes ragThink{50%{transform:translate(-50%,-50%) scale(1.18);background:rgba(56,189,248,.18)}}@keyframes wave{50%{height:65px;filter:brightness(1.4)}}@keyframes appLoad{0%,100%{width:20%}50%{width:42%;background:#5bddff}}@keyframes integrationOrbit{50%{transform:scale(1.25);box-shadow:0 0 12px #38bdf8}}@media(prefers-reduced-motion:reduce){.solution-visual *{animation:none!important}}
/* Chapter separation and homepage visual rhythm */
.story-section{max-width:none;padding-inline:max(24px,calc((100vw - 1192px)/2));border-top:1px solid rgba(65,138,244,.11)}
.story-section::before{content:"";position:absolute;top:-1px;left:max(24px,calc((100vw - 1192px)/2));width:72px;height:2px;background:linear-gradient(90deg,#38bdf8,transparent);box-shadow:0 0 14px rgba(56,189,248,.32)}
.story-section:nth-of-type(4n+1){background-color:#020615;background-image:radial-gradient(circle at 88% 18%,rgba(22,85,190,.10),transparent 28%)}
.story-section:nth-of-type(4n+2){background-color:#050b1c;background-image:linear-gradient(135deg,rgba(12,32,70,.38),transparent 42%)}
.story-section:nth-of-type(4n+3){background-color:#030919;background-image:radial-gradient(circle at 10% 75%,rgba(33,112,226,.09),transparent 30%)}
.story-section:nth-of-type(4n){background-color:#071024;background-image:linear-gradient(180deg,rgba(11,28,61,.45),transparent)}
.story-section .story-kicker{display:inline-flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(56,189,248,.17);border-radius:99px;background:rgba(8,23,52,.7)}
.story-section .story-kicker::before{content:"";width:5px;height:5px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8}
.intro-story{padding-top:130px;padding-bottom:130px}.automation-story{background-color:#040d22!important;border-block:1px solid rgba(56,189,248,.22);box-shadow:inset 0 32px 80px rgba(3,10,29,.7),inset 0 -32px 80px rgba(3,10,29,.7)}
.problem-section{background-color:#071126!important}.lab-story{max-width:1192px;margin-block:100px;padding-inline:64px;border:1px solid rgba(56,189,248,.22);box-shadow:0 30px 100px rgba(0,0,0,.3)}.lab-story::before{display:none}
.cases-story{background-color:#05091a!important;background-image:radial-gradient(circle at 50% 0,rgba(28,73,160,.13),transparent 42%)!important}.why-story{background-color:#071124!important}.tech-story{padding-block:135px;background-color:#020612!important;background-image:linear-gradient(90deg,transparent,rgba(30,91,190,.12),transparent)!important}.final-story{border-top:1px solid rgba(56,189,248,.24);min-height:650px;display:flex;flex-direction:column;justify-content:center}
.story-head{position:relative;padding-bottom:30px;border-bottom:1px solid rgba(84,142,224,.11)}
@media(max-width:900px){.lab-story{margin:60px 18px;padding-inline:28px}.story-section{padding-inline:24px}}
@media(max-width:600px){.story-section{padding-inline:18px}.story-section::before{left:18px}.lab-story{padding:65px 20px;margin-inline:12px}}
/* Distinct chapter identities — structural differentiation */
.intro-story{background:#eef5ff!important;color:#071126;border-radius:0}.intro-story .story-kicker{color:#1358c8;background:#dbeafe;border-color:#a8caff}.intro-story .story-title span{background:linear-gradient(110deg,#0b1e43,#1769e8);background-clip:text}.intro-story .story-lede{color:#52627a}.intro-story .pillar-orbit{background:radial-gradient(circle,#d7e9ff,#f5f9ff 68%);border-color:#b8d3fa;box-shadow:0 24px 70px rgba(22,82,170,.16)}.intro-story .pillar-orbit span{background:#fff;color:#0d3471;border-color:#a9c8f5;box-shadow:0 8px 25px rgba(30,84,160,.12)}
#solutions{background:#020612!important}.six-grid{gap:0;border:1px solid rgba(56,189,248,.2);border-radius:22px;overflow:hidden}.solution-tile{border:0;border-right:1px solid rgba(56,189,248,.15);border-bottom:1px solid rgba(56,189,248,.15);border-radius:0;background:#061027;min-height:320px}.solution-tile:nth-child(3n){border-right:0}.solution-tile:nth-child(n+4){border-bottom:0}.solution-tile:nth-child(2),.solution-tile:nth-child(4),.solution-tile:nth-child(6){background:#081631}
.automation-story{background:#071b3a!important;padding-top:145px;padding-bottom:145px}.automation-story:after{content:"AUTOMATION";position:absolute;right:2%;top:65px;font:800 clamp(4rem,12vw,11rem)/1 var(--font-display);color:rgba(72,152,255,.045);letter-spacing:-.06em;pointer-events:none}.automation-rail{background:#020817;border:1px solid #20559b;border-radius:20px;padding:55px 24px 35px;box-shadow:0 40px 100px rgba(0,0,0,.38)}
#agents{background:#eef5ff!important;color:#071126}#agents .story-kicker{color:#1358c8;background:#dbeafe}#agents .story-head>p,#agents .agent-card p{color:#586982}#agents .story-head{border-color:#c6d9f4}.agent-grid{grid-template-columns:repeat(6,1fr);gap:10px}.agent-card{min-height:290px;padding:24px 18px;background:#fff;border-color:#cadaef;box-shadow:0 12px 35px rgba(21,61,116,.08)}.agent-card:hover{border-color:#2678e8;box-shadow:0 20px 45px rgba(26,88,176,.15)}.agent-card h3{font-size:1.05rem}.agent-card span{background:#e9f3ff}
.problem-section{background:#0a0d16!important}.problem-section .story-head{max-width:850px}.problem-list article{grid-template-columns:1.2fr .8fr;padding:30px 10px;font-size:clamp(1.15rem,2vw,1.65rem)}.problem-list article:hover{background:linear-gradient(90deg,rgba(26,88,180,.14),transparent);padding-left:25px}.problem-list span{text-align:right}
#industries{background:#071126!important}.industry-grid{gap:14px;border:0}.industry-grid a{min-height:130px;align-items:center;padding:30px;border:1px solid rgba(74,141,236,.18)!important;border-radius:14px;background:linear-gradient(120deg,#0b1c3c,#071126);font-size:1.35rem}.industry-grid a:hover{background:linear-gradient(120deg,#12346c,#091936);transform:translateX(5px)}
.lab-story{background:#020817!important;min-height:720px;border-radius:38px;overflow:hidden}.lab-story:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(56,189,248,.12) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,black,transparent 58%);z-index:-1}.lab-projects article{padding:20px;border-top-color:#1a3d70}
.build-section{background:#f1f6ff!important;color:#071126;padding-block:135px}.build-section .story-kicker{color:#1358c8;background:#dbeafe}.build-section .story-head{border-color:#c8daf3}.build-timeline:before{height:3px}.build-timeline i{background:#fff;color:#145bc8;box-shadow:0 8px 20px rgba(27,78,148,.18)}
.cases-story{background:#030611!important}.case-cards{grid-template-columns:1.15fr .85fr .85fr;align-items:start}.case-cards article{min-height:380px;padding:38px;background:#07142c}.case-cards article:first-child{min-height:480px;background:linear-gradient(145deg,#113b78,#07142c);display:flex;flex-direction:column;justify-content:flex-end}.case-cards article h3{font-size:1.7rem}
.why-story{background:#08162e!important}.why-grid{gap:16px;background:transparent}.why-grid article{min-height:285px;border-top:3px solid #246be0;background:#050c1c}.why-grid article:nth-child(2){border-color:#38bdf8}.why-grid article:nth-child(3){border-color:#665cff}.why-grid article:nth-child(4){border-color:#36d4a0}
.tech-story{background:#02040b!important;padding-block:85px}.tech-story .story-title{font-size:clamp(2.2rem,4vw,3.7rem)}.tech-line{padding:28px;border-block:1px solid #15294a;background:#050b18}
#insights{background:#f3f7fd!important;color:#071126}#insights .story-kicker{color:#1358c8;background:#dbeafe}#insights .story-head{border-color:#c8d8ed}.insight-cards a{background:#fff;border-color:#ccd9eb;color:#071126;box-shadow:0 12px 30px rgba(16,49,95,.07)}.insight-cards a:nth-child(2){transform:translateY(28px)}#insights .story-link{color:#145dcc}
.final-story{background:#0a2c69;min-height:760px}.final-story:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(65,187,255,.15),transparent 40%),radial-gradient(circle at 50% 90%,rgba(63,173,255,.3),transparent 42%)}
@media(max-width:1050px){.agent-grid{grid-template-columns:repeat(3,1fr)}.case-cards{grid-template-columns:1fr 1fr}.case-cards article:first-child{grid-column:1/-1;min-height:360px}}
@media(max-width:700px){.solution-tile{border-right:0}.solution-tile:nth-child(n){border-bottom:1px solid rgba(56,189,248,.15)}.solution-tile:last-child{border-bottom:0}.agent-grid,.case-cards{grid-template-columns:1fr}.case-cards article:first-child{grid-column:auto}.problem-list span{text-align:left}.insight-cards a:nth-child(2){transform:none}.intro-story{color:#071126}}
/* Intelligence reactor: Innovate → Automate → Scale */
.intro-story .pillar-orbit{position:relative;height:430px;border-radius:36px;overflow:hidden;background:linear-gradient(145deg,#eaf3ff,#dceaff);box-shadow:inset 0 0 0 1px rgba(74,139,232,.24),0 28px 80px rgba(27,83,164,.18);perspective:900px;transform-style:preserve-3d}.reactor-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(27,93,188,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(27,93,188,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,black,transparent 72%)}.reactor-ring{position:absolute;left:50%;top:47%;border:1px solid rgba(25,94,199,.28);border-radius:50%;transform-style:preserve-3d}.ring-one{width:310px;height:205px;transform:translate(-50%,-50%) rotateX(66deg);animation:reactorSpin 11s linear infinite}.ring-two{width:245px;height:300px;transform:translate(-50%,-50%) rotateY(68deg);border-style:dashed;animation:reactorSpinB 16s linear infinite}.reactor-core{position:absolute;left:50%;top:46%;width:94px;height:94px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#bcd9ff 58%,#69a8ff);box-shadow:0 0 0 10px rgba(255,255,255,.36),0 0 45px rgba(31,106,225,.35);animation:coreHover 4s ease-in-out infinite}.reactor-core img{width:58px;height:58px;object-fit:contain}.reactor-core i{position:absolute;inset:-11px;border:2px solid transparent;border-top-color:#1c6be0;border-right-color:#54c3ff;border-radius:50%;animation:spin 3s linear infinite}.reactor-node{position:absolute;z-index:4;width:125px;padding:13px 12px;border:1px solid rgba(35,105,205,.28);border-radius:14px;background:rgba(255,255,255,.84);box-shadow:0 10px 28px rgba(22,79,158,.15);color:#0a326e;text-align:left;transition:.35s;cursor:pointer}.reactor-node:hover,.reactor-node.active{transform:translateY(-7px) scale(1.04);border-color:#1d6bf3;box-shadow:0 16px 35px rgba(25,94,190,.25)}.reactor-node i,.reactor-node b,.reactor-node small{display:block}.reactor-node i{font:600 .58rem var(--font-mono);color:#4d83ca;margin-bottom:7px}.reactor-node b{font:700 .72rem var(--font-mono);letter-spacing:.08em}.reactor-node small{font-size:.65rem;color:#6a7e9d;margin-top:4px}.node-innovate{left:25px;top:42px}.node-automate{right:24px;top:44%}.node-scale{left:35px;bottom:34px}.reactor-path{position:absolute;height:1px;z-index:2;transform-origin:left;background:linear-gradient(90deg,#2a74da,#55c9ff)}.path-a{width:145px;left:137px;top:103px;transform:rotate(26deg)}.path-b{width:147px;left:130px;bottom:94px;transform:rotate(-25deg)}.reactor-packet{position:absolute;z-index:5;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px #2580eb;left:140px;top:98px;animation:reactorPacket 5.5s cubic-bezier(.45,0,.2,1) infinite}.reactor-status{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font:600 .58rem var(--font-mono);letter-spacing:.1em;color:#285c9e}.reactor-status i{width:5px;height:5px;border-radius:50%;background:#1ad89a;box-shadow:0 0 8px #1ad89a}@keyframes reactorSpin{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(360deg)}}@keyframes reactorSpinB{to{transform:translate(-50%,-50%) rotateY(68deg) rotateZ(-360deg)}}@keyframes coreHover{50%{transform:translate(-50%,-58%);box-shadow:0 0 0 15px rgba(255,255,255,.28),0 0 58px rgba(31,106,225,.48)}}@keyframes reactorPacket{0%{left:140px;top:98px;opacity:0}8%{opacity:1}31%{left:48%;top:44%}58%{left:78%;top:47%}78%{left:48%;top:44%}95%{left:145px;top:326px;opacity:1}100%{opacity:0}}@media(max-width:600px){.intro-story .pillar-orbit{height:390px}.reactor-node{width:108px}.node-innovate{left:12px}.node-automate{right:12px}.node-scale{left:18px}.ring-one{width:250px}.reactor-core{width:78px;height:78px}}@media(prefers-reduced-motion:reduce){.reactor-ring,.reactor-core,.reactor-core i,.reactor-packet{animation:none!important}}
/* Explanatory system animations: agents, RAG and integrations */
.system-visual{height:142px;overflow:visible;background:linear-gradient(145deg,#07152f,#091b3b);border:1px solid rgba(69,142,240,.18)}.system-chip{position:absolute;z-index:3;padding:5px 7px;border:1px solid #3278d5;border-radius:6px;background:#071630;color:#91dfff;font:600 .48rem var(--font-mono);letter-spacing:.06em}.orchestrator{left:50%;top:50%;transform:translate(-50%,-50%);padding:9px;background:linear-gradient(135deg,#1d6bf3,#39bff3);color:#fff;box-shadow:0 0 20px rgba(43,133,255,.45)}.agent.sales{left:8%;top:12%}.agent.support{right:7%;top:12%}.agent.research{left:6%;bottom:17%}.agent.ops{right:10%;bottom:17%}.multi-agent .route{position:absolute;z-index:1;width:33%;height:1px;left:20%;top:34%;background:linear-gradient(90deg,#3278d5,#58d6ff);transform-origin:right}.multi-agent .r1{transform:rotate(19deg)}.multi-agent .r2{left:47%;transform:rotate(-19deg)}.multi-agent .r3{top:70%;transform:rotate(-18deg)}.multi-agent .r4{left:47%;top:70%;transform:rotate(18deg)}.task-dot{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #38bdf8;animation:agentRoute 4s ease-in-out infinite}.system-status{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font:500 .45rem var(--font-mono);letter-spacing:.1em;color:#51c9f1;white-space:nowrap}@keyframes agentRoute{0%{left:11%;top:24%;opacity:0}10%{opacity:1}35%{left:49%;top:48%}60%{left:82%;top:24%}75%{left:49%;top:48%}95%{left:83%;top:78%;opacity:1}100%{opacity:0}}
.rag-system{height:142px}.rag-query{position:absolute;left:7px;top:8px;right:7px;padding:6px 8px;border-radius:6px;background:#0d2851;color:#c7e8ff;font-size:.52rem;white-space:nowrap;overflow:hidden}.rag-doc{position:absolute;left:8px;padding:5px 6px;border:1px solid #2b67b8;border-radius:4px;background:#07152e;color:#78a8dd;font:500 .43rem var(--font-mono)}.rag-doc.d1{top:46px}.rag-doc.d2{top:73px}.rag-doc.d3{top:100px}.rag-engine{position:absolute;left:50%;top:76px;transform:translate(-50%,-50%);width:62px;height:48px;display:grid;place-items:center;text-align:center;border:1px solid #52cffa;border-radius:50%;background:#0b2752;color:#9beaff;font:600 .43rem var(--font-mono);box-shadow:0 0 18px rgba(56,189,248,.25)}.rag-answer{position:absolute;right:7px;top:60px;width:78px;padding:9px 6px;border:1px solid #2ecf94;border-radius:6px;background:#082b2b;color:#82f1c6;font:600 .44rem var(--font-mono);text-align:center;opacity:.4;animation:answerReady 3.4s ease-in-out infinite}.rag-pulse{position:absolute;width:7px;height:7px;border-radius:50%;left:38px;top:50px;background:#fff;box-shadow:0 0 10px #38bdf8;animation:ragRetrieve 3.4s ease-in-out infinite}@keyframes ragRetrieve{0%{left:38px;top:50px;opacity:0}12%{opacity:1}42%{left:47%;top:70px}72%{left:76%;top:75px}100%{opacity:0}}@keyframes answerReady{0%,55%{opacity:.35}72%,90%{opacity:1;box-shadow:0 0 16px rgba(46,207,148,.25)}}
.integration-system{height:142px}.integration-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;text-align:center;border-radius:13px;background:linear-gradient(135deg,#1c6be4,#36c7ed);color:#fff;font:700 .45rem var(--font-mono);box-shadow:0 0 22px rgba(45,136,255,.42);z-index:3}.tool{position:absolute;padding:6px;border:1px solid #3479ce;border-radius:6px;background:#06142d;color:#a2c9f2;font:600 .43rem var(--font-mono)}.tool.crm{left:8px;top:14px}.tool.wa{right:7px;top:14px}.tool.mail{left:8px;bottom:20px}.tool.erp{right:8px;bottom:20px}.integration-system:before,.integration-system:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:1px;background:#2b6ab8}.integration-system:after{transform:rotate(90deg)}.sync-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #38bdf8;z-index:4}.sync-pulse.p1{animation:syncOne 3s ease-in-out infinite}.sync-pulse.p2{animation:syncTwo 3s ease-in-out infinite -1.5s}@keyframes syncOne{0%{left:18%;top:22%}50%{left:49%;top:48%}100%{left:80%;top:22%}}@keyframes syncTwo{0%{left:18%;top:75%}50%{left:49%;top:48%}100%{left:80%;top:75%}}
@media(prefers-reduced-motion:reduce){.task-dot,.rag-answer,.rag-pulse,.sync-pulse{animation:none!important}}
/* Automation blueprint — vertical, contained, no horizontal scroll */
.automation-rail{position:relative;display:grid!important;grid-template-columns:1fr 90px 1fr!important;gap:12px 28px!important;max-width:980px;margin:55px auto 0;padding:40px 44px!important;overflow:visible!important;background:linear-gradient(145deg,#020817,#06142b)!important;border-radius:28px!important}.automation-rail:before{content:""!important;position:absolute!important;left:50%!important;right:auto!important;top:48px!important;bottom:48px!important;width:2px!important;height:auto!important;background:#173e77!important;transform:translateX(-50%)!important}.automation-rail .rail-progress{left:50%!important;top:48px!important;width:3px!important;height:0!important;transform:translateX(-50%)!important;background:linear-gradient(#4ee0ff,#246be2)!important;box-shadow:0 0 18px #38bdf8!important;transition:height 3.2s ease!important}.automation-rail.active .rail-progress{width:3px!important;height:calc(100% - 96px)!important}.automation-rail article{position:relative;min-height:105px!important;padding:22px 24px!important;border-radius:14px!important;display:grid!important;grid-template-columns:44px 1fr!important;align-content:center!important;column-gap:14px!important;background:linear-gradient(120deg,#0a1b38,#061128)!important;box-shadow:0 14px 35px rgba(0,0,0,.18)}.automation-rail article:nth-of-type(odd){grid-column:1;transform:translateX(-24px)!important;text-align:right;grid-template-columns:1fr 44px!important}.automation-rail article:nth-of-type(even){grid-column:3;transform:translateX(24px)!important}.automation-rail article:nth-of-type(odd) i{grid-column:2;grid-row:1/3}.automation-rail article:nth-of-type(odd) b,.automation-rail article:nth-of-type(odd) span{grid-column:1}.automation-rail article:nth-of-type(even) i{grid-column:1;grid-row:1/3}.automation-rail article:nth-of-type(even) b,.automation-rail article:nth-of-type(even) span{grid-column:2}.automation-rail article:nth-of-type(1),.automation-rail article:nth-of-type(2){grid-row:1}.automation-rail article:nth-of-type(3),.automation-rail article:nth-of-type(4){grid-row:2}.automation-rail article:nth-of-type(5),.automation-rail article:nth-of-type(6){grid-row:3}.automation-rail article:nth-of-type(7),.automation-rail article:nth-of-type(8){grid-row:4}.automation-rail.active article:nth-of-type(n){transform:translateX(0)!important}.automation-rail article:after{content:"";position:absolute;top:50%;width:28px;height:1px;background:#3179dc}.automation-rail article:nth-of-type(odd):after{right:-29px}.automation-rail article:nth-of-type(even):after{left:-29px}.automation-rail article i{width:40px!important;height:40px!important;margin:0!important;align-self:center;background:linear-gradient(135deg,#1d63cf,#2e96ed)!important;box-shadow:0 0 16px rgba(45,139,239,.3)}.automation-rail article b{font-size:1rem}.automation-rail article span{margin-top:4px!important}.automation-rail .data-packet{left:50%!important;top:48px!important;transform:translateX(-50%);opacity:0}.automation-rail.active .data-packet{animation:verticalPacket 3.2s ease-in-out forwards!important}@keyframes verticalPacket{5%{opacity:1}95%{opacity:1}to{top:calc(100% - 48px);opacity:0}}
@media(max-width:760px){.automation-rail{grid-template-columns:42px 1fr!important;padding:30px 18px!important;gap:12px!important}.automation-rail:before{left:38px!important}.automation-rail .rail-progress,.automation-rail .data-packet{left:38px!important}.automation-rail article:nth-of-type(n){grid-column:2!important;grid-row:auto!important;text-align:left!important;grid-template-columns:40px 1fr!important;transform:translateX(12px)!important}.automation-rail.active article:nth-of-type(n){transform:none!important}.automation-rail article:nth-of-type(n) i{grid-column:1!important;grid-row:1/3!important}.automation-rail article:nth-of-type(n) b,.automation-rail article:nth-of-type(n) span{grid-column:2!important}.automation-rail article:nth-of-type(n):after{left:-25px!important;right:auto!important;width:24px!important}}
/* Workflow hover interaction */
.automation-rail article{overflow:hidden;cursor:default;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s,opacity .32s,background .32s!important}.automation-rail:has(article:hover) article:not(:hover){opacity:.48!important;filter:saturate(.7)}.automation-rail article:hover{z-index:6;transform:translateY(-5px) scale(1.025)!important;border-color:#52d7ff!important;background:linear-gradient(120deg,#103065,#081936)!important;box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 0 1px rgba(77,211,255,.2),0 0 30px rgba(38,126,236,.22)!important}.automation-rail article:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 35%,rgba(103,224,255,.13) 50%,transparent 65%);transition:transform .65s ease;pointer-events:none}.automation-rail article:hover:before{transform:translateX(120%)}.automation-rail article:hover i{transform:scale(1.12);background:linear-gradient(135deg,#57dfff,#246be2)!important;color:#fff;box-shadow:0 0 0 7px rgba(56,189,248,.1),0 0 22px #38bdf8!important}.automation-rail article i{transition:transform .3s,box-shadow .3s,background .3s}.automation-rail article:hover b{color:#8cecff;text-shadow:0 0 16px rgba(56,189,248,.3)}.automation-rail article b{transition:color .3s,text-shadow .3s}.automation-rail article:hover span{color:#b8d6fb}.automation-rail article:nth-of-type(odd):hover:after,.automation-rail article:nth-of-type(even):hover:after{height:2px;background:linear-gradient(90deg,#55dfff,#fff);box-shadow:0 0 12px #38bdf8;animation:connectorCharge .75s ease-in-out infinite alternate}.automation-rail article:hover:global{}@keyframes connectorCharge{from{opacity:.45}to{opacity:1;filter:brightness(1.5)}}
@media(max-width:760px){.automation-rail:has(article:hover) article:not(:hover){opacity:.7!important}.automation-rail article:hover{transform:translateX(4px)!important}}
@media(prefers-reduced-motion:reduce){.automation-rail article:before,.automation-rail article:hover:after{animation:none!important;transition:none!important}}
/* AI Workforce Command Deck */
#agents{background:#030817!important;color:#f4f8ff!important}#agents .story-kicker{color:#63dcff!important;background:#071a35!important;border-color:#1e5799!important}#agents .story-head{border-color:#18345e!important}#agents .story-head>p{color:#8fa5c4!important}.workforce-deck{position:relative;padding:0 24px 30px;border:1px solid #1b4c87;border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(21,88,192,.2),transparent 30%),linear-gradient(145deg,#061126,#020713);box-shadow:0 35px 90px rgba(0,0,0,.36);overflow:hidden}.workforce-deck:before{content:"";position:absolute;inset:48px 0 0;background-image:radial-gradient(rgba(56,189,248,.1) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,black,transparent 72%)}.deck-toolbar{height:52px;margin:0 -24px 26px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17355e;background:#040b1a;font:600 .58rem var(--font-mono);letter-spacing:.12em;color:#7692b5}.deck-toolbar span{color:#8ae7ff}.deck-toolbar span i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#36e2a1;box-shadow:0 0 9px #36e2a1}.workforce-core{position:relative;z-index:4;width:180px;height:180px;margin:0 auto 25px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#123f83,#07152e 67%);border:1px solid #398add;box-shadow:0 0 50px rgba(40,119,226,.28)}.workforce-core img{width:55px;height:55px;object-fit:contain}.workforce-core b{font:700 .62rem var(--font-mono);letter-spacing:.12em;color:#c8f1ff;margin-top:9px}.workforce-core small{font:500 .46rem var(--font-mono);color:#56cafa;margin-top:4px}.core-radar{position:absolute;inset:-12px;border:1px dashed rgba(56,189,248,.4);border-radius:50%;animation:spin 12s linear infinite}.core-radar:after{content:"";position:absolute;inset:20px;border:1px solid rgba(56,189,248,.2);border-radius:50%}.workforce-deck .agent-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workforce-deck .agent-card{position:relative;min-height:235px;padding:22px;background:linear-gradient(145deg,rgba(10,29,62,.95),rgba(5,14,33,.95));border:1px solid #173d6c;color:#f5f8ff;box-shadow:none;overflow:hidden}.workforce-deck .agent-card:hover{transform:translateY(-6px);border-color:#42cfff;box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 25px rgba(42,139,235,.14)}.agent-code{display:grid!important;width:38px!important;height:38px!important;place-items:center;background:#0d2852!important;border:1px solid #3187e4!important;border-radius:10px!important;color:#77ddff!important;font:700 .65rem var(--font-mono)!important}.agent-live{position:absolute;right:20px;top:22px;width:7px;height:7px;border-radius:50%;background:#35e39f;box-shadow:0 0 9px #35e39f;animation:agentBlink 1.8s ease-in-out infinite}.workforce-deck .agent-card>small{position:absolute;right:34px;top:20px;color:#4f7da8;font:500 .46rem var(--font-mono);letter-spacing:.08em}.workforce-deck .agent-card h3{margin:20px 0 7px;font-size:1.15rem}.workforce-deck .agent-card p{color:#8398b7!important;max-width:85%;font-size:.82rem}.agent-viz{position:absolute;right:16px;bottom:16px;width:82px;height:50px;opacity:.7}.bars{display:flex;align-items:end;justify-content:flex-end;gap:4px}.bars i{width:7px;background:linear-gradient(#52d9ff,#2463da);border-radius:3px;animation:barWork 1.6s ease-in-out infinite}.bars i:nth-child(1){height:15px}.bars i:nth-child(2){height:28px;animation-delay:-.4s}.bars i:nth-child(3){height:20px;animation-delay:-.8s}.bars i:nth-child(4){height:40px;animation-delay:-1.2s}.messages i{position:absolute;right:0;width:55px;height:8px;border-radius:5px;background:#2268bd;animation:messageWork 2s ease-in-out infinite}.messages i:nth-child(2){top:15px;width:38px;animation-delay:-.7s}.messages i:nth-child(3){top:30px;width:48px;animation-delay:-1.3s}.sound{display:flex;align-items:center;justify-content:flex-end;gap:3px}.sound i{width:4px;height:15px;border-radius:3px;background:#45d7ff;animation:wave 1s ease-in-out infinite}.sound i:nth-child(2),.sound i:nth-child(4){animation-delay:-.3s}.sound i:nth-child(3){animation-delay:-.6s}.scan{border:1px solid #23558f;border-radius:6px}.scan i{position:absolute;left:8px;right:8px;height:3px;background:#2866af}.scan i:nth-child(1){top:12px}.scan i:nth-child(2){top:27px;width:45px}.scan span{position:absolute;left:0;right:0;height:2px;background:#64e3ff;box-shadow:0 0 8px #38bdf8;animation:researchScan 1.8s linear infinite}.gears i{position:absolute;border:2px dashed #42bfea;border-radius:50%;animation:spin 4s linear infinite}.gears i:nth-child(1){width:30px;height:30px;right:2px;top:2px}.gears i:nth-child(2){width:22px;height:22px;right:31px;top:24px;animation-direction:reverse}.gears i:nth-child(3){width:14px;height:14px;right:10px;top:35px}.docs i{position:absolute;width:35px;height:42px;border:1px solid #3c89d9;border-radius:4px;background:#0c2850;right:0;animation:docWork 2.4s ease-in-out infinite}.docs i:nth-child(2){right:17px;animation-delay:-.8s}.docs i:nth-child(3){right:34px;animation-delay:-1.6s}.workforce-packet{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;left:50%;top:250px;background:#fff;box-shadow:0 0 14px #38bdf8;animation:workforceRoute 6s ease-in-out infinite}@keyframes agentBlink{50%{opacity:.25}}@keyframes barWork{50%{height:42px;filter:brightness(1.4)}}@keyframes messageWork{50%{transform:translateX(-12px);background:#55d8ff}}@keyframes researchScan{from{top:3px}to{top:44px}}@keyframes docWork{50%{transform:translateY(-8px);border-color:#65dcff}}@keyframes workforceRoute{0%{left:50%;top:250px;opacity:0}8%{opacity:1}25%{left:16%;top:360px}42%{left:50%;top:250px}58%{left:84%;top:360px}75%{left:50%;top:250px}92%{left:50%;top:580px;opacity:1}100%{opacity:0}}@media(max-width:900px){.workforce-deck .agent-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.workforce-deck{padding-inline:14px}.deck-toolbar{margin-inline:-14px}.deck-toolbar b{display:none}.workforce-deck .agent-grid{grid-template-columns:1fr}.workforce-core{width:145px;height:145px}}@media(prefers-reduced-motion:reduce){.workforce-deck *{animation:none!important}}
/* Build timeline hover interaction */
.build-timeline div{cursor:default;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1);padding:0 8px 38px}.build-timeline:has(div:hover) div:not(:hover){opacity:.38}.build-timeline div:hover{transform:translateY(-9px)}.build-timeline div i{transition:transform .35s,background .35s,color .35s,box-shadow .35s,border-color .35s}.build-timeline div:hover i{transform:scale(1.28);background:linear-gradient(135deg,#1c6be4,#51d9ff);color:#fff;border-color:#55dcff;box-shadow:0 0 0 9px rgba(36,122,224,.1),0 12px 28px rgba(25,91,183,.28)}.build-timeline div b{transition:color .3s}.build-timeline div:hover b{color:#1765d1}.build-timeline div small{display:block;max-width:150px;margin:8px auto 0;color:#61738d;font-size:.72rem;line-height:1.4;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.build-timeline div:hover small{opacity:1;transform:none}.build-timeline div:after{content:"";position:absolute;z-index:2;top:18px;left:50%;width:0;height:3px;background:linear-gradient(90deg,#1c6be4,#53dfff);box-shadow:0 0 12px rgba(56,189,248,.5);transition:width .45s ease}.build-timeline div:hover:after{width:50%}.build-timeline div:last-child:hover:after{width:0}@media(max-width:700px){.build-timeline div small{opacity:1;transform:none}.build-timeline div:hover:after{display:none}}@media(prefers-reduced-motion:reduce){.build-timeline div,.build-timeline div i,.build-timeline div small,.build-timeline div:after{transition:none!important}}
/* Why Ishix card hover interaction */
.why-grid article{position:relative;overflow:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .38s}.why-grid:has(article:hover) article:not(:hover){opacity:.48;transform:scale(.985)}.why-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(36,107,224,.2),transparent 55%);opacity:0;transition:opacity .35s}.why-grid article:nth-child(2):before{background:linear-gradient(150deg,rgba(56,189,248,.2),transparent 55%)}.why-grid article:nth-child(3):before{background:linear-gradient(150deg,rgba(102,92,255,.22),transparent 55%)}.why-grid article:nth-child(4):before{background:linear-gradient(150deg,rgba(54,212,160,.2),transparent 55%)}.why-grid article:after{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:currentColor;box-shadow:0 0 18px currentColor;transition:width .55s ease}.why-grid article:hover{transform:translateY(-10px);box-shadow:0 22px 50px rgba(0,0,0,.32),0 0 28px rgba(42,114,220,.13)}.why-grid article:hover:before{opacity:1}.why-grid article:hover:after{width:100%}.why-grid article>i{position:relative;z-index:2;transition:font-size .35s,color .35s,opacity .35s}.why-grid article:hover>i{font-size:3.6rem;line-height:.8;opacity:.2}.why-grid article h3,.why-grid article p{position:relative;z-index:2;transition:transform .35s,color .35s}.why-grid article:hover h3{transform:translateY(8px);color:#a7eaff}.why-grid article:hover p{transform:translateY(8px);color:#b7c9e2}.why-grid article small{position:absolute;z-index:2;left:30px;right:25px;bottom:26px;font:600 .55rem var(--font-mono);letter-spacing:.1em;color:#56d8ff;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}.why-grid article:nth-child(3) small{color:#9189ff}.why-grid article:nth-child(4) small{color:#56ddb2}.why-grid article:hover small{opacity:1;transform:none}@media(max-width:700px){.why-grid article small{position:static;display:block;margin-top:30px;opacity:1;transform:none}.why-grid:has(article:hover) article:not(:hover){opacity:.75}}@media(prefers-reduced-motion:reduce){.why-grid article,.why-grid article:before,.why-grid article:after,.why-grid article>*{transition:none!important}}

/* Refined build timeline hover — contained, calm, and readable */
.build-timeline:has(div:hover) div:not(:hover){opacity:.68}
.build-timeline div{border-radius:14px;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,box-shadow .3s ease}
.build-timeline div:hover{transform:translateY(-4px);background:rgba(255,255,255,.58);box-shadow:0 14px 34px rgba(29,78,145,.10)}
.build-timeline div:after,.build-timeline div:hover:after,.build-timeline div:last-child:hover:after{display:none!important;width:0!important}
.build-timeline div:hover i{transform:scale(1.08);background:#176be0;color:#fff;border-color:#176be0;box-shadow:0 0 0 5px rgba(23,107,224,.10),0 9px 22px rgba(23,82,165,.18)}
.build-timeline div:hover b{color:#0d4fae}
.build-timeline div small{max-width:none;margin-top:7px;color:#61738d}
.build-timeline div:hover small{opacity:1;transform:translateY(0)}


/* Align Insights cards on a single baseline */
#insights .insight-cards{align-items:stretch}
#insights .insight-cards a,
#insights .insight-cards a:nth-child(2){min-height:312px;height:100%;display:flex;flex-direction:column;transform:none}
#insights .insight-cards h3{margin:54px 0 22px;line-height:1.28}
#insights .insight-cards a>span{margin-top:auto}
#insights .insight-cards a:hover{transform:translateY(-6px)}


/* Keep the final consultation CTA compact inside its flex section */
.final-story .btn-primary-gradient{align-self:center;width:auto;max-width:100%;padding:14px 26px}


/* Global button geometry: sharp, consistent, architectural */
.btn-primary-gradient,
.btn-secondary-border,
.btn-header-talk,
.btn-cyber,
.contact-form button{border-radius:0!important}


/* Ishix advanced 3D button system */
.btn-primary-gradient,
.btn-secondary-border,
.btn-header-talk,
.contact-form button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  transform:translateY(0) perspective(500px) rotateX(0);
  transform-origin:center bottom;
  will-change:transform;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease!important;
}
.btn-primary-gradient,
.contact-form button{
  border:1px solid rgba(135,225,255,.62)!important;
  background:linear-gradient(135deg,#2387ff 0%,#1765de 48%,#0b43a8 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 -5px rgba(1,28,84,.38),0 7px 0 #062d74,0 15px 28px rgba(7,55,145,.34),0 0 22px rgba(48,167,255,.22)!important;
}
.btn-secondary-border{
  border:1px solid rgba(79,176,255,.5)!important;
  background:linear-gradient(145deg,#0b214b,#06132f)!important;
  box-shadow:inset 0 1px rgba(152,220,255,.18),inset 0 -5px rgba(0,0,0,.32),0 7px 0 #020a1c,0 14px 26px rgba(0,0,0,.32)!important;
}
.btn-header-talk{
  border:1px solid rgba(95,198,255,.55)!important;
  background:linear-gradient(145deg,#123b80,#071b43)!important;
  box-shadow:inset 0 1px rgba(164,229,255,.22),inset 0 -4px rgba(0,0,0,.32),0 5px 0 #02091b,0 11px 22px rgba(0,0,0,.28)!important;
}
.btn-primary-gradient:after,
.btn-secondary-border:after,
.btn-header-talk:after,
.contact-form button:after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.08) 40%,rgba(190,242,255,.5) 50%,rgba(255,255,255,.08) 60%,transparent 75%);
  transform:translateX(-130%);
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.btn-primary-gradient:hover,
.contact-form button:hover{
  transform:translateY(-4px) perspective(500px) rotateX(4deg)!important;
  filter:saturate(1.12) brightness(1.05);
  box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 -5px rgba(1,28,84,.3),0 10px 0 #062d74,0 23px 38px rgba(7,66,167,.42),0 0 34px rgba(53,193,255,.36)!important;
}
.btn-secondary-border:hover,
.btn-header-talk:hover{
  transform:translateY(-4px) perspective(500px) rotateX(4deg)!important;
  filter:brightness(1.12);
}
.btn-primary-gradient:hover:after,
.btn-secondary-border:hover:after,
.btn-header-talk:hover:after,
.contact-form button:hover:after{transform:translateX(130%)}
.btn-primary-gradient:active,
.btn-secondary-border:active,
.btn-header-talk:active,
.contact-form button:active{
  transform:translateY(5px) perspective(500px) rotateX(-2deg)!important;
  transition-duration:.08s!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.3),inset 0 -2px rgba(255,255,255,.12),0 2px 0 #03163b,0 6px 12px rgba(0,0,0,.28)!important;
}
.btn-primary-gradient:focus-visible,
.btn-secondary-border:focus-visible,
.btn-header-talk:focus-visible,
.contact-form button:focus-visible{outline:2px solid #8eeaff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){
  .btn-primary-gradient,.btn-secondary-border,.btn-header-talk,.contact-form button,
  .btn-primary-gradient:after,.btn-secondary-border:after,.btn-header-talk:after,.contact-form button:after{transition:none!important;transform:none!important}
}


/* Uniform accent color system */
:root{--accent-on-light:#1765d1;--accent-on-dark:#38bdf8}
.intro-story .story-kicker,
.build-section .story-kicker,
#insights .story-kicker,
.case-note>span,
.lab-criteria>span,
body.page-about .inner-section>h2:before,
body.page-industries .inner-section>h2:before,
body.page-innovation-lab .lab-criteria article i{color:var(--accent-on-light)!important}


/* Global visual-language normalization */
body{background:var(--ishix-navy-950);font-family:var(--font-body);font-weight:400;color:var(--text-primary)}
h1,h2,h3,h4,h5,h6,.story-title,.article-card h2{font-family:var(--font-display);font-weight:750}
.story-kicker,.cyber-badge,.section-index,.article-meta,.case-index,.demo-label,.cap-copy small,.feature-card small{font-family:var(--font-mono);font-weight:600;letter-spacing:.14em}
.site-header{background:rgba(2,6,19,.82);border-color:var(--ishix-border-dark)}
.nav-link{font-family:var(--font-body);font-weight:600}
.story-section:nth-of-type(even){background:linear-gradient(180deg,transparent,rgba(8,22,52,.52),transparent)}
.solution-tile,.agent-card,.case-cards article,.insight-cards a,.why-grid article,
.workforce-deck,.solution-cap-card,.blueprint-card,.blueprint-system,.lab-panel,.lab-visual,
.lab-criteria article{border-radius:var(--ishix-radius)!important}
.solution-tile,.agent-card,.case-cards article,.insight-cards a,.why-grid article,.solution-cap-card{border-color:var(--ishix-border-dark)}
.solution-tile:hover,.agent-card:hover,.case-cards article:hover,.insight-cards a:hover,.why-grid article:hover,.solution-cap-card:hover{border-color:var(--ishix-cyan-400);box-shadow:var(--ishix-shadow-dark)}
.intro-story,.build-section,#insights,.case-note,.lab-criteria{background-color:var(--ishix-light-100)!important;color:var(--ishix-ink)}
.intro-story .story-kicker,.build-section .story-kicker,#insights .story-kicker,.case-note>span,.lab-criteria>span{color:var(--accent-on-light)!important}
.story-kicker{color:var(--accent-on-dark)}
.why-grid article{border-top-color:var(--ishix-blue-600)!important}
.why-grid article:nth-child(even){border-top-color:var(--ishix-cyan-400)!important}
.btn-primary-gradient,.contact-form button{background:linear-gradient(135deg,var(--ishix-blue-600),var(--ishix-blue-700))!important}
.btn-secondary-border,.btn-header-talk{background:linear-gradient(145deg,var(--ishix-navy-800),var(--ishix-navy-900))!important}
input,select,textarea{font-family:var(--font-body)}
.site-footer{border-color:var(--ishix-border-dark)}


/* Homepage solutions as separate architectural tiles */
#solutions .six-grid{gap:16px;border:0;overflow:visible;background:transparent}
#solutions .solution-tile,
#solutions .solution-tile:nth-child(3n),
#solutions .solution-tile:nth-child(n+4){border:1px solid var(--ishix-border-dark)!important}
#solutions .solution-tile:hover{border-color:var(--ishix-cyan-400)!important}


/* Homepage industry tiles: meaningful icons, no numbers or arrows */
#industries .industry-grid a{grid-template-columns:58px 1fr;gap:22px}
#industries .industry-grid a>i{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(65,173,255,.38);background:linear-gradient(145deg,rgba(19,73,151,.35),rgba(5,20,51,.72));color:#51ceff;box-shadow:inset 0 0 18px rgba(44,148,255,.1);transition:transform .32s ease,color .32s ease,border-color .32s ease,box-shadow .32s ease}
#industries .industry-grid a>i svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#industries .industry-grid a>b{font:600 1.22rem var(--font-display);color:#b5a0ff;transition:color .3s ease}
#industries .industry-grid a:hover>i{transform:translateY(-3px) scale(1.06);color:#fff;border-color:#75e1ff;box-shadow:0 0 25px rgba(56,189,248,.48),inset 0 0 16px rgba(255,255,255,.1)}
#industries .industry-grid a:hover>b{color:#fff}
@media(max-width:600px){#industries .industry-grid a{grid-template-columns:50px 1fr;gap:16px}#industries .industry-grid a>i{width:48px;height:48px}}

/* Interactive build navigator */
.build-section .build-timeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:64px;padding-top:0}
.build-section .build-timeline:before{content:"";position:absolute;z-index:0;top:25px;left:8.33%;right:8.33%;height:2px;background:#c6d9f1}
.build-section .build-timeline:after{content:"";position:absolute;z-index:1;top:25px;left:8.33%;width:calc(var(--step-progress) - 8.33%);height:2px;background:linear-gradient(90deg,#176cf3,#38bdf8);box-shadow:0 0 14px rgba(56,189,248,.48);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.build-timeline button{position:relative;z-index:2;min-width:0;min-height:165px;padding:0 14px 22px;border:1px solid transparent;background:transparent;color:var(--ishix-ink);font-family:var(--font-body);text-align:center;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .3s,opacity .3s}
.build-timeline button i{position:relative;z-index:2;width:52px;height:52px;margin:0 auto 22px;display:grid;place-items:center;border:1px solid #2daaf2;border-radius:50%;background:#fff;color:#1765d1;font:700 .65rem var(--font-mono);box-shadow:0 8px 22px rgba(24,84,167,.12);transition:transform .3s,background .3s,color .3s,box-shadow .3s,border-color .3s}
.build-timeline button b{display:block;font:700 1.05rem var(--font-display);transition:color .3s}
.build-timeline button small{display:block;margin:8px auto 0;color:#61738d;font-size:.72rem;line-height:1.4;opacity:.72;transform:none}
.build-timeline button:hover,.build-timeline button:focus-visible,.build-timeline button.is-active{transform:translateY(-6px);border-color:#bdd6f3;background:rgba(255,255,255,.78);box-shadow:0 18px 38px rgba(28,78,145,.12)}
.build-timeline button:hover i,.build-timeline button:focus-visible i,.build-timeline button.is-active i{transform:scale(1.1);border-color:#5ad7ff;background:linear-gradient(135deg,#176cf3,#38bdf8);color:#fff;box-shadow:0 0 0 7px rgba(31,116,229,.1),0 12px 28px rgba(23,94,190,.25)}
.build-timeline button.is-active b{color:#1358c8}
.build-timeline button:focus-visible{outline:2px solid #176cf3;outline-offset:3px}
.build-timeline button:after{display:none!important}
.timeline-detail{grid-column:1/-1;min-height:126px;margin-top:16px;padding:26px 30px;display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:28px;align-items:center;border:1px solid #bdd4ef;background:linear-gradient(135deg,#fff,#e8f2ff);box-shadow:0 18px 42px rgba(29,78,145,.1)}
.timeline-detail span{color:#1765d1;font:700 .68rem var(--font-mono);letter-spacing:.15em}.timeline-detail p{margin:0;color:#405975;font-size:.95rem;line-height:1.65}.timeline-detail em{color:#6b809a;font:600 .6rem var(--font-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.build-section .build-timeline{grid-template-columns:repeat(3,1fr)}.build-section .build-timeline:before,.build-section .build-timeline:after{display:none}.timeline-detail{grid-template-columns:1fr;gap:10px}.timeline-detail em{display:none}}
@media(max-width:600px){.build-section .build-timeline{grid-template-columns:repeat(2,1fr);gap:10px}.build-timeline button{min-height:150px}.timeline-detail{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.build-section .build-timeline:after,.build-timeline button,.build-timeline button i{transition:none}}

/* Align homepage case-study cards */
.cases-story .case-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}
.cases-story .case-cards article,
.cases-story .case-cards article:first-child{min-height:390px;height:100%;padding:38px;display:flex;flex-direction:column;justify-content:flex-start;background:#07142c}
.cases-story .case-cards article:first-child{background:linear-gradient(145deg,#113b78,#07142c)}
.cases-story .case-cards article small{min-height:18px}
.cases-story .case-cards article h3{min-height:78px;margin:18px 0 14px;font-size:1.7rem;line-height:1.2}
.cases-story .case-cards article p{margin:0;line-height:1.6}
.cases-story .case-cards article p+p{margin-top:2px}
@media(max-width:900px){.cases-story .case-cards{grid-template-columns:1fr}.cases-story .case-cards article,.cases-story .case-cards article:first-child{min-height:300px}.cases-story .case-cards article h3{min-height:auto}}


/* Homepage Insights: standard white tile to blue hover */
#insights .insight-cards a{position:relative;overflow:hidden;border:1px solid var(--ishix-border-light);background:linear-gradient(145deg,#fff,#f3f7fd);color:var(--ishix-ink);box-shadow:var(--ishix-shadow-light);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s ease,border-color .35s ease,box-shadow .35s ease}
#insights .insight-cards a:before{content:"";position:absolute;width:190px;height:190px;right:-110px;top:-115px;border:1px solid rgba(23,108,243,.17);border-radius:50%;box-shadow:0 0 0 30px rgba(23,108,243,.025);transition:transform .45s ease,border-color .35s ease}
#insights .insight-cards a small,#insights .insight-cards a h3,#insights .insight-cards a span{position:relative;z-index:2;transition:color .3s ease}
#insights .insight-cards a:hover{transform:translateY(-8px);border-color:#55d7ff;background:radial-gradient(circle at 88% 12%,rgba(73,197,255,.28),transparent 32%),linear-gradient(145deg,var(--ishix-blue-600),#082f82);box-shadow:0 28px 60px rgba(19,76,168,.28)}
#insights .insight-cards a:hover:before{transform:scale(1.2) rotate(12deg);border-color:rgba(137,231,255,.42)}
#insights .insight-cards a:hover h3{color:#fff}
#insights .insight-cards a:hover small,#insights .insight-cards a:hover span{color:#8ee8ff}


/* Highlighted technology capabilities */
.tech-line{gap:12px;margin-top:54px}
.tech-line i{display:none}
.tech-line span{position:relative;overflow:hidden;padding:14px 20px;border:1px solid rgba(61,157,255,.32);background:linear-gradient(145deg,#091a3a,#050d21);color:#9fc8f4;box-shadow:inset 3px 0 var(--ishix-blue-600);transition:transform .3s cubic-bezier(.2,.8,.2,1),color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.tech-line span:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(107,223,255,.16) 50%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
.tech-line span:nth-child(4n+1){box-shadow:inset 3px 0 var(--ishix-cyan-400)}
.tech-line span:hover{transform:translateY(-5px);border-color:#65dcff;background:linear-gradient(145deg,#123d82,#071c48);color:#fff;box-shadow:inset 3px 0 #77e3ff,0 14px 30px rgba(18,91,187,.25),0 0 22px rgba(56,189,248,.18)}
.tech-line span:hover:before{transform:translateX(120%)}
@media(max-width:600px){.tech-line{justify-content:flex-start}.tech-line span{padding:12px 15px;font-size:.65rem}}


/* Header CTA uses the same primary 3D system */
.btn-header-talk,
body:has(.inner-main) .btn-header-talk{
  border:1px solid rgba(135,225,255,.62)!important;
  background:linear-gradient(135deg,#2387ff 0%,#1765de 48%,#0b43a8 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 -4px rgba(1,28,84,.38),0 5px 0 #062d74,0 11px 22px rgba(7,55,145,.3),0 0 18px rgba(48,167,255,.2)!important;
}
.btn-header-talk:hover,
body:has(.inner-main) .btn-header-talk:hover{
  box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 -4px rgba(1,28,84,.3),0 8px 0 #062d74,0 18px 30px rgba(7,66,167,.38),0 0 28px rgba(53,193,255,.32)!important;
}


/* Sharp geometry for the Innovate → Automate → Scale reactor */
.intro-story .pillar-orbit,
.intro-story .reactor-node,
.intro-story .reactor-status{border-radius:0!important}


/* =========================================================
   ISHIX FINAL DESIGN CONSISTENCY PASS — 2026-08
   Shared futuristic geometry, rhythm, palette and interaction
   ========================================================= */
:root{
  --site-max:1320px;
  --section-space:112px;
  --panel-dark:#061027;
  --panel-dark-hover:#0b2f68;
  --panel-light:#ffffff;
  --panel-light-alt:#f4f8ff;
  --accent-blue:#176cf3;
  --accent-cyan:#38bdf8;
  --accent-cyan-soft:#76dcff;
  --line-dark:rgba(74,141,236,.25);
  --line-light:#c7d9ef;
}

/* One layout rhythm across home and inner pages */
.story-section,
.inner-section,
.feature-section,
.content-section{
  width:100%;
  max-width:var(--site-max);
  margin-inline:auto;
}
.story-section{padding:var(--section-space) 24px}
.story-head{margin-bottom:52px}
.story-kicker,
.inner-kicker,
.eyebrow,
.section-label{
  color:var(--accent-cyan);
  font-family:var(--font-mono);
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.story-title,
.inner-hero h1,
.feature-card h2,
.feature-card h3,
.solution-tile h3,
.agent-card h3{
  font-family:var(--font-display);
}
.story-lede,
.story-head>p,
.feature-card p,
.solution-tile p,
.agent-card p{
  font-family:var(--font-body);
  line-height:1.7;
}

/* Shared isolated tile language — never joined edge-to-edge */
.feature-grid,
.six-grid,
.agent-grid,
.industry-grid{
  gap:16px!important;
  border:0!important;
  background:transparent!important;
}
.feature-card,
.solution-tile,
.agent-card,
.automation-rail article,
.industry-grid a,
.lab-story,
.insight-card{
  border:1px solid var(--line-dark)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#091839,#040b20)!important;
  box-shadow:none;
  overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease,box-shadow .35s ease,color .35s ease;
}
.feature-card:hover,
.solution-tile:hover,
.agent-card:hover,
.automation-rail article:hover,
.industry-grid a:hover,
.insight-card:hover{
  transform:translateY(-6px);
  border-color:var(--accent-cyan)!important;
  background:linear-gradient(145deg,#123d82,#071b3e)!important;
  box-shadow:0 20px 48px rgba(9,83,199,.24),inset 3px 0 var(--accent-cyan);
}

/* Light sections use white tiles with the same blue hover state */
.light-section .feature-card,
.light-section .insight-card,
body.page-about .feature-card,
body.page-industries .feature-card,
body.page-insights .feature-card,
.lab-criteria article{
  border:1px solid var(--line-light)!important;
  border-radius:0!important;
  background:var(--panel-light)!important;
  color:#071126;
  box-shadow:0 14px 34px rgba(31,73,132,.07);
}
.light-section .feature-card:hover,
.light-section .insight-card:hover,
body.page-about .feature-card:hover,
body.page-industries .feature-card:hover,
body.page-insights .feature-card:hover,
.lab-criteria article:hover{
  color:#fff;
  border-color:var(--accent-blue)!important;
  background:linear-gradient(145deg,#176cf3,#0b4099)!important;
  box-shadow:0 22px 48px rgba(23,108,243,.25),inset 3px 0 var(--accent-cyan);
}
.light-section .feature-card:hover p,
.light-section .insight-card:hover p,
body.page-about .feature-card:hover p,
body.page-industries .feature-card:hover p,
body.page-insights .feature-card:hover p,
.lab-criteria article:hover p{color:#dcecff!important}

/* Consistent sharp icon modules */
.feature-card-icon,
.process-icon,
.agent-card>span,
.industry-icon{
  border-radius:4px!important;
  color:var(--accent-cyan)!important;
  border-color:rgba(56,189,248,.42)!important;
  background:rgba(15,69,145,.22)!important;
}
.feature-card:hover .feature-card-icon,
.feature-card:hover .process-icon,
.agent-card:hover>span,
.industry-grid a:hover .industry-icon{
  color:#fff!important;
  border-color:var(--accent-cyan)!important;
  background:rgba(56,189,248,.2)!important;
  box-shadow:0 0 26px rgba(56,189,248,.52)!important;
  transform:translateY(-3px) scale(1.04);
}
body.page-about .feature-card:nth-child(5) .feature-card-icon,
body.page-about .feature-card:nth-child(5):hover .feature-card-icon{
  color:var(--accent-cyan)!important;
  border-color:rgba(56,189,248,.42)!important;
  background:rgba(15,69,145,.22)!important;
  box-shadow:none;
}
body.page-about .feature-card:nth-child(5):hover .feature-card-icon{
  color:#fff!important;
  box-shadow:0 0 26px rgba(56,189,248,.52)!important;
}

/* Remove stray purple/green UI accents; reserve white/blue/cyan */
.industry-grid a>b,
.industry-grid a>strong,
.industry-grid a .industry-name{color:#b8d7f5!important}
.industry-grid a:hover>b,
.industry-grid a:hover>strong,
.industry-grid a:hover .industry-name{color:#fff!important}
.maturity.live,
.maturity.prototype,
.maturity.research{
  color:var(--accent-cyan-soft)!important;
  border-color:rgba(56,189,248,.55)!important;
  background:rgba(23,108,243,.12)!important;
  border-radius:4px!important;
}

/* Architectural surfaces and compact tags */
.automation-rail article,
.industry-grid a,
.lab-story{border-radius:0!important}
.cap-chip,
.system-stack b,
.signal,
.action-status,
.faq-jump a,
.cyber-badge{border-radius:4px!important}
.inline-ix-logo{border-radius:0!important}

/* Standard button system, including Let's Talk / consultation actions */
.btn-primary,
.btn-secondary,
.btn-header-talk,
.story-link.btn-primary,
.cta-button,
button[type="submit"]{
  border-radius:0!important;
  font-family:var(--font-mono)!important;
  font-weight:700!important;
  letter-spacing:.045em;
  text-transform:uppercase;
}

/* Shared footer on every route */
.site-footer{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
  padding:48px max(24px,calc((100vw - var(--site-max))/2))!important;
  border-top:1px solid var(--line-dark)!important;
  background:#020613!important;
  color:#7890ae!important;
  text-align:left!important;
}
.site-footer .footer-links,
.site-footer .footer-legal{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 26px!important;
  margin:0!important;
}
.site-footer .footer-links a,
.site-footer .footer-legal a{
  color:#a8bdd7!important;
  font-family:var(--font-body);
  font-size:.84rem;
  text-decoration:none;
  transition:color .25s ease,text-shadow .25s ease;
}
.site-footer .footer-links a:hover,
.site-footer .footer-legal a:hover{
  color:var(--accent-cyan)!important;
  text-shadow:0 0 14px rgba(56,189,248,.45);
}
.site-footer .footer-legal{
  padding-top:18px;
  border-top:1px solid rgba(74,141,236,.14);
}
.site-footer .footer-legal a{font-size:.74rem;color:#7187a4!important}
.site-footer p{margin:0!important;font-size:.76rem;color:#5f7694!important}

@media(max-width:900px){
  :root{--section-space:88px}
  .story-head{grid-template-columns:1fr;gap:20px}
  .six-grid,.agent-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  :root{--section-space:68px}
  .story-section{padding-inline:18px}
  .six-grid,.agent-grid,.feature-grid,.industry-grid{grid-template-columns:1fr!important}
  .site-footer{padding:38px 20px!important}
  .site-footer .footer-links,.site-footer .footer-legal{gap:12px 18px!important}
}

/* ISHIX FOOTER — structured responsive system */
.site-footer{
  display:block!important;
  padding:0!important;
  border-top:1px solid rgba(74,141,236,.25)!important;
  background:linear-gradient(180deg,#030817 0%,#020613 100%)!important;
  color:#8ea5c2!important;
  text-align:left!important;
}
.footer-shell{width:min(100% - 48px,1320px);margin-inline:auto}
.footer-top{display:grid;grid-template-columns:minmax(300px,1.55fr) repeat(3,minmax(135px,.62fr));gap:64px;padding:68px 0 56px}
.footer-brand{max-width:390px}
.footer-wordmark{display:inline-flex;align-items:center;color:#fff;font:800 1.7rem/1 var(--font-display);letter-spacing:-.04em;text-decoration:none}
.footer-wordmark img{display:block;width:34px;height:34px;margin:0 -2px;object-fit:contain;background:transparent}
.footer-brand>p{max-width:360px;margin:22px 0;color:#7f95b2;font:400 .92rem/1.75 var(--font-body)}
.footer-signal{display:inline-flex;align-items:center;gap:9px;color:#5dcfff;font:700 .58rem var(--font-mono);letter-spacing:.14em}
.footer-signal i{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px #38bdf8;animation:footerPulse 2.2s ease-in-out infinite}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-column h2{margin:0 0 10px;color:#5dcfff;font:700 .62rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase}
.site-footer .footer-column a{position:relative;color:#b3c6dc!important;font:500 .86rem var(--font-body);text-decoration:none;transition:color .25s ease,transform .25s ease}
.site-footer .footer-column a:hover{color:#fff!important;transform:translateX(4px);text-shadow:0 0 14px rgba(56,189,248,.35)}
.site-footer .footer-contact-link{margin-top:9px;padding:10px 13px;border:1px solid rgba(56,189,248,.42);box-shadow:inset 3px 0 #38bdf8}
.site-footer .footer-contact-link:hover{background:#176cf3;box-shadow:inset 3px 0 #76dcff,0 10px 24px rgba(23,108,243,.22)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0 30px;border-top:1px solid rgba(74,141,236,.16)}
.site-footer .footer-bottom>p{margin:0!important;color:#617996!important;font:400 .72rem var(--font-body)}
.site-footer .footer-legal{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 23px!important;margin:0!important;padding:0!important;border:0!important}
.site-footer .footer-legal a{color:#7189a6!important;font:400 .7rem var(--font-body);text-decoration:none;transition:color .25s ease}
.site-footer .footer-legal a:hover{color:#38bdf8!important}
@keyframes footerPulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:960px){.footer-top{grid-template-columns:1.4fr repeat(2,1fr);gap:44px}.footer-connect{grid-column:2/4}.footer-bottom{align-items:flex-start;flex-direction:column}.site-footer .footer-legal{justify-content:flex-start}}
@media(max-width:620px){.footer-shell{width:min(100% - 36px,1320px)}.footer-top{grid-template-columns:1fr 1fr;gap:42px 28px;padding:52px 0 42px}.footer-brand{grid-column:1/-1}.footer-connect{grid-column:auto}.footer-bottom{padding-bottom:26px}.site-footer .footer-legal{gap:10px 16px}}

/* Footer CTA uses the shared Ishix 3D button language */
.site-footer .footer-contact-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin-top:10px;
  padding:11px 17px!important;
  border:1px solid rgba(71,168,255,.58)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#0a1b3d,#061027)!important;
  color:#eef8ff!important;
  font-family:var(--font-mono)!important;
  font-size:.66rem!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
  box-shadow:inset 3px 0 #38bdf8,0 5px 0 #020b1d,0 12px 25px rgba(0,0,0,.22)!important;
  transform:translateY(0)!important;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease!important;
}
.site-footer .footer-contact-link:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  transform:translateX(-105%);
  background:linear-gradient(90deg,#176cf3,#239cf5);
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.site-footer .footer-contact-link:hover{
  color:#fff!important;
  border-color:#76dcff!important;
  transform:translateY(-3px)!important;
  box-shadow:inset 3px 0 #b9f5ff,0 7px 0 #08265d,0 17px 32px rgba(23,108,243,.32)!important;
  text-shadow:none!important;
}
.site-footer .footer-contact-link:hover:before{transform:translateX(0)}
.site-footer .footer-contact-link:active{transform:translateY(2px)!important;box-shadow:inset 3px 0 #76dcff,0 2px 0 #020b1d!important}

/* Final blue-section CTA — dark architectural contrast */
.final-story .btn-primary-gradient{
  position:relative;
  z-index:2;
  padding:15px 28px!important;
  border:1px solid rgba(118,220,255,.68)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#07152f 0%,#020817 100%)!important;
  color:#f3f9ff!important;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  box-shadow:inset 3px 0 #38bdf8,0 6px 0 #02040b,0 18px 36px rgba(0,8,30,.42)!important;
  text-shadow:none;
}
.final-story .btn-primary-gradient:after{
  background:linear-gradient(90deg,transparent,rgba(118,220,255,.22),transparent)!important;
}
.final-story .btn-primary-gradient:hover{
  border-color:#b9f5ff!important;
  background:linear-gradient(145deg,#0b2149,#030a1d)!important;
  color:#fff!important;
  transform:translateY(-4px)!important;
  box-shadow:inset 3px 0 #76dcff,0 8px 0 #02040b,0 22px 42px rgba(0,8,30,.5),0 0 22px rgba(56,189,248,.2)!important;
}
.final-story .btn-primary-gradient:active{
  transform:translateY(2px)!important;
  box-shadow:inset 3px 0 #38bdf8,0 2px 0 #02040b!important;
}

/* Homepage Insights — full-bleed white section, aligned inner content */
#insights.story-section{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding-left:max(24px,calc((100vw - 1272px)/2))!important;
  padding-right:max(24px,calc((100vw - 1272px)/2))!important;
  background:#f4f8ff!important;
}
@media(max-width:620px){
  #insights.story-section{padding-left:18px!important;padding-right:18px!important}
}

/* Why Ishix — full-bleed section with layered navy content */
.why-story.story-section{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding-left:max(24px,calc((100vw - 1272px)/2))!important;
  padding-right:max(24px,calc((100vw - 1272px)/2))!important;
  background:linear-gradient(180deg,#07142d 0%,#091a38 100%)!important;
}
.why-story .why-grid{gap:16px!important;background:transparent!important}
.why-story .why-grid article{
  min-height:285px;
  border:1px solid rgba(74,141,236,.24)!important;
  border-top:3px solid #176cf3!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#0c2145 0%,#07152e 100%)!important;
  box-shadow:0 16px 34px rgba(0,4,18,.16);
}
.why-story .why-grid article:nth-child(even){border-top-color:#38bdf8!important}
.why-story .why-grid article:before{
  background:linear-gradient(145deg,rgba(56,189,248,.18),transparent 58%)!important;
}
.why-story .why-grid article:hover{
  border-color:#38bdf8!important;
  background:linear-gradient(145deg,#123a78 0%,#0a2450 100%)!important;
  box-shadow:0 24px 48px rgba(0,8,30,.32),inset 3px 0 #38bdf8!important;
}
.why-story .why-grid article small,
.why-story .why-grid article:nth-child(3) small,
.why-story .why-grid article:nth-child(4) small{color:#76dcff!important}
@media(max-width:620px){
  .why-story.story-section{padding-left:18px!important;padding-right:18px!important}
}

/* Why Ishix scroll-entry scan — right to left */
.why-story .why-grid article:after{
  content:"";
  position:absolute;
  z-index:4;
  top:-3px;
  right:-38%;
  left:auto;
  width:34%;
  height:3px;
  opacity:0;
  background:linear-gradient(90deg,transparent,#b9f5ff 35%,#38bdf8 62%,transparent);
  box-shadow:0 0 10px #38bdf8,0 0 22px rgba(56,189,248,.72);
  pointer-events:none;
}
.why-story.scan-active .why-grid article:after{animation:whyScanRightToLeft 1.35s cubic-bezier(.2,.75,.25,1) both}
.why-story.scan-active .why-grid article:nth-child(2):after{animation-delay:.12s}
.why-story.scan-active .why-grid article:nth-child(3):after{animation-delay:.24s}
.why-story.scan-active .why-grid article:nth-child(4):after{animation-delay:.36s}
@keyframes whyScanRightToLeft{
  0%{right:-38%;opacity:0}
  12%{opacity:1}
  82%{opacity:1}
  100%{right:104%;opacity:0}
}
@media(prefers-reduced-motion:reduce){.why-story.scan-active .why-grid article:after{animation:none!important}}

/* How We Build — full-bleed light section */
.build-section.story-section{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding-left:max(24px,calc((100vw - 1272px)/2))!important;
  padding-right:max(24px,calc((100vw - 1272px)/2))!important;
  background:#f4f8ff!important;
}
@media(max-width:620px){
  .build-section.story-section{padding-left:18px!important;padding-right:18px!important}
}

/* Homepage structure — all section surfaces are full bleed, never boxed */
body:not(:has(.inner-main)) .story-section{
  width:100%;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:max(24px,calc((100vw - 1272px)/2))!important;
  padding-right:max(24px,calc((100vw - 1272px)/2))!important;
}
body:not(:has(.inner-main)) .lab-story{
  margin-inline:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:#061027!important;
  background-image:radial-gradient(circle at 22% 50%,rgba(23,108,243,.2),transparent 38%),linear-gradient(180deg,#07152f,#061027)!important;
}
body:not(:has(.inner-main)) .story-section + .story-section{
  border-top:1px solid rgba(74,141,236,.12);
}
@media(max-width:620px){
  body:not(:has(.inner-main)) .story-section{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Remove obsolete spacing around the full-width Innovation Lab section */
body:not(:has(.inner-main)) .lab-story{
  margin-top:0!important;
  margin-bottom:0!important;
  margin-block:0!important;
}

/* Business Problems intro — structured diagnostic callout */
.problem-section .story-head>p{
  position:relative;
  isolation:isolate;
  align-self:center;
  max-width:520px;
  margin:38px 0 0!important;
  padding:54px 34px 30px 36px;
  border:1px solid rgba(65,145,239,.23);
  border-left:3px solid #38bdf8;
  background:linear-gradient(100deg,rgba(13,43,92,.72),rgba(5,15,36,.3));
  box-shadow:0 20px 45px rgba(0,0,0,.16),inset 18px 0 38px rgba(23,108,243,.06);
  color:#a9bfdc;
  overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);
}
.problem-section .story-head>p:before{
  content:"START WITH THE BOTTLENECK";
  position:absolute;
  top:20px;
  left:36px;
  color:#55d2ff;
  font:700 .58rem var(--font-mono);
  letter-spacing:.16em;
}
.problem-section .story-head>p:after{
  content:"";
  position:absolute;
  top:0;
  left:-35%;
  width:34%;
  height:2px;
  background:linear-gradient(90deg,transparent,#b9f5ff,#38bdf8,transparent);
  box-shadow:0 0 14px #38bdf8;
  animation:problemSignal 4.2s ease-in-out infinite;
}
@keyframes problemSignal{
  0%,20%{left:-35%;opacity:0}
  30%{opacity:1}
  72%{opacity:1}
  82%,100%{left:104%;opacity:0}
}
@media(max-width:900px){
  .problem-section .story-head>p{margin-top:0!important;max-width:650px}
}
@media(prefers-reduced-motion:reduce){.problem-section .story-head>p:after{animation:none}}