/* Shared responsive boundaries. CSS variables document the values; media
   queries use literal values because native CSS cannot use var() in queries.
   Tablet and desktop intentionally overlap from 60em through 63.9375em. */
:root {
  --mobileMax: 47.9375em;
  --tabletMin: 48em;
  --tabletMax: 63.9375em;
  --desktopMin: 60em;
  --desktopMax: 79.9375em;
  --wideMin: 80em;
}

@media(min-width:80em) {
.container {
  max-width:none;
  width:calc(100% - 8em);
}

.hero-art {
  height:32.8125em;
}

.hero-bank-card {
  top:7.1875em;
  height:14.0625em;
}

.hero-payment {
  top:19.0625em;
}

.hero-loop {
  bottom:2.5em;
}

}

@media(max-width:79.9375em) {
.container {
  width:calc(100% - 4em);
}

.header-inner {
  gap:1.5625em;
}

.main-nav {
  gap:1.375em;
}

.hero {
  gap:1.5625em;
}

.hero-art {
  height:28.125em;
}

.hero-bank-card {
  left:8%;
  width:84%;
  padding:1.4375em;
}

.hero-payment {
  width:89%;
  right:3%;
  padding:0.9375em;
}

.section-heading {
  gap:1.875em;
}

.products-grid {
  gap:1.125em;
}

.product-visual {
  height:15.9375em;
}

.checkout {
  width:13.125em;
  padding:0.875em;
}

.bank-card {
  width:14.0625em;
  height:9.8125em;
}

.why-grid,.about-grid {
  gap:3.4375em;
}

.contact-layout {
  gap:2.5em;
}

.product-hero {
  gap:2.1875em;
}

.product-hero .checkout {
  scale:1.3;
}

.product-hero .bank-card {
  scale:1.25;
}

}

@media(max-width:63.9375em) {
.main-nav .nav-account {
  display:flex;
  align-items:center;
  gap:1.125em;
}

.container {
  width:calc(100% - 2.5em);
}

.site-header {
  height:4.8125em;
}

.main-nav {
  gap:1.125em;
}

.header-actions {
  display:none;
}

.main-nav {
  margin-left:auto;
  margin-right:0;
}

.hero {
  padding-top:2.8125em;
  grid-template-columns:1fr;
  gap:2.5em;
}

.hero-art {
  height:27.5em;
  max-width:35em;
  width:100%;
  margin:auto;
}

.hero-bank-card {
  width:65%;
  left:18%;
  top:4.6875em;
}

.hero-payment {
  width:65%;
  right:8%;
  top:15.9375em;
}

.hero-loop {
  left:12%;
  bottom:2.1875em;
}

.art-orbit {
  left:15%;
  top:0;
}

.hero-footnote {
  margin-top:1.5em;
}

.audience-strip .container {
  flex-wrap:wrap;
  justify-content:center;
  padding:1.25em 0;
  gap:0.75em 1.25em;
}

.audience-strip>.container>span {
  width:100%;
  text-align:center;
}

.section {
  padding-top:4.0625em;
  padding-bottom:4.0625em;
}

.section-heading {
  align-items:flex-start;
  flex-direction:column;
  gap:1.25em;
}

.section-heading>p {
  max-width:30em;
}

.products-grid {
  grid-template-columns:1fr;
  gap:2.5em;
}

.product-card {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5625em;
  align-items:center;
}

.product-copy {
  padding:0;
}

.why-grid {
  gap:2.1875em;
}

.why-section {
  padding:3.4375em 0;
}

.principles article {
  gap:0.9375em;
}

.about-grid {
  gap:1.875em;
}

.about-art {
  height:19.375em;
  padding:1.375em;
}

.cta-section {
  padding:2.1875em;
  gap:1.5625em;
  margin-bottom:3.4375em;
}

.cta-section .button {
  flex-shrink:0;
}

.footer-grid {
  gap:1.5625em;
  grid-template-columns:1.3fr 1fr 1fr;
}

.product-hero {
  grid-template-columns:1fr;
  padding-top:2.1875em;
  gap:2.1875em;
}

.product-hero h1 {
  max-width:38.75em;
}

.product-hero .product-visual {
  max-width:34.375em;
  width:100%;
  margin:auto;
}

.product-hero .node-left {
  left:2.5em;
}

.product-hero .node-right {
  right:2.5em;
}

.features-grid {
  gap:1.5625em;
}

.steps {
  gap:1.5625em;
}

.contact-layout {
  grid-template-columns:1fr;
  gap:2.1875em;
  padding-top:3.125em;
}

.contact-decoration {
  display:none;
}

.contact-email {
  margin-top:1.5625em;
}

.contact-form {
  max-width:37.5em;
  width:100%;
}

.page-intro {
  padding-top:3.4375em;
}

}

@media(max-width:47.9375em) {
.main-nav {
  display:none;
  position:absolute;
  top:4.75em;
  left:0;
  right:0;
  background:var(--paper);
  border-bottom:0.0625em solid var(--line);
  padding:1.25em;
  box-shadow:0 0.625em 0.9375em #29193c10;
}

.main-nav.open {
  display:flex;
  flex-direction:column;
  gap:0;
}

.main-nav a {
  padding:0.875em;
}

.nav-toggle {
  display:block;
  margin-left:auto;
  min-width:2.75em;
  min-height:2.75em;
}

.desktop-break {
  display:none;
}

.hero-actions {
  gap:1.5em;
}

.button {
  padding:0.9375em 1.125em;
  gap:1.25em;
}

.hero-art {
  height:23.75em;
  border-top-left-radius:6.25em;
}

.hero-bank-card {
  left:9%;
  width:80%;
  top:4.0625em;
  height:11.875em;
  padding:1.4375em;
}

.hero-bank-card .chip {
  margin:0.75em 0;
}

.hero-payment {
  top:14.75em;
  width:86%;
  right:4%;
  padding:0.8125em;
}

.hero-loop {
  left:7%;
  bottom:1.875em;
  padding:0.625em 0.875em;
  gap:0.625em;
}

.art-heading {
  top:1em;
}

.art-orbit {
  width:20em;
  height:20em;
  left:1.25em;
}

.art-bottom {
  bottom:0.625em;
}

.audience-strip .container {
  gap:0.625em;
}

.product-card {
  display:block;
}

.product-visual {
  height:18.125em;
}

.product-copy {
  padding-top:1.375em;
}

.checkout {
  width:14.6875em;
  padding:1.0625em;
}

.bank-card {
  width:16.25em;
  height:10.3125em;
}

.success-note {
  right:1.25em;
  bottom:1.6875em;
}

.why-grid,.about-grid {
  grid-template-columns:1fr;
}

.why-grid {
  gap:2.5em;
}

.about-art {
  height:17.8125em;
}

.about-grid {
  gap:2.1875em;
}

.cta-section {
  flex-direction:column;
  align-items:flex-start;
  padding:2em 1.5625em;
}

.footer-grid {
  grid-template-columns:1fr 1fr;
  gap:1.875em 0.9375em;
}

.footer-grid>div:first-child {
  grid-column:1/-1;
}

.footer-bottom {
  flex-direction:column;
  gap:0.5em;
}

.footer-grid>div>a:not(.logo) {
  overflow-wrap:anywhere;
}

.guidance>a {
  flex-direction:column;
  gap:0.625em;
  padding:1.25em 0;
}

.product-hero .product-visual {
  height:21.25em;
}

.product-hero .checkout {
  scale:1.1;
}

.product-hero .success-note {
  scale:1;
  bottom:2em;
  right:0.625em;
}

.product-hero .bank-card {
  scale:1.05;
}

.product-hero .node-left {
  left:0.625em;
}

.product-hero .node-right {
  right:0.625em;
}

.product-hero .node-left,.product-hero .node-right {
  top:9.4375em;
}

.product-hero .node-top {
  top:2.1875em;
}

.product-hero .node-bottom {
  bottom:2.1875em;
}

.product-hero .loop-caption {
  bottom:0.8125em;
}

.product-hero .loop-node {
  padding:0.625em;
}

.product-context>.container {
  gap:0.9375em;
}

.features-grid,.steps {
  grid-template-columns:1fr;
  gap:1.875em;
}

.steps {
  margin-top:1.875em;
}

.steps span {
  margin-bottom:0.9375em;
}

.related>div {
  flex-direction:column;
  gap:0.9375em;
}

.related a {
  width:100%;
}

.contact-form {
  padding:1.5625em 1.25em;
}

.form-row {
  grid-template-columns:1fr;
  gap:1.375em;
}

}

@media(prefers-reduced-motion:reduce) {
html {
  scroll-behavior:auto;
}

*,*:before,*:after {
  transition:none!important;
  animation:none!important;
}

}

@media(max-width:63.9375em) {
.about-pillars {
  gap:1.875em;
}

}

@media(max-width:47.9375em) {
.about-pillars {
  grid-template-columns:1fr;
  margin-top:2.1875em;
}

}

@media(max-width:47.9375em) {
.brand-logo {
  width:9.0625em;
}

}

@media(max-width:47.9375em) {
.site-header .brand-logo {
  width:4em;
}

}


/* Maintain the tablet card layout as the desktop range begins. */
@media (min-width: 48em) and (max-width: 63.9375em) {
  .product-card { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 60em) and (max-width: 79.9375em) {
  .container { max-width: 75.9375em; }
}

@media(max-width:47.9375em) {
  .main-nav .nav-account {display:flex;flex-direction:column;align-items:stretch;gap:0}
  .main-nav .nav-account>.login-link[aria-disabled="true"] {padding:.875em}
}

@media(max-width:63.9375em) {
  .product-menu-groups {grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-dropdown {max-height:75vh;overflow-y:auto}
  .catalog-items {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:47.9375em) {
  .main-nav {max-height:calc(100svh - 5em);overflow-y:auto}
  .product-menu>summary {padding:.875em}
  .product-dropdown {position:static;width:100%;max-height:none;padding:0;border:0;box-shadow:none}
  .product-menu-groups,.catalog-items {grid-template-columns:1fr}
  .main-nav .product-menu-group a {padding:.625em}
  .catalog-item {padding:1.5em}
}

@media(min-width:64em) and (max-width:79.9375em) {
  .product-menu-groups {grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:47.9375em) {
  .product-dropdown-inner.container {width:100%;max-width:none;padding:1em .5em}
  .product-menu-groups {gap:1.75em}
  .product-menu-bottom {align-items:stretch;flex-direction:column;gap:.5em}
  .product-menu-bottom a:last-child {margin-left:0}
}
@media(prefers-reduced-motion:reduce) {
  .product-menu[open] .product-dropdown {animation:none}
}

@media(max-width:63.9375em) {.use-case-menu-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:47.9375em) {.use-case-menu-grid {grid-template-columns:1fr}}

@media(max-width:63.9375em) {
  .related .related-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-context>.stats-row {grid-template-columns:repeat(2,minmax(0,1fr))}
  .check-list {gap:0 2em}
}
@media(max-width:47.9375em) {
  .visual-detail-ring {width:18em;height:18em}
  .check-list,.principles-grid,.related .related-grid {grid-template-columns:1fr}
  .join-banner {flex-direction:column;align-items:flex-start;gap:1.5em}
}
@media(max-width:47.9375em) {.catalog-items.catalog-items-2 {grid-template-columns:1fr}}

/* Small screens retain readable labels instead of shrinking typography. */
@media(max-width:79.9375em) {
  .header-inner {gap:1.25em}
  .main-nav {gap:1.25em}
}
@media(min-width:64em) and (max-width:89.9375em) {
  .product-menu-groups {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:63.9375em) {
  .hero-art {height:29em}
  .product-visual {height:25em}
  .product-hero .product-visual {height:28em}
  .about-art {min-height:18em}
  .main-nav {gap:1em}
}
@media(max-width:47.9375em) {
  .site-header {height:5em}
  .main-nav {top:100%;max-height:calc(100svh - 6em)}
  .hero {padding-top:2.5em}
  .hero-art {height:25em}
  .hero-bank-card {height:12em;top:4em;padding:1.25em}
  .hero-payment {top:15.5em}
  .hero-loop {bottom:2.5em}
  .art-bottom {bottom:.75em;left:1em;right:1em}
  .hero-actions {gap:1em}
  .section-heading {gap:1.5em}
  .checkout {width:min(19em,calc(100% - 2em));padding:1em}
  .product-hero .checkout,.product-hero .bank-card {scale:1}
  .product-visual,.product-hero .product-visual {height:26em}
  .hero-bank-card .chip,.bank-card .chip {margin:.625em 0}
  .product-hero .loop-node {padding:.625em}
  .product-context>.container {align-items:flex-start;flex-direction:column;gap:.75em}
  .product-context>.stats-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .audience-strip .container {gap:.75em;justify-content:center}
  .audience-strip>.container>span {width:100%;text-align:center}
  .audience-strip i {display:none}
  .footer-bottom {gap:.75em}
}

@media(max-width:63.9375em) {
  .experience-stage {padding:1.5em}
  .experience-order,.experience-payment,.experience-dashboard {padding:1.5em}
  .screen-dashboard,.screen-card {grid-template-columns:9em minmax(0,1fr)}
  .experience-card-panel {grid-template-columns:1fr}
}
@media(max-width:47.9375em) {
  .experience-toolbar {align-items:flex-start;flex-direction:column}
  .experience-stage {padding:.75em}
  .experience-screen {grid-template-columns:1fr}
  .experience-sidebar,.browser-chrome-end {display:none}
  .experience-order {border-right:0;border-bottom:.0625em solid #eeeaf3}
  .experience-metrics {grid-template-columns:1fr}
  .experience-dash-footer {flex-direction:column;align-items:stretch}
  .window-dots {width:auto}
  .preview-address {width:auto;flex:1;overflow-wrap:anywhere}
  .experience-field-row {gap:.625em}
  .experience-event {flex-wrap:wrap}
  .experience-chart {gap:.5em}
}
@media(prefers-reduced-motion:reduce) {.experience-frame {transition:none}}

@media(max-width:63.9375em) {
  .product-hero.experience-hero {grid-template-columns:1fr;gap:2em}
  .experience-preview.experience-composition {max-width:42em;margin-inline:auto}
}
@media(max-width:47.9375em) {
  .experience-composition .experience-stage {padding:1em 0 5em 2.5em}
  .experience-composition .experience-frame {min-height:33em}
  .experience-composition .screen-checkout {grid-template-columns:1fr}
  .experience-composition .experience-order {padding:1.25em}
  .experience-composition .experience-payment {border-top:.0625em solid #eeeaf3}
  .experience-composition .experience-order .experience-summary,.experience-composition .experience-order .experience-line-item,.experience-composition .experience-powered {display:none}
  .experience-composition .experience-metrics {grid-template-columns:1fr}
  .experience-composition .experience-metrics>div:last-child {display:none}
  .experience-composition .experience-chart {height:10em}
  .experience-composition .experience-event {display:none}
  .experience-phone-overlay {width:min(12em,62%)}
  .overlay-phone-content {padding:.75em}
}
@media(max-width:63.9375em) {
  .product-context.made-for>.container {grid-template-columns:1fr;gap:1.25em}
  .made-for .eyebrow {padding-top:0}
  .made-for-list {gap:1.5em}
}
@media(max-width:47.9375em) {
  .made-for-list {grid-template-columns:1fr;gap:1.25em}
}
@media(max-width:47.9375em) {.faq-list {--faq-inline:1.25rem}}
@media(max-width:47.9375em) {.site-footer .brand-logo {width:6em}}
@media(max-width:63.9375em) {
  .feature-scroll-layout {grid-template-columns:1fr;gap:0}
  .feature-scroll-media {display:none}
  .feature-scroll-item {min-height:0;opacity:1;padding:2em 0 2em 1.5em;border-right:0;border-left:.125em solid var(--site-primary)}
  .feature-scroll-inline {display:block;margin-top:1.5em}
  .feature-scroll-inline .feature-visual {height:auto;min-height:20em}
}
@media(max-width:47.9375em) {
  .feature-scroll-item {padding-left:1em}
  .feature-scroll-inline .feature-visual {padding:1.25em;min-height:0}
  .feature-scroll-inline .brand-visual {min-height:calc(37.5em*var(--brand-scale))}
}
/* The brand checkout keeps the hero's proportions, so it scales as one piece. */
@media(max-width:63.9375em) {.brand-visual {--brand-scale:.62}}
@media(max-width:47.9375em) {.brand-visual {--brand-scale:.44}}
@media(max-width:26em) {.brand-visual {--brand-scale:.36}}
@media(prefers-reduced-motion:reduce) {.feature-scroll-item,.feature-scroll-slide {transition:none}}
@media(max-width:47.9375em) {.footer-simple {flex-direction:column-reverse;align-items:flex-start;gap:.5em}.footer-links {margin:0 0 0 -.5em}}
@media(max-width:47.9375em) {
  .hero-home {min-height:0;margin-top:-5em;padding:8em 0 4em}
  .hero-orb {filter:blur(2.25em)}
  .hero-rings {width:28em;height:28em;margin:-14em 0 0 -14em}
}
@media(prefers-reduced-motion:reduce) {.hero-orb,.hero-rings,.hero-sheen,.hero-backdrop::before {animation:none}}
@media(max-width:63.9375em) {
  .join-intro {grid-template-columns:1fr;gap:2.5em}
  .join-visual {min-height:20em}
  .join-visual-photo img {min-height:18em}
}
@media(max-width:47.9375em) {
  .vacancy-table th,.vacancy-table td {padding:1em}
  .vacancy-table {min-width:34em}
  .roles-note {font-size:1.0625em}
}
@media(max-width:63.9375em) {.page-intro-center h1 {white-space:normal}}
@media(max-width:47.9375em) {
  .faq-search-field {padding-left:1em}
  .faq-search-button {padding:.625em .875em}
}
@media(max-width:47.9375em) {
  .card-visual {padding:1.5em}
  .perso-card {padding:1.125em;border-radius:.75em}
  .perso-scheme-slot {right:1.125em;bottom:.75em;width:3em}
}

@media(max-width:47.9375em) {
  .experience-hero>.closed-loop-artwork {min-height:0;padding:1.5em;gap:1.25em}
  .loop-hero-illustrations {gap:.75em}
}

@media(max-width:24em) {
  .security-config-fields {grid-template-columns:1fr}
}
@media(max-width:47.9375em) {
  .terminal-visual {flex-direction:column-reverse;gap:1em;padding:1.25em;aspect-ratio:auto}
  .terminal-photo {width:100%;height:auto;max-height:20em}
  .terminal-logos {width:100%;max-width:20em;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em}
  .terminal-logos li {padding:.5em .375em}
  .terminal-logos img {height:1.25em}
}
@media(max-width:47.9375em) {
  .integration-visual {grid-template-columns:1fr;gap:.625em;padding:1em}
  .integration-link {flex-direction:column}
  .integration-dash {width:0;height:1.25em;border-top:0;border-left:.125em dotted currentColor}
}
@media(max-width:47.9375em) {
  .payments-feed {position:static;width:auto;margin-top:.625em;box-shadow:none}
  .payments-table th:nth-child(2),.payments-table td:nth-child(2),
  .payments-table th:nth-child(5),.payments-table td:nth-child(5) {display:none}
}