:root {
  --blue:#087cff;
  --navy:#07152f;
  --ink:#101b36;
  --muted:#7c879c;
  --line:#e7edf6
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:#f3f5f9;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink)
}

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

.page {
  max-width:1360px;
  margin:34px auto 45px;
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 20px 80px #1d3d6710
}

.hero {
  margin:0 0 0;
  background:radial-gradient(ellipse at 83% 64%,#0752be 0%,transparent 40%),radial-gradient(ellipse at 52% 0%,#063ba0 0%,transparent 43%),linear-gradient(125deg,#061128,#001943 65%,#061027);
  color:white;
  min-height:675px;
  padding:28px 38px 0;
  position:relative;
  overflow:hidden
}

.nav {
  height:77px;
  border-radius:19px;
  background:#fff;
  color:var(--ink);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 32px;
  position:relative;
  z-index:3
}

.brand {
  display:flex;
  align-items:center;
  gap:11px;
  font-weight:800;
  font-size:17px;
  letter-spacing:-.7px
}

.brand small {
  color:#168af6;
  font-weight:800
}

.mark {
  height:37px;
  width:37px;
  border:2px solid #0e93d7;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#0c79c7;
  font-weight:900;
  font-size:20px;
  letter-spacing:-4px;
  padding-right:4px
}

.navlinks {
  display:flex;
  gap:36px;
  align-items:center;
  font-size:12px;
  font-weight:600
}

.navlinks a:hover,.link:hover {
  color:#168cfb
}

.navlinks .out {
  color:#147df4;
  border-left:1px solid #d9dfeb;
  padding-left:32px
}

.hero-grid {
  display:grid;
  grid-template-columns:50% 50%;
  align-items:center;
  min-height:505px;
  position:relative
}

.eyebrow {
  font-size:11px;
  letter-spacing:1.7px;
  text-transform:uppercase;
  font-weight:700;
  color:#58b6fa
}

.hero :is(h1,.export-heading) {
  font-size:clamp(52px,6vw,88px);
  line-height:.98;
  letter-spacing:-5px;
  margin:18px 0 24px;
  font-weight:700
}

.accent {
  color:#149bff
}

.hero p {
  font-size:17px;
  color:#9ab4d7;
  line-height:1.65;
  max-width:380px
}

.btn {
  display:inline-flex;
  align-items:center;
  gap:20px;
  background:#097cf8;
  color:white;
  border-radius:28px;
  padding:17px 26px;
  font-size:12px;
  font-weight:800;
  margin-top:24px;
  box-shadow:0 12px 26px #0479f54a
}

.hero-art {
  position:absolute;
  right:-15%;
  top:0;
  width:72%;
  height:100%;
  display:grid;
  place-items:center
}

.hero-art svg {
  width:100%;
  filter:drop-shadow(0 24px 40px #00143b)
}

.hero-note {
  position:absolute;
  right:4%;
  top:62px;
  font-size:12px;
  letter-spacing:1px;
  line-height:1.8;
  border-left:1px solid #80b0eb;
  padding-left:17px
}

.hero-bottom {
  display:flex;
  gap:45px;
  position:relative;
  z-index:2;
  border-top:1px solid #ffffff25;
  padding:25px 0;
  font-size:11px;
  letter-spacing:1px;
  color:#aab8cf
}

.hero-bottom b {
  color:#fff;
  font-weight:500;
  margin-right:14px
}

.section {
  padding:72px 65px
}

.section-label {
  font-size:11px;
  letter-spacing:1.8px;
  color:#7f8da6;
  text-transform:uppercase;
  font-weight:700
}

.section-label:before {
  content:'-';
  margin-right:10px;
  color:#148af9
}

.section h2 {
  font-size:clamp(39px,4.3vw,65px);
  line-height:1.04;
  letter-spacing:-3px;
  margin:19px 0 30px
}

.section-head {
  display:flex;
  justify-content:space-between;
  gap:30px
}

.section-head p {
  max-width:315px;
  color:#8290a5;
  font-size:15px;
  line-height:1.65
}

.link {
  color:#067af6;
  font-weight:800;
  font-size:12px;
  letter-spacing:.5px;
  display:inline-block;
  margin-top:14px
}

.products {
  border-radius:30px 30px 0 0;
  margin-top:-25px;
  position:relative;
  background:white
}

.product-grid {
  display:grid;
  grid-template-columns:1.2fr .88fr;
  gap:18px
}

.product-feature {
  background:linear-gradient(130deg,#f9fcff 12%,#e6f5ff 62%,#a7ddff);
  border-radius:17px;
  min-height:390px;
  padding:32px;
  position:relative;
  overflow:hidden
}

.num {
  font-size:12px;
  color:#8a99ad
}

.product-feature h3 {
  font-size:35px;
  margin:16px 0 4px;
  letter-spacing:-1.5px
}

.tag {
  font-size:10px;
  letter-spacing:1.3px;
  color:#687a92;
  font-weight:700
}

.product-feature p {
  font-size:14px;
  max-width:230px;
  color:#718098;
  line-height:1.6
}

.product-feature .link {
  position:absolute;
  bottom:32px
}

.purple-object {
  position:absolute;
  width:270px;
  height:250px;
  right:-55px;
  bottom:-25px;
  border-radius:35% 45% 20% 25%;
  background:repeating-linear-gradient(135deg,#3d005f 0 19px,#8d00de 22px 38px,#c553ff 40px 45px);
  transform:rotate(-28deg);
  box-shadow:-28px 25px 35px #3b006c65, inset 16px 0 30px #1d003d
}

.product-list {
  display:grid;
  gap:14px
}

.mini-product {
  background:#f3f7fb;
  border-radius:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:25px 26px;
  overflow:hidden;
  position:relative
}

.mini-product h3 {
  font-size:23px;
  margin:5px 0
}

.mini-product .arrow {
  font-size:24px;
  background:white;
  border-radius:50%;
  width:39px;
  height:39px;
  text-align:center;
  line-height:36px;
  z-index:1
}

.mini-product:before {
  content:'';
  position:absolute;
  width:140px;
  height:140px;
  right:60px;
  border-radius:45%;
  background:linear-gradient(40deg,#ec10d5,#1db1ff);
  filter:blur(3px);
  transform:rotate(35deg);
  opacity:.7
}

.mini-product:nth-child(2):before {
  background:repeating-linear-gradient(40deg,#f24a31 0 9px,#ff9a7b 12px 18px);
  width:120px;
  height:85px;
  border-radius:20%
}

.mini-product:nth-child(3):before {
  background:linear-gradient(35deg,#087b59,#69dbb1);
  width:110px;
  height:110px
}

.partner-section {
  background:#fff;
  padding:25px 65px 65px
}

.pink-title {
  background:#ef34f4;
  color:white;
  text-align:center;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:2px;
  padding:22px;
  margin:0 -65px 35px
}

.logos {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:22px;
  align-items:center
}

.logo-tile {
  height:95px;
  border:1px solid #edf0f5;
  border-radius:13px;
  display:grid;
  place-items:center;
  padding:18px;
  background:#fff
}

.logo-tile img {
  max-width:100%;
  max-height:64px;
  object-fit:contain
}

.company {
  padding-top:50px
}

.company-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  align-items:center
}

.company-image {
  height:380px;
  border-radius:22px;
  background:#e8f1f7;
  overflow:hidden
}

.company-image img {
  width:100%;
  height:100%;
  object-fit:cover
}

.stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:40px;
  padding:30px 0;
  border-top:1px solid var(--line)
}

.stat strong {
  font-size:33px;
  color:#1687ef;
  display:block;
  letter-spacing:-1px
}

.stat span {
  font-size:12px;
  color:#8290a3
}

.labs {
  margin:15px 65px 0;
  background:radial-gradient(circle at 80% 45%,#00dba6,transparent 28%),radial-gradient(circle at 60% 50%,#5557ff,transparent 34%),linear-gradient(110deg,#040b22,#001348);
  min-height:245px;
  border-radius:19px;
  color:white;
  padding:40px;
  position:relative;
  overflow:hidden
}

.labs h2 {
  font-size:43px;
  line-height:1;
  letter-spacing:-2px;
  margin:13px 0
}

.labs:after {
  content:'';
  position:absolute;
  width:340px;
  height:340px;
  border-radius:50%;
  background:linear-gradient(130deg,#11f1cb,#8e80ff 45%,#0426b8);
  right:12%;
  top:-80px;
  filter:blur(8px);
  opacity:.85
}

.labs .labtext {
  position:relative;
  z-index:1
}

.news-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}

.news-card {
  border:1px solid #e8eef6;
  border-radius:14px;
  overflow:hidden
}

.news-visual {
  height:155px;
  background:linear-gradient(120deg,#04142d,#0864bb);
  display:grid;
  place-items:center;
  color:#a9d7ff;
  font-size:48px;
  font-weight:800
}

.news-card:nth-child(2) .news-visual {
  background:linear-gradient(125deg,#090e28,#763cdd)
}

.news-card:nth-child(3) .news-visual {
  background:linear-gradient(125deg,#172d43,#17b9b7)
}

.news-copy {
  padding:23px
}

.news-copy small {
  color:#8390a4;
  font-size:10px
}

.news-copy h3 {
  font-size:17px;
  line-height:1.35
}

.contact {
  border-top:1px solid #e9eef6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}

.contact h2 {
  margin-bottom:0
}

footer {
  border-top:1px solid #e9eef6;
  padding:28px 65px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  font-size:11px;
  color:#8b97a8
}

.mobile {
  display:none
}

@media(max-width:850px) {
  .page {
    margin:0;
    border-radius:0
  }

  .hero {
    padding:15px 18px 0;
    min-height:640px
  }

  .nav {
    padding:0 18px;
    height:65px
  }

  .navlinks {
    display:none
  }

  .mobile {
    display:block
  }

  .hero-grid {
    grid-template-columns:1fr;
    min-height:500px;
    align-items:start;
    padding-top:65px
  }

  .hero :is(h1,.export-heading) {
    font-size:57px;
    letter-spacing:-3px
  }

  .hero-art {
    right:-55%;
    width:110%;
    opacity:.55;
    top:140px
  }

  .hero-note {
    display:none
  }

  .hero-bottom {
    gap:12px;
    flex-wrap:wrap;
    font-size:9px
  }

  .section {
    padding:50px 23px
  }

  .section-head {
    display:block
  }

  .section h2 {
    font-size:43px
  }

  .product-grid,.company-layout {
    grid-template-columns:1fr
  }

  .product-feature {
    min-height:350px
  }

  .partner-section {
    padding:20px 23px 45px
  }

  .pink-title {
    margin:0 -23px 25px
  }

  .logos {
    grid-template-columns:repeat(2,1fr)
  }

  .stats {
    grid-template-columns:repeat(2,1fr)
  }

  .labs {
    margin:10px 23px;
    padding:25px
  }

  .labs:after {
    right:-50%
  }

  .news-grid {
    grid-template-columns:1fr
  }

  .contact {
    display:block
  }

  footer {
    padding:30px 23px;
    flex-wrap:wrap
  }

}

/* Review: airy Inter typography, official artwork and frosted glass. */
body {
  background:#eaf0f6
}

.page {
  background:radial-gradient(ellipse at 8% 35%,#c6e2f1 0,transparent 30%),radial-gradient(ellipse at 90% 55%,#d7e6dc 0,transparent 32%),#f5f8fc
}

.hero {
  background:linear-gradient(90deg,rgba(1,8,30,.88),rgba(1,8,30,.3) 65%,rgba(1,8,30,.05)),url('/assets/images/photos/blue-glass.jpg') center/cover
}

.hero :is(h1,.export-heading) {
  font-size:clamp(45px,5.1vw,72px);
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:500
}

:is(h1,.export-heading),h2,h3 {
  text-transform:none!important
}

.section h2 {
  line-height:1.17;
  letter-spacing:-.035em;
  font-weight:500
}

.product-feature h3,.mini-product h3 {
  letter-spacing:-.025em;
  font-weight:600
}

.eyebrow,.section-label,.tag {
  text-transform:none;
  letter-spacing:.035em
}

.section-label:before {
  content:' ';
  display:inline-block;
  width:14px;
  height:1px;
  background:#148af9;
  vertical-align:middle
}

.brand-logo {
  display:block;
  width:200px;
  height:auto;
  max-width:100%
}

.nav {
  background:rgba(250,253,255,.8);
  border:1px solid rgba(255,255,255,.95);
  backdrop-filter:blur(32px);
  -webkit-backdrop-filter:blur(32px);
  box-shadow:inset 0 1px 0 #fff,0 10px 35px #061e3f12
}

.hero p {
  color:#c5d6ed
}

.hero-note {
  display:none
}

.products {
  background:radial-gradient(ellipse at 15% 80%,#afd5ea 0,transparent 42%),radial-gradient(ellipse at 90% 60%,#b6cec7 0,transparent 45%),linear-gradient(120deg,#ecf3ff,#e4ebf0)
}

.product-grid {
  position:relative;
  isolation:isolate;
  gap:22px
}

.product-grid:before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:30px;
  background:radial-gradient(ellipse at 28% 70%,#588aaf99,transparent 45%),radial-gradient(ellipse at 90% 10%,#b2d8ed,transparent 55%);
  filter:blur(30px)
}

.product-feature,.mini-product,.news-card {
  background:linear-gradient(130deg,rgba(255,255,255,.5),rgba(245,251,255,.19));
  border:1px solid rgba(255,255,255,.82);
  box-shadow:inset 0 1px 0 #ffffffb3,0 14px 40px #25496d0d;
  backdrop-filter:blur(32px) saturate(115%);
  -webkit-backdrop-filter:blur(32px) saturate(115%);
  border-radius:25px
}

.product-feature {
  min-height:410px
}

.product-feature p {
  max-width:220px;
  position:relative;
  z-index:2
}

.product-feature h3,.product-feature .tag,.product-feature .num,.product-feature .link {
  position:relative;
  z-index:2
}

.product-feature .link {
  position:absolute
}

.product-art {
  object-fit:contain;
  pointer-events:none
}

.musebox-art {
  position:absolute;
  right:2%;
  bottom:0;
  width:49%;
  height:89%;
  filter:drop-shadow(0 16px 24px #3c196526)
}

.mini-product {
  min-height:122px;
  padding:24px;
  gap:14px
}

.mini-product:before {
  display:none
}

.mini-product>div {
  position:relative;
  z-index:2
}

.mini-art {
  position:absolute;
  right:65px;
  top:8%;
  height:84%;
  width:115px
}

.aloe-art {
  width:100px;
  right:75px
}

.mini-product .arrow {
  flex-shrink:0;
  background:#ffffff85;
  border:1px solid #fff
}

.partner-section {
  background:transparent;
  padding-top:40px;
  overflow:hidden
}

.partner-marquee {
  overflow:hidden;
  margin:0 -65px;
  padding:16px 0;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)
}

.partner-track {
  display:flex;
  width:max-content;
  animation:partners-scroll 65s linear infinite
}

.partner-group {
  display:flex;
  align-items:center;
  gap:65px;
  padding-right:65px
}

.partner-logo {
  flex:0 0 145px;
  display:flex;
  align-items:center;
  justify-content:center;
  height:88px
}

.partner-logo img {
  max-width:145px;
  max-height:65px;
  object-fit:contain
}

.partner-marquee:hover .partner-track,.partner-marquee:focus .partner-track {
  animation-play-state:paused
}

@keyframes partners-scroll {
  to {
    transform:translateX(-50%)
  }

}

.company-image {
  border:1px solid #ffffffab;
  box-shadow:0 18px 45px #25496d12
}

.labs {
  background:linear-gradient(90deg,#05122dd9,#05122d22),url('/assets/images/photos/blue-glass.jpg') center/cover;
  border:1px solid #ffffff80;
  box-shadow:0 18px 35px #1b496022
}

.labs:after {
  display:none
}

.labs h2 {
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:500
}

.news-visual {
  height:200px
}

.news-visual img {
  width:100%;
  height:100%;
  object-fit:cover
}

.news-card:nth-child(2) .news-visual {
  background:#e0eaf4
}

.news-card:nth-child(2) .news-visual img {
  object-fit:contain
}

.news-copy h3 {
  font-weight:500;
  line-height:1.5
}

.btn {
  font-weight:600;
  box-shadow:0 7px 20px #0479f529
}

.link {
  font-weight:600
}

.contact {
  background:rgba(255,255,255,.16)
}

@media(prefers-reduced-motion:reduce) {
  .partner-track {
    animation:none
  }

  .partner-marquee {
    overflow-x:auto;
    mask-image:none;
    -webkit-mask-image:none
  }

  html {
    scroll-behavior:auto
  }

}

@media(max-width:850px) {
  .hero :is(h1,.export-heading) {
    font-size:clamp(40px,7.6vw,60px);
    letter-spacing:-.025em;
    line-height:1.16
  }

  .hero {
    background-position:58% center
  }

  .hero-grid {
    padding-top:65px
  }

  .section h2 {
    font-size:40px;
    line-height:1.18;
    letter-spacing:-.03em
  }

  .brand-logo {
    width:185px
  }

  .partner-marquee {
    margin:0 -23px
  }

  .partner-group {
    gap:40px;
    padding-right:40px
  }

  .mini-art {
    right:65px
  }

  .product-feature {
    min-height:390px
  }

  .musebox-art {
    width:45%;
    right:0
  }

  .product-feature p {
    max-width:55%
  }

  .news-visual {
    height:230px
  }

}

@media(max-width:380px) {
  .brand-logo {
    width:160px
  }

  .mini-art {
    width:85px;
    right:58px
  }

  .mini-product {
    padding:20px
  }

  .tag {
    font-size:9px
  }

  .product-feature {
    padding:24px
  }

  .musebox-art {
    opacity:.85
  }

}

.product-grid,.news-grid {
  margin-top:24px
}

.news-card:nth-child(3) .news-visual {
  background:#090a17
}

.news-card:nth-child(3) .news-visual img {
  object-fit:contain
}

/* Shared image backdrop and separate glass panels. */
body {
  background:#020a22 url('/assets/images/photos/blue-glass.jpg') center center/cover fixed no-repeat
}

.page {
  background:transparent;
  box-shadow:none;
  overflow:visible;
  margin:24px auto 32px;
  padding-bottom:0;
  border-radius:0
}

.hero {
  background:linear-gradient(90deg,rgba(1,8,30,.48),transparent 85%);
  border-radius:32px;
  min-height:660px;
  padding:8px 40px 54px;
  overflow:visible
}

.nav {
  height:60px;
  max-width:1160px;
  margin:0 auto;
  padding:0 22px;
  border-radius:18px;
  background:rgba(242,249,255,.78);
  box-shadow:inset 0 1px 1px #ffffffed,0 15px 36px #00073066;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px)
}

.nav .brand-logo {
  width:150px
}

.navlinks {
  gap:28px;
  font-size:12px
}

.navlinks .out {
  padding-left:24px
}

.hero-grid {
  grid-template-columns:75% 25%;
  min-height:530px
}

.hero :is(h1,.export-heading) {
  font-size:clamp(64px,7.5vw,104px);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.04em;
  margin:24px 0
}

.hero p {
  font-size:14px;
  line-height:1.75;
  max-width:350px;
  color:#d0e0f5
}

.hero .eyebrow {
  font-size:10px
}

.btn {
  position:relative;
  isolation:isolate;
  border-radius:999px;
  padding:16px 27px;
  border:1px solid #e6f3ffa3;
  background:radial-gradient(ellipse at 34% 10%,#72bcffb3,transparent 64%),linear-gradient(100deg,#0a73edb8 0%,#72bcffd1 44%,#b2c7ffd9 75%,#ffddb7db 100%);
  color:#092443;
  box-shadow:inset 0 3px 9px #ffffff85,inset 0 -2px 8px #ffffff6b,0 9px 24px #000c3438;
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  font-weight:600;
  transition:transform .2s,box-shadow .2s
}

.btn:hover {
  transform:translateY(-2px);
  box-shadow:inset 0 3px 10px #ffffffb3,0 13px 30px #000c3450
}

.btn:focus-visible {
  outline:3px solid #5dc7ff;
  outline-offset:4px
}

.products,.company,.contact {
  margin:0 24px 34px;
  border-radius:34px;
  border:1px solid #eff8ffb0;
  background:linear-gradient(130deg,#f2f8ffde,#e1edf0cf);
  box-shadow:inset 0 1px 0 #ffffffcf,0 22px 55px #000c3440;
  backdrop-filter:blur(45px) saturate(80%);
  -webkit-backdrop-filter:blur(45px) saturate(80%);
  padding:62px 48px;
  overflow:hidden
}

.products {
  margin-top:0
}

.product-grid:before {
  background:radial-gradient(ellipse at 28% 70%,#83adc288,transparent 55%),radial-gradient(ellipse at 90% 10%,#c5e4f0aa,transparent 55%)
}

.partner-section {
  background:none;
  margin:0 24px 34px;
  padding:16px 40px 32px;
  box-shadow:none;
  border:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}

.partner-section>.link {
  color:#d8edff
}

.partner-marquee {
  margin:0 -40px
}

.partner-logo img {
  filter:drop-shadow(0 2px 5px #ffffff33)
}

.company {
  padding-top:62px
}

.company-layout {
  gap:40px
}

.company-image {
  height:360px
}

.stats {
  margin-top:38px;
  border-color:#9caec54a
}

.labs {
  margin:0 24px 34px;
  background:linear-gradient(110deg,#02102eab,#05245633);
  border-radius:30px;
  padding:42px 48px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}

#news {
  margin:0 24px 34px;
  padding:62px 48px;
  background:linear-gradient(120deg,#03122edb,#062551a8);
  border:1px solid #a9d9ff4a;
  border-radius:34px;
  box-shadow:inset 0 1px 0 #e4f5ff24,0 24px 60px #00072159;
  backdrop-filter:blur(25px);
  -webkit-backdrop-filter:blur(25px);
  color:#f0f6ff
}

#news .section-label,#news .news-copy small {
  color:#abc7e5
}

#news .link {
  color:#9dd9ff
}

#news .news-card {
  background:linear-gradient(135deg,#91b6d41c,#02152b59);
  border-color:#b4d6f54a;
  box-shadow:inset 0 1px 0 #ffffff24,0 12px 28px #000b2626;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px)
}

#news .news-visual {
  background:#031127
}

#news .news-visual img {
  object-fit:contain
}

.news-copy {
  padding:24px
}

.contact {
  border-top:1px solid #eff8ffb0
}

.contact h2 {
  font-size:clamp(40px,4.5vw,62px)
}

footer {
  margin:0 24px;
  color:#c5daf2;
  border-color:#d4e8ff33;
  padding:28px 20px
}

footer .brand {
  background:#edf7ffd9;
  border-radius:14px;
  padding:12px 16px;
  box-shadow:0 10px 25px #00081b30
}

footer .brand-logo {
  width:150px
}

@media(max-width:1050px) and (min-width:851px) {
  .navlinks {
    gap:20px
  }

  .company-layout {
    grid-template-columns:1fr 1fr;
    gap:28px
  }

  .section h2 {
    font-size:48px
  }

  .product-grid {
    grid-template-columns:1.15fr 1fr
  }

  .mini-product {
    padding:20px
  }

  .mini-art {
    width:90px;
    right:55px
  }

  .aloe-art {
    width:80px
  }

  .mini-product h3 {
    font-size:21px
  }

}

@media(max-width:850px) {
  .page {
    margin:12px auto 20px
  }

  .hero {
    padding:0 18px 40px;
    min-height:620px;
    border-radius:24px
  }

  .nav {
    height:54px;
    padding:0 15px;
    border-radius:16px
  }

  .nav .brand-logo {
    width:135px
  }

  .hero-grid {
    grid-template-columns:1fr;
    min-height:520px;
    padding-top:65px
  }

  .hero :is(h1,.export-heading) {
    font-size:clamp(43px,9vw,74px);
    line-height:1.12;
    letter-spacing:-.035em
  }

  .hero p {
    font-size:13px;
    max-width:310px
  }

  .hero .eyebrow {
    font-size:9px
  }

  .products,.company,.contact,#news {
    margin:0 14px 26px;
    padding:40px 24px;
    border-radius:27px
  }

  .section h2 {
    font-size:39px
  }

  .company-image {
    height:330px
  }

  .company-layout {
    gap:32px
  }

  .partner-section {
    margin:0 14px 26px;
    padding:4px 20px 20px
  }

  .partner-marquee {
    margin:0 -20px
  }

  .labs {
    margin:0 14px 26px;
    padding:32px 24px;
    min-height:245px
  }

  .labs h2 {
    font-size:38px
  }

  .contact h2 {
    font-size:40px
  }

  .news-copy {
    padding:22px
  }

  footer {
    margin:0 14px;
    padding:20px 10px;
    font-size:10px
  }

  .musebox-art {
    height:76%;
    width:45%
  }

  .product-feature {
    padding:24px
  }

  .product-feature p {
    max-width:53%
  }

  .mini-product {
    padding:22px
  }

  .mini-art {
    width:90px;
    right:53px
  }

  .aloe-art {
    width:83px
  }

  .mini-product h3 {
    font-size:21px
  }

  .mini-product .arrow {
    width:34px;
    height:34px;
    line-height:31px;
    font-size:22px
  }

  .news-visual {
    height:200px
  }

}

@media(max-width:380px) {
  .hero :is(h1,.export-heading) {
    font-size:41px
  }

  .products,.company,.contact,#news {
    padding:36px 20px
  }

  .mini-product {
    padding:18px
  }

  .mini-art {
    width:78px;
    right:48px
  }

  .aloe-art {
    width:74px
  }

  .mini-product h3 {
    font-size:20px
  }

  .section h2 {
    font-size:35px
  }

  .product-feature p {
    font-size:13px
  }

  .hero .eyebrow {
    letter-spacing:0
  }

}

footer .brand {
  background:none;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none
}

footer .brand-logo {
  width:175px
}

.contact {
  color:#f0f7ff;
  background:radial-gradient(ellipse at 95% 100%,#7c9bd849,transparent 48%),radial-gradient(ellipse at 5% 0,#198bd64d,transparent 65%),linear-gradient(115deg,#03152edb,#102e55bd 65%,#42516c8c);
  border-color:#d5ecff73;
  box-shadow:inset 0 2px 12px #b8e3ff40,inset 0 -2px 12px #c6dfff24,0 20px 55px #000b3259;
  backdrop-filter:blur(30px) saturate(130%);
  -webkit-backdrop-filter:blur(30px) saturate(130%)
}

.contact .section-label {
  color:#b8d5ef
}

.contact p {
  color:#c6d9ed!important
}

.labs {
  background:#030303;
  border-color:#ffffff26;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 20px 50px #00000040
}

.labs .eyebrow {
  color:#b5b5bf
}

.labs h2 .accent {
  color:#fff
}

.coming-soon {
  display:inline-block;
  margin-top:24px;
  padding:10px 19px;
  border:1px solid #ffffff4a;
  border-radius:999px;
  background:#ffffff0d;
  color:#e4e4ea;
  font-size:12px;
  letter-spacing:.08em
}

#news .news-visual {
  height:auto;
  aspect-ratio:16/9;
  display:block;
  overflow:hidden;
  line-height:0
}

#news .news-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}

.news-copy {
  padding:20px
}

.news-copy h3 {
  margin:12px 0 0
}

.product-feature,.mini-product {
  isolation:isolate
}

.product-feature:after,.mini-product:after {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease;
  background:radial-gradient(ellipse at bottom right,#9a57d43d 0,#5f9fe42b 35%,transparent 72%)
}

.mini-product:first-child:after {
  background:radial-gradient(ellipse at bottom right,#e48cc747 0,#68aef63d 33%,transparent 76%)
}

.mini-product:nth-child(3):after {
  background:radial-gradient(ellipse at bottom right,#35cead55 0,#8fe5dd33 36%,transparent 75%)
}

.product-art {
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
  transform-origin:50% 65%;
  will-change:transform
}

.product-feature:hover:after,.product-feature:focus-within:after,.mini-product:first-child:hover:after,.mini-product:first-child:focus-visible:after,.mini-product:nth-child(3):hover:after,.mini-product:nth-child(3):focus-visible:after {
  opacity:1
}

.product-feature:hover .musebox-art,.product-feature:focus-within .musebox-art {
  transform:translateY(-10px) rotate(-4deg) scale(1.025)
}

.mini-product:first-child:hover .mini-art,.mini-product:first-child:focus-visible .mini-art {
  transform:translateY(-6px) rotate(9deg) scale(1.07)
}

.mini-product:nth-child(3):hover .mini-art,.mini-product:nth-child(3):focus-visible .mini-art {
  transform:translateY(-8px) rotate(-8deg) scale(1.07)
}

@media(prefers-reduced-motion:reduce) {
  .product-art {
    transition:none
  }

  .product-feature:hover .product-art,.product-feature:focus-within .product-art,.mini-product:hover .product-art,.mini-product:focus-visible .product-art {
    transform:none
  }

  .product-feature:after,.mini-product:after {
    transition:none
  }

}

.nav {
  background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(240,249,255,.67) 26%,rgba(228,244,255,.42) 50%,rgba(240,249,255,.67) 74%,rgba(255,255,255,.94) 100%);
  box-shadow:inset 0 1px 2px #ffffffed,0 15px 36px #00073066
}

.labs {
  overflow:hidden;
  position:relative
}

.labs .labtext {
  position:relative;
  z-index:2;
  max-width:52%
}

.labs-products {
  position:absolute;
  width:49%;
  height:auto;
  right:-3%;
  top:50%;
  transform:translateY(-43%) rotate(-8deg);
  pointer-events:none;
  z-index:1;
  filter:drop-shadow(0 12px 28px #00000070)
}

@media(max-width:850px) {
  .labs .labtext {
    max-width:68%
  }

  .labs-products {
    width:58%;
    right:-16%;
    transform:translateY(-40%) rotate(-8deg)
  }

  .labs .eyebrow {
    max-width:180px;
    line-height:1.6
  }

  .labs h2 {
    font-size:34px
  }

}

@media(max-width:380px) {
  .labs-products {
    right:-21%;
    width:64%
  }

  .labs h2 {
    font-size:31px
  }

}

.labs .coming-soon {
  display:block;
  margin:24px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:#fff;
  font-size:clamp(26px,3vw,38px);
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.025em
}

.news-actions {
  display:flex;
  align-items:center;
  gap:24px;
  align-self:flex-start;
  margin-top:14px;
  flex-wrap:wrap
}

.news-actions .link {
  margin:0
}

.linkedin-social {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#b9e1ff;
  font-size:12px;
  font-weight:600;
  white-space:nowrap
}

.linkedin-social svg {
  width:22px;
  height:22px
}

.linkedin-social:hover {
  color:white
}

.linkedin-social:focus-visible {
  outline:2px solid #9dd9ff;
  outline-offset:6px;
  border-radius:3px
}

@media(max-width:850px) {
  .news-actions {
    margin:0 0 10px;
    gap:20px
  }

  .labs .coming-soon {
    font-size:27px
  }

}

.hero-carousel {
  display:block;
  position:relative;
  min-height:575px;
  padding:0
}

.hero-slide {
  position:absolute;
  inset:0 0 68px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  opacity:0;
  visibility:hidden;
  transform:translateX(30px);
  transition:opacity .65s ease,transform .65s ease,visibility .65s;
  pointer-events:none
}

.hero-slide.is-active {
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto
}

.hero .slide-title {
  font-size:clamp(48px,6.25vw,86px);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.04em;
  margin:22px 0;
  color:#fff;
  max-width:950px
}

.hero-slide span {
  color:var(--slide-color)
}

.theme-story {
  --slide-color:#68d6ff
}

.theme-neural {
  --slide-color:#c6f468
}

.theme-muse {
  --slide-color:#c4a0ff
}

.hero-slide p {
  max-width:390px;
  margin:0;
  min-height:48px
}

.hero-slide .btn {
  margin-top:28px
}

.hero-slide .eyebrow {
  color:var(--slide-color)
}

.carousel-controls {
  position:absolute;
  bottom:12px;
  left:0;
  display:flex;
  align-items:center;
  gap:15px
}

.carousel-controls button {
  cursor:pointer;
  color:#e5f2ff;
  font:500 12px Inter,Arial;
  border:1px solid #ffffff40;
  border-radius:50%;
  width:36px;
  height:36px;
  background:#04162e59;
  backdrop-filter:blur(12px)
}

.carousel-dots {
  display:flex;
  gap:10px
}

.carousel-dots button {
  border-radius:999px;
  width:42px;
  background:transparent
}

.carousel-dots button[aria-pressed="true"] {
  background:#deefff30;
  border-color:#d9edff
}

.carousel-controls button:focus-visible,.video-toggle:focus-visible {
  outline:2px solid #b4e4ff;
  outline-offset:4px
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.primary-partners {
  padding:22px 0 26px;
  border-bottom:1px solid #d4e9ff26;
  margin-bottom:14px
}

.primary-partners .partner-group {
  gap:88px;
  padding-right:88px
}

.primary-partners .partner-logo {
  flex-basis:210px;
  height:105px
}

.primary-partners .partner-logo img {
  max-width:210px;
  max-height:82px
}

.primary-partners .partner-track {
  animation-duration:30s
}

.primary-partners img[src*="partner-5."] {
  filter:brightness(0) invert(1)
}

.secondary-partners .partner-logo {
  height:70px;
  flex-basis:125px
}

.secondary-partners .partner-logo img {
  max-width:125px;
  max-height:48px
}

.secondary-partners .partner-track {
  animation-direction:reverse;
  animation-duration:58s
}

.pablo-art {
  overflow:hidden;
  height:100px;
  top:8%;
  width:100px;
  display:block
}

.pablo-art img {
  position:absolute;
  width:155%;
  max-width:none;
  height:auto;
  left:-25%;
  top:-15%
}

.mini-product:nth-child(2):after {
  background:radial-gradient(ellipse at bottom right,#90b8f24d,#d6c2f033 35%,transparent 75%)
}

.mini-product:nth-child(2):hover:after,.mini-product:nth-child(2):focus-visible:after {
  opacity:1
}

.mini-product:nth-child(2):hover .product-art,.mini-product:nth-child(2):focus-visible .product-art {
  transform:translateY(-6px) rotate(6deg) scale(1.04)
}

.neuralship-spotlight {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0 24px 34px;
  border-radius:34px;
  min-height:510px;
  padding:58px 48px;
  color:#fff;
  background:#071612;
  border:1px solid #e0ffc742;
  box-shadow:0 22px 55px #000b3250
}

.neuralship-spotlight video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-3
}

.neuralship-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#020e0de8,#071b16a8 48%,#02100d22);
  z-index:-2
}

.neuralship-copy {
  max-width:650px
}

.neuralship-copy .eyebrow {
  color:#d2f79e
}

.neuralship-copy h2 {
  font-size:clamp(45px,5.5vw,74px);
  line-height:1.06;
  letter-spacing:-.04em;
  font-weight:500;
  margin:20px 0
}

.neuralship-copy h2 span {
  color:#c6f468
}

.neuralship-copy h3 {
  font-size:19px;
  font-weight:500;
  margin:16px 0
}

.neuralship-copy p {
  font-size:14px;
  line-height:1.7;
  color:#d4e2d7;
  max-width:440px
}

.neuralship-copy .btn {
  margin-top:16px
}

.video-toggle {
  position:absolute;
  bottom:25px;
  right:28px;
  border:1px solid #ffffff63;
  background:#04151280;
  border-radius:999px;
  padding:9px 14px;
  color:#fff;
  font:500 11px Inter;
  cursor:pointer;
  backdrop-filter:blur(12px)
}

@media(max-width:850px) {
  .hero-carousel {
    min-height:575px;
    padding:0
  }

  .hero-slide {
    inset:35px 0 75px;
    justify-content:center
  }

  .hero .slide-title {
    font-size:clamp(39px,8.1vw,64px);
    line-height:1.12;
    max-width:100%;
    overflow-wrap:normal
  }

  .hero-slide p {
    font-size:13px;
    max-width:310px;
    min-height:65px
  }

  .hero-slide .eyebrow {
    font-size:9px
  }

  .hero {
    min-height:650px;
    padding-bottom:25px
  }

  .carousel-controls {
    gap:10px;
    bottom:5px
  }

  .primary-partners .partner-logo {
    flex-basis:170px
  }

  .primary-partners .partner-logo img {
    max-width:170px;
    max-height:70px
  }

  .primary-partners .partner-group {
    gap:55px;
    padding-right:55px
  }

  .pablo-art {
    right:51px;
    width:90px;
    height:90px
  }

  .neuralship-spotlight {
    margin:0 14px 26px;
    padding:40px 24px 70px;
    min-height:520px;
    border-radius:27px
  }

  .neuralship-copy h2 {
    font-size:48px
  }

  .neuralship-copy h3 {
    font-size:17px
  }

  .neuralship-copy p {
    font-size:13px
  }

  .neuralship-overlay {
    background:linear-gradient(90deg,#020e0de8,#071b16b3 70%,#02100d77)
  }

  .video-toggle {
    bottom:20px;
    right:22px
  }

}

@media(prefers-reduced-motion:reduce) {
  .hero-slide {
    transition:none
  }

  .mini-product:nth-child(2):hover .product-art,.mini-product:nth-child(2):focus-visible .product-art {
    transform:none
  }

  .primary-partners .partner-track,.secondary-partners .partner-track {
    animation:none
  }

}

.hero-carousel {
  overflow:hidden
}

.carousel-controls {
  padding-left:2px
}

.theme-paris {
  --slide-color:#ffb69b
}

.carousel-controls {
  left:50%;
  transform:translateX(-50%);
  bottom:10px;
  padding:0;
  justify-content:center
}

.carousel-dots {
  gap:14px
}

.carousel-dots button {
  width:12px;
  height:12px;
  min-width:12px;
  padding:0;
  border-radius:50%;
  background:#ffffff4d;
  border:1px solid #ffffff73;
  box-shadow:0 1px 6px #00133350;
  transition:background .4s,transform .4s,box-shadow .4s
}

.carousel-dots button[aria-pressed="true"] {
  background:#fff;
  border-color:#fff;
  transform:scale(1.18);
  box-shadow:0 0 12px #d3eeff59
}

.carousel-dots button:hover {
  background:#ffffffb3
}

.hero-slide {
  transform:translate3d(34px,0,0) scale(.985);
  filter:blur(7px);
  transition:opacity .95s cubic-bezier(.22,1,.36,1),transform 1.15s cubic-bezier(.22,1,.36,1),filter .95s ease,visibility 1.15s;
  will-change:transform,opacity
}

.hero-slide.is-active {
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0)
}

.hero-slide .eyebrow,.hero-slide .slide-title,.hero-slide p,.hero-slide .btn {
  opacity:0;
  transform:translateY(15px);
  transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .8s ease
}

.hero-slide.is-active .eyebrow,.hero-slide.is-active .slide-title,.hero-slide.is-active p,.hero-slide.is-active .btn {
  opacity:1;
  transform:translateY(0)
}

.hero-slide.is-active .eyebrow {
  transition-delay:.08s
}

.hero-slide.is-active .slide-title {
  transition-delay:.14s
}

.hero-slide.is-active p {
  transition-delay:.23s
}

.hero-slide.is-active .btn {
  transition-delay:.32s
}

.primary-partners .partner-logo {
  flex-basis:300px;
  height:150px
}

.primary-partners .partner-logo img {
  max-width:300px;
  max-height:112px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  background:none
}

.primary-partners .partner-group {
  gap:100px;
  padding-right:100px
}

.primary-partners .partner-track {
  animation-duration:32s
}

.neuralship-copy {
  margin-left:auto;
  max-width:560px
}

.neuralship-overlay {
  background:linear-gradient(90deg,#02100d1a,#071b1673 40%,#020e0de8 100%)
}

.neuralship-copy .btn {
  background:radial-gradient(ellipse at 32% 10%,#d4ffb8b3,transparent 64%),linear-gradient(100deg,#43a979cf,#a9e478db 48%,#c6f468ed 78%,#e2f8bfd9);
  color:#163320;
  border-color:#e6ffd0ab;
  box-shadow:inset 0 3px 9px #f2ffe699,inset 0 -2px 8px #e9ffd16b,0 9px 24px #001b1838
}

@media(max-width:850px) {
  .primary-partners .partner-logo {
    flex-basis:230px;
    height:125px
  }

  .primary-partners .partner-logo img {
    max-width:230px;
    max-height:92px
  }

  .primary-partners .partner-group {
    gap:70px;
    padding-right:70px
  }

  .neuralship-copy {
    max-width:100%;
    margin-left:auto
  }

  .neuralship-overlay {
    background:linear-gradient(90deg,#02100d66,#071b16b3 40%,#020e0de8)
  }

  .carousel-controls {
    left:50%;
    bottom:12px
  }

}

@media(prefers-reduced-motion:reduce) {
  .hero-slide,.hero-slide .eyebrow,.hero-slide .slide-title,.hero-slide p,.hero-slide .btn {
    transition:none;
    filter:none;
    transform:none
  }

  .carousel-dots button {
    transition:none
  }

}

.secondary-partners .partner-logo img {
  filter:brightness(0) invert(1);
  background:transparent
}

.secondary-partners .athena-negative {
  display:block;
  width:125px;
  max-height:48px
}

.neuralship-overlay {
  background:linear-gradient(270deg,rgba(198,244,104,.8) 0%,rgba(182,240,75,.5) 20%,rgba(174,238,60,.2) 38%,rgba(174,238,60,0) 50%)
}

.neuralship-copy {
  color:#fff;
  text-shadow:0 2px 18px #00150b70
}

.neuralship-copy h2 span {
  color:#fff
}

.neuralship-copy p {
  color:#fff
}

.neuralship-copy .eyebrow {
  color:#fff
}

.labs {
  background:#000
}

.labs-products {
  mix-blend-mode:screen
}

.mklabs-trigger {
  font:inherit;
  background:none;
  border:0;
  cursor:pointer;
  padding:0
}

.mklabs-trigger:hover {
  color:#067af6
}

.mklabs-trigger:focus-visible {
  outline:2px solid #087cff;
  outline-offset:7px
}

.mklabs-modal {
  padding:24px;
  width:min(460px,calc(100vw - 32px));
  max-height:calc(100dvh - 36px);
  border:1px solid #b9dbff73;
  border-radius:30px;
  background:linear-gradient(145deg,#0b2448f5,#030c20fa);
  color:#f5f9ff;
  box-shadow:inset 0 1px 0 #ffffff33,0 30px 100px #000b;
  overflow:auto;
  text-align:center
}

.mklabs-modal::backdrop {
  background:#000c27b8;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}

.mklabs-modal[open] {
  animation:modal-in .35s cubic-bezier(.22,1,.36,1)
}

.modal-close {
  position:absolute;
  right:14px;
  top:12px;
  z-index:2;
  width:36px;
  height:36px;
  border:1px solid #ffffff40;
  border-radius:50%;
  background:#03102599;
  color:#fff;
  font-size:24px;
  cursor:pointer
}

.alpaca-scene {
  position:relative;
  width:230px;
  max-width:75%;
  margin:16px auto 6px;
  border-radius:24px;
  overflow:hidden
}

.alpaca-scene img {
  display:block;
  width:100%;
  height:auto
}

.alpaca-speech {
  position:absolute;
  top:8px;
  left:50%;
  transform:translateX(-50%) rotate(-4deg);
  background:#fff;
  color:#102345;
  font-size:17px;
  font-weight:700;
  padding:8px 13px;
  border-radius:16px;
  white-space:nowrap;
  box-shadow:0 5px 14px #0003
}

.alpaca-speech:after {
  content:'';
  position:absolute;
  left:35%;
  bottom:-8px;
  border-left:9px solid transparent;
  border-right:1px solid transparent;
  border-top:10px solid white
}

.modal-copy .eyebrow {
  color:#93cfff;
  margin-top:18px
}

.modal-copy h2 {
  font-size:40px;
  letter-spacing:-.04em;
  font-weight:500;
  margin:10px 0 14px
}

.modal-copy p {
  font-size:13px;
  line-height:1.7;
  color:#bfcee3;
  margin:0
}

.newsletter-button {
  font-family:inherit;
  font-size:12px;
  margin:20px 0 6px
}

.newsletter-button:disabled {
  cursor:default;
  transform:none;
  opacity:.7
}

@keyframes modal-in {
  from {
    opacity:0;
    transform:translateY(20px) scale(.96)
  }

  to {
    opacity:1;
    transform:none
  }

}

@media(max-width:850px) {
  .navlinks {
    display:flex;
    gap:0;
    margin-left:auto
  }

  .navlinks>a {
    display:none
  }

  .navlinks .mklabs-trigger {
    display:block;
    border-left:0;
    padding-left:10px;
    font-size:10px
  }

  .nav>.mobile {
    display:none
  }

  .neuralship-overlay {
    background:linear-gradient(270deg,#c6f468cc, #b6f04b66 35%,transparent 70%)
  }

  .mklabs-modal {
    padding:20px
  }

  .alpaca-scene {
    width:200px
  }

  .modal-copy h2 {
    font-size:34px
  }

}

@media(prefers-reduced-motion:reduce) {
  .mklabs-modal[open] {
    animation:none
  }

}

.secondary-partners img[src*="partner-11."],.secondary-partners img[src*="partner-14."] {
  filter:grayscale(1) brightness(8);
  mix-blend-mode:screen
}

.hero>.nav {
  max-width:none;
  width:calc(100% + 32px);
  margin-left:-16px;
  margin-right:-16px
}

@media(max-width:850px) {
  .hero>.nav {
    width:calc(100% + 8px);
    margin-left:-4px;
    margin-right:-4px
  }

}