/* Definitive header layout loaded after the legacy theme styles. */
.header-inner{align-items:center}
.mobile-nav-cta{display:none}

/* Unified black-blue canvas: keep every public robot route readable over the
   same dark-tech palette while retaining blue as the single accent. */
:root{
  --bg:#02050d;
  --ink:#f5fbff;
  --body:#c7d8e8;
  --muted:#91abc1;
  --soft:#06152d;
  --tint:#0a2444;
  --line:rgba(133,190,231,.28);
  --accent:#48bfff;
}
body,
body.subpage,
body.category-page,
body.article-page{
  background:
    radial-gradient(circle at 78% 4%,rgba(20,157,255,.16),transparent 30%),
    linear-gradient(145deg,#02050d 0%,#06152d 56%,#020817 100%);
  color:#c7d8e8;
}
body:not(.subpage):not(.category-page){
  background:
    radial-gradient(circle at 78% 4%,rgba(20,157,255,.16),transparent 30%),
    linear-gradient(145deg,#02050d 0%,#06152d 56%,#020817 100%) !important;
  color:#c7d8e8;
}
body:not(.subpage):not(.category-page) .site-header.is-scrolled{
  background:rgba(2,8,20,.9);
  border-bottom-color:rgba(133,190,231,.28);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body:not(.subpage):not(.category-page) .site-header.is-scrolled .nav-link{color:#dceeff}
body:not(.subpage):not(.category-page) .site-header.is-scrolled .nav-link:hover,
body:not(.subpage):not(.category-page) .site-header.is-scrolled .nav-link.is-active{color:#48bfff}
body.subpage,
body.category-page{--sub-text:#f5fbff;--sub-muted:#a9c5da;--sub-accent:#48bfff;--sub-line:rgba(133,190,231,.28)}

/* Homepage sections use alternating dark gradients to create rhythm without
   introducing a second accent or low-contrast white canvas. */
body:not(.subpage):not(.category-page) .section,
body:not(.subpage):not(.category-page) .robot-section,
body:not(.subpage):not(.category-page) .services,
body:not(.subpage):not(.category-page) .gallery,
body:not(.subpage):not(.category-page) .process-section,
body:not(.subpage):not(.category-page) .why-section,
body:not(.subpage):not(.category-page) .news-section,
body:not(.subpage):not(.category-page) .contact-section,
body:not(.subpage):not(.category-page) .cta-band,
body.subpage .subpage-main,
body.subpage .partner-rail{
  background:linear-gradient(145deg,#06152d 0%,#071d3b 52%,#041126 100%);
  color:#c7d8e8;
}
body:not(.subpage):not(.category-page) .section:nth-of-type(even),
body.subpage .subpage-main,
body.subpage .partner-rail{
  background:linear-gradient(145deg,#020817 0%,#06152d 54%,#082044 100%);
}

body:not(.subpage):not(.category-page) .section-title,
body:not(.subpage):not(.category-page) .cta-copy h2,
body:not(.subpage):not(.category-page) .stat-value,
body:not(.subpage):not(.category-page) .card-content h3,
body:not(.subpage):not(.category-page) .service-content h3,
body:not(.subpage):not(.category-page) .process-step h3,
body:not(.subpage):not(.category-page) .benefit-list h3,
body:not(.subpage):not(.category-page) .news-content h3,
body:not(.subpage):not(.category-page) .hotline strong,
body.subpage .subpage-intro h2,
body.subpage .partner-rail h2,
body.article-page .article-header h1{color:#f5fbff}
body:not(.subpage):not(.category-page) .section-lead,
body:not(.subpage):not(.category-page) .section-note,
body:not(.subpage):not(.category-page) .card-content p,
body:not(.subpage):not(.category-page) .service-content p,
body:not(.subpage):not(.category-page) .process-step p,
body:not(.subpage):not(.category-page) .benefit-list p,
body.subpage .subpage-intro p,
body.subpage .partner-rail,
body.article-page .article-body{color:#c7d8e8}

body:not(.subpage):not(.category-page) .robot-card,
body:not(.subpage):not(.category-page) .service-card,
body:not(.subpage):not(.category-page) .contact-form,
body.subpage .catalogue-card,
body.subpage .service-panel,
body.subpage .service-form,
body.subpage .news-card-new{
  border-color:rgba(133,190,231,.28);
  background:linear-gradient(155deg,rgba(10,36,68,.94),rgba(3,14,31,.98));
  color:#c7d8e8;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
body:not(.subpage):not(.category-page) .robot-card h3,
body:not(.subpage):not(.category-page) .service-card h3,
body:not(.subpage):not(.category-page) .contact-form h2,
body.subpage .catalogue-body h2,
body.subpage .service-panel-copy h2,
body.subpage .service-form h2,
body.subpage .news-card-new h2{color:#f5fbff}
body:not(.subpage):not(.category-page) .robot-card p,
body:not(.subpage):not(.category-page) .service-card p,
body.subpage .catalogue-body p,
body.subpage .service-panel-copy p,
body.subpage .news-card-new p{color:#a9c5da}

body.subpage .partner-track img{filter:grayscale(1) brightness(1.6);opacity:.78}
body.subpage .partner-track img:hover{filter:grayscale(0) brightness(1);opacity:1}
body.article-page .article-shell{color:#c7d8e8}
body.article-page .article-header time{color:#91abc1}

@media (max-width:800px){
  body:not(.subpage):not(.category-page) .section,
  body:not(.subpage):not(.category-page) .robot-section,
  body:not(.subpage):not(.category-page) .services,
  body:not(.subpage):not(.category-page) .gallery,
  body:not(.subpage):not(.category-page) .process-section,
  body:not(.subpage):not(.category-page) .why-section,
  body:not(.subpage):not(.category-page) .news-section,
  body:not(.subpage):not(.category-page) .contact-section,
  body:not(.subpage):not(.category-page) .cta-band,
  body.subpage .subpage-main,
  body.subpage .partner-rail{background:linear-gradient(160deg,#06152d 0%,#020817 100%)}
}

/* Avoid repaint-heavy blur and glow work while the page is moving. */
.site-header.is-scrolled,
.subpage .site-header.header-scrolled,
.category-page .site-header.header-scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
.hero--activation .hero-actions .btn-dark,
.hero--activation .hero-actions .btn-dark::after{animation-play-state:paused}
.hero--activation.motion-running .hero-actions .btn-dark,
.hero--activation.motion-running .hero-actions .btn-dark::after{animation-play-state:running}

/* Keep the transition from each full-screen banner to its first section airy. */
.hero,.subpage-hero{margin-block-end:160px}

@media (min-width:1200px){
  .header-inner{display:grid;width:min(86vw,var(--container));grid-template-columns:112px minmax(0,1fr) 132px;gap:24px}
  .brand-logo{width:112px;height:44px}
  .main-nav{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,32px);margin:0;opacity:1;visibility:visible;transform:none}
  .main-nav>.nav-link,.nav-dropdown>.nav-link{padding:9px 0;font-size:13px;line-height:20px;white-space:nowrap}
  .header-actions{display:flex;justify-content:flex-end;gap:10px}
  .header-actions .btn-sm{display:inline-flex;width:112px;min-width:112px;height:40px;padding:0 18px;font-size:11px;letter-spacing:.02em}
  .nav-toggle{display:none}
}

@media (min-width:801px) and (max-width:1199px){
  .header-inner{display:flex;width:min(92vw,var(--container));gap:12px}
  .brand{margin-right:auto}
  .header-actions .btn{display:none}
  .nav-toggle{display:block}
  .main-nav{position:absolute;top:calc(100% + 10px);left:4vw;right:4vw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:10px;border:1px solid rgba(133,190,231,.24);border-radius:12px;background:#071426;box-shadow:0 18px 44px rgba(0,0,0,.42);opacity:0!important;visibility:hidden!important;transform:translateY(-8px);transition:.22s var(--ease)}
  .main-nav.is-open{opacity:1!important;visibility:visible!important;transform:none;clip-path:circle(145% at 94% 0%)!important}
}

@media (max-width:800px){
  .hero,.subpage-hero{margin-block-end:60px}
  .header-inner{display:flex;width:calc(100% - 32px);gap:8px}
  .brand{margin-right:auto}
  .brand-logo{width:106px;height:42px}
  .header-actions{display:flex;gap:8px}
  .header-actions .btn{display:none}
  .nav-toggle{display:block;flex:0 0 42px}
  .main-nav{position:absolute;top:calc(100% + 10px);left:16px;right:16px;display:grid;grid-template-columns:1fr;gap:2px;margin:0;padding:8px;border:1px solid rgba(133,190,231,.24);border-radius:12px;background:#071426;box-shadow:0 18px 44px rgba(0,0,0,.42);opacity:0!important;visibility:hidden!important;transform:translateY(-8px);transition:.22s var(--ease)}
  .main-nav.is-open{opacity:1!important;visibility:visible!important;transform:none;clip-path:circle(145% at 94% 0%)!important}
  .main-nav>.nav-link,.nav-dropdown>.nav-link{min-height:44px;padding:12px;font-size:14px;line-height:20px}
  .main-nav.is-open>.nav-link,.main-nav.is-open .nav-dropdown>.nav-link{opacity:1!important;visibility:visible!important;transform:none!important}
  .main-nav.is-open .nav-dropdown.is-open .nav-link{opacity:1!important;visibility:visible!important;transform:none!important}
  .nav-dropdown{display:block}
  .nav-dropdown-menu{position:static;display:grid;grid-template-columns:1fr;gap:2px;min-width:0;max-height:0;padding:0 4px;border:0;box-shadow:none;opacity:0;visibility:hidden;overflow:hidden;transform:none!important;transition:max-height .3s var(--ease),opacity .22s var(--ease),visibility .22s var(--ease),padding .3s var(--ease)}
  .nav-dropdown.is-open .nav-dropdown-menu{max-height:380px;padding:4px;opacity:1;visibility:visible}
  .nav-dropdown-menu .nav-link{min-height:42px;padding:11px 10px;font-size:13px;line-height:18px;white-space:normal}
  .mobile-nav-cta{display:flex;width:100%;min-width:0;height:46px;margin-top:6px;font-size:11px}
}

/* Shared spacing scale: 80px desktop rhythm, compact 30px mobile rhythm. */
.hero,
.subpage-hero,
body:not(.admin) .section,
body:not(.admin) .cta-band,
body.subpage .subpage-main,
body.subpage .partner-rail{
  margin-block-end:80px;
}
body:not(.admin) .section,
body:not(.admin) .cta-band,
body.subpage .subpage-main,
body.subpage .partner-rail{
  padding-block:80px;
}
@media (max-width:800px){
  .hero,
  .subpage-hero,
  body:not(.admin) .section,
  body:not(.admin) .cta-band,
  body.subpage .subpage-main,
  body.subpage .partner-rail{
    margin-block-end:30px;
  }
  body:not(.admin) .section,
  body:not(.admin) .cta-band,
  body.subpage .subpage-main,
  body.subpage .partner-rail{
    padding-block:30px;
  }
}

/* Dropdown labels stay white in every state for clear contrast on the navy panel. */
.nav-dropdown-menu .nav-link,
.nav-dropdown-menu .nav-link:hover,
.nav-dropdown-menu .nav-link:focus-visible,
.nav-dropdown-menu .nav-link.is-active{
  color:#fff !important;
}
@media (min-width:801px){
  /* The mobile menu timeline is paused on desktop; keep dropdown labels visible. */
  .nav-dropdown-menu .nav-link{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }
}

/* Banner imagery remains fully static; copy and interface motion stay enabled. */
.hero-backdrop img,
.hero-stage img,
.subpage-hero img{
  animation:none !important;
  transition:none !important;
  transform:none !important;
  opacity:1 !important;
  will-change:auto !important;
}