@import url("../design-system/tokens.css");

:root {
  --ink: #050505;
  --paper: #fbf7ef;
  --paper-2: #f1eadf;
  --stone: #d9d0c4;
  --muted: #756c62;
  --coral: #ff4b36;
  --green: #20a366;
  --lime: var(--gl-color-lime);
  --font: var(--gl-font-product);
  --font-editorial: var(--gl-font-editorial);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font); letter-spacing: 0; }
body.menu-open { overflow: hidden; }
body[data-audience="consumer"] .merchant-story,
body[data-audience="consumer"] .pilot-band,
body[data-audience="merchant"] .consumer-story,
body[data-audience] .audience-preview { display: none; }
body[data-audience="merchant"] .hero-media { object-position: 50% 34%; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
img { display: block; max-width: 100%; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 10px 14px; color: var(--paper); background: var(--ink); transform: translateY(-140%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 88px; padding: 0 clamp(22px, 4vw, 72px); display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 28px; color: #fff; }
.site-header.is-scrolled { position: fixed; height: 68px; color: var(--ink); background: rgba(251,247,239,.96); border-bottom: 1px solid rgba(5,5,5,.1); backdrop-filter: blur(16px); }
.brand-link { width: 142px; }
.brand-link img { width: 100%; height: auto; }
.site-header.is-scrolled .brand-link img { filter: invert(1); }
.desktop-nav { display: flex; justify-content: center; gap: 32px; font-size: 14px; font-weight: 550; }
.desktop-nav a { padding: 8px 0; border-bottom: 1px solid transparent; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { border-color: currentColor; }
.header-cta { min-height: 44px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid currentColor; border-radius: 5px; font-size: 13px; font-weight: 700; }
.header-cta svg { width: 16px; }
.menu-button { display: none; width: 44px; height: 44px; place-items: center; color: inherit; background: transparent; border: 0; }
.mobile-menu { position: fixed; z-index: 18; inset: 68px 0 0; padding: 32px 24px; background: var(--paper); }
.mobile-menu a { min-height: 60px; display: flex; align-items: center; border-bottom: 1px solid var(--stone); font-size: 22px; font-weight: 600; }

.hero { position: relative; height: min(820px, 88svh); min-height: 650px; overflow: hidden; color: #fff; background: #2b2b28; }
.hero-media, .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-media { object-fit: cover; object-position: center 30%; }
.hero-shade { background: rgba(5,5,5,.43); }
.hero-content { position: absolute; z-index: 2; left: clamp(22px, 7vw, 120px); bottom: clamp(86px, 12vh, 138px); width: min(660px, calc(100% - 44px)); }
.eyebrow { margin: 0 0 18px; display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 650; text-transform: uppercase; }
.eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: var(--coral); }
.hero h1 { max-width: 640px; margin: 0; font-size: 84px; line-height: .91; font-weight: 260; }
.brand-answer { font-weight: 650; }
body[data-audience="merchant"] .hero-content { width: min(780px, calc(100% - 44px)); }
body[data-audience="merchant"] .hero h1 { max-width: 780px; font-size: 70px; }
.hero-copy { max-width: 590px; margin: 24px 0 0; font-size: 20px; line-height: 1.4; font-weight: 350; }
.hero-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; }
.button { min-height: 52px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 5px; font-size: 14px; font-weight: 700; }
.button svg { width: 18px; }
.button.light { color: var(--ink); background: var(--paper); border: 1px solid var(--paper); }
.button.glass { color: #fff; background: rgba(5,5,5,.28); border: 1px solid rgba(255,255,255,.7); backdrop-filter: blur(12px); }
.hero-next { position: absolute; z-index: 2; right: clamp(22px, 4vw, 72px); bottom: 28px; display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; }
.hero-next svg { width: 18px; }

.section-shell { width: min(1320px, calc(100% - 44px)); margin: 0 auto; }
.intro-band { padding: 92px 0 88px; background: var(--paper); }
.intro-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: clamp(48px, 8vw, 130px); align-items: end; }
.section-kicker { margin: 0 0 18px; color: var(--coral); font-size: 12px; font-weight: 750; text-transform: uppercase; }
.intro-grid h2 { max-width: 780px; margin: 0; font-size: 54px; line-height: 1.02; font-weight: 330; }
.intro-copy { margin: 0; color: var(--muted); font-size: 18px; line-height: 1.55; }

.audience-preview { display: grid; grid-template-columns: 1fr 1fr; min-height: 690px; background: var(--ink); }
.audience-panel { position: relative; min-height: 690px; overflow: hidden; color: #fff; }
.audience-panel > img, .panel-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.audience-panel > img { object-fit: cover; transition: transform .7s ease; }
.audience-panel:hover > img { transform: scale(1.025); }
.panel-shade { background: rgba(5,5,5,.38); }
.audience-panel > div { position: absolute; z-index: 2; left: clamp(24px, 5vw, 76px); right: 24px; bottom: 62px; }
.audience-panel p { margin: 0 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.audience-panel h2 { margin: 0; font-size: 48px; line-height: 1.02; font-weight: 350; }
.panel-link { min-height: 44px; margin-top: 26px; display: inline-flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.65); font-size: 14px; font-weight: 700; }
.panel-link svg { width: 17px; }
.merchant-panel { border-left: 1px solid rgba(255,255,255,.35); }

.transformation-band { padding: 112px 0 118px; background: #fff; }
.transformation-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.58fr); gap: 40px 90px; align-items: end; }
.transformation-heading .section-kicker { grid-column: 1 / -1; margin-bottom: -8px; }
.transformation-heading h2 { max-width: 780px; margin: 0; font-size: 58px; line-height: 1; font-weight: 330; }
.transformation-heading > p:last-child { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.55; }
.transformation-flow { margin-top: 64px; display: grid; grid-template-columns: minmax(180px,.78fr) 42px minmax(260px,1fr) 42px minmax(220px,.82fr); align-items: center; }
.flow-visual { position: relative; height: 510px; margin: 0; border: 1px solid var(--stone); background: var(--paper); overflow: hidden; }
.flow-number { position: absolute; z-index: 2; top: 16px; left: 16px; width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--ink); border-radius: 50%; font-size: 11px; font-weight: 750; }
.flow-visual > img { width: 100%; height: 385px; object-fit: cover; }
.product-visual > img { padding: 62px 24px 20px; object-fit: contain; background: #f4f4f2; }
.flow-visual figcaption, .flow-caption { height: 125px; padding: 22px; display: flex; flex-direction: column; justify-content: center; border-top: 1px solid var(--stone); }
.flow-visual figcaption strong, .flow-caption strong { font-size: 17px; }
.flow-visual figcaption span, .flow-caption span { margin-top: 5px; color: var(--muted); font-size: 13px; }
.flow-arrow { display: grid; place-items: center; }
.flow-arrow svg { width: 19px; }
.purchase-visual { display: flex; flex-direction: column; }
.purchase-screen { flex: 1; margin: 52px 20px 26px; padding: 28px 22px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(5,5,5,.14); background: #fff; box-shadow: 0 16px 40px rgba(5,5,5,.08); }
.purchase-status { display: flex; align-items: center; gap: 7px; color: var(--green); font-size: 11px; font-weight: 700; }
.purchase-status svg { width: 15px; }
.purchase-screen > strong { margin-top: 23px; font-size: 22px; line-height: 1.1; }
.purchase-screen > span:not(.purchase-status):not(.purchase-delivery) { margin-top: 7px; color: var(--muted); font-size: 12px; }
.purchase-screen > b { margin-top: 20px; font-size: 28px; }
.purchase-delivery { margin-top: 28px; padding-top: 14px; display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--stone); font-size: 12px; font-weight: 650; }
.purchase-delivery svg { width: 16px; }

.consumer-story { scroll-margin-top: 68px; display: grid; grid-template-columns: minmax(0,1.03fr) minmax(420px,.97fr); min-height: 790px; background: var(--paper); }
.consumer-identity-proof { position: relative; min-height: 790px; display: grid; grid-template-columns: .88fr 1fr 1fr; overflow: hidden; background: var(--ink); }
.identity-frame { position: relative; min-width: 0; height: 100%; margin: 0; overflow: hidden; border-right: 1px solid rgba(255,255,255,.38); }
.identity-frame:last-of-type { border-right: 0; }
.identity-frame img { width: 100%; height: 100%; object-fit: cover; }
.identity-source img { object-position: 50% 24%; filter: saturate(.78); }
.identity-look img { object-position: 50% 20%; }
.identity-frame::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(to bottom, transparent, rgba(5,5,5,.82)); }
.identity-frame figcaption { position: absolute; z-index: 2; left: 18px; right: 14px; bottom: 30px; color: #fff; }
.identity-frame small, .identity-frame strong { display: block; }
.identity-frame small { margin-bottom: 5px; color: rgba(255,255,255,.7); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.identity-frame strong { font-size: 16px; line-height: 1.12; }
.identity-proof-note { position: absolute; z-index: 3; top: 24px; left: 24px; right: 24px; min-height: 54px; padding: 11px 14px; display: flex; align-items: center; gap: 10px; color: var(--ink); background: rgba(251,247,239,.94); border-radius: 5px; box-shadow: 0 12px 34px rgba(5,5,5,.18); backdrop-filter: blur(10px); }
.identity-proof-note svg { flex: 0 0 auto; width: 20px; color: var(--coral); }
.identity-proof-note span { font-size: 12px; line-height: 1.25; }
.identity-proof-note strong { font-weight: 750; }
.consumer-copy { padding: 96px clamp(30px, 7vw, 112px); display: flex; flex-direction: column; justify-content: center; }
.consumer-copy h2, .merchant-copy h2 { max-width: 690px; margin: 0; font-size: 58px; line-height: 1; font-weight: 330; }
.lead { max-width: 650px; margin: 24px 0 0; font-size: 18px; line-height: 1.55; }
.benefit-list { max-width: 650px; margin: 36px 0 34px; padding: 0; list-style: none; border-top: 1px solid var(--stone); }
.benefit-list li { min-height: 78px; padding: 16px 0; display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; border-bottom: 1px solid var(--stone); }
.benefit-list svg { width: 21px; color: var(--coral); }
.benefit-list strong, .benefit-list span { display: block; }
.benefit-list strong { font-size: 15px; }
.benefit-list span { color: var(--muted); font-size: 13px; line-height: 1.4; }
.button.dark { align-self: flex-start; color: #fff; background: var(--ink); border: 1px solid var(--ink); }
.trust-note { margin: 22px 0 0; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.trust-note svg { width: 16px; color: var(--green); }

.merchant-story { padding: 120px 0; color: #fff; background: var(--ink); }
.merchant-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,.76fr); gap: clamp(56px, 8vw, 130px); align-items: center; }
.section-kicker.coral { color: var(--coral); }
.merchant-copy .lead { color: rgba(255,255,255,.7); }
.merchant-principles { margin-top: 38px; border-top: 1px solid rgba(255,255,255,.2); }
.merchant-principles article { padding: 20px 0; display: grid; grid-template-columns: 38px 1fr; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.2); }
.merchant-principles article > span { color: var(--coral); font-size: 11px; font-weight: 700; }
.merchant-principles strong { font-size: 15px; }
.merchant-principles p { margin: 5px 0 0; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.45; }
.merchant-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.coral-button { color: var(--ink); background: var(--coral); border: 1px solid var(--coral); }
.text-link { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.5); font-size: 13px; font-weight: 650; }
.text-link svg { width: 16px; }
.merchant-proof { padding: 30px; color: var(--ink); background: var(--paper); border: 1px solid rgba(255,255,255,.2); box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.proof-header { padding-bottom: 20px; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--stone); }
.proof-header span { font-size: 14px; font-weight: 800; }
.proof-header b { color: var(--muted); font-size: 11px; }
.proof-sale { padding: 22px 0; display: grid; grid-template-columns: 42px 1fr; gap: 14px; border-bottom: 1px solid var(--stone); }
.sale-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--green); background: #dff5e8; border-radius: 50%; }
.sale-icon svg { width: 21px; }
.proof-sale small, .proof-sale span { display: block; color: var(--muted); font-size: 10px; }
.proof-sale strong { display: block; margin: 3px 0; font-size: 15px; }
.proof-sale button { grid-column: 2; min-height: 40px; color: #fff; background: var(--ink); border: 0; border-radius: 4px; font-size: 12px; font-weight: 700; }
.proof-numbers { padding: 22px 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border-bottom: 1px solid var(--stone); background: var(--stone); }
.proof-numbers span { padding: 10px; display: flex; flex-direction: column; background: var(--paper); }
.proof-numbers small { color: var(--muted); font-size: 9px; }
.proof-numbers strong { margin-top: 4px; font-size: 20px; }
.proof-note { margin-top: 20px; padding: 18px; display: flex; gap: 12px; background: #fff3c5; }
.proof-note svg { flex: 0 0 auto; width: 20px; }
.proof-note small, .proof-note strong { display: block; }
.proof-note small { font-size: 9px; text-transform: uppercase; }
.proof-note strong { margin-top: 4px; font-size: 13px; }
.simulation-label { margin: 14px 0 0; color: var(--muted); font-size: 9px; text-align: right; }

.install-band { padding: 104px 0; color: #fff; background: var(--ink); }
.install-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.75fr); gap: clamp(60px,9vw,150px); align-items: end; }
.install-brand { display: grid; grid-template-columns: 104px 1fr; column-gap: 28px; align-items: end; }
.install-brand > img { grid-row: 1 / 3; width: 104px; height: 104px; border-radius: 21px; }
.install-brand .section-kicker { margin: 0 0 12px; color: var(--lime); }
.install-brand h2 { margin: 0; font-size: 58px; line-height: .94; font-weight: 350; }
.install-copy > p:first-child { max-width: 560px; margin: 0; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.55; }
.install-actions { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.install-actions button { border: 0; cursor: pointer; }
.lime-button { color: var(--ink); background: var(--lime); }
.light-link { color: #fff; }
.install-availability { margin: 20px 0 0; color: rgba(255,255,255,.5); font-size: 11px; }

.install-dialog { width: min(460px,calc(100% - 32px)); padding: 0; color: var(--ink); background: transparent; border: 0; }
.install-dialog::backdrop { background: rgba(5,5,5,.72); backdrop-filter: blur(6px); }
.install-dialog-card { position: relative; padding: 34px; background: #fff; border-radius: 8px; }
.install-dialog-card > img { width: 72px; height: 72px; margin-bottom: 28px; border-radius: 15px; }
.install-dialog-card h2 { margin: 0; font-size: 34px; line-height: 1.02; font-weight: 400; }
.install-dialog-card > p:not(.section-kicker) { margin: 20px 0 28px; color: var(--muted); font-size: 15px; line-height: 1.5; }
.install-dialog-close { position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; display: grid; place-items: center; color: var(--ink); background: transparent; border: 0; cursor: pointer; }
.install-dialog-close svg { width: 20px; }

.pilot-band { padding: 108px 0; background: var(--coral); }
.pilot-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(340px,.9fr); gap: 60px 100px; align-items: end; }
.pilot-heading h2 { max-width: 750px; margin: 0; font-size: 58px; line-height: 1; font-weight: 350; }
.pilot-heading > p:last-child { max-width: 630px; margin: 24px 0 0; font-size: 17px; line-height: 1.5; }
.pilot-specs { display: grid; grid-template-columns: repeat(4,1fr); grid-column: 1 / -1; border-top: 1px solid rgba(5,5,5,.32); border-bottom: 1px solid rgba(5,5,5,.32); }
.pilot-specs span { min-height: 150px; padding: 24px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(5,5,5,.32); }
.pilot-specs span:last-child { border-right: 0; }
.pilot-specs strong { font-size: 50px; font-weight: 400; }
.pilot-specs small { margin-top: 4px; font-size: 12px; font-weight: 600; }
.pilot-cta { grid-column: 2; }
.pilot-cta p { margin: 0 0 24px; font-size: 15px; line-height: 1.5; }

.faq-band { padding: 110px 0; background: #fff; }
.faq-layout { display: grid; grid-template-columns: minmax(260px,.52fr) minmax(420px,1fr); gap: clamp(60px, 10vw, 160px); }
.faq-layout h2 { margin: 0; font-size: 50px; line-height: 1; font-weight: 350; }
.faq-list { border-top: 1px solid var(--stone); }
.faq-list details { border-bottom: 1px solid var(--stone); }
.faq-list summary { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 650; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary svg { flex: 0 0 auto; width: 18px; transition: transform .2s ease; }
.faq-list details[open] summary svg { transform: rotate(45deg); }
.faq-list details p { max-width: 700px; margin: -4px 0 26px; color: var(--muted); font-size: 14px; line-height: 1.55; }

.site-footer { padding: 100px 0 26px; color: #fff; background: var(--ink); }
.footer-hero > img { width: min(280px, 60vw); }
.footer-hero h2 { margin: 58px 0 0; font-size: clamp(58px, 8vw, 118px); line-height: .88; font-weight: 240; }
.footer-actions { margin-top: 48px; display: flex; flex-wrap: wrap; gap: 10px; }
.footer-bottom { margin-top: 100px; padding-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-top: 1px solid rgba(255,255,255,.24); color: rgba(255,255,255,.62); font-size: 11px; }
.footer-bottom nav { display: flex; gap: 24px; }

.hero h1,
.intro-grid h2,
.audience-panel h2,
.transformation-heading h2,
.consumer-copy h2,
.merchant-copy h2,
.install-brand h2,
.install-dialog-card h2,
.pilot-heading h2,
.faq-layout h2,
.footer-hero h2 {
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 500;
  font-optical-sizing: auto;
}

@media (max-width: 900px) {
  .site-header { height: 72px; grid-template-columns: 1fr auto; }
  .desktop-nav, .header-cta { display: none; }
  .menu-button { display: grid; }
  .brand-link { width: 112px; }
  .hero { height: 84svh; min-height: 610px; }
  .hero-media { object-position: 52% center; }
  .hero h1 { font-size: 62px; }
  .hero-copy { max-width: 510px; font-size: 17px; }
  .intro-grid { grid-template-columns: 1fr; gap: 30px; }
  .intro-grid h2 { font-size: 42px; }
  .audience-panel h2 { font-size: 38px; }
  .transformation-heading { grid-template-columns: 1fr; }
  .transformation-heading h2 { font-size: 48px; }
  .transformation-flow { grid-template-columns: 1fr; gap: 16px; }
  .flow-arrow { height: 28px; transform: rotate(90deg); }
  .flow-visual { height: 560px; }
  .flow-visual > img { height: 425px; }
  .consumer-story { grid-template-columns: 1fr; }
  .consumer-identity-proof { min-height: 720px; }
  .consumer-copy { padding: 80px 40px; }
  .install-layout { grid-template-columns: 1fr; }
  .merchant-layout { grid-template-columns: 1fr; }
  .merchant-proof { width: min(620px,100%); }
  .pilot-layout { grid-template-columns: 1fr; }
  .pilot-cta { grid-column: 1; }
  .faq-layout { grid-template-columns: 1fr; gap: 52px; }
}

@media (max-width: 640px) {
  .site-header { padding: 0 20px; }
  .hero { height: 82svh; min-height: 620px; }
  .hero-media { object-position: 50% center; }
  .hero-shade { background: rgba(5,5,5,.5); }
  .hero-content { left: 20px; bottom: 90px; width: calc(100% - 40px); }
  .hero h1 { font-size: 52px; }
  body[data-audience="merchant"] .hero h1 { font-size: 45px; }
  .hero-copy { margin-top: 18px; font-size: 16px; }
  .hero-actions { margin-top: 24px; display: grid; grid-template-columns: 1fr; }
  .button { width: 100%; }
  .hero-next { left: 20px; right: auto; bottom: 24px; }
  .intro-band { padding: 66px 0; }
  .section-shell { width: calc(100% - 40px); }
  .intro-grid h2 { font-size: 36px; }
  .intro-copy { font-size: 16px; }
  .audience-preview { grid-template-columns: 1fr; }
  .audience-panel { min-height: 610px; }
  .merchant-panel { border-top: 1px solid rgba(255,255,255,.35); border-left: 0; }
  .audience-panel > div { left: 22px; bottom: 42px; }
  .audience-panel h2 { font-size: 36px; }
  .transformation-band { padding: 78px 0; }
  .transformation-heading { gap: 24px; }
  .transformation-heading h2, .consumer-copy h2, .merchant-copy h2, .pilot-heading h2 { font-size: 40px; }
  .transformation-heading > p:last-child { font-size: 15px; }
  .transformation-flow { margin-top: 38px; }
  .flow-visual { height: 500px; }
  .flow-visual > img { height: 375px; }
  .consumer-identity-proof { min-height: 730px; grid-template-columns: 1fr 1fr; grid-template-rows: auto 250px 400px; }
  .identity-source { grid-column: 1 / -1; grid-row: 2; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.38); }
  .identity-look { grid-row: 3; }
  .identity-source img { object-position: 50% 4%; }
  .identity-look img { object-position: 50% 16%; }
  .identity-frame figcaption { left: 14px; bottom: 18px; }
  .identity-proof-note { position: static; grid-column: 1 / -1; grid-row: 1; margin: 14px; }
  .consumer-copy { padding: 66px 20px; }
  .install-band { padding: 74px 0; }
  .install-brand { grid-template-columns: 78px 1fr; column-gap: 20px; }
  .install-brand > img { width: 78px; height: 78px; border-radius: 16px; }
  .install-brand h2 { font-size: 40px; }
  .install-copy > p:first-child { font-size: 16px; }
  .install-actions { align-items: stretch; flex-direction: column; }
  .install-actions .text-link { justify-content: center; }
  .install-dialog-card { padding: 28px 24px; }
  .install-dialog-card h2 { font-size: 30px; }
  .merchant-story { padding: 80px 0; }
  .merchant-copy .lead, .consumer-copy .lead { font-size: 16px; }
  .merchant-proof { padding: 20px; }
  .proof-header { flex-direction: column; gap: 5px; }
  .proof-numbers { grid-template-columns: 1fr; }
  .proof-numbers span { min-height: 66px; }
  .pilot-band { padding: 76px 0; }
  .pilot-specs { grid-template-columns: 1fr 1fr; }
  .pilot-specs span:nth-child(2) { border-right: 0; }
  .pilot-specs span:nth-child(-n+2) { border-bottom: 1px solid rgba(5,5,5,.32); }
  .pilot-specs span { min-height: 120px; }
  .pilot-specs strong { font-size: 42px; }
  .faq-band { padding: 76px 0; }
  .faq-layout h2 { font-size: 40px; }
  .faq-list summary { min-height: 70px; font-size: 15px; }
  .site-footer { padding-top: 74px; }
  .footer-actions { display: grid; }
  .footer-bottom { margin-top: 72px; align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .audience-panel > img { transition: none; }
}