/* One type scale for the website. em sizes are relative to a stable body
   size; supplied rem-based utility presets are preserved at the end. */
html {font-size:100%}
body {font-family:var(--font-body);font-size:0.875em;line-height:1.6;font-feature-settings:"calt","liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,textarea,select {font:inherit}
a {text-decoration:none}
h1,h2,h3,h4,h5,h6 {font-family:var(--font-body);font-weight:600;letter-spacing:-.025em;overflow-wrap:break-word}
h1 {font-size:clamp(2em,3.6vw,3em);line-height:1.15}
h2 {font-size:clamp(1.5em,2.5vw,2em);line-height:1.25}
h3,h4 {font-size:1.25em;line-height:1.35}
h5,h6 {font-size:1em;line-height:1.4}
p,li {font-size:0.875rem;line-height:1.65}
em {font-family:inherit;font-style:normal;font-weight:inherit}
strong,b {font-weight:600}
small {font-size:.875em}
code,pre {font-family:var(--font-family-mono);font-size:.875em;line-height:1.6}
.logo {font-size:1.375em;line-height:1;white-space:nowrap}
.main-nav,.header-actions,.button,.text-link,.breadcrumb,.login-link {font-size:.875em;line-height:1.5;font-weight:500}
.main-nav a,.main-nav summary,.header-actions .button,.header-actions .login-link,.product-menu-bottom a {font-size:1em}
.nav-toggle {font-size:1.5em;line-height:1}
.eyebrow {font-size:.8125em;line-height:1.5;font-weight:600;letter-spacing:.075em;text-transform:uppercase}
.hero-description {font-size:1.125em;line-height:1.65}
.product-hero .hero-description {font-size:1rem}
.hero-footnote,.form-note {font-size:.875em;line-height:1.5}
.product-copy p,.catalog-item p,.features-grid p,.section-heading>p,.principles p,.about-grid p,.about-pillars p,.resource-body p,.resource-body li {font-size:0.875rem;line-height:1.65}
.product-copy .eyebrow,.catalog-item .eyebrow {font-size:.8125em;line-height:1.5}
.product-copy h3,.catalog-item h3,.features-grid h3,.steps h3,.about-pillars h3,.use-case-heading,.resource-body h2 {font-size:1.25em;line-height:1.35}
.product-menu-group h3 {font-size:1em;line-height:1.4;font-weight:600;letter-spacing:0}
.product-menu-group h3 a {font:inherit}
.product-menu-group a,.product-menu-bottom {font-size:1em;line-height:1.5}
.product-menu-item strong {font-size:1em;line-height:1.4;font-weight:600}
.product-menu-item .menu-item-description {font-size:1em;line-height:1.5}
.footer-grid h3 {font-size:1em;line-height:1.5;letter-spacing:0}
.footer-grid p,.footer-grid>div>a:not(.logo) {font-size:.875em;line-height:1.65}
.footer-bottom {font-size:1em}
.footer-bottom>span {font-size:.875em;line-height:1.5}
.contact-form h2 {font-size:1.5em;line-height:1.3}
.contact-form label {font-size:1em;line-height:1.5;font-weight:500}
.contact-form input,.contact-form textarea,.contact-form select {font-size:1em;line-height:1.5;font-weight:400}
.contact-email {font-size:1.125em;line-height:1.5;letter-spacing:0}
.form-note {text-align:center}
.product-context p,.audience-strip p {font-size:0.875rem;line-height:1.5}
.audience-strip>div>span {font-size:.8125em;letter-spacing:.05em}
.audience-strip i {font-size:1em;font-style:normal}
.stats-row strong {font-size:2em;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.stats-row span,.steps>article>span,.principles article>span {font-size:.875em;line-height:1.5}
.faq-list summary {font-size:1.1875em;line-height:1.45;font-weight:600}
.check-list li {font-size:1em;line-height:1.65}
/* Previews have one base size; nested captions never compound reductions. */
.hero-art,.product-visual {font-size:1em}
.mini-brand,.payment-methods,.mock-field,.mock-pay,.powered,.perso-label,.card-digits,.card-bottom,.loop-caption,.art-heading,.art-bottom {font-size:.75em;line-height:1.5}
.mini-brand .preview-tag,.mock-field b,.payment-methods span,.card-bottom span {font-size:1em;line-height:1.5}
.preview-tag {letter-spacing:.025em}
.checkout-amount small {font-size:.8125em;line-height:1.5}
.checkout-amount strong {font-size:1.75em;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.checkout-amount strong span {font-size:1em}
.mock-field b {font-weight:500}
.mock-pay,.powered {text-align:center}
.success-note strong,.hero-payment strong {font-size:.875em;line-height:1.4}
.success-note small,.hero-payment small {font-size:.75em;line-height:1.5}
.success-note>span,.payment-check {font-size:1em}
.hero-bank-card>span,.bank-card>div:first-child {font-size:1.125em;line-height:1.3}
.bank-card>div:first-child span {font-size:.667em;letter-spacing:.04em}
.hero-bank-card p {font-size:1em;line-height:1.5;letter-spacing:.05em}
.hero-bank-card small {font-size:.75em;letter-spacing:.025em;line-height:1.5}
.chip,.bank-card .chip {font-size:1.5em;line-height:1}
.chip span {font-size:.667em}
.card-star {font-size:1.5em;line-height:1}
.hero-loop>span {font-size:1.5em;line-height:1}
.hero-loop>div {font-size:.875em;line-height:1.4}
.loop-dots {font-size:1em}
.loop-center {font-size:3em;line-height:1;font-weight:500}
.loop-node {font-size:1em;line-height:1.5}
.loop-node span {font-size:.8125em;line-height:1.5}
.tiny-asterisk,.feature-symbol {font-size:1.5em;line-height:1}
.about-art>span {font-size:.875em;line-height:1.5}
.asterisk {font-size:12em;line-height:1}
.contact-decoration {font-size:8em;line-height:1.2}

:root {
  --text-body-semibold: 600 .875rem/1.5 var(--font-body);
  --text-body-regular: 400 .875rem/1.5 var(--font-body);
  --text-body-medium: 500 .875rem/1.5 var(--font-body);
  --text-body-s-regular: 400 .75rem/1.4 var(--font-body);
  --text-body-s-medium: 500 .75rem/1.4 var(--font-body);
  --text-body-m-medium: 500 .8125rem/1.4 var(--font-body);
  --text-body-l-regular: 400 1.125rem/1.6 var(--font-body);
  --text-body-l-semibold: 600 1.125rem/1.6 var(--font-body);
  --text-heading-s: 600 1.25rem/1.3 var(--font-body);
  --text-heading-m: 600 1rem/1.3 var(--font-body);
  --text-heading-l: 700 2rem/1.2 var(--font-body);
  --text-h3-medium: 500 1rem/1.25 var(--font-body);
  --text-paragraph-m-regular: 400 .8125rem/1.6 var(--font-body);
  --text-footnote-regular: 400 .75rem/1.4 var(--font-body);
  --text-body-m-semibold: 600 1rem/1.5 var(--font-body);
  --text-body-s-semibold: 600 .75rem/1.4 var(--font-body);
  --text-xl-body-medium: 500 1rem/1.5 var(--font-body);
}

/* Optional text utilities from the supplied design system. */
.body-semibold { font:var(--text-body-semibold); }
.body-regular { font:var(--text-body-regular); }
.body-medium { font:var(--text-body-medium); }
.body-s-regular { font:var(--text-body-s-regular); }
.body-s-medium { font:var(--text-body-s-medium); }
.body-m-medium { font:var(--text-body-m-medium); }
.body-l-regular { font:var(--text-body-l-regular); }
.body-l-semibold { font:var(--text-body-l-semibold); }
.heading-s { font:var(--text-heading-s); }
.heading-m { font:var(--text-heading-m); }
.heading-l { font:var(--text-heading-l); }
.h3-medium { font:var(--text-h3-medium); }
.paragraph-m-regular { font:var(--text-paragraph-m-regular); }
.footnote-regular { font:var(--text-footnote-regular); }
.body-m-semibold { font:var(--text-body-m-semibold); }
.body-s-semibold { font:var(--text-body-s-semibold); }
.xl-body-medium { font:var(--text-xl-body-medium); }

/* Preserve the established compact navigation typography. */
.main-nav {font:var(--text-body-medium)}
.product-menu-group h3 {font:var(--text-body-semibold)}
.product-menu-group a,.product-menu-group h3 a,.product-menu-overview {font:var(--text-body-m-medium)}
.product-menu-item strong {font:var(--text-body-medium)}
.product-menu-item .menu-item-description {font:var(--text-body-s-regular)}
.product-menu-bottom {font:var(--text-body-m-medium)}

/* Device preview typography stays readable at either frame size. */
.experience-preview {font-size:1em}
.experience-toolbar figcaption {font-size:.875em;font-weight:600}
.experience-toolbar figcaption>span {font-size:1em;font-weight:400}
.device-controls {font-size:.875em}
.device-controls button {font:inherit;font-weight:500}
.browser-chrome,.phone-chrome {font-size:.8125em;line-height:1.4}
.experience-screen h2 {font-size:1.375em;line-height:1.3;letter-spacing:-.02em;max-width:none}
.experience-screen h3 {font-size:1em;line-height:1.4;letter-spacing:0}
.experience-screen p {font-size:.875em;line-height:1.6}
.experience-screen .experience-value {font-size:2em;line-height:1.2;font-weight:600;letter-spacing:-.025em}
.experience-merchant,.experience-line-item,.experience-field,.experience-methods,.experience-action,.experience-workspace,.experience-sidebar>span,.experience-tabs {font-size:.875em;line-height:1.5}
.experience-order-summary {font-size:.8125em;line-height:1.5}
.experience-order-title {font-size:1.0625em;line-height:1.4;font-weight:600}
.experience-order-total strong {font-size:1.0625em;font-weight:600}
.experience-line-item strong {font-size:1em}
.experience-order-note,.experience-powered,.experience-screen .experience-payment-note {font-size:.75em;line-height:1.5}
.experience-metric>span,.experience-status,.experience-chart-labels,.experience-dash-footer>span:first-child {font-size:.8125em;line-height:1.5}
.experience-metric>strong {font-size:1.75em;line-height:1.3;overflow-wrap:anywhere}
.experience-metric>.experience-secondary-value {font-size:1.125em;line-height:1.4}
.experience-event strong {font-size:.875em;line-height:1.5}
.experience-event p {font-size:.8125em;line-height:1.5}
.experience-sample-card {font-size:.875em;line-height:1.5}
.experience-card-chip {font-size:1.5em;line-height:1}

.experience-composition-caption {font-size:.8125em;line-height:1.5}
.experience-composition .experience-frame {font-size:.875em}
.experience-composition .experience-value {font-size:1.625em}
.experience-composition .experience-screen h2 {font-size:1.125em}
.experience-composition .experience-metric>strong {font-size:1.375em}
.experience-composition .experience-metric>.experience-secondary-value {font-size:1em}
.experience-composition .experience-payment .experience-action {font-size:.8125em}
.overlay-phone-status,.overlay-footer {font-size:6px;line-height:1.4}
.overlay-merchant,.overlay-label,.overlay-field,.overlay-action,.overlay-update {font-size:7px;line-height:1.5}
.overlay-value {font-size:10px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.overlay-chips,.overlay-member-card {font-size:6px;line-height:1.5}
.overlay-field strong {font-size:7px;font-weight:400}
.made-for-list strong {font-size:1em;font-weight:600;line-height:1.4}
.made-for-list p {font-size:.875em;line-height:1.55}
.feature-scroll-heading h2+p {font-size:1em;line-height:1.65}
.feature-scroll-item p {font-size:.9375rem;line-height:1.7}
.feature-visual-head strong,.feature-visual-field strong {font-size:.9375em;font-weight:600}
.feature-visual-label,.feature-visual-field span,.feature-visual .experience-kicker,.feature-visual .experience-event p {font-size:.8125em}
.feature-visual-value {font-size:1.75em;font-weight:600;letter-spacing:-.03em;line-height:1.2}
.feature-visual-options span,.feature-visual-action {font-size:.875em;font-weight:500}
.feature-visual .experience-event strong {font-size:.875em}
.feature-visual .experience-status {font-size:.75em}
.footer-simple>span {font-size:.875em;line-height:1.5}
.catalog-group h2 {font-size:clamp(1.5em,2vw,1.875em);line-height:1.2}
.faq-more {font-size:1.0625em}
.faq-search-field input,.faq-search-status {font-size:1em;line-height:1.5}
.join-visual-top,.join-visual-foot {font-size:.8125em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.join-visual-line {font-size:clamp(1.75em,2.6vw,2.375em);font-weight:500;letter-spacing:-.04em;line-height:1.15}
.join-visual-tags li {font-size:.8125em;font-weight:500}
.vacancy-table thead th {font-size:.8125em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.vacancy-table tbody th {font-size:1.0625em;line-height:1.4}
.vacancy-table td {font-size:.9375em;line-height:1.5}
.vacancy-empty td,.vacancy-empty p {font-size:0.875rem;line-height:2}
.roles-note {font-size:1.125em;line-height:1.7}
.page-intro-center h1 {font-size:clamp(1.75em,3.4vw,3.125em)}
.perso-scheme {font-size:.75em;font-weight:700;letter-spacing:.12em}

.loop-hero-member {font:var(--text-body-medium)}
.loop-brand-card>span {font:var(--text-body-s-medium)}
.terminal-methods li,.terminal-search {font-size:.625em;line-height:1.6}
.integration-source {font-size:.9375em;line-height:1.4;font-weight:500}
.integration-api-head {font-size:1em;font-weight:600}
.integration-badge {font-size:.6875em;font-weight:600;letter-spacing:.06em}
.integration-code {font-family:var(--font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.8125em;line-height:1.75}
.integration-status {font-size:.8125em;font-weight:500}
.methods-kicker,.methods-copy span {font-size:.75em;line-height:1.4}
.methods-head strong {font-size:.9375em;font-weight:600}
.methods-copy strong {font-size:.875em;font-weight:600}
.methods-request-chip {font-size:.6875em;font-weight:600}
.methods-note {font-size:.6875em;line-height:1.5}
.payments-chip,.payments-tabs span {font-size:.75em;font-weight:600;line-height:1.4}
.payments-table th,.payments-table td {font-size:.75em;line-height:1.5}
.payments-feed-head strong {font-size:.5625em}
.payments-feed-day,.payments-feed-time,.payments-feed-status,.payments-feed .payments-method {font-size:.5em;line-height:1.5}
.payments-feed-amount {font-size:.5625em;font-weight:600}
.experience-app-icon.is-mark {font-size:.8125em;font-weight:700}
.overlay-summary {font-size:6px;line-height:1.5}
.overlay-summary-title {font-size:7px;line-height:1.4;font-weight:600}
.overlay-summary-total strong {font-size:7px;font-weight:600}
/* Brand-themed checkout illustration. */
.brand-settings {font-size:.9375em;line-height:1.45}
.brand-settings-title {font-weight:600;letter-spacing:.04em;text-transform:uppercase}
/* Payment-link share dialog. */
.link-dialog {font-size:.8125em;line-height:1.5}
.link-dialog-head strong {font-size:1.0769em;line-height:1.4;font-weight:600}
.link-close {font-size:1.2308em;line-height:1}
/* Create-payment-link form. */
.linkform {font-size:.75em;line-height:1.5}
.linkform-head strong {font-size:1.3333em;line-height:1.3;font-weight:600}
.linkform-field>span:first-child,.linkform-method strong,.linkform-empty strong {font-weight:500}
.linkform-empty span,.linkform-method span {font-size:.9167em;line-height:1.45}
.linkform-submit,.linkform-cancel {font-weight:500}
