:root {
  color-scheme: light;
  --ink: oklch(21% 0.018 250);
  --muted: oklch(47% 0.018 250);
  --faint: oklch(68% 0.015 250);
  --paper: oklch(97.5% 0.007 78);
  --surface: oklch(99% 0.006 78);
  --surface-2: oklch(94.5% 0.012 78);
  --line: oklch(87% 0.014 78);
  --accent: oklch(57% 0.19 253);
  --accent-ink: oklch(98% 0.007 253);
  --success: oklch(48% 0.13 152);
  --warning: oklch(68% 0.12 62);
  --shadow: 0 18px 60px oklch(31% 0.03 250 / 0.12);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    linear-gradient(180deg, oklch(98% 0.01 78), oklch(95% 0.014 92) 42%, oklch(98% 0.008 250)),
    var(--paper);
  color: var(--ink);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button,
select {
  cursor: pointer;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 28px;
  border-bottom: 1px solid var(--line);
  background: oklch(98% 0.008 78 / 0.94);
  backdrop-filter: blur(14px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.brand-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 8px;
  background: var(--ink);
  color: var(--accent-ink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.brand strong,
.brand small {
  display: block;
  line-height: 1.1;
}

.brand small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.topnav {
  display: flex;
  align-items: center;
  gap: 6px;
}

.topnav a {
  min-height: 36px;
  padding: 9px 12px;
  border-radius: 8px;
  color: var(--muted);
  font-size: 14px;
}

.topnav a:hover {
  background: var(--surface-2);
  color: var(--ink);
}

main {
  width: min(1480px, 100%);
  margin: 0 auto;
  padding: 28px;
}

.workspace-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  padding: 40px 0 30px;
}

.hero-copy {
  max-width: 800px;
}

.eyebrow {
  margin: 0 0 10px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

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

h1,
h2,
h3,
p,
.burn-visual h4 {
  overflow-wrap: anywhere;
}

h1 {
  max-width: 760px;
  margin-bottom: 16px;
  font-size: 48px;
  line-height: 1.02;
  letter-spacing: 0;
}

.title-line {
  display: block;
}

h2 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.2;
}

.hero-copy p:last-child,
.contact-band > div > p {
  max-width: 68ch;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
}

.hero-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 1fr));
  gap: 8px;
  width: min(460px, 100%);
}

.hero-status div {
  min-height: 96px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.hero-status strong,
.hero-status span {
  display: block;
}

.hero-status strong {
  margin-bottom: 8px;
  font-size: 30px;
  line-height: 1;
}

.hero-status span {
  color: var(--muted);
  font-size: 13px;
}

.tool-shell {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 390px;
  gap: 18px;
  align-items: start;
}

.filters,
.detail-panel,
.plate-list,
.contact-band {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: oklch(99% 0.006 78 / 0.88);
  box-shadow: var(--shadow);
}

.filters,
.detail-panel {
  position: sticky;
  top: 82px;
}

.filters {
  padding: 18px;
}

.filter-group {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

input,
select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  outline: none;
  padding: 0 12px;
}

input:focus,
select:focus,
button:focus-visible,
a:focus-visible {
  outline: 3px solid oklch(67% 0.13 253 / 0.35);
  outline-offset: 2px;
}

.primary-button,
.secondary-button,
.plate-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 16px;
  font-weight: 800;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.primary-button {
  background: var(--accent);
  color: var(--accent-ink);
}

.primary-button:hover {
  background: oklch(51% 0.2 253);
}

.secondary-button,
.plate-action {
  background: var(--surface);
  border-color: var(--line);
  color: var(--ink);
}

.secondary-button:hover,
.plate-action:hover {
  background: var(--surface-2);
}

.policy-note {
  margin-top: 18px;
  padding: 14px;
  border-radius: 8px;
  background: oklch(94% 0.025 92);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.policy-note strong {
  display: block;
  color: var(--ink);
  margin-bottom: 6px;
}

.policy-note p {
  margin: 0;
}

.plate-list {
  min-height: 700px;
  padding: 22px;
}

.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.result-count {
  flex: none;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

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

.plate-card {
  display: grid;
  gap: 14px;
  min-height: 330px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
  text-align: left;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.plate-card:hover,
.plate-card.is-active {
  border-color: oklch(67% 0.1 253);
  box-shadow: 0 14px 40px oklch(31% 0.03 250 / 0.12);
}

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

.plate-preview {
  position: relative;
  overflow: hidden;
  min-height: 154px;
  border-radius: 7px;
  background:
    radial-gradient(circle at 18% 16%, var(--plate-a), transparent 30%),
    linear-gradient(135deg, var(--plate-b), var(--plate-c));
  color: var(--plate-text);
}

.mock-nav {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 10px;
  font-weight: 800;
}

.mock-lines,
.mock-panel,
.mock-pills {
  position: absolute;
}

.mock-lines {
  left: 18px;
  bottom: 20px;
  width: 45%;
}

.mock-line {
  height: 7px;
  margin-top: 8px;
  border-radius: 99px;
  background: currentColor;
  opacity: 0.72;
}

.mock-line:first-child {
  width: 85%;
  height: 12px;
}

.mock-line:nth-child(2) {
  width: 62%;
}

.mock-line:nth-child(3) {
  width: 38%;
}

.mock-panel {
  right: 16px;
  bottom: 16px;
  width: 34%;
  height: 78px;
  border: 1px solid oklch(98% 0.005 90 / 0.52);
  border-radius: 8px;
  background: oklch(99% 0.006 78 / 0.22);
}

.mock-pills {
  top: 52px;
  right: 18px;
  display: grid;
  gap: 6px;
}

.mock-pill {
  width: 66px;
  height: 10px;
  border-radius: 99px;
  background: currentColor;
  opacity: 0.5;
}

.plate-meta {
  display: grid;
  gap: 10px;
}

.plate-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.plate-actions,
.detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.plate-actions .plate-action {
  min-height: 40px;
  padding: 0 12px;
}

.plate-category {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tag {
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 8px;
  background: oklch(96% 0.008 78);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.plate-summary {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.detail-panel {
  min-height: 700px;
  padding: 20px;
}

.detail-empty {
  display: grid;
  min-height: 420px;
  place-items: center;
  color: var(--muted);
  text-align: center;
}

.detail-preview {
  min-height: 210px;
  margin-bottom: 18px;
}

.detail-kicker {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.detail-title {
  margin: 6px 0 12px;
  font-size: 28px;
}

.detail-copy {
  color: var(--muted);
  line-height: 1.6;
}

.detail-list {
  display: grid;
  gap: 10px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

.detail-list li {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: oklch(97% 0.008 78);
}

.detail-list strong {
  font-size: 13px;
}

.detail-list span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.sections-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.detail-actions {
  margin: 14px 0;
}

.contact-band {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.6fr);
  gap: 28px;
  align-items: start;
  margin-top: 18px;
  padding: 28px;
}

.inquiry-form {
  display: grid;
  gap: 14px;
}

.inquiry-form label {
  display: grid;
  gap: 8px;
}

.form-status {
  min-height: 22px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.form-status.is-success {
  color: var(--success);
}

.form-status.is-error {
  color: oklch(48% 0.18 28);
}

.empty-message {
  grid-column: 1 / -1;
  padding: 60px 20px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  color: var(--muted);
  text-align: center;
}

.visual-stage {
  margin-top: 18px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: oklch(99% 0.006 78 / 0.9);
  box-shadow: var(--shadow);
  min-width: 0;
}

.selected-preview {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.preview-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.preview-notes div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: oklch(97% 0.008 78);
}

.preview-notes strong {
  font-size: 13px;
}

.preview-notes span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.burn-visual {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 100%;
  border-radius: 8px;
  color: oklch(19% 0.016 250);
  background: oklch(98% 0.008 80);
}

.burn-compact {
  height: 154px;
  font-size: 10px;
}

.burn-full {
  min-height: 520px;
  font-size: 16px;
}

.bv-nav {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 1em 1.15em;
  font-size: 0.78em;
  font-weight: 800;
}

.bv-logo {
  flex: none;
}

.bv-links {
  display: flex;
  min-width: 0;
  justify-content: center;
  gap: 1.15em;
  color: currentColor;
  opacity: 0.72;
}

.bv-links i,
.bv-cta em,
.bv-nav-cta {
  font-style: normal;
  min-width: 0;
}

.bv-nav-cta {
  flex: none;
  padding: 0.55em 0.85em;
  border-radius: 999px;
  background: oklch(18% 0.014 250);
  color: oklch(96% 0.006 90);
}

.bv-copy,
.bv-hero,
.apple-stage,
.growth-hero,
.ai-minimal,
.research-paper {
  position: relative;
  z-index: 2;
}

.bv-copy h4,
.apple-stage h4,
.vehicle-stage h4,
.retail-type h4,
.stream-gate h4,
.dropbox-hero h4,
.growth-hero h4,
.enterprise-cloud h4,
.creator-board h4,
.local-copy h4,
.schedule-layout h4,
.builder-canvas h4,
.ai-minimal h4,
.research-paper h4,
.chip-stage h4,
.urban-split h4,
.meeting-suite h4,
.workflow-lanes h4,
.design-board h4 {
  margin: 0;
  letter-spacing: 0;
}

.burn-compact h4 {
  max-width: 14ch;
  font-size: 1.38em;
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.burn-full h4 {
  max-width: 680px;
  font-size: 3.4em;
  line-height: 0.98;
}

.burn-visual p {
  margin: 0;
  max-width: 52ch;
  color: currentColor;
  opacity: 0.72;
  line-height: 1.45;
}

.burn-compact p,
.burn-compact .bv-links,
.burn-compact .bv-proof,
.burn-compact .preview-hidden {
  display: none;
}

.burn-compact .bv-copy small,
.burn-compact .bv-copy p,
.burn-compact .enterprise-cloud p,
.burn-compact .creator-board p,
.burn-compact .local-copy p,
.burn-compact .schedule-layout p,
.burn-compact .builder-canvas p,
.burn-compact .ai-minimal p,
.burn-compact .research-paper p,
.burn-compact .chip-stage p,
.burn-compact .urban-split p,
.burn-compact .meeting-suite p,
.burn-compact .workflow-lanes p,
.burn-compact .design-board p {
  display: none;
}

.bv-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
  align-items: center;
  margin-top: 1.15em;
  font-weight: 800;
}

.bv-cta span,
.bv-cta em {
  display: inline-flex;
  align-items: center;
  min-height: 2.55em;
  border-radius: 999px;
  padding: 0 1.1em;
}

.bv-cta span {
  background: oklch(18% 0.014 250);
  color: oklch(96% 0.006 90);
}

.bv-cta em {
  color: currentColor;
  background: oklch(98% 0.005 90 / 0.56);
}

.bv-split,
.dropbox-hero,
.enterprise-cloud,
.creator-board,
.schedule-layout,
.builder-canvas,
.chip-stage,
.urban-split,
.meeting-suite,
.workflow-lanes,
.design-board {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(220px, 0.8fr);
  gap: 2em;
  align-items: center;
  padding: 2.2em;
}

.burn-compact .bv-split,
.burn-compact .dropbox-hero,
.burn-compact .enterprise-cloud,
.burn-compact .creator-board,
.burn-compact .schedule-layout,
.burn-compact .builder-canvas,
.burn-compact .chip-stage,
.burn-compact .urban-split,
.burn-compact .meeting-suite,
.burn-compact .workflow-lanes,
.burn-compact .design-board {
  gap: 1em;
  padding: 0.9em 1.2em 1.2em;
}

.burn-fintech {
  color: oklch(18% 0.022 255);
  background:
    radial-gradient(circle at 78% 10%, oklch(78% 0.16 210), transparent 24%),
    linear-gradient(135deg, oklch(96% 0.03 240), oklch(86% 0.11 284) 38%, oklch(64% 0.19 255));
}

.burn-fintech::before {
  content: "";
  position: absolute;
  inset: -30% -10% auto 45%;
  height: 85%;
  transform: skewY(-10deg);
  background: linear-gradient(90deg, oklch(72% 0.18 180), oklch(62% 0.22 285), oklch(86% 0.15 70));
  opacity: 0.92;
}

.stripe-stack {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 0.8em;
  transform: rotate(-4deg);
}

.stripe-stack section {
  display: grid;
  gap: 0.35em;
  padding: 1em;
  border-radius: 12px;
  background: oklch(99% 0.004 90 / 0.88);
  box-shadow: 0 18px 48px oklch(27% 0.08 260 / 0.22);
}

.stripe-stack strong {
  font-size: 1.8em;
}

.stripe-stack code {
  color: oklch(50% 0.18 154);
}

.stripe-stack b,
.campaign-card b {
  display: block;
  width: calc(34% + var(--i) * 10%);
  height: 0.5em;
  border-radius: 99px;
  background: var(--plate-a);
  opacity: 0.65;
}

.bv-proof {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0.6em;
  padding: 0 2.2em 2em;
  font-weight: 800;
}

.bv-proof span {
  padding: 0.7em 0.9em;
  border-radius: 999px;
  background: oklch(99% 0.004 90 / 0.6);
}

.burn-product {
  background: linear-gradient(180deg, oklch(97% 0.003 250), oklch(91% 0.006 250));
  text-align: center;
}

.burn-product .bv-nav {
  justify-content: center;
}

.apple-stage {
  display: grid;
  place-items: center;
  gap: 0.8em;
  min-height: calc(100% - 3.8em);
  padding: 1.2em 2em 2.6em;
}

.apple-stage h4 {
  font-weight: 800;
}

.product-lineup {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 1.1em;
  width: min(680px, 90%);
  min-height: 13em;
  margin-top: 0.5em;
}

.product-lineup i {
  width: 19%;
  height: 10em;
  border-radius: 24px;
  background: linear-gradient(160deg, oklch(84% 0.06 250), oklch(99% 0.003 250));
  box-shadow: inset 0 0 0 0.55em oklch(20% 0.004 250), 0 22px 48px oklch(30% 0.01 250 / 0.18);
}

.product-lineup i:nth-child(2) {
  height: 12em;
  background: linear-gradient(160deg, oklch(75% 0.08 35), oklch(99% 0.004 80));
}

.product-lineup i:nth-child(3) {
  height: 11em;
  background: linear-gradient(160deg, oklch(86% 0.05 145), oklch(99% 0.004 80));
}

.burn-marketplace {
  background: oklch(99% 0.004 80);
}

.search-pill {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 0.4em;
  width: min(760px, calc(100% - 2.2em));
  margin: 0.8em auto 1.1em;
  padding: 0.45em;
  border: 1px solid oklch(87% 0.006 80);
  border-radius: 999px;
  box-shadow: 0 14px 35px oklch(30% 0.02 30 / 0.12);
}

.search-pill span,
.search-pill b {
  padding: 0.8em 1em;
  border-radius: 999px;
  background: oklch(97% 0.004 80);
}

.search-pill b {
  background: var(--plate-a);
  color: oklch(98% 0.006 20);
}

.listing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9em;
  padding: 0 1.2em 1.2em;
}

.listing-grid article {
  display: grid;
  gap: 0.35em;
}

.listing-grid i {
  min-height: 8em;
  border-radius: 12px;
  background:
    linear-gradient(160deg, oklch(79% 0.06 60), oklch(54% 0.08 180)),
    var(--plate-d);
}

.listing-grid article:nth-child(2) i {
  background: linear-gradient(160deg, oklch(82% 0.08 35), oklch(63% 0.07 255));
}

.listing-grid article:nth-child(3) i {
  background: linear-gradient(160deg, oklch(72% 0.1 145), oklch(90% 0.04 80));
}

.listing-grid article:nth-child(4) i {
  background: linear-gradient(160deg, oklch(80% 0.05 300), oklch(60% 0.08 30));
}

.listing-grid span {
  color: var(--muted);
}

.burn-performance {
  min-height: 100%;
  color: oklch(97% 0.004 90);
  background:
    linear-gradient(180deg, oklch(22% 0.005 250 / 0.22), oklch(12% 0.003 250 / 0.55)),
    linear-gradient(130deg, oklch(74% 0.02 250), oklch(32% 0.008 250) 55%, oklch(12% 0.003 250));
}

.burn-performance .bv-nav-cta,
.burn-streaming .bv-nav-cta,
.burn-builder .bv-nav-cta,
.burn-semiconductor .bv-nav-cta,
.burn-urban .bv-nav-cta {
  background: oklch(96% 0.005 90);
  color: oklch(17% 0.01 250);
}

.vehicle-stage {
  display: grid;
  place-items: center;
  gap: 0.9em;
  min-height: 22em;
  padding: 1em 2em 0;
  text-align: center;
}

.car-silhouette {
  position: relative;
  width: min(720px, 86%);
  height: 8em;
  margin-top: 1em;
  border-radius: 50% 50% 28% 28%;
  background: linear-gradient(180deg, oklch(98% 0.006 90), oklch(60% 0.006 250));
  box-shadow: 0 22px 44px oklch(5% 0.003 250 / 0.44);
}

.car-silhouette i,
.chip i {
  position: absolute;
  inset: 30% 18%;
  border-radius: 999px;
  background: oklch(12% 0.003 250 / 0.35);
}

.spec-strip {
  display: flex;
  justify-content: center;
  gap: 2em;
  padding: 0 2em 1.5em;
  font-weight: 900;
}

.burn-retail {
  background: oklch(96% 0.004 80);
}

.retail-wall {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  grid-template-rows: 1fr auto;
  gap: 0.8em;
  padding: 1.1em;
}

.retail-photo {
  min-height: 18em;
  grid-row: span 2;
  background:
    linear-gradient(135deg, oklch(25% 0.01 250 / 0.12), oklch(20% 0.02 30 / 0.42)),
    linear-gradient(140deg, oklch(72% 0.08 35), oklch(38% 0.08 250));
}

.retail-photo,
.shoe-row i {
  border-radius: 6px;
}

.retail-type {
  display: grid;
  align-content: center;
  background: oklch(15% 0.005 250);
  color: oklch(97% 0.006 80);
  padding: 1em;
}

.retail-type h4 {
  font-weight: 950;
}

.shoe-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.7em;
}

.shoe-row i {
  min-height: 5em;
  background: linear-gradient(135deg, var(--plate-a), oklch(93% 0.005 80));
}

.burn-streaming {
  color: oklch(97% 0.006 80);
  background: radial-gradient(circle at 50% -10%, oklch(42% 0.2 28), oklch(12% 0.01 250) 48%);
}

.poster-field {
  position: absolute;
  inset: 3.8em 0 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.55em;
  padding: 1em;
  opacity: 0.34;
}

.poster-field i {
  min-height: 7em;
  border-radius: 6px;
  background: linear-gradient(160deg, oklch(48% 0.14 25), oklch(24% 0.08 300));
}

.stream-gate {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  gap: 0.8em;
  min-height: 24em;
  padding: 2em;
  text-align: center;
}

.email-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  gap: 0.6em;
  width: min(620px, 100%);
}

.email-row span,
.email-row b {
  padding: 1em;
  border-radius: 6px;
}

.email-row span {
  border: 1px solid oklch(74% 0.01 250 / 0.6);
  background: oklch(19% 0.006 250 / 0.78);
  text-align: left;
}

.email-row b {
  background: var(--plate-a);
}

.burn-productivity {
  background: oklch(94% 0.018 78);
}

.dropbox-hero {
  background: linear-gradient(90deg, oklch(95% 0.02 78), oklch(88% 0.06 245));
}

.device-sync,
.cloud-cards,
.campaign-card,
.pos-terminal,
.calendar-card,
.canvas-ui,
.ai-cards,
.paper-stack,
.chip,
.role-panel,
.video-grid,
.lanes,
.figma-canvas {
  position: relative;
  z-index: 2;
}

.device-sync {
  min-height: 16em;
}

.device-sync i {
  position: absolute;
  border-radius: 14px;
  background: oklch(98% 0.005 90);
  box-shadow: 0 18px 35px oklch(28% 0.02 250 / 0.16);
}

.device-sync i:nth-child(1) {
  inset: 8% 22% 10% 8%;
}

.device-sync i:nth-child(2) {
  inset: 28% 6% 26% 48%;
}

.device-sync i:nth-child(3) {
  inset: 5% 8% auto auto;
  width: 22%;
  height: 28%;
  background: var(--plate-a);
}

.logo-marquee {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
  padding: 0 2em 1.4em;
}

.logo-marquee span {
  min-height: 2em;
  border-radius: 999px;
  background: oklch(78% 0.015 250);
}

.burn-growth {
  background: linear-gradient(180deg, oklch(95% 0.02 78), oklch(99% 0.006 78));
}

.growth-hero,
.ai-minimal {
  display: grid;
  gap: 1em;
  justify-items: center;
  padding: 2em;
  text-align: center;
}

.module-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8em;
  width: min(760px, 100%);
}

.module-grid i {
  min-height: 6em;
  border-radius: 12px;
  padding: 1em;
  background: oklch(99% 0.004 90);
  box-shadow: 0 12px 28px oklch(35% 0.025 50 / 0.12);
  font-style: normal;
  font-weight: 900;
}

.burn-enterprise {
  background: linear-gradient(160deg, oklch(96% 0.016 245), oklch(83% 0.06 235));
}

.cloud-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8em;
}

.cloud-cards i {
  display: grid;
  min-height: 7em;
  place-items: center;
  border-radius: 18px;
  background: oklch(99% 0.004 90 / 0.9);
  color: oklch(35% 0.12 245);
  font-style: normal;
  font-weight: 900;
}

.cloud-cards i:first-child {
  grid-column: span 2;
}

.burn-creator {
  background: oklch(91% 0.17 95);
}

.campaign-card {
  display: grid;
  gap: 0.8em;
  padding: 1.4em;
  border: 2px solid oklch(19% 0.01 60);
  border-radius: 12px;
  background: oklch(99% 0.005 90);
  box-shadow: 10px 10px 0 oklch(19% 0.01 60);
}

.campaign-card b:first-child {
  width: auto;
  height: auto;
  background: transparent;
  opacity: 1;
}

.burn-local {
  background: oklch(96% 0.008 240);
}

.local-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) 0.55fr 0.75fr;
  gap: 1em;
  align-items: stretch;
  padding: 1.3em;
}

.local-copy {
  display: grid;
  align-content: center;
}

.pos-terminal {
  display: grid;
  place-items: center;
  gap: 0.45em;
  border-radius: 18px;
  background: oklch(15% 0.006 250);
  color: oklch(97% 0.006 90);
}

.pos-terminal i {
  width: 62%;
  height: 28%;
  border-radius: 8px;
  background: oklch(94% 0.025 230);
}

.store-tiles {
  display: grid;
  gap: 0.7em;
}

.store-tiles i {
  border-radius: 10px;
  background: linear-gradient(135deg, oklch(86% 0.08 65), oklch(58% 0.08 210));
}

.store-tiles i:nth-child(2) {
  background: linear-gradient(135deg, oklch(80% 0.09 140), oklch(65% 0.04 60));
}

.store-tiles i:nth-child(3) {
  background: linear-gradient(135deg, oklch(78% 0.1 310), oklch(56% 0.07 35));
}

.burn-scheduling {
  background: radial-gradient(circle at 90% 20%, oklch(88% 0.07 230), transparent 28%), oklch(98% 0.006 230);
}

.calendar-card {
  display: grid;
  gap: 0.8em;
  padding: 1.2em;
  border-radius: 22px;
  background: oklch(99% 0.004 90);
  box-shadow: 0 20px 42px oklch(30% 0.03 240 / 0.14);
}

.calendar-card div {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.45em;
}

.calendar-card i {
  aspect-ratio: 1;
  border-radius: 999px;
  background: oklch(91% 0.014 240);
}

.calendar-card i.on {
  background: var(--plate-a);
}

.burn-builder {
  color: oklch(96% 0.006 90);
  background: oklch(10% 0.015 250);
}

.canvas-ui {
  display: grid;
  grid-template-columns: 64px 1fr;
  min-height: 17em;
  border: 1px solid oklch(92% 0.008 90 / 0.18);
  border-radius: 16px;
  background: oklch(15% 0.018 250);
  box-shadow: 0 24px 60px oklch(3% 0.01 250 / 0.4);
}

.canvas-ui aside {
  border-right: 1px solid oklch(92% 0.008 90 / 0.12);
  background: oklch(12% 0.018 250);
}

.canvas-main {
  display: grid;
  gap: 0.8em;
  padding: 1em;
}

.canvas-main i,
.canvas-main b,
.canvas-main span {
  border-radius: 8px;
  background: linear-gradient(135deg, var(--plate-a), var(--plate-c));
}

.canvas-main i {
  min-height: 35%;
}

.canvas-main b {
  width: 72%;
  min-height: 1em;
}

.canvas-main span {
  width: 46%;
  min-height: 1em;
}

.burn-ai {
  background: oklch(93% 0.012 80);
}

.ai-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1em;
  width: min(760px, 100%);
}

.ai-cards i {
  min-height: 8em;
  border-radius: 16px;
  padding: 1em;
  background: oklch(18% 0.008 250);
  color: oklch(95% 0.006 90);
  font-style: normal;
  font-weight: 900;
}

.burn-research {
  background: oklch(88% 0.045 66);
}

.research-paper {
  display: grid;
  gap: 1em;
  padding: 2em;
}

.paper-stack {
  position: absolute;
  right: 2em;
  bottom: 2em;
  width: 38%;
  height: 42%;
}

.paper-stack i {
  position: absolute;
  inset: calc(var(--n, 0) * 10px);
  border-radius: 4px;
  background: oklch(97% 0.015 78);
  box-shadow: 0 12px 35px oklch(30% 0.02 55 / 0.15);
  transform: rotate(-4deg);
}

.paper-stack i:nth-child(2) {
  --n: 1;
  transform: rotate(3deg);
}

.paper-stack i:nth-child(3) {
  --n: 2;
  transform: rotate(8deg);
}

.burn-semiconductor {
  color: oklch(96% 0.006 90);
  background:
    radial-gradient(circle at 75% 45%, oklch(58% 0.18 135 / 0.42), transparent 25%),
    oklch(10% 0.012 140);
}

.chip {
  aspect-ratio: 1;
  width: min(280px, 90%);
  margin: auto;
  border: 2px solid oklch(70% 0.16 135);
  border-radius: 18px;
  background:
    linear-gradient(90deg, transparent 48%, oklch(70% 0.16 135 / 0.28) 50%, transparent 52%),
    linear-gradient(0deg, transparent 48%, oklch(70% 0.16 135 / 0.28) 50%, transparent 52%),
    oklch(15% 0.018 140);
  box-shadow: 0 0 46px oklch(70% 0.16 135 / 0.24);
}

.burn-urban {
  color: oklch(95% 0.005 90);
  background: oklch(12% 0.006 250);
}

.role-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9em;
}

.role-panel i {
  display: grid;
  min-height: 14em;
  place-items: end start;
  border-radius: 14px;
  padding: 1em;
  background: linear-gradient(160deg, oklch(75% 0.02 250), oklch(23% 0.012 250));
  font-style: normal;
  font-weight: 900;
}

.role-panel i:nth-child(2) {
  background: linear-gradient(160deg, oklch(71% 0.08 145), oklch(22% 0.01 250));
}

.burn-meeting {
  background: oklch(97% 0.014 235);
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.7em;
}

.video-grid i {
  min-height: 8em;
  border-radius: 14px;
  background: linear-gradient(135deg, oklch(83% 0.05 230), oklch(58% 0.08 250));
}

.video-grid i:nth-child(2) {
  background: linear-gradient(135deg, oklch(86% 0.04 145), oklch(62% 0.08 230));
}

.video-grid i:nth-child(3) {
  background: linear-gradient(135deg, oklch(88% 0.05 70), oklch(63% 0.06 230));
}

.burn-workflow {
  background: oklch(96% 0.018 72);
}

.lanes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8em;
}

.lanes i {
  min-height: 15em;
  border-radius: 16px;
  background:
    linear-gradient(180deg, oklch(99% 0.004 90), oklch(96% 0.006 90)),
    var(--plate-b);
  box-shadow: inset 0 0 0 1px oklch(86% 0.015 80);
}

.lanes i::before,
.lanes i::after {
  content: "";
  display: block;
  width: 72%;
  height: 2.3em;
  margin: 1em auto;
  border-radius: 9px;
  background: var(--plate-a);
  opacity: 0.78;
}

.lanes i:nth-child(2)::before {
  background: var(--plate-b);
}

.lanes i:nth-child(3)::before {
  background: var(--plate-c);
}

.burn-design {
  background: oklch(97% 0.006 250);
}

.figma-canvas {
  min-height: 18em;
  border-radius: 18px;
  background:
    linear-gradient(90deg, oklch(92% 0.008 250) 1px, transparent 1px),
    linear-gradient(0deg, oklch(92% 0.008 250) 1px, transparent 1px),
    oklch(99% 0.004 90);
  background-size: 28px 28px;
}

.figma-canvas i,
.figma-canvas b,
.figma-canvas span {
  position: absolute;
  border-radius: 14px;
}

.figma-canvas i:nth-child(1) {
  inset: 12% 54% 54% 8%;
  background: var(--plate-a);
}

.figma-canvas i:nth-child(2) {
  inset: 18% 14% 48% 50%;
  background: var(--plate-b);
}

.figma-canvas i:nth-child(3) {
  inset: 52% 38% 13% 21%;
  background: var(--plate-c);
}

.figma-canvas b {
  inset: 42% 20% auto auto;
  width: 22%;
  height: 18%;
  background: oklch(92% 0.14 75);
}

.figma-canvas span {
  inset: auto 56% 14% 9%;
  width: 18%;
  height: 18%;
  border-radius: 999px;
  background: oklch(70% 0.18 24);
}

.burn-compact .bv-nav {
  padding: 0.8em 1em 0.35em;
}

.burn-compact .stripe-stack {
  transform: rotate(-3deg) scale(0.86);
  transform-origin: center;
}

.burn-compact.burn-fintech .bv-copy h4 {
  display: none;
}

.burn-compact.burn-fintech .bv-copy::before {
  content: "Revenue platform";
  display: block;
  max-width: 8ch;
  font-size: 1.18em;
  font-weight: 900;
  line-height: 1.02;
}

.burn-compact.burn-productivity h4,
.burn-compact.burn-enterprise h4,
.burn-compact.burn-local h4 {
  max-width: 8ch;
  font-size: 1.12em;
}

.burn-compact .stripe-stack section {
  padding: 0.65em;
}

.burn-compact .stripe-stack section:nth-child(2),
.burn-compact .stripe-stack section:nth-child(3) {
  display: none;
}

.burn-compact .bv-nav-cta,
.burn-compact .bv-cta em,
.burn-compact .bv-cta span {
  min-height: 2.3em;
  padding: 0 0.8em;
}

.burn-compact .product-lineup {
  min-height: 7.5em;
}

.burn-compact .product-lineup i {
  height: 5.2em;
  border-radius: 12px;
}

.burn-compact .product-lineup i:nth-child(2) {
  height: 6.3em;
}

.burn-compact .listing-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4em;
  padding: 0 0.8em 0.8em;
}

.burn-compact .listing-grid i {
  min-height: 4.4em;
}

.burn-compact .vehicle-stage {
  min-height: 8.8em;
  padding: 0.4em 1em 0;
}

.burn-compact .car-silhouette {
  height: 3.2em;
}

.burn-compact .spec-strip,
.burn-compact .email-row,
.burn-compact .logo-marquee,
.burn-compact .poster-field {
  display: none;
}

.burn-compact .retail-wall {
  grid-template-columns: 0.95fr 1fr;
  padding: 0.65em;
}

.burn-compact .retail-photo {
  min-height: 7.4em;
}

.burn-compact .shoe-row {
  display: none;
}

.burn-compact .stream-gate {
  min-height: 9em;
  padding: 0.8em;
}

.burn-compact .device-sync,
.burn-compact .calendar-card,
.burn-compact .canvas-ui,
.burn-compact .chip,
.burn-compact .role-panel i,
.burn-compact .video-grid i,
.burn-compact .lanes i,
.burn-compact .figma-canvas {
  min-height: 7em;
}

.burn-compact .module-grid,
.burn-compact .ai-cards,
.burn-compact .video-grid,
.burn-compact .lanes {
  gap: 0.45em;
}

.burn-compact .module-grid i,
.burn-compact .ai-cards i {
  min-height: 4em;
  padding: 0.7em;
}

.burn-compact .paper-stack {
  width: 32%;
  height: 36%;
}

.burn-compact .local-grid {
  grid-template-columns: 1fr 0.65fr;
}

.burn-compact .store-tiles {
  display: none;
}

.topbar[hidden] {
  display: none;
}

body.is-lp-preview {
  overflow-x: hidden;
  background: oklch(97% 0.006 80);
}

body.is-lp-preview main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.is-preview-index main {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 42px 24px;
}

.preview-index {
  display: grid;
  gap: 24px;
}

.preview-index-head {
  display: grid;
  gap: 8px;
}

.preview-index-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.preview-index-head h1 {
  margin: 0;
  font-size: clamp(32px, 5vw, 64px);
}

.preview-path-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.preview-path-card {
  display: grid;
  gap: 6px;
  min-height: 86px;
  align-content: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: var(--surface);
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.preview-path-card:hover {
  border-color: oklch(67% 0.1 253);
  transform: translateY(-2px);
  box-shadow: 0 14px 40px oklch(31% 0.03 250 / 0.12);
}

.preview-path-card strong {
  font-size: 18px;
}

.preview-path-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.lp-preview-page {
  --lp-bg: oklch(98% 0.006 80);
  --lp-panel: oklch(99% 0.004 80);
  --lp-panel-2: oklch(94% 0.01 80);
  --lp-ink: oklch(18% 0.014 250);
  --lp-muted: oklch(47% 0.016 250);
  --lp-line: oklch(86% 0.012 80);
  --lp-action: var(--plate-a);
  min-height: 100vh;
  max-width: 100%;
  overflow: hidden;
  background: var(--lp-bg);
  color: var(--lp-ink);
}

.lp-streaming,
.lp-performance,
.lp-builder,
.lp-semiconductor,
.lp-urban {
  --lp-bg: oklch(12% 0.008 250);
  --lp-panel: oklch(18% 0.01 250);
  --lp-panel-2: oklch(23% 0.012 250);
  --lp-ink: oklch(96% 0.006 90);
  --lp-muted: oklch(78% 0.006 90);
  --lp-line: oklch(40% 0.012 250);
}

.lp-product {
  --lp-bg: oklch(96% 0.004 250);
  --lp-panel-2: oklch(90% 0.005 250);
}

.lp-marketplace {
  --lp-action: oklch(62% 0.22 18);
}

.lp-creator {
  --lp-bg: oklch(93% 0.13 96);
  --lp-panel-2: oklch(86% 0.11 96);
}

.lp-research {
  --lp-bg: oklch(88% 0.04 65);
  --lp-panel: oklch(94% 0.025 65);
  --lp-panel-2: oklch(83% 0.035 65);
}

.lp-site-nav {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 64px;
  padding: 0 clamp(20px, 5vw, 72px);
  border-bottom: 1px solid var(--lp-line);
  background: color-mix(in oklch, var(--lp-bg) 92%, transparent);
  backdrop-filter: blur(12px);
}

.lp-site-nav div {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 26px);
}

.lp-site-nav a {
  color: var(--lp-muted);
  font-size: 14px;
  font-weight: 800;
}

.lp-site-nav > a:last-child,
.lp-brand {
  color: var(--lp-ink);
}

.lp-site-nav > a:last-child {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  border-radius: 999px;
  padding: 0 15px;
  background: var(--lp-ink);
  color: var(--lp-bg);
}

.lp-preview-page h1,
.lp-preview-page h2 {
  max-width: 900px;
  margin: 0;
  letter-spacing: 0;
  overflow-wrap: normal;
  text-wrap: balance;
}

.lp-preview-page h1 {
  font-size: clamp(44px, 8vw, 112px);
  line-height: 0.94;
}

.lp-preview-page h2 {
  font-size: clamp(32px, 5vw, 74px);
  line-height: 1;
}

.lp-preview-page p,
.lp-preview-page span,
.lp-preview-page li {
  color: var(--lp-muted);
  line-height: 1.55;
}

.lp-preview-page p {
  margin: 0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lp-hero {
  display: grid;
  min-height: min(820px, calc(100vh - 64px));
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  padding: clamp(48px, 8vw, 112px) clamp(20px, 5vw, 72px);
  max-width: 100%;
}

.lp-hero-split {
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.9fr);
}

.lp-hero-center {
  justify-items: center;
  text-align: center;
}

.lp-hero-center > span {
  max-width: 720px;
}

.lp-hero-search {
  align-content: center;
  background: var(--lp-panel);
}

.lp-hero-search > div:first-child {
  display: grid;
  gap: 14px;
  justify-items: center;
  width: 100%;
  min-width: 0;
  text-align: center;
}

.lp-hero-search h1 {
  max-width: 1040px;
}

.lp-hero-panel {
  position: relative;
  min-height: calc(100vh - 64px);
  place-items: end center;
  color: var(--lp-ink);
}

.lp-hero-panel > .lp-blank-image {
  position: absolute;
  inset: 0;
  border: 0;
  border-radius: 0;
  opacity: 0.72;
}

.lp-hero-panel > div {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 16px;
  justify-items: center;
  max-width: 920px;
  text-align: center;
}

.lp-hero-gate {
  position: relative;
  place-items: center;
  min-height: calc(100vh - 64px);
  background: radial-gradient(circle at 50% 10%, color-mix(in oklch, var(--lp-action) 38%, transparent), transparent 42%), var(--lp-bg);
}

.lp-gate-copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 16px;
  justify-items: center;
  max-width: 980px;
  text-align: center;
}

.lp-poster-grid {
  position: absolute;
  inset: 64px 0 0;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 8px;
  padding: 16px;
  opacity: 0.28;
}

.lp-actions,
.lp-email-capture {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
}

.lp-actions a,
.lp-email-capture button,
.lp-search-bar button,
.lp-final-section > a,
.lp-price-grid a {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  padding: 0 20px;
  background: var(--lp-action);
  color: oklch(98% 0.006 90);
  font-weight: 900;
}

.lp-actions a:nth-child(2) {
  background: transparent;
  color: var(--lp-ink);
  box-shadow: inset 0 0 0 1px var(--lp-line);
}

.lp-email-capture,
.lp-search-bar {
  width: min(720px, 100%);
}

.lp-email-capture label,
.lp-search-bar label {
  display: flex;
  min-height: 54px;
  align-items: center;
  border: 1px solid var(--lp-line);
  border-radius: 8px;
  padding: 0 16px;
  background: var(--lp-panel);
  color: var(--lp-muted);
}

.lp-email-capture label {
  flex: 1;
}

.lp-search-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 8px;
  justify-self: center;
  border: 1px solid var(--lp-line);
  border-radius: 999px;
  padding: 8px;
  background: var(--lp-bg);
  box-shadow: 0 24px 60px oklch(28% 0.03 250 / 0.14);
}

.lp-search-bar label,
.lp-search-bar button {
  border-radius: 999px;
}

.lp-inventory-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.lp-blank-image {
  min-height: 240px;
  max-width: 100%;
  border: 1px solid var(--lp-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, transparent 49%, color-mix(in oklch, var(--lp-line) 60%, transparent) 50%, transparent 51%),
    linear-gradient(45deg, transparent 49%, color-mix(in oklch, var(--lp-line) 60%, transparent) 50%, transparent 51%),
    var(--lp-panel-2);
}

.lp-blank-hero {
  aspect-ratio: 16 / 10;
  min-height: 420px;
}

.lp-blank-dashboard,
.lp-blank-code,
.lp-blank-calendar,
.lp-blank-screen {
  aspect-ratio: 4 / 3;
  min-height: 420px;
}

.lp-blank-wide {
  aspect-ratio: 16 / 9;
}

.lp-blank-square {
  aspect-ratio: 1;
}

.lp-blank-portrait,
.lp-blank-product {
  aspect-ratio: 4 / 5;
  min-height: 500px;
}

.lp-blank-tile {
  aspect-ratio: 4 / 3;
  min-height: 160px;
}

.lp-blank-poster {
  aspect-ratio: 2 / 3;
  min-height: 120px;
}

.lp-blank-fullbleed {
  min-height: 100%;
}

.lp-section {
  padding: clamp(52px, 8vw, 112px) clamp(20px, 5vw, 72px);
  border-top: 1px solid var(--lp-line);
}

.lp-section-head {
  display: grid;
  gap: 14px;
  min-width: 0;
  max-width: 940px;
  margin-bottom: 36px;
}

.lp-section-head > span,
.lp-hero > div > span,
.lp-gate-copy > span,
.lp-split-section > div > span,
.lp-final-section span {
  display: block;
  max-width: 72ch;
  font-size: 18px;
}

.lp-logo-section {
  display: grid;
  gap: 24px;
  justify-items: center;
  text-align: center;
}

.lp-logo-strip {
  display: grid;
  width: min(1040px, 100%);
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 12px;
}

.lp-logo-strip span {
  min-height: 42px;
  border-radius: 999px;
  background: var(--lp-panel-2);
}

.lp-card-grid,
.lp-price-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.lp-card-grid.has-media {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lp-card-grid article,
.lp-price-grid article,
.lp-row-stack article,
.lp-faq-list details,
.lp-metric-band article {
  border: 1px solid var(--lp-line);
  border-radius: 8px;
  background: var(--lp-panel);
}

.lp-card-grid article {
  display: grid;
  gap: 16px;
  min-height: 230px;
  padding: 20px;
}

.lp-card-grid strong,
.lp-row-stack strong,
.lp-price-grid strong {
  color: var(--lp-ink);
  font-size: 22px;
  line-height: 1.08;
}

.lp-row-stack {
  display: grid;
  gap: 18px;
}

.lp-row-stack article,
.lp-split-section {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(280px, 0.9fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.lp-row-stack article {
  padding: 18px;
}

.lp-row-stack article:nth-child(even) .lp-blank-image {
  order: -1;
}

.lp-row-stack article > div,
.lp-split-section > div,
.lp-final-section > div {
  display: grid;
  gap: 14px;
}

.lp-split-section ul {
  display: grid;
  gap: 10px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.lp-split-section li {
  display: flex;
  gap: 10px;
  align-items: center;
}

.lp-split-section li::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--lp-action);
}

.lp-metric-band {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--lp-line);
  border-radius: 8px;
  background: var(--lp-line);
}

.lp-metric-band article {
  display: grid;
  gap: 8px;
  min-height: 150px;
  align-content: center;
  border: 0;
  border-radius: 0;
  padding: 22px;
}

.lp-metric-band strong {
  color: var(--lp-ink);
  font-size: clamp(34px, 6vw, 72px);
  line-height: 0.95;
}

.lp-faq-list {
  display: grid;
  gap: 10px;
}

.lp-faq-list details {
  padding: 20px;
}

.lp-faq-list summary {
  color: var(--lp-ink);
  cursor: pointer;
  font-weight: 900;
}

.lp-faq-list p {
  margin-top: 12px;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
}

.lp-price-grid article {
  display: grid;
  gap: 16px;
  min-height: 260px;
  align-content: center;
  padding: 24px;
}

.lp-price-grid .is-featured {
  background: color-mix(in oklch, var(--lp-action) 12%, var(--lp-panel));
}

.lp-final-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background: var(--lp-ink);
  color: var(--lp-bg);
}

.lp-final-section h2,
.lp-final-section p,
.lp-final-section span {
  color: var(--lp-bg);
}

@media (max-width: 1240px) {
  .tool-shell {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  .detail-panel {
    position: static;
    grid-column: 1 / -1;
  }

  .lp-card-grid.has-media {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .topbar,
  .workspace-hero,
  .contact-band {
    grid-template-columns: 1fr;
  }

  .topbar {
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 18px;
  }

  .topnav {
    width: 100%;
    overflow-x: auto;
  }

  main {
    padding: 18px;
  }

  h1 {
    font-size: 36px;
  }

  .tool-shell {
    grid-template-columns: 1fr;
  }

  .burn-full {
    min-height: 470px;
  }

  .burn-full h4 {
    font-size: 2.4em;
  }

  .bv-nav {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .bv-links {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .bv-split,
  .dropbox-hero,
  .enterprise-cloud,
  .creator-board,
  .schedule-layout,
  .builder-canvas,
  .chip-stage,
  .urban-split,
  .meeting-suite,
  .workflow-lanes,
  .design-board,
  .local-grid {
    grid-template-columns: 1fr;
  }

  .preview-notes {
    grid-template-columns: 1fr;
  }

  .lp-site-nav {
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    padding: 16px 20px;
  }

  .lp-site-nav div {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .lp-hero-split,
  .lp-row-stack article,
  .lp-split-section {
    grid-template-columns: 1fr;
  }

  .lp-card-grid,
  .lp-card-grid.has-media,
  .lp-price-grid,
  .preview-path-list,
  .lp-inventory-strip {
    grid-template-columns: 1fr;
  }

  .lp-search-bar {
    grid-template-columns: 1fr;
    border-radius: 18px;
  }

  .lp-final-section {
    align-items: flex-start;
    flex-direction: column;
  }

  .lp-row-stack article:nth-child(even) .lp-blank-image {
    order: 0;
  }

  .lp-poster-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .filters {
    position: static;
  }

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

@media (max-width: 560px) {
  .hero-status {
    grid-template-columns: 1fr;
  }

  h1 {
    max-width: calc(100vw - 36px);
    font-size: 24px;
    line-height: 1.12;
    word-break: break-all;
  }

  h2 {
    max-width: calc(100vw - 36px);
    font-size: 20px;
    word-break: break-all;
  }

  .hero-copy p:last-child,
  .contact-band > div > p {
    max-width: calc(100vw - 36px);
    font-size: 15px;
    word-break: break-all;
  }

  .plate-list,
  .detail-panel,
  .contact-band,
  .visual-stage {
    padding: 16px;
  }

  .lp-section,
  .lp-hero {
    padding: 22px;
  }

  .lp-preview-page h1 {
    font-size: 32px;
    overflow-wrap: anywhere;
    text-wrap: auto;
    word-break: normal;
  }

  .lp-preview-page h2 {
    font-size: 26px;
  }

  .lp-preview-page h1,
  .lp-preview-page h2,
  .lp-section-head,
  .lp-hero > div,
  .lp-gate-copy {
    max-width: 100%;
  }

  .lp-hero-search h1 {
    max-width: 12ch;
  }

  .lp-section-head > span,
  .lp-hero > div > span,
  .lp-gate-copy > span,
  .lp-split-section > div > span,
  .lp-final-section span {
    max-width: 100%;
    font-size: 16px;
  }

  .lp-site-nav div a:nth-child(n + 3) {
    display: none;
  }

  .lp-blank-hero,
  .lp-blank-dashboard,
  .lp-blank-code,
  .lp-blank-calendar,
  .lp-blank-screen,
  .lp-blank-portrait,
  .lp-blank-product {
    min-height: 260px;
  }

  .lp-email-capture {
    align-items: stretch;
    flex-direction: column;
  }

  main,
  .visual-stage,
  .burn-visual {
    max-width: 100%;
    overflow-x: hidden;
  }

  .burn-full {
    min-height: auto;
  }

  .burn-full h4 {
    font-size: 1.7em;
  }

  .search-pill,
  .email-row {
    grid-template-columns: 1fr;
    border-radius: 18px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .listing-grid,
  .module-grid,
  .ai-cards {
    grid-template-columns: 1fr;
  }

  .bv-split,
  .dropbox-hero,
  .enterprise-cloud,
  .creator-board,
  .schedule-layout,
  .builder-canvas,
  .chip-stage,
  .urban-split,
  .meeting-suite,
  .workflow-lanes,
  .design-board,
  .local-grid,
  .growth-hero,
  .ai-minimal,
  .research-paper {
    padding: 1em;
  }

  .section-heading,
  .plate-topline {
    align-items: start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}