/* Agreed direction: dark desk, lit iPad and real Shopify order details. */
.home-page .site-header{background:#151715d9;color:#f3f3eb;border-color:#ffffff18;backdrop-filter:blur(18px)}
.home-page .site-header.scrolled{background:#151b17ef;color:#f3f3eb}
.home-page .site-header .header-cta{background:#e9eddf;color:#1b261e}
.home-page .site-header .desktop-nav a{color:#c5c9be}
.home-page .site-header .desktop-nav a.active{color:#f7f8f0}
.home-page .site-header .desktop-nav a.active:after{background:#c7e99c}
.home-page .menu-toggle span{background:#e9eddf}
.home-hero{background:#151513;color:#f1f2e9;isolation:isolate;padding-top:94px}
.home-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111410ed 0%,#111410c9 30%,#14151040 60%,#14151000 100%)}
.home-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);min-height:710px;padding-top:88px;padding-bottom:90px;gap:45px}
.home-hero h1{font-size:clamp(40px,3.65vw,56px);font-weight:400;line-height:1.13;text-shadow:0 2px 20px #0002}
.home-vertical{color:#cee4b4}.home-hero-copy>p{color:#d0d2c8;max-width:405px;margin:30px 0 34px;font-size:14px;line-height:1.85}
.home-hero-copy>.button{background:#caed9c;color:#18271b;font-weight:700;box-shadow:0 8px 24px #0002}
.tablet-scene{position:relative;min-width:0;margin:0;perspective:1600px;align-self:center;padding:30px 0 45px;transform:translateY(28px)}
.tablet-device{position:relative;width:108%;margin-left:-1%;padding:18px 16px;background:linear-gradient(145deg,#555950,#161b17 12%,#090c0a 80%,#62675c);border:2px solid #73776c;border-radius:32px;transform:rotateY(-8deg) rotateX(14deg) rotateZ(-7deg);box-shadow:3px 7px 0 #41483c,5px 13px 0 #151b15,9px 24px 36px #0008,inset 0 1px 1px #e2e7db7a;z-index:2}
.tablet-camera{position:absolute;top:8px;left:50%;height:4px;width:4px;border-radius:50%;background:#304031;box-shadow:0 0 0 2px #111}
.tablet-screen{border-radius:16px;overflow:hidden;background:#fafbf8;position:relative;color:#243129;box-shadow:0 0 12px #f5fff216}
.tablet-screen>img{display:block;width:100%;height:auto}
.tablet-shadow{position:absolute;left:2%;width:112%;height:60%;bottom:-5px;border-radius:50%;background:#000b;filter:blur(25px);transform:rotate(-8deg);z-index:0}
.order-focus{position:relative;display:grid;grid-template-columns:.8fr .9fr 1.3fr;padding:23px 20px 25px;gap:15px;background:#f8faf5;border-top:1px solid #d6ded0}
.order-focus>div{position:relative;min-width:0;padding-left:12px;border-left:2px solid #cdd7c5}
.order-focus>div:before{content:'';position:absolute;inset:-8px -6px -8px -4px;border:1px solid #88b55a;background:#b8e98b1a;border-radius:9px;opacity:0;pointer-events:none;animation:focus-cycle 9s infinite}
.order-focus>div:nth-child(2):before{animation-delay:3s}.order-focus>div:nth-child(3):before{animation-delay:6s}
.order-focus span{font-size:9px;display:block;color:#677460;margin-bottom:7px;letter-spacing:.02em}
.order-focus strong{font-size:clamp(13px,1.35vw,21px);letter-spacing:-.04em;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:6px}
.order-focus .focus-amount strong{font-size:clamp(21px,2.1vw,31px);line-height:1}
.order-focus i{font-style:normal;border-radius:50%;background:#d8efc2;color:#32600c;width:20px;height:20px;display:inline-grid;place-items:center;font-size:12px}
.order-highlight{position:absolute;top:8.6%;left:15%;right:2%;height:3.5%;border:1px solid #86b358;background:#c7ef922a;border-radius:4px;pointer-events:none;animation:row-pulse 9s infinite}
.motion-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff30;color:#e1e7d6;border-radius:50%;background:#15201970;cursor:pointer;font:12px Manrope,sans-serif;z-index:5}
.tablet-scene>.motion-toggle{position:absolute;bottom:-4px;right:6px}.motion-toggle:hover{background:#d5e8b7;color:#18251a}.motion-toggle:focus-visible{outline:2px solid #d5efb1;outline-offset:4px}
.tablet-scene.paused .order-focus>div:before,.tablet-scene.paused .order-highlight{animation-play-state:paused}
@keyframes focus-cycle{0%,29%,100%{opacity:0}5%,24%{opacity:1}}
@keyframes row-pulse{0%,100%{opacity:.25}12%,80%{opacity:1}}
.providers-marquee{position:relative;padding:37px 0;background:#1c2c23;border-top:1px solid #ffffff13;overflow:hidden}
.merchant-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.merchant-track{display:flex;width:max-content;animation:merchant-scroll 43s linear infinite;will-change:transform}
.merchant-group{display:flex;align-items:center;gap:74px;padding-right:74px;flex-shrink:0}
.merchant-word{white-space:nowrap;display:block;color:#d5dfcd;font-size:34px;letter-spacing:-1.3px;font-weight:700;line-height:1.05}
.merchant-word span{display:block;font-size:9px;letter-spacing:.16em;text-align:right;font-style:normal;margin-top:5px}
.merchant-word.paypal{font-style:italic}.merchant-word.viva{font-weight:400;letter-spacing:-1.9px}.merchant-word.wise{font-style:italic;text-transform:uppercase;font-size:31px;font-weight:800}.merchant-word.revolut{font-weight:400}.merchant-word.checkout{font-size:28px;font-weight:700}
.providers-marquee>.motion-toggle{position:absolute;right:12px;bottom:7px;width:23px;height:23px;font-size:9px}
.providers-marquee:hover .merchant-track,.providers-marquee:focus-within .merchant-track,.providers-marquee.paused .merchant-track{animation-play-state:paused}
@keyframes merchant-scroll{to{transform:translateX(-50%)}}
.processing-page .package-row{grid-template-columns:55px minmax(0,1fr) minmax(0,1.3fr);gap:40px}
.processing-page .console-rail{padding-top:0}.processing-page .processing-hero{padding-top:155px}.processing-page .console-screen{padding-bottom:8px}
.processing-page .launch-steps p{min-height:0}.processing-page .payment-viewer-top{justify-content:flex-start}.processing-page .risk-filter h2{margin-top:0}
@media(min-width:1600px){.home-hero-grid{min-height:790px}.tablet-device{width:110%}}
@media(max-width:1150px){.home-hero-grid{gap:28px;min-height:660px}.home-hero h1{font-size:40px}.tablet-device{border-radius:25px;padding:15px 12px}.tablet-screen{border-radius:12px}.order-focus{padding:18px 12px;gap:8px}.order-focus span{font-size:8px}.order-focus strong{font-size:13px}.order-focus i{width:16px;height:16px;font-size:10px}}
@media(max-width:900px){.home-hero{padding-top:76px;background-position:70% center}.home-hero:before{background:linear-gradient(180deg,#121610d9 0%,#1216109e 40%,#12161010 100%)}.home-hero-grid{grid-template-columns:1fr;gap:24px;padding-top:65px;padding-bottom:65px;min-height:0}.home-hero h1{font-size:52px}.home-hero-copy>p{max-width:470px}.tablet-scene{width:88%;margin:0 auto;transform:none;padding-top:25px;padding-bottom:32px}.tablet-device{width:100%;margin:0}.order-focus{padding:22px 18px;gap:15px}.order-focus strong{font-size:19px}.order-focus span{font-size:9px}.order-focus .focus-amount strong{font-size:28px}.processing-page .package-row{grid-template-columns:30px minmax(0,.8fr) minmax(0,1.2fr);gap:25px}}
@media(max-width:600px){.home-hero{background-position:64% bottom}.home-hero-grid{padding-top:55px;padding-bottom:38px;gap:20px}.home-hero h1{font-size:clamp(29px,8.3vw,44px);line-height:1.13;letter-spacing:-.055em}.home-hero-copy>p{font-size:12px;line-height:1.85;margin:25px 0 28px}.home-hero-copy>.button{font-size:12px;padding:18px 23px}.tablet-scene{width:100%;padding:15px 0 30px}.tablet-device{width:100%;padding:12px 8px;border-radius:20px;transform:rotateY(-3deg) rotateX(8deg) rotateZ(-4deg);border-width:1px}.tablet-camera{top:5px;width:3px;height:3px}.tablet-screen{border-radius:11px}.order-focus{padding:17px 9px 19px;gap:7px}.order-focus>div{padding-left:6px}.order-focus span{font-size:6px;margin-bottom:6px}.order-focus strong{font-size:10px;gap:3px}.order-focus .focus-amount strong{font-size:20px}.order-focus i{height:13px;width:13px;font-size:8px}.tablet-scene>.motion-toggle{width:24px;height:24px;font-size:10px;bottom:-5px}.merchant-group{gap:42px;padding-right:42px}.merchant-word{font-size:27px}.merchant-word.wise{font-size:25px}.merchant-word.checkout{font-size:24px}.providers-marquee{padding:28px 0}.merchant-track{animation-duration:35s}.processing-page .processing-hero{padding-top:125px}.processing-page .package-row{grid-template-columns:28px minmax(0,1fr);gap:16px}.processing-page .package-row p{grid-column:2}}
@media(prefers-reduced-motion:reduce){.merchant-track,.order-focus>div:before,.order-highlight{animation:none}.order-focus>div:before{opacity:0}.order-highlight{opacity:.8}.merchant-window{overflow-x:auto;mask-image:none}.merchant-group[aria-hidden]{display:none}.merchant-group{gap:35px;padding-inline:24px}.motion-toggle{display:none}}
.home-page .site-header:not(.scrolled){color:#f3f3eb;border-bottom-color:#ffffff18}
.home-page .site-header:not(.scrolled) .desktop-nav a{color:#c5c9be}
.home-page .site-header:not(.scrolled) .desktop-nav a.active,.home-page .site-header:not(.scrolled) .desktop-nav a:hover{color:#f7f8f0}
.home-page .site-header:not(.scrolled) .desktop-nav a.active:after{background:#c7e99c}
.home-page .site-header:not(.scrolled) .header-cta{background:#e9eddf;color:#1b261e}
@media(min-width:901px){.tablet-device{width:100%;margin-left:0}.tablet-shadow{width:103%}}

/* Motion follows user input; no timed marquee animation. */
.merchant-track{animation:none;transition:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.processing-page .processing-hero .console-screen{transform:perspective(1800px) rotateY(calc(-5deg + var(--stripe-y,0deg))) rotateX(calc(3deg + var(--stripe-x,0deg)));transition:transform .28s ease-out,box-shadow .3s ease-out;will-change:transform}
.processing-page .processing-hero .console-screen.pointer-active{box-shadow:0 30px 65px #08160c60,0 0 0 1px #b4d18d44}
}