@font-face {
  font-family: Inter;
  src: url('fonts/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('fonts/inter-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('fonts/inter-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('fonts/inter-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --bg: #101217;
  --panel: #171a21;
  --raised: #20242c;
  --text: #eceef3;
  --muted: #a0a7b5;
  --line: #2c313c;
  --orange: #ff6a00;
  --width: 1240px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font:
    400 15px/1.65 Inter,
    system-ui,
    sans-serif;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
button {
  font: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1 {
  font-size: clamp(42px, 5.3vw, 72px);
  font-weight: 600;
  letter-spacing: -0.055em;
  line-height: 1.08;
}
h2 {
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.04em;
}
h3 {
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
p {
  color: var(--muted);
}
.container,
.header-inner,
.site-footer {
  width: min(var(--width), calc(100% - 80px));
  margin-inline: auto;
}
.icon {
  flex-shrink: 0;
  vertical-align: middle;
}
.eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--orange);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: var(--raised);
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 11px 18px;
  min-height: 44px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.16s,
    color 0.16s;
}
.button:hover {
  background: #2b303a;
}
.button.primary {
  background: var(--orange);
  color: #111318;
}
.button.primary:hover {
  background: #ff8230;
}
.button:disabled {
  cursor: default;
  color: var(--muted);
  background: #242830;
}
.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 5px;
}
.skip-link {
  position: fixed;
  left: 20px;
  top: -80px;
  background: var(--orange);
  color: #111;
  padding: 10px;
  z-index: 100;
}
.skip-link:focus {
  top: 10px;
}
.site-header {
  border-bottom: 1px solid var(--line);
  background: var(--bg);
  position: relative;
  z-index: 20;
}
.header-inner {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand {
  display: inline-block;
  flex-shrink: 0;
}
.brand img {
  width: 118px;
}
.site-header nav {
  display: flex;
  align-items: center;
  gap: 32px;
}
.site-header nav > a:not(.button) {
  color: var(--muted);
  font-size: 13px;
}
.site-header nav > a:hover,
.site-header nav > a[aria-current] {
  color: var(--text);
}
.menu-toggle {
  display: none;
}
.hero {
  display: grid;
  grid-template-columns: 0.85fr 1.35fr;
  gap: 55px;
  align-items: center;
  padding-block: 100px 72px;
}
.hero-copy p {
  margin: 24px 0 30px;
  font-size: 16px;
  line-height: 1.8;
}
.hero-note {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  color: var(--muted);
}
.hero-screen {
  min-width: 0;
  transform: translateY(8px);
  background: var(--panel);
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 22px 65px #0003;
}
.screen-label {
  font-size: 11px;
  color: var(--muted);
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 9px 6px 15px;
}
.status-dot {
  width: 6px;
  height: 6px;
  background: var(--orange);
  border-radius: 50%;
}
.screenshot {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
  background: var(--raised);
  border-radius: 7px;
  overflow: hidden;
  cursor: zoom-in;
}
.screenshot img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.image-expand {
  position: absolute;
  right: 12px;
  bottom: 12px;
  background: #101217cc;
  border-radius: 6px;
  padding: 7px;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.15s;
}
.screenshot:hover .image-expand,
.screenshot:focus-visible .image-expand {
  opacity: 1;
}
.screen-caption {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--muted);
  font-size: 10px;
  padding: 15px 6px 5px;
}
.screen-caption span:last-child {
  letter-spacing: 0.1em;
  font-size: 9px;
}
.compatibility {
  display: flex;
  gap: 55px;
  align-items: center;
  padding: 27px 0;
  border-block: 1px solid var(--line);
}
.compatibility > div {
  display: flex;
  align-items: center;
  gap: 15px;
}
.compatibility .icon {
  color: var(--muted);
  width: 26px;
  height: 26px;
}
.compatibility strong,
.compatibility small {
  display: block;
}
.compatibility strong {
  font-size: 13px;
  font-weight: 500;
}
.compatibility small {
  font-size: 12px;
  color: var(--muted);
}
.compatibility > a {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: var(--muted);
}
.compatibility > a:hover {
  color: var(--text);
}
.section {
  padding-top: 100px;
}
.section-heading p {
  margin-top: 18px;
}
.explorer-tabs {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 34px;
  margin-bottom: 16px;
}
.explorer-tabs button {
  border: 0;
  border-radius: 6px;
  display: flex;
  gap: 9px;
  align-items: center;
  background: var(--panel);
  color: var(--muted);
  padding: 11px 18px;
  font-size: 13px;
  cursor: pointer;
}
.explorer-tabs button:hover {
  background: var(--raised);
}
.explorer-tabs button[aria-selected='true'] {
  background: #ff6a0024;
  color: var(--orange);
}
.explorer-panel {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  background: var(--panel);
  padding: 12px;
  border-radius: 10px;
  align-items: center;
  gap: 38px;
}
.explorer-copy {
  padding: 24px 26px 24px 0;
}
.explorer-copy h3 {
  font-size: 27px;
  max-width: 280px;
}
.explorer-copy p {
  margin-top: 18px;
  font-size: 14px;
  max-width: 290px;
}
.text-link {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  margin-top: 28px;
}
.text-link:hover {
  color: var(--orange);
}
[hidden] {
  display: none !important;
}
.personal-section {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 120px;
  align-items: center;
  padding-block: 100px;
}
.personal-section > div > p {
  margin-top: 20px;
  margin-bottom: 26px;
  max-width: 400px;
}
.personal-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.personal-grid article {
  padding: 22px;
  background: var(--panel);
  border-radius: 8px;
}
.personal-grid .icon {
  color: var(--orange);
  width: 24px;
  height: 24px;
  margin-bottom: 16px;
}
.personal-grid h3 {
  font-size: 16px;
}
.personal-grid p {
  font-size: 13px;
  margin-top: 8px;
}
.download-callout {
  background: var(--panel);
  border-radius: 9px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 35px 0 75px;
}
.download-callout h2 {
  font-size: 29px;
}
.download-callout p {
  font-size: 13px;
  margin-top: 8px;
}
.download-callout .button {
  flex-shrink: 0;
}
.site-footer {
  padding: 0 0 28px;
}
.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
  border-top: 1px solid var(--line);
}
.footer-top .brand img {
  width: 92px;
}
.saidworth-link {
  font-size: 12px;
  color: var(--muted);
  display: flex;
  gap: 9px;
  align-items: center;
}
.saidworth-link:hover {
  color: var(--text);
}
.saidworth-link .icon {
  width: 16px;
}
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.footer-bottom p {
  font-size: 11px;
}
.footer-bottom nav {
  display: flex;
  gap: 22px;
  font-size: 11px;
  color: var(--muted);
}
.footer-bottom a:hover {
  color: var(--text);
}
.page-heading {
  padding: 72px 0 50px;
}
.page-heading h1 {
  font-size: clamp(38px, 4.6vw, 60px);
}
.page-heading p {
  margin-top: 20px;
  max-width: 570px;
}
.feature-row {
  display: grid;
  grid-template-columns: 1fr 1.45fr;
  align-items: center;
  gap: 80px;
  padding-block: 42px;
  border-top: 1px solid var(--line);
}
.feature-row:nth-of-type(even) {
  grid-template-columns: 1.45fr 1fr;
}
.feature-row:nth-of-type(even) .feature-copy {
  order: 2;
}
.feature-icon {
  display: inline-flex;
  color: var(--orange);
  margin-bottom: 20px;
}
.feature-icon .icon {
  width: 28px;
  height: 28px;
}
.feature-copy h2 {
  font-size: 31px;
}
.feature-copy p {
  margin-top: 18px;
  font-size: 14px;
}
.feature-list {
  padding: 0;
  list-style: none;
  margin: 23px 0 0;
  font-size: 12px;
  color: var(--muted);
}
.feature-list li {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.feature-list .icon {
  width: 15px;
  height: 15px;
  color: var(--orange);
}
.feature-extras {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 35px;
}
.feature-extras article {
  background: var(--panel);
  padding: 28px;
  border-radius: 8px;
}
.feature-extras .icon {
  color: var(--orange);
  margin-bottom: 20px;
}
.feature-extras h2 {
  font-size: 21px;
}
.feature-extras p {
  font-size: 13px;
  margin-top: 14px;
}
.gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 22px;
  margin-bottom: 55px;
}
.gallery-card {
  background: var(--panel);
  border-radius: 9px;
  overflow: hidden;
}
.gallery-card .screenshot {
  border-radius: 0;
}
.gallery-card > div {
  padding: 24px;
}
.gallery-card .eyebrow {
  float: right;
  margin: 3px 0 0;
  font-size: 10px;
}
.gallery-card h2 {
  font-size: 20px;
}
.gallery-card p {
  font-size: 13px;
  margin-top: 9px;
}
.release-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 28px;
  margin-bottom: 22px;
}
.release-panel > div:first-child {
  display: flex;
  align-items: center;
  gap: 18px;
}
.release-panel > div > .icon {
  color: var(--orange);
  width: 26px;
  height: 26px;
}
.release-panel h2 {
  font-size: 19px;
  letter-spacing: -0.02em;
}
.release-panel p {
  font-size: 12px;
  margin-top: 6px;
}
.countdown {
  display: flex;
  gap: 24px;
  text-align: center;
}
.countdown b {
  font-variant-numeric: tabular-nums;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3;
}
.countdown small {
  display: block;
  font-size: 9px;
  letter-spacing: 0.08em;
  color: var(--muted);
}
.download-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.download-card {
  border-radius: 9px;
  background: var(--panel);
  padding: 34px;
}
.edition-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 9px;
  background: var(--raised);
  color: var(--orange);
  margin-bottom: 28px;
}
.edition-icon .icon {
  width: 29px;
  height: 29px;
}
.download-card .eyebrow {
  margin-bottom: 12px;
  color: var(--muted);
}
.download-card h2 {
  font-size: 28px;
}
.download-card > p {
  margin-top: 16px;
  max-width: 360px;
  min-height: 54px;
  font-size: 14px;
}
.version-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 28px 0;
}
.version-label small {
  font-size: 9px;
  letter-spacing: 0.1em;
  color: var(--muted);
}
.version-label strong {
  font-size: 13px;
  font-weight: 500;
}
.download-action .button {
  width: 100%;
}
.file-type {
  display: block;
  text-align: center;
  color: var(--muted);
  margin-top: 10px;
  font-size: 11px;
}
.download-help {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 24px 0 80px;
  font-size: 12px;
}
.download-help a {
  color: var(--text);
}
.download-help .icon {
  width: 14px;
  height: 14px;
}
.notice {
  background: var(--panel);
  padding: 16px;
  margin-bottom: 40px;
}
.setup-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.setup-card {
  background: var(--panel);
  padding: 32px;
  border-radius: 9px;
}
.setup-card > .icon {
  color: var(--orange);
  width: 27px;
  height: 27px;
  margin-bottom: 20px;
}
.setup-card h2 {
  font-size: 26px;
}
.setup-card ol {
  list-style: none;
  counter-reset: steps;
  padding: 0;
  margin: 28px 0;
}
.setup-card li {
  counter-increment: steps;
  position: relative;
  padding-left: 40px;
  margin-bottom: 22px;
}
.setup-card li:before {
  content: counter(steps);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  background: var(--raised);
  width: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
}
.setup-card strong {
  font-size: 14px;
  font-weight: 500;
}
.setup-card p {
  font-size: 13px;
  margin-top: 5px;
}
.setup-card p a {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}
code {
  font-size: 12px;
  color: var(--text);
}
.faq {
  padding: 75px 0 80px;
  max-width: 850px;
}
.faq h2 {
  margin-bottom: 25px;
  font-size: 30px;
}
.faq details {
  border-bottom: 1px solid var(--line);
  padding: 20px 0;
}
.faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-size: 14px;
}
.faq summary::-webkit-details-marker {
  display: none;
}
.faq summary .icon {
  width: 17px;
  height: 17px;
  transform: rotate(90deg);
  color: var(--muted);
}
.faq details[open] summary .icon {
  transform: rotate(-90deg);
}
.faq details p {
  margin-top: 18px;
  max-width: 740px;
  font-size: 13px;
}
.narrow {
  max-width: 820px;
}
.prose {
  margin-bottom: 85px;
}
.prose h2 {
  font-size: 23px;
  margin-top: 35px;
}
.prose p {
  margin-top: 12px;
  font-size: 14px;
}
.not-found {
  padding: 110px 0 140px;
}
.not-found p {
  margin: 24px 0 30px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
#image-viewer {
  background: #101217;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 16px;
  max-width: min(1500px, 94vw);
  width: 94vw;
  max-height: 94vh;
  overflow: auto;
  color: var(--text);
}
#image-viewer::backdrop {
  background: #000d;
}
#image-viewer > img {
  width: 100%;
  max-height: 80vh;
  object-fit: contain;
}
#image-viewer > p {
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
}
.viewer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #20242cf0;
  border: 0;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  position: absolute;
  right: 26px;
  top: 26px;
  cursor: pointer;
}
.viewer-close:hover {
  background: #363c48;
}
body.viewing {
  overflow: hidden;
}
@media (min-width: 1550px) {
  .hero {
    padding-block: 120px 95px;
  }
  .hero-screen {
    margin-right: -25px;
  }
}
@media (max-width: 1000px) {
  .container,
  .header-inner,
  .site-footer {
    width: calc(100% - 48px);
  }
  .hero {
    gap: 30px;
    padding-top: 70px;
    grid-template-columns: 0.95fr 1.2fr;
  }
  .hero-copy p {
    font-size: 14px;
  }
  .compatibility {
    gap: 28px;
  }
  .compatibility > a {
    display: none;
  }
  .personal-section {
    gap: 45px;
  }
  .explorer-panel {
    gap: 24px;
    grid-template-columns: 1.5fr 1fr;
  }
  .explorer-copy h3 {
    font-size: 23px;
  }
  .feature-row {
    gap: 40px;
  }
  .download-help {
    flex-direction: column;
    gap: 8px;
  }
}
@media (max-width: 700px) {
  .container,
  .header-inner,
  .site-footer {
    width: calc(100% - 36px);
  }
  .header-inner {
    height: 70px;
  }
  .brand img {
    width: 104px;
  }
  .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--raised);
    border: 0;
    border-radius: 6px;
    width: 38px;
    height: 38px;
    cursor: pointer;
  }
  .site-header nav {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: var(--panel);
    padding: 20px 18px;
    gap: 8px;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 15px 20px #0004;
  }
  .site-header nav.open {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .site-header nav > a {
    padding: 12px;
    border-radius: 6px;
  }
  .site-header nav .nav-download {
    margin-top: 8px;
  }
  .hero {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-block: 50px 42px;
  }
  .hero-copy h1 {
    font-size: 54px;
  }
  .hero-copy p {
    font-size: 15px;
    margin: 20px 0 24px;
  }
  .hero-note {
    margin-top: 16px;
  }
  .hero-screen {
    transform: none;
  }
  .hero-screen .screen-label {
    font-size: 10px;
  }
  .screen-caption {
    font-size: 9px;
  }
  .compatibility {
    gap: 22px;
    align-items: flex-start;
    justify-content: space-between;
    padding-block: 22px;
  }
  .compatibility > div {
    gap: 10px;
    flex: 1;
    min-width: 0;
  }
  .compatibility .icon {
    width: 21px;
    height: 21px;
  }
  .compatibility strong {
    font-size: 11px;
  }
  .compatibility small {
    font-size: 10px;
    line-height: 1.6;
    margin-top: 3px;
  }
  .section {
    padding-top: 60px;
  }
  .section-heading h2 {
    font-size: 32px;
  }
  .section-heading p {
    font-size: 14px;
  }
  .explorer-tabs {
    gap: 6px;
    margin-top: 25px;
  }
  .explorer-tabs button {
    padding: 10px 12px;
    font-size: 11px;
    gap: 7px;
    flex: 1 0 40%;
  }
  .explorer-tabs .icon {
    width: 16px;
    height: 16px;
  }
  .explorer-panel {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 9px;
  }
  .explorer-copy {
    padding: 22px 16px;
  }
  .explorer-copy h3 {
    max-width: none;
    font-size: 24px;
  }
  .explorer-copy p {
    max-width: none;
    margin-top: 12px;
  }
  .text-link {
    margin-top: 18px;
  }
  .personal-section {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-block: 60px 20px;
  }
  .personal-section h2 {
    font-size: 32px;
  }
  .personal-section > div > p {
    font-size: 14px;
  }
  .personal-grid {
    gap: 10px;
  }
  .personal-grid article {
    padding: 18px;
  }
  .personal-grid h3 {
    font-size: 14px;
  }
  .personal-grid p {
    font-size: 12px;
  }
  .download-callout {
    padding: 27px 24px;
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 45px;
  }
  .download-callout h2 {
    font-size: 27px;
  }
  .footer-top {
    padding: 24px 0;
  }
  .saidworth-link {
    font-size: 10px;
  }
  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }
  .footer-bottom p {
    font-size: 10px;
    max-width: 260px;
  }
  .page-heading {
    padding: 48px 0 35px;
  }
  .page-heading p {
    font-size: 14px;
  }
  .feature-row,
  .feature-row:nth-of-type(even) {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-block: 32px;
  }
  .feature-row:nth-of-type(even) .feature-copy {
    order: 0;
  }
  .feature-copy h2 {
    font-size: 28px;
  }
  .feature-icon {
    margin-bottom: 15px;
  }
  .feature-extras {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
  }
  .gallery-card > div {
    padding: 21px;
  }
  .release-panel {
    padding: 22px;
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
  }
  .release-panel h2 {
    font-size: 17px;
  }
  .release-panel p {
    font-size: 11px;
  }
  .release-panel > div:first-child {
    gap: 13px;
  }
  .countdown {
    width: 100%;
    justify-content: space-around;
    gap: 12px;
    border-top: 1px solid var(--line);
    padding-top: 18px;
  }
  .countdown b {
    font-size: 26px;
  }
  .download-grid,
  .setup-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .download-card {
    padding: 28px;
  }
  .download-card > p {
    min-height: 0;
  }
  .download-help {
    margin-bottom: 50px;
    font-size: 11px;
  }
  .setup-card {
    padding: 26px;
  }
  .faq {
    padding: 50px 0;
  }
  .faq summary {
    font-size: 13px;
  }
  .not-found {
    padding: 80px 0 100px;
  }
  #image-viewer {
    padding: 8px;
    border-radius: 7px;
  }
  .viewer-close {
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }
}
/* Website refresh */
:root{--bg:#101216;--panel:#191c22;--raised:#23272f;--line:#2a2e36;--width:1200px}
body{font-size:14px;line-height:1.6}
h1,h2,h3{font-weight:600;letter-spacing:-.035em}
.site-header{background:#101216f2;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff08}
.header-inner{min-height:82px}.brand img{width:111px;height:auto}
.button{border-radius:7px;font-size:14px;font-weight:500;padding:12px 19px;box-shadow:none;min-height:44px}
.button.primary{background:#ff710b;color:#111;border:1px solid #ff710b}.button.primary:hover{background:#ff842c;transform:none}
.eyebrow{font-size:10px;letter-spacing:.18em;color:#9199a5;font-weight:500}
.front-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;padding-top:90px;padding-bottom:48px;gap:48px}
.front-title h1{font-size:clamp(52px,6vw,86px);line-height:1.03;margin:20px 0 0;letter-spacing:-.06em}.front-title h1 span{color:#ff710b}
.front-description{padding-bottom:5px}.front-description>p{font-size:19px;color:#bac0ca;line-height:1.65;margin:0 0 23px}.front-description .hero-note{font-size:12px;margin-top:17px;color:#8f98a6;display:block}
.front-screen{background:#181b20;padding:0;border-radius:11px;overflow:hidden;border:1px solid #2a2e36}
.front-screen-top,.front-screen-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 21px;font-size:12px;color:#a6afbd}.front-screen-top>span:first-child{display:flex;align-items:center;gap:9px}.front-screen-top .icon{width:14px;height:14px;color:#ff710b}.front-screen .screenshot{border-radius:0;display:block;width:100%;aspect-ratio:16/9}.front-screen .screenshot img{display:block;width:100%;height:100%;object-fit:cover}.front-screen-bottom a{display:flex;gap:10px;align-items:center}.front-screen-bottom i{font-style:normal;margin:0 10px;color:#59616d}
.front-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;margin-bottom:92px}.front-overview>a{display:flex;align-items:center;gap:16px;padding:25px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.front-overview>a:first-child{padding-left:0}.front-overview>a:last-child{border-right:0}.front-overview>a>.icon:first-child{color:#ff710b;width:24px;height:24px;flex-shrink:0}.front-overview>a>.icon:last-child{width:16px;margin-left:auto;color:#727b89}.front-overview h2{font-size:16px;margin:0 0 3px;letter-spacing:-.02em}.front-overview p{font-size:12px;color:#9da6b4;margin:0}.front-overview a:hover h2{color:#ff710b}
.section-heading h2{font-size:38px;line-height:1.2;margin:12px 0 17px}.section-heading .text-link{font-size:13px}.explorer{margin-bottom:92px}.explorer-tabs{gap:8px;margin-top:27px}.explorer-tabs button{border-radius:6px;font-size:13px;padding:12px 18px}.explorer-panel{border-radius:10px;background:#191c22;grid-template-columns:3fr 1fr;border:1px solid var(--line);overflow:hidden}.explorer-copy{padding:28px}.explorer-copy h3{font-size:23px;line-height:1.25}.explorer-copy p{font-size:13px;color:#a5afbd}.explorer-image .screenshot{border-radius:0}
.front-editions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:26px;padding-bottom:75px;align-items:center}.front-editions h2{font-size:32px;margin:10px 0}.front-editions p{color:#9ca6b4;font-size:13px;margin:0}.edition-link{display:flex;align-items:center;gap:15px;background:#1b1e24;border-radius:8px;padding:25px 18px;min-height:106px;border:1px solid #ffffff06}.edition-link>.icon:first-child{color:#ff710b;width:27px;height:27px}.edition-link>.icon:last-child{margin-left:auto;width:17px;color:#929cad}.edition-link h3{font-size:16px;margin:0 0 6px}.edition-link:hover{background:#242932}
.download-callout{background:#1b1e24;border:0;border-radius:10px;padding:36px 40px}.download-callout h2{font-size:29px}.download-callout p{font-size:14px}.page-heading h1{font-size:clamp(38px,5vw,64px);line-height:1.08}.page-heading p{font-size:16px}.feature-row{scroll-margin-top:100px}.feature-copy h2{font-size:33px}.gallery-card{border-radius:9px}.gallery-card h2{font-size:21px}.gallery-card p{font-size:13px}.site-footer{margin-top:80px}.footer-bottom{font-size:11px}.saidworth-link{font-size:12px}
@media(max-width:1000px){.front-intro{padding-top:62px;gap:28px}.front-description>p{font-size:17px}.front-overview>a{padding:21px 14px}.front-overview>a>.icon:last-child{display:none}.explorer-panel{grid-template-columns:2.5fr 1fr}.explorer-copy{padding:20px}.front-editions{grid-template-columns:1fr 1fr}.front-editions>div{grid-column:1/-1}}
@media(max-width:700px){.header-inner{min-height:69px}.front-intro{grid-template-columns:1fr;padding-top:48px;padding-bottom:30px;gap:24px}.front-title h1{font-size:58px;margin-top:13px}.front-description>p{font-size:16px;margin-bottom:20px}.front-intro .actions{gap:9px}.front-intro .button{padding:12px 13px;font-size:13px}.front-screen-top,.front-screen-bottom{padding:11px 12px;font-size:10px}.front-screen-bottom i{margin:0 4px}.front-screen-bottom .icon{width:13px}.front-overview{grid-template-columns:1fr;margin-top:16px;margin-bottom:55px}.front-overview>a,.front-overview>a:first-child{border-right:0;padding:20px 3px}.front-overview>a>.icon:last-child{display:block}.front-overview p{font-size:13px}.section-heading h2{font-size:30px}.explorer-tabs{display:flex;flex-wrap:wrap}.explorer-tabs button{padding:10px 12px;font-size:12px;gap:6px}.explorer-tabs .icon{width:15px}.explorer-panel{grid-template-columns:1fr}.explorer-copy{padding:20px}.explorer-copy h3{font-size:20px;margin:0 0 7px}.explorer-copy p{margin:0}.explorer{margin-bottom:55px}.front-editions{grid-template-columns:1fr;gap:13px;padding-bottom:43px}.front-editions>div{padding-bottom:10px}.front-editions h2{font-size:29px}.edition-link{padding:20px;min-height:96px}.download-callout{padding:27px 23px}.download-callout h2{font-size:27px}.site-footer{margin-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Panorama opening */
.cinematic-home .site-header{position:absolute;top:0;left:0;right:0;z-index:20;background:linear-gradient(#0c1018aa,transparent);border:0;backdrop-filter:none}
.cinematic-home .site-header nav>a:not(.button){color:#eef0f4}.cinematic-home .site-header .brand img{filter:drop-shadow(0 2px 8px #0007)}
.world-intro{height:100svh;min-height:740px;max-height:1300px;position:relative;overflow:hidden;isolation:isolate;background:#303c50}
.world-view{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:pan-y;outline-offset:-5px}.world-view:active{cursor:grabbing}
.world-panorama{position:absolute;inset:-3%;background-image:url('images/panorama.webp');background-size:auto 100%;background-position:center;background-repeat:repeat-x;will-change:background-position;transform:scale(1.04);filter:brightness(.82) saturate(.95);}
.world-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b111b25 0%,#0b111b00 22%,#0b111b30 60%,#101216 100%),radial-gradient(ellipse at 50% 48%,#0b111b3b 0%,#0b111b00 65%)}
.world-menu{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-46%);width:340px;text-align:center;pointer-events:none}
.world-menu>.eyebrow{color:#e6e9f0bf;letter-spacing:.22em;font-size:10px;text-shadow:0 1px 6px #000}.world-menu h1{margin:24px -35px 0;line-height:1}.world-menu h1 img{width:100%;height:auto;filter:drop-shadow(0 5px 20px #0004)}
.world-menu p{color:#f4f5f7;font-size:15px;line-height:1.6;margin:25px 0 28px;text-shadow:0 2px 9px #0009}
.world-actions{display:flex;flex-direction:column;gap:9px;pointer-events:auto}.world-actions .button{background:#141922e6;border:1px solid #ffffff0d;border-radius:7px;backdrop-filter:blur(12px);justify-content:center;position:relative;min-height:49px;font-size:14px;box-shadow:0 3px 12px #0001}.world-actions .button>.icon:first-child{position:absolute;left:17px;width:17px}.world-actions .button>.icon:last-child{position:absolute;right:17px;width:16px}.world-actions .button.primary{background:#ff710b;border-color:#ff710b;color:#101216}.world-actions .button:hover{background:#252c36}.world-actions .button.primary:hover{background:#ff8733}
.world-versions{display:block;font-size:11px;color:#cad0da;margin-top:23px;text-shadow:0 2px 8px #0008}.world-versions i{font-style:normal;margin:0 10px;color:#8e97a6}
.world-bottom{position:absolute;bottom:34px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:11px;color:#a6afbd}.world-hint{display:flex;align-items:center;gap:8px}.world-bottom .icon{width:15px;height:15px}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;left:50%;transform:translateX(-50%)}.scroll-cue .icon{transform:rotate(90deg)}.motion-toggle{display:flex;align-items:center;gap:8px;border:1px solid #ffffff12;border-radius:6px;background:#161b23b3;color:#c5ceda;padding:9px 12px;cursor:pointer;font-size:11px}
.cinematic-home .front-overview{margin-top:0;padding-top:25px;margin-bottom:75px}.explorer-panel{padding:0;gap:0;align-items:stretch}.explorer-image{min-width:0}.explorer-image .screenshot{height:100%;display:block}.explorer-image .screenshot img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}.explorer-copy{display:flex;flex-direction:column;justify-content:center}
@media(max-width:700px){.world-intro{min-height:690px;max-height:960px}.world-menu{width:min(310px,calc(100% - 46px));transform:translate(-50%,-48%)}.world-menu h1{margin:25px -5px 0}.world-menu p{font-size:14px;margin:25px 0}.world-menu>.eyebrow{font-size:9px}.world-bottom{left:20px;right:20px;bottom:24px}.world-hint{display:none}.scroll-cue{position:static;transform:none;flex-direction:row}.motion-toggle{padding:8px 10px;font-size:10px}.cinematic-home .front-overview{padding-top:7px;margin-bottom:52px}.explorer-image .screenshot{height:auto}.explorer-copy{padding:21px}.world-panorama{filter:brightness(.8) saturate(.95)}}
/* Fullscreen client experience */
.cinematic-home{overflow:hidden}.cinematic-home .site-header{display:none}.cinematic-home main{height:100svh}.experience{height:100svh;min-height:560px;max-height:none}.experience-top{position:absolute;top:26px;left:32px;right:32px;z-index:5;display:flex;justify-content:space-between;align-items:center}.experience-top>div{display:flex;gap:8px;align-items:center}.scene-tool{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;min-width:38px;background:#131921b8;color:#d2d9e3;border:1px solid #ffffff0a;border-radius:6px;backdrop-filter:blur(12px);font-size:12px;padding:9px 12px;cursor:pointer}.scene-tool .icon{width:15px;height:15px}.experience .world-menu{top:47%;transform:translate(-50%,-50%)}.experience .world-menu p{margin:24px 0}.experience .world-actions .button{width:100%}.experience-panel:not([hidden]){animation:scene-in .3s ease-out both}.experience-bottom{position:absolute;left:28px;right:28px;bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:5}.scene-caption{display:flex;align-items:center;gap:8px;font-size:10px;color:#a5b0c0;flex:1}.scene-shortcut{justify-content:flex-end}.scene-dock{display:flex;gap:5px;background:#151a22cc;padding:6px;border:1px solid #ffffff0c;border-radius:9px;backdrop-filter:blur(16px)}.scene-dock button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;color:#a9b4c5;background:transparent;border:0;border-radius:5px;font-size:12px;cursor:pointer}.scene-dock button[aria-selected=true]{background:#ff710b20;color:#ff872e}.scene-dock button:hover{background:#ffffff0a;color:#eef1f5}.scene-dock .icon{width:16px;height:16px}.experience-credit{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:5;color:#7c899b;font-size:9px;letter-spacing:.02em}.tour-panel{position:absolute;z-index:3;inset:105px 6% 140px;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:44px;max-width:1600px;margin:auto}.tour-copy h2{font-size:44px;line-height:1.06;margin:17px 0;letter-spacing:-.05em}.tour-copy p{font-size:14px;color:#c6ceda;line-height:1.7;margin:0 0 23px;max-width:290px}.tour-copy .eyebrow{color:#c1cbd9}.tour-copy .button{font-size:12px;padding:11px 17px}.scene-back{display:flex;align-items:center;gap:8px;border:0;background:none;color:#a9b6c9;padding:0;margin-top:20px;font-size:12px;cursor:pointer}.scene-back .icon{width:15px}.tour-screen{min-width:0;position:relative;filter:drop-shadow(0 24px 40px #0005)}.tour-screen .screenshot{background:#141a22;border:1px solid #ffffff12;border-radius:9px}.tour-screen .screenshot img{display:block;max-height:calc(100svh - 270px);width:100%;height:auto;object-fit:contain}.tour-screen>span{position:absolute;right:15px;bottom:-29px;color:#8fa0b6;display:flex;align-items:center;gap:7px;font-size:10px}.tour-screen>span .icon{width:13px}.experience:has(.tour-panel:not([hidden])) .world-shade{background:linear-gradient(#080d1766,#0b111bc9 70%,#101216)}.cosmetic-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:650px;width:100%;justify-self:center}.cosmetic-choices a{height:170px;background:#151b24d4;border:1px solid #ffffff0c;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;backdrop-filter:blur(12px)}.cosmetic-choices a>.icon:first-child{width:42px;height:42px;color:#ff710b;stroke-width:1.3}.cosmetic-choices a>.icon:last-child{display:none}.cosmetic-choices a:hover{background:#242d3a}.cosmetic-choices span{font-size:14px}.experience .world-view:focus-visible{outline:2px solid #ff710b}
@keyframes scene-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.scene-caption{display:none}.experience-bottom{justify-content:center}.tour-panel{grid-template-columns:210px minmax(0,1fr);gap:24px;inset-inline:4%}.tour-copy h2{font-size:35px}}
@media(max-width:700px){.experience{min-height:520px}.experience-top{top:18px;left:18px;right:18px}.experience-top img{width:87px;height:auto}.scene-tool{min-height:34px;min-width:34px;padding:8px 10px;font-size:11px}.fullscreen-toggle{display:none}.motion-toggle span{display:none}.tour-panel{inset:90px 20px 120px;grid-template-columns:1fr;gap:20px;align-content:center}.tour-copy h2{font-size:31px;margin:9px 0}.tour-copy p{font-size:12px;margin-bottom:13px;max-width:none}.tour-copy .button{min-height:38px;font-size:11px}.tour-copy .scene-back{position:absolute;top:-10px;right:0;margin:0}.tour-screen .screenshot img{max-height:36svh}.tour-screen>span{bottom:-23px}.experience-bottom{left:10px;right:10px;bottom:34px}.scene-dock{width:100%;justify-content:space-around;gap:1px;padding:5px}.scene-dock button{flex:1;flex-direction:column;gap:6px;font-size:9px;padding:8px 4px;min-height:53px}.scene-dock .icon{width:17px;height:17px}.experience .world-menu{top:46%;width:min(310px,calc(100% - 50px))}.experience .world-menu h1{margin-top:18px}.experience .world-menu p{margin:22px 0;font-size:13px}.world-actions .button{min-height:46px}.cosmetic-choices{gap:9px;max-width:none}.cosmetic-choices a{height:100px;gap:10px}.cosmetic-choices a>.icon:first-child{width:29px;height:29px}.cosmetic-choices span{font-size:12px}}
@media(max-height:650px) and (min-width:701px){.experience-top{top:17px}.experience .world-menu{width:260px;top:46%}.experience .world-menu h1{margin:12px 0}.experience .world-menu p{margin:12px 0;font-size:12px}.experience .world-actions .button{min-height:40px;padding:9px}.experience .world-versions{margin-top:12px}.experience-bottom{bottom:28px}.tour-panel{inset-block:80px 105px}.tour-screen .screenshot img{max-height:calc(100svh - 190px)}}
.scene-dock button[aria-selected=true]:hover{background:#ff710b28;color:#ff872e}
/* The same panorama and client chrome on every route. */
.experience-top .brand img{width:110px;height:auto}
.experience-top .menu-toggle{display:flex}
.experience-top #navigation{display:none;position:absolute;top:50px;right:0;width:220px;padding:10px;flex-direction:column;align-items:stretch;gap:3px;background:#121822f5;border:1px solid #ffffff12;border-radius:9px;box-shadow:0 16px 48px #0005;backdrop-filter:blur(18px)}
.experience-top #navigation.open{display:flex}
.experience-top #navigation>a{font-size:13px;padding:10px 13px;border-radius:5px;color:#c6cfdd;min-height:40px}
.experience-top #navigation>a:hover,.experience-top #navigation>a[aria-current=page]{background:#ffffff08;color:#fff}
.experience-top #navigation>.primary{margin-top:5px;background:#ff710b;color:#101216}
.experience-credit{display:flex;gap:9px;white-space:nowrap}
.experience-credit a:hover{color:#d7dfeb}
.route-dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;color:#a9b4c5;border-radius:5px;font-size:12px}
.route-dock a:hover{background:#ffffff0a;color:#eef1f5}
.route-dock a[aria-current=page]{background:#ff710b20;color:#ff872e}
.cinematic-page .world-shade{background:linear-gradient(#0b111b33,#0b111bb0 55%,#101216)}
.chapter-tabs{position:absolute;top:86px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:4px;max-width:calc(100% - 40px);background:#141a22c9;border:1px solid #ffffff0c;border-radius:8px;padding:5px;backdrop-filter:blur(12px)}
.chapter-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;border-radius:5px;padding:10px 17px;min-height:40px;color:#b3bed0;font-size:12px;white-space:nowrap;cursor:pointer}
.chapter-tabs button[aria-selected=true]{color:#ff872e;background:#ff710b20}
.chapter-tabs button:hover{background:#ffffff0b}
.chapter-tabs .icon{width:15px;height:15px}
.cinematic-page .tour-panel{inset-block:160px 140px;max-width:1500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff28 transparent}
.cinematic-page .tour-screen>span{position:static;justify-content:flex-end;margin-top:9px}
.chapter-tabs{z-index:4;overflow-x:auto;scrollbar-width:none}
.cinematic-page .tour-screen .screenshot img{max-height:calc(100svh - 320px)}
.cinematic-page .feature-list{margin:0 0 25px;gap:9px;font-size:12px;color:#b6c2d3}
.cinematic-page .feature-list .icon{width:14px;height:14px}
.page-window{position:absolute;z-index:3;inset:100px 5% 130px;width:auto;max-width:1000px;margin:auto;padding:32px 36px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff28 transparent;border:1px solid #ffffff10;border-radius:12px;background:#121821d9;backdrop-filter:blur(18px);box-shadow:0 22px 80px #0003}
.page-window .page-heading{padding:0 0 24px;max-width:none}
.page-window .page-heading .eyebrow{margin-bottom:10px;font-size:9px;color:#ff872e}
.page-window .page-heading h1{font-size:36px;margin:0 0 10px;line-height:1.1}
.page-window .page-heading p{font-size:13px;color:#aebbd0;margin:0;max-width:none}
.page-window .release-panel{padding:15px 18px;margin:0 0 18px;background:#ffffff04;border:1px solid #ffffff08;border-radius:7px;gap:16px}
.page-window .release-panel h2{font-size:14px;letter-spacing:-.02em}
.page-window .release-panel p{font-size:11px;margin-top:4px}
.page-window .release-panel>div:first-child{gap:12px}
.page-window .release-panel>div:first-child>.icon{width:20px;height:20px}
.page-window .countdown{gap:15px}
.page-window .countdown b{font-size:23px}
.page-window .countdown small{font-size:8px}
.page-window .download-grid,.page-window .setup-grid{gap:16px;margin:0;grid-template-columns:1fr 1fr}
.page-window .download-card,.page-window .setup-card{padding:24px;background:#1c2430b3;border:1px solid #ffffff08;border-radius:8px;min-width:0}
.page-window .edition-icon{height:auto;margin:0 0 20px;background:none;padding:0;width:auto;justify-content:flex-start}
.page-window .edition-icon .icon{width:27px;height:27px;color:#ff872e}
.page-window .download-card .eyebrow{font-size:9px;margin-bottom:8px}
.page-window .download-card h2,.page-window .setup-card h2{font-size:23px;line-height:1.2}
.page-window .download-card>p{min-height:42px;font-size:12px;margin:14px 0 20px;line-height:1.6}
.page-window .version-label{padding:0;margin:0 0 20px;border:0}
.page-window .version-label small{font-size:8px;margin-bottom:5px}
.page-window .version-label strong{font-size:12px;font-weight:500}
.page-window .download-action .button{width:100%;font-size:12px;min-height:44px;padding:12px 10px}
.page-window .file-type{font-size:10px;margin-top:9px}
.page-window .download-help{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:19px 0 0;font-size:11px}
.page-window .download-help p{font-size:11px}
.page-window .download-help a{color:#d5ddeb}
.page-window .setup-card>.icon{width:25px;height:25px;color:#ff872e;margin:0 0 16px}
.page-window .setup-card ol{padding:0;margin:20px 0;list-style:decimal inside}
.page-window .setup-card li{padding:0;font-size:12px;margin-bottom:18px}
.page-window .setup-card li::before{content:none}
.page-window .setup-card li:last-child{padding-bottom:0}
.page-window .setup-card li::marker{color:#ff872e}
.page-window .setup-card strong{font-size:12px;font-weight:500}
.page-window .setup-card li p{font-size:12px;line-height:1.6;margin-top:4px}
.page-window .setup-card .button{font-size:12px;min-height:42px}
.page-window .faq{padding:28px 0 0;margin:0}
.page-window .faq h2{font-size:23px;margin:0 0 15px}
.page-window .faq details{border-color:#ffffff0b;padding:0}
.page-window .faq summary{font-size:13px;padding:16px 0;gap:15px}
.page-window .faq p{font-size:12px;padding:0 0 16px;line-height:1.7}
.page-window.narrow{max-width:720px}
.page-window .prose h2{font-size:20px;margin:25px 0 10px}
.page-window .prose p{font-size:13px;line-height:1.8;margin:0;color:#b5c0d1}
.page-window .prose{margin-bottom:0}
.experience .not-found{pointer-events:auto;width:min(380px,calc(100% - 48px));padding:0}
.experience .not-found h1{font-size:64px;margin:0}
.experience .not-found p{font-size:14px;margin:20px 0 26px}
@media(max-width:700px){
 .experience-top .brand img{width:87px}
 .experience-top .scene-tools{gap:5px}
 .experience-top #navigation{top:43px;max-height:calc(100svh - 130px);overflow:auto}
 .route-dock a{flex:1;flex-direction:column;gap:6px;padding:8px 4px;font-size:9px;min-height:53px}
 .chapter-tabs{top:78px;max-width:calc(100% - 28px);width:max-content;gap:2px}
 .chapter-tabs button{padding:9px 12px;min-height:42px;font-size:10px;gap:6px}
 .chapter-tabs .icon{display:none}
 .cinematic-page .tour-panel{inset:148px 20px 140px;gap:22px;align-content:start}
 .cinematic-page .tour-copy h2{font-size:31px}
 .cinematic-page .tour-screen .screenshot img{max-height:32svh}
 .cinematic-page .feature-list{margin-bottom:14px;font-size:11px;gap:6px}
 .page-window{inset:78px 14px 119px;padding:23px 20px;border-radius:9px}
 .page-window .page-heading{padding-bottom:21px}
 .page-window .page-heading h1{font-size:29px}
 .page-window .page-heading p{font-size:12px;line-height:1.65}
 .page-window .download-grid,.page-window .setup-grid{grid-template-columns:1fr;gap:12px}
 .page-window .download-card,.page-window .setup-card{padding:21px}
 .page-window .release-panel{padding:14px;gap:15px}
 .page-window .countdown{padding-top:12px}
 .page-window .download-help{gap:8px}
 .page-window .prose p{font-size:12px}
}
@media(max-width:350px){.chapter-tabs button{padding:9px 8px;font-size:9px}.scene-tools>.scene-tool:first-child{display:none}.page-window{padding:20px 15px}.page-window .download-card,.page-window .setup-card{padding:18px}.page-window .download-card h2{font-size:21px}}
@media(max-height:550px){
 .cinematic-page .experience{min-height:0}
 .cinematic-page .chapter-tabs{top:64px}
 .cinematic-page .tour-panel{inset:127px 5% 92px;grid-template-columns:180px minmax(0,1fr);gap:22px;overflow:auto;align-items:center;align-content:start;scrollbar-width:thin}
 .cinematic-page .tour-screen .screenshot img{max-height:calc(100svh - 230px)}
 .cinematic-page .feature-list{display:none}
 .cinematic-page .tour-copy h2{font-size:24px}
 .cinematic-page .tour-copy p{font-size:11px;margin-bottom:10px}
 .page-window{inset-block:65px 92px;padding:22px 26px}
 .route-dock a{min-height:34px;padding:7px 12px;font-size:11px}
}
@media(max-height:550px){.experience{min-height:0}.experience .world-menu{top:45%;width:240px}.experience .world-menu>.eyebrow,.experience .world-menu p,.experience .world-versions{display:none}.experience .world-menu h1{margin:0 auto 16px;width:180px}.experience .world-actions{gap:6px}.experience .world-actions .button{min-height:35px;padding:7px;font-size:12px}.experience-top{top:12px}.experience-bottom{bottom:27px}.scene-dock button{min-height:34px;padding:7px 12px}.tour-panel{inset:65px 5% 95px;grid-template-columns:180px minmax(0,1fr);gap:22px;align-content:center}.tour-copy h2{font-size:25px;margin:9px 0}.tour-copy p{font-size:11px;margin-bottom:10px}.tour-copy .eyebrow{display:none}.tour-copy .button{min-height:33px;font-size:11px}.tour-copy .scene-back{position:static;margin-top:10px}.tour-screen .screenshot img{max-height:calc(100svh - 160px)}.cosmetic-choices a{height:85px;gap:7px}.cosmetic-choices a>.icon:first-child{width:24px;height:24px}.cosmetic-choices span{font-size:11px}}