:root {
  color-scheme: light;
  --paper: #f3f0e9;
  --paper-strong: #fffdf8;
  --paper-muted: #e8e4db;
  --ink: #15181d;
  --ink-soft: #4f555d;
  --dark: #0b0e13;
  --dark-2: #11161d;
  --dark-3: #171e27;
  --dark-line: #2a3441;
  --white: #f4f7fa;
  --muted: #939eaa;
  --blue: #1687f5;
  --blue-light: #62b2ff;
  --green: #40c782;
  --line: #ccc6bb;
  --radius: 18px;
  --shell: 1120px;
  --header-height: 76px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

body:has(dialog[open]) {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
p,
dl,
dd,
figure {
  margin-top: 0;
}

h1,
h2,
h3 {
  line-height: 1.12;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}

h1 {
  margin-bottom: 26px;
  font-size: clamp(48px, 6.7vw, 86px);
  font-weight: 750;
}

h2 {
  margin-bottom: 20px;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 720;
}

h3 {
  font-size: 23px;
}

::selection {
  background: var(--blue);
  color: #fff;
}

.shell {
  width: min(var(--shell), calc(100% - 48px));
  margin-inline: auto;
}

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  padding: 10px 14px;
  background: var(--ink);
  color: #fff;
  transform: translateY(-150%);
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  min-height: var(--header-height);
  border-bottom: 1px solid rgba(107, 103, 95, 0.24);
  background: rgba(243, 240, 233, 0.94);
  backdrop-filter: blur(18px);
}

.header-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  min-height: var(--header-height);
  gap: 34px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.brand img {
  width: 40px;
  height: 40px;
  border-radius: 11px;
}

.brand span {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.brand strong {
  font-size: 16px;
}

.brand small {
  margin-top: 5px;
  color: #74736f;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.site-nav {
  display: flex;
  justify-content: center;
  gap: 29px;
}

.site-nav a {
  position: relative;
  color: #50545a;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
}

.site-nav a::after {
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  height: 2px;
  background: var(--blue);
  content: "";
  opacity: 0;
  transform: scaleX(.4);
  transition: opacity .18s ease, transform .18s ease;
}

.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: var(--ink);
}

.site-nav a:hover::after,
.site-nav a[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.header-buy,
.menu-toggle {
  min-height: 40px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}

.header-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  text-decoration: none;
}

.menu-toggle {
  display: none;
  padding: 0 15px;
}

.header-buy:hover,
.menu-toggle:hover {
  background: var(--blue);
  border-color: var(--blue);
}

.light-section {
  background: var(--paper);
  color: var(--ink);
}

.dark-section {
  background: var(--dark);
  color: var(--white);
}

.kicker,
.section-index {
  margin-bottom: 18px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.section-index {
  color: #70706c;
}

.button-row,
.dark-actions,
.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 760;
  text-decoration: none;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

.button:hover {
  transform: translateY(-2px);
}

.button.primary {
  background: var(--blue);
  color: #07111c;
}

.button.primary:hover {
  background: var(--blue-light);
}

.button.ghost {
  border-color: #aaa49a;
  background: transparent;
  color: var(--ink);
}

.button.ghost:hover {
  border-color: var(--ink);
  background: var(--paper-strong);
}

.button.dark-ghost {
  border-color: #465261;
  background: #151b23;
  color: var(--white);
}

.button.dark-ghost:hover {
  border-color: #718096;
  background: #1c2530;
}

.button.block {
  width: 100%;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid #80bdff;
  outline-offset: 4px;
}

.text-link {
  display: inline-block;
  color: #176cb9;
  font-weight: 700;
  text-underline-offset: 5px;
}

.inverse-link {
  color: #8bc7ff;
}

.home-hero {
  min-height: 760px;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}

.home-hero h1 {
  font-size: clamp(48px, 5.4vw, 72px);
}

.mobile-break {
  display: none;
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .75fr);
  align-items: center;
  gap: 74px;
  min-height: 760px;
  padding-top: 72px;
}

.hero-copy {
  padding-bottom: 62px;
}

.hero-lead,
.page-hero p:not(.kicker),
.section-heading > p:last-child {
  max-width: 660px;
  color: var(--ink-soft);
  font-size: 18px;
}

.hero-copy .button-row,
.page-hero .button-row {
  margin-top: 34px;
}

.hero-product {
  align-self: end;
  min-width: 0;
  padding: 22px 22px 0;
  border: 1px solid #2f3946;
  border-bottom: 0;
  border-radius: 26px 26px 0 0;
  background: var(--dark);
  box-shadow: 0 34px 70px rgba(37, 39, 43, .22);
}

.product-caption {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  color: var(--muted);
  font-size: 12px;
}

.product-caption strong {
  color: var(--green);
}

.panel-shot-wrap {
  height: 590px;
  overflow: hidden;
  border: 1px solid #303844;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  background: #050608;
}

.panel-shot-wrap img {
  width: 100%;
  height: auto;
}

.statement-section {
  padding: 126px 0;
}

.statement-grid {
  display: grid;
  grid-template-columns: .48fr 1.52fr;
  gap: 70px;
}

.statement-grid h2 {
  max-width: 820px;
}

.statement-grid div > p {
  max-width: 680px;
  margin-bottom: 0;
  color: var(--ink-soft);
  font-size: 18px;
}

.product-intro,
.feature-section,
.workflow-section,
.spec-section,
.steps-section,
.license-rules,
.upgrade-section,
.faq-section,
.timeline-section,
.download-section,
.checksum-section,
.buy-process,
.support-panel {
  padding: 112px 0;
}

.section-heading {
  max-width: 760px;
  margin-bottom: 52px;
}

.section-heading.inverse > p:last-child,
.dark-section .section-heading > p:last-child {
  color: var(--muted);
}

.value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--dark-line);
  border-radius: var(--radius);
  background: var(--dark-line);
}

.value-grid article {
  min-height: 280px;
  padding: 30px;
  background: var(--dark-2);
}

.value-grid span,
.feature-cards article > span {
  color: var(--blue-light);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.value-grid h3 {
  margin: 88px 0 12px;
}

.value-grid p,
.feature-cards p,
.workflow-copy p,
.support-cta p,
.download-card p,
.number-list p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 15px;
}

.dark-actions {
  margin-top: 32px;
}

.product-portfolio {
  display: grid;
  gap: 18px;
}

.portfolio-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  min-height: 510px;
  overflow: hidden;
  border: 1px solid var(--dark-line);
  border-radius: 24px;
  background: var(--dark-2);
}

.portfolio-copy {
  align-self: center;
  padding: 48px;
}

.portfolio-copy > span {
  color: var(--blue-light);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
}

.portfolio-copy h3 {
  margin: 22px 0 18px;
  font-size: clamp(36px, 5vw, 58px);
}

.portfolio-copy p {
  max-width: 560px;
  color: var(--muted);
  font-size: 16px;
}

.portfolio-copy ul {
  display: grid;
  gap: 8px;
  margin: 26px 0 32px;
  padding: 0;
  color: #c4ccd5;
  font-size: 14px;
  list-style: none;
}

.portfolio-copy li::before {
  margin-right: 9px;
  color: var(--green);
  content: "•";
}

.portfolio-visual {
  align-self: end;
  height: 470px;
  margin: 38px 38px 0 0;
  padding: 18px 18px 0;
  overflow: hidden;
  border: 1px solid #34404e;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  background: #050608;
}

.portfolio-visual img {
  width: 100%;
}

.aura-card {
  background: linear-gradient(135deg, #12171f 0%, #10151c 58%, #101d23 100%);
}

.aura-portfolio-visual {
  display: flex;
  align-items: flex-end;
}

.aura-portfolio-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.update-section {
  padding: 0;
  overflow: hidden;
}

.update-grid {
  display: grid;
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 90px;
  min-height: 760px;
}

.update-visual {
  align-self: end;
  max-width: 410px;
  height: 670px;
  padding: 24px 28px 0;
  overflow: hidden;
  border: 1px solid #333a44;
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  background: var(--dark);
}

.update-visual img {
  width: 100%;
}

.update-copy h2 {
  max-width: 670px;
}

.update-copy > p:not(.section-index) {
  max-width: 650px;
  color: var(--ink-soft);
  font-size: 17px;
}

.release-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 36px 0 28px;
  border-block: 1px solid var(--line);
}

.release-facts div {
  padding: 20px 16px 20px 0;
}

.release-facts dt {
  color: #77756f;
  font-size: 12px;
}

.release-facts dd {
  margin: 3px 0 0;
  font-size: 17px;
  font-weight: 750;
}

.support-cta {
  padding: 88px 0;
  border-top: 1px solid var(--dark-line);
}

.support-cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 80px;
}

.support-cta h2 {
  max-width: 720px;
  margin-bottom: 16px;
}

.support-cta p:not(.kicker) {
  max-width: 700px;
}

.cta-actions {
  justify-content: flex-end;
}

.page-hero {
  padding: 108px 0 0;
  overflow: hidden;
}

.page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .7fr);
  align-items: center;
  gap: 74px;
}

.page-hero h1 {
  max-width: 820px;
}

.dark-section.page-hero p:not(.kicker) {
  color: var(--muted);
}

.product-page-hero .page-hero-grid {
  min-height: 690px;
}

.page-panel-visual {
  align-self: end;
  height: 610px;
  padding: 22px 22px 0;
  overflow: hidden;
  border: 1px solid #34404e;
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  background: #050608;
}

.page-panel-visual img {
  width: 100%;
}

.aura-page-hero {
  background: radial-gradient(circle at 82% 30%, rgba(22, 135, 245, .13), transparent 29%), var(--dark);
}

.aura-hero-visual {
  align-self: end;
  height: 610px;
  padding: 22px 22px 0;
  overflow: hidden;
  border: 1px solid #34404e;
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  background: #050608;
  box-shadow: 0 34px 80px rgba(0, 0, 0, .35);
}

.aura-hero-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.aura-showcase,
.aura-download {
  padding: 112px 0;
}

.aura-showcase-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(440px, 1.18fr);
  align-items: center;
  gap: 80px;
}

.aura-showcase-copy > p:not(.kicker),
.aura-download p:not(.kicker) {
  color: var(--muted);
  font-size: 17px;
}

.aura-shot-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 14px;
}

.aura-shot-pair figure {
  margin: 0;
  padding: 14px 14px 0;
  overflow: hidden;
  border: 1px solid #34404e;
  border-radius: 18px;
  background: #050608;
}

.aura-shot-pair img {
  width: 100%;
  aspect-ratio: 4 / 5.3;
  object-fit: cover;
  object-position: left top;
}

.aura-shot-pair figcaption {
  padding: 12px 2px 14px;
  color: var(--muted);
  font-size: 12px;
}

.aura-download-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .7fr);
  align-items: center;
  gap: 80px;
}

.aura-download-facts {
  margin: 0;
  border-top: 1px solid var(--dark-line);
}

.aura-download-facts div {
  padding: 18px 0;
  border-bottom: 1px solid var(--dark-line);
}

.aura-download-facts dt {
  color: var(--muted);
  font-size: 12px;
}

.aura-download-facts dd {
  margin: 5px 0 0;
  font-weight: 700;
}

.aura-download-facts code {
  display: block;
  color: #b8c4d1;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 28px 0 0;
  padding: 0;
  color: var(--muted);
  font-size: 13px;
  list-style: none;
}

.hero-facts li::before {
  margin-right: 8px;
  color: var(--green);
  content: "•";
}

.light-facts {
  color: var(--ink-soft);
}

.feature-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.feature-cards article {
  min-height: 300px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper-strong);
}

.feature-cards h3 {
  margin: 82px 0 14px;
}

.feature-cards p {
  color: var(--ink-soft);
}

.workflow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  align-items: center;
  gap: 100px;
}

.workflow-copy > p:not(.kicker) {
  max-width: 650px;
  font-size: 17px;
}

.settings-visual {
  max-height: 660px;
  padding: 22px 22px 0;
  overflow: hidden;
  border: 1px solid #34404e;
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  background: #050608;
}

.number-list {
  display: grid;
  gap: 0;
  margin: 38px 0 0;
  padding: 0;
  list-style: none;
}

.number-list li {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  padding: 20px 0;
  border-top: 1px solid var(--dark-line);
}

.number-list li > span {
  color: var(--blue-light);
  font-size: 12px;
  font-weight: 800;
}

.number-list strong {
  font-size: 17px;
}

.spec-grid,
.split-copy {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 80px;
}

.spec-grid h2 {
  font-size: 42px;
}

.spec-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
  border-top: 1px solid var(--line);
}

.spec-list div {
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.spec-list dt {
  color: #77756f;
  font-size: 12px;
}

.spec-list dd {
  margin: 5px 0 0;
  font-weight: 720;
}

.guide-cover {
  align-self: end;
  max-width: 420px;
  height: 590px;
  padding: 18px 18px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  background: var(--paper-strong);
  box-shadow: 0 28px 60px rgba(44, 45, 45, .15);
}

.guide-cover img {
  width: 100%;
}

.guide-steps {
  display: grid;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--dark-line);
  list-style: none;
}

.guide-steps li {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid var(--dark-line);
}

.guide-steps > li > span {
  color: var(--blue-light);
  font-size: 13px;
  font-weight: 800;
}

.guide-steps h3 {
  margin-bottom: 8px;
}

.guide-steps p {
  max-width: 760px;
  margin-bottom: 0;
  color: var(--muted);
}

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

.rule-grid article {
  min-height: 310px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper-strong);
}

.rule-grid article > span {
  display: block;
  color: var(--blue);
  font-size: 64px;
  font-weight: 760;
  letter-spacing: -.06em;
}

.rule-grid h3 {
  margin: 56px 0 12px;
}

.rule-grid p {
  margin-bottom: 0;
  color: var(--ink-soft);
}

.split-copy > div:last-child > p {
  margin-bottom: 24px;
  color: var(--muted);
  font-size: 17px;
}

.faq-list {
  border-top: 1px solid var(--line);
}

.faq-list details {
  border-bottom: 1px solid var(--line);
}

.faq-list summary {
  padding: 24px 48px 24px 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 720;
}

.faq-list details p {
  max-width: 820px;
  padding: 0 0 26px;
  color: var(--ink-soft);
}

.compact-hero {
  padding-bottom: 92px;
}

.compact-hero .shell {
  min-height: 420px;
}

.compact-hero h1 {
  max-width: 850px;
}

.version-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.version-jump a {
  padding: 8px 13px;
  border: 1px solid var(--dark-line);
  border-radius: 999px;
  color: #b9c4ce;
  font-size: 13px;
  text-decoration: none;
}

.version-jump a:hover {
  border-color: var(--blue);
  color: #fff;
}

.release-group {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 50px;
  padding: 58px 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: calc(var(--header-height) + 20px);
}

.release-group:first-child {
  border-top: 0;
}

.release-group-title span {
  font-size: 28px;
  font-weight: 760;
  letter-spacing: -.04em;
}

.release-group-title p {
  color: #77756f;
  font-size: 12px;
}

.release-list {
  border-top: 1px solid var(--line);
}

.release-item {
  border-bottom: 1px solid var(--line);
}

.release-item summary {
  display: grid;
  grid-template-columns: 1fr auto 54px;
  align-items: center;
  gap: 26px;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
}

.release-item summary::-webkit-details-marker {
  display: none;
}

.release-version {
  font-size: 19px;
  font-weight: 760;
}

.release-version em {
  margin-left: 10px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #d9f3e4;
  color: #167143;
  font-size: 10px;
  font-style: normal;
  vertical-align: 3px;
}

.release-item time,
.summary-action {
  color: #77756f;
  font-size: 12px;
}

.release-item[open] .summary-action {
  color: var(--blue);
}

.release-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px 44px;
  padding: 4px 0 30px;
}

.release-content h3 {
  margin-bottom: 10px;
  font-size: 15px;
  letter-spacing: 0;
}

.release-content ul {
  margin: 0;
  padding-left: 20px;
  color: var(--ink-soft);
  font-size: 14px;
}

.release-content li + li {
  margin-top: 7px;
}

.price-card {
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--paper-strong);
  box-shadow: 0 28px 60px rgba(44, 45, 45, .12);
}

.price-card > p:first-child {
  margin-bottom: 16px;
  color: #77756f;
  font-size: 13px;
  font-weight: 700;
}

.pricing-options {
  display: grid;
  gap: 8px;
}

.pricing-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.pricing-option.recommended {
  border-color: rgba(64, 199, 130, .7);
  background: rgba(64, 199, 130, .08);
}

.pricing-option div {
  display: grid;
  gap: 3px;
}

.pricing-option span {
  font-weight: 700;
}

.pricing-option em,
.dialog-pricing em {
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--green);
  color: #08150f;
  font-size: 10px;
  font-style: normal;
  vertical-align: 2px;
}

.pricing-option small {
  color: var(--ink-soft);
  font-size: 13px;
}

.pricing-option strong {
  flex: 0 0 auto;
  font-size: 28px;
}

.plain-list {
  margin: 24px 0;
  padding: 20px 0;
  border-block: 1px solid var(--line);
  list-style: none;
}

.plain-list li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
}

.plain-list li::before {
  position: absolute;
  top: .68em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  content: "";
}

.plain-list li + li {
  margin-top: 8px;
}

.download-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.download-card {
  display: flex;
  flex-direction: column;
  min-height: 430px;
  padding: 28px;
  border: 1px solid var(--dark-line);
  border-radius: var(--radius);
  background: var(--dark-2);
}

.download-card.featured {
  border-color: #3374ad;
}

.tag {
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid #3b4654;
  border-radius: 999px;
  color: #b7c0ca;
  font-size: 10px;
  font-weight: 800;
}

.tag.green {
  border-color: rgba(64, 199, 130, .5);
  background: rgba(64, 199, 130, .08);
  color: var(--green);
}

.download-card h3 {
  margin: 24px 0 10px;
}

.download-card dl {
  margin: auto 0 24px;
  padding-top: 30px;
}

.download-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 8px 0;
  border-bottom: 1px solid #242d38;
  font-size: 12px;
}

.download-card dt {
  color: var(--muted);
}

.download-card dd {
  margin: 0;
  font-weight: 700;
}

.mirror-note {
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.mirror-note a {
  color: #8bc7ff;
}

.checksum-list {
  border-top: 1px solid var(--line);
}

.checksum-list article {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr) auto;
  align-items: center;
  gap: 28px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}

.checksum-list strong,
.checksum-list span {
  display: block;
}

.checksum-list span {
  margin-top: 3px;
  color: #77756f;
  font-size: 12px;
}

.checksum-list code {
  overflow: hidden;
  color: #464c54;
  font-family: Consolas, "SFMono-Regular", monospace;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checksum-list button {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid #99938a;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.buy-process .number-list {
  margin-top: 0;
}

.support-panel-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  align-items: center;
  gap: 100px;
}

.support-panel-grid > div > p:not(.kicker) {
  max-width: 650px;
  color: var(--ink-soft);
  font-size: 17px;
}

.support-panel figure {
  margin: 0;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper-strong);
  text-align: center;
}

.support-panel figure img {
  width: 100%;
  border-radius: 10px;
}

.support-panel figcaption {
  margin-top: 12px;
  color: #6d6b66;
  font-size: 12px;
}

.site-footer {
  padding: 58px 0;
  border-top: 1px solid #262f3b;
  background: var(--dark);
  color: var(--muted);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
}

.footer-brand {
  color: var(--white);
  font-size: 20px;
  font-weight: 760;
  text-decoration: none;
}

.footer-grid p {
  margin: 7px 0 0;
  font-size: 13px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 22px;
}

.footer-links a {
  color: #bcc5cf;
  font-size: 13px;
  text-decoration: none;
}

.footer-links a:hover {
  color: #fff;
}

.footer-meta {
  display: flex;
  justify-content: space-between;
  grid-column: 1 / -1;
  padding-top: 24px;
  border-top: 1px solid #202833;
  font-size: 12px;
}

.purchase-dialog {
  width: min(720px, calc(100% - 32px));
  padding: 0;
  overflow: hidden;
  border: 1px solid #384451;
  border-radius: 20px;
  background: var(--dark-2);
  color: var(--white);
  box-shadow: 0 36px 100px rgba(0, 0, 0, .5);
}

.purchase-dialog::backdrop {
  background: rgba(4, 6, 9, .74);
  backdrop-filter: blur(5px);
}

.dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 28px;
  border-bottom: 1px solid var(--dark-line);
}

.dialog-head .kicker {
  margin-bottom: 7px;
}

.dialog-head h2 {
  margin: 0;
  font-size: 30px;
}

.dialog-head button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #465261;
  border-radius: 999px;
  background: transparent;
  color: #c9d0d8;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}

.dialog-body {
  display: grid;
  grid-template-columns: 240px 1fr;
  align-items: center;
  gap: 32px;
  padding: 28px;
}

.dialog-body > img {
  width: 240px;
  height: 240px;
  border-radius: 12px;
  background: #fff;
}

.dialog-body > div > p {
  color: var(--muted);
  font-size: 14px;
}

.dialog-pricing {
  display: grid;
  gap: 7px;
  margin-bottom: 14px;
}

.dialog-pricing > div {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  gap: 2px 12px;
  padding: 9px 12px;
  border: 1px solid var(--dark-line);
  border-radius: 10px;
}

.dialog-pricing > div.recommended {
  border-color: rgba(64, 199, 130, .55);
}

.dialog-pricing span {
  font-size: 13px;
  font-weight: 700;
}

.dialog-pricing strong {
  grid-row: 1 / 3;
  grid-column: 2;
  color: var(--green);
  font-size: 24px;
}

.dialog-pricing small {
  color: var(--muted);
  font-size: 11px;
}

.compact-list {
  margin: 18px 0;
  padding: 14px 0;
  border-color: var(--dark-line);
}

.dialog-body .text-link {
  color: #8bc7ff;
  font-size: 13px;
}

.back-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 25;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #465261;
  border-radius: 999px;
  background: rgba(17, 22, 29, .94);
  color: #d9e0e7;
  cursor: pointer;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}

.back-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  z-index: 60;
  padding: 10px 15px;
  border: 1px solid rgba(64, 199, 130, .42);
  border-radius: 999px;
  background: #14251d;
  color: #b8f0d0;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition: opacity .16s ease, transform .16s ease;
}

.toast.visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.not-found {
  min-height: calc(100vh - var(--header-height));
  padding: 130px 0;
}

.not-found h1 {
  max-width: 780px;
}

.not-found > .shell > p:not(.kicker) {
  max-width: 600px;
  color: var(--ink-soft);
  font-size: 18px;
}

.not-found .button-row {
  margin-top: 30px;
}

@media (max-width: 960px) {
  .header-inner {
    grid-template-columns: auto auto 1fr auto;
    gap: 16px;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-column: 2;
  }

  .header-buy {
    grid-column: 4;
  }

  .site-nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 10px 24px 18px;
    border-bottom: 1px solid var(--line);
    background: var(--paper);
  }

  .site-nav.is-open {
    display: flex;
  }

  .site-nav a {
    padding: 12px 0;
    border-bottom: 1px solid rgba(204, 198, 187, .7);
  }

  .site-nav a::after {
    display: none;
  }

  .hero-grid,
  .page-hero-grid,
  .update-grid,
  .workflow-grid {
    grid-template-columns: 1fr 360px;
    gap: 42px;
  }

  .portfolio-card {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .82fr);
  }

  .portfolio-copy {
    padding: 38px;
  }

  .portfolio-visual {
    margin-right: 28px;
  }

  .aura-showcase-grid {
    grid-template-columns: minmax(0, .8fr) minmax(380px, 1.2fr);
    gap: 44px;
  }

  .home-hero,
  .hero-grid {
    min-height: 690px;
  }

  .panel-shot-wrap {
    height: 520px;
  }

  .value-grid,
  .feature-cards,
  .download-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .value-grid article:last-child,
  .download-card:last-child {
    grid-column: 1 / -1;
  }

  .support-cta-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .cta-actions {
    justify-content: flex-start;
  }

  .rule-grid {
    grid-template-columns: 1fr;
  }

  .rule-grid article {
    min-height: 0;
  }

  .rule-grid h3 {
    margin-top: 20px;
  }

  .support-panel-grid {
    gap: 50px;
  }
}

@media (max-width: 800px) {
  :root {
    --header-height: 68px;
  }

  .shell {
    width: min(var(--shell), calc(100% - 32px));
  }

  .header-inner {
    grid-template-columns: auto 1fr auto;
  }

  .brand small,
  .header-buy {
    display: none;
  }

  .menu-toggle {
    grid-column: 3;
  }

  h1 {
    font-size: clamp(42px, 13vw, 64px);
  }

  .home-hero h1 {
    font-size: clamp(42px, 12.1vw, 52px);
  }

  .mobile-break {
    display: inline;
  }

  h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .home-hero {
    min-height: auto;
  }

  .hero-grid,
  .page-hero-grid,
  .update-grid,
  .workflow-grid,
  .statement-grid,
  .spec-grid,
  .split-copy,
  .support-panel-grid,
  .portfolio-card,
  .aura-showcase-grid,
  .aura-download-grid {
    grid-template-columns: 1fr;
  }

  .hero-grid {
    min-height: auto;
    padding-top: 78px;
  }

  .hero-copy {
    padding-bottom: 10px;
  }

  .hero-lead,
  .page-hero p:not(.kicker),
  .section-heading > p:last-child {
    font-size: 16px;
  }

  .hero-product {
    width: min(100%, 430px);
    justify-self: center;
  }

  .panel-shot-wrap {
    height: 510px;
  }

  .statement-section,
  .product-intro,
  .feature-section,
  .workflow-section,
  .spec-section,
  .steps-section,
  .license-rules,
  .upgrade-section,
  .faq-section,
  .timeline-section,
  .download-section,
  .checksum-section,
    .buy-process,
    .support-panel,
    .aura-showcase,
    .aura-download {
    padding: 78px 0;
  }

  .portfolio-card {
    min-height: 0;
  }

  .portfolio-copy {
    padding: 36px;
  }

  .portfolio-visual {
    width: min(calc(100% - 52px), 430px);
    height: 470px;
    margin: 0 auto;
  }

  .statement-grid {
    gap: 22px;
  }

  .value-grid,
  .feature-cards,
  .download-cards {
    grid-template-columns: 1fr;
  }

  .value-grid article:last-child,
  .download-card:last-child {
    grid-column: auto;
  }

  .value-grid article,
  .feature-cards article {
    min-height: 240px;
  }

  .value-grid h3,
  .feature-cards h3 {
    margin-top: 52px;
  }

  .update-grid {
    gap: 52px;
    padding-top: 78px;
  }

  .update-visual {
    order: 2;
    width: min(100%, 410px);
    height: 580px;
    justify-self: center;
  }

  .release-facts {
    grid-template-columns: 1fr;
  }

  .release-facts div {
    border-bottom: 1px solid var(--line);
  }

  .release-facts div:last-child {
    border-bottom: 0;
  }

  .page-hero {
    padding-top: 82px;
  }

  .product-page-hero .page-hero-grid {
    min-height: auto;
  }

  .page-panel-visual,
  .aura-hero-visual,
  .guide-cover {
    width: min(100%, 430px);
    height: 540px;
    justify-self: center;
  }

  .aura-showcase-grid,
  .aura-download-grid {
    gap: 48px;
  }

  .aura-shot-pair {
    width: min(100%, 640px);
    justify-self: center;
  }

  .hero-facts {
    flex-direction: column;
    gap: 4px;
  }

  .workflow-grid {
    gap: 48px;
  }

  .settings-visual {
    width: min(100%, 410px);
    max-height: 600px;
    justify-self: center;
  }

  .spec-grid,
  .split-copy {
    gap: 24px;
  }

  .guide-steps li {
    grid-template-columns: 54px 1fr;
    gap: 12px;
  }

  .release-group {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 44px 0;
  }

  .release-item summary {
    grid-template-columns: 1fr auto;
    gap: 10px;
  }

  .summary-action {
    display: none;
  }

  .release-content {
    grid-template-columns: 1fr;
  }

  .price-card {
    margin-top: 24px;
  }

  .checksum-list article {
    grid-template-columns: 1fr auto;
    gap: 12px;
  }

  .checksum-list code {
    grid-column: 1 / -1;
    grid-row: 2;
    overflow: visible;
    white-space: normal;
    word-break: break-all;
  }

  .support-panel figure {
    width: min(100%, 300px);
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-links {
    justify-content: flex-start;
  }

  .footer-meta {
    flex-direction: column;
    gap: 4px;
  }

  .dialog-body {
    grid-template-columns: 1fr;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
  }

  .dialog-body > img {
    width: min(240px, 100%);
    height: auto;
    justify-self: center;
  }
}

@media (max-width: 430px) {
  .shell {
    width: min(100% - 28px, var(--shell));
  }

  .brand img {
    width: 36px;
    height: 36px;
  }

  .brand strong {
    font-size: 15px;
  }

  .button-row,
  .dark-actions,
  .cta-actions {
    flex-direction: column;
  }

  .button-row .button,
  .dark-actions .button,
  .cta-actions .button {
    width: 100%;
  }

  .product-caption {
    flex-direction: column;
    gap: 2px;
  }

  .hero-product,
  .page-panel-visual,
  .aura-hero-visual,
  .guide-cover,
  .update-visual,
  .settings-visual {
    border-radius: 18px 18px 0 0;
  }

  .panel-shot-wrap,
  .page-panel-visual,
  .aura-hero-visual {
    height: 500px;
  }

  .portfolio-copy {
    padding: 28px 24px 34px;
  }

  .portfolio-visual {
    width: calc(100% - 28px);
    height: 430px;
  }

  .aura-shot-pair {
    grid-template-columns: 1fr;
  }

  .aura-shot-pair figure {
    width: min(100%, 390px);
    justify-self: center;
  }

  .feature-cards article,
  .value-grid article,
  .rule-grid article,
  .download-card {
    padding: 24px;
  }

  .spec-list {
    grid-template-columns: 1fr;
  }

  .pricing-option {
    align-items: flex-start;
  }

  .pricing-option strong {
    font-size: 24px;
  }

  .release-item summary {
    align-items: start;
  }

  .release-item time {
    padding-top: 4px;
  }

  .back-top {
    right: 14px;
    bottom: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* Homepage editorial direction — selected concept 03 */
body {
  background: #fff;
}

.site-header {
  min-height: 70px;
  border-bottom-color: #e8ebf0;
  background: rgba(255, 255, 255, .94);
}

.header-inner {
  min-height: 70px;
}

.brand img {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.brand small {
  display: none;
}

.site-nav a {
  color: #333a45;
  font-size: 13px;
  font-weight: 560;
}

.header-buy {
  min-height: 38px;
  padding: 0 18px;
  border-color: #1769ff;
  background: #1769ff;
}

.header-buy:hover {
  border-color: #0958ea;
  background: #0958ea;
}

.button.primary {
  background: #1769ff;
  color: #fff;
}

.button.primary:hover {
  background: #0958ea;
}

.editorial-hero,
.product-focus,
.workflow-stories,
.editorial-cta {
  background: #fff;
  color: #111318;
}

.editorial-hero {
  overflow: hidden;
  border-bottom: 1px solid #eef0f4;
}

.editorial-hero-grid {
  display: grid;
  grid-template-columns: minmax(440px, .82fr) minmax(600px, 1.18fr);
  align-items: center;
  gap: 48px;
  min-height: 700px;
  padding: 78px 0 62px;
}

.editorial-hero .shell,
.product-focus .shell,
.workflow-stories .shell,
.editorial-cta .shell {
  width: min(1240px, calc(100% - 48px));
}

.editorial-hero-copy {
  position: relative;
  z-index: 2;
}

.editorial-hero h1 {
  margin-bottom: 24px;
  font-size: clamp(52px, 4.35vw, 63px);
  font-weight: 780;
  letter-spacing: -.055em;
  line-height: 1.12;
}

.editorial-hero-copy > p:not(.eyebrow) {
  max-width: 470px;
  margin-bottom: 30px;
  color: #58606d;
  font-size: 16px;
  line-height: 1.85;
}

.hero-interface-stage {
  position: relative;
  min-height: 540px;
}

.hero-screen {
  position: absolute;
  margin: 0;
  overflow: hidden;
  border: 1px solid #222a34;
  border-radius: 9px 9px 0 0;
  background: #12161b;
  box-shadow: 0 30px 54px rgba(31, 40, 54, .18);
}

.hero-screen img {
  width: 100%;
}

.hero-screen-wumanager {
  bottom: -62px;
  left: 2%;
  z-index: 2;
  width: 41%;
  height: 535px;
}

.hero-screen-wumanager img {
  object-position: top;
}

.hero-screen-aura {
  right: 0;
  bottom: -62px;
  z-index: 3;
  width: 58%;
  height: 405px;
}

.hero-screen-aura img {
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.interface-label {
  position: absolute;
  z-index: 5;
  color: #1e2530;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.interface-label span {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: #1769ff;
  box-shadow: -16px 0 0 -3px #1769ff;
}

.label-wumanager {
  top: 3px;
  left: 23%;
  color: #1769ff;
}

.label-aura {
  top: 91px;
  right: 5%;
}

.product-focus,
.workflow-stories {
  padding: 82px 0 88px;
}

.editorial-heading {
  margin-bottom: 42px;
  text-align: center;
}

.editorial-heading h2 {
  margin-bottom: 14px;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 760;
  letter-spacing: -.045em;
}

.editorial-heading > span {
  display: block;
  width: 40px;
  height: 3px;
  margin: 0 auto;
  border-radius: 3px;
  background: #1769ff;
}

.focus-list {
  display: grid;
  gap: 16px;
}

.focus-row {
  display: grid;
  grid-template-columns: 330px 1fr;
  align-items: center;
  gap: 52px;
  min-height: 240px;
  padding: 35px 50px;
  border-radius: 10px;
  background: #f3f7ff;
}

.focus-product {
  padding-right: 38px;
  border-right: 1px solid #d8e0ef;
}

.focus-product > p {
  margin-bottom: 7px;
  color: #1769ff;
  font-size: 13px;
  font-weight: 720;
}

.focus-row-aura .focus-product > p,
.focus-row-aura .text-link {
  color: #26a348;
}

.focus-product h3 {
  margin-bottom: 10px;
  font-size: 30px;
  letter-spacing: -.035em;
}

.focus-product > span {
  display: block;
  margin-bottom: 12px;
  color: #697180;
  font-size: 13px;
  line-height: 1.7;
}

.focus-product .text-link {
  font-size: 13px;
  text-decoration: none;
}

.focus-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.focus-points > div {
  min-height: 92px;
  padding: 5px 26px;
  border-left: 1px solid #d8e0ef;
}

.focus-points > div:first-child {
  border-left: 0;
}

.focus-points i {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 9px;
  border-radius: 50%;
  background: #1769ff;
}

.focus-row-aura .focus-points i {
  background: #26a348;
}

.focus-points strong {
  font-size: 15px;
}

.focus-points span {
  display: block;
  margin-top: 8px;
  color: #727987;
  font-size: 12px;
  line-height: 1.65;
}

.workflow-stories {
  padding-top: 0;
}

.workflow-stories .editorial-heading {
  margin-bottom: 50px;
}

.story-list {
  display: grid;
  gap: 22px;
}

.workflow-story {
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  min-height: 410px;
  overflow: hidden;
  border-radius: 10px;
  background: #f5f8fe;
}

.story-copy {
  align-self: center;
  padding: 48px;
}

.story-index {
  margin-bottom: 14px;
  color: #7c8492;
  font-size: 12px;
}

.story-copy h3 {
  margin-bottom: 16px;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.25;
}

.story-copy > p:not(.story-index) {
  max-width: 470px;
  margin-bottom: 18px;
  color: #697180;
  font-size: 13px;
  line-height: 1.75;
}

.story-copy ul {
  display: grid;
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  color: #4e5664;
  font-size: 13px;
  list-style: none;
}

.story-copy li {
  counter-increment: story-step;
}

.story-copy ul {
  counter-reset: story-step;
}

.story-copy li::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  border-radius: 50%;
  background: #1769ff;
  color: #fff;
  content: counter(story-step);
  font-size: 10px;
  font-weight: 700;
}

.story-aura .story-copy li::before {
  background: #26a348;
}

.story-copy .text-link {
  font-size: 13px;
  text-decoration: none;
}

.aura-link {
  color: #26a348;
}

.story-visual {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  min-width: 0;
  padding: 24px 30px 0;
  overflow: hidden;
}

.story-visual figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid #2d3540;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #12161b;
  box-shadow: 0 22px 40px rgba(32, 42, 58, .16);
}

.story-visual-wumanager figure:first-child {
  width: 42%;
  height: 370px;
}

.story-visual-wumanager figure:last-child {
  width: 58%;
  height: 315px;
}

.story-visual img {
  width: 100%;
}

.story-visual-wumanager figure:last-child img {
  width: 125%;
  max-width: none;
  transform: translateX(-10%);
}

.story-aura {
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
}

.story-visual-aura {
  padding-right: 8px;
  padding-left: 50px;
}

.story-visual-aura figure:first-child {
  width: 100%;
  height: 360px;
}

.story-visual-aura img {
  height: 100%;
  object-fit: cover;
  object-position: top left;
}

.editorial-cta {
  padding: 0 24px 38px;
}

.editorial-cta-inner {
  padding: 55px 30px;
  border-radius: 14px;
  background: #edf4ff;
  text-align: center;
}

.editorial-cta h2 {
  margin-bottom: 12px;
  font-size: clamp(32px, 3.4vw, 44px);
}

.editorial-cta p {
  margin-bottom: 26px;
  color: #6b7381;
  font-size: 14px;
}

.editorial-cta .button-row {
  justify-content: center;
}

.editorial-cta .button {
  min-width: 170px;
  min-height: 44px;
}

.editorial-cta .button.ghost {
  border-color: #616b79;
  background: #fff;
}

.site-footer {
  padding: 46px 0 28px;
  border-top-color: #e5e9ef;
  background: #fff;
  color: #777f8c;
}

.footer-brand {
  color: #141820;
}

.footer-links a {
  color: #3f4652;
}

.footer-links a:hover {
  color: #1769ff;
}

.footer-meta {
  border-top-color: #e9ecf1;
}

@media (max-width: 1080px) {
  .editorial-hero-grid {
    grid-template-columns: minmax(380px, .82fr) minmax(450px, 1.18fr);
    gap: 30px;
  }

  .focus-row {
    grid-template-columns: 290px 1fr;
    gap: 28px;
    padding-inline: 32px;
  }

  .focus-points > div {
    padding-inline: 18px;
  }
}

@media (max-width: 800px) {
  .site-header,
  .header-inner {
    min-height: 68px;
  }

  .site-nav {
    background: #fff;
  }

  .editorial-hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 62px 0 0;
  }

  .editorial-hero .shell,
  .product-focus .shell,
  .workflow-stories .shell,
  .editorial-cta .shell {
    width: min(var(--shell), calc(100% - 32px));
  }

  .editorial-hero-copy {
    max-width: 580px;
  }

  .editorial-hero h1 {
    font-size: clamp(44px, 12.5vw, 62px);
  }

  .hero-interface-stage {
    min-height: 510px;
    margin-top: 20px;
  }

  .hero-screen-wumanager {
    bottom: -1px;
    left: 5%;
    width: 40%;
    height: 480px;
  }

  .hero-screen-aura {
    right: 3%;
    bottom: -1px;
    width: 59%;
    height: 350px;
  }

  .label-wumanager {
    left: 20%;
  }

  .label-aura {
    top: 108px;
    right: 6%;
  }

  .product-focus,
  .workflow-stories {
    padding: 70px 0;
  }

  .focus-row,
  .workflow-story,
  .story-aura {
    grid-template-columns: 1fr;
  }

  .focus-row {
    gap: 26px;
  }

  .focus-product {
    padding: 0 0 24px;
    border-right: 0;
    border-bottom: 1px solid #d8e0ef;
  }

  .story-aura .story-visual {
    order: 2;
  }

  .story-visual {
    min-height: 360px;
    padding-inline: 28px;
  }

  .story-visual-aura {
    padding-left: 28px;
  }
}

@media (max-width: 560px) {
  .editorial-hero-grid {
    padding-top: 48px;
  }

  .editorial-hero h1 {
    font-size: clamp(40px, 12.8vw, 52px);
  }

  .editorial-hero-copy > p:not(.eyebrow) {
    font-size: 15px;
  }

  .hero-interface-stage {
    min-height: 410px;
  }

  .hero-screen-wumanager {
    left: 0;
    width: 46%;
    height: 390px;
  }

  .hero-screen-aura {
    right: 0;
    width: 65%;
    height: 285px;
  }

  .label-wumanager {
    left: 9%;
  }

  .label-aura {
    top: 79px;
    right: 0;
  }

  .product-focus,
  .workflow-stories {
    padding: 58px 0;
  }

  .editorial-heading {
    margin-bottom: 30px;
  }

  .editorial-heading h2 {
    font-size: 30px;
  }

  .focus-row {
    padding: 28px 24px;
  }

  .focus-points {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .focus-points > div,
  .focus-points > div:first-child {
    min-height: 0;
    padding: 0 0 18px;
    border: 0;
    border-bottom: 1px solid #d8e0ef;
  }

  .focus-points > div:last-child {
    border-bottom: 0;
  }

  .story-copy {
    padding: 34px 24px;
  }

  .story-copy h3 {
    font-size: 29px;
  }

  .story-visual {
    min-height: 300px;
    padding: 18px 14px 0;
  }

  .story-visual-wumanager figure:first-child,
  .story-visual-aura figure:first-child {
    height: 290px;
  }

  .story-visual-wumanager figure:last-child,
  .story-visual-aura figure:last-child {
    height: 260px;
  }

  .editorial-cta {
    padding: 0 14px 24px;
  }

  .editorial-cta-inner {
    width: 100%;
    padding: 44px 20px;
  }
}

/* Eagle-inspired dark product narrative — selected concept 03 */
body {
  background: #050607;
}

.site-header {
  min-height: 70px;
  border-bottom-color: #22262c;
  background: rgba(5, 6, 7, .9);
  color: #f5f7fa;
}

.header-inner {
  min-height: 70px;
}

.brand img {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.brand strong {
  color: #f4f6f8;
}

.brand small {
  display: none;
}

.site-nav a {
  color: #aeb5bf;
  font-size: 13px;
  font-weight: 580;
}

.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: #fff;
}

.header-buy,
.button.primary {
  border-color: #1974ff;
  background: #1974ff;
  color: #fff;
}

.header-buy:hover,
.button.primary:hover {
  border-color: #398aff;
  background: #398aff;
}

.menu-toggle {
  border-color: #3a424c;
  background: #11151a;
}

.cinema-home {
  overflow: clip;
  background: #050607;
  color: #f5f7fa;
}

.cinema-home .shell {
  width: min(1240px, calc(100% - 48px));
}

.cinema-hero {
  position: relative;
  min-height: 850px;
  overflow: hidden;
  border-bottom: 1px solid #1c2026;
  background: #050607;
}

.cinema-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(470px, .86fr) minmax(600px, 1.14fr);
  align-items: center;
  gap: 54px;
  min-height: 850px;
  padding: 72px 0 78px;
}

.cinema-hero-copy {
  position: relative;
  z-index: 8;
}

.cinema-kicker,
.bridge-heading > p,
.choice-heading > p,
.cinema-cta-inner > p {
  margin-bottom: 18px;
  color: #669eff;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .18em;
}

.cinema-hero h1 {
  max-width: 570px;
  margin-bottom: 26px;
  font-size: clamp(56px, 4.35vw, 64px);
  font-weight: 760;
  letter-spacing: -.055em;
  line-height: 1.12;
}

.cinema-lead {
  max-width: 520px;
  margin-bottom: 30px;
  color: #a8afb9;
  font-size: 16px;
  line-height: 1.85;
}

.cinema-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.cinema-actions .button {
  min-height: 46px;
}

.cinema-text-link {
  color: #9fc3ff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-underline-offset: 5px;
}

.cinema-text-link:hover {
  text-decoration: underline;
}

.product-switch {
  display: inline-flex;
  gap: 8px;
  margin-top: 28px;
}

.product-switch button {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid #343b45;
  border-radius: 999px;
  background: #0a0d11;
  color: #aab1bb;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  transition: border-color .22s ease, background .22s ease, color .22s ease, transform .22s ease;
}

.product-switch button:hover {
  transform: translateY(-2px);
}

.product-switch button span {
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 50%;
  background: #1974ff;
}

.product-switch button[data-product-switch="aura"] span {
  background: #39c96b;
}

.product-switch button[aria-pressed="true"] {
  border-color: #4776c9;
  background: #111a29;
  color: #fff;
}

.cinema-home[data-home-product="aura"] .product-switch button[aria-pressed="true"] {
  border-color: #3d8c58;
  background: #102118;
}

.cinema-stage {
  position: relative;
  min-height: 620px;
  perspective: 1200px;
}

.cinema-screen {
  position: absolute;
  margin: 0;
  overflow: hidden;
  border: 1px solid #343c47;
  border-radius: 13px;
  background: #0a0c0f;
  box-shadow: 0 34px 76px rgba(0, 0, 0, .54);
  transition: opacity .45s ease, transform .65s cubic-bezier(.2,.75,.25,1), border-color .45s ease, box-shadow .45s ease;
}

.cinema-screen figcaption {
  position: absolute;
  top: 12px;
  left: 14px;
  z-index: 2;
  padding: 6px 10px;
  border: 1px solid #344150;
  border-radius: 999px;
  background: rgba(6, 8, 11, .88);
  color: #91baff;
  font-size: 11px;
  font-weight: 700;
}

.cinema-screen-aura figcaption {
  color: #6fe095;
}

.cinema-screen img {
  width: 100%;
}

.cinema-screen-wu {
  top: 22px;
  left: 8%;
  z-index: 4;
  width: 40%;
  height: 590px;
  border-color: #355b91;
  box-shadow: 0 30px 80px rgba(16, 92, 211, .2);
  transform: rotateY(3deg);
}

.cinema-screen-aura {
  top: 150px;
  right: 0;
  z-index: 3;
  width: 67%;
  height: 430px;
  opacity: .78;
  transform: translateX(18px) scale(.94) rotateY(-2deg);
}

.cinema-screen-aura img {
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.cinema-home[data-home-product="aura"] .cinema-screen-wu {
  z-index: 3;
  opacity: .56;
  transform: translate(-34px, 42px) scale(.91) rotateY(4deg);
}

.cinema-home[data-home-product="aura"] .cinema-screen-aura {
  z-index: 5;
  opacity: 1;
  border-color: #386e4a;
  box-shadow: 0 32px 82px rgba(27, 151, 70, .18);
  transform: translate(-18px, -18px) scale(1) rotateY(0);
}

.scroll-cue {
  position: absolute;
  bottom: 30px;
  left: 50%;
  color: #737b86;
  font-size: 11px;
  text-decoration: none;
  transform: translateX(-50%);
}

.cinema-chapter {
  min-height: 540px;
  border-bottom: 1px solid #1b2026;
  background: #07090b;
}

.cinema-chapter-wu {
  box-shadow: inset 32px 0 90px -80px rgba(25, 116, 255, .9);
}

.cinema-chapter-aura {
  box-shadow: inset -32px 0 90px -80px rgba(57, 201, 107, .9);
}

.chapter-grid {
  display: grid;
  grid-template-columns: minmax(340px, .78fr) minmax(620px, 1.22fr);
  align-items: center;
  gap: 70px;
  min-height: 540px;
  padding: 48px 0;
}

.cinema-chapter-aura .chapter-copy {
  grid-column: 2;
  grid-row: 1;
}

.cinema-chapter-aura .chapter-stage {
  grid-column: 1;
  grid-row: 1;
}

.chapter-index {
  margin-bottom: 22px;
  color: #5892fb;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .1em;
}

.cinema-chapter-aura .chapter-index {
  color: #57d981;
}

.chapter-copy h2 {
  max-width: 520px;
  margin-bottom: 24px;
  font-size: clamp(38px, 3.7vw, 52px);
  font-weight: 735;
  letter-spacing: -.05em;
  line-height: 1.16;
}

.chapter-copy > p:not(.chapter-index) {
  max-width: 500px;
  margin-bottom: 24px;
  color: #9ca4af;
  font-size: 15px;
}

.chapter-copy ul {
  display: grid;
  gap: 9px;
  margin: 0 0 26px;
  padding: 0;
  color: #c0c6ce;
  font-size: 13px;
  list-style: none;
}

.chapter-copy li::before {
  margin-right: 10px;
  color: #4d90ff;
  content: "•";
}

.cinema-chapter-aura .chapter-copy li::before {
  color: #4fd978;
}

.green-link {
  color: #65df8a;
}

.blue-link {
  color: #78aaff;
}

.chapter-stage {
  position: relative;
  min-height: 455px;
  transform: translate3d(0, var(--parallax-y, 0), 0);
  will-change: transform;
}

.chapter-window {
  position: absolute;
  margin: 0;
  overflow: hidden;
  border: 1px solid #303844;
  border-radius: 12px;
  background: #0a0d10;
  box-shadow: 0 28px 64px rgba(0, 0, 0, .46);
}

.chapter-window img {
  width: 100%;
}

.chapter-window-wu-main {
  top: 0;
  left: 9%;
  z-index: 2;
  width: 38%;
  height: 455px;
  border-color: #315681;
}

.chapter-window-wu-detail {
  right: 0;
  bottom: 0;
  width: 58%;
  height: 390px;
}

.chapter-window-wu-detail img {
  width: 82%;
  max-width: none;
  transform: translateX(10%);
}

.chapter-window-aura-main {
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 78%;
  height: 410px;
  border-color: #315a3f;
}

.chapter-window-aura-palette {
  top: 0;
  right: 0;
  z-index: 3;
  width: 39%;
  height: 370px;
}

.chapter-window-aura-main img,
.chapter-window-aura-palette img {
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.workflow-bridge,
.product-choice,
.compatibility-strip,
.cinema-cta {
  background: #050607;
}

.workflow-bridge {
  padding: 50px 0 36px;
}

.bridge-heading,
.choice-heading {
  margin-bottom: 34px;
  text-align: center;
}

.bridge-heading h2,
.choice-heading h2,
.cinema-cta h2 {
  margin-bottom: 0;
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 720;
  letter-spacing: -.045em;
}

.bridge-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

.bridge-steps li {
  min-height: 110px;
  padding: 19px 28px;
  border-top: 1px solid #2b3139;
  border-right: 1px solid #20252b;
}

.bridge-steps li:last-child {
  border-right: 0;
}

.bridge-steps span {
  display: block;
  margin-bottom: 14px;
  color: #4f8fff;
  font-size: 34px;
  font-weight: 420;
  letter-spacing: -.04em;
}

.bridge-steps li:nth-child(n+3) span {
  color: #4ed779;
}

.bridge-steps strong {
  display: block;
  margin-bottom: 7px;
  font-size: 17px;
}

.bridge-steps p {
  margin: 0;
  color: #7f8792;
  font-size: 12px;
}

.product-choice {
  padding: 10px 0 50px;
}

.choice-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.choice-card {
  display: grid;
  grid-template-columns: 1fr 150px;
  align-items: center;
  min-height: 220px;
  overflow: hidden;
  padding: 38px 34px;
  border: 1px solid #273448;
  border-radius: 15px;
  background: #090c11;
  transition: border-color .22s ease, transform .22s ease;
}

.choice-card:hover {
  transform: translateY(-4px);
}

.choice-card-aura {
  border-color: #284535;
}

.choice-card-wu:hover {
  border-color: #3e6fb7;
}

.choice-card-aura:hover {
  border-color: #3d8255;
}

.choice-card > div > p {
  margin-bottom: 7px;
  color: #4f8fff;
  font-size: 22px;
  font-weight: 760;
}

.choice-card-aura > div > p {
  color: #55d87d;
}

.choice-card h3 {
  margin-bottom: 13px;
  font-size: 26px;
}

.choice-card span {
  display: block;
  max-width: 330px;
  margin-bottom: 20px;
  color: #979faa;
  font-size: 13px;
}

.choice-card a {
  color: #7dacff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.choice-card-aura a {
  color: #63da86;
}

.choice-card img {
  width: 136px;
  height: 136px;
  justify-self: end;
  border-radius: 28px;
  box-shadow: 0 24px 45px rgba(0, 0, 0, .42);
}

.compatibility-strip {
  padding-bottom: 54px;
}

.compatibility-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid #252b32;
}

.compatibility-inner > div {
  padding: 24px 28px;
  border-right: 1px solid #20252b;
}

.compatibility-inner > div:last-child {
  border-right: 0;
}

.compatibility-inner strong,
.compatibility-inner span {
  display: block;
}

.compatibility-inner strong {
  margin-bottom: 5px;
  color: #d9dde2;
  font-size: 14px;
}

.compatibility-inner span {
  color: #7f8791;
  font-size: 12px;
}

.cinema-cta {
  padding-bottom: 28px;
}

.cinema-cta-inner {
  padding: 42px 30px;
  border: 1px solid #262e39;
  border-radius: 15px;
  background: #080b0f;
  text-align: center;
}

.cinema-cta-inner > span {
  display: block;
  margin: 15px 0 28px;
  color: #8c949f;
  font-size: 14px;
}

.cinema-cta .cinema-actions {
  justify-content: center;
}

.site-footer {
  padding: 28px 0 18px;
  border-top-color: #20252b;
  background: #050607;
  color: #737b86;
}

.footer-brand {
  color: #e9edf1;
}

.footer-links a {
  color: #8e96a0;
}

.footer-links a:hover {
  color: #fff;
}

.footer-meta {
  border-top-color: #1d2228;
  padding-top: 16px;
}

.has-motion [data-reveal] {
  opacity: 0;
  translate: 0 30px;
  transition: opacity .8s ease, translate .8s cubic-bezier(.2,.75,.25,1);
}

.has-motion [data-reveal].is-visible {
  opacity: 1;
  translate: 0 0;
}

@media (max-width: 1040px) {
  .cinema-hero-grid,
  .chapter-grid {
    grid-template-columns: minmax(330px, .78fr) minmax(520px, 1.22fr);
    gap: 38px;
  }

  .cinema-hero h1 {
    font-size: 58px;
  }

  .choice-card {
    grid-template-columns: 1fr 110px;
  }

  .choice-card img {
    width: 100px;
    height: 100px;
    border-radius: 22px;
  }
}

@media (max-width: 800px) {
  .site-header,
  .header-inner {
    min-height: 68px;
  }

  .site-nav {
    border-bottom-color: #242a31;
    background: #080a0d;
  }

  .site-nav a {
    border-bottom-color: #242a31;
  }

  .cinema-home .shell {
    width: min(100% - 32px, 1240px);
  }

  .cinema-hero,
  .cinema-hero-grid {
    min-height: auto;
  }

  .cinema-hero-grid,
  .chapter-grid {
    grid-template-columns: 1fr;
  }

  .cinema-hero-grid {
    gap: 42px;
    padding: 72px 0 86px;
  }

  .cinema-hero h1 {
    font-size: clamp(46px, 12vw, 64px);
  }

  .cinema-stage {
    min-height: 520px;
  }

  .cinema-screen-wu {
    left: 2%;
    width: 42%;
    height: 490px;
  }

  .cinema-screen-aura {
    top: 120px;
    width: 66%;
    height: 370px;
  }

  .scroll-cue {
    bottom: 24px;
  }

  .cinema-chapter,
  .chapter-grid {
    min-height: auto;
  }

  .chapter-grid {
    gap: 46px;
    padding: 78px 0;
  }

  .cinema-chapter-aura .chapter-copy,
  .cinema-chapter-aura .chapter-stage {
    grid-column: auto;
    grid-row: auto;
  }

  .cinema-chapter-aura .chapter-copy {
    order: 1;
  }

  .cinema-chapter-aura .chapter-stage {
    order: 2;
  }

  .chapter-stage {
    min-height: 500px;
  }

  .bridge-steps,
  .choice-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bridge-steps li:nth-child(2) {
    border-right: 0;
  }

  .choice-card {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .choice-card img {
    justify-self: start;
  }
}

@media (max-width: 520px) {
  .cinema-home .shell {
    width: min(100% - 28px, 1240px);
  }

  .cinema-hero-grid {
    padding-top: 52px;
  }

  .cinema-hero h1 {
    font-size: clamp(42px, 12.8vw, 54px);
  }

  .cinema-lead {
    font-size: 15px;
  }

  .cinema-actions,
  .product-switch {
    width: 100%;
  }

  .cinema-actions .button {
    width: 100%;
  }

  .product-switch button {
    flex: 1;
    justify-content: center;
  }

  .cinema-stage {
    min-height: 410px;
  }

  .cinema-screen-wu {
    left: 0;
    width: 47%;
    height: 390px;
  }

  .cinema-screen-aura {
    top: 102px;
    right: -4%;
    width: 70%;
    height: 290px;
  }

  .cinema-screen figcaption {
    display: none;
  }

  .chapter-copy h2 {
    font-size: 38px;
  }

  .chapter-stage {
    min-height: 390px;
  }

  .chapter-window-wu-main {
    left: 0;
    width: 46%;
    height: 390px;
  }

  .chapter-window-wu-detail {
    width: 62%;
    height: 330px;
  }

  .chapter-window-aura-main {
    width: 82%;
    height: 340px;
  }

  .chapter-window-aura-palette {
    width: 44%;
    height: 300px;
  }

  .workflow-bridge {
    padding: 78px 0 70px;
  }

  .bridge-heading,
  .choice-heading {
    margin-bottom: 34px;
  }

  .bridge-heading h2,
  .choice-heading h2,
  .cinema-cta h2 {
    font-size: 34px;
  }

  .bridge-steps,
  .choice-grid,
  .compatibility-inner {
    grid-template-columns: 1fr;
  }

  .bridge-steps li,
  .bridge-steps li:nth-child(2) {
    min-height: 0;
    padding: 22px 4px;
    border-right: 0;
  }

  .bridge-steps span {
    margin-bottom: 8px;
  }

  .product-choice {
    padding-bottom: 68px;
  }

  .choice-card {
    min-height: 0;
    padding: 28px 24px;
  }

  .compatibility-inner > div,
  .compatibility-inner > div:last-child {
    border-right: 0;
    border-bottom: 1px solid #20252b;
  }

  .compatibility-inner > div:last-child {
    border-bottom: 0;
  }

  .cinema-cta-inner {
    padding: 48px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .has-motion [data-reveal] {
    opacity: 1;
    translate: none;
  }

  .cinema-screen,
  .product-switch button,
  .choice-card {
    transition: none;
  }

  .chapter-stage {
    transform: none !important;
  }
}

/* Secondary pages — workflow-first information architecture */
.page-wumanager,
.page-aura-console,
.page-guide,
.page-changelog,
.page-download {
  background: #050607;
}

.page-wumanager .product-page-hero,
.page-aura-console .product-page-hero,
.page-changelog .release-hero {
  background: #07090b;
}

.page-wumanager .page-hero-grid,
.page-aura-console .page-hero-grid,
.page-guide .page-hero-grid,
.page-download .page-hero-grid,
.page-changelog .release-hero-grid,
.capability-layout,
.interface-story-grid,
.aura-detail-layout,
.product-spec-grid {
  width: min(1240px, calc(100% - 48px));
}

.capability-section {
  padding: 108px 0;
  border-top: 1px solid #1c2229;
  background: #050607;
}

.capability-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(380px, .7fr);
  align-items: center;
  gap: 94px;
  margin-inline: auto;
}

.capability-section .section-heading {
  margin-bottom: 26px;
}

.capability-section .section-heading h2 {
  max-width: 650px;
}

.capability-stages {
  margin: 0;
  padding: 0;
  list-style: none;
}

.capability-stages > li {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 20px;
  padding: 26px 0;
  border-top: 1px solid #242a31;
}

.capability-stages > li > span {
  padding-top: 5px;
  color: #5892fb;
  font-size: 12px;
  font-weight: 780;
  letter-spacing: .1em;
}

.aura-stages > li > span {
  color: #57d981;
}

.capability-stages small {
  display: block;
  margin-bottom: 5px;
  color: #767f8a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.capability-stages h3 {
  margin-bottom: 9px;
  font-size: 24px;
}

.capability-stages p {
  max-width: 600px;
  margin-bottom: 13px;
  color: #99a2ad;
  font-size: 14px;
}

.capability-stages ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 18px;
  margin: 0;
  padding: 0;
  color: #c4cad1;
  font-size: 12px;
  list-style: none;
}

.capability-stages ul li::before {
  margin-right: 7px;
  color: #4f8fff;
  content: "•";
}

.aura-stages ul li::before {
  color: #4fd978;
}

.product-proof {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid #303946;
  border-radius: 15px;
  background: #0a0d10;
  box-shadow: 0 34px 76px rgba(0, 0, 0, .45);
  transform: translate3d(0, var(--parallax-y, 0), 0);
}

.product-proof img {
  width: 100%;
}

.product-proof figcaption,
.settings-visual figcaption,
.aura-shot-pair figcaption {
  padding: 12px 15px;
  border-top: 1px solid #252c34;
  background: #0c1014;
  color: #858e99;
  font-size: 11px;
}

.product-proof-wu {
  width: min(100%, 430px);
  height: 760px;
  justify-self: end;
  padding: 18px 18px 0;
}

.product-proof-wu img {
  display: block;
}

.product-proof-wu figcaption {
  position: absolute;
  right: 18px;
  bottom: 0;
  left: 18px;
}

.product-proof-aura {
  align-self: center;
  padding: 18px 18px 0;
}

.product-proof-aura img {
  display: block;
  aspect-ratio: 1.06 / 1;
  object-fit: cover;
  object-position: left top;
}

.interface-story {
  padding: 104px 0;
  background: #f4f6f8;
}

.interface-story-grid,
.aura-detail-layout {
  display: grid;
  grid-template-columns: minmax(320px, .72fr) minmax(440px, 1.28fr);
  align-items: center;
  gap: 92px;
  margin-inline: auto;
}

.interface-story h2 {
  max-width: 610px;
}

.interface-story p:not(.kicker) {
  max-width: 590px;
  color: #606875;
  font-size: 16px;
}

.story-points {
  display: grid;
  margin: 34px 0 0;
  padding: 0;
  border-top: 1px solid #d9dee5;
  list-style: none;
}

.story-points li {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 18px;
  padding: 17px 0;
  border-bottom: 1px solid #d9dee5;
}

.story-points strong {
  font-size: 14px;
}

.story-points span {
  color: #747c87;
  font-size: 13px;
}

.product-settings-proof {
  width: min(100%, 390px);
  height: 560px;
  justify-self: center;
  padding: 18px 18px 0;
  border: 1px solid #2e3640;
  border-bottom: 1px solid #2e3640;
  border-radius: 15px;
  background: #090c10;
}

.product-settings-proof img {
  width: 100%;
}

.aura-detail-layout {
  grid-template-columns: minmax(310px, .72fr) minmax(560px, 1.28fr);
}

.interface-story-aura .aura-shot-pair {
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
}

.interface-story-aura .aura-shot-pair figure {
  padding: 12px 12px 0;
  border-color: #2d3641;
  border-radius: 13px;
}

.interface-story-aura .aura-shot-pair img {
  aspect-ratio: 4 / 5;
}

.product-spec-band {
  padding: 66px 0;
  border-block: 1px solid #20262d;
  background: #090b0e;
}

.product-spec-grid {
  display: grid;
  grid-template-columns: minmax(270px, .7fr) minmax(0, 1.3fr);
  align-items: center;
  gap: 78px;
  margin-inline: auto;
}

.product-spec-grid h2 {
  margin-bottom: 9px;
  font-size: 34px;
}

.product-spec-grid > div > span {
  color: #8e97a2;
  font-size: 13px;
}

.product-spec-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  border-left: 1px solid #242b33;
}

.product-spec-list div {
  padding: 9px 24px;
  border-right: 1px solid #242b33;
}

.product-spec-list dt {
  color: #737c87;
  font-size: 11px;
}

.product-spec-list dd {
  margin: 5px 0 0;
  color: #e7ebef;
  font-size: 14px;
  font-weight: 700;
}

.hub-hero {
  padding: 112px 0 88px;
}

.hub-hero-inner {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(560px, 1.28fr);
  align-items: center;
  gap: 86px;
}

.hub-hero-copy h1 {
  max-width: 620px;
}

.hub-hero-copy > p:last-child {
  max-width: 560px;
  color: #98a1ac;
  font-size: 16px;
}

.product-hub-grid,
.release-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.product-hub-card {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 286px;
  padding: 26px;
  overflow: hidden;
  border: 1px solid #303946;
  border-radius: 15px;
  background: #0b0e12;
  color: #e9edf2;
  text-decoration: none;
  transition: border-color .2s ease, translate .2s ease, background .2s ease;
}

.product-hub-card:hover {
  translate: 0 -4px;
  border-color: #557399;
  background: #0e1319;
}

.product-hub-card img {
  width: 56px;
  height: 56px;
  margin-bottom: 34px;
  border-radius: 12px;
  object-fit: contain;
}

.product-hub-card > span {
  margin-bottom: 7px;
  color: #7f8995;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .1em;
}

.product-hub-card > strong {
  font-size: 20px;
}

.product-hub-card > small {
  margin-top: 7px;
  color: #8d97a3;
  font-size: 12px;
}

.product-hub-card > em {
  margin-top: auto;
  padding-top: 26px;
  color: #70a4ff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.product-hub-aura > em {
  color: #53d57a;
}

.light-hub-card {
  border-color: #d5dbe3;
  background: #fff;
  color: #151a20;
  box-shadow: 0 18px 50px rgba(38, 49, 61, .08);
}

.light-hub-card:hover {
  border-color: #aab7c6;
  background: #fff;
}

.product-guide-section,
.wumanager-buy-section {
  padding: 104px 0;
  scroll-margin-top: 74px;
}

.product-guide-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 86px;
}

.product-guide-layout .section-heading {
  margin-bottom: 34px;
}

.product-guide-layout .guide-cover {
  position: sticky;
  top: 92px;
  width: 100%;
}

.aura-guide-section {
  padding: 104px 0;
  scroll-margin-top: 74px;
}

.aura-guide-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .65fr);
  align-items: center;
  gap: 92px;
}

.aura-guide-steps {
  margin-bottom: 30px;
}

.aura-guide-steps li {
  border-color: #d5dbe2;
}

.aura-guide-proof {
  margin: 0;
  padding: 16px 16px 0;
  overflow: hidden;
  border: 1px solid #2f3843;
  border-radius: 15px;
  background: #090c10;
  box-shadow: 0 30px 70px rgba(37, 46, 57, .18);
}

.aura-guide-proof img {
  display: block;
  width: 100%;
}

.aura-guide-proof figcaption {
  padding: 12px 0;
  color: #8b95a0;
  font-size: 11px;
}

.release-hub-hero .hub-hero-inner {
  grid-template-columns: minmax(300px, .58fr) minmax(650px, 1.42fr);
}

.release-product-grid .latest-release-card {
  display: flex;
  min-height: 386px;
  flex-direction: column;
}

.release-product-grid .latest-release-card ul {
  flex: 1;
}

.aura-release-card {
  border-color: #284535;
}

.aura-release-card .button {
  border-color: #39624a;
}

.timeline-intro .version-jump {
  margin-top: 24px;
}

.download-hub-hero {
  background: #f4f6f8;
}

.download-hub-hero .hub-hero-copy > p:last-child {
  color: #646d78;
}

.product-buy-grid {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(460px, 1.18fr);
  align-items: center;
  gap: 88px;
}

.dark-price-card {
  border-color: #303946;
  background: #0b0e12;
  color: #e9edf2;
  box-shadow: 0 30px 72px rgba(0, 0, 0, .38);
}

.dark-price-card .pricing-option {
  border-color: #29313a;
}

.dark-price-card .pricing-option small,
.dark-price-card .plain-list {
  color: #929ca8;
}

.aura-download-section {
  padding: 108px 0;
  scroll-margin-top: 74px;
  background: #eef2f5;
}

.aura-download-hub {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) 300px minmax(320px, .72fr);
  align-items: center;
  gap: 58px;
}

.aura-download-hub h2 {
  font-size: clamp(36px, 4vw, 58px);
}

.aura-download-hub > div > p:not(.kicker) {
  color: #626b76;
}

.aura-download-hub > figure {
  margin: 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid #2f3843;
  border-radius: 14px;
  background: #090c10;
}

.aura-download-hub > figure img {
  display: block;
  width: 100%;
}

.aura-hub-facts {
  margin: 0;
  border: 1px solid #d1d8df;
  border-radius: 14px;
  background: #fff;
}

.aura-hub-facts > div {
  padding: 17px 20px;
  border-bottom: 1px solid #e0e4e9;
}

.aura-hub-facts > div:last-child {
  border-bottom: 0;
}

.aura-hub-facts dt {
  color: #707986;
}

.aura-hub-facts dd {
  color: #171c22;
}

.aura-hub-facts code {
  display: block;
  overflow-wrap: anywhere;
  color: #4d5662;
  font-size: 10px;
}

.aura-hub-facts button {
  margin-top: 9px;
  padding: 6px 10px;
  border: 1px solid #cbd3dc;
  border-radius: 6px;
  background: #fff;
  color: #1769ff;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
}

.page-guide .guide-cover {
  border-color: #303946;
  background: #0b0e12;
  box-shadow: 0 30px 72px rgba(0, 0, 0, .5);
}

.rule-rows {
  border-top: 1px solid #d6dbe2;
}

.rule-rows article {
  position: relative;
  display: grid;
  grid-template-columns: 130px minmax(220px, .62fr) minmax(340px, 1fr) 90px;
  align-items: center;
  gap: 28px;
  min-height: 132px;
  border-bottom: 1px solid #d6dbe2;
}

.rule-rows article > span {
  color: #1769ff;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .08em;
}

.rule-rows strong {
  font-size: 19px;
}

.rule-rows p {
  margin: 0;
  color: #646c77;
  font-size: 13px;
}

.rule-rows b {
  justify-self: end;
  color: #1769ff;
  font-size: 42px;
  font-weight: 650;
  letter-spacing: -.05em;
}

.release-hero {
  padding-bottom: 80px;
}

.release-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  align-items: center;
  gap: 84px;
  min-height: 520px;
  margin-inline: auto;
}

.latest-release-card {
  padding: 28px;
  border: 1px solid #303946;
  border-radius: 15px;
  background: #0b0e12;
  box-shadow: 0 30px 72px rgba(0, 0, 0, .38);
}

.latest-release-card > p {
  margin-bottom: 14px;
  color: #7d8793;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.latest-release-card > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #29303a;
}

.latest-release-card strong {
  font-size: 40px;
  letter-spacing: -.05em;
}

.latest-release-card time {
  color: #858e99;
  font-size: 12px;
}

.latest-release-card ul {
  display: grid;
  gap: 9px;
  margin: 22px 0 24px;
  padding-left: 18px;
  color: #aeb6c0;
  font-size: 13px;
}

.timeline-intro {
  max-width: 720px;
  margin-bottom: 36px;
}

.timeline-intro > p:last-child {
  color: #69717c;
}

.release-archive {
  margin-top: 24px;
  border: 1px solid #cfd5dd;
  border-radius: 14px;
  background: #fff;
}

.release-archive > summary {
  display: grid;
  grid-template-columns: 160px 1fr auto;
  align-items: center;
  gap: 30px;
  padding: 26px 30px;
  cursor: pointer;
  list-style: none;
}

.release-archive > summary::-webkit-details-marker {
  display: none;
}

.release-archive > summary span {
  font-size: 20px;
  font-weight: 760;
}

.release-archive > summary strong {
  color: #69717c;
  font-size: 13px;
}

.release-archive > summary em {
  color: #1769ff;
  font-size: 12px;
  font-style: normal;
}

.release-archive[open] > summary {
  border-bottom: 1px solid #d9dee5;
}

.release-archive-content {
  padding: 0 30px;
}

.release-archive-content .release-group:first-child {
  border-top: 0;
}

.checksum-section {
  background: #f4f6f8;
}

.checksum-disclosure {
  border-block: 1px solid #d3d9e0;
}

.checksum-disclosure > summary {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 30px;
  padding: 28px 0;
  cursor: pointer;
  list-style: none;
}

.checksum-disclosure > summary::-webkit-details-marker {
  display: none;
}

.checksum-disclosure h2 {
  margin-bottom: 6px;
  font-size: 34px;
}

.checksum-disclosure > summary span {
  color: #6c7480;
  font-size: 13px;
}

.checksum-disclosure > summary em {
  color: #1769ff;
  font-size: 12px;
  font-style: normal;
}

.checksum-disclosure[open] > summary em {
  color: #69717c;
}

.checksum-disclosure-body {
  padding: 6px 0 44px;
}

.checksum-disclosure-body > p {
  color: #6c7480;
}

.purchase-dialog {
  max-height: min(760px, calc(100dvh - 32px));
}

@media (max-width: 960px) {
  .hub-hero-inner,
  .release-hub-hero .hub-hero-inner {
    grid-template-columns: minmax(240px, .55fr) minmax(520px, 1.45fr);
    gap: 48px;
  }

  .capability-layout,
  .interface-story-grid,
  .aura-detail-layout {
    gap: 48px;
  }

  .capability-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
  }

  .rule-rows article {
    grid-template-columns: 110px minmax(210px, .8fr) 1fr 70px;
    gap: 20px;
  }

  .product-spec-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .aura-download-hub {
    grid-template-columns: minmax(300px, 1fr) 260px;
  }

  .aura-hub-facts {
    grid-column: 1 / -1;
  }
}

@media (max-width: 800px) {
  .page-wumanager .page-hero-grid,
  .page-aura-console .page-hero-grid,
  .page-guide .page-hero-grid,
  .page-download .page-hero-grid,
  .page-changelog .release-hero-grid,
  .capability-layout,
  .interface-story-grid,
  .aura-detail-layout,
  .product-spec-grid {
    width: min(100% - 32px, 1240px);
  }

  .hub-hero-inner,
  .product-guide-layout,
  .aura-guide-layout,
  .product-buy-grid,
  .aura-download-hub {
    width: min(100% - 32px, 1240px);
    margin-inline: auto;
  }

  .capability-section,
  .interface-story {
    padding: 78px 0;
  }

  .capability-layout,
  .interface-story-grid,
  .aura-detail-layout,
  .release-hero-grid,
  .hub-hero-inner,
  .release-hub-hero .hub-hero-inner,
  .product-guide-layout,
  .aura-guide-layout,
  .product-buy-grid,
  .aura-download-hub {
    grid-template-columns: 1fr;
  }

  .hub-hero {
    padding: 86px 0 72px;
  }

  .product-guide-section,
  .wumanager-buy-section,
  .aura-guide-section,
  .aura-download-section {
    padding: 78px 0;
  }

  .product-guide-layout,
  .aura-guide-layout,
  .product-buy-grid,
  .aura-download-hub {
    gap: 48px;
  }

  .product-guide-layout .guide-cover {
    position: static;
    width: min(100%, 360px);
    justify-self: center;
  }

  .aura-guide-proof,
  .aura-download-hub > figure {
    width: min(100%, 460px);
    justify-self: center;
  }

  .aura-hub-facts {
    grid-column: auto;
  }

  .product-proof-wu {
    width: min(100%, 390px);
    height: 620px;
    justify-self: center;
  }

  .product-proof-aura,
  .aura-shot-pair,
  .product-settings-proof {
    width: min(100%, 520px);
    justify-self: center;
  }

  .product-spec-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-spec-list div:nth-child(2) {
    border-right: 0;
  }

  .product-spec-list div:nth-child(n+3) {
    border-top: 1px solid #242b33;
  }

  .rule-rows article {
    grid-template-columns: 1fr auto;
    gap: 8px 20px;
    padding: 24px 0;
  }

  .rule-rows article > span,
  .rule-rows strong,
  .rule-rows p {
    grid-column: 1;
  }

  .rule-rows b {
    grid-column: 2;
    grid-row: 1 / 4;
  }

  .release-hero-grid {
    gap: 42px;
  }

  .latest-release-card {
    width: min(100%, 520px);
  }

  .release-archive > summary {
    grid-template-columns: 1fr auto;
  }

  .release-archive > summary strong {
    grid-column: 1;
    grid-row: 2;
  }

  .release-archive > summary em {
    grid-column: 2;
    grid-row: 1 / 3;
  }
}

@media (max-width: 430px) {
  .page-wumanager .page-hero-grid,
  .page-aura-console .page-hero-grid,
  .page-guide .page-hero-grid,
  .page-download .page-hero-grid,
  .page-changelog .release-hero-grid,
  .capability-layout,
  .interface-story-grid,
  .aura-detail-layout,
  .product-spec-grid {
    width: min(100% - 28px, 1240px);
  }

  .hub-hero-inner,
  .product-guide-layout,
  .aura-guide-layout,
  .product-buy-grid,
  .aura-download-hub {
    width: min(100% - 28px, 1240px);
  }

  .product-hub-grid,
  .release-product-grid {
    grid-template-columns: 1fr;
  }

  .product-hub-card {
    min-height: 220px;
    padding: 22px;
  }

  .product-hub-card img {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
  }

  .release-product-grid .latest-release-card {
    min-height: 0;
  }

  .capability-stages > li {
    grid-template-columns: 42px 1fr;
    gap: 10px;
    padding: 22px 0;
  }

  .capability-stages ul {
    display: grid;
    gap: 5px;
  }

  .product-proof-wu {
    height: 520px;
    padding: 12px 12px 0;
  }

  .product-proof-wu figcaption {
    right: 12px;
    left: 12px;
  }

  .story-points li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .interface-story-aura .aura-shot-pair {
    grid-template-columns: 1fr;
  }

  .interface-story-aura .aura-shot-pair figure:first-child {
    display: none;
  }

  .product-spec-list {
    grid-template-columns: 1fr;
    border-left: 0;
  }

  .product-spec-list div,
  .product-spec-list div:nth-child(2) {
    padding: 14px 0;
    border-right: 0;
    border-top: 1px solid #242b33;
  }

  .release-archive > summary {
    padding: 22px 18px;
  }

  .release-archive-content {
    padding: 0 18px;
  }

  .checksum-disclosure > summary {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .purchase-dialog {
    width: calc(100% - 24px);
    max-height: calc(100dvh - 24px);
  }

  .dialog-head {
    padding: 20px;
  }

  .dialog-head h2 {
    font-size: 26px;
  }

  .dialog-body {
    max-height: calc(100dvh - 116px);
    gap: 18px;
    padding: 20px;
  }

  .dialog-body > img {
    width: 176px;
  }
}