/* ==========================================================================
   SPECTRA NEXUS — LUXURY STYLESHEET FOR EXPANSIVE CORE HOMEPAGE (style.css)
   ========================================================================== */

:root {
  --nexus-bg: #020617;        
  --nexus-blue: #2f6bff;      
  --nexus-cyan: #22d3ee;      
  --nexus-violet: #a855f7;    
  
  --text-primary: #ffffff;    
  --text-silver: #cbd5e1;     
  --text-muted: #94a3b8;      
  
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --transition-smooth: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* BASE SETUP PROTOCOLS */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background: var(--nexus-bg);
  color: var(--text-primary);
  font-family: var(--font-sans);
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
}

/* UNIFIED PREMIUM GLASSMORPHIC SPECIFICATION TOKENS */
.nexus-glass {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.nexus-text-gradient-effect {
  background: linear-gradient(90deg, var(--nexus-cyan), var(--nexus-blue), var(--nexus-violet));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* NO NETLIFY WEB URL POPUPS — CUSTOM EMBEDDED DIALOG STYLING LAYER */
.nexus-modal-wrapper {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(1, 2, 6, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.nexus-modal-card {
  width: 100%;
  max-width: 500px;
  border-radius: 12px;
  border: 1px solid rgba(34, 211, 238, 0.3) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.7), 0 0 30px rgba(34, 211, 238, 0.15);
  padding: 25px;
  animation: modalFadeUp 0.4s cubic-bezier(.16,1,.3,1) both;
}
.modal-system-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding-bottom: 12px;
}
.modal-security-tag {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 1.5px;
  color: var(--nexus-cyan);
  font-weight: bold;
}
.modal-close-trigger {
  background: none;
  border: none;
  color: var(--text-muted);
  font-size: 1.5rem;
  cursor: pointer;
  transition: var(--transition-smooth);
}
.modal-close-trigger:hover { color: #fff; }
.modal-body-content p {
  font-family: var(--font-mono);
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-silver);
  margin-bottom: 25px;
}
.modal-footer-actions {
  display: flex;
  justify-content: flex-end;
}

/* MASTER SPLIT SCREEN FRAMEWORK HOOKS (85% main, 15% right rail) */
#nexus-root {
  position: relative;
  min-height: 100vh;
}
.nexus-main-layout-viewport {
  position: relative;
  width: 85vw;
  padding-right: 10px;
}

/* 10. FIXED AMBIENT RIGHT-SIDE TELEMETRY SYSTEM RAIL */
.nexus-ambient-rail {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  height: 100vh;
  width: 15vw;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(2, 4, 16, 0.85);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 25px 10px;
}
.rail-scanline-beam {
  position: absolute;
  left: 0; width: 100%; height: 100px;
  background: linear-gradient(to bottom, transparent, rgba(34, 211, 238, 0.08), transparent);
  animation: railScanlineTrack 6s linear infinite;
  pointer-events: none;
}
.rail-telemetry-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}
.rail-section-label {
  writing-mode: vertical-rl;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 4px;
  color: rgba(34, 211, 238, 0.5);
  text-transform: uppercase;
}
.rail-status-widget {
  width: calc(100% - 10px);
  border-radius: 8px;
  padding: 15px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.widget-icon-infinity {
  font-size: 1.8rem;
  font-weight: bold;
  background: linear-gradient(90deg, var(--nexus-cyan), var(--nexus-violet));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.widget-sub-tag { font-family: var(--font-mono); font-size: 9px; color: var(--text-muted); }

.rail-diagnostic-readout-pack {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 10px;
  font-family: var(--font-mono);
  font-size: 9px;
}
.rail-data-row { display: flex; flex-direction: column; gap: 3px; }
.rail-data-row .lbl { color: var(--text-muted); }
.rail-data-row .val { font-weight: bold; }
.text-cyan { color: var(--nexus-cyan); }
.text-purple { color: var(--nexus-violet); }
.text-green { color: #00ff66; }

.console-pulse-indicator-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.nexus-dot-node { width: 6px; height: 6px; border-radius: 50%; background: var(--nexus-cyan); box-shadow: 0 0 10px var(--nexus-cyan); }
.console-mini-label { font-family: var(--font-mono); font-size: 8px; color: var(--text-muted); letter-spacing: 1px; }
.rail-footer-stamp span { writing-mode: vertical-rl; font-family: var(--font-mono); font-size: 9px; color: rgba(255,255,255,0.2); letter-spacing: 1px; }

/* 1. STICKY STYLISH HEADER NAVIGATION CONSOLE */
.global-sticky-navbar-rack {
  position: fixed;
  top: 15px;
  left: 20px;
  width: calc(85vw - 35px);
  height: 75px;
  z-index: 5000;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.navbar-branding-identity { display: flex; align-items: center; gap: 20px; }
.navbar-static-logo-string { font-size: 1.2rem; font-weight: 900; letter-spacing: 3px; }
.navbar-system-status-led-badge {
  display: flex; align-items: center; gap: 8px;
  background: rgba(0, 255, 102, 0.04); border: 1px solid rgba(0, 255, 102, 0.15);
  padding: 6px 14px; border-radius: 30px;
}
.status-led-node { width: 6px; height: 6px; border-radius: 50%; }
.green-pulse-led { background: #00ff66; box-shadow: 0 0 10px #00ff66; animation: nexusBlink 1.2s step-end infinite; }
.status-badge-string { font-family: var(--font-mono); font-size: 0.65rem; color: #00ff66; letter-spacing: 1px; }

.nav-links-unrolled-list { display: flex; list-style: none; gap: 4px; }
.array-anchor { font-size: 0.8rem; font-weight: 500; color: var(--text-silver); padding: 8px 14px; border-radius: 6px; transition: var(--transition-smooth); }
.array-anchor:hover, .array-anchor.state-active { background: rgba(255,255,255,0.06); color: #fff; }
.terminal-hamburger-trigger { display: none; background: none; border: none; cursor: pointer; }

/* 2. MASTER HERO SECTION UNIVERSE */
.nexus-hero-universe-layer {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 130px 2rem 3rem 2rem;
  overflow: hidden;
}
.nexus-grid-background-pattern {
  position: absolute; inset: 0; opacity: 0.45; pointer-events: none;
  background-image: linear-gradient(rgba(47, 107, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(47, 107, 255, 0.07) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: bgPanGrid 30s linear infinite;
}
.nexus-ambient-orb-blur { position: absolute; border-radius: 50%; filter: blur(130px); pointer-events: none; }
.blue-blur-orb { top: 20%; left: 30%; width: 500px; height: 500px; background: rgba(47, 107, 255, 0.15); }
.violet-blur-orb { bottom: 10%; right: 20%; width: 400px; height: 400px; background: rgba(168, 85, 247, 0.12); }

.nexus-hero-inner-content-stack {
  position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; gap: 2rem; text-align: center; width: 100%; max-width: 900px;
}
.system-badge-pill-tag { border-radius: 30px; padding: 6px 18px; font-size: 0.7rem; letter-spacing: 4px; text-transform: uppercase; color: rgba(34, 211, 238, 0.8); }
.nexus-h1-title { font-size: clamp(2.5rem, 6.5vw, 4.6rem); font-weight: 800; line-height: 1.1; letter-spacing: -1px; }
.hero-title-glow-pulse { animation: heroTitleGlow 4s ease-in-out infinite; }
.nexus-hero-subtitle-string { font-size: 1.15rem; line-height: 1.6; color: var(--text-silver); max-width: 700px; }

.hero-action-control-matrix { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; }
.btn-cyber-neon-link { padding: 15px 30px; font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; border-radius: 6px; transition: var(--transition-smooth); background: transparent; cursor: pointer; display: inline-block; }
.custom-cyan-glow-edge { border: 1px solid var(--nexus-cyan); color: var(--nexus-cyan); }
.custom-cyan-glow-edge:hover { background: var(--nexus-cyan); color: #000; box-shadow: 0 0 20px rgba(34,211,238,0.4); }
.custom-purple-glow-edge { border: 1px solid var(--nexus-violet); color: var(--nexus-violet); }
.custom-purple-glow-edge:hover { background: var(--nexus-violet); color: #fff; box-shadow: 0 0 20px rgba(168,85,247,0.4); }

.nexus-terminal-boot-box { width: 100%; border-radius: 8px; padding: 18px 22px; text-align: left; }
.boot-box-header-row { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; }
.bdot { width: 8px; height: 8px; border-radius: 50%; }
.bdot-cyan { background: var(--nexus-cyan); }
.bdot-blue { background: var(--nexus-blue); }
.bdot-purple { background: var(--nexus-violet); }
.boot-system-tag { font-family: var(--font-mono); font-size: 0.7rem; color: var(--text-muted); margin-left: 10px; letter-spacing: 1px; }
.boot-terminal-line-string { display: flex; align-items: center; gap: 8px; min-height: 20px; font-family: var(--font-mono); font-size: 0.85rem; color: #fff; }
.terminal-prompt-caret { color: var(--nexus-cyan); }
.terminal-blinking-cursor-node { width: 6px; height: 14px; background: var(--nexus-cyan); animation: nexusBlink 0.8s step-end infinite; }
.boot-progress-bar-container { width: 100%; height: 3px; background: rgba(255,255,255,0.08); margin-top: 14px; border-radius: 10px; overflow: hidden; }
.boot-fill-gradient-bar { height: 100%; width: 0%; background: linear-gradient(90deg, var(--nexus-cyan), var(--nexus-violet)); transition: width 0.5s ease; }

.global-presence-ticker-banner { width: 100%; border-radius: 8px; padding: 12px 20px; display: flex; align-items: center; gap: 15px; overflow: hidden; }
.presence-label { font-family: var(--font-mono); font-size: 0.7rem; color: var(--nexus-cyan); font-weight: bold; white-space: nowrap; }
.presence-marquee-text { font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-silver); white-space: nowrap; letter-spacing: 1px; }
.scroll-down-hint-indicator { position: absolute; bottom: 20px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 4px; color: rgba(255,255,255,0.15); }

/* CONTENT SECTION GLOBAL INFRASTRUCTURE */
.nexus-content-section-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 6rem 2rem; }
.section-typography-header-block { text-align: center; margin-bottom: 4rem; }
.section-eyebrow-tag { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 5px; color: var(--nexus-cyan); text-transform: uppercase; margin-bottom: 10px; }
.section-main-h2-heading { font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 700; letter-spacing: -0.5px; }

/* 3. PORTAL GRID (10 COLUMNS MESH) */
.portals-grid-layout-mesh { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
.portal-node-card { border-radius: 12px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; min-height: 240px; transition: var(--transition-smooth); }
.portal-node-card:hover { transform: translateY(-5px); }
.portal-card-top-header { display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-muted); letter-spacing: 1px; margin-bottom: 15px; }
.led-dot { width: 5px; height: 5px; border-radius: 50%; }
.cyan-glow { background: var(--nexus-cyan); box-shadow: 0 0 8px var(--nexus-cyan); }
.purple-glow { background: var(--nexus-violet); box-shadow: 0 0 8px var(--nexus-violet); }
.magenta-glow { background: #ff00ff; box-shadow: 0 0 8px #ff00ff; }
.portal-card-title { font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: 10px; }
.portal-card-description { font-size: 0.85rem; line-height: 1.6; color: var(--text-silver); margin-bottom: 20px; flex-grow: 1; }
.portal-card-action-footer { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 15px; }
.btn-node-link-trigger { background: none; border: none; font-family: var(--font-mono); font-size: 0.75rem; color: var(--nexus-cyan); font-weight: bold; cursor: pointer; }

/* EDGE GLOW VARIANTS */
.edge-glow-cyan:hover { border-color: rgba(34, 211, 238, 0.4); box-shadow: 0 10px 30px rgba(34, 211, 238, 0.05); }
.edge-glow-purple:hover { border-color: rgba(168, 85, 247, 0.4); box-shadow: 0 10px 30px rgba(168, 85, 247, 0.05); }
.edge-glow-magenta:hover { border-color: rgba(255, 0, 255, 0.4); box-shadow: 0 10px 30px rgba(255, 0, 255, 0.05); }

/* 4. IMMERSIVE HARDWARE CAROUSEL LAYER */
.hardware-carousel-viewport-mask { width: 100%; overflow: hidden; padding: 15px 0; position: relative; }
.carousel-infinite-scroll-track-wrapper { display: flex; gap: 20px; width: max-content; }
.carousel-hardware-card { width: 300px; padding: 25px; border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between; min-height: 160px; }
.carousel-hardware-card h4 { font-size: 1.1rem; color: #fff; margin-bottom: 8px; }
.carousel-hardware-card p { font-size: 0.8rem; line-height: 1.5; color: var(--text-silver); margin-bottom: 15px; }
.card-use-case { font-family: var(--font-mono); font-size: 0.65rem; color: var(--nexus-cyan); letter-spacing: 1px; }

/* 5. STRATEGIC INSIGHTS / BLOG PACK */
.insights-blog-three-column-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; }
.blog-post-card { border-radius: 12px; padding: 30px; display: flex; flex-direction: column; gap: 15px; }
.blog-meta-tag { font-family: var(--font-mono); font-size: 0.65rem; color: var(--nexus-violet); letter-spacing: 1.5px; font-weight: bold; }
.blog-post-card h4 { font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: #fff; }
.blog-post-card p { font-size: 0.85rem; line-height: 1.6; color: var(--text-silver); }
.blog-read-more-link { font-family: var(--font-mono); font-size: 0.75rem; color: var(--nexus-cyan); font-weight: bold; margin-top: auto; padding-top: 15px; }

/* 6. BRAND STORY PILLARS & VIDEO HOOK OVERRIDE */
.brand-story-dual-layout-container { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 35px; }
.brand-story-text-column-stack { display: flex; flex-direction: column; gap: 20px; }
.story-accreditation-card-node { padding: 30px; border-radius: 14px; }
.accreditation-label { font-family: var(--font-mono); font-size: 0.65rem; color: var(--nexus-cyan); letter-spacing: 1.5px; font-weight: bold; }
.story-accreditation-card-node h3 { font-size: 1.4rem; font-weight: 600; margin: 10px 0; color: #fff; }
.story-accreditation-card-node p { font-size: 0.9rem; line-height: 1.6; color: var(--text-silver); }
.client-vector-badge-cloud { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.badge-tag { font-family: var(--font-mono); font-size: 0.7rem; color: #fff; background: rgba(255,255,255,0.04); padding: 5px 14px; border: 1px solid rgba(255,255,255,0.1); border-radius: 4px; letter-spacing: 1px; }

.video-module-display-wrapper { border-radius: 14px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; }
.video-terminal-prompt-string { font-family: var(--font-mono); font-size: 0.75rem; color: var(--nexus-cyan); margin-bottom: 15px; }
.video-aspect-ratio-shield-frame { width: 100%; border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); }
.iframe-responsive-container { width: 100%; aspect-ratio: 16/9; }
.embedded-hologram-player-frame { width: 100%; height: 100%; border: none; }

/* 7. SECURE PANELS LAYER CORES */
.secure-panels-four-column-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.operational-login-panel-card { border-radius: 12px; padding: 25px; display: flex; flex-direction: column; }
.panel-lock-status-tag { font-family: var(--font-mono); font-size: 0.6rem; color: #ff0055; letter-spacing: 1px; font-weight: bold; margin-bottom: 12px; }
.operational-login-panel-card h3 { font-size: 1.15rem; color: #fff; margin-bottom: 10px; }
.operational-login-panel-card p { font-size: 0.8rem; line-height: 1.5; color: var(--text-muted); margin-bottom: 20px; flex-grow: 1; }
.panel-terminal-password-field { width: 100%; background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.08); padding: 12px; border-radius: 6px; color: #fff; font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 2px; margin-bottom: 12px; outline: none; }
.full-width-btn { width: 100%; text-align: center; }

/* 8. CONTACT BLOCK INTEGRATION ELEMENTS */
.contact-block-split-layout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.contact-channels-direct-list-stack { display: flex; flex-direction: column; gap: 15px; }
.contact-channel-item-card { padding: 25px; border-radius: 12px; }
.channel-system-label { font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-muted); display: block; margin-bottom: 8px; letter-spacing: 1px; }
.clickable-contact-anchor-link { font-size: 1.15rem; color: #fff; font-weight: 600; transition: var(--transition-smooth); }
.clickable-contact-anchor-link:hover { color: var(--nexus-cyan); }
.inline-whatsapp-action-node { display: inline-block; text-align: center; padding: 12px 24px; }
.office-location-string-node { font-size: 0.85rem; color: var(--text-silver); margin-top: 8px; line-height: 1.4; }

.contact-form-submission-wrapper-card { padding: 30px; border-radius: 12px; }
.form-terminal-header-meta { font-family: var(--font-mono); font-size: 0.75rem; color: var(--nexus-cyan); margin-bottom: 20px; }
.contact-form-internal-layout { display: flex; flex-direction: column; gap: 15px; }
.form-terminal-input-element { width: 100%; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.08); padding: 14px; border-radius: 6px; color: #fff; font-family: var(--font-sans); font-size: 0.85rem; outline: none; transition: var(--transition-smooth); }
.form-terminal-input-element:focus { border-color: rgba(34,211,238,0.4); }
.form-terminal-input-element::placeholder { font-family: var(--font-mono); font-size: 0.75rem; color: rgba(255,255,255,0.25); letter-spacing: 1px; }
.submit-btn-override { width: 100%; text-align: center; }

/* 9. GLOBAL SYSTEM LAYER FOOTER */
.nexus-global-corporate-footer { border-top: 1px solid rgba(255,255,255,0.08); padding: 5rem 2rem 3rem 2rem; }
.footer-grid-structural-columns-mesh { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 4rem; }
.footer-identity-cell-block h4 { font-size: 1.3rem; font-weight: 900; letter-spacing: 2px; margin-bottom: 15px; }
.footer-corporate-mission-copy-string { font-size: 0.9rem; line-height: 1.6; color: var(--text-silver); max-width: 480px; }
.footer-sitemap-columns-wrapper-links { display: flex; justify-content: space-between; gap: 20px; }
.footer-links-vertical-column { display: flex; flex-direction: column; gap: 12px; }
.footer-links-vertical-column h6 { font-family: var(--font-mono); font-size: 0.7rem; color: var(--text-muted); letter-spacing: 1px; margin-bottom: 5px; }
.footer-links-vertical-column a { font-size: 0.85rem; color: var(--text-silver); transition: var(--transition-smooth); }
.footer-links-vertical-column a:hover { color: var(--nexus-cyan); }
.footer-copyright-regulatory-compliance-strip { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 25px; text-align: center; }
.footer-copyright-regulatory-compliance-strip p { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase; }

/* ANIMATION FRAME SYNC PACK */
@keyframes modalFadeUp { from { opacity: 0; transform: scale(0.96) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }
@keyframes railScanlineTrack { 0% { transform: translateY(-100px); } 100% { transform: translateY(100vh); } }
@keyframes bgPanGrid { 0% { background-position: 0 0; } 100% { background-position: 0 -1000px; } }
@keyframes heroTitleGlow { 0%, 100% { text-shadow: 0 0 10px rgba(34,211,238,0.2), 0 0 30px rgba(47,107,255,0.15); } 50% { text-shadow: 0 0 20px rgba(34,211,238,0.5), 0 0 50px rgba(47,107,255,0.4); } }
@keyframes hflicker { 0%, 100%, 41%, 43%, 88%, 90% { opacity: 1; } 42% { opacity: 0.7; } 89% { opacity: 0.85; } }
@keyframes fadeUpAnim { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: translateY(0); } }
@keyframes nexusBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

.nexus-fade-up-animation { animation: fadeUpAnim 0.85s cubic-bezier(0.16, 1, 0.3, 1) both; }
.nexus-hologram-flicker-animation { animation: hflicker 7s linear infinite; }

/* RESPONSIVE LAYOUT MATRIX CONFIGURE BREAKS */
@media(max-width: 1200px) {
  .global-sticky-navbar-rack { width: calc(85vw - 20px); left: 10px; }
  .brand-story-dual-layout-container { grid-template-columns: 1fr; }
}
@media(max-width: 992px) {
  .nexus-main-layout-viewport { width: 100%; padding-right: 0; }
  .nexus-ambient-rail { top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: auto; flex-direction: row; padding: 10px 20px; border-left: none; border-top: 1px solid rgba(255,255,255,0.08); }
  .rail-scanline-beam, .rail-footer-stamp, .rail-diagnostic-readout-pack { display: none; }
  .rail-telemetry-body { flex-direction: row; justify-content: space-between; width: 100%; gap: 10px; }
  .rail-section-label { writing-mode: horizontal-tb; font-size: 8px; }
  .rail-status-widget { width: auto; flex-direction: row; padding: 5px 12px; gap: 8px; }
  .widget-icon-infinity { font-size: 1.1rem; }
  .console-pulse-indicator-node { flex-direction: row; }
  
  .global-sticky-navbar-rack { width: calc(100vw - 20px); left: 10px; padding: 0 20px; }
  .navbar-system-status-led-badge { display: none; }
  .terminal-hamburger-trigger { display: block; width: 22px; height: 16px; position: relative; }
  .trigger-bar { display: block; width: 100%; height: 2px; background: #fff; position: absolute; transition: var(--transition-smooth); }
  .trigger-bar:nth-child(1) { top: 0; } .trigger-bar:nth-child(2) { top: 7px; } .trigger-bar:nth-child(3) { top: 14px; }
  .terminal-hamburger-trigger.active .trigger-bar:nth-child(1) { transform: rotate(45deg); top: 7px; }
  .terminal-hamburger-trigger.active .trigger-bar:nth-child(2) { opacity: 0; }
  .terminal-hamburger-trigger.active .trigger-bar:nth-child(3) { transform: rotate(-45deg); top: 7px; }

  .navbar-links-navigation-wrapper { display: none; position: absolute; top: 85px; left: 0; width: 100%; background: rgba(2,6,23,0.98); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; }
  .navbar-links-navigation-wrapper.open-terminal { display: block; }
  .nav-links-unrolled-list { flex-direction: column; width: 100%; gap: 10px; }
  .array-anchor { display: block; width: 100%; }

  .nexus-content-section-container { padding: 4rem 1.5rem; }
  .contact-block-split-layout-grid, .footer-grid-structural-columns-mesh { grid-template-columns: 1fr; gap: 30px; }
  .footer-sitemap-columns-wrapper-links { flex-wrap: wrap; gap: 25px; }
  .nexus-global-corporate-footer { padding-bottom: 5rem; }
}
/* Logo container styling for CMS integration */
.logo-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

#logo-img {
  max-height: 40px;
  object-fit: contain;
}

/* MAIN TEXT — CLEAN, SHARP, MATCHES LOGO */
.logo-metal-3d {
    font-weight: 900;
    letter-spacing: 0.8px;

    /* EXACT LOGO GRADIENT */
    background: linear-gradient(135deg,
        #8A7CFF 0%,
        #00F0FF 40%,
        #0066FF 100%
    );
    -webkit-background-clip: text;
    color: transparent;

    /* CLEAN 3D DEPTH + LIGHT GLOW (READABLE) */
    text-shadow:
        0px 1px 0px #ffffff,
        0px 2px 0px #d6d6d6,
        0px 3px 0px #b8b8b8,
        0px 4px 0px #9a9a9a,
        0px 5px 3px rgba(0,0,0,0.35),

        /* LIGHT NEON GLOW ONLY */
        0 0 4px rgba(127, 90, 240, 0.45),
        0 0 8px rgba(0, 234, 255, 0.40);

    /* ONLY BREATHING — NO DISTORTION */
    animation: neonBreath 3s ease-in-out infinite;
}

/* REQUIRED FOR TRON OUTLINE */
.logo-metal-3d {
    position: relative;
}

/* TRON OUTLINE — REDUCED GLOW FOR SHARPNESS */
.logo-metal-3d::after {
    content: "SPECTRA NEXUS";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    color: transparent;
    text-shadow:
        0 0 3px #00eaff,
        0 0 6px #00eaff,
        0 0 10px #6a00ff;

    transform: scale(1.03);

    /* LIGHT FLICKER ONLY */
    animation: holoFlicker 2.5s infinite linear;
}

/* BREATHING ANIMATION */
@keyframes neonBreath {
    0% { opacity: 0.9; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.02); }
    100% { opacity: 0.9; transform: scale(1); }
}

/* HOLOGRAM FLICKER — SUBTLE */
@keyframes holoFlicker {
    0% { opacity: 1; }
    10% { opacity: 0.92; }
    20% { opacity: 1; }
    30% { opacity: 0.95; }
    100% { opacity: 1; }
}