/* Reshium V0.11 — unified premium system for all inner pages. Local assets only. */
body.inner-v11 {
  --v11-bg: #030611;
  --v11-bg-soft: #080b18;
  --v11-panel: rgba(10, 14, 31, .72);
  --v11-ink: #f7fbff;
  --v11-muted: rgba(231, 239, 255, .68);
  --v11-cyan: #36e6ff;
  --v11-violet: #8d68ff;
  --v11-magenta: #ff4fc8;
  --v11-gold: #ffd33d;
  --v11-paper: #f1f0ec;
  --v11-paper-2: #e2e6ea;
  --v11-dark-ink: #111522;
  --v11-line: rgba(255, 255, 255, .13);
  color: var(--v11-ink);
  background: var(--v11-bg);
  overflow-x: clip;
}
body.inner-v11::before {
  z-index: 1900;
  opacity: .018;
  background-size: 10px 13px, 15px 17px, 9px 19px;
}
body.inner-v11 a { text-decoration: none; }
body.inner-v11 main { min-height: 70vh; }

/* Same floating navigation language as the main product page. */
.inner-v11 .x-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1800;
  padding: 20px clamp(20px, 4vw, 64px);
  pointer-events: none;
}
.inner-v11 .x-header-inner {
  width: min(1440px, 100%);
  min-height: 60px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 8px 10px 8px 12px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 18px;
  background: rgba(4, 7, 18, .58);
  backdrop-filter: blur(22px) saturate(135%);
  box-shadow: 0 14px 50px rgba(0, 0, 0, .24);
  pointer-events: auto;
}
.inner-v11 .x-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #fff;
  font: 700 1rem/1 var(--font-display);
  letter-spacing: -.03em;
}
.inner-v11 .x-brand:hover { color: #fff; }
.inner-v11 .x-brand img {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  box-shadow: 0 0 28px rgba(54, 230, 255, .2);
}
.inner-v11 .x-nav {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2.2vw, 34px);
}
.inner-v11 .x-nav a {
  position: relative;
  color: rgba(255, 255, 255, .72);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color .25s ease, transform .25s ease;
}
.inner-v11 .x-nav a:hover,
.inner-v11 .x-nav a[aria-current="page"] { color: #fff; transform: translateY(-1px); }
.inner-v11 .x-nav a:not(.x-nav-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -7px;
  height: 1px;
  background: var(--v11-cyan);
  box-shadow: 0 0 12px rgba(54, 230, 255, .6);
  transition: right .25s ease;
}
.inner-v11 .x-nav a:hover::after,
.inner-v11 .x-nav a[aria-current="page"]::after { right: 0; }
.inner-v11 .x-nav .x-nav-cta {
  padding: 12px 18px;
  border: 1px solid rgba(54, 230, 255, .4);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(120deg, rgba(54, 230, 255, .14), rgba(141, 104, 255, .12));
  box-shadow: 0 0 24px rgba(54, 230, 255, .12);
}
.inner-v11 .x-nav .x-nav-cta[aria-current="page"] {
  border-color: rgba(54, 230, 255, .78);
  background: linear-gradient(120deg, rgba(54, 230, 255, .24), rgba(141, 104, 255, .18));
}
.inner-v11 .x-mobile-menu { display: none; position: relative; margin-left: auto; }
.inner-v11 .x-mobile-menu summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 999px;
  color: #fff;
  background: rgba(7, 10, 24, .72);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}
.inner-v11 .x-mobile-menu summary::-webkit-details-marker { display: none; }
.inner-v11 .x-mobile-menu summary i,
.inner-v11 .x-mobile-menu summary i::before,
.inner-v11 .x-mobile-menu summary i::after {
  display: block;
  width: 15px;
  height: 1px;
  background: currentColor;
  transition: transform .25s ease, opacity .25s ease;
}
.inner-v11 .x-mobile-menu summary i { position: relative; }
.inner-v11 .x-mobile-menu summary i::before,
.inner-v11 .x-mobile-menu summary i::after { content: ""; position: absolute; left: 0; }
.inner-v11 .x-mobile-menu summary i::before { top: -5px; }
.inner-v11 .x-mobile-menu summary i::after { top: 5px; }
.inner-v11 .x-mobile-menu[open] summary i { background: transparent; }
.inner-v11 .x-mobile-menu[open] summary i::before { top: 0; transform: rotate(45deg); }
.inner-v11 .x-mobile-menu[open] summary i::after { top: 0; transform: rotate(-45deg); }
.inner-v11 .x-mobile-menu nav {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  width: min(78vw, 290px);
  display: grid;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: rgba(3, 6, 17, .97);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .58);
  backdrop-filter: blur(22px) saturate(135%);
}
.inner-v11 .x-mobile-menu nav a {
  padding: 14px 15px;
  border-radius: 11px;
  color: rgba(255, 255, 255, .78);
  font-size: .78rem;
  font-weight: 750;
}
.inner-v11 .x-mobile-menu nav a:hover,
.inner-v11 .x-mobile-menu nav a:focus-visible,
.inner-v11 .x-mobile-menu nav a[aria-current="page"] {
  color: #fff;
  background: rgba(102, 234, 255, .09);
}

/* Shared controls. */
.v11-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.v11-actions-center { justify-content: center; }
.v11-button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 13px 22px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .045);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .075em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.v11-button:hover {
  color: #fff;
  border-color: var(--v11-cyan);
  background: rgba(54, 230, 255, .1);
  box-shadow: 0 0 28px rgba(54, 230, 255, .13);
  transform: translateY(-2px);
}
.v11-button-primary {
  color: #071019;
  border-color: var(--v11-cyan);
  background: var(--v11-cyan);
  box-shadow: 0 0 34px rgba(54, 230, 255, .16);
}
.v11-button-primary:hover { color: #071019; background: #7cefff; }
.v11-button-secondary { color: #fff; }
.v11-kicker,
.v11-section-index,
.v11-card-label {
  margin: 0;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.v11-kicker { color: var(--v11-cyan); }
.v11-section-index { color: rgba(17, 21, 34, .45); }
.v11-card-label { color: rgba(17, 21, 34, .48); }
.v11-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 42px;
  color: rgba(255, 255, 255, .48);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.v11-breadcrumbs a { color: rgba(255, 255, 255, .72); }
.v11-breadcrumbs a:hover { color: var(--v11-cyan); }
.v11-caution {
  max-width: 570px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, .43);
  font-size: .78rem;
}

/* Cinematic but lightweight hero system. */
.v11-hero {
  position: relative;
  isolation: isolate;
  min-height: max(780px, 100svh);
  overflow: hidden;
  display: grid;
  align-items: center;
  padding: 145px clamp(24px, 5vw, 80px) 110px;
  background:
    radial-gradient(circle at 76% 30%, rgba(141, 104, 255, .29), transparent 29%),
    radial-gradient(circle at 14% 78%, rgba(54, 230, 255, .12), transparent 30%),
    linear-gradient(145deg, #02050d 0%, #09091a 47%, #05030c 100%);
}
.v11-hero::before {
  content: "";
  position: absolute;
  z-index: -4;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 6, 17, .82), rgba(3, 6, 17, .14) 46% 70%, rgba(3, 6, 17, .48)),
    url('/assets/images/3d/cinematic-environment-v6.webp') center / cover no-repeat;
  opacity: .46;
  filter: saturate(85%) contrast(112%);
  transform: scale(1.04);
}
.v11-hero::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: -10%;
  right: -10%;
  bottom: -170px;
  height: 310px;
  border-radius: 50% 50% 0 0;
  background: radial-gradient(ellipse at center, rgba(54, 230, 255, .13), rgba(5, 6, 17, .78) 53%, #030611 73%);
  filter: blur(2px);
}
.v11-hero-grid {
  position: absolute;
  z-index: -3;
  inset: 0;
  opacity: .28;
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: radial-gradient(circle at 62% 42%, #000 0 27%, transparent 75%);
}
.v11-hero-glow {
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  filter: blur(35px);
  pointer-events: none;
}
.v11-hero-glow-a {
  top: 8%;
  right: -10%;
  width: 48vw;
  height: 48vw;
  min-width: 520px;
  min-height: 520px;
  background: radial-gradient(circle, rgba(255, 79, 200, .18), rgba(141, 104, 255, .12) 38%, transparent 70%);
}
.v11-hero-glow-b {
  left: 28%;
  bottom: -35%;
  width: 42vw;
  height: 42vw;
  min-width: 420px;
  min-height: 420px;
  background: radial-gradient(circle, rgba(54, 230, 255, .16), transparent 67%);
}
.v11-hero-shell {
  position: relative;
  z-index: 3;
  width: min(1380px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(450px, .95fr) minmax(480px, 1.05fr);
  gap: clamp(48px, 7vw, 112px);
  align-items: center;
}
.v11-hero-copy { position: relative; z-index: 12; }
.v11-hero-copy h1 {
  max-width: 860px;
  margin: 28px 0 0;
  color: #fff;
  font-size: clamp(4.5rem, 7.7vw, 8.4rem);
  font-weight: 520;
  letter-spacing: -.085em;
  line-height: .82;
}
.v11-hero-copy h1 span {
  color: transparent;
  -webkit-text-stroke: 1.35px rgba(255, 255, 255, .82);
  text-shadow: 0 0 38px rgba(54, 230, 255, .12);
}
.v11-hero-lead {
  max-width: 620px;
  margin: 42px 0 0;
  color: var(--v11-muted);
  font-size: clamp(1.03rem, 1.35vw, 1.22rem);
  line-height: 1.68;
}
.v11-hero-facts {
  position: absolute;
  z-index: 8;
  left: clamp(24px, 5vw, 80px);
  right: clamp(24px, 5vw, 80px);
  bottom: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .12);
}
.v11-hero-facts > div {
  min-height: 70px;
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 20px clamp(12px, 2vw, 28px);
  color: rgba(255, 255, 255, .52);
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.v11-hero-facts > div + div { border-left: 1px solid rgba(255, 255, 255, .12); }
.v11-hero-facts strong {
  color: #fff;
  font: 540 1.7rem/1 var(--font-display);
  letter-spacing: -.05em;
}

/* Real product phone in the About hero. */
.v11-product-orbit {
  position: relative;
  min-height: 650px;
  perspective: 1500px;
  transform-style: preserve-3d;
}
.v11-product-orbit::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 7%;
  width: 62%;
  height: 13%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(54, 230, 255, .22), rgba(0, 0, 0, .56) 56%, transparent 72%);
  filter: blur(18px);
  transform: translateX(-50%);
}
.v11-orbit {
  position: absolute;
  left: 50%;
  top: 48%;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  transform-style: preserve-3d;
}
.v11-orbit-one {
  width: 82%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%) rotateX(68deg) rotateZ(-15deg);
  box-shadow: 0 0 0 46px rgba(255, 255, 255, .018), 0 0 65px rgba(54, 230, 255, .08);
  animation: v11-orbit-spin 24s linear infinite;
}
.v11-orbit-two {
  width: 64%;
  aspect-ratio: 1;
  border-color: rgba(141, 104, 255, .32);
  transform: translate(-50%, -50%) rotateY(68deg) rotateZ(22deg);
  animation: v11-orbit-spin-reverse 29s linear infinite;
}
.v11-product-light {
  position: absolute;
  left: 50%;
  top: 49%;
  width: 70%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(54, 230, 255, .19), rgba(141, 104, 255, .11) 34%, transparent 70%);
  filter: blur(14px);
  transform: translate(-50%, -50%);
}
.v11-phone {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  width: min(320px, 46%);
  aspect-ratio: 471 / 899;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 48px;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .38), transparent 14% 76%, rgba(54, 230, 255, .2)),
    linear-gradient(145deg, #252b39, #070a10 62%, #3d4352);
  box-shadow:
    0 60px 120px rgba(0, 0, 0, .65),
    0 0 0 2px rgba(5, 7, 13, .82),
    inset 0 0 0 1px rgba(255, 255, 255, .12),
    0 0 80px rgba(54, 230, 255, .12);
  transform: translate(-50%, -50%) rotateY(-8deg) rotateX(3deg) rotateZ(4deg);
  animation: v11-phone-float 7s ease-in-out infinite;
}
.v11-phone::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: 0;
  border-radius: 42px;
  background: #020306;
}
.v11-phone img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 38px;
  object-fit: cover;
  object-position: top;
  background: #fff;
}
.v11-phone-speaker {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 15px;
  width: 27%;
  height: 6px;
  border-radius: 999px;
  background: #05070c;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
  transform: translateX(-50%);
}
.v11-phone-glass {
  position: absolute;
  z-index: 4;
  inset: 11px;
  border-radius: 38px;
  pointer-events: none;
  background: linear-gradient(118deg, rgba(255, 255, 255, .18), transparent 18% 70%, rgba(255, 255, 255, .055));
  mix-blend-mode: screen;
}
.v11-orbit-label,
.v11-release-tag,
.v11-support-tag {
  position: absolute;
  z-index: 8;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 999px;
  color: rgba(255, 255, 255, .68);
  background: rgba(4, 7, 18, .58);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .24);
}
.v11-orbit-label-a { left: 2%; top: 23%; }
.v11-orbit-label-b { right: 1%; top: 39%; color: var(--v11-cyan); }
.v11-orbit-label-c { left: 13%; bottom: 18%; color: #fff; }

/* Shared editorial sections. */
.v11-section { position: relative; padding: clamp(105px, 12vw, 180px) clamp(24px, 5vw, 80px); overflow: hidden; }
.v11-section-shell { width: min(1320px, 100%); margin: auto; }
.v11-section-paper {
  color: var(--v11-dark-ink);
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 255, 255, .88), transparent 21%),
    radial-gradient(circle at 91% 78%, rgba(141, 104, 255, .17), transparent 27%),
    linear-gradient(140deg, #f3f0eb 0%, #e8e9ed 53%, #dce7e9 100%);
}
.v11-section-paper::before,
.v11-section-mist::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image:
    linear-gradient(rgba(17, 21, 34, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 21, 34, .055) 1px, transparent 1px);
  background-size: 90px 90px;
  mask-image: linear-gradient(to bottom, #000, transparent 75%);
}
.v11-section-dark {
  color: #fff;
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 79, 200, .14), transparent 25%),
    radial-gradient(circle at 15% 78%, rgba(54, 230, 255, .1), transparent 28%),
    linear-gradient(145deg, #080615, #030611 64%);
}
.v11-section-mist {
  color: var(--v11-dark-ink);
  background:
    radial-gradient(circle at 76% 18%, rgba(255, 255, 255, .66), transparent 24%),
    linear-gradient(145deg, #dfe3e9, #eef0ed 58%, #d9e5e8);
}
.v11-section-heading {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(120px, .28fr) minmax(420px, 1.1fr) minmax(280px, .62fr);
  gap: clamp(24px, 4vw, 72px);
  align-items: start;
  margin-bottom: clamp(70px, 8vw, 118px);
}
.v11-section-heading h2 {
  margin: 0;
  color: var(--v11-dark-ink);
  font-size: clamp(3.5rem, 6.6vw, 7.4rem);
  font-weight: 520;
  letter-spacing: -.078em;
  line-height: .86;
}
.v11-section-heading h2 span {
  color: transparent;
  -webkit-text-stroke: 1.2px rgba(17, 21, 34, .58);
}
.v11-section-heading > p:last-child {
  margin: 10px 0 0;
  color: rgba(17, 21, 34, .62);
  font-size: clamp(1rem, 1.3vw, 1.16rem);
  line-height: 1.7;
}
.v11-section-heading-light .v11-section-index { color: rgba(255, 255, 255, .4); }
.v11-section-heading-light h2 { color: #fff; }
.v11-section-heading-light h2 span { -webkit-text-stroke-color: rgba(255, 255, 255, .68); }
.v11-section-heading-light > p:last-child { color: rgba(255, 255, 255, .61); }
.v11-section-heading-compact { margin-top: clamp(90px, 10vw, 140px); }

.v11-principles {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(17, 21, 34, .18);
  border-bottom: 1px solid rgba(17, 21, 34, .18);
  list-style: none;
}
.v11-principles li {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 70px;
  padding: 32px clamp(22px, 3vw, 44px) 42px;
}
.v11-principles li + li { border-left: 1px solid rgba(17, 21, 34, .18); }
.v11-principles > li > span {
  color: rgba(17, 21, 34, .42);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .14em;
}
.v11-principles h3 {
  margin: 0 0 18px;
  color: var(--v11-dark-ink);
  font-size: clamp(2rem, 3.2vw, 3.2rem);
  font-weight: 560;
  letter-spacing: -.055em;
}
.v11-principles p { margin: 0; color: rgba(17, 21, 34, .61); line-height: 1.67; }

.v11-solution-layout {
  display: grid;
  grid-template-columns: minmax(380px, .75fr) minmax(520px, 1.25fr);
  gap: clamp(55px, 8vw, 130px);
  align-items: start;
}
.v11-solution-layout .v11-section-heading {
  position: sticky;
  top: 150px;
  display: block;
  margin: 0;
}
.v11-solution-layout .v11-section-heading h2 { margin: 28px 0 34px; font-size: clamp(3.9rem, 5.8vw, 6.7rem); }
.v11-solution-map { border-top: 1px solid rgba(255, 255, 255, .14); }
.v11-solution-map article {
  display: grid;
  grid-template-columns: 64px minmax(180px, .48fr) 1fr;
  gap: 22px;
  align-items: start;
  padding: 34px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.v11-solution-map article > span {
  color: var(--v11-cyan);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .14em;
}
.v11-solution-map h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 580;
  letter-spacing: -.035em;
}
.v11-solution-map p { margin: 0; color: rgba(255, 255, 255, .59); line-height: 1.65; }

.v11-access-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.05fr .9fr .9fr;
  gap: 14px;
}
.v11-access-card {
  min-height: 440px;
  padding: clamp(28px, 3vw, 44px);
  border: 1px solid rgba(17, 21, 34, .14);
  border-radius: 28px;
  background: rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px rgba(255, 255, 255, .78), 0 26px 70px rgba(50, 57, 73, .08);
  backdrop-filter: blur(12px);
}
.v11-access-card-featured {
  color: #fff;
  border-color: rgba(255, 255, 255, .13);
  background:
    radial-gradient(circle at 76% 13%, rgba(54, 230, 255, .25), transparent 30%),
    linear-gradient(145deg, #15132d, #070a17 72%);
  box-shadow: 0 35px 95px rgba(42, 32, 78, .22);
}
.v11-access-card-featured .v11-card-label { color: rgba(255, 255, 255, .48); }
.v11-access-card h3 {
  margin: 42px 0 28px;
  font-size: clamp(2.2rem, 3.5vw, 3.8rem);
  font-weight: 550;
  letter-spacing: -.06em;
  line-height: .94;
}
.v11-access-card h3 span { color: var(--v11-cyan); }
.v11-access-card ul { margin: 0; padding: 0; list-style: none; }
.v11-access-card li { position: relative; padding: 15px 0 15px 24px; border-top: 1px solid rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .66); }
.v11-access-card li::before { content: ""; position: absolute; left: 0; top: 23px; width: 8px; height: 8px; border-radius: 50%; background: var(--v11-cyan); box-shadow: 0 0 14px rgba(54, 230, 255, .65); }
.v11-access-card:not(.v11-access-card-featured) h3 { color: var(--v11-dark-ink); font-size: clamp(1.9rem, 2.8vw, 3rem); }
.v11-access-card:not(.v11-access-card-featured) > p:not(.v11-card-label):not(.v11-card-note) { color: rgba(17, 21, 34, .63); }
.v11-price-list { margin: 46px 0 32px; }
.v11-price-list > div { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-top: 1px solid rgba(17, 21, 34, .14); }
.v11-price-list > div:last-child { border-bottom: 1px solid rgba(17, 21, 34, .14); }
.v11-price-list dt { color: rgba(17, 21, 34, .63); }
.v11-price-list dd { margin: 0; color: var(--v11-dark-ink); font-family: var(--font-display); font-size: 1.35rem; font-weight: 650; letter-spacing: -.04em; }
.v11-card-note { margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(17, 21, 34, .14); color: rgba(17, 21, 34, .55); font-size: .82rem; }

.v11-boundary {
  position: relative;
  overflow: hidden;
  padding: clamp(115px, 14vw, 210px) 24px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 54%, rgba(54, 230, 255, .2), rgba(141, 104, 255, .12) 28%, transparent 63%),
    #030611;
}
.v11-boundary::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(90vw, 980px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 50%;
  box-shadow: 0 0 0 80px rgba(255, 255, 255, .012), 0 0 0 160px rgba(255, 255, 255, .006);
  transform: translate(-50%, -50%) rotateX(70deg);
}
.v11-boundary-shell { position: relative; z-index: 2; width: min(1050px, 100%); margin: auto; }
.v11-boundary .v11-section-index { color: rgba(255, 255, 255, .42); }
.v11-boundary h2 {
  margin: 36px 0;
  font-size: clamp(4rem, 8vw, 8.8rem);
  font-weight: 520;
  letter-spacing: -.085em;
  line-height: .83;
}
.v11-boundary h2 span { color: transparent; -webkit-text-stroke: 1.3px rgba(255, 255, 255, .72); }
.v11-boundary p:not(.v11-section-index) { max-width: 700px; margin: 0 auto; color: var(--v11-muted); font-size: clamp(1rem, 1.3vw, 1.18rem); }

/* Download release object and status system. */
.v11-release-object {
  position: relative;
  min-height: 610px;
  perspective: 1400px;
  transform-style: preserve-3d;
}
.v11-release-object::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 65%;
  height: 12%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(54, 230, 255, .22), rgba(0, 0, 0, .52) 55%, transparent 73%);
  filter: blur(18px);
  transform: translateX(-50%);
}
.v11-release-ring {
  position: absolute;
  left: 50%;
  top: 48%;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
}
.v11-release-ring-a {
  width: 76%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%) rotateX(66deg) rotateZ(-18deg);
  box-shadow: 0 0 55px rgba(54, 230, 255, .08);
  animation: v11-orbit-spin 25s linear infinite;
}
.v11-release-ring-b {
  width: 58%;
  aspect-ratio: 1;
  border-color: rgba(255, 79, 200, .25);
  transform: translate(-50%, -50%) rotateY(70deg) rotateZ(18deg);
  animation: v11-orbit-spin-reverse 29s linear infinite;
}
.v11-release-core {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 49%;
  width: min(310px, 48%);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  padding: 18%;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 38%;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .02)),
    rgba(7, 10, 24, .68);
  box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 55px 110px rgba(0, 0, 0, .6), 0 0 85px rgba(141, 104, 255, .16);
  backdrop-filter: blur(20px);
  transform: translate(-50%, -50%) rotateX(8deg) rotateY(-10deg) rotateZ(4deg);
  animation: v11-release-float 7.5s ease-in-out infinite;
}
.v11-release-core img { width: 100%; border-radius: 24%; box-shadow: 0 25px 60px rgba(0, 0, 0, .4), 0 0 45px rgba(54, 230, 255, .14); }
.v11-release-core span {
  position: absolute;
  left: 50%;
  bottom: 7%;
  color: rgba(255, 255, 255, .45);
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  transform: translateX(-50%);
}
.v11-release-tag-a { left: 2%; top: 28%; }
.v11-release-tag-b { right: 4%; top: 41%; color: var(--v11-cyan); }
.v11-release-tag-c { left: 16%; bottom: 19%; color: #fff; }
.v11-status-pill {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  padding: 11px 15px;
  border: 1px solid rgba(255, 211, 61, .24);
  border-radius: 999px;
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 211, 61, .055);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.v11-status-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--v11-gold); box-shadow: 0 0 18px rgba(255, 211, 61, .85); }
.v11-status-banner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 32px;
  align-items: center;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(17, 21, 34, .15);
  border-radius: 32px;
  background: rgba(255, 255, 255, .44);
  box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 30px 90px rgba(52, 58, 75, .08);
}
.v11-status-symbol {
  width: 78px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(17, 21, 34, .13);
  border-radius: 24px;
  color: #6948e8;
  background: linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(141, 104, 255, .12));
  font: 620 2.5rem/1 var(--font-display);
  box-shadow: 0 18px 45px rgba(42, 35, 70, .1);
}
.v11-status-banner h2 { margin: 10px 0 8px; color: var(--v11-dark-ink); font-size: clamp(2rem, 3.4vw, 3.4rem); letter-spacing: -.055em; }
.v11-status-banner p:last-child { max-width: 850px; margin: 0; color: rgba(17, 21, 34, .62); }
.v11-channel-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.v11-channel-card {
  position: relative;
  min-height: 430px;
  padding: clamp(30px, 4vw, 52px);
  border: 1px solid rgba(17, 21, 34, .15);
  border-radius: 30px;
  background: rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px rgba(255, 255, 255, .75);
}
.v11-channel-card-accent {
  color: #fff;
  border-color: rgba(255, 255, 255, .13);
  background:
    radial-gradient(circle at 83% 12%, rgba(54, 230, 255, .23), transparent 29%),
    linear-gradient(145deg, #14122c, #050812 72%);
}
.v11-channel-card-accent .v11-card-label { color: rgba(255, 255, 255, .48); }
.v11-channel-number { position: absolute; right: 32px; top: 28px; color: rgba(17, 21, 34, .27); font: 520 3rem/1 var(--font-display); letter-spacing: -.07em; }
.v11-channel-card-accent .v11-channel-number { color: rgba(255, 255, 255, .22); }
.v11-channel-card h3 { margin: 62px 0 24px; color: var(--v11-dark-ink); font-size: clamp(3rem, 5vw, 5.8rem); font-weight: 520; letter-spacing: -.08em; line-height: .86; }
.v11-channel-card-accent h3 { color: #fff; }
.v11-channel-card > p:not(.v11-card-label) { max-width: 560px; color: rgba(17, 21, 34, .62); line-height: 1.68; }
.v11-channel-card-accent > p:not(.v11-card-label) { color: rgba(255, 255, 255, .62); }
.v11-disabled-action {
  position: absolute;
  left: clamp(30px, 4vw, 52px);
  bottom: clamp(30px, 4vw, 48px);
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  padding: 11px 18px;
  border: 1px solid rgba(17, 21, 34, .16);
  border-radius: 999px;
  color: rgba(17, 21, 34, .52);
  background: rgba(255, 255, 255, .28);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: not-allowed;
}
.v11-channel-card-accent .v11-disabled-action { color: rgba(255, 255, 255, .56); border-color: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); }
.v11-integrity-layout { display: grid; grid-template-columns: minmax(380px, .78fr) minmax(520px, 1.22fr); gap: clamp(60px, 8vw, 130px); }
.v11-integrity-layout .v11-section-heading { position: sticky; top: 150px; display: block; margin: 0; }
.v11-integrity-layout .v11-section-heading h2 { margin: 28px 0 34px; font-size: clamp(4rem, 5.8vw, 6.8rem); }
.v11-integrity-flow { margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .14); list-style: none; }
.v11-integrity-flow li { display: grid; grid-template-columns: 65px 1fr; gap: 25px; padding: 38px 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.v11-integrity-flow > li > span { color: var(--v11-cyan); font-size: .67rem; font-weight: 900; letter-spacing: .14em; }
.v11-integrity-flow h3 { margin: 0 0 12px; font-size: clamp(1.8rem, 2.8vw, 3rem); font-weight: 560; letter-spacing: -.05em; }
.v11-integrity-flow p { max-width: 570px; margin: 0; color: rgba(255, 255, 255, .59); }
.v11-security-note { padding: clamp(80px, 10vw, 130px) clamp(24px, 5vw, 80px); color: var(--v11-dark-ink); background: var(--v11-paper); }
.v11-security-note-shell { width: min(1100px, 100%); margin: auto; display: grid; grid-template-columns: 90px 1fr; gap: 34px; align-items: start; }
.v11-security-note-shell > span { width: 82px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; color: #111522; background: var(--v11-gold); font: 650 2.5rem/1 var(--font-display); box-shadow: 0 18px 45px rgba(122, 95, 0, .16); }
.v11-security-note h2 { max-width: 900px; margin: 14px 0; font-size: clamp(2.3rem, 4.5vw, 4.8rem); font-weight: 540; letter-spacing: -.065em; line-height: .97; }
.v11-security-note p:last-child { margin: 0; color: rgba(17, 21, 34, .61); }

/* Support object, cards and native FAQ. */
.v11-support-object { position: relative; min-height: 610px; perspective: 1400px; }
.v11-support-orbit { position: absolute; left: 50%; top: 49%; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; }
.v11-support-orbit-a { width: 76%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateX(67deg) rotateZ(-16deg); animation: v11-orbit-spin 25s linear infinite; }
.v11-support-orbit-b { width: 58%; aspect-ratio: 1; border-color: rgba(255, 79, 200, .25); transform: translate(-50%, -50%) rotateY(68deg) rotateZ(22deg); animation: v11-orbit-spin-reverse 30s linear infinite; }
.v11-support-core {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 49%;
  width: min(350px, 54%);
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .22), transparent 18%),
    radial-gradient(circle, rgba(54, 230, 255, .19), rgba(141, 104, 255, .17) 38%, rgba(5, 8, 20, .84) 72%);
  box-shadow: inset 0 0 42px rgba(255, 255, 255, .08), 0 55px 110px rgba(0, 0, 0, .58), 0 0 90px rgba(54, 230, 255, .13);
  backdrop-filter: blur(20px);
  transform: translate(-50%, -50%) rotateY(-8deg);
  animation: v11-support-float 7.5s ease-in-out infinite;
}
.v11-support-core > span { color: #fff; font: 400 clamp(5rem, 9vw, 8rem)/.75 var(--font-display); text-shadow: 0 0 40px rgba(54, 230, 255, .42); }
.v11-support-core strong { margin-top: 24px; font: 700 1.05rem/1 var(--font-display); letter-spacing: .06em; text-transform: uppercase; }
.v11-support-core small { margin-top: 7px; color: rgba(255, 255, 255, .5); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.v11-support-tag-a { left: 1%; top: 27%; }
.v11-support-tag-b { right: 2%; top: 43%; color: var(--v11-cyan); }
.v11-support-tag-c { left: 16%; bottom: 19%; }
.v11-support-address { margin: 19px 0 0; color: var(--v11-cyan); font-family: var(--font-display); font-size: 1rem; font-weight: 650; letter-spacing: -.02em; }
.v11-support-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.v11-support-card {
  min-height: 450px;
  padding: clamp(28px, 3vw, 44px);
  border: 1px solid rgba(17, 21, 34, .14);
  border-radius: 28px;
  background: rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px rgba(255, 255, 255, .76);
}
.v11-support-card-warning { background: linear-gradient(145deg, rgba(255, 255, 255, .52), rgba(255, 211, 61, .14)); }
.v11-support-card-status {
  color: #fff;
  border-color: rgba(255, 255, 255, .13);
  background:
    radial-gradient(circle at 84% 10%, rgba(255, 79, 200, .21), transparent 28%),
    linear-gradient(145deg, #14122c, #060914 72%);
}
.v11-support-card-status .v11-card-label { color: rgba(255, 255, 255, .48); }
.v11-support-card h3 { margin: 48px 0 28px; color: var(--v11-dark-ink); font-size: clamp(2rem, 3vw, 3.1rem); font-weight: 550; letter-spacing: -.055em; line-height: .98; }
.v11-support-card-status h3 { color: #fff; }
.v11-support-card ul { margin: 0; padding: 0; list-style: none; }
.v11-support-card li { position: relative; padding: 14px 0 14px 23px; border-top: 1px solid rgba(17, 21, 34, .12); color: rgba(17, 21, 34, .62); }
.v11-support-card li::before { content: ""; position: absolute; left: 0; top: 23px; width: 7px; height: 7px; border-radius: 50%; background: #6948e8; }
.v11-support-card-status > p:last-child { color: rgba(255, 255, 255, .61); line-height: 1.7; }
.v11-faq-layout { display: grid; grid-template-columns: minmax(360px, .72fr) minmax(560px, 1.28fr); gap: clamp(60px, 8vw, 130px); align-items: start; }
.v11-faq-layout .v11-section-heading { position: sticky; top: 150px; display: block; margin: 0; }
.v11-faq-layout .v11-section-heading h2 { margin: 28px 0 0; font-size: clamp(4rem, 5.8vw, 6.8rem); }
.v11-faq { border-top: 1px solid rgba(255, 255, 255, .14); }
.v11-faq details { border-bottom: 1px solid rgba(255, 255, 255, .14); }
.v11-faq summary {
  list-style: none;
  display: grid;
  grid-template-columns: 55px 1fr 28px;
  gap: 18px;
  align-items: center;
  min-height: 112px;
  padding: 26px 0;
  cursor: pointer;
}
.v11-faq summary::-webkit-details-marker { display: none; }
.v11-faq summary span { color: var(--v11-cyan); font-size: .67rem; font-weight: 900; letter-spacing: .14em; }
.v11-faq summary strong { color: #fff; font: 550 clamp(1.15rem, 1.8vw, 1.6rem)/1.25 var(--font-display); letter-spacing: -.025em; }
.v11-faq summary i { position: relative; width: 22px; height: 22px; }
.v11-faq summary i::before,
.v11-faq summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 1px; background: rgba(255, 255, 255, .65); transform: translate(-50%, -50%); transition: transform .25s ease; }
.v11-faq summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.v11-faq details[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.v11-faq details > p { max-width: 680px; margin: -8px 0 32px 73px; color: rgba(255, 255, 255, .6); line-height: 1.7; }
.v11-contact-final {
  position: relative;
  overflow: hidden;
  padding: clamp(110px, 13vw, 190px) 24px;
  text-align: center;
  color: var(--v11-dark-ink);
  background:
    radial-gradient(circle at 50% 46%, rgba(54, 230, 255, .25), rgba(141, 104, 255, .13) 34%, transparent 65%),
    #eceff0;
}
.v11-contact-final-shell { position: relative; z-index: 2; width: min(1060px, 100%); margin: auto; }
.v11-contact-final h2 { margin: 34px 0 18px; font-size: clamp(3.4rem, 7.8vw, 8.4rem); font-weight: 520; letter-spacing: -.085em; line-height: .9; overflow-wrap: anywhere; }
.v11-contact-final p:not(.v11-section-index) { margin: 0 0 35px; color: rgba(17, 21, 34, .58); }
.v11-contact-final .v11-button-secondary { color: var(--v11-dark-ink); border-color: rgba(17, 21, 34, .18); }

/* Legal pages: premium header, deliberately calm reading surface. */
.v11-legal-hero {
  position: relative;
  isolation: isolate;
  min-height: 560px;
  overflow: hidden;
  display: grid;
  align-items: end;
  padding: 155px clamp(24px, 5vw, 80px) 90px;
  background:
    radial-gradient(circle at 79% 20%, rgba(141, 104, 255, .23), transparent 26%),
    radial-gradient(circle at 14% 82%, rgba(54, 230, 255, .1), transparent 27%),
    linear-gradient(145deg, #030611, #0b091a 58%, #05030c);
}
.v11-legal-hero::before {
  content: "";
  position: absolute;
  z-index: -3;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 6, 17, .82), rgba(3, 6, 17, .22) 58%, rgba(3, 6, 17, .54)),
    url('/assets/images/3d/cinematic-environment-v6.webp') center 42% / cover no-repeat;
  opacity: .34;
  filter: grayscale(25%) saturate(80%);
}
.v11-legal-orbit {
  position: absolute;
  z-index: -1;
  right: -8vw;
  top: 8%;
  width: min(50vw, 700px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  box-shadow: 0 0 0 75px rgba(255, 255, 255, .012), 0 0 0 150px rgba(255, 255, 255, .006), 0 0 80px rgba(54, 230, 255, .06);
  transform: rotateX(66deg) rotateZ(-13deg);
}
.v11-legal-hero-shell { position: relative; z-index: 2; width: min(1320px, 100%); margin: auto; }
.v11-legal-hero .v11-breadcrumbs { margin-bottom: 34px; }
.v11-legal-title {
  max-width: 1120px;
  margin: 24px 0 0;
  font-size: clamp(4rem, 7.6vw, 8.2rem);
  font-weight: 520;
  letter-spacing: -.082em;
  line-height: .86;
}
.v11-legal-hero-shell > p:last-child { max-width: 650px; margin: 32px 0 0; color: rgba(255, 255, 255, .58); }
.v11-legal-area { padding: clamp(80px, 9vw, 130px) clamp(24px, 5vw, 80px) clamp(110px, 12vw, 180px); color: var(--v11-dark-ink); background: linear-gradient(145deg, #f1efeb, #e7e9ec 60%, #dfe7e8); }
.v11-legal-grid { width: min(1240px, 100%); margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: clamp(38px, 5vw, 78px); align-items: start; }
.v11-legal-document {
  min-width: 0;
  padding: clamp(30px, 5vw, 72px);
  border: 1px solid rgba(17, 21, 34, .12);
  border-radius: 30px;
  background: rgba(255, 255, 255, .7);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 32px 100px rgba(50, 57, 73, .08);
}
.v11-legal-document article > h1 { margin: 0 0 16px; color: var(--v11-dark-ink); font-size: clamp(2.1rem, 4.3vw, 4.4rem); font-weight: 560; letter-spacing: -.062em; line-height: .95; overflow-wrap: anywhere; }
.v11-legal-document .legal-revision { margin: 0 0 60px; color: #6a4bdc !important; font-size: .8rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.v11-legal-document article h3 {
  margin: 56px 0 18px;
  padding-top: 30px;
  border-top: 1px solid rgba(17, 21, 34, .13);
  color: var(--v11-dark-ink);
  font-size: clamp(1.35rem, 2.1vw, 1.85rem);
  font-weight: 620;
  letter-spacing: -.035em;
  line-height: 1.2;
}
.v11-legal-document article p,
.v11-legal-document article li { color: rgba(17, 21, 34, .72); line-height: 1.78; }
.v11-legal-document article p { margin-bottom: 17px; }
.v11-legal-document article ul { margin: 12px 0 24px; padding-left: 1.3rem; }
.v11-legal-document article li + li { margin-top: 8px; }
.v11-legal-document article a { color: #5640c4; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; overflow-wrap: anywhere; }
.v11-legal-document article a:hover { color: #2a7f94; }
.v11-legal-aside {
  position: sticky;
  top: 120px;
  padding: 26px;
  border: 1px solid rgba(17, 21, 34, .12);
  border-radius: 24px;
  background: rgba(255, 255, 255, .5);
  box-shadow: inset 0 1px rgba(255, 255, 255, .85);
}
.v11-legal-aside nav { display: grid; margin-top: 23px; border-top: 1px solid rgba(17, 21, 34, .12); }
.v11-legal-aside nav a { padding: 17px 0; border-bottom: 1px solid rgba(17, 21, 34, .12); color: rgba(17, 21, 34, .62); font-size: .82rem; font-weight: 750; line-height: 1.35; }
.v11-legal-aside nav a:hover,
.v11-legal-aside nav a[aria-current="page"] { color: #5a42d2; }
.v11-legal-aside nav a[aria-current="page"]::before { content: "•"; margin-right: 8px; color: var(--v11-cyan); }
.v11-legal-contact { display: grid; gap: 8px; margin-top: 32px; padding: 18px; border-radius: 16px; color: rgba(255, 255, 255, .67); background: #111526; }
.v11-legal-contact strong { color: #fff; font-size: .82rem; }
.v11-legal-contact a { color: var(--v11-cyan); font-size: .75rem; overflow-wrap: anywhere; }

/* 404 scene. */
.v11-not-found {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 145px 24px 90px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 48%, rgba(54, 230, 255, .12), rgba(141, 104, 255, .1) 28%, transparent 64%),
    linear-gradient(145deg, #02050d, #09091a 53%, #04030b);
}
.v11-not-found::before {
  content: "";
  position: absolute;
  z-index: -3;
  inset: 0;
  background:
    linear-gradient(rgba(3, 6, 17, .66), rgba(3, 6, 17, .84)),
    url('/assets/images/3d/cinematic-environment-v6.webp') center / cover no-repeat;
  opacity: .4;
}
.v11-not-found-orbit { position: absolute; z-index: -1; left: 50%; top: 50%; border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%; }
.v11-not-found-orbit-a { width: min(78vw, 930px); aspect-ratio: 1; transform: translate(-50%, -50%) rotateX(68deg) rotateZ(-14deg); box-shadow: 0 0 0 80px rgba(255, 255, 255, .008); }
.v11-not-found-orbit-b { width: min(52vw, 650px); aspect-ratio: 1; border-color: rgba(141, 104, 255, .22); transform: translate(-50%, -50%) rotateY(70deg) rotateZ(18deg); }
.v11-not-found-shell { position: relative; z-index: 3; width: min(990px, 100%); margin: auto; }
.v11-not-found-code {
  margin: 0;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, .68);
  font: 520 clamp(8rem, 24vw, 20rem)/.65 var(--font-display);
  letter-spacing: -.11em;
  text-shadow: 0 0 80px rgba(54, 230, 255, .12);
}
.v11-not-found .v11-kicker { margin-top: 45px; }
.v11-not-found h1 { margin: 28px 0 22px; font-size: clamp(3rem, 6vw, 6.3rem); font-weight: 520; letter-spacing: -.075em; line-height: .88; }
.v11-not-found h1 span { color: transparent; -webkit-text-stroke: 1.2px rgba(255, 255, 255, .72); }
.v11-not-found-shell > p:not(.v11-not-found-code):not(.v11-kicker) { max-width: 650px; margin: 0 auto; color: rgba(255, 255, 255, .62); }

/* Footer aligned with homepage. */
.inner-v11 .x-footer { padding: 72px clamp(24px, 6vw, 96px) 28px; background: #030611; }
.inner-v11 .x-footer-inner { width: min(1320px, 100%); margin: auto; display: grid; grid-template-columns: 1fr 1.5fr; gap: 70px; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.inner-v11 .x-footer-brand { display: flex; align-items: center; gap: 14px; }
.inner-v11 .x-footer-brand img { width: 40px; height: 40px; border-radius: 12px; }
.inner-v11 .x-footer-brand div { display: grid; gap: 5px; }
.inner-v11 .x-footer-brand strong { font-family: var(--font-display); }
.inner-v11 .x-footer-brand span { color: var(--v11-muted); font-size: .82rem; }
.inner-v11 .x-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px 28px; }
.inner-v11 .x-footer nav a { color: rgba(255, 255, 255, .65); font-size: .78rem; }
.inner-v11 .x-footer nav a:hover { color: var(--v11-cyan); }
.inner-v11 .x-footer-bottom { width: min(1320px, 100%); margin: 22px auto 0; display: flex; justify-content: space-between; gap: 20px; color: rgba(255, 255, 255, .42); font-size: .74rem; }
.inner-v11 .x-footer-bottom a { color: rgba(255, 255, 255, .58); }
.inner-v11 .x-footer-bottom a:hover { color: var(--v11-cyan); }

@keyframes v11-phone-float {
  0%, 100% { transform: translate(-50%, -50%) rotateY(-8deg) rotateX(3deg) rotateZ(4deg) translateY(0); }
  50% { transform: translate(-50%, -50%) rotateY(-5deg) rotateX(2deg) rotateZ(2.5deg) translateY(-13px); }
}
@keyframes v11-release-float {
  0%, 100% { transform: translate(-50%, -50%) rotateX(8deg) rotateY(-10deg) rotateZ(4deg) translateY(0); }
  50% { transform: translate(-50%, -50%) rotateX(6deg) rotateY(-6deg) rotateZ(2deg) translateY(-13px); }
}
@keyframes v11-support-float {
  0%, 100% { transform: translate(-50%, -50%) rotateY(-8deg) translateY(0); }
  50% { transform: translate(-50%, -50%) rotateY(-4deg) translateY(-12px); }
}
@keyframes v11-orbit-spin {
  from { transform: translate(-50%, -50%) rotateX(68deg) rotateZ(-15deg); }
  to { transform: translate(-50%, -50%) rotateX(68deg) rotateZ(345deg); }
}
@keyframes v11-orbit-spin-reverse {
  from { transform: translate(-50%, -50%) rotateY(68deg) rotateZ(22deg); }
  to { transform: translate(-50%, -50%) rotateY(68deg) rotateZ(-338deg); }
}

@media (max-width: 1120px) {
  .v11-hero-shell { grid-template-columns: minmax(400px, 1fr) minmax(400px, .9fr); gap: 32px; }
  .v11-hero-copy h1 { font-size: clamp(4.2rem, 7vw, 6.5rem); }
  .v11-product-orbit, .v11-release-object, .v11-support-object { min-height: 560px; }
  .v11-section-heading { grid-template-columns: 120px 1fr; }
  .v11-section-heading > p:last-child { grid-column: 2; }
  .v11-access-grid { grid-template-columns: 1fr 1fr; }
  .v11-access-card-featured { grid-row: span 2; }
  .v11-support-grid { grid-template-columns: 1fr 1fr; }
  .v11-support-card-status { grid-column: 1 / -1; min-height: 300px; }
}

@media (max-width: 920px) {
  .inner-v11 .x-nav { display: none; }
  .inner-v11 .x-mobile-menu { display: block; }
  .v11-hero { min-height: auto; padding-top: 132px; padding-bottom: 110px; }
  .v11-hero-shell { grid-template-columns: 1fr; }
  .v11-hero-copy { max-width: 760px; }
  .v11-hero-copy h1 { font-size: clamp(4.3rem, 11vw, 7rem); }
  .v11-product-orbit, .v11-release-object, .v11-support-object { min-height: 610px; width: min(720px, 100%); margin: 5px auto 0; }
  .v11-hero-facts { position: relative; left: auto; right: auto; bottom: auto; width: min(1380px, 100%); margin: 40px auto 0; }
  .v11-section-heading { grid-template-columns: 1fr; gap: 26px; }
  .v11-section-heading > p:last-child { grid-column: auto; max-width: 680px; }
  .v11-principles { grid-template-columns: 1fr; }
  .v11-principles li { min-height: auto; gap: 48px; }
  .v11-principles li + li { border-left: 0; border-top: 1px solid rgba(17, 21, 34, .18); }
  .v11-solution-layout, .v11-integrity-layout, .v11-faq-layout { grid-template-columns: 1fr; }
  .v11-solution-layout .v11-section-heading,
  .v11-integrity-layout .v11-section-heading,
  .v11-faq-layout .v11-section-heading { position: static; }
  .v11-access-grid { grid-template-columns: 1fr; }
  .v11-access-card-featured { grid-row: auto; }
  .v11-channel-grid { grid-template-columns: 1fr; }
  .v11-support-grid { grid-template-columns: 1fr; }
  .v11-support-card-status { grid-column: auto; }
  .v11-legal-grid { grid-template-columns: 1fr; }
  .v11-legal-aside { position: static; order: -1; }
  .v11-legal-aside nav { grid-template-columns: repeat(3, 1fr); }
  .v11-legal-aside nav a { padding-right: 18px; }
}

@media (max-width: 640px) {
  .inner-v11 .x-header { padding: 12px; }
  .inner-v11 .x-header-inner { min-height: 52px; border-radius: 15px; }
  .inner-v11 .x-brand img { width: 34px; height: 34px; }
  .inner-v11 .x-brand span { font-size: .9rem; }
  .inner-v11 .x-mobile-menu summary { min-height: 40px; padding: 0 12px; font-size: .64rem; }
  .v11-hero { padding: 112px 18px 80px; }
  .v11-breadcrumbs { margin-bottom: 30px; font-size: .61rem; }
  .v11-hero-copy h1 { margin-top: 22px; font-size: clamp(3.25rem, 15.5vw, 5.1rem); line-height: .84; }
  .v11-hero-lead { margin-top: 31px; font-size: .96rem; line-height: 1.62; }
  .v11-actions { margin-top: 26px; }
  .v11-button { min-height: 48px; padding: 12px 17px; font-size: .67rem; }
  .v11-product-orbit, .v11-release-object, .v11-support-object { min-height: 480px; margin-top: 8px; }
  .v11-phone { width: min(244px, 61%); border-radius: 38px; padding: 8px; }
  .v11-phone::before { inset: 4px; border-radius: 33px; }
  .v11-phone img, .v11-phone-glass { border-radius: 31px; }
  .v11-phone-glass { inset: 8px; }
  .v11-phone-speaker { top: 11px; height: 5px; }
  .v11-orbit-one, .v11-release-ring-a, .v11-support-orbit-a { width: 92%; }
  .v11-orbit-two, .v11-release-ring-b, .v11-support-orbit-b { width: 70%; }
  .v11-orbit-label, .v11-release-tag, .v11-support-tag { padding: 7px 9px; font-size: .52rem; }
  .v11-orbit-label-a, .v11-release-tag-a, .v11-support-tag-a { left: 0; top: 20%; }
  .v11-orbit-label-b, .v11-release-tag-b, .v11-support-tag-b { right: 0; top: 43%; }
  .v11-orbit-label-c, .v11-release-tag-c, .v11-support-tag-c { left: 8%; bottom: 15%; }
  .v11-release-core { width: min(245px, 58%); }
  .v11-support-core { width: min(260px, 62%); }
  .v11-hero-facts { grid-template-columns: 1fr; margin-top: 20px; }
  .v11-hero-facts > div { min-height: 56px; padding: 16px 8px; }
  .v11-hero-facts > div + div { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .12); }
  .v11-hero-facts strong { font-size: 1.4rem; }
  .v11-section { padding: 90px 18px; }
  .v11-section-heading { margin-bottom: 58px; }
  .v11-section-heading h2 { font-size: clamp(3rem, 14vw, 4.8rem); }
  .v11-principles li { padding: 28px 8px 36px; }
  .v11-principles h3 { font-size: 2.2rem; }
  .v11-solution-map article { grid-template-columns: 45px 1fr; gap: 14px; }
  .v11-solution-map article p { grid-column: 2; }
  .v11-access-card, .v11-channel-card, .v11-support-card { min-height: auto; padding: 28px 22px; border-radius: 22px; }
  .v11-access-card h3 { margin-top: 34px; }
  .v11-channel-card { padding-bottom: 110px; }
  .v11-channel-card h3 { margin-top: 52px; font-size: 3.6rem; }
  .v11-disabled-action { left: 22px; bottom: 26px; }
  .v11-status-banner { grid-template-columns: 1fr; gap: 22px; padding: 26px 22px; border-radius: 24px; }
  .v11-status-symbol { width: 66px; }
  .v11-security-note { padding: 78px 18px; }
  .v11-security-note-shell { grid-template-columns: 1fr; gap: 24px; }
  .v11-security-note-shell > span { width: 64px; }
  .v11-faq summary { grid-template-columns: 40px 1fr 24px; gap: 12px; min-height: 94px; }
  .v11-faq details > p { margin-left: 52px; }
  .v11-contact-final { padding: 100px 18px; }
  .v11-contact-final h2 { font-size: clamp(2.5rem, 11.5vw, 4.2rem); }
  .v11-boundary { padding: 100px 18px; }
  .v11-boundary h2 { font-size: clamp(3.4rem, 14vw, 5.4rem); }
  .v11-legal-hero { min-height: 500px; padding: 125px 18px 72px; }
  .v11-legal-title { font-size: clamp(3.15rem, 14vw, 5rem); overflow-wrap: anywhere; }
  .v11-legal-area { padding: 58px 14px 90px; }
  .v11-legal-document { padding: 28px 20px; border-radius: 22px; }
  .v11-legal-document article > h1 { font-size: clamp(1.85rem, 10vw, 3rem); }
  .v11-legal-document .legal-revision { margin-bottom: 44px; }
  .v11-legal-document article h3 { margin-top: 44px; padding-top: 24px; font-size: 1.35rem; }
  .v11-legal-document article p, .v11-legal-document article li { font-size: .95rem; line-height: 1.72; }
  .v11-legal-aside { padding: 21px; border-radius: 20px; }
  .v11-legal-aside nav { grid-template-columns: 1fr; }
  .v11-not-found { padding: 125px 18px 76px; }
  .v11-not-found-code { font-size: clamp(7rem, 37vw, 10rem); }
  .v11-not-found h1 { font-size: clamp(2.8rem, 13.5vw, 4.5rem); }
  .inner-v11 .x-footer { padding: 58px 18px 24px; }
  .inner-v11 .x-footer-inner { grid-template-columns: 1fr; gap: 38px; padding-bottom: 38px; }
  .inner-v11 .x-footer nav { justify-content: flex-start; display: grid; gap: 13px; }
  .inner-v11 .x-footer-bottom { flex-direction: column; gap: 8px; }
}

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