/* V10 AI visual layer — 2026-07-31. Loaded only by versioned V10 pages. */
:root{
  --v10-navy:#08111f;
  --v10-blue:#4c8dff;
  --v10-amber:#f5a33d;
}
body.v4.store header#top{background:#737a84!important}
/* Content must never disappear if an intersection observer or local file event is delayed. */
body.v4 .rv{opacity:1!important;transform:none!important}

.v10-lineup-hero,
.v10-materials-hero,
.v10-tech-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:var(--v10-navy)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
.v10-lineup-hero{
  min-height:clamp(560px,calc(100svh - 108px),820px);
  background-image:
    linear-gradient(90deg,rgba(4,10,20,.97) 0%,rgba(4,10,20,.84) 36%,rgba(4,10,20,.26) 68%,rgba(4,10,20,.12) 100%),
    image-set(url("/assets/v10-ai/lineup-hero-desktop.avif") type("image/avif"),url("/assets/v46/media/lineup-hero-desktop-4f67b88e.webp") type("image/webp"))!important;
}
.v10-materials-hero{
  background-image:
    linear-gradient(90deg,rgba(4,10,20,.96) 0%,rgba(4,10,20,.78) 38%,rgba(4,10,20,.2) 72%,rgba(4,10,20,.08) 100%),
    image-set(url("/assets/v10-ai/materials-hero-desktop.avif") type("image/avif"),url("/assets/v46/media/materials-hero-desktop-1c5be398.webp") type("image/webp"))!important;
}
.v10-tech-hero{
  background-image:
    linear-gradient(90deg,rgba(4,10,20,.97) 0%,rgba(4,10,20,.82) 38%,rgba(4,10,20,.2) 72%,rgba(4,10,20,.08) 100%),
    image-set(url("/assets/v10-ai/technology-hero-desktop.avif") type("image/avif"),url("/assets/v46/media/technology-hero-desktop-6ff742f7.webp") type("image/webp"))!important;
}
.v10-lineup-hero .wrap,
.v10-materials-hero .wrap,
.v10-tech-hero .wrap{position:relative;z-index:2}
.v10-lineup-hero .wrap{display:flex;align-items:center;min-height:inherit}
.v10-lineup-hero .v10-hero-copy{max-width:690px}
.v10-lineup-hero h1,
.v10-materials-hero h1,
.v10-tech-hero h1{max-width:760px;text-wrap:balance}
.v10-lineup-hero p{max-width:620px;margin:20px 0 30px;color:#bcc8d9;font-size:clamp(16px,1.4vw,21px);line-height:1.7}
.v10-lineup-hero .btn{display:inline-flex}

.v10-scene,
.v10-cardpic{
  display:block;
  overflow:hidden;
  background:#0c1727;
}
.v10-scene{aspect-ratio:16/11;border-radius:18px}
.v10-cardpic{aspect-ratio:16/10}
.v10-scene img,
.v10-cardpic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.v10-product-gallery img{
  width:100%;
  height:100%;
  aspect-ratio:4/3;
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(145deg,#eef2f6,#d9e0e8)!important;
}
.v10-product-gallery figure{display:grid;grid-template-rows:auto minmax(42px,auto)}
.buywrap .pdmain img{object-fit:contain!important;object-position:center!important;background:#e7edf2}
.buywrap .pdthumb img{object-fit:contain!important;object-position:center!important;background:#e7edf2}
.v10-product-proof{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(145deg,#eef2f6,#d9e0e8)!important;
}
.v10-proof-image{object-fit:contain!important;object-position:center!important;background:#e7edf2}
.v10-material-macro{display:block;overflow:hidden;margin-top:18px;border-radius:16px;background:#08111f}
.v10-material-macro img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.v10-disclosure{margin:10px 0 0;color:#7a8799;font-size:12px;line-height:1.6;text-align:left}
.familygrid a,
.familygrid a *{text-decoration:none!important}
.familygrid img{
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(145deg,#f3f5f7,#e5e9ee);
}

/* V11 campaign and evidence visuals */
.v11-scenarios-hero{
  background-color:#06101e!important;
  background-image:
    linear-gradient(90deg,rgba(3,9,18,.98) 0%,rgba(3,9,18,.86) 38%,rgba(3,9,18,.24) 67%,rgba(3,9,18,.08) 100%),
    image-set(url("/assets/v11-ai/scenarios-hero-desktop.avif") type("image/avif"),url("/assets/v46/media/scenarios-hero-desktop-8a6c1804.webp") type("image/webp"))!important;
  background-size:cover!important;
  background-position:center!important;
}
.v11-patent-card{
  overflow:hidden;
  border:1px solid rgba(127,176,255,.28)!important;
  border-radius:20px!important;
  background:#07111f!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
}
.v11-patent-card img{
  display:block;
  width:100%;
  aspect-ratio:12/7.6;
  object-fit:cover;
  background:#07111f;
}
.v11-patent-card figcaption{
  min-height:58px;
  padding:16px 18px!important;
  color:#b8c8de!important;
  background:#0a1728!important;
  font-size:14px!important;
  font-weight:700;
  letter-spacing:.01em;
}
.v11-crowd-teaser{
  position:relative;
  isolation:isolate;
  min-height:clamp(560px,70vw,760px);
  background:
    linear-gradient(90deg,rgba(3,9,18,.98) 0%,rgba(3,9,18,.86) 41%,rgba(3,9,18,.28) 67%,rgba(3,9,18,.04) 100%),
    image-set(url("/assets/v11-ai/crowdfunding-hero-desktop.avif") type("image/avif"),url("/assets/v46/media/crowdfunding-hero-desktop-a76960f9.webp") type("image/webp")) center/cover no-repeat!important;
}
.v11-crowd-teaser>.wrap{
  min-height:inherit;
  display:flex!important;
  align-items:center;
  grid-template-columns:none!important;
}
.v11-crowd-teaser>.wrap>div{max-width:690px;position:relative;z-index:2}
.v11-crowd-teaser h2{font-size:clamp(46px,5.3vw,78px)!important;line-height:1.02}
.v11-crowd-teaser p{max-width:660px}
.mgrid>img,
.v11-material-duo{
  width:100%;
  min-height:360px;
  border-radius:18px;
  overflow:hidden;
  background:#0b1524;
}
.mgrid>img{height:100%;object-fit:cover;object-position:center}
.v11-material-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
}
.v11-material-duo img{width:100%;height:100%;object-fit:cover;min-width:0}
.apps .appcard img,
.samplewall img{object-position:center!important}

@media(max-width:760px){
  body.v4.store header#top{position:sticky!important;top:0!important;transform:none!important;visibility:visible!important}
  body.v4.store .shopbar{top:64px;margin-top:0}
  /* V10 mobile hero system: one vertical composition, no text/stat overlap. */
  body.v4 .xhero{
    display:block;
    min-height:calc(100svh - 64px);
  }
  body.v4 .xhero .wrap{
    display:flex;
    min-height:calc(100svh - 64px);
    padding:92px 16px 92px;
    align-items:flex-start;
    justify-content:center;
  }
  body.v4 .xhero .hx{
    width:100%;
    max-width:100%;
    padding:0;
    align-items:flex-start;
    text-align:left;
    gap:10px;
  }
  body.v4 .xhero h1{font-size:clamp(34px,10vw,42px);line-height:1.03}
  body.v4 .xhero .lead{display:block;max-width:29em;font-size:14px;line-height:1.65}
  body.v4 .xhero .herofeats,
  body.v4 .xhero .cta{justify-content:flex-start}
  body.v4 .xhero .xstats{
    display:none!important;
  }
  .v10-lineup-hero,
  .v10-materials-hero,
  .v10-tech-hero{
    min-height:min(760px,calc(100svh - 72px));
    background-position:center bottom!important;
  }
  .v10-lineup-hero{
    background-image:
      linear-gradient(180deg,rgba(4,10,20,.96) 0%,rgba(4,10,20,.72) 33%,rgba(4,10,20,.14) 66%,rgba(4,10,20,.34) 100%),
      image-set(url("/assets/v10-ai/lineup-hero-mobile.avif") type("image/avif"),url("/assets/v46/media/lineup-hero-mobile-420bc0dd.webp") type("image/webp"))!important;
  }
  .v10-materials-hero{
    background-image:
      linear-gradient(180deg,rgba(4,10,20,.96) 0%,rgba(4,10,20,.7) 32%,rgba(4,10,20,.12) 66%,rgba(4,10,20,.34) 100%),
      image-set(url("/assets/v10-ai/materials-hero-mobile.avif") type("image/avif"),url("/assets/v46/media/materials-hero-mobile-b764ccb6.webp") type("image/webp"))!important;
  }
  .v10-tech-hero{
    background-image:
      linear-gradient(180deg,rgba(4,10,20,.96) 0%,rgba(4,10,20,.72) 34%,rgba(4,10,20,.12) 66%,rgba(4,10,20,.32) 100%),
      image-set(url("/assets/v10-ai/technology-hero-mobile.avif") type("image/avif"),url("/assets/v46/media/technology-hero-mobile-9db1f805.webp") type("image/webp"))!important;
  }
  .v10-lineup-hero .wrap{align-items:flex-start;padding:110px 16px 110px}
  .v10-lineup-hero h1{font-size:clamp(42px,11.5vw,56px);line-height:.98}
  .v10-lineup-hero p{font-size:16px;line-height:1.65;max-width:90%}
  .v10-lineup-hero .btn{margin-top:2px}
  .v10-scene{aspect-ratio:4/5}
  .v10-cardpic{aspect-ratio:4/5}
  .buywrap .pdmain{aspect-ratio:4/3}
  .v11-scenarios-hero{
    background-image:
      linear-gradient(180deg,rgba(3,9,18,.98) 0%,rgba(3,9,18,.78) 37%,rgba(3,9,18,.14) 68%,rgba(3,9,18,.36) 100%),
      image-set(url("/assets/v11-ai/scenarios-hero-mobile.avif") type("image/avif"),url("/assets/v46/media/scenarios-hero-mobile-f492c9a0.webp") type("image/webp"))!important;
    background-position:center bottom!important;
  }
  .v11-crowd-teaser{
    min-height:760px;
    background:
      linear-gradient(180deg,rgba(3,9,18,.98) 0%,rgba(3,9,18,.85) 37%,rgba(3,9,18,.18) 67%,rgba(3,9,18,.24) 100%),
      image-set(url("/assets/v11-ai/crowdfunding-hero-mobile.avif") type("image/avif"),url("/assets/v46/media/crowdfunding-hero-mobile-834148c8.webp") type("image/webp")) center bottom/cover no-repeat!important;
  }
  .v11-crowd-teaser>.wrap{align-items:flex-start!important;padding:84px 18px 360px!important}
  .v11-crowd-teaser h2{font-size:clamp(42px,12vw,56px)!important}
  .v11-crowd-teaser .kcta{display:grid;grid-template-columns:1fr;gap:10px}
  .v11-material-duo{grid-template-columns:1fr 1fr;min-height:280px}
  .mgrid>img{min-height:280px}
}