.products-page .site-footer { position: relative; z-index: 10; }
.products-main { background: var(--paper); }
.products-hero { position: relative; overflow: hidden; color: #171716; background: #fcf9f8; isolation: isolate; }
.products-hero::before { content: ""; position: absolute; z-index: -1; inset: -35%; background: radial-gradient(circle at 11% 17%, rgba(229,31,43,.16), transparent 29%), radial-gradient(circle at 88% 12%, rgba(229,31,43,.13), transparent 27%), radial-gradient(circle at 60% 105%, rgba(229,31,43,.055), transparent 34%); pointer-events: none; }
.products-hero-inner { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); column-gap: clamp(30px,4vw,75px); align-items: center; padding-top: clamp(58px,6.5vw,100px); padding-bottom: 27px; }
.products-hero-copy { align-self: center; padding-bottom: 24px; }
.products-hero-copy .eyebrow { margin-bottom: 16px; color: #f26069; }
.products-hero h1 { max-width: 580px; color: #171716; font-size: clamp(2.7rem,3.9vw,4.5rem); line-height: 1.02; }
.products-hero-copy > p:not(.eyebrow) { max-width: 530px; margin: 17px 0 24px; color: #625c58; font-size: clamp(.9rem,1vw,1.02rem); line-height: 1.55; }
.products-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.products-hero-actions .button { min-height: 46px; }
.products-hero-actions .button.secondary { color: #171716; background: #fff; border-color: #dcd6d3; }
.products-hero-actions .button.secondary:hover { background: #f4eeed; }
.products-map { position: relative; width: 100%; height: 310px; min-width: 0; }
.products-map-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.map-line { fill: none; stroke: rgba(229,31,43,.48); stroke-width: 1.6; stroke-dasharray: 4 4; }
.map-line-output { stroke: #e51f2b; stroke-width: 2.3; stroke-dasharray: 0; }
.map-line-note { stroke: rgba(229,31,43,.42); }
.map-node,.map-hub,.map-wallet { position: absolute; z-index: 1; display: flex; align-items: center; gap: 10px; min-width: 0; color: #171716; background: #fff; border: 1px solid #e9e1de; border-radius: 12px; box-shadow: 0 13px 30px rgba(71,26,25,.07); }
.map-node { width: 28%; min-height: 63px; padding: 10px; }
.map-node b,.map-wallet b { display: block; font-size: .76rem; line-height: 1.2; }
.map-node small,.map-wallet small { display: block; margin-top: 3px; color: #77716c; font-size: .64rem; line-height: 1.2; }
.map-icon { flex: 0 0 32px; width: 32px; height: 32px; display: grid; place-items: center; font-size: 1.13rem; border-radius: 9px; }
.map-red { color: #f05e64; background: rgba(229,31,43,.12); }.map-green { color: #67caa1; background: rgba(74,173,130,.12); }.map-blue { color: #6a92f2; background: rgba(88,120,211,.13); }.map-cyan { color: #70b8d9; background: rgba(82,169,207,.13); }
.map-invoices { top: 5px; left: 0; }.map-website { top: 5px; left: 37%; }.map-community { bottom: 5px; left: 0; }.map-profile { bottom: 5px; left: 37%; }
.map-hub { top: 50%; left: 31%; width: 20%; height: 100px; padding: 13px 5px; flex-direction: column; justify-content: center; gap: 7px; transform: translateY(-50%); text-align: center; }
.map-hub-mark { width: 35px; height: 35px; display: grid; place-items: center; color: #fff; background: #e51f2b; border-radius: 8px; font-size: 1.3rem; }
.map-hub strong { font-size: .78rem; letter-spacing: -.04em; }.map-hub strong span { color: #e51f2b; }
.map-wallet { top: 50%; right: 0; width: 17%; min-height: 88px; padding: 10px 5px; flex-direction: column; justify-content: center; gap: 4px; transform: translateY(-50%); text-align: center; }.map-wallet .map-icon { width: 30px; height: 30px; flex-basis: 30px; }.map-wallet small { margin: 0; }
.map-handnote { position: absolute; right: 0; bottom: 0; transform: translateY(60%); color: #8b7775; font: italic 1rem/1.15 "Newsreader",Georgia,serif; rotate: -7deg; }
.products-trust { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-top: 54px; border-top: 1px solid #e8ddda; }
.products-trust > div { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 18px 18px 0 0; }.products-trust > div + div { padding-left: 22px; border-left: 1px solid #e8ddda; }.products-trust > div > span { flex: 0 0 32px; width: 32px; height: 32px; display: grid; place-items: center; color: #e51f2b; border: 1px solid rgba(229,31,43,.35); border-radius: 50%; font-size: 1rem; }.products-trust p { margin: 0; }.products-trust strong,.products-trust small { display: block; line-height: 1.25; }.products-trust strong { color: #171716; font-size: .76rem; }.products-trust small { margin-top: 3px; color: #746e69; font-size: .65rem; }
.matching-section { position: relative; padding: 78px 0 88px; overflow: hidden; background: #fff; border-bottom: 1px solid #e8e2df; }
.matching-heading { display: flex; justify-content: space-between; gap: 30px; align-items: start; margin-bottom: 31px; }
.matching-heading .eyebrow { margin-bottom: 9px; color: #e51f2b; }.matching-heading h2 { max-width: none; font-size: clamp(2.1rem,3vw,3.3rem); }.matching-heading > div > p:last-child { max-width: 750px; margin: 11px 0 0; font-size: .95rem; }
.matching-handnote { flex: 0 0 auto; margin: 0 8px 0 0; color: #8e7775; font: italic 1.1rem/1.08 "Newsreader",Georgia,serif; transform: rotate(-7deg); }.matching-handnote span { display: block; width: fit-content; margin-left: auto; color: #e51f2b; font-size: 1.5rem; }
.matching-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.matching-card { min-width: 0; min-height: 383px; display: flex; flex-direction: column; padding: 22px; background: #fbfaf9; border: 1px solid #e8e2df; border-radius: 12px; }
.matching-basic { border-color: rgba(229,31,43,.62); }.matching-card-head { display: flex; align-items: center; gap: 12px; }.matching-card-head h3 { font: 700 1.05rem/1.2 "DM Sans",sans-serif; letter-spacing: -.02em; }.matching-card-head p { margin: 4px 0 0; font-size: .72rem; }.matching-mode-dot { flex: 0 0 32px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; }.matching-mode-dot::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: currentColor; }.basic-dot { color: #e51f2b; background: rgba(229,31,43,.12); }.advanced-dot { color: #3d7cf1; background: rgba(61,124,241,.11); }.hybrid-dot { color: #11a982; background: rgba(17,169,130,.11); }
.matching-benefits { display: grid; gap: 7px; min-height: 100px; margin: 19px 0 17px; padding: 0; list-style: none; }.matching-benefits li { display: flex; align-items: baseline; gap: 9px; color: #514c48; font-size: .71rem; line-height: 1.3; }.matching-benefits li::before { content: "✓"; flex: 0 0 15px; width: 15px; height: 15px; display: grid; place-items: center; color: #fff; background: #e51f2b; border-radius: 50%; font-size: .61rem; font-weight: 700; }
.matching-demo { margin-top: auto; min-height: 153px; }
.invoice-list,.hybrid-demo { padding: 9px 11px; background: #fff; border: 1px solid #e8e2df; border-radius: 9px; }.invoice-list > div,.hybrid-demo > div { display: flex; justify-content: space-between; gap: 8px; align-items: center; padding: 5px 2px; color: #514c48; font-size: .7rem; }.invoice-list > div + div,.hybrid-demo > div + div { border-top: 1px solid #eee9e7; }.invoice-list b { font-size: .7rem; font-weight: 600; }.invoice-list .matched-invoice { color: #bd121e; }
.match-flow { display: grid; justify-items: center; gap: 2px; margin-top: 15px; font-size: .68rem; }.match-flow > span { padding: 5px 10px; background: #f2efed; border-radius: 6px; }.match-flow i,.advanced-flow i { color: #e51f2b; font-style: normal; }.match-flow strong { padding: 6px 10px; color: #0a8f67; background: #e9f8f1; border-radius: 6px; font-size: .68rem; }
.wallet-types { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; background: #f0edeb; border-radius: 7px; }.wallet-types span { padding: 7px 4px; color: #68615c; text-align: center; font-size: .67rem; }.wallet-types span:first-child { color: #171716; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px #0001; }.advanced-flow { display: grid; justify-items: center; gap: 1px; padding-top: 9px; }.advanced-flow span { min-width: 74px; padding: 5px 8px; color: #514c48; background: #f1efed; border-radius: 6px; text-align: center; font-size: .67rem; font-weight: 600; }.advanced-flow span:first-child { min-width: 38px; }.advanced-flow small { display: block; font-size: .56rem; font-weight: 400; }.advanced-flow i { line-height: 1; }
.hybrid-demo { max-width: 260px; width: 100%; margin-inline: auto; }.hybrid-demo > div { padding: 4px 2px; }.hybrid-demo b { display: inline-flex; align-items: center; gap: 5px; font-size: .66rem; font-weight: 600; }.hybrid-demo b::before { content: ""; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }.advanced-label { color: #148fb5; }.basic-label { color: #e51f2b; }
.integrations-section { position: relative; padding: 78px 0 88px; overflow: hidden; background: #fffaf9; border-bottom: 1px solid #e8e2df; }
.product-showcase-heading { max-width: 820px; margin-bottom: 34px; }.product-showcase-heading .eyebrow,.showcase-copy .eyebrow { margin-bottom: 8px; color: #e51f2b; }.product-showcase-heading h2 { max-width: none; font-size: clamp(2.15rem,3.2vw,3.5rem); }.product-showcase-heading > p:last-child { margin: 11px 0 0; font-size: .95rem; }
.product-showcase-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.product-showcase { min-width: 0; min-height: 355px; display: grid; grid-template-columns: .83fr 1.08fr .72fr; gap: 18px; align-items: center; padding: 24px; overflow: hidden; background: #fff; border: 1px solid #e8e2df; border-radius: 14px; transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.product-showcase:hover { transform: translateY(-4px); border-color: #e5b9bd; box-shadow: 0 18px 42px rgba(55,24,24,.06); }.product-showcase h3 { font-size: clamp(1.55rem,2vw,2.05rem); line-height: 1.02; }.showcase-copy > p:not(.eyebrow) { margin: 10px 0 16px; font-size: .73rem; line-height: 1.5; }.showcase-copy > a { display: inline-flex; align-items: center; gap: 8px; color: #e51f2b; font-size: .7rem; font-weight: 700; }.showcase-copy > a span { transition: transform .2s ease; }.showcase-copy > a:hover span { transform: translateX(4px); }
.product-preview { min-width: 0; background: #f7f5f3; border: 1px solid #e9e4e1; border-radius: 10px; box-shadow: 0 12px 26px rgba(42,35,31,.045); }
.profile-preview { padding: 16px; }.profile-preview-head { display: flex; align-items: center; gap: 9px; }.profile-preview-head .avatar { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg,#6aa5cd,#466577 55%,#c68a3c); border-radius: 50%; font-weight: 700; }.profile-preview-head span:nth-child(2) { min-width: 0; flex: 1; }.profile-preview-head strong,.profile-preview-head small { display: block; }.profile-preview-head small { color: #77716c; font-size: .56rem; }.profile-preview-head b { color: #2b8eef; }.profile-preview > p { margin: 14px 0 8px; color: #171716; font-size: .7rem; font-weight: 600; }.asset-row { display: flex; flex-wrap: wrap; gap: 5px; }.asset-row span { padding: 4px 6px; background: #fff; border-radius: 12px; font-size: .55rem; }.profile-preview button { width: 100%; margin-top: 12px; padding: 8px; color: #fff; background: #e51f2b; border: 0; border-radius: 18px; font: 600 .65rem "DM Sans",sans-serif; }
.showcase-points { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }.showcase-points li { position: relative; padding-left: 16px; color: #5f5955; font-size: .64rem; line-height: 1.3; }.showcase-points li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 11px; height: 11px; display: grid; place-items: center; color: #fff; background: #e51f2b; border-radius: 50%; font-size: .45rem; }
.community-preview { padding: 14px; }.community-preview > div { display: flex; gap: 9px; align-items: center; }.community-preview > div span { min-width: 0; }.community-preview strong,.community-preview small { display: block; }.community-preview strong { font-size: .65rem; }.community-preview strong i { padding: 2px 3px; color: #fff; background: #6879e9; border-radius: 3px; font-size: .43rem; font-style: normal; }.community-preview small { margin-top: 3px; color: #77716c; font-size: .55rem; }.community-preview code { display: block; margin: 10px 0; padding: 7px; color: #68625e; background: #fff; border-radius: 6px; font-size: .55rem; }.community-preview > p { display: flex; gap: 8px; align-items: center; margin: 0; padding: 8px; background: #e6f7ef; border-radius: 7px; }.community-preview > p > b { width: 20px; height: 20px; display: grid; place-items: center; color: #fff; background: #17a877; border-radius: 50%; }.community-tools > span,.website-tools > span { display: inline-flex; align-items: center; gap: 6px; margin: 3px 8px 9px 0; font-size: .61rem; font-weight: 600; }.community-tools .showcase-points { margin-top: 9px; }
.website-preview { display: grid; grid-template-columns: 36% 1fr; gap: 11px; padding: 13px; }.product-thumb-mini { display: grid; place-items: center; color: #8f8a86; background: #ebe7e3; border-radius: 7px; font-size: 2.2rem; }.website-preview > div:last-child > strong { display: block; margin-bottom: 6px; font-size: .65rem; }.website-preview > div:last-child > span { display: flex; align-items: center; gap: 5px; padding: 4px 0; border-top: 1px solid #e7e2df; font-size: .57rem; }.website-preview span b { width: 15px; height: 15px; display: grid; place-items: center; color: #fff; background: #f7931a; border-radius: 50%; font-size: .47rem; }.website-preview span:nth-child(3) b { background: #25a17c; }.website-preview span:nth-child(4) b { background: #627eea; }.website-preview span i { margin-left: auto; font-style: normal; }.website-tools > small { display: block; margin-bottom: 8px; color: #77716c; font-size: .55rem; }.website-tools .shopify-mark,.website-tools > span > i { width: 23px; height: 23px; display: grid; place-items: center; flex: 0 0 23px; }.website-tools > span > i:not(.shopify-mark) { color: #635d59; background: #f2efed; border-radius: 6px; font-style: normal; }
.code-preview { align-self: stretch; margin: 0; padding: 18px; color: #5c5854; font: 500 .59rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; white-space: pre-wrap; }.code-preview > span { color: #e51f2b; }.code-preview i { color: #1680ba; font-style: normal; }.code-preview b { color: #d54e54; }.code-preview em { color: #a15d26; font-style: normal; }.developer-tools { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.developer-tools li { padding-left: 9px; border-left: 2px solid #e51f2b; }.developer-tools b,.developer-tools small { display: block; }.developer-tools b { font-size: .63rem; }.developer-tools small { margin-top: 2px; color: #77716c; font-size: .53rem; }
.credits-showcase { grid-column: 1 / -1; min-height: 285px; grid-template-columns: .75fr 1.15fr .8fr; }.credits-preview { padding: 16px; }.credits-preview > div:first-child { display: flex; align-items: center; gap: 11px; }.credit-icon { width: 34px; height: 34px; display: grid; place-items: center; color: #e51f2b; background: rgba(229,31,43,.1); border-radius: 50%; }.credits-preview strong,.credits-preview small { display: block; }.credits-preview > div:first-child strong { font-size: .7rem; }.credits-preview small { margin-top: 3px; color: #77716c; font-size: .55rem; }.credit-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 15px; }.credit-benefits > span { padding-top: 10px; border-top: 1px solid #e6e0dd; text-align: center; }.credit-benefits b { display: block; color: #e51f2b; font-size: 1rem; }.rates-preview { padding: 12px 14px; background: #f7f5f3; border: 1px solid #e9e4e1; border-radius: 9px; }.rates-preview > div { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 7px 0; font-size: .57rem; }.rates-preview > div + div { border-top: 1px solid #e6e0dd; }.rates-preview > div:first-child { color: #77716c; }.rates-preview strong { color: #171716; }
.products-closing { position: relative; overflow: hidden; padding: 68px 0 74px; background: #fff; border-bottom: 1px solid #e8e2df; }
.products-closing-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; }
.products-closing .eyebrow { margin-bottom: 8px; color: #e51f2b; }.products-closing h2 { max-width: none; font-size: clamp(2rem,3vw,3.2rem); }.products-closing-heading > div > p:last-child { margin: 9px 0 0; font-size: .9rem; }
.products-closing-note { flex: 0 0 auto; margin: 0 8px 0 0; color: #8e7775; font: italic 1.08rem/1.08 "Newsreader",Georgia,serif; transform: rotate(-7deg); }.products-closing-note span { display: inline-block; margin-left: 8px; color: #e51f2b; font-size: 1.5rem; }
.starting-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.starting-options > a { display: flex; align-items: center; min-width: 0; gap: 10px; min-height: 72px; padding: 12px; background: #fbfaf9; border: 1px solid #e8e2df; border-radius: 10px; transition: transform .25s ease,border-color .25s ease; }
.starting-options > a:hover { transform: translateY(-3px); border-color: #e5b9bd; }.starting-options > a:focus-visible,.products-closing-actions a:focus-visible { outline: 2px solid #e51f2b; outline-offset: 3px; }
.starting-icon { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; color: #e51f2b; background: rgba(229,31,43,.09); border-radius: 50%; font-size: 1rem; }.starting-options strong,.starting-options small { display: block; white-space: nowrap; }.starting-options strong { font-size: .75rem; line-height: 1.3; }.starting-options small { margin-top: 3px; color: #6f6b65; font-size: .67rem; }.starting-options i { margin-left: 3px; color: #e51f2b; font-style: normal; }
.products-closing-actions { display: flex; justify-content: center; gap: 12px; margin-top: 22px; }.products-closing-actions .button { min-height: 42px; }.products-closing-actions .button.secondary { color: #171716; background: #fff; border-color: #dcd6d3; }.products-closing-actions .button.secondary:hover { background: #f8f4f2; }
.products-page .site-header [aria-current="page"] { color: var(--color-primary); }
html[data-theme="dark"] .products-main { background: #0e0f10; }
html[data-theme="dark"] .products-hero { background: #111213; }
html[data-theme="dark"] .products-hero::before { opacity: .8; }
html[data-theme="dark"] .products-hero h1,html[data-theme="dark"] .products-trust strong { color: #f5f2ed; }
html[data-theme="dark"] .products-hero-copy > p:not(.eyebrow) { color: #b2ada5; }
html[data-theme="dark"] .products-hero-actions .button.secondary { color: #f5f2ed; background: #1e1f21; border-color: rgba(255,255,255,.2); }
html[data-theme="dark"] .products-hero-actions .button.secondary:hover { background: #292a2d; }
html[data-theme="dark"] .map-node,html[data-theme="dark"] .map-hub,html[data-theme="dark"] .map-wallet { color: #f5f2ed; background: #222326; border-color: rgba(255,255,255,.11); box-shadow: 0 13px 30px rgba(0,0,0,.14); }
html[data-theme="dark"] .map-node small,html[data-theme="dark"] .map-wallet small { color: #b2ada5; }
html[data-theme="dark"] .map-handnote { color: #aaa1a0; }
html[data-theme="dark"] .products-trust { border-top-color: rgba(255,255,255,.09); }
html[data-theme="dark"] .products-trust > div + div { border-left-color: rgba(255,255,255,.09); }
html[data-theme="dark"] .products-trust small { color: #aaa5a0; }
html[data-theme="dark"] .matching-section { background: #111213; border-bottom-color: rgba(255,255,255,.09); }
html[data-theme="dark"] .matching-handnote { color: #aaa1a0; }
html[data-theme="dark"] .matching-card { background: #191a1c; border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .matching-basic { border-color: rgba(229,31,43,.72); }
html[data-theme="dark"] .matching-benefits li,html[data-theme="dark"] .invoice-list > div,html[data-theme="dark"] .hybrid-demo > div { color: #c4beba; }
html[data-theme="dark"] .invoice-list,html[data-theme="dark"] .hybrid-demo { background: #222326; border-color: rgba(255,255,255,.08); }
html[data-theme="dark"] .invoice-list > div + div,html[data-theme="dark"] .hybrid-demo > div + div { border-top-color: rgba(255,255,255,.07); }
html[data-theme="dark"] .invoice-list .matched-invoice { color: #ff777f; }
html[data-theme="dark"] .match-flow > span,html[data-theme="dark"] .advanced-flow span { color: #d8d2cd; background: #222326; }
html[data-theme="dark"] .match-flow strong { color: #69cda4; background: rgba(13,167,104,.12); }
html[data-theme="dark"] .wallet-types { background: #222326; }html[data-theme="dark"] .wallet-types span { color: #aba5a0; }html[data-theme="dark"] .wallet-types span:first-child { color: #f5f2ed; background: #303134; box-shadow: none; }
html[data-theme="dark"] .integrations-section { background: #111213; border-bottom-color: rgba(255,255,255,.09); }
html[data-theme="dark"] .product-showcase { background:#191a1c; border-color:rgba(255,255,255,.1); }
html[data-theme="dark"] .product-showcase:hover { border-color:rgba(229,31,43,.35); box-shadow:0 18px 42px rgba(0,0,0,.18); }
html[data-theme="dark"] .product-preview,html[data-theme="dark"] .rates-preview { background:#222326; border-color:rgba(255,255,255,.08); box-shadow:none; }
html[data-theme="dark"] .profile-preview > p,html[data-theme="dark"] .rates-preview strong { color:#f5f2ed; }
html[data-theme="dark"] .profile-preview-head small,html[data-theme="dark"] .community-preview small,html[data-theme="dark"] .website-tools > small,html[data-theme="dark"] .developer-tools small,html[data-theme="dark"] .credits-preview small { color:#aaa5a0; }
html[data-theme="dark"] .asset-row span,html[data-theme="dark"] .community-preview code { color:#d7d1cc; background:#2b2c2f; }
html[data-theme="dark"] .showcase-points li { color:#c2bcb7; }
html[data-theme="dark"] .community-preview > p { background:rgba(23,168,119,.12); }
html[data-theme="dark"] .product-thumb-mini { color:#8e8985; background:#2d2e31; }
html[data-theme="dark"] .website-preview > div:last-child > span,html[data-theme="dark"] .credit-benefits > span,html[data-theme="dark"] .rates-preview > div + div { border-color:rgba(255,255,255,.08); }
html[data-theme="dark"] .website-tools > span > i:not(.shopify-mark) { color:#d0cac5; background:#292a2d; }
html[data-theme="dark"] .code-preview { color:#c0bab5; }
html[data-theme="dark"] .code-preview em { color:#e0a26f; }
html[data-theme="dark"] .products-closing { background: #111213; border-bottom-color: rgba(255,255,255,.09); }
html[data-theme="dark"] .products-closing-note { color: #aaa1a0; }
html[data-theme="dark"] .starting-options > a { background: #1b1c1e; border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .starting-options > a:hover { border-color: rgba(229,31,43,.35); }
html[data-theme="dark"] .starting-options small { color: #b2ada5; }
html[data-theme="dark"] .products-closing-actions .button.secondary { color: #f5f2ed; background: #1e1f21; border-color: rgba(255,255,255,.17); }
html[data-theme="dark"] .products-closing-actions .button.secondary:hover { background: #292a2d; }
@media (max-width: 900px) {
  .starting-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .matching-grid { grid-template-columns: 1fr 1fr; }.matching-card:last-child { grid-column: 1 / -1; }.matching-benefits { min-height: 0; }.matching-card { min-height: 360px; }
  .products-hero-inner { column-gap: 18px; padding-top: 65px; }.products-map { height: 270px; }.map-node { width: 30%; }.map-node small { font-size: .56rem; }.map-wallet { width: 19%; }.map-handnote { display: none; }.products-trust { margin-top: 35px; }
  .product-showcase { min-height: 400px; grid-template-columns: 1fr 1.15fr; }.showcase-points,.community-tools,.website-tools,.developer-tools { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px 18px; }.showcase-points li { min-width:calc(50% - 10px); }.community-tools .showcase-points { width:100%; }.credits-showcase { grid-template-columns:1fr 1.1fr; }.credits-showcase .rates-preview { grid-column:1 / -1; }
}
@media (max-width: 600px) {
  .products-closing { padding-block: 55px 65px; }.products-closing h2 { font-size: 2.35rem; }.products-closing-note { display: none; }.starting-options { gap: 9px; }.starting-options > a { min-height: 72px; padding: 9px; }.starting-icon { flex-basis: 27px; width: 27px; height: 27px; }.starting-options strong { font-size: .66rem; white-space: normal; }.starting-options small { font-size: .6rem; white-space: normal; }.products-closing-actions { flex-wrap: wrap; }
  .matching-section { padding-block: 58px 65px; }.matching-heading { margin-bottom: 24px; }.matching-heading h2 { font-size: 2.35rem; }.matching-heading > div > p:last-child { font-size: .9rem; }.matching-handnote { display: none; }.matching-grid { grid-template-columns: 1fr; }.matching-card,.matching-card:last-child { grid-column: auto; min-height: 0; }.matching-demo { margin-top: 8px; }
  .products-hero-inner { display: block; padding-top: 55px; padding-bottom: 25px; }.products-hero-copy { padding-bottom: 0; }.products-hero h1 { font-size: 2.7rem; }.products-map { max-width: 480px; margin: 35px auto 0; height: 260px; }.map-node { min-height: 55px; }.map-node b { font-size: .64rem; }.map-node small { display: none; }.map-icon { flex-basis: 24px; width: 24px; height: 24px; font-size: .85rem; }.map-hub { height: 80px; }.map-hub strong { font-size: .62rem; }.map-wallet { width: 18%; min-height: 70px; }.map-wallet b { font-size: .62rem; }.map-wallet small { display: none; }.products-trust { grid-template-columns: 1fr; margin-top: 30px; }.products-trust > div,.products-trust > div + div { padding: 12px 0; border-left: 0; }.products-trust > div + div { border-top: 1px solid rgba(255,255,255,.09); }
  .integrations-section { padding-block:55px 70px; }.product-showcase-heading h2 { font-size:2.4rem; }.product-showcase-grid { grid-template-columns:1fr; }.product-showcase,.credits-showcase { grid-column:auto; min-height:0; grid-template-columns:1fr; padding:20px; }.showcase-points,.community-tools,.website-tools,.developer-tools,.credits-showcase .rates-preview { grid-column:auto; }.showcase-points li { min-width:0; }.product-preview { min-height:145px; }.credit-benefits { gap:5px; }
}
@media (prefers-reduced-motion: reduce) { .products-hero::before,.map-node,.map-hub,.map-wallet,.products-hero-copy,.products-trust > div,.product-showcase { animation: none !important; transition: none !important; } }