@font-face {
  font-family: "Luma Inter";
  src: url("/assets/concept/inter-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --support-night: #08090c;
  --support-paper: #f3f3f5;
  --support-ink: #121318;
  --support-dim: #6d6d76;
  --support-violet: #6958df;
  --support-line-dark: rgba(243, 243, 245, .16);
  --support-line-light: rgba(18, 19, 24, .14);
}

body:has(.support-main) { overflow-x: hidden; }
body:has(.support-main) .bg-halos { display: none; }
.support-main,
.support-main * { box-sizing: border-box; }
.support-main {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
}
.support-main h1,
.support-main h2,
.support-main h3,
.support-main .btn,
.support-main summary {
  font-family: "Luma Inter", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.support-main a { text-underline-offset: .22em; }
.support-main section[id],
.support-main article[id] { scroll-margin-top: 108px; }
.support-main .visually-preserved {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.support-hero {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: clamp(126px, 13vw, 210px) 5vw clamp(80px, 10vw, 150px);
}
.support-hero h1 {
  max-width: min(100%, 1700px);
  margin: 0;
  font-size: clamp(58px, 9.3vw, 156px);
  line-height: .92;
  letter-spacing: -.073em;
}
.support-hero p {
  max-width: 670px;
  margin: clamp(30px, 4vw, 56px) 0 0;
  font-size: clamp(18px, 1.6vw, 25px);
  line-height: 1.5;
}

/* Download — a dark product story followed by quieter editorial rows. */
body:has(.support-download) { background: var(--support-night); }
.support-download { color: var(--support-paper); background: var(--support-night); }
.support-download .support-hero p { color: #9b9ba5; }
.support-download .support-hero h1 {
  width: fit-content;
  max-width: min(100%, 1800px);
  hyphens: none;
  overflow-wrap: normal;
  text-wrap: pretty;
}
.support-download .support-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 28px;
  margin-top: 38px;
}
.support-download .support-hero-actions .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  max-width: 100%;
  padding: 15px 25px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #0c0d10 !important;
  background: #f6f6f8 !important;
  box-shadow: none !important;
  font-size: 15px;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
}
.support-download .hero-platform-link {
  display: inline-block;
  max-width: 100%;
  color: #b9afff;
  font-size: 15px;
  line-height: 1.45;
  text-transform: lowercase;
}
.support-download .hero-platform-link::first-letter { text-transform: uppercase; }
.support-download .windows-release {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0 !important;
  width: 100%;
  padding: clamp(72px, 8vw, 126px) 5vw !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #101116 !important;
}
.support-download .windows-copy {
  width: 44%;
  padding-inline-end: clamp(36px, 6vw, 100px);
}
.support-download .platform-status {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #a9a9b1 !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.4;
}
.support-download .platform-status::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: #8171ee;
}
.support-download .platform-status.available { color: #d7d7dc !important; }
.support-download .platform-status.available::before { background: #83dfc8; }
.support-download .windows-copy h2 {
  max-width: 670px;
  margin: 32px 0 24px !important;
  font-size: clamp(45px, 5.8vw, 92px) !important;
  line-height: .98;
  letter-spacing: -.06em;
}
.support-download .windows-intro {
  max-width: 570px;
  margin: 0;
  color: #b4b4be !important;
  font-size: clamp(18px, 1.6vw, 24px) !important;
  line-height: 1.55 !important;
}
.support-download .release-meta {
  margin: 28px 0 34px !important;
  color: #777781 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.support-download .download-actions { margin: 0; }
.support-download .download-actions .btn,
.support-download .help-strip .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  padding: 15px 25px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #0c0d10 !important;
  background: #f6f6f8 !important;
  box-shadow: none !important;
  font-size: 15px;
}
.support-download .download-note {
  max-width: 590px;
  margin-top: 20px !important;
  color: #81818b !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}
.support-download .download-note a,
.support-download .release-notes > a { color: #c3bbff !important; }
.support-download .windows-visual {
  width: 56%;
  align-self: center;
  margin: 0;
  overflow: hidden;
  border-radius: clamp(14px, 1.8vw, 28px);
  background: #050609;
  box-shadow: 0 35px 90px rgba(0, 0, 0, .42);
}
.support-download .windows-visual img {
  display: block;
  width: 100%;
  height: auto;
}
.support-download .release-notes {
  display: flex;
  width: 100%;
  margin-top: clamp(64px, 8vw, 118px);
  padding-top: clamp(34px, 4vw, 56px);
  border: 0 !important;
  border-top: 1px solid var(--support-line-dark) !important;
  gap: clamp(30px, 5vw, 84px);
  background: transparent !important;
}
.support-download .release-notes h3 {
  width: 28%;
  margin: 0 !important;
  font-size: clamp(25px, 2.3vw, 38px) !important;
  line-height: 1.1;
  letter-spacing: -.035em;
}
.support-download .release-notes ul {
  width: 36%;
  margin: 0;
  padding-inline-start: 20px;
  color: #a4a4ad;
  line-height: 1.7;
}
.support-download .release-notes > a,
.support-download .release-notes > .download-note { width: 18%; margin: 0 !important; }

.support-download .platforms-section {
  max-width: none;
  margin: 0;
  padding: clamp(100px, 12vw, 190px) 5vw clamp(90px, 10vw, 150px) !important;
  background:
    radial-gradient(circle at 78% 28%, rgba(105, 88, 223, .14), transparent 30%),
    var(--support-night);
}
.support-download .section-intro { max-width: 1080px; }
.support-download .section-intro h2 {
  margin: 0;
  font-size: clamp(48px, 7vw, 112px);
  line-height: .95;
  letter-spacing: -.065em;
}
.support-download .section-intro > p:last-child {
  max-width: 670px;
  margin: 32px 0 0;
  color: #9898a2 !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  line-height: 1.55 !important;
}
.support-download .platform-list {
  margin-top: clamp(70px, 9vw, 130px);
  border-bottom: 1px solid var(--support-line-dark);
}
.support-download .platform-card {
  position: relative;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--support-line-dark) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.support-download .platform-card > summary {
  display: flex;
  align-items: center;
  gap: 30px;
  min-height: clamp(150px, 13vw, 220px);
  padding: clamp(34px, 4vw, 58px) 0;
  cursor: pointer;
  list-style: none;
}
.support-download .platform-card > summary::-webkit-details-marker { display: none; }
.support-download .platform-heading {
  display: flex;
  align-items: center;
  flex: 1;
  gap: clamp(34px, 7vw, 130px);
  min-width: 0;
}
.support-download .platform-name {
  width: min(42%, 650px);
  color: #f0f0f3;
  font-family: "Luma Inter", Arial, Helvetica, sans-serif;
  font-size: clamp(38px, 4.6vw, 76px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.05em;
  transition: color .25s ease, transform .25s ease;
}
.support-download .platform-card > summary:hover .platform-name,
.support-download .platform-card[open] > summary .platform-name {
  color: #c7beff;
  transform: translateX(8px);
}
[dir="rtl"] .support-download .platform-card > summary:hover .platform-name,
[dir="rtl"] .support-download .platform-card[open] > summary .platform-name { transform: translateX(-8px); }
.support-download .platform-heading .platform-status { flex: 1; }
.support-download .platform-toggle {
  position: relative;
  width: 48px;
  height: 48px;
  flex: none;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  transition: border-color .25s ease, background .25s ease, transform .35s ease;
}
.support-download .platform-toggle::before,
.support-download .platform-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%);
}
.support-download .platform-toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.support-download .platform-card[open] .platform-toggle {
  border-color: #8070ed;
  background: #7565df;
  transform: rotate(45deg);
}
.support-download .platform-copy {
  width: min(58%, 820px);
  margin-inline-start: min(42%, 650px);
  padding: 0 0 clamp(48px, 5vw, 78px);
  padding-inline-start: clamp(34px, 7vw, 130px);
  animation: support-platform-in .35s ease both;
}
.support-download .platform-copy > p {
  margin: 0 0 18px !important;
  color: #aaaab3 !important;
  font-size: clamp(16px, 1.3vw, 20px) !important;
  line-height: 1.6 !important;
}
.support-download .platform-copy .platform-requirement {
  color: #777781 !important;
  font-size: 14px !important;
}
.support-download .platform-copy .text-link,
.support-download .start-demo .text-link { color: #b9afff !important; }
.support-download .legacy-platform-anchors {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.support-download .tv-compatibility {
  margin: 22px 0 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.support-download .tv-compatibility summary {
  color: #e2e2e7 !important;
  font-size: 15px;
}
.support-download .tv-compatibility p { margin-top: 16px !important; font-size: 14px !important; }

@keyframes support-platform-in {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: none; }
}

.support-download .start-demo {
  display: flex;
  gap: clamp(40px, 8vw, 140px);
  max-width: none !important;
  margin: clamp(90px, 12vw, 180px) 0 0 !important;
  padding: clamp(85px, 10vw, 150px) 5vw !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--support-ink);
  background: var(--support-paper) !important;
}
.support-download .start-demo h2 {
  width: 48%;
  margin: 0 !important;
  font-size: clamp(45px, 6vw, 94px) !important;
  line-height: .96;
  letter-spacing: -.06em;
}
.support-download .start-demo > div { width: min(45%, 610px); }
.support-download .start-demo p { color: #606069 !important; font-size: 17px !important; line-height: 1.7 !important; }
.support-download .start-demo .text-link { display: inline-block; margin-top: 20px; color: #5544cf !important; }
.support-download .help-strip {
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(64px, 7vw, 105px) 5vw !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #171821 !important;
}
.support-download .help-strip h2 { font-size: clamp(30px, 3.2vw, 52px) !important; letter-spacing: -.04em; }
.support-download .help-strip p { color: #9999a3 !important; }
.support-download .legal-note { margin: 0 !important; padding: 34px 5vw !important; border-top: 1px solid var(--support-line-dark); color: #777781 !important; text-align: start !important; }

/* Help and FAQ — bright reading surfaces under the shared dark header. */
body:has(.support-help),
body:has(.support-faq) { background: var(--support-paper); }
.support-help,
.support-faq { color: var(--support-ink); background: var(--support-paper); }
.support-help .support-hero,
.support-faq .support-hero { padding-bottom: clamp(70px, 8vw, 120px); }
.support-help .support-hero p,
.support-faq .support-hero p { color: var(--support-dim); }
.support-help .help-layout {
  display: flex !important;
  align-items: flex-start;
  gap: clamp(54px, 5vw, 110px) !important;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 5vw clamp(100px, 12vw, 190px);
}
.support-help .help-sidebar {
  position: sticky !important;
  top: 112px !important;
  width: clamp(235px, 14vw, 280px);
  flex: none;
  padding: 0 !important;
}
.support-help .help-sidebar > h2 {
  margin: 0 0 22px !important;
  color: var(--support-ink) !important;
  font-size: 17px !important;
}
.support-help .guide-links { display: flex !important; flex-direction: column; gap: 0 !important; }
.support-help .guide-links a {
  min-height: 0 !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #74747d !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
.support-help .guide-links a:hover,
.support-help .guide-links a[aria-current="location"] { color: var(--support-ink) !important; }
.support-help .guide-links a[aria-current="location"] { text-decoration: underline; text-decoration-color: #7869e4; text-decoration-thickness: 2px; }
.support-help .guide-links svg { width: 18px !important; height: 18px !important; color: #7566dd !important; }
.support-help .help-contact {
  margin-top: 24px !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid var(--support-line-light) !important;
}
.support-help .help-contact a { color: #5f50ce !important; }
.support-help .guide-list {
  width: auto;
  max-width: 1320px !important;
  min-width: 0;
  flex: 1;
}
.support-help .guide {
  margin: 0 !important;
  padding: clamp(48px, 6vw, 84px) 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--support-line-light) !important;
  scroll-margin-top: 112px !important;
}
.support-help .guide:first-child { padding-top: 0 !important; border-top: 0 !important; }
.support-help .guide-heading { align-items: flex-start; margin-bottom: 34px !important; }
.support-help .guide-heading > svg { width: 29px !important; height: 29px !important; margin-top: 7px; color: #6a5bd4 !important; }
.support-help .guide h2 {
  max-width: 1120px;
  margin: 0 !important;
  color: var(--support-ink) !important;
  font-size: clamp(34px, 4.2vw, 64px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.052em !important;
}
.support-help .guide-body { max-width: 1080px; padding-inline-start: 43px !important; }
.support-help .guide h3 { color: var(--support-ink) !important; font-size: 21px !important; }
.support-help .guide p,
.support-help .guide li {
  color: #55555e !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}
.support-help .guide li { margin-bottom: 16px !important; }
.support-help .guide li::marker { color: #6b5bd9 !important; font-family: "Luma Inter", sans-serif; }
.support-help .guide a:not(.btn) { color: #5444c9 !important; }
.support-help .guide p.guide-note {
  margin-top: 30px !important;
  padding: 22px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #5a5964 !important;
  background: #e8e6ef !important;
  font-size: 14px !important;
}
.support-help .guide .btn {
  display: inline-flex;
  margin-top: 22px;
  padding: 15px 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: #17181d !important;
  box-shadow: none !important;
}

.support-faq .support-hero { max-width: 1200px; }
.support-faq .support-hero h1 { max-width: 1050px; }
.support-faq .faq-list {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 5vw clamp(100px, 12vw, 180px);
}
.support-faq details.faq {
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid var(--support-line-light) !important;
  border-radius: 0 !important;
  color: var(--support-ink) !important;
  background: transparent !important;
}
.faq-page .support-faq details.faq,
.faq-page .support-faq details.faq[open] { background: transparent !important; }
.support-faq details.faq:last-child { border-bottom: 1px solid var(--support-line-light) !important; }
.support-faq details.faq summary {
  align-items: flex-start !important;
  gap: clamp(20px, 4vw, 52px) !important;
  padding: clamp(29px, 4vw, 52px) 0 !important;
  color: var(--support-ink) !important;
  font-size: clamp(23px, 3vw, 40px) !important;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.support-faq details.faq summary .pl {
  order: 2;
  width: auto !important;
  height: auto !important;
  margin-inline-start: auto;
  border: 0 !important;
  border-radius: 0 !important;
  color: #6757d4 !important;
  background: transparent !important;
  font-size: 27px !important;
  font-family: Arial, sans-serif;
  font-weight: 400 !important;
}
.support-faq details.faq .ans {
  max-width: 790px;
  padding: 0 70px clamp(34px, 4vw, 54px) 0 !important;
  color: #5e5e67 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}
[dir="rtl"] .support-faq details.faq .ans { padding: 0 0 clamp(34px, 4vw, 54px) 70px !important; }
.support-faq .faq .ans a { color: #5444c9 !important; }
.support-faq .help-strip {
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(70px, 9vw, 130px) 5vw !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff;
  background: #17181e !important;
}
.support-faq .help-strip h2 { font-size: clamp(34px, 4.5vw, 68px) !important; letter-spacing: -.05em; }
.support-faq .help-strip p { color: #aaaab3 !important; font-size: 17px !important; }
.support-faq .help-strip .btn {
  padding: 15px 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #111217 !important;
  background: #f3f3f5 !important;
  box-shadow: none !important;
}

@media (min-width: 1800px) {
  .support-hero,
  .support-download .platforms-section,
  .support-help .help-layout { padding-inline: max(5vw, calc((100vw - 1920px) / 2)); }
}

@media (max-width: 980px) {
  .support-download .windows-copy,
  .support-download .windows-visual { width: 100%; }
  .support-download .windows-copy { padding-inline-end: 0; }
  .support-download .windows-visual { margin-top: 62px; }
  .support-download .release-notes { flex-wrap: wrap; }
  .support-download .release-notes h3 { width: 100%; }
  .support-download .release-notes ul { width: 52%; }
  .support-download .release-notes > a,
  .support-download .release-notes > .download-note { width: calc(48% - 50px); }
  .support-help .help-layout { gap: 48px !important; }
  .support-help .help-sidebar { width: 205px; }
}

@media (max-width: 700px) {
  .support-main section[id],
  .support-main article[id] { scroll-margin-top: 136px; }
  .support-hero { padding: 170px 20px 74px; }
  .support-hero h1 { font-size: clamp(52px, 18vw, 88px); }
  html[lang="de"] .support-download .support-hero h1 { font-size: clamp(48px, 15vw, 78px); }
  .support-hero p { margin-top: 28px; font-size: 18px; }
  .support-download .support-hero-actions { align-items: flex-start; flex-direction: column; margin-top: 32px; }
  .support-download .windows-release { padding: 68px 20px !important; }
  .support-download .windows-copy h2 { font-size: 48px !important; }
  .support-download .windows-visual { margin-top: 46px; border-radius: 13px; }
  .support-download .release-notes { display: block; margin-top: 64px; }
  .support-download .release-notes h3,
  .support-download .release-notes ul,
  .support-download .release-notes > a,
  .support-download .release-notes > .download-note { width: 100%; }
  .support-download .release-notes ul { margin: 24px 0 28px; }
  .support-download .release-notes > a { display: inline-block; margin-bottom: 22px !important; }
  .support-download .platforms-section { padding: 100px 20px 80px !important; }
  .support-download .section-intro h2 { font-size: 52px; }
  .support-download .platform-card { padding: 0 !important; }
  .support-download .platform-card > summary { min-height: 138px; gap: 18px; padding: 34px 0; }
  .support-download .platform-heading { display: block; }
  .support-download .platform-name { display: block; width: 100%; font-size: 40px; }
  .support-download .platform-heading .platform-status { margin-top: 15px; }
  .support-download .platform-toggle { width: 40px; height: 40px; }
  .support-download .platform-copy { width: 100%; margin: 0; padding: 0 0 48px; }
  .support-download .start-demo { display: block; padding: 78px 20px !important; }
  .support-download .start-demo h2,
  .support-download .start-demo > div { width: 100%; }
  .support-download .start-demo > div { margin-top: 36px; }
  .support-download .help-strip { padding: 64px 20px !important; }
  .support-download .legal-note { padding-inline: 20px !important; }
  .support-help .help-layout { display: block !important; padding: 0 20px 110px; }
  .support-help .support-hero { padding-top: 140px; padding-bottom: 42px; }
  .support-help .help-sidebar {
    position: static !important;
    width: 100%;
    padding-bottom: 30px !important;
    border-bottom: 1px solid var(--support-line-light);
  }
  .support-help .guide-links {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0 20px !important;
  }
  .support-help .guide-links a { flex: none; min-height: 44px !important; padding: 10px 0 !important; }
  .support-help .guide-list { width: 100%; }
  .support-help .guide { padding: 58px 0 !important; scroll-margin-top: 136px !important; }
  .support-help .guide:first-child { padding-top: 38px !important; }
  .support-help .guide-heading > svg { display: none; }
  .support-help .guide h2 { font-size: 38px !important; }
  .support-help .guide-body { padding-inline-start: 0 !important; }
  .support-faq .faq-list { padding: 0 20px 110px; }
  .support-faq details.faq summary { gap: 18px !important; padding: 30px 0 !important; font-size: 24px !important; }
  .support-faq details.faq .ans,
  [dir="rtl"] .support-faq details.faq .ans { padding: 0 0 34px !important; font-size: 16px !important; }
  .support-faq .help-strip { display: block !important; padding: 70px 20px !important; }
  .support-faq .help-strip .btn { display: inline-flex; margin-top: 28px; }
}

@media (max-width: 360px) {
  .support-hero { padding-inline: 16px; }
  .support-hero h1 { font-size: 50px; }
  html[lang="de"] .support-download .support-hero h1 { font-size: 46px; }
  .support-download .windows-release,
  .support-download .platforms-section,
  .support-download .start-demo,
  .support-download .help-strip,
  .support-help .help-layout,
  .support-faq .faq-list,
  .support-faq .help-strip { padding-inline: 16px !important; }
  .support-download .download-actions .btn { width: 100%; white-space: normal; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .support-main * { scroll-behavior: auto !important; }
}