html[data-marketing-page]:not([data-marketing-page=""]) .landing > .hero,
html[data-marketing-page]:not([data-marketing-page=""]) .landing > .hero-manifesto-ticker,
html[data-marketing-page]:not([data-marketing-page=""]) .landing > .guest-lab,
html[data-marketing-page]:not([data-marketing-page=""]) .landing > .demo-showcase,
html[data-marketing-page]:not([data-marketing-page=""]) .landing > .manifesto,
html[data-marketing-page]:not([data-marketing-page=""]) .landing > .news-showcase,
html[data-marketing-page]:not([data-marketing-page=""]) .landing > .ecosystem {
  display: none !important;
}

html[data-marketing-page="capabilities"][data-marketing-page] .landing > .demo-showcase {
  display: block !important;
}

html[data-marketing-page]:not([data-marketing-page=""]) .landing::before {
  top: 180px;
  height: 76%;
}

.marketing-route-hero {
  position: relative;
  z-index: 2;
  min-height: 560px;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  align-items: center;
  gap: clamp(42px, 7vw, 96px);
  padding: 78px 0 96px;
}

.marketing-route-hero.marketing-motion-route-hero {
  min-height: auto;
  grid-template-columns: minmax(0, 700px) 320px;
  justify-content: center;
  gap: 56px;
  padding: 48px 0 62px;
}

.marketing-route-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 28px -48px 34px;
  border: 1px solid rgba(204, 236, 255, .08);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .075), transparent 40%),
    radial-gradient(circle at 88% 18%, rgba(204, 236, 255, .06), transparent 32%),
    rgba(3, 4, 8, .66);
  box-shadow: 0 38px 110px rgba(0, 0, 0, .38), inset 0 0 80px rgba(var(--accent-rgb), .025);
}

.marketing-route-copy { min-width: 0; }
.marketing-route-copy h1 {
  max-width: 760px;
  margin: 18px 0 24px;
  color: var(--ice-strong);
  font: 550 clamp(42px, 5.2vw, 64px)/.96 var(--font-route-display);
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.marketing-route-copy > p {
  max-width: 650px;
  margin: 0;
  color: var(--copy-secondary);
  font-family: var(--font-subheading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: .01em;
}
.marketing-route-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
}
.marketing-route-actions .button-text { min-height: 48px; }

.marketing-route-proof,
.marketing-visual-window {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-hot-rgb), .22);
  border-radius: 20px;
  background: rgba(2, 3, 7, .78);
  box-shadow: inset 0 0 36px rgba(var(--accent-rgb), .035), 0 22px 60px rgba(0, 0, 0, .28);
}
.marketing-route-proof article,
.marketing-visual-window > div {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 6px 15px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(110deg, rgba(var(--accent-rgb), .075), rgba(204, 236, 255, .018));
}
.gallery-route-proof article {
  grid-template-columns: 90px minmax(0, 1fr);
  column-gap: 24px;
}
.marketing-route-proof article > strong,
.marketing-visual-window span {
  grid-row: 1 / span 2;
  color: var(--accent-hot);
  font: 500 31px/1 var(--font-signal);
  white-space: nowrap;
  text-shadow: 0 0 18px rgba(var(--accent-rgb), .42);
}
.marketing-route-proof article > span,
.marketing-visual-window strong {
  color: var(--ice-strong);
  font: 500 17px/1.2 var(--font-ui);
}
.marketing-route-proof article > small,
.marketing-visual-window small {
  color: var(--copy-tertiary);
  font-size: var(--type-caption);
  line-height: 1.45;
}
.marketing-route-proof > p {
  margin: 4px 4px 0;
  color: var(--copy-secondary);
  font-size: var(--type-helper);
  line-height: var(--line-helper);
}
.marketing-route-proof-wide article > strong { font-size: 17px; letter-spacing: .08em; }

html[data-marketing-page="try"] .guest-lab {
  padding-top: 92px;
  border-top: 1px solid var(--line);
}
html[data-marketing-page="capabilities"] .demo-showcase { padding-top: 92px; }
html[data-marketing-page="capabilities"] .capabilities-showcase { padding-bottom: 88px; }

.marketing-visual-window > div { grid-template-columns: 90px minmax(0, 1fr); }
.marketing-visual-window span { font-size: 13px; font-family: Quantico, ui-monospace, monospace; letter-spacing: .12em; }

.marketing-result-window {
  width: min(100%, 590px);
  min-width: 0;
  display: grid;
  gap: 13px;
  justify-self: center;
  margin: 0;
}
.marketing-result-window-frame {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--accent-hot-rgb), .38);
  border-radius: 22px;
  background: #010205;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .55), 0 0 52px rgba(var(--accent-rgb), .09), inset 0 0 0 1px rgba(204, 236, 255, .035);
}
.marketing-result-window-landscape .marketing-result-window-frame { aspect-ratio: 16 / 9; }
.marketing-result-window-portrait { width: min(100%, 340px); }
.marketing-result-window-portrait .marketing-result-window-frame { aspect-ratio: 9 / 16; }
.marketing-result-window img,
.marketing-result-window video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marketing-result-window-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 66%, rgba(1, 2, 5, .44));
}
.marketing-result-window-badge {
  position: absolute;
  z-index: 1;
  top: 14px;
  left: 14px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(204, 236, 255, .18);
  border-radius: 999px;
  color: var(--ice-strong);
  background: rgba(2, 3, 7, .72);
  font: 600 8px/1 Quantico, ui-monospace, monospace;
  letter-spacing: .13em;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.marketing-result-sound {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(var(--accent-hot-rgb), .55);
  border-radius: 999px;
  color: #fff3f6;
  background: rgba(7, 3, 8, .78);
  font: 600 8px/1 Quantico, ui-monospace, monospace;
  letter-spacing: .11em;
  cursor: pointer;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 22px rgba(var(--accent-rgb), .14);
}
.marketing-result-sound:hover,
.marketing-result-sound[aria-pressed="true"] {
  border-color: var(--accent-hot);
  background: rgba(var(--accent-rgb), .18);
  box-shadow: 0 0 26px rgba(var(--accent-rgb), .24);
}
.marketing-result-window > figcaption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 18px;
  align-items: end;
  padding: 0 4px;
}
.marketing-result-window > figcaption span {
  color: var(--accent-hot);
  font: 600 var(--type-meta)/1 Quantico, ui-monospace, monospace;
  letter-spacing: .12em;
}
.marketing-result-window > figcaption strong {
  grid-column: 1;
  color: var(--ice-strong);
  font: 500 19px/1.18 var(--font-signal);
}
.marketing-result-window > figcaption small {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--copy-tertiary);
  font: 600 9px/1.35 Quantico, ui-monospace, monospace;
  letter-spacing: .08em;
  text-align: right;
}

.marketing-visual-detail,
.marketing-pricing-detail {
  position: relative;
  z-index: 2;
  padding: 94px 0 106px;
  border-top: 1px solid var(--line);
}
.marketing-visual-detail > header,
.marketing-pricing-detail > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .62fr);
  gap: 48px;
  align-items: end;
  margin-bottom: 36px;
}
.marketing-visual-detail h2,
.marketing-pricing-detail h2 {
  grid-column: 1;
  max-width: 790px;
  margin: 15px 0 0;
  color: var(--ice-strong);
  font: 550 clamp(36px, 4.4vw, 54px)/1 var(--font-route-display);
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.marketing-visual-detail > header > p,
.marketing-pricing-detail > header > p {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  color: var(--copy-secondary);
  font-family: var(--font-subheading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: .01em;
}
.marketing-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.marketing-feature-grid article,
.marketing-price-card {
  min-width: 0;
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(var(--accent-rgb), .055), transparent 56%),
    rgba(5, 6, 11, .74);
  box-shadow: inset 0 0 34px rgba(204, 236, 255, .012);
}
.marketing-feature-grid article > span,
.marketing-price-card small {
  color: var(--accent-hot);
  font: 600 var(--type-meta)/1 Quantico, ui-monospace, monospace;
  letter-spacing: .12em;
}
.marketing-feature-grid h3,
.marketing-price-card h3 {
  margin: 16px 0 10px;
  color: var(--ice-strong);
  font: 500 21px/1.18 var(--font-signal);
}
.marketing-feature-grid p,
.marketing-price-card p {
  margin: 0;
  color: var(--copy-secondary);
  font-size: var(--type-helper);
  line-height: var(--line-helper);
}
.marketing-motion-note {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  gap: 38px;
  align-items: center;
  margin-top: 16px;
  padding: 26px 28px;
  border: 1px solid rgba(var(--accent-hot-rgb), .3);
  border-radius: 17px;
  background: linear-gradient(105deg, rgba(var(--accent-rgb), .11), rgba(3, 4, 8, .72));
}
.marketing-motion-note span { color: var(--accent-hot); font: 600 var(--type-meta)/1 Quantico, ui-monospace, monospace; letter-spacing: .12em; }
.marketing-motion-note h3 { margin: 10px 0 0; color: var(--ice-strong); font: 500 24px/1.15 var(--font-signal); }
.marketing-motion-note p { margin: 0; color: var(--copy-secondary); font-size: var(--type-helper); line-height: 1.68; }

.marketing-pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.marketing-price-card {
  grid-column: span 1;
  min-height: 210px;
  display: flex;
  flex-direction: column;
}
.marketing-price-card-start { border-color: rgba(var(--accent-hot-rgb), .43); }
.marketing-price-card-featured {
  border-color: rgba(204, 236, 255, .25);
  background:
    linear-gradient(145deg, rgba(var(--accent-rgb), .11), transparent 58%),
    rgba(8, 10, 16, .84);
}
.marketing-price-card ul {
  display: grid;
  gap: 8px;
  margin: 22px 0 26px;
  padding: 0;
  list-style: none;
  color: var(--copy-secondary);
  font-size: var(--type-helper);
  line-height: 1.45;
}
.marketing-price-card li strong { color: var(--ice-strong); font-weight: 600; }
.marketing-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.marketing-price-row > strong { color: var(--ice-strong); font: 500 24px/1 var(--font-signal); }
.marketing-pricing-footnote {
  max-width: 820px;
  margin: 24px 0 0;
  color: var(--copy-tertiary);
  font-size: var(--type-helper);
  line-height: var(--line-helper);
}

html[data-marketing-page]:not([data-marketing-page=""]) .site-footer { margin-top: 0; }

.public-gallery-detail {
  position: relative;
  z-index: 2;
  padding: 94px 0 112px;
  border-top: 1px solid var(--line);
}
.public-gallery-detail > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .62fr);
  align-items: end;
  gap: 48px;
  margin-bottom: 34px;
}
.public-gallery-detail h2 {
  margin: 15px 0 0;
  color: var(--ice-strong);
  font: 550 clamp(36px, 4.4vw, 54px)/1 var(--font-route-display);
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.public-gallery-detail > header > p {
  margin: 0;
  color: var(--copy-secondary);
  font-family: var(--font-subheading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: .01em;
}
.public-gallery-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
.public-gallery-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.public-gallery-filters button {
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--copy-secondary);
  background: rgba(204, 236, 255, .025);
  font: 500 11px/1 var(--font-ui);
  cursor: pointer;
}
.public-gallery-filters button span { color: var(--copy-tertiary); }
.public-gallery-filters button:hover,
.public-gallery-filters button.active {
  border-color: rgba(var(--accent-hot-rgb), .5);
  color: var(--ice-strong);
  background: rgba(var(--accent-rgb), .1);
}
.public-gallery-pinterest {
  color: var(--accent-hot);
  font: 500 12px/1.4 var(--font-ui);
  text-decoration: none;
}
.public-gallery-status {
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(var(--accent-hot-rgb), .22);
  border-radius: 11px;
  color: var(--copy-secondary);
  background: rgba(var(--accent-rgb), .055);
  font-size: var(--type-helper);
}
.public-gallery-grid {
  columns: 3 300px;
  column-gap: 16px;
}
.public-gallery-card {
  break-inside: avoid;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(4, 5, 9, .82);
  box-shadow: 0 18px 54px rgba(0, 0, 0, .24), inset 0 0 34px rgba(204, 236, 255, .012);
}
.public-gallery-media { display: block; overflow: hidden; background: #020307; }
.public-gallery-media img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .45s ease, filter .45s ease;
}
.public-gallery-card:hover .public-gallery-media img { transform: scale(1.018); filter: brightness(1.035); }
.public-gallery-card-body { display: grid; gap: 15px; padding: 15px 16px 17px; }
.public-gallery-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.public-gallery-card-meta span { color: var(--ice-strong); font: 500 13px/1.2 var(--font-ui); }
.public-gallery-card-meta small { color: var(--copy-tertiary); font: 600 8px/1 Quantico, ui-monospace, monospace; letter-spacing: .11em; }
.public-gallery-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--copy-tertiary);
  font-size: 10px;
}
.public-gallery-score-control {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 5px;
}
.public-gallery-rating-edge {
  color: var(--copy-tertiary);
  font: 500 var(--type-caption)/1 var(--font-ui);
}
.public-gallery-stars { display: flex; gap: 2px; }
.public-gallery-stars button {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  color: #4d5760;
  background: transparent;
  font-size: 17px;
  cursor: pointer;
}
.public-gallery-stars button:hover,
.public-gallery-stars button.selected { color: var(--accent-hot); text-shadow: 0 0 11px rgba(var(--accent-rgb), .62); }
.public-gallery-stars:has(button:hover) button,
.public-gallery-stars:not(:has(button:hover)):focus-within button { color: var(--accent-hot); text-shadow: 0 0 11px rgba(var(--accent-rgb), .62); }
.public-gallery-stars:has(button:hover) button:hover ~ button,
.public-gallery-stars:not(:has(button:hover)):focus-within button:focus ~ button { color: #4d5760; text-shadow: none; }
.public-gallery-stars button:focus-visible {
  border-radius: 5px;
  outline: 1px solid rgba(var(--accent-hot-rgb), .72);
  outline-offset: 1px;
}
.public-gallery-stars button:disabled { cursor: wait; opacity: .48; }
.public-gallery-empty {
  min-height: 240px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 36px;
  border: 1px dashed rgba(204, 236, 255, .16);
  border-radius: 17px;
  color: var(--copy-secondary);
  text-align: center;
}
.public-gallery-empty > span { color: var(--accent-hot); font-size: 25px; }
.public-gallery-empty strong { color: var(--ice-strong); font: 500 18px/1.2 var(--font-ui); }
.public-gallery-empty p { margin: 0; font-size: var(--type-helper); }

@media (min-width: 1900px) and (min-height: 800px) and (max-resolution: 1.25dppx) {
  .marketing-route-hero { min-height: 720px; grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr); }
  .marketing-route-copy > p { font-size: 21px; }
  .marketing-route-proof article > span,
  .marketing-visual-window strong { font-size: 20px; }
  .marketing-feature-grid p,
  .marketing-price-card p,
  .marketing-price-card ul,
  .marketing-motion-note p,
  .marketing-pricing-footnote { font-size: 16px; }
}

@media (max-width: 900px) {
  .marketing-route-hero {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 62px 0 80px;
  }
  .marketing-route-hero.marketing-motion-route-hero {
    grid-template-columns: 1fr;
    justify-content: stretch;
    gap: 34px;
    padding: 62px 0 80px;
  }
  .marketing-motion-route-hero .marketing-result-window-portrait {
    width: min(100%, 340px);
    justify-self: start;
  }
  .marketing-route-hero::before { inset-inline: -24px; }
  .marketing-route-proof,
  .marketing-visual-window { width: 100%; }
  .marketing-result-window { justify-self: start; }
  .marketing-visual-detail > header,
  .marketing-pricing-detail > header { grid-template-columns: 1fr; gap: 18px; }
  .marketing-visual-detail > header > p,
  .marketing-pricing-detail > header > p { grid-column: 1; grid-row: auto; }
  .marketing-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-price-card,
  .marketing-price-card-start,
  .marketing-price-card-featured { grid-column: span 1; }
  .public-gallery-detail > header { grid-template-columns: 1fr; gap: 18px; }
  .public-gallery-toolbar { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 640px) {
  .marketing-route-hero { padding-top: 44px; }
  .marketing-route-hero::before { inset: 18px -12px 28px; border-radius: 20px; }
  .marketing-route-copy h1 { font-size: clamp(38px, 11vw, 48px); }
  .marketing-route-copy > p { font-size: 17px; }
  .marketing-route-actions { align-items: stretch; flex-direction: column; }
  .marketing-route-actions .button { width: 100%; }
  .marketing-route-proof article,
  .marketing-visual-window > div { padding: 15px; }
  .marketing-result-window { width: 100%; }
  .marketing-result-window-portrait { width: min(82vw, 330px); justify-self: center; }
  .marketing-motion-route-hero .marketing-result-window-portrait { width: min(82vw, 330px); justify-self: center; }
  .marketing-result-window > figcaption { grid-template-columns: 1fr; }
  .marketing-result-window > figcaption small { grid-column: 1; grid-row: auto; text-align: left; }
  .gallery-route-proof article { grid-template-columns: 76px minmax(0, 1fr); column-gap: 18px; }
  .marketing-route-proof article > strong { font-size: 27px; }
  .marketing-feature-grid,
  .marketing-pricing-grid { grid-template-columns: 1fr; }
  .marketing-visual-detail,
  .marketing-pricing-detail { padding: 72px 0 84px; }
  .marketing-feature-grid article,
  .marketing-price-card { padding: 22px; }
  .marketing-motion-note { grid-template-columns: 1fr; gap: 14px; padding: 22px; }
  .marketing-price-card { min-height: 0; }
  .marketing-price-row { align-items: stretch; flex-direction: column; }
  .marketing-price-row .button { width: 100%; }
  .public-gallery-detail { padding: 72px 0 84px; }
  .public-gallery-grid { columns: 1; }
  .public-gallery-rating { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .marketing-route-actions .button,
  .public-gallery-media img { transition: none; }
}