/* DISQ typography: Geist Black headings, Geist text, Geist Mono labels, responsive role scale. */
:root {
  --type-display: clamp(3rem, 1.5rem + 3.8vw, 5rem);
  --type-heading: clamp(2.25rem, 1.4rem + 2.5vw, 3.5rem);
  --type-title: 2rem;
  --type-body: 1.0625rem;
  --type-lead: 1.25rem;
  --type-caption: .875rem;
  --space-copy: 1.5rem;
}
body {font-size:var(--type-body);line-height:1.7;word-spacing:normal;font-kerning:normal;font-synthesis:none;}
h1,h2,h3 {font-stretch:normal;text-wrap:balance;}
.hero h1 {font-size:var(--type-display);font-weight:900;line-height:1.02;letter-spacing:0;max-width:15ch;}
h2 {font-size:var(--type-heading);font-weight:900;line-height:1;letter-spacing:-.03em;}
#demo-panel h3 {font-size:var(--type-title);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-copy);}
.hero-copy {padding-top:1.75rem;}
.hero-copy .lead {font-size:1.5rem;font-weight:500;line-height:1.35;letter-spacing:-.01em;color:var(--paper);max-width:48ch;}
p {letter-spacing:0;word-spacing:normal;text-align:start;}
.hero-copy p,.image-note,.demo-screen p,.contact p {text-align:center;}
#demo-panel>p {font-size:var(--type-body);line-height:1.7;max-width:52ch;}
#demo-panel>.demo-detail {font-size:1rem!important;line-height:1.65;margin-top:1.75rem;padding-top:1.5rem;}
.section-heading {gap:3rem;margin-bottom:3rem;}
.section-heading p {font-size:var(--type-lead);line-height:1.55;max-width:34ch;flex-shrink:0;}
.value-copy>p {font-size:var(--type-lead);line-height:1.55;max-width:48ch;margin-top:var(--space-copy);}
dt {font-size:1.125rem;line-height:1.4;font-weight:700;}
dd,details p {font-size:1rem;line-height:1.7;max-width:52ch;}
summary {font-size:1rem;line-height:1.5;font-weight:600;}
.tabs {gap:1.75rem;margin-bottom:2rem;}
.tabs button {font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:0;}
.button {font-size:1rem;line-height:1.4;font-weight:700;}
.release-note,.image-note,.demo-screen p,.demo-footer,footer {font-size:var(--type-caption);line-height:1.5;}
.contact h2 {font-size:clamp(2.5rem, 1.5rem + 3vw, 4rem);line-height:1;}
.contact>div>p {font-size:var(--type-lead);line-height:1.55;max-width:46ch;margin:var(--space-copy) auto 0;}
.contact .contact-action p,.contact .contact-action p:last-child {font-size:var(--type-caption);line-height:1.6;}
.header {height:auto;min-height:88px;padding-block:1.25rem;}
.header nav {font-size:.9375rem;line-height:1.4;}
.nav-contact,.language {font-size:.875rem;line-height:1.4;}
.brand {font-size:1.5rem;line-height:1.2;}
.footer-brand {font-size:2rem;line-height:1.2;}
@media(max-width:760px) {
  :root {--type-display:clamp(1.875rem, 10.8vw - .25rem, 3.25rem);--type-lead:1.125rem;--type-heading:clamp(2rem, 1.25rem + 3vw, 2.5rem);--type-title:1.75rem;--type-body:1rem;}
  .hero h1 {font-size:var(--type-display);max-width:100%;padding-inline:1rem;}
  .hero-copy {padding-top:1.5rem;}
  .hero-copy .lead {font-size:1.25rem;max-width:32ch;}
  .section-heading {margin-bottom:2.5rem;}
  .section-heading p {max-width:36ch;margin-top:1.5rem;}
  .demo {gap:2.5rem;}
  .tabs {gap:1.5rem;}
  .contact h2 {font-size:clamp(2rem, 1rem + 4vw, 2.5rem);}
  .header {min-height:74px;padding-block:1rem;}
  .brand {font-size:1.3125rem;}
  .nav-contact {font-size:.8125rem;}
  .feature-strip {font-size:.8125rem;line-height:1.5;}
  .demo-footer {flex-wrap:wrap;gap:.5rem 1.5rem;}
}
/* Gold kicker above each section headline, as on the original DISQ site. */
.section p.kicker {font-size:var(--type-caption);font-weight:500;line-height:1.4;letter-spacing:0;color:var(--gold);margin:0 0 1.25rem;max-width:none;}
/* Technical labels in Geist Mono, uppercase and tracked, as on the original DISQ site. */
.feature-strip,.image-note,.demo-screen p,.demo-footer span:last-child {font-family:'Geist Mono',ui-monospace,monospace;font-size:.75rem;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;}
@media(max-width:760px) {
  .feature-strip,.image-note,.demo-screen p,.demo-footer span:last-child {font-size:.6875rem;letter-spacing:.12em;}
  /* Room for a two-line image note under the phone caption. */
  .record-wall {min-height:670px;}
  .collection-ticket {bottom:56px;}
}