:root {
  --bg: #050607;
  --bg2: #080b0c;
  --panel: #101415;
  --panel2: #151a1b;
  --line: rgba(255, 255, 255, 0.105);
  --line2: rgba(255, 255, 255, 0.16);
  --text: #f6f8f7;
  --soft: #cbd4d2;
  --muted: #83918f;
  --orange: #ff8a12;
  --orange2: #ff4f00;
  --teal: #2ae6c8;
  --amber: var(--orange);
  --amber2: #ff9f3d;
  --green: var(--teal);
  --blue: #55bfe8;
  --violet: #b292e8;
  --red: #ff6a4c;
  --display: "Inter", "Segoe UI", Arial, sans-serif;
  --body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --wrap: min(1320px, calc(100% - 64px));
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background:
    radial-gradient(
      900px 650px at 76% 16%,
      rgba(255, 138, 18, 0.17),
      transparent 58%
    ),
    radial-gradient(
      760px 560px at 10% 72%,
      rgba(42, 230, 200, 0.07),
      transparent 64%
    ),
    linear-gradient(180deg, #080b0c, #030505 58%, #080909);
  color: var(--text);
  font: 17px/1.6 var(--body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.12;
  background:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size:
    auto,
    80px 80px,
    80px 80px;
}
img {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  color: inherit;
}
.wrap {
  width: var(--wrap);
  margin-inline: auto;
}
.pixel-fallback {
  display: none;
}
.skip-link {
  position: fixed;
  left: 12px;
  top: 12px;
  z-index: 1000;
  padding: 10px 14px;
  background: var(--text);
  color: var(--bg);
  transform: translateY(-180%);
  transition: 0.2s;
}
.skip-link:focus {
  transform: none;
}
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  background: rgba(5, 7, 8, 0.84);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
}
.nav-shell {
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brand-mark {
  width: 42px;
  height: 42px;
}
.brand-type {
  display: grid;
  line-height: 1;
}
.brand-type strong {
  font: 700 24px/0.85 var(--display);
  letter-spacing: -0.02em;
}
.brand-type small {
  margin-top: 5px;
  color: var(--muted);
  font: 500 8px/1 var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.site-nav {
  display: flex;
  align-items: center;
  gap: 27px;
  font: 600 13px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--soft);
}
.site-nav a {
  padding: 10px 0;
}
.site-nav a:hover,
.site-nav a:focus-visible {
  color: var(--amber2);
}
.site-nav .nav-cta {
  padding: 12px 18px;
  border: 1px solid var(--amber);
  color: var(--amber2);
  border-radius: 14px;
  background: rgba(255, 138, 18, 0.055);
}
.nav-toggle {
  display: none;
  background: none;
  border: 0;
}
.hero {
  position: relative;
  min-height: 880px;
  padding: 170px 0 105px;
  display: grid;
  align-items: center;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}
.hero-grid-lines {
  position: absolute;
  inset: 78px 0 0;
  opacity: 0.25;
  background:
    linear-gradient(
      90deg,
      transparent calc(50% - 1px),
      var(--line) 50%,
      transparent calc(50% + 1px)
    ),
    linear-gradient(var(--line) 1px, transparent 1px);
  background-size:
    100% 100%,
    100% 180px;
  mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 18%,
    #000 75%,
    transparent
  );
}
.hero-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(440px, 1.08fr);
  gap: clamp(52px, 5vw, 88px);
  align-items: center;
}
.hero-copy {
  min-width: 0;
}
.eyebrow,
.section-index,
.card-label {
  font: 600 11px var(--mono);
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: var(--amber2);
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 25px;
}
.eyebrow span {
  width: 40px;
  height: 1px;
  background: var(--amber);
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1,
h2 {
  font-family: var(--display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.07em;
  line-height: 0.9;
  text-wrap: balance;
}
h3 {
  text-wrap: balance;
}
h1,
h2,
h3,
h1 > span,
h2 > span {
  background: linear-gradient(
    105deg,
    #ffffff 0%,
    #8f9895 24%,
    #f7f7f4 48%,
    #68706e 78%,
    #ffffff 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 18px 48px rgba(0, 0, 0, 0.68));
}
h1 > span,
h1 > em {
  box-sizing: content-box;
  display: block;
  width: max-content;
  max-width: none;
  padding-right: 0.1em;
}
h2 > em {
  box-sizing: content-box;
  display: block;
  width: auto;
  max-width: 100%;
  padding-right: 0.1em;
}
.hero-copy h1 > span,
.hero-copy h1 > em {
  white-space: nowrap;
}
.hero-copy h1 {
  position: relative;
  z-index: 1;
  font-size: clamp(50px, 3.85vw, 68px);
}
.hero-copy::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 10% -6% 20% -10%;
  pointer-events: none;
  background: radial-gradient(
    ellipse at 44% 48%,
    rgba(255, 138, 18, 0.13),
    rgba(255, 138, 18, 0.045) 38%,
    transparent 70%
  );
  filter: blur(24px);
}
h1 {
  font-size: clamp(64px, 6.25vw, 104px);
  margin-bottom: 28px;
}
h1 em,
h2 em {
  font-style: normal;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--amber2);
  filter: none;
  text-shadow:
    0 0 30px rgba(255, 138, 18, 0.32),
    0 22px 60px rgba(0, 0, 0, 0.72);
}
.hero-lede {
  max-width: 680px;
  color: #d2d2cc;
  font-size: 21px;
  line-height: 1.55;
}
.button-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 35px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 19px;
  border: 1px solid var(--line2);
  font: 600 12px var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  transition: 0.2s;
}
.button:hover,
.button:focus-visible {
  transform: translateY(-2px);
  border-color: var(--amber);
}
.button-primary {
  background: linear-gradient(135deg, var(--orange), var(--orange2));
  border-color: transparent;
  color: #0c0703;
  font-weight: 900;
  box-shadow: 0 18px 62px rgba(255, 105, 0, 0.26);
}
.button-primary:hover,
.button-primary:focus-visible {
  background: var(--amber2);
}
.button-secondary {
  background: rgba(255, 255, 255, 0.025);
}
.availability {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
  color: var(--muted);
  font-size: 14px;
}
.availability strong {
  color: var(--soft);
}
.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--amber2);
  box-shadow: 0 0 16px rgba(255, 101, 15, 0.65);
}
.hero .visual {
  min-width: 0;
  min-height: 610px;
}

.hero .hud {
  width: min(620px, 100%);
  bottom: 0;
}

.mission-chip {
  display: none !important;
}

.product-context {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 5px 16px;
  padding: 0 2px 14px;
}
.product-context span {
  color: var(--blue);
  font: 600 10px var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.product-context strong {
  font: 600 25px/1 var(--display);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.product-context p {
  grid-column: 2;
  margin: 0;
  color: var(--soft);
  font-size: 14px;
}
.open-4k {
  grid-column: 2;
  width: max-content;
  margin-top: 3px;
  color: var(--teal);
  font: 600 10px var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.open-4k:hover,
.open-4k:focus-visible {
  color: #9ffff0;
}
.product-frame {
  border: 1px solid var(--line2);
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.025)
  );
  box-shadow:
    0 34px 110px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: perspective(1400px) rotateY(-3deg);
}
.product-frame > img {
  filter: brightness(1.48) contrast(1.08) saturate(1.16);
}
.frame-bar,
.product-proof-chrome {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border-bottom: 1px solid var(--line);
  background: #111313;
}
.frame-bar span,
.product-proof-chrome i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #515552;
}
.frame-bar span:first-child,
.product-proof-chrome i:first-child {
  background: var(--amber);
}
.frame-bar b {
  margin-left: 8px;
  font: 500 9px var(--mono);
  letter-spacing: 0.13em;
  color: var(--muted);
}
.hero-receipts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  background: rgba(8, 12, 13, 0.92);
}
.hero-receipts span {
  padding: 13px 10px;
  font: 500 10px var(--mono);
  letter-spacing: 0.04em;
  color: var(--soft);
  border-right: 1px solid var(--line);
}
.hero-receipts span:last-child {
  border: 0;
}
.hero-receipts i {
  margin-right: 7px;
  color: var(--blue);
  font-style: normal;
}
.hero-receipts .receipt-verified {
  color: var(--green);
}
.section {
  padding: 120px 0;
  border-bottom: 1px solid var(--line);
}
.section-dark {
  background: #0b0d0d;
}
.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.55fr);
  gap: 60px;
  align-items: end;
  margin-bottom: 54px;
}
.section-heading.compact {
  grid-template-columns: 1fr;
}
.section-heading h2,
.evidence-copy h2,
.trust-primary h2,
.requirements-layout h2,
.faq-intro h2,
.final-cta h2 {
  font-size: clamp(48px, 5vw, 76px);
  margin: 10px 0 0;
}
.section-heading > p,
.evidence-copy > p,
.trust-primary > p,
.faq-intro > p {
  color: var(--soft);
  font-size: 19px;
  line-height: 1.55;
}
.workflow-rail {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid var(--line);
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.018)
  );
}
.workflow-rail li {
  min-width: 0;
  border-right: 1px solid var(--line);
}
.workflow-rail li:last-child {
  border: 0;
}
.workflow-rail article {
  width: 100%;
  min-height: 240px;
  padding: 22px 17px;
  text-align: left;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  color: inherit;
}
.workflow-rail li:nth-child(1) {
  --step-color: #ff7429;
}
.workflow-rail li:nth-child(2) {
  --step-color: #55c98b;
}
.workflow-rail li:nth-child(3) {
  --step-color: #58aee5;
}
.workflow-rail li:nth-child(4) {
  --step-color: #58d3c2;
}
.workflow-rail li:nth-child(5) {
  --step-color: #b696e8;
}
.workflow-rail li:nth-child(6) {
  --step-color: #f06d85;
}
.workflow-rail li:nth-child(7) {
  --step-color: #ff8a35;
}
.workflow-rail small {
  font: 500 10px var(--mono);
  color: var(--step-color, var(--amber2));
}
.workflow-rail strong {
  margin-top: auto;
  font: 600 23px/1 var(--display);
  text-transform: uppercase;
}
.workflow-rail span {
  margin-top: 13px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}
.comparison-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.018)
  );
}
.comparison-card {
  padding: 50px;
}
.comparison-card + article {
  border-left: 1px solid var(--line);
}
.comparison-card h3 {
  font: 600 clamp(36px, 4vw, 55px)/1 var(--display);
  text-transform: uppercase;
  margin: 16px 0 35px;
}
.comparison-card ul,
.price-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.comparison-card li {
  padding: 16px 0 16px 25px;
  border-top: 1px solid var(--line);
  color: var(--soft);
  position: relative;
}
.comparison-card li:before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--red);
}
.connected li:before {
  content: "✓";
  color: var(--green);
}
.connected {
  background: linear-gradient(135deg, rgba(105, 188, 138, 0.07), transparent);
}
.product-showcase {
  background: var(--bg);
}
.product-showcase-layout {
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 18px;
}
.product-proof-steps {
  display: grid;
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}
.product-proof-step {
  padding: 16px 18px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  cursor: pointer;
}
.product-proof-step:last-child {
  border-bottom: 0;
}
.product-proof-step small {
  display: block;
  font: 500 9px var(--mono);
  letter-spacing: 0.1em;
  color: var(--muted);
}
.product-proof-step strong {
  display: block;
  margin: 7px 0 2px;
  font: 600 22px var(--display);
  text-transform: uppercase;
}
.product-proof-step span {
  display: block;
  color: #9a9d97;
  font-size: 12px;
  line-height: 1.35;
}
.product-proof-step.is-active,
.product-proof-step:hover,
.product-proof-step:focus-visible {
  background: rgba(255, 101, 15, 0.1);
  box-shadow: inset 3px 0 var(--amber);
}
.product-proof-step.is-active small {
  color: var(--amber2);
}
.product-proof-step.is-active span {
  opacity: 1;
}
.product-proof-stage {
  margin: 0;
  border: 1px solid var(--line2);
  border-radius: 24px;
  background: #080909;
  overflow: hidden;
}
.product-proof-viewport {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.product-proof-viewport img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1.38) contrast(1.06) saturate(1.12);
  transition: opacity 0.18s;
}
.product-proof-stage.is-changing img {
  opacity: 0.25;
}
.product-proof-stage figcaption,
.evidence-figure figcaption,
.resolve-proof figcaption {
  padding: 11px 14px;
  background: #111313;
  border-top: 1px solid var(--line);
  font: 500 9px var(--mono);
  letter-spacing: 0.11em;
  color: var(--muted);
}
.evidence-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 52px;
  align-items: start;
}
.evidence-layout.reverse {
  grid-template-columns: 1fr;
}
.evidence-layout.reverse .evidence-copy {
  order: 0;
}
.evidence-copy h2 {
  margin: 12px 0 28px;
  font-size: clamp(48px, 5vw, 76px);
}
.evidence-copy h2 > em {
  display: block;
  width: auto;
  max-width: 100%;
}
.fact-list {
  list-style: none;
  padding: 0;
  margin: 38px 0;
}
.fact-list li {
  padding: 17px 0;
  border-top: 1px solid var(--line);
}
.fact-list strong,
.fact-list span {
  display: block;
}
.fact-list strong {
  font-size: 17px;
}
.fact-list span {
  color: var(--muted);
  font-size: 14px;
}
.text-link {
  display: inline-flex;
  gap: 18px;
  align-items: center;
  font: 600 11px var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber2);
}
.text-link:hover span {
  transform: translateX(5px);
}
.text-link span {
  transition: 0.2s;
}
.evidence-figure {
  margin: 0;
  width: 100%;
  border: 1px solid var(--line2);
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.02)
  );
}
.evidence-figure figcaption span {
  color: var(--amber2);
  margin-right: 12px;
}
.receipt-flow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 35px 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.025);
}
.receipt-flow span {
  padding: 8px 10px;
  font: 500 10px var(--mono);
  text-transform: uppercase;
}
.receipt-flow i {
  color: var(--muted);
  font-style: normal;
}
.receipt-flow .verified {
  color: var(--green);
  border: 1px solid rgba(105, 188, 138, 0.35);
}
.resolve-proof {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.resolve-proof figure {
  margin: 0;
  border: 1px solid var(--line2);
  border-radius: 30px;
  overflow: hidden;
  background: #080909;
}
.approval-band {
  margin-top: 18px;
  padding: 42px;
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 40px;
  border: 1px solid var(--line2);
  border-radius: 30px;
  background: linear-gradient(90deg, rgba(157, 135, 199, 0.09), transparent);
}
.approval-band h3 {
  font: 950 42px/1 var(--display);
  text-transform: uppercase;
  margin: 12px 0;
}
.approval-band > p {
  color: var(--soft);
  font-size: 18px;
}
.approval-band ol {
  grid-column: 1/-1;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  counter-reset: approval;
}
.approval-band li {
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 18px;
  font: 500 11px var(--mono);
  text-transform: uppercase;
  color: var(--soft);
  counter-increment: approval;
}
.approval-band li:before {
  content: "0" counter(approval);
  color: var(--violet);
  margin-right: 12px;
}
.trust-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 52px;
}
.trust-primary {
  max-width: 1080px;
}
.trust-primary h2 {
  margin: 12px 0 30px;
}
.trust-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.02)
  );
}
.trust-facts article {
  padding: 30px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.trust-facts article:nth-child(2n) {
  border-right: 0;
}
.trust-facts article:nth-child(n + 3) {
  border-bottom: 0;
}
.trust-facts span {
  font: 500 10px var(--mono);
  color: var(--amber2);
}
.trust-facts h3 {
  font: 600 28px var(--display);
  text-transform: uppercase;
  margin: 28px 0 8px;
}
.trust-facts p {
  color: var(--muted);
  font-size: 14px;
}
.audience-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}
.audience-list span {
  padding: 30px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font: 600 24px var(--display);
  text-transform: uppercase;
}
.audience-list span:nth-child(3n) {
  border-right: 0;
}
.audience-list span:nth-child(n + 4) {
  border-bottom: 0;
}
.price-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.price-card {
  padding: 48px;
  border: 1px solid var(--line2);
  border-radius: 30px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.02)
  );
}
.price-card.featured {
  border-color: var(--amber);
  background:
    radial-gradient(circle at 12% 0, rgba(255, 138, 18, 0.18), transparent 38%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.026)
    );
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.36),
    0 0 52px rgba(255, 138, 18, 0.08);
}
.price {
  font: 700 92px/1 var(--display);
  margin: 20px 0;
}
.price sup {
  font-size: 30px;
  vertical-align: top;
}
.price small {
  font: 500 14px var(--mono);
  color: var(--muted);
  margin-left: 8px;
}
.price-card li {
  padding: 13px 0;
  border-top: 1px solid var(--line);
  color: var(--soft);
}
.price-card .button {
  margin-top: 32px;
  width: 100%;
}
.pricing-disclosure {
  max-width: 880px;
  margin: 28px auto 0;
  text-align: center;
  color: var(--muted);
  font-size: 14px;
}
.requirements-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
}
.requirements-layout > div {
  max-width: 960px;
}
.requirements-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--line);
}
.requirements-list li {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 8px 25px;
  padding: 21px 0;
  border-bottom: 1px solid var(--line);
}
.requirements-list span {
  grid-row: 1/3;
  font: 500 10px var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber2);
}
.requirements-list strong {
  font-size: 18px;
}
.requirements-list p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.faq-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
}
.faq-intro {
  position: static;
  max-width: 1050px;
}
.faq-intro a {
  color: var(--amber2);
  text-decoration: underline;
}
.faq-list {
  border-top: 1px solid var(--line);
}
.faq-list details {
  border-bottom: 1px solid var(--line);
}
.faq-list summary {
  list-style: none;
  cursor: pointer;
  padding: 24px 50px 24px 0;
  position: relative;
  font: 600 25px var(--display);
  text-transform: uppercase;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list summary:after {
  content: "+";
  position: absolute;
  right: 5px;
  color: var(--amber2);
}
.faq-list details[open] summary:after {
  content: "−";
}
.faq-list details p {
  padding: 0 60px 24px 0;
  color: var(--soft);
  max-width: 760px;
}
.final-cta {
  width: var(--wrap);
  margin: 80px auto;
  padding: 110px 34px;
  text-align: center;
  border: 1px solid rgba(255, 138, 18, 0.18);
  border-radius: 34px;
  background:
    radial-gradient(
      760px 260px at 50% 0,
      rgba(255, 138, 18, 0.13),
      transparent 64%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.025)
    );
  box-shadow: 0 40px 110px rgba(0, 0, 0, 0.42);
}
.final-cta-inner > p {
  max-width: 720px;
  margin-inline: auto;
  color: var(--soft);
  font-size: 19px;
}
.final-cta .button-row {
  justify-content: center;
}
.contact-line {
  font-size: 14px !important;
  margin-top: 28px !important;
}
.contact-line a {
  color: var(--amber2);
}
.site-footer {
  position: relative;
  z-index: 10;
  padding: 70px 0 30px;
  background: #060707;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 0.8fr 0.8fr 0.5fr;
  gap: 50px;
}
.footer-brand {
  width: max-content;
}
.footer-grid > div > p {
  max-width: 300px;
  color: var(--muted);
  font-size: 14px;
  margin-top: 20px;
}
.footer-grid nav {
  display: flex;
  height: auto;
  flex-direction: column;
  gap: 10px;
  color: var(--muted);
  font-size: 14px;
}
.footer-grid nav strong {
  font: 600 10px var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--soft);
  margin-bottom: 10px;
}
.footer-grid a:hover {
  color: var(--amber2);
}
.footer-bottom {
  margin-top: 55px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  color: #858a85;
  font: 500 10px var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.subpage-hero {
  padding: 175px 0 100px;
  border-bottom: 1px solid var(--line);
  background: radial-gradient(
    700px 360px at 75% 20%,
    rgba(215, 154, 51, 0.1),
    transparent
  );
}
.subpage-hero h1 {
  max-width: 1050px;
  font-size: clamp(58px, 5.2vw, 88px);
}
.subpage-hero h1 > em {
  width: auto;
  max-width: 100%;
  white-space: normal;
}
.subpage-hero .hero-lede {
  max-width: 780px;
}
.breadcrumb {
  margin-bottom: 30px;
  font: 500 10px var(--mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}
.breadcrumb a {
  color: var(--amber2);
}
.journey-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--line);
}
.journey-list li {
  display: grid;
  grid-template-columns: 70px 0.65fr 1.35fr;
  gap: 25px;
  padding: 30px 0;
  border-bottom: 1px solid var(--line);
  align-items: start;
}
.journey-list small {
  font: 500 11px var(--mono);
  color: var(--amber2);
}
.journey-list h3 {
  font: 600 34px/1 var(--display);
  text-transform: uppercase;
  margin: 0;
}
.journey-list p {
  margin: 0;
  color: var(--soft);
}
.prose-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid var(--line);
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.018)
  );
}
.prose-grid article {
  padding: 38px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.prose-grid article:nth-child(2n) {
  border-right: 0;
}
.prose-grid article:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.prose-grid h3 {
  font: 600 32px/1 var(--display);
  text-transform: uppercase;
  margin: 12px 0;
}
.prose-grid p {
  color: var(--soft);
}
.boundary-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid var(--line);
}
.boundary-table th,
.boundary-table td {
  text-align: left;
  vertical-align: top;
  padding: 20px;
  border-bottom: 1px solid var(--line);
}
.boundary-table th {
  width: 25%;
  font: 600 11px var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--amber2);
}
.boundary-table td {
  color: var(--soft);
}
.callout {
  padding: 32px;
  border: 1px solid var(--line2);
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 0, rgba(255, 138, 18, 0.16), transparent 38%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.024)
    );
}
.callout h3 {
  font: 600 35px/1 var(--display);
  text-transform: uppercase;
  margin: 0 0 12px;
}
.callout p {
  margin: 0;
  color: var(--soft);
}
:focus-visible {
  outline: 2px solid var(--amber2);
  outline-offset: 3px;
}
@media (max-width: 1100px) {
  :root {
    --wrap: min(100% - 40px, 1000px);
  }
  .site-nav {
    gap: 15px;
    font-size: 11px;
  }
  .hero {
    min-height: auto;
  }
  .hero-layout {
    grid-template-columns: 1fr;
    gap: 65px;
  }
  .hero-copy {
    max-width: 900px;
  }
  h2 > em {
    display: block;
    width: auto;
    max-width: 100%;
  }
  .hero-product {
    max-width: 1000px;
  }
  .workflow-rail {
    grid-template-columns: repeat(4, 1fr);
  }
  .workflow-rail li:nth-child(4) {
    border-right: 0;
  }
  .workflow-rail li:nth-child(-n + 4) {
    border-bottom: 1px solid var(--line);
  }
  .product-showcase-layout {
    grid-template-columns: 1fr;
  }
  .product-proof-steps {
    grid-template-columns: repeat(3, 1fr);
  }
  .product-proof-step {
    border-right: 1px solid var(--line);
  }
  .evidence-layout,
  .evidence-layout.reverse {
    grid-template-columns: 1fr;
  }
  .evidence-layout.reverse .evidence-copy {
    order: 0;
  }
  .trust-grid {
    grid-template-columns: 1fr;
  }
  .requirements-layout,
  .faq-layout {
    gap: 45px;
  }
  .faq-intro {
    position: static;
  }
  .footer-grid {
    grid-template-columns: 1.3fr 1fr 1fr;
  }
}
@media (max-width: 760px) {
  :root {
    --wrap: calc(100% - 30px);
  }
  body {
    font-size: 16px;
  }
  .nav-shell {
    height: 68px;
  }
  .brand-mark {
    width: 36px;
    height: 36px;
  }
  .brand-word {
    width: 98px;
  }
  .nav-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: none;
    border: 0;
    font: 600 10px var(--mono);
    text-transform: uppercase;
  }
  .nav-toggle i {
    display: block;
    width: 14px;
    height: 1px;
    background: var(--text);
  }
  .site-nav {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    padding: 18px 15px 24px;
    background: #0b0c0c;
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    align-items: stretch;
  }
  .site-nav.is-open {
    display: flex;
  }
  .site-nav a {
    padding: 12px;
  }
  .hero {
    padding: 125px 0 72px;
  }
  .hero-layout {
    gap: 45px;
  }
  .hero .visual {
    min-height: auto;
  }
  .hero .orb {
    display: none;
  }
  .hero .hud {
    width: 100%;
  }
  h1 {
    font-size: clamp(55px, 17vw, 80px);
  }
  .hero-copy h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(34px, 10.4vw, 42px) !important;
    line-height: .92 !important;
    text-wrap: balance;
  }
  .hero-copy::before {
    inset: 8% -4% 30% -6%;
    opacity: 0.72;
  }
  .hero-copy h1 > span,
  .hero-copy h1 > em {
    width: 100%;
    max-width: 100%;
    white-space: normal;
  }
  .product-context {
    grid-template-columns: 1fr;
  }
  .product-context strong,
  .product-context p,
  .open-4k {
    grid-column: 1;
  }
  .product-context strong {
    white-space: nowrap;
  }
  .hero-lede {
    font-size: 18px;
  }
  .button {
    width: 100%;
  }
  .product-frame {
    transform: none;
  }
  .hero-receipts {
    grid-template-columns: 1fr;
  }
  .hero-receipts span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .section {
    padding: 80px 0;
  }
  .section-heading {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 35px;
    width: 100%;
    min-width: 0;
  }
  .section-heading > div,
  .evidence-copy,
  .trust-primary,
  .requirements-layout > div,
  .faq-intro {
    width: 100%;
    min-width: 0;
  }
  .section-heading h2,
  .evidence-copy h2,
  .trust-primary h2,
  .requirements-layout h2,
  .faq-intro h2,
  .final-cta h2 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(38px, 12vw, 48px);
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }
  .section-heading h2 > em,
  .section-heading h2 > span,
  .evidence-copy h2 > em,
  .trust-primary h2 > em,
  .requirements-layout h2 > em,
  .faq-intro h2 > em,
  .final-cta h2 > em {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: 0.04em;
    white-space: normal;
  }
  .workflow-rail { grid-template-columns: 1fr; }
  .workflow-rail li {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .workflow-rail li:last-child {
    border-bottom: 0;
  }
  .workflow-rail article {
    min-height: 0;
    padding: 24px;
  }
  .workflow-rail strong {
    margin-top: 32px;
  }
  .comparison-grid,
  .resolve-proof,
  .price-grid,
  .requirements-layout,
  .faq-layout {
    grid-template-columns: 1fr;
  }
  .comparison-card {
    padding: 30px;
  }
  .comparison-card + article {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .product-proof-steps {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .product-proof-step {
    flex: 0 0 76%;
    scroll-snap-align: start;
    border-bottom: 0;
  }
  .evidence-layout {
    gap: 40px;
  }
  .approval-band {
    grid-template-columns: 1fr;
    padding: 28px;
  }
  .approval-band ol {
    grid-template-columns: 1fr 1fr;
  }
  .trust-facts {
    grid-template-columns: 1fr;
  }
  .trust-facts article,
  .trust-facts article:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .trust-facts article:last-child {
    border-bottom: 0;
  }
  .audience-list {
    grid-template-columns: 1fr;
  }
  .audience-list span,
  .audience-list span:nth-child(3n),
  .audience-list span:nth-child(n + 4) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .audience-list span:last-child {
    border-bottom: 0;
  }
  .price-card {
    padding: 32px;
  }
  .requirements-list li {
    grid-template-columns: 1fr;
  }
  .requirements-list span {
    grid-row: auto;
  }
  .faq-list summary {
    font-size: 21px;
  }
  .final-cta {
    padding: 90px 0;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-grid > div {
    grid-column: 1/-1;
  }
  .footer-bottom {
    display: grid;
    gap: 8px;
  }
}
@media (max-width: 760px) {
  .subpage-hero {
    padding: 125px 0 75px;
  }
  .subpage-hero h1,
  .subpage-hero h1 > span,
  .subpage-hero h1 > em {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    white-space: normal;
  }
  .subpage-hero h1 {
    font-size: clamp(38px, 11vw, 46px) !important;
    line-height: .92 !important;
    text-wrap: balance;
  }
  .journey-list li {
    grid-template-columns: 45px 1fr;
  }
  .journey-list p {
    grid-column: 2;
  }
  .prose-grid {
    grid-template-columns: 1fr;
    min-width: 0;
  }
  .prose-grid article,
  .prose-grid h3,
  .prose-grid p {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
  }
  .prose-grid article,
  .prose-grid article:nth-child(2n),
  .prose-grid article:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .prose-grid article:last-child {
    border-bottom: 0;
  }
  .boundary-table,
  .boundary-table tbody,
  .boundary-table tr,
  .boundary-table th,
  .boundary-table td {
    display: block;
  }
  .boundary-table th {
    width: auto;
    border-bottom: 0;
    padding-bottom: 5px;
  }
  .boundary-table td {
    padding-top: 5px;
  }
}
@media (max-width: 430px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .footer-grid > div {
    grid-column: auto;
  }
  .approval-band ol {
    grid-template-columns: 1fr;
  }
  .receipt-flow i {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
  .workflow-progress {
    display: none;
  }
}
img {
  height: auto;
}

/* Keep the display voice consistent across every major page heading. */
h1,
h2,
.approval-band h3 {
  font-family: var(--display) !important;
  font-weight: 950 !important;
}

.headline-lock {
  white-space: nowrap;
}

.approval-heading > span {
  display: block;
}

@media (max-width: 760px) {
  .footer-grid {
    row-gap: 42px;
  }

  #handoff-title,
  #local-title,
  #pricing-title {
    font-size: clamp(32px, 10.1vw, 42px) !important;
    line-height: 0.92 !important;
    text-wrap: wrap;
  }

  #handoff-title > .headline-lock {
    display: block;
    width: max-content;
    max-width: 100%;
  }

  #pricing-title > em {
    font-size: 0.9em;
  }

  .approval-band h3.approval-heading {
    font-size: clamp(30px, 9.2vw, 38px) !important;
    line-height: 0.94 !important;
  }
}

@media (max-width: 430px) {
  .footer-grid {
    gap: 34px;
  }
}