/* Final UI layer: keeps every page aligned to the current Index/Home design. */
.theme-new {
  --page-accent: #ff2626;
  --page-accent-rgb: 255, 38, 38;
  --page-panel: rgba(5, 5, 7, 0.58);
  --site-edge: clamp(24px, 6vw, 88px);
  --site-content-max: 1400px;
  font-family: 'Manrope', sans-serif;
}

.page-xeeva.theme-new {
  --page-accent: #b5164d;
  --page-accent-rgb: 181, 22, 77;
  --page-panel: rgba(20, 3, 16, 0.64);
  background-color: #050006;
}

.page-aira.theme-new {
  --page-accent: #23e6ff;
  --page-accent-rgb: 35, 230, 255;
  --page-panel: rgba(3, 13, 22, 0.58);
  background-color: #020712;
}

.page-network.theme-new,
.network-page.theme-new {
  --page-accent: #b042ff;
  --page-accent-rgb: 176, 66, 255;
  --page-panel: rgba(12, 6, 22, 0.62);
  --red: var(--page-accent);
  background-color: #030006;
}

.page-about.theme-new {
  --page-accent: #9b6dff;
  --page-accent-rgb: 155, 109, 255;
  --page-panel: rgba(22, 23, 31, 0.72);
}

.page-home.theme-new .page-shell-new,
.theme-new .page-shell-new,
.theme-new:not(.page-home) .page-shell-new {
  width: 100%;
  max-width: none;
  padding: 76px 0 0;
}

.theme-new .main-new,
.theme-new .main-frame {
  width: 100%;
  border-left: 0;
  border-right: 0;
}

.theme-new .logo-img-new {
  height: 34px;
  width: 44px;
  object-fit: cover;
  object-position: center;
  border-radius: 2px;
  filter: brightness(1.12) contrast(1.12);
}

.theme-new .footer-logo-img {
  height: 30px;
  width: 38px;
}

.theme-new .hero-logo-img {
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
  filter: brightness(1.15) contrast(1.12);
  mix-blend-mode: screen;
}

.page-home.theme-new .topbar-new,
.theme-new .topbar-new,
.theme-new:not(.page-home) .topbar-new {
  min-height: auto;
  padding: 24px var(--site-edge);
  background: rgba(3, 3, 4, 0.45);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.page-home.theme-new .hero-new,
.page-home.theme-new .section-new,
.page-home.theme-new .footer-top-new,
.page-home.theme-new .footer-bottom-new,
.theme-new:not(.page-home) .footer-top-new,
.theme-new:not(.page-home) .footer-bottom-new {
  width: min(var(--site-content-max), calc(100% - (var(--site-edge) * 2)));
  margin-left: auto;
  margin-right: auto;
}

.page-home.theme-new .section-title-new {
  opacity: 1;
  transform: none;
  visibility: visible;
}

.page-home.theme-new .lower-video-section-new {
  width: 100%;
}

.page-home.theme-new .hero-bg-new {
  background-image: none !important;
}

.theme-new:not(.page-home) .section-inner,
.theme-new:not(.page-home) .network-station {
  max-width: var(--site-content-max);
}

.theme-new:not(.page-home) .nav-links-new a {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.theme-new:not(.page-home) .nav-links-new a.active::after {
  bottom: -26px;
  background: var(--page-accent);
  box-shadow: none;
}

.footer-contact-new,
.xeeva-contact-list {
  display: grid;
  gap: 7px;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  line-height: 1.5;
}

.footer-contact-new span,
.xeeva-contact-list span {
  display: block;
}

.theme-new .footer-contact-new,
.theme-new .xeeva-contact-list {
  text-shadow: 0 0 16px rgba(var(--page-accent-rgb), 0.14);
}

.theme-new:not(.page-home) .dashboard-btn-new,
.theme-new .dashboard-login-new button,
.theme-new .dashboard-network-link-new,
.theme-new .dashboard-signout-new {
  border-radius: 4px;
  font-family: 'Manrope', sans-serif;
  letter-spacing: 0.08em;
}

.theme-new .dot-new,
.theme-new .dashboard-signup-new summary::after,
.theme-new .dashboard-kicker-new,
.theme-new:not(.page-home) .section-kicker,
.theme-new:not(.page-home) .panel-kicker,
.theme-new:not(.page-home) .eyebrow-line,
.theme-new:not(.page-home) .feed-card-type,
.theme-new:not(.page-home) .protocol-item span,
.theme-new:not(.page-home) .network-zone-card span,
.theme-new:not(.page-home) .application-item span {
  color: var(--page-accent);
}

.theme-new .dot-new,
.theme-new:not(.page-home) .spec-list span::before,
.theme-new:not(.page-home) .ethics-strip span::before,
.theme-new:not(.page-home) .hero-proof span::before {
  background: var(--page-accent);
  box-shadow: 0 0 14px rgba(var(--page-accent-rgb), 0.42);
}

.theme-new .dashboard-btn-new:hover,
.theme-new .dashboard-btn-new.signed-in,
.theme-new .dashboard-avatar-new,
.theme-new .dashboard-login-new button,
.theme-new .dashboard-network-link-new,
.theme-new:not(.page-home) .primary-action,
.theme-new:not(.page-home) .network-page .primary-action.network-action,
.theme-new:not(.page-home) .network-tab.active,
.theme-new:not(.page-home) .auth-switch.active {
  border-color: rgba(var(--page-accent-rgb), 0.48) !important;
  background: rgba(var(--page-accent-rgb), 0.14);
  box-shadow: inset 0 0 18px rgba(var(--page-accent-rgb), 0.1), 0 0 24px rgba(var(--page-accent-rgb), 0.12);
}

.theme-new .dashboard-panel-new,
.theme-new:not(.page-home) .content-block,
.theme-new:not(.page-home) .detail-card,
.theme-new:not(.page-home) .application-item,
.theme-new:not(.page-home) .story-panel,
.theme-new:not(.page-home) .image-card,
.theme-new:not(.page-home) .media-panel,
.theme-new:not(.page-home) .brief-copy,
.theme-new:not(.page-home) .network-panel,
.theme-new:not(.page-home) .network-zone-card,
.theme-new:not(.page-home) .feed-card,
.theme-new:not(.page-home) .drawer-card,
.theme-new:not(.page-home) .modal-panel,
.theme-new:not(.page-home) .dashboard-drawer,
.theme-new:not(.page-home) .network-tabs {
  border-radius: 8px;
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)),
    var(--page-panel);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 20px 54px rgba(0, 0, 0, 0.32);
}

.theme-new .dashboard-login-new input:focus,
.theme-new:not(.page-home) .field-group input:focus,
.theme-new:not(.page-home) .field-group textarea:focus {
  border-color: rgba(var(--page-accent-rgb), 0.58);
  box-shadow: 0 0 0 3px rgba(var(--page-accent-rgb), 0.08);
}

.theme-new:not(.page-home) .page-hero h1 {
  font-family: 'Microgramma', 'Michroma', 'Orbitron', sans-serif;
  font-size: clamp(48px, 12vw, 96px);
  font-weight: 800;
  letter-spacing: 0.05em;
}

.theme-new:not(.page-home) h2,
.theme-new:not(.page-home) .panel-title,
.theme-new:not(.page-home) .station-title,
.theme-new:not(.page-home) .page-quote p,
.theme-new:not(.page-home) .media-copy h3,
.theme-new:not(.page-home) .detail-card h3,
.theme-new:not(.page-home) .application-item h3,
.theme-new:not(.page-home) .story-panel h3 {
  font-family: 'Microgramma', 'Michroma', 'Orbitron', sans-serif;
}

.theme-new:not(.page-home) .subtitle {
  color: rgba(var(--page-accent-rgb), 0.86);
}

.theme-new.page-xeeva .video-overlay,
.theme-new.page-xeeva .xeeva-hero-scrim,
.theme-new.page-xeeva .xeeva-hero::before {
  background:
    radial-gradient(ellipse at 45% 16%, rgba(255, 43, 95, 0.06), transparent 52%),
    radial-gradient(ellipse at 72% 38%, rgba(143, 61, 255, 0.04), transparent 58%),
    linear-gradient(180deg, rgba(7, 0, 8, 0.05), rgba(7, 0, 8, 0.25));
}

.theme-new.page-xeeva .orchestration-core {
  border-color: rgba(255, 43, 95, 0.62);
  background: linear-gradient(135deg, rgba(255, 43, 95, 0.18), rgba(143, 61, 255, 0.13));
  box-shadow: 0 0 34px rgba(255, 43, 95, 0.2), 0 0 54px rgba(143, 61, 255, 0.14);
}

.theme-new.page-aira .hero-video-overlay {
  background:
    radial-gradient(ellipse at 55% 18%, rgba(35, 230, 255, 0.06), transparent 52%),
    radial-gradient(ellipse at 20% 72%, rgba(25, 84, 255, 0.04), transparent 56%),
    linear-gradient(180deg, rgba(2, 7, 18, 0.05), rgba(2, 7, 18, 0.22));
}

.theme-new.page-network .hero-video-overlay {
  background:
    radial-gradient(ellipse at 55% 18%, rgba(47, 109, 255, 0.2), transparent 52%),
    linear-gradient(180deg, rgba(1, 4, 14, 0.22), rgba(1, 4, 14, 0.84));
}

.network-page .network-hero {
  background:
    linear-gradient(180deg, rgba(3, 0, 6, 0.34), rgba(3, 0, 6, 0.72)),
    radial-gradient(ellipse at 50% 38%, rgba(255, 255, 255, 0.055), transparent 36rem),
    radial-gradient(ellipse at 50% 100%, rgba(var(--page-accent-rgb), 0.16), transparent 34rem);
}

.network-page .network-action:hover,
.network-page .network-zone-card:hover,
.network-page .signal-item:hover,
.network-page .drawer-list-item:hover,
.network-page .feed-card:hover,
.network-page .network-tab:hover,
.network-page .drawer-create-button:hover {
  border-color: rgba(var(--page-accent-rgb), 0.9) !important;
  background: rgba(var(--page-accent-rgb), 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 20px 54px rgba(0, 0, 0, 0.36), 0 0 30px rgba(var(--page-accent-rgb), 0.12);
}

@media (max-width: 900px) {
  .theme-new {
    --site-edge: 22px;
  }

  .page-home.theme-new .page-shell-new,
  .theme-new .page-shell-new,
  .theme-new:not(.page-home) .page-shell-new {
    padding-left: 0;
    padding-right: 0;
  }

  .page-home.theme-new .topbar-new,
  .theme-new .topbar-new,
  .theme-new:not(.page-home) .topbar-new {
    padding: 18px 22px;
  }
}

/* ==========================================================================
   UNIFORM MICROGRAMMA / MICHROMA TYPOGRAPHY LAYER (TITLES & HEADLINES)
   ========================================================================== */
.theme-new h1, 
.theme-new h2, 
.theme-new h3, 
.theme-new h4, 
.theme-new h5, 
.theme-new h6,
.theme-new .logo-text,
.theme-new .logo-text-new,
.theme-new .hero-title-new,
.theme-new .section-title-new,
.theme-new .panel-title,
.theme-new .station-title,
.theme-new .site-drawer-title,
.theme-new .system-card-new h3,
.theme-new .system-card h3,
.theme-new .pillar h3,
.theme-new .design-principle h3,
.theme-new .detail-card h3,
.theme-new .media-copy h3,
.theme-new .application-item h3,
.theme-new .story-panel h3,
.theme-new .brief-copy h3,
.theme-new .dashboard-panel-head-new h2,
.theme-new .dashboard-profile-new h3,
.theme-new .closing-brand,
.theme-new .xeeva-v2-title,
.theme-new .xeeva-v2-title span,
.theme-new #auth-title,
.theme-new #composer-title,
.theme-new #detail-title,
.theme-new #discussion-title {
  font-family: 'Microgramma', 'Michroma', 'Orbitron', sans-serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.theme-new .section-title-new { text-align: left !important; }
.theme-new .pillar-new h3, .theme-new .system-card-new h3, .theme-new .fragment-item-new h3 { word-break: break-word; hyphens: auto; font-size: 16px !important; }


/* =========================================================
   USER REQUEST OVERRIDES: 
   1. Remove thin linings between sections
   2. Unify hero title fonts (AIRA, XEEVA) to match DASROS home
   ========================================================= */

/* Remove section linings globally */
.section-new,
.page-hero,
.content-section,
.xeeva-v2-section,
.dashboard-overlay-new,
.topbar-new,
.footer-new,
.footer-bottom-new,
.xeeva-v2-footer-inner,
.xeeva-v2-footer-bottom,
section,
header,
footer,
.theme-new .content-section,
.theme-new .xeeva-v2-section {
  border-top: none !important;
  border-bottom: none !important;
  /* Also remove any stray left/right lines on the main containers */
  border-left: none !important;
  border-right: none !important;
}

/* Align XEEVA and AIRA hero title fonts to DASROS index title exactly */
.theme-new .hero-title-new,
.page-home.theme-new .hero-title-new,
.theme-new:not(.page-home) .page-hero h1,
.xeeva-v2-title,
h1.xeeva-v2-title {
  font-family: 'Microgramma', 'Michroma', 'Orbitron', sans-serif !important;
  font-size: clamp(60px, 11vw, 118px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 0.92 !important;
}

@media (max-width: 560px) {
  .theme-new .hero-title-new,
  .page-home.theme-new .hero-title-new,
  .theme-new:not(.page-home) .page-hero h1,
  .xeeva-v2-title,
  h1.xeeva-v2-title {
    font-size: 45px !important;
    letter-spacing: 0 !important;
  }

  .theme-new .footer-top-new,
  .theme-new .footer-bottom-new {
    width: calc(100% - 28px) !important;
  }

  .theme-new .footer-updates-panel-new {
    gap: 24px !important;
    padding: 24px 20px !important;
  }

  .theme-new .newsletter-form-new {
    height: auto !important;
    min-height: 0 !important;
    flex-direction: column;
    align-items: stretch;
    overflow: visible;
  }

  .theme-new .newsletter-form-new input {
    min-height: 46px;
  }

  .theme-new .newsletter-form-new button {
    width: 100%;
    min-height: 46px;
    justify-content: center;
    border-left: 0;
    border-top: 1px solid rgba(255,38,38,0.2);
  }

  .theme-new .footer-bottom-new {
    gap: 18px !important;
  }

  .theme-new .footer-links-new {
    flex-wrap: wrap;
    gap: 14px 20px;
  }
}

/* =========================================================
   VIBRANT THEME PASS: AIRA + NETWORK
   ========================================================= */
.page-aira.theme-new {
  --page-accent: #5fd7e8;
  --page-accent-rgb: 95, 215, 232;
  --aira-blue: #426fca;
  --aira-blue-rgb: 66, 111, 202;
  --aira-cyan: #5fd7e8;
  --aira-cyan-rgb: 95, 215, 232;
  --page-panel: rgba(8, 20, 33, 0.72);
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--aira-cyan-rgb), 0.12), transparent 38rem),
    radial-gradient(circle at 13% 34%, rgba(var(--aira-blue-rgb), 0.13), transparent 32rem),
    radial-gradient(circle at 88% 72%, rgba(150, 210, 210, 0.08), transparent 32rem),
    #010714;
}

.page-aira.theme-new::before,
.network-page.theme-new::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,0.055), transparent 22rem),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.016) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(0deg, rgba(var(--page-accent-rgb),0.014) 0 1px, transparent 1px 90px);
  mix-blend-mode: screen;
}

.page-aira.theme-new .page-shell-new,
.network-page.theme-new .page-shell-new {
  position: relative;
  z-index: 1;
}

.page-aira.theme-new .hero-video-bg {
  filter: saturate(1.05) contrast(1.04) brightness(0.78) blur(5px);
  transform: scale(1.025);
}

.page-aira.theme-new .hero-video-overlay {
  background:
    radial-gradient(ellipse at 52% 24%, rgba(var(--aira-cyan-rgb), 0.16), transparent 42%),
    radial-gradient(ellipse at 26% 76%, rgba(var(--aira-blue-rgb), 0.14), transparent 52%),
    radial-gradient(ellipse at 80% 70%, rgba(120, 220, 210, 0.08), transparent 48%),
    linear-gradient(180deg, rgba(1, 7, 20, 0.18), rgba(1, 7, 20, 0.72)) !important;
}

.page-aira.theme-new .page-hero h1 {
  color: #fff;
  text-shadow:
    0 0 14px rgba(var(--aira-cyan-rgb), 0.28),
    0 0 42px rgba(var(--aira-blue-rgb), 0.18);
}

.page-aira.theme-new .section-kicker,
.page-aira.theme-new .eyebrow-line,
.page-aira.theme-new .application-item span {
  color: #9be7ef !important;
  text-shadow: 0 0 12px rgba(var(--aira-cyan-rgb), 0.24);
}

.page-aira.theme-new .content-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--aira-cyan-rgb), 0.06), transparent 30rem),
    radial-gradient(circle at 88% 78%, rgba(var(--aira-blue-rgb), 0.07), transparent 34rem),
    linear-gradient(180deg, rgba(1, 7, 20, 0.18), rgba(1, 7, 20, 0.28));
}

.page-aira.theme-new .content-block,
.page-aira.theme-new .image-card,
.page-aira.theme-new .application-item,
.page-aira.theme-new .story-panel {
  border-color: rgba(var(--aira-cyan-rgb), 0.14) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(var(--aira-cyan-rgb), 0.08), transparent 44%),
    radial-gradient(circle at 100% 100%, rgba(var(--aira-blue-rgb), 0.08), transparent 48%),
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.016)),
    rgba(9, 20, 32, 0.7) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 22px 62px rgba(0,0,0,0.36),
    0 0 28px rgba(var(--aira-cyan-rgb), 0.055) !important;
}

.page-aira.theme-new .content-block:hover,
.page-aira.theme-new .image-card:hover,
.page-aira.theme-new .application-item:hover,
.page-aira.theme-new .story-panel:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--aira-cyan-rgb), 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 28px 76px rgba(0,0,0,0.42),
    0 0 34px rgba(var(--aira-cyan-rgb), 0.1) !important;
}

.page-aira.theme-new .spec-list span {
  border-color: rgba(var(--aira-cyan-rgb), 0.12);
  background: linear-gradient(135deg, rgba(var(--aira-cyan-rgb), 0.06), rgba(var(--aira-blue-rgb), 0.045));
  color: rgba(255,255,255,0.82);
}

.network-page.theme-new {
  --page-accent: #9b6dff;
  --page-accent-rgb: 155, 109, 255;
  --network-violet: #9b6dff;
  --network-violet-rgb: 155, 109, 255;
  --network-magenta: #b978d8;
  --network-magenta-rgb: 185, 120, 216;
  --page-panel: rgba(18, 12, 30, 0.72);
  --red: var(--page-accent);
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--network-violet-rgb), 0.14), transparent 40rem),
    radial-gradient(circle at 12% 34%, rgba(var(--network-magenta-rgb), 0.09), transparent 34rem),
    radial-gradient(circle at 88% 75%, rgba(110, 116, 210, 0.08), transparent 34rem),
    #030006;
}

.network-page.theme-new .hero-video-bg {
  filter: saturate(1.02) contrast(1.04) brightness(0.74) blur(5px);
  transform: scale(1.025);
}

.network-page.theme-new .hero-video-overlay {
  background:
    radial-gradient(ellipse at 54% 22%, rgba(var(--network-violet-rgb), 0.16), transparent 46%),
    radial-gradient(ellipse at 24% 72%, rgba(var(--network-magenta-rgb), 0.1), transparent 52%),
    radial-gradient(ellipse at 82% 70%, rgba(76, 92, 255, 0.08), transparent 50%),
    linear-gradient(180deg, rgba(3,0,8,0.18), rgba(3,0,8,0.74)) !important;
}

.network-page.theme-new .network-hero {
  background:
    radial-gradient(ellipse at 50% 34%, rgba(var(--network-violet-rgb), 0.11), transparent 34rem),
    radial-gradient(ellipse at 50% 100%, rgba(var(--network-magenta-rgb), 0.08), transparent 38rem),
    linear-gradient(180deg, rgba(3,0,8,0.22), rgba(3,0,8,0.72)) !important;
}

.network-page.theme-new .page-hero h1 {
  color: #fff;
  text-shadow:
    0 0 14px rgba(var(--network-violet-rgb), 0.3),
    0 0 44px rgba(var(--network-magenta-rgb), 0.16);
}

.network-page.theme-new .section-kicker,
.network-page.theme-new .panel-kicker,
.network-page.theme-new .feed-card-type,
.network-page.theme-new .protocol-item span,
.network-page.theme-new .network-zone-card span {
  color: #cdb7ff !important;
  text-shadow: 0 0 12px rgba(var(--network-violet-rgb), 0.24);
}

.network-page.theme-new .network-overview-section,
.network-page.theme-new .network-station-section {
  background:
    radial-gradient(circle at 14% 22%, rgba(var(--network-violet-rgb), 0.07), transparent 32rem),
    radial-gradient(circle at 84% 72%, rgba(var(--network-magenta-rgb), 0.055), transparent 32rem),
    repeating-linear-gradient(90deg, rgba(var(--network-violet-rgb), 0.02) 0 1px, transparent 1px 84px),
    linear-gradient(180deg, rgba(5,0,10,0.24), rgba(5,0,10,0.42));
}

.network-page.theme-new .network-panel,
.network-page.theme-new .station-head,
.network-page.theme-new .network-tabs,
.network-page.theme-new .feed-card,
.network-page.theme-new .drawer-card,
.network-page.theme-new .network-zone-card,
.network-page.theme-new .modal-panel,
.network-page.theme-new .dashboard-drawer {
  border-color: rgba(var(--network-violet-rgb), 0.14) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--network-violet-rgb), 0.08), transparent 44%),
    radial-gradient(circle at 100% 100%, rgba(var(--network-magenta-rgb), 0.06), transparent 48%),
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.016)),
    rgba(18, 12, 30, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 22px 62px rgba(0,0,0,0.36),
    0 0 30px rgba(var(--network-violet-rgb), 0.06) !important;
}

.network-page.theme-new .network-action,
.network-page.theme-new .network-tab,
.network-page.theme-new .auth-switch,
.network-page.theme-new .drawer-create-button {
  border-color: rgba(var(--network-violet-rgb), 0.2) !important;
  background:
    linear-gradient(135deg, rgba(var(--network-violet-rgb), 0.08), rgba(var(--network-magenta-rgb), 0.04)),
    rgba(8,0,14,0.68) !important;
  box-shadow: 0 0 22px rgba(var(--network-violet-rgb), 0.055) !important;
}

.network-page.theme-new .network-action:hover,
.network-page.theme-new .network-zone-card:hover,
.network-page.theme-new .feed-card:hover,
.network-page.theme-new .network-tab:hover,
.network-page.theme-new .drawer-list-item:hover,
.network-page.theme-new .signal-item:hover,
.network-page.theme-new .drawer-create-button:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--network-magenta-rgb), 0.34) !important;
  background:
    linear-gradient(135deg, rgba(var(--network-violet-rgb), 0.12), rgba(var(--network-magenta-rgb), 0.08)),
    rgba(14, 4, 28, 0.8) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    0 26px 70px rgba(0,0,0,0.42),
    0 0 36px rgba(var(--network-violet-rgb), 0.1) !important;
}

.network-page.theme-new .hero-proof span {
  border-color: rgba(var(--network-violet-rgb), 0.14);
  background: rgba(var(--network-violet-rgb), 0.055);
  box-shadow: 0 0 20px rgba(var(--network-violet-rgb), 0.045);
}

/* =========================================================
   XEEVA-STYLE HERO TYPOGRAPHY: AIRA + NETWORK + ABOUT ONLY
   ========================================================= */
.page-aira.theme-new .page-hero,
.network-page.theme-new .network-hero {
  min-height: 100vh;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  padding:
    clamp(92px, 12vw, 150px)
    max(var(--site-edge), calc((100vw - 1280px) / 2 + 24px))
    clamp(92px, 10vw, 132px) !important;
}

.page-aira.theme-new .page-hero .hero-logo,
.network-page.theme-new .network-hero .hero-logo {
  display: none;
}

.page-aira.theme-new .page-hero .section-kicker,
.network-page.theme-new .network-hero .section-kicker,
.page-about.theme-new .about-kicker:first-child {
  margin: 0 0 10px !important;
  font-family: 'Microgramma', 'Michroma', 'Orbitron', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.4em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.page-aira.theme-new .page-hero h1,
.network-page.theme-new .network-hero h1,
.page-about.theme-new .about-title {
  display: block !important;
  margin: 0 0 10px !important;
  font-family: 'Microgramma', 'Michroma', 'Orbitron', sans-serif !important;
  font-size: clamp(60px, 11vw, 118px) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.page-aira.theme-new .page-hero .subtitle,
.network-page.theme-new .network-hero .subtitle {
  margin: 0 0 18px !important;
  padding-left: 0 !important;
  font-family: 'Microgramma', 'Michroma', 'Orbitron', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.48em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.page-aira.theme-new .page-hero .intro,
.network-page.theme-new .network-hero .intro,
.page-about.theme-new .about-subtitle {
  max-width: 650px !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.network-page.theme-new .network-hero-actions {
  justify-content: flex-start;
  margin-top: 0;
  padding-top: 22px;
}

.page-about.theme-new .about-hero {
  align-items: center;
  padding-top: clamp(92px, 12vw, 150px);
  padding-bottom: clamp(92px, 10vw, 132px);
}

@media (max-width: 760px) {
  .page-aira.theme-new .page-hero,
  .network-page.theme-new .network-hero {
    min-height: 100vh;
    padding: 92px 24px 82px !important;
  }

  .page-aira.theme-new .page-hero h1,
  .network-page.theme-new .network-hero h1,
  .page-about.theme-new .about-title {
    font-size: 52px !important;
  }

  .page-aira.theme-new .page-hero .subtitle,
  .network-page.theme-new .network-hero .subtitle {
    font-size: 12px !important;
    letter-spacing: 0.28em !important;
  }
}

/* Shift hero title section to the left */
.xeeva-hero-copy {
  margin: 0 !important;
}

@media (max-width: 980px) {
  .xeeva-hero-copy {
    margin: 0 auto !important;
    text-align: center;
  }
}


/* =========================================================
   DASHBOARD: Page-specific theming for XEEVA
   Maps XEEVA's hot-pink/purple palette to --page-accent
   so the dashboard panel auto-adapts
   ========================================================= */
.page-xeeva.theme-new {
  --page-accent: #ff2b5f;
  --page-accent-rgb: 255, 43, 95;
  --page-accent-soft: rgba(255, 43, 95, 0.14);
  --page-panel: rgba(14, 2, 8, 0.62);
}

/* XEEVA dashboard panel: use hot-pink/purple glow instead of generic red */
.page-xeeva .dashboard-panel-new {
  border-color: rgba(255, 43, 95, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(255, 43, 95, 0.06), rgba(143, 61, 255, 0.04)),
    rgba(14, 2, 8, 0.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 24px 64px rgba(0, 0, 0, 0.5),
    0 0 32px rgba(255, 43, 95, 0.1) !important;
}

.page-xeeva .dashboard-kicker-new {
  color: #ff5c82 !important;
}

.page-xeeva .dashboard-panel-new button[type="submit"] {
  background: linear-gradient(135deg, #ff2b5f, #b5164d) !important;
  border-color: rgba(255, 43, 95, 0.5) !important;
}

.page-xeeva .dashboard-panel-new button[type="submit"]:hover {
  background: linear-gradient(135deg, #ff4d7a, #d4195c) !important;
  box-shadow: 0 0 24px rgba(255, 43, 95, 0.3) !important;
}

.page-xeeva .dashboard-network-link-new {
  border-color: rgba(255, 43, 95, 0.3) !important;
  color: #ff5c82 !important;
}

.page-xeeva .dashboard-network-link-new:hover {
  background: rgba(255, 43, 95, 0.1) !important;
  border-color: rgba(255, 43, 95, 0.5) !important;
}

.page-xeeva .dashboard-panel-new::-webkit-scrollbar-thumb {
  background: rgba(255, 43, 95, 0.35) !important;
}

.page-xeeva .dashboard-signup-new summary::after {
  color: #ff5c82 !important;
}

.page-xeeva .dashboard-panel-new input:focus {
  border-color: rgba(255, 43, 95, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(255, 43, 95, 0.08) !important;
}

.page-xeeva .dashboard-text-action-new {
  color: #ff5c82 !important;
}

.page-xeeva .dashboard-signout-new {
  border-color: rgba(255, 43, 95, 0.3) !important;
  color: #ff5c82 !important;
}

.page-xeeva .dashboard-signout-new:hover {
  background: rgba(255, 43, 95, 0.1) !important;
  border-color: rgba(255, 43, 95, 0.5) !important;
}

.page-xeeva .dashboard-avatar-new {
  background: linear-gradient(135deg, rgba(255, 43, 95, 0.4), rgba(143, 61, 255, 0.25)) !important;
  box-shadow: 0 0 18px rgba(255, 43, 95, 0.15) !important;
}

.page-xeeva .dashboard-check-new input {
  accent-color: #ff2b5f !important;
}

/* Mobile performance and layout pass */
html {
  scroll-padding-top: 92px;
}

body {
  overscroll-behavior-y: contain;
}

.theme-new section,
.theme-new [id] {
  scroll-margin-top: 96px;
}

.theme-new video {
  pointer-events: none;
}

.theme-new .content-block,
.theme-new .detail-card,
.theme-new .application-item,
.theme-new .story-panel,
.theme-new .image-card,
.theme-new .feed-card,
.theme-new .network-zone-card,
.theme-new .xeeva-cap-card,
.theme-new .xeeva-glass,
.theme-new .xeeva-image-card,
.theme-new .xeeva-media-frame {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.theme-new .social-icons-new {
  gap: 18px;
}

.theme-new .social-icons-new a {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px;
  background: rgba(255,255,255,0.025);
}

.theme-new .social-icons-new a:hover {
  border-color: rgba(var(--page-accent-rgb),0.32);
  background: rgba(var(--page-accent-rgb),0.08);
}

@media (max-width: 760px) {
  .theme-new {
    --site-edge: 16px;
  }

  html {
    scroll-padding-top: 126px;
  }

  body {
    letter-spacing: 0.02em !important;
  }

  .theme-new .topbar-new {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 14px !important;
    padding: 14px 16px !important;
  }

  .theme-new .logo-area-new {
    min-width: 0;
  }

  .theme-new .logo-text-new {
    overflow: hidden;
    font-size: 13px !important;
    letter-spacing: 0.22em !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .theme-new .nav-links-new {
    grid-column: 1 / -1;
    order: 3;
    width: 100%;
    gap: 18px !important;
    overflow-x: auto;
    padding: 2px 0 5px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .theme-new .nav-links-new::-webkit-scrollbar {
    display: none;
  }

  .theme-new .nav-links-new a {
    flex: 0 0 auto;
    font-size: 12px !important;
  }

  .theme-new .nav-links-new a.active::after {
    bottom: -7px !important;
  }

  .theme-new .dashboard-btn-new {
    min-height: 36px;
    margin-left: 0 !important;
    padding: 7px 11px !important;
    font-size: 11px !important;
  }

  .page-home.theme-new .hero-new,
  .theme-new:not(.page-home) .page-hero,
  .page-about.theme-new .about-hero,
  .page-xeeva.theme-new .xeeva-v2-hero {
    min-height: auto !important;
    padding-top: clamp(128px, 28vw, 168px) !important;
    padding-bottom: 58px !important;
  }

  .page-home.theme-new .hero-title-new,
  .page-about.theme-new .about-title,
  .theme-new:not(.page-home) .page-hero h1,
  .page-xeeva.theme-new .xeeva-v2-title {
    max-width: 100%;
    font-size: clamp(42px, 16vw, 74px) !important;
    line-height: 0.98 !important;
    overflow-wrap: anywhere;
  }

  .page-home.theme-new .hero-desc-new,
  .page-about.theme-new .about-subtitle,
  .theme-new:not(.page-home) .page-hero .intro,
  .theme-new:not(.page-home) .page-hero .subtitle,
  .page-xeeva.theme-new .xeeva-v2-intro {
    max-width: 100%;
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  .media-feature,
  .media-feature.media-feature--reverse,
  .about-hero,
  .about-wide,
  .about-section-head,
  .footer-top-new,
  .footer-bottom-new,
  .xeeva-v2-footer-inner {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .image-grid,
  .image-grid--two,
  .systems-grid-new,
  .features-grid-new,
  .network-zone-grid,
  .feed-grid,
  .application-grid,
  .about-grid,
  .about-grid.two {
    grid-template-columns: 1fr !important;
  }

  .newsletter-form-container,
  .newsletter-form-new,
  .xeeva-newsletter-form {
    width: 100%;
    max-width: none !important;
  }

  .newsletter-form-new,
  .xeeva-newsletter-form {
    min-height: 46px;
  }

  .newsletter-form-new input,
  .xeeva-newsletter-form input {
    min-width: 0;
  }

  .newsletter-form-new button,
  .xeeva-newsletter-form button {
    flex: 0 0 auto;
    padding-inline: 14px !important;
  }

  .theme-new .footer-updates-panel-new {
    min-width: 0;
    overflow: hidden;
  }

  .socials-new {
    align-items: flex-start !important;
  }

  .dashboard-panel-new {
    inset: 10px !important;
    width: auto !important;
    max-height: calc(100vh - 20px) !important;
    padding: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-new *,
  .theme-new *::before,
  .theme-new *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

@supports (content-visibility: auto) {
  .theme-new .section-new,
  .theme-new .content-section,
  .theme-new .about-section,
  .theme-new .xeeva-v2-section,
  .theme-new .footer-new,
  .theme-new .xeeva-v2-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 820px;
  }
}

.page-xeeva .dot-new {
  background: #ff2b5f !important;
  box-shadow: 0 0 6px rgba(255, 43, 95, 0.6) !important;
}

/* Fix bottom gap on xeeva and about */
.page-xeeva.theme-new .xeeva-v2-hero,
.page-about.theme-new .about-hero {
  min-height: 100vh !important;
}