/* =========================================================
   2026 Redesign Pack — SparkNavi Blue / Defense Aerospace UI
   Applies to homepage and product pages, overrides old MkDocs styling.
   ========================================================= */
:root{
  --xc-bg:#020812; --xc-bg2:#061321; --xc-card:rgba(6,18,32,.72);
  --xc-line:rgba(66,157,255,.18); --xc-line2:rgba(66,157,255,.42);
  --xc-blue:#238bff; --xc-blue2:#6bb8ff; --xc-text:#f4f8ff;
  --xc-soft:rgba(229,240,255,.76); --xc-muted:rgba(229,240,255,.48);
}
html,body{background:#020812!important;}
[data-md-color-scheme="slate"]{--md-default-bg-color:#020812;--md-primary-fg-color:#020812;--md-accent-fg-color:var(--xc-blue);--md-typeset-a-color:var(--xc-blue2)}
.md-header,.md-tabs{display:none!important}.md-main{background:transparent!important}.md-main__inner{margin-top:0!important}.md-content{margin-top:68px!important;background:transparent!important}.md-content__inner{padding-top:0!important}.md-content__inner:before{display:none}.md-grid{max-width:1500px}.md-typeset{color:var(--xc-text);font-feature-settings:"kern"}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 70% 20%,rgba(34,137,255,.18),transparent 34%),radial-gradient(circle at 20% 70%,rgba(14,58,102,.26),transparent 40%),linear-gradient(180deg,#03101d,#020812 55%,#01050a);}
body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(82,166,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(82,166,255,.14) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 78%)}
.xc-navbar{height:68px;background:rgba(3,10,18,.84)!important;border-bottom:1px solid rgba(74,158,255,.18)!important;box-shadow:0 18px 55px rgba(0,0,0,.32);backdrop-filter:blur(18px)}
.xc-nav-inner{max-width:1500px;padding:0 42px}.xc-nav-brand{font-size:.92rem;letter-spacing:.12em;color:#fff}.xc-nav-logo{height:34px}.xc-menu{gap:42px}.xc-menu a{color:rgba(245,249,255,.82);font-weight:650;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.xc-menu a:hover,.xc-lang a.active{color:var(--xc-blue2)}.xc-lang{gap:18px}.xc-lang a{font-weight:700}.xc-lang:before{content:"◎";color:rgba(255,255,255,.45);font-size:16px;margin-right:2px}
/* full-width pages */
.md-content:has(.xc-defense-hero),.md-content:has(.xc-prod-hero){max-width:none}.md-content:has(.xc-defense-hero) .md-content__inner,.md-content:has(.xc-prod-hero) .md-content__inner{max-width:none;margin:0;padding:0}.md-content:has(.xc-defense-hero) .md-typeset>h1:first-child,.md-content:has(.xc-prod-hero) .md-typeset>h1:first-child{display:none!important}
/* HERO HOMEPAGE */
.xc-defense-hero{position:relative;min-height:720px;margin:0 calc(50% - 50vw)!important;padding:100px calc(50vw - 750px) 36px!important;overflow:hidden;background:linear-gradient(90deg,rgba(2,8,18,.98) 0%,rgba(2,8,18,.86) 38%,rgba(2,8,18,.38) 66%,rgba(2,8,18,.9) 100%),linear-gradient(180deg,rgba(4,14,25,.55),rgba(2,8,18,.95)),url('../assets/space-bg.png') center/cover no-repeat!important;border-bottom:1px solid rgba(74,158,255,.16)}
.xc-defense-hero:before{content:"";position:absolute;inset:68px 0 0;background:url('../assets/drone-silhouette.svg') 66% 18%/560px auto no-repeat;opacity:.38;filter:blur(.4px);z-index:0}.xc-defense-hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,#020812 8%,transparent),url('../assets/mountain-ridges.svg') center bottom/100% 100% no-repeat;opacity:.8;z-index:0}
.xc-defense-hero-inner{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:minmax(380px,560px) minmax(520px,1fr) 150px;gap:48px;align-items:center}.xc-hero-eyebrow{color:var(--xc-blue2);font-size:.82rem;letter-spacing:.26em;text-transform:uppercase;font-weight:800;margin-bottom:18px}.xc-hero-title{margin:0 0 16px!important;color:#fff!important;font-size:clamp(3.7rem,6vw,6.9rem)!important;line-height:.86!important;font-weight:900!important;letter-spacing:-.055em!important;text-transform:uppercase;text-shadow:0 0 28px rgba(35,139,255,.16)}.xc-blue{color:var(--xc-blue)!important}.xc-hero-tagline{margin:0 0 24px;color:#a8d6ff;font-size:1.35rem;line-height:1.35;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.xc-hero-desc{max-width:540px;color:var(--xc-soft);font-size:1.03rem;line-height:1.82;margin-bottom:28px}.xc-compliance-row{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 34px}.xc-compliance-badge{display:flex;gap:10px;align-items:center}.xc-compliance-badge svg{width:28px;height:28px;fill:none;stroke:var(--xc-blue2);stroke-width:1.7}.xc-compliance-badge-name{display:block;color:#fff;font-weight:900;font-size:.98rem}.xc-compliance-badge-sub{display:block;color:rgba(230,242,255,.6);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.xc-hero-cta-row{display:flex;gap:16px;flex-wrap:wrap}.xc-hero-cta{display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:15px 24px;border:1px solid rgba(74,158,255,.4);border-radius:4px;font-size:.82rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;transition:.2s}.xc-hero-cta-primary{background:linear-gradient(180deg,#4aa3ff,#126bd0);color:#fff!important;box-shadow:0 15px 35px rgba(20,111,219,.26)}.xc-hero-cta-ghost{color:#e9f4ff!important;background:rgba(255,255,255,.025)}.xc-hero-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(74,158,255,.24)}.xc-hero-product{min-height:440px;display:flex;align-items:center;justify-content:center;position:relative}.xc-hero-product:before{content:"";position:absolute;width:78%;height:22%;bottom:46px;background:radial-gradient(ellipse,rgba(0,0,0,.8),transparent 70%);filter:blur(14px)}.xc-hero-product img{position:relative;width:min(720px,100%);max-height:470px;object-fit:contain;filter:drop-shadow(0 42px 55px rgba(0,0,0,.75)) drop-shadow(0 0 35px rgba(34,137,255,.22))!important;transform:perspective(900px) rotateX(1deg)}.xc-hero-features{display:flex!important;flex-direction:column;gap:26px;align-self:center}.xc-hero-feature{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}.xc-hero-feature-icon{width:42px;height:42px;border:1px solid rgba(74,158,255,.4);display:grid;place-items:center;background:rgba(20,96,180,.08)}.xc-hero-feature-icon svg{width:24px;height:24px;fill:none;stroke:var(--xc-blue2);stroke-width:1.6}.xc-hero-feature-label{font-size:.78rem;color:#d8ebff;text-transform:uppercase;line-height:1.25;font-weight:800;letter-spacing:.05em}
/* homepage content */
.xc-showcase{position:relative;max-width:1500px;margin:-66px auto 0!important;padding:0 48px 42px!important;display:grid;grid-template-columns:1fr 1.05fr 1.34fr;gap:0;z-index:4}.xc-showcase-block{background:linear-gradient(180deg,rgba(7,20,35,.83),rgba(4,12,22,.78));border:1px solid rgba(74,158,255,.18);padding:32px!important;min-height:300px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.xc-showcase-block+.xc-showcase-block{border-left:0}.xc-block-title{margin:0 0 26px!important;color:#51a8ff!important;font-size:.9rem!important;letter-spacing:.12em;text-transform:uppercase}.xc-feature-list{display:grid;gap:20px}.xc-feature-item{display:grid;grid-template-columns:44px 1fr;gap:16px}.xc-feature-item-icon{width:36px;height:36px;border:1px solid rgba(74,158,255,.35);display:grid;place-items:center}.xc-feature-item-icon svg{width:22px;height:22px;fill:none;stroke:var(--xc-blue2);stroke-width:1.6}.xc-feature-item-title{margin:0 0 5px!important;color:#e9f4ff!important;font-size:.92rem!important;text-transform:uppercase}.xc-feature-item-desc{margin:0!important;color:rgba(229,240,255,.64)!important;font-size:.82rem;line-height:1.65}.xc-platforms{display:flex;justify-content:space-between;gap:12px;margin:4px 0 32px}.xc-platform-icon svg{width:46px;height:34px;fill:none;stroke:rgba(225,240,255,.78);stroke-width:1.5}.xc-platform-label{text-align:center;color:rgba(229,240,255,.75);font-size:.78rem;font-weight:800}.xc-ecosystem{border-top:1px solid rgba(74,158,255,.15);padding-top:24px}.xc-ecosystem-eyebrow{color:var(--xc-blue2);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.xc-ecosystem h4{font-size:1.35rem!important;margin:8px 0!important;color:#fff!important}.xc-ecosystem p{color:var(--xc-soft);line-height:1.7}.xc-ecosystem-link{display:inline-block;border:1px solid rgba(74,158,255,.34);padding:8px 14px;border-radius:3px;text-decoration:none!important;font-weight:800}.xc-sysdiag{display:grid;grid-template-columns:130px 1fr 130px;gap:22px;align-items:center}.xc-sysdiag-col-label{color:var(--xc-blue2);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.xc-sysdiag-node{border:1px solid rgba(74,158,255,.18);background:rgba(74,158,255,.06);padding:9px 10px;margin:8px 0;text-align:center;color:var(--xc-soft);font-size:.8rem}.xc-sysdiag-center{border:1px solid rgba(74,158,255,.45);background:rgba(5,18,33,.88);padding:20px;text-align:center;border-radius:4px;box-shadow:inset 0 0 36px rgba(34,137,255,.08)}.xc-sysdiag-center-title{font-size:1.2rem;color:#fff;font-weight:900}.xc-sysdiag-center-sub{font-size:.72rem;color:var(--xc-muted);text-transform:uppercase;letter-spacing:.1em;margin:4px 0 16px}.xc-sysdiag-center-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.xc-sysdiag-pill{background:rgba(74,158,255,.08);border:1px solid rgba(74,158,255,.15);padding:10px 6px;color:#dbeeff;font-weight:800;font-size:.78rem}.xc-sysdiag-pill-sub{font-weight:500;color:var(--xc-muted);font-size:.68rem;margin-top:2px}.xc-trust-row{max-width:1500px;margin:0 auto 42px!important;padding:34px 48px 0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;border-top:1px solid rgba(74,158,255,.18)}.xc-trust-icon svg{width:32px;height:32px;fill:none;stroke:var(--xc-blue2);stroke-width:1.6}.xc-trust-title{font-weight:900;color:#fff;margin:10px 0 6px}.xc-trust-desc{color:var(--xc-muted);line-height:1.65;font-size:.88rem;margin:0}
/* product page */
.xc-prod-hero{position:relative;margin:0 calc(50% - 50vw) 44px!important;padding:110px calc(50vw - 720px) 58px!important;display:grid!important;grid-template-columns:minmax(420px,580px) minmax(460px,1fr);gap:54px;align-items:center;border-bottom:1px solid rgba(74,158,255,.16);background:linear-gradient(90deg,rgba(2,8,18,.98),rgba(2,8,18,.75),rgba(2,8,18,.92)),url('../assets/space-bg.png') center/cover no-repeat;overflow:hidden}.xc-prod-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,158,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(74,158,255,.10) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 72%)}.xc-prod-hero:after{content:"";position:absolute;right:8%;top:95px;width:470px;height:140px;background:url('../assets/drone-silhouette.svg') center/contain no-repeat;opacity:.18}.xc-prod-hero>*{position:relative;z-index:1}.xc-prod-eyebrow{display:inline-block;border:1px solid rgba(74,158,255,.38);padding:5px 10px;color:var(--xc-blue2);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;margin-bottom:18px}.xc-prod-title{font-size:clamp(3.4rem,5.5vw,6.4rem)!important;line-height:.9!important;margin:0 0 10px!important;color:#fff!important;text-transform:uppercase;font-weight:950;letter-spacing:-.055em}.xc-prod-subtitle{font-size:1.35rem;color:var(--xc-blue2);font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}.xc-prod-desc{font-size:1rem;line-height:1.85;color:var(--xc-soft);max-width:620px}.xc-prod-pills{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.xc-prod-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(74,158,255,.06);border:1px solid rgba(74,158,255,.22);color:#eaf5ff;border-radius:4px;padding:10px 12px;font-weight:800;font-size:.82rem}.xc-prod-pill svg{width:18px;height:18px;fill:none;stroke:var(--xc-blue2);stroke-width:1.7}.xc-prod-cta-row{display:flex;gap:14px;flex-wrap:wrap}.xc-prod-cta{display:inline-flex;padding:13px 20px;border:1px solid rgba(74,158,255,.42);border-radius:4px;text-decoration:none!important;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.xc-prod-cta-primary{background:linear-gradient(180deg,#4aa3ff,#126bd0);color:#fff!important}.xc-prod-cta-ghost{background:rgba(255,255,255,.025);color:#e9f4ff!important}.xc-prod-photo{text-align:center}.xc-prod-photo img{width:min(680px,100%);filter:drop-shadow(0 45px 65px rgba(0,0,0,.78)) drop-shadow(0 0 38px rgba(35,139,255,.2))}.xc-prod-section{max-width:1420px;margin:34px auto!important;padding:0 48px}.xc-prod-section-title{color:#fff!important;font-size:1.75rem!important;margin:0 0 22px!important;letter-spacing:-.02em}.xc-key-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.xc-key-feature{background:linear-gradient(180deg,rgba(7,20,35,.85),rgba(4,12,22,.78));border:1px solid rgba(74,158,255,.2);padding:26px;border-radius:6px}.xc-key-feature-icon{width:46px;height:46px;border:1px solid rgba(74,158,255,.35);display:grid;place-items:center;margin-bottom:18px}.xc-key-feature-icon svg{width:26px;height:26px;fill:none;stroke:var(--xc-blue2);stroke-width:1.6}.xc-key-feature h4{margin:0 0 10px!important;color:#fff!important}.xc-key-feature p{margin:0!important;color:var(--xc-soft);line-height:1.7;font-size:.9rem}.xc-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.xc-spec-row{display:grid;grid-template-columns:150px 1fr;gap:18px;border:1px solid rgba(74,158,255,.16);background:rgba(6,18,32,.62);padding:16px 18px}.xc-spec-key{color:var(--xc-blue2);font-weight:900;text-transform:uppercase;font-size:.82rem}.xc-spec-val{color:var(--xc-soft)}.xc-docs-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.xc-doc-item{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;background:rgba(6,18,32,.68);border:1px solid rgba(74,158,255,.18);padding:18px;text-decoration:none!important;border-radius:4px}.xc-doc-icon svg{width:30px;height:30px;fill:none;stroke:var(--xc-blue2);stroke-width:1.5}.xc-doc-name{color:#fff;font-weight:900}.xc-doc-meta{color:var(--xc-muted);font-size:.56rem;margin-top:4px}
@media(max-width:1100px){.xc-defense-hero-inner,.xc-prod-hero{grid-template-columns:1fr!important}.xc-hero-features{flex-direction:row!important;flex-wrap:wrap}.xc-showcase,.xc-trust-row,.xc-key-features,.xc-spec-grid,.xc-docs-list{grid-template-columns:1fr!important}.xc-showcase-block+.xc-showcase-block{border-left:1px solid rgba(74,158,255,.18)}.xc-menu{display:none}.xc-defense-hero,.xc-prod-hero{padding-left:24px!important;padding-right:24px!important}.xc-defense-hero-inner,.xc-showcase,.xc-trust-row,.xc-prod-section{padding-left:24px!important;padding-right:24px!important}.xc-sysdiag{grid-template-columns:1fr}.xc-hero-title,.xc-prod-title{font-size:3.2rem!important}}

/* =========================================================
   Typography balance patch — 2026-05-12
   Reduces oversized hero / section headings and improves readability.
   ========================================================= */
.xc-hero-title{
  font-size:clamp(3.15rem,4.45vw,5.45rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  max-width:720px!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.xc-defense-hero-inner{
  grid-template-columns:minmax(480px,680px) minmax(440px,1fr) 180px!important;
  gap:42px!important;
}
.xc-hero-tagline{
  font-size:1.18rem!important;
  line-height:1.42!important;
  letter-spacing:.03em!important;
}
.xc-hero-desc{
  font-size:.98rem!important;
  line-height:1.75!important;
}
.xc-hero-feature-label{
  font-size:.72rem!important;
  line-height:1.22!important;
  letter-spacing:.035em!important;
}

.xc-prod-title{
  font-size:clamp(3.05rem,4.25vw,5.15rem)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  max-width:700px!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.xc-prod-subtitle{
  font-size:1.16rem!important;
  line-height:1.38!important;
  letter-spacing:.11em!important;
}
.xc-prod-desc{
  font-size:.96rem!important;
  line-height:1.72!important;
}

.xc-prod-section-title{
  font-size:1.45rem!important;
  line-height:1.25!important;
  letter-spacing:.02em!important;
  margin-bottom:18px!important;
  text-transform:uppercase!important;
}
.xc-prod-section-title:after{
  width:54px!important;
  margin-top:12px!important;
}

.xc-key-features{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.xc-key-feature{
  padding:24px!important;
  min-height:210px!important;
}
.xc-key-feature h4{
  font-size:1.02rem!important;
  line-height:1.28!important;
  letter-spacing:.03em!important;
  text-transform:none!important;
}
.xc-key-feature p{
  font-size:.88rem!important;
  line-height:1.62!important;
}
.xc-spec-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.xc-spec-row{
  grid-template-columns:128px 1fr!important;
  padding:14px 16px!important;
}
.xc-spec-key{
  font-size:.5rem!important;
  line-height:1.35!important;
  letter-spacing:.13em!important;
  word-break:normal!important;
}
.xc-spec-val{
  font-size:.6rem!important;
  line-height:1.55!important;
}

.md-typeset h1:not(.xc-hero-title):not(.xc-prod-title){
  font-size:2rem!important;
  line-height:1.22!important;
}
.md-typeset h2:not(.xc-prod-section-title){
  font-size:1.55rem!important;
  line-height:1.28!important;
}
.md-typeset h3{
  font-size:1.18rem!important;
  line-height:1.32!important;
}

@media(max-width:1280px){
  .xc-defense-hero-inner{
    grid-template-columns:minmax(420px,620px) minmax(360px,1fr) 150px!important;
    gap:30px!important;
  }
  .xc-hero-title{font-size:clamp(2.9rem,4.2vw,4.65rem)!important;}
  .xc-prod-title{font-size:clamp(2.85rem,4.1vw,4.8rem)!important;}
}
@media(max-width:1100px){
  .xc-defense-hero-inner,.xc-prod-hero{grid-template-columns:1fr!important;}
  .xc-hero-title,.xc-prod-title{font-size:3.05rem!important;line-height:1.05!important;}
  .xc-key-features,.xc-spec-grid{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .xc-hero-title,.xc-prod-title{font-size:2.35rem!important;letter-spacing:-.025em!important;}
  .xc-hero-tagline,.xc-prod-subtitle{font-size:.98rem!important;}
  .xc-spec-row{grid-template-columns:1fr!important;gap:6px!important;}
}

/* =========================================================
   2026-05-12 FINAL: Desert UAV / Defense Aerospace redesign
   This overrides the previous space-theme hero with a cinematic UAV mission environment.
   ========================================================= */

:root{
  --xc-bg:#02070e;
  --xc-panel:#06111f;
  --xc-line:rgba(112,155,190,.22);
  --xc-blue:#2d95ff;
  --xc-blue2:#68b8ff;
  --xc-sand:#c0b59a;
  --xc-text:#eef5f8;
  --xc-soft:rgba(229,239,246,.76);
}

.md-content:has(.xc-defense-hero),
.md-content:has(.xc-prod-hero){max-width:none!important;}
.md-content:has(.xc-defense-hero) .md-content__inner,
.md-content:has(.xc-prod-hero) .md-content__inner{max-width:none!important;margin:0!important;padding:0!important;}

.xc-defense-hero{
  position:relative!important;
  min-height:860px!important;
  margin:0 calc(50% - 50vw)!important;
  padding:108px calc(50vw - 760px) 56px!important;
  background:
    linear-gradient(90deg, rgba(2,7,12,.96) 0%, rgba(2,7,12,.86) 34%, rgba(2,7,12,.35) 60%, rgba(2,7,12,.82) 100%),
    linear-gradient(180deg, rgba(2,7,12,.18) 0%, rgba(2,7,12,.68) 74%, #02070e 100%),
    url('../assets/desert-uav-hero.png') center top/cover no-repeat!important;
  border-bottom:1px solid rgba(104,184,255,.18)!important;
  overflow:hidden!important;
}
.xc-defense-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 72% 38%, rgba(104,184,255,.12), transparent 30%),
    linear-gradient(rgba(104,184,255,.055) 1px, transparent 1px),
    linear-gradient(90deg,rgba(104,184,255,.045) 1px, transparent 1px)!important;
  background-size:auto, 90px 90px, 90px 90px!important;
  opacity:.72!important;
  z-index:0!important;
  pointer-events:none!important;
}
.xc-defense-hero::after{
  content:"ALT 1523 FT\A SPD 82 KTS\A RNG 6.3 NM"!important;
  white-space:pre!important;
  position:absolute!important;
  right:8vw!important;
  top:165px!important;
  width:280px!important;
  height:220px!important;
  color:rgba(221,232,225,.42)!important;
  font:700 13px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace!important;
  letter-spacing:.08em!important;
  background:
    linear-gradient(rgba(221,232,225,.18),rgba(221,232,225,.18)) 50% 0/1px 100% no-repeat,
    linear-gradient(90deg,rgba(221,232,225,.18),rgba(221,232,225,.18)) 0 50%/100% 1px no-repeat,
    radial-gradient(circle at 50% 50%, transparent 0 38px, rgba(221,232,225,.18) 39px 40px, transparent 41px),
    radial-gradient(circle at 50% 50%, transparent 0 74px, rgba(221,232,225,.12) 75px 76px, transparent 77px)!important;
  padding:22px 0 0 135px!important;
  z-index:1!important;
  pointer-events:none!important;
}
.xc-defense-hero-inner{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(440px,590px) minmax(600px,1fr) 160px!important;
  gap:42px!important;
  align-items:center!important;
  max-width:1520px!important;
  margin:0 auto!important;
  padding:0 42px!important;
}
.xc-hero-eyebrow{
  color:var(--xc-blue2)!important;
  font-size:.78rem!important;
  letter-spacing:.32em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  margin-bottom:20px!important;
}
.xc-hero-title{
  margin:0 0 18px!important;
  color:#f5f5ed!important;
  font-size:clamp(4.2rem,5.5vw,6.3rem)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  text-shadow:0 0 32px rgba(255,255,255,.08)!important;
}
.xc-hero-title .xc-blue{display:inline!important;color:var(--xc-blue)!important;}
.xc-hero-tagline{
  margin:0 0 24px!important;
  color:#d8d3c4!important;
  font-size:1.22rem!important;
  line-height:1.38!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  max-width:560px!important;
}
.xc-hero-desc{
  max-width:555px!important;
  color:rgba(236,241,237,.78)!important;
  font-size:0.98rem!important;
  line-height:1!important;
  margin-bottom:30px!important;
}
.xc-compliance-row{gap:22px!important;margin-bottom:32px!important;}
.xc-compliance-badge svg{stroke:var(--xc-blue2)!important;}
.xc-hero-cta{border-radius:3px!important;min-width:210px!important;letter-spacing:.1em!important;}
.xc-hero-cta-primary{background:linear-gradient(180deg,#3f98f0,#1768c8)!important;}
.xc-hero-cta-ghost{background:rgba(2,7,12,.46)!important;border-color:rgba(216,211,196,.32)!important;}
.xc-hero-product{min-height:490px!important;}
.xc-hero-product img{
  width:min(690px,100%)!important;
  filter:drop-shadow(0 55px 50px rgba(0,0,0,.82)) drop-shadow(0 0 36px rgba(45,149,255,.35))!important;
  transform:perspective(1000px) rotateY(-6deg) rotateX(1deg)!important;
}
.xc-hero-features{
  background:linear-gradient(180deg,rgba(5,15,24,.46),rgba(5,15,24,.14))!important;
  border-left:1px solid rgba(216,211,196,.2)!important;
  padding:14px 0 14px 22px!important;
  gap:22px!important;
}
.xc-hero-feature-label{color:#f1eee4!important;font-size:.76rem!important;}
.xc-hero-feature-icon{border-color:rgba(104,184,255,.36)!important;background:rgba(6,21,34,.54)!important;}

/* Home cards: move up slightly but keep readable */
.xc-showcase{margin-top:-70px!important;position:relative!important;z-index:5!important;}
.xc-showcase-block{background:rgba(4,13,22,.84)!important;backdrop-filter:blur(12px)!important;border-color:rgba(104,184,255,.18)!important;}
.xc-showcase-title{font-size:1.18rem!important;letter-spacing:.04em!important;color:var(--xc-blue2)!important;}
.xc-sysdiag,.xc-sysdiag-core,.xc-sysdiag-node{background:rgba(3,11,20,.55)!important;}

/* Product page: same mission atmosphere, more technical and less oversized */
.xc-prod-hero{
  min-height:710px!important;
  margin:0 calc(50% - 50vw) 48px!important;
  padding:108px calc(50vw - 760px) 62px!important;
  background:
    linear-gradient(90deg, rgba(2,7,12,.98) 0%, rgba(2,7,12,.82) 42%, rgba(2,7,12,.45) 69%, rgba(2,7,12,.92) 100%),
    linear-gradient(180deg,rgba(2,7,12,.2),#02070e 100%),
    url('../assets/desert-uav-hero.png') center top/cover no-repeat!important;
  border-bottom:1px solid rgba(104,184,255,.18)!important;
}
.xc-prod-hero::before{
  background-image:linear-gradient(rgba(104,184,255,.08) 1px, transparent 1px),linear-gradient(90deg,rgba(104,184,255,.08) 1px, transparent 1px)!important;
  background-size:80px 80px!important;
}
.xc-prod-hero::after{display:none!important;}
.xc-prod-title{
  font-size:clamp(3.25rem,4.5vw,5.25rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
}
.xc-prod-subtitle{font-size:1.25rem!important;letter-spacing:.16em!important;}
.xc-prod-desc{font-size:1.02rem!important;line-height:1.78!important;color:rgba(236,241,237,.78)!important;}
.xc-prod-photo img{width:min(620px,100%)!important;filter:drop-shadow(0 52px 58px rgba(0,0,0,.84)) drop-shadow(0 0 36px rgba(45,149,255,.35))!important;}
.xc-prod-section-title,
.md-typeset h2{
  font-size:1.75rem!important;
  line-height:1.22!important;
  letter-spacing:.02em!important;
  font-weight:760!important;
  color:#f5f5ed!important;
  text-transform:uppercase!important;
}
.xc-key-features{grid-template-columns:repeat(2,minmax(280px,1fr))!important;gap:20px!important;}
.xc-key-feature{min-height:220px!important;padding:24px 26px!important;background:rgba(5,16,27,.72)!important;}
.xc-key-feature h4{font-size:1.02rem!important;line-height:1.35!important;letter-spacing:.02em!important;text-transform:none!important;}
.xc-key-feature p{font-size:.65rem!important;line-height:1.68!important;}
.xc-spec-grid{gap:14px!important;}
.xc-spec-row{grid-template-columns:145px 1fr!important;padding:18px!important;background:rgba(5,16,27,.72)!important;}
.xc-spec-key{font-size:.5rem!important;letter-spacing:.12em!important;word-break:normal!important;overflow-wrap:normal!important;}
.xc-spec-val{font-size:.65rem!important;line-height:1.65!important;}

/* About page: professional aerospace corporate style */
.xc-about-hero{
  position:relative;
  margin:0 calc(50% - 50vw) 52px!important;
  padding:130px calc(50vw - 720px) 92px!important;
  background:
    linear-gradient(90deg, rgba(2,7,12,.96), rgba(2,7,12,.78), rgba(2,7,12,.88)),
    url('../assets/desert-uav-hero.png') center top/cover no-repeat!important;
  border-bottom:1px solid rgba(104,184,255,.18);
  overflow:hidden;
}
.xc-about-hero:after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(104,184,255,.07) 1px, transparent 1px),linear-gradient(90deg,rgba(104,184,255,.06) 1px, transparent 1px);
  background-size:90px 90px;opacity:.55;pointer-events:none;
}
.xc-about-hero-inner{position:relative;z-index:2;max-width:850px;padding:0 36px;}
.xc-about-eyebrow{color:var(--xc-blue2);font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;font-weight:900;margin-bottom:20px;}
.xc-about-title{font-size:clamp(2.9rem,5vw,5.3rem)!important;line-height:1.02!important;letter-spacing:-.035em!important;color:#f5f5ed!important;margin:0 0 20px!important;text-transform:uppercase;font-weight:900!important;}
.xc-about-lead{font-size:1.22rem;line-height:1.75;color:rgba(236,241,237,.82);max-width:790px;}
.xc-mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0;}
.xc-mission-card{background:rgba(5,16,27,.78);border:1px solid rgba(104,184,255,.18);padding:26px;border-radius:8px;}
.xc-mission-card h3{margin:0 0 12px!important;color:#f5f5ed!important;font-size:1.02rem!important;text-transform:uppercase;letter-spacing:.08em;}
.xc-mission-card p{margin:0;color:rgba(236,241,237,.76);line-height:1.7;}
.xc-capability-table table{font-size:.94rem!important;}
.xc-capability-table th{color:var(--xc-blue2)!important;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem!important;}
.xc-capability-table td{line-height:1.65!important;}
@media(max-width:1100px){
  .xc-defense-hero-inner{grid-template-columns:1fr!important;}
  .xc-defense-hero{min-height:auto!important;padding-top:96px!important;}
  .xc-showcase{margin-top:0!important;}
  .xc-hero-features{flex-direction:row!important;flex-wrap:wrap!important;border-left:0!important;border-top:1px solid rgba(216,211,196,.2)!important;padding:20px 0 0!important;}
  .xc-key-features,.xc-mission-grid{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .xc-hero-title{font-size:3.05rem!important;}
  .xc-prod-title{font-size:2.65rem!important;}
  .xc-about-title{font-size:2.55rem!important;}
  .xc-defense-hero,.xc-prod-hero,.xc-about-hero{padding-left:20px!important;padding-right:20px!important;}
}

/* =========================================================
   2026-05-12 VERIFIED FIX: use clean desert UAV image directly
   The image is placed at docs/assets/desert-uav-clean-hero.png.
   This rule targets the actual MkDocs custom classes used on the site.
   ========================================================= */

.xc-defense-hero{
  background:
    linear-gradient(90deg, rgba(2,7,12,.94) 0%, rgba(2,7,12,.82) 34%, rgba(2,7,12,.30) 60%, rgba(2,7,12,.78) 100%),
    linear-gradient(180deg, rgba(2,7,12,.10) 0%, rgba(2,7,12,.55) 68%, #02070e 100%),
    url('../assets/desert-uav-clean-hero.png') center top/cover no-repeat !important;
}

.xc-prod-hero{
  background:
    linear-gradient(90deg, rgba(2,7,12,.96) 0%, rgba(2,7,12,.78) 42%, rgba(2,7,12,.92) 100%),
    linear-gradient(180deg, rgba(2,7,12,.16) 0%, rgba(2,7,12,.70) 78%, #02070e 100%),
    url('../assets/desert-uav-clean-hero.png') center top/cover no-repeat !important;
}

/* remove old extra drone silhouette and mountain SVG layers that caused overlap */
.xc-defense-hero:before{
  background:
    radial-gradient(circle at 72% 38%, rgba(104,184,255,.12), transparent 30%),
    linear-gradient(rgba(104,184,255,.045) 1px, transparent 1px),
    linear-gradient(90deg,rgba(104,184,255,.04) 1px, transparent 1px) !important;
  background-size:auto, 90px 90px, 90px 90px !important;
}

.xc-prod-hero:after{
  display:none !important;
}

/* keep product as foreground and avoid overlapping the background UAV */
.xc-hero-product img{
  transform:perspective(900px) rotateX(1deg) translateY(34px) scale(1.02) !important;
  filter:drop-shadow(0 42px 58px rgba(0,0,0,.80)) drop-shadow(0 0 36px rgba(34,137,255,.24)) !important;
}


/* ===== FINAL FIX: use one real hero background and move it upward ===== */
.xc-defense-hero{
  background:
    linear-gradient(90deg,
      rgba(2,8,18,.98) 0%,
      rgba(2,8,18,.88) 35%,
      rgba(2,8,18,.45) 62%,
      rgba(2,8,18,.88) 100%),
    linear-gradient(180deg,
      rgba(2,8,18,.28) 0%,
      rgba(2,8,18,.52) 52%,
      rgba(2,8,18,.96) 100%),
    url('../assets/desert-uav-clean-hero.png') center -230px / cover no-repeat !important;
}

/* Remove old drone/mountain pseudo-background layers that created the weird horizontal band */
.xc-defense-hero::before,
.xc-defense-hero::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Keep content above background */
.xc-defense-hero-inner{
  position:relative;
  z-index:2;
}

/* Product remains main foreground object */
.xc-hero-product img,
.xc-hero-product .xc-product-img,
.xc-defense-hero img{
  position:relative;
  z-index:3;
}



/* ===== SparkNavi Blue product page cinematic background ===== */

.xc-prod-hero,
.xc-product-hero,
.md-content:has(.xc-prod-hero) .xc-prod-hero,
.md-content:has(.xc-product-hero) .xc-product-hero {
  position: relative !important;
  background:
    linear-gradient(90deg,
      rgba(2,8,18,.96) 0%,
      rgba(2,8,18,.82) 38%,
      rgba(2,8,18,.40) 68%,
      rgba(2,8,18,.88) 100%),
    linear-gradient(180deg,
      rgba(2,8,18,.20) 0%,
      rgba(2,8,18,.50) 55%,
      rgba(2,8,18,.96) 100%),
    url('../assets/product-blue-uav-mountain-bg.png') center center / cover no-repeat !important;
  overflow: hidden !important;
}

.xc-prod-hero::before,
.xc-product-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 38%, rgba(70,140,255,.15), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.35));
  pointer-events: none;
  z-index: 0;
}

.xc-prod-hero::after,
.xc-product-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(80,150,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80,150,255,.06) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: .28;
  pointer-events: none;
  z-index: 1;
}

.xc-prod-hero > *,
.xc-product-hero > * {
  position: relative;
  z-index: 2;
}