nav [aria-current=page]{color:var(--link);text-decoration:underline;text-underline-offset:7px}
.mobile-menu{display:none}.service-hero{padding-block:65px 80px}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.service-hero h1{font-size:clamp(60px,6.3vw,86px);max-width:7em;margin:22px 0 25px}.service-hero .lede{font-size:16px;max-width:32em}.service-art{position:relative;display:grid;place-items:center;min-height:500px;background:var(--tint);border-radius:28px;padding:40px 30px}.tone-grub .service-art{background:var(--cream)}.tone-drive .service-art{background:var(--band-ink)}.tone-stores .service-art{background:var(--sage)}.service-art .mock-card{max-width:355px}.service-art .mock-card.dark{transform:rotate(-3deg)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.detail-card{padding:29px;background:var(--chip);border:1px solid var(--line);border-radius:21px}.detail-card h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;margin:23px 0 15px}.detail-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.detail-num{font-size:12px;letter-spacing:1px;color:var(--link)}.soft-band{background:var(--chip)}.split-details{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.split-details h2{font-size:clamp(36px,4vw,53px)}.muted-copy{font-size:15px;line-height:1.8;max-width:30em;color:var(--muted);margin:23px 0}.page-steps{list-style:none;padding:0;margin:0;display:grid}.page-steps li{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:24px 0}.page-steps li:first-child{padding-top:5px}.page-steps li>span{font-size:12px;letter-spacing:1px;color:var(--link);padding-top:3px}.page-steps h3{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin-bottom:9px}.page-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.faq-wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-size:16px;font-weight:700;line-height:1.6}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.85;margin:16px 0 0}.page-download{padding-block:45px 85px}.download-panel{background:var(--tint);border-radius:25px;padding:40px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.download-panel>div:not(.download-badges){flex:1;min-width:250px}.download-panel h2{font-size:34px;margin-top:9px}.download-panel p{font-size:13px;color:var(--muted);margin:15px 0 0}.download-badges{display:grid;gap:10px}.download-badges span{font-size:11px;border:1px solid var(--line);padding:12px 18px;border-radius:12px;background:var(--card)}.location-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:15px;transform:rotate(-3deg);width:100%}.location-mosaic>div{padding:30px 12px;background:var(--card);border-radius:18px;display:grid;place-items:center;font-size:52px;text-align:center;gap:18px;box-shadow:0 12px 30px #122a1510}.location-mosaic strong{font:700 13px var(--display)}.location-mosaic>div:nth-child(even){transform:translateY(17px)}.browse-all{padding-bottom:65px}.partner-foot a{color:var(--link)}.faq-list summary:focus-visible,.mobile-menu summary:focus-visible{outline:3px solid #7baf53;outline-offset:5px}
@media(max-width:1050px){.service-hero-grid{gap:35px}.service-hero h1{font-size:65px}.service-art{padding:30px 20px;min-height:460px}.detail-grid{gap:16px}.detail-card{padding:23px}.detail-card h3{font-size:21px}.split-details,.faq-wrap{gap:45px}.location-mosaic>div{padding:25px 8px;font-size:42px}.location-mosaic strong{font-size:11px}}
@media(max-width:800px){.service-hero-grid,.split-details,.faq-wrap{grid-template-columns:1fr;gap:35px}.service-hero-grid>div:first-child{max-width:600px}.service-art{max-width:600px;min-height:460px}.detail-grid{grid-template-columns:1fr}.service-hero{padding-block:40px 55px}.service-hero h1{max-width:none;font-size:68px}.service-hero .lede{max-width:40em}.location-mosaic{max-width:450px}.detail-card{padding:29px}.detail-card h3{font-size:25px}.faq-wrap{gap:15px}}
@media(max-width:650px){.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:9px 14px;border:1px solid var(--line);border-radius:22px;font-size:12px;font-weight:700}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu[open]>summary{background:var(--chip)}.mobile-menu nav{position:absolute;right:0;top:calc(100% + 12px);width:230px;display:grid;gap:0;padding:10px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 30px #001a1826;border-radius:15px;z-index:20}.mobile-menu nav>a:not(.nav-cta){display:block;padding:12px 14px;font-size:13px;border-radius:9px}.mobile-menu nav a:hover{background:var(--chip)}.service-hero{padding-top:35px}.service-hero h1{font-size:62px;line-height:1.03}.service-hero .lede{font-size:15px}.service-art{min-height:410px;padding:28px 19px;border-radius:22px}.service-art .mock-card{transform:rotate(2deg);max-width:305px;font-size:13px}.mock-head b{font-size:17px}.mock-head small{font-size:10px}.mock-opt{gap:8px;padding:10px 7px}.mock-opt small{font-size:10px}.service-art .mock-note{font-size:9px}.detail-card{padding:25px}.detail-card h3{font-size:23px}.split-details h2{font-size:38px}.page-steps li{gap:17px}.page-steps h3{font-size:19px}.page-steps p{font-size:13px}.muted-copy{font-size:14px}.faq-list summary{font-size:15px}.faq-list details p{font-size:13px}.download-panel{padding:28px 22px;gap:20px}.download-panel>div:not(.download-badges){min-width:100%}.download-panel h2{font-size:31px}.download-badges{grid-template-columns:1fr 1fr;width:100%}.download-badges span{font-size:9px;padding:12px 8px;text-align:center}.page-download{padding-block:15px 50px}.location-mosaic{gap:12px}.location-mosaic>div{font-size:45px;padding:25px 8px}.location-mosaic strong{font-size:10px}.browse-all{padding-bottom:50px}.header-row{flex-wrap:nowrap}}
/* Realistic page imagery, separate app previews, and partner logo marquee. */
.real-photo{margin:0;min-width:0;position:relative;border-radius:25px;overflow:hidden;background:var(--chip);align-self:stretch;min-height:470px}
.real-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.real-photo figcaption{position:absolute;bottom:14px;left:15px;right:15px;padding:9px 12px;border-radius:10px;background:#f9fcf1e8;color:#354f3b;font-size:8px;line-height:1.5}
.app-design-preview{background:var(--paper)}.app-design-preview .split-details{align-items:center}.app-design-preview .service-art{min-height:440px}.home-previews{background:var(--chip)}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:center}.preview-grid>div{display:grid;place-items:center;min-width:0}.preview-grid .mock-card{transform:none;max-width:100%;height:100%;font-size:13px}.preview-grid .mock-head b{font-size:17px}.preview-grid .mock-head small{font-size:10px}.preview-grid .mock-opt{gap:7px;padding:10px 5px}.preview-grid .mock-opt small{font-size:10px}.preview-grid .mock-note{font-size:9px}.preview-grid .mock-ic{width:35px;flex-shrink:0}
.logo-carousel{padding:45px 0 30px;border-block:1px solid var(--line);background:var(--card)}.logo-heading h2{font-size:25px;letter-spacing:-1px;margin-top:12px}.logo-heading p{font-size:11px;color:var(--muted);margin:12px 0 0}.logo-window{overflow:hidden;position:relative;margin-top:16px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.logo-track{display:flex;width:max-content;animation:store-logos 30s linear infinite;filter:grayscale(1);opacity:.72}.logo-group{display:flex;gap:28px;align-items:center;list-style:none;padding:0 28px 0 0;margin:0;flex-shrink:0}.logo-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;width:225px;min-height:128px;border:1px dashed var(--line);border-radius:15px;padding:13px;background:var(--paper);color:var(--ink)}.placeholder-mark{display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;width:42px;height:42px;font:800 17px var(--display);margin-bottom:8px}.logo-slot:nth-child(2) .placeholder-mark{border-radius:8px;transform:rotate(-5deg)}.logo-slot:nth-child(3) .placeholder-mark{border-radius:0;border-inline:0}.logo-slot strong{font:800 13px var(--display);letter-spacing:-.2px;text-align:center}.logo-slot small{font-size:6px;letter-spacing:1.3px;margin-top:7px;color:var(--muted)}.logo-pause{position:absolute;opacity:0;width:1px;height:1px}.logo-pause-label{display:inline-block;font-size:10px;color:var(--link);border:1px solid var(--line);padding:7px 11px;border-radius:18px;margin-top:15px;cursor:pointer}.logo-pause:focus-visible+.logo-pause-label{outline:3px solid #7baf53;outline-offset:4px}.resume-word{display:none}.logo-pause:checked+.logo-pause-label .pause-word{display:none}.logo-pause:checked+.logo-pause-label .resume-word{display:inline}.logo-pause:checked~.logo-window .logo-track,.logo-window:hover .logo-track,.logo-window:focus-within .logo-track{animation-play-state:paused}@keyframes store-logos{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1050px){.real-photo{min-height:460px}.preview-grid{gap:15px}.preview-grid .mock-card{padding:15px}.preview-grid .mock-head b{font-size:14px}.preview-grid .mock-btn{font-size:12px}.preview-grid .mock-earn{font-size:33px}}
@media(max-width:850px){.preview-grid{grid-template-columns:1fr}.preview-grid .mock-card{max-width:360px;padding:24px}.preview-grid .mock-head b{font-size:18px}.preview-grid>div{padding-block:12px}.preview-grid .mock-btn{font-size:14px}.real-photo{min-height:420px}.preview-grid .mock-earn{font-size:44px}}
@media(max-width:650px){.real-photo{min-height:370px;border-radius:22px}.real-photo figcaption{font-size:7px;left:12px;right:12px;bottom:12px}.logo-carousel{padding:32px 0 24px}.logo-heading h2{font-size:24px}.logo-heading p{font-size:10px;line-height:1.7}.logo-group{gap:17px;padding-right:17px}.logo-slot{width:180px;min-height:115px}.logo-slot strong{font-size:11px}.logo-track{animation-duration:26s}.app-design-preview .service-art{min-height:410px}.preview-grid .mock-card{max-width:320px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;width:auto;filter:grayscale(1)}.logo-group{flex-wrap:wrap;padding:0;gap:15px;justify-content:center}.logo-group[aria-hidden=true]{display:none}.logo-slot{width:calc(50% - 10px)}.logo-pause-label{display:none}.logo-window{mask-image:none}.logo-pause{display:none}}
@media(prefers-reduced-motion:reduce){.logo-carousel .logo-track{display:block;width:100%}.logo-carousel .logo-group{width:100%;flex-shrink:1}.logo-carousel .logo-group[aria-hidden=true]{display:none}}
/* Ways to pay (home page) */
.pay-strip .pay-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pay-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dce3d3;border-radius:18px;padding:20px}
.pay-card h3{margin:0 0 2px;font-size:18px}.pay-card p{margin:0;font-size:14px;color:#66756b}
.pay-card>div{flex:1}
.pay-icon{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#195c45;color:#dafc8b;font-weight:800}
.pay-status{flex:none;font-size:12px;font-weight:700;border-radius:30px;padding:6px 11px;white-space:nowrap}
.pay-card.on .pay-status{background:#dafc8b;color:#195c45}
@media (max-width:900px){.pay-strip .pay-grid{grid-template-columns:1fr}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pay-card{background:#18241f;border-color:#2a3a33}:root:not([data-theme="light"]) .pay-card p{color:#9fb0a5}}