:root { --ink:#f6f4ed; --muted:#b1b7aa; --deep:#0d201b; --deep-2:#122c25; --panel:#18372f; --line:rgba(246,244,237,.14); --coral:#ff765c; --lime:#d7f36b; --cream:#f1eee4; --dark-ink:#14251f; --shadow:0 28px 70px rgba(0,0,0,.22); }
* { box-sizing:border-box; }
html { scroll-behavior:auto; scrollbar-gutter:stable; }
body { margin:0; background:var(--deep); color:var(--ink); font-family:'DM Sans',system-ui,sans-serif; font-size:16px; line-height:1.55; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.container { width:min(1180px,calc(100% - 64px)); margin:0 auto; }
.skip-link { position:absolute; left:16px; top:-80px; background:var(--lime); color:var(--dark-ink); padding:12px 18px; border-radius:8px; z-index:99; }
.skip-link:focus { top:16px; }
.announcement { background:var(--coral); color:#221711; font-size:13px; font-weight:600; }
.announcement-inner { min-height:36px; display:flex; align-items:center; gap:10px; }
.announcement a { margin-left:auto; border-bottom:1px solid rgba(34,23,17,.42); }
.live-dot { width:7px; height:7px; background:#221711; border-radius:50%; box-shadow:0 0 0 4px rgba(34,23,17,.13); }
.site-header { position:sticky; top:0; z-index:30; background:rgba(13,32,27,.87); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
.nav-wrap { min-height:80px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:20px; letter-spacing:-.06em; }
.brand > span:last-child > span { color:var(--coral); }
.brand-mark { width:25px; height:25px; display:inline-flex; gap:3px; align-items:flex-end; }
.brand-mark-image { width:25px; height:28px; display:block; object-fit:contain; }
.brand-mark span { width:6px; border-radius:6px 6px 2px 2px; background:var(--lime); display:block; }
.brand-mark span:nth-child(1){height:13px}.brand-mark span:nth-child(2){height:21px;background:var(--coral)}.brand-mark span:nth-child(3){height:17px;background:var(--ink)}
.main-nav { display:flex; gap:30px; align-items:center; color:#d5d9d0; font-size:14px; }
.main-nav a:not(.nav-cta) { position:relative; padding:8px 0; }
.main-nav a:not(.nav-cta)::after { content:''; position:absolute; bottom:1px; left:0; width:100%; height:1px; background:var(--lime); transform:scaleX(0); transform-origin:right; transition:transform .25s ease; }
.main-nav a:not(.nav-cta):hover::after { transform:scaleX(1); transform-origin:left; }
.nav-cta { border:1px solid var(--lime); color:var(--lime); padding:11px 17px; border-radius:999px; transition:all .25s ease; }
.nav-cta:hover { background:var(--lime); color:var(--dark-ink); }
.menu-toggle { display:none; background:none; border:0; color:var(--ink); width:44px; height:44px; padding:10px; }
.menu-toggle span { display:block; width:24px; height:2px; background:currentColor; margin:6px 0; }
.section-pad { padding:132px 0; }
.section-pad-sm { padding:80px 0; }
.hero { padding-top:100px; background:radial-gradient(circle at 78% 38%,rgba(52,123,91,.28),transparent 32%), linear-gradient(180deg,#0d201b 0%,#122b24 100%); }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.eyebrow,.section-label,.panel-kicker { color:var(--lime); text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:700; }
.eyebrow { display:flex; gap:14px; align-items:center; margin-bottom:27px; }
.eyebrow span:first-child { color:var(--coral); }
h1,h2,h3 { font-family:'Space Grotesk',sans-serif; margin:0; letter-spacing:-.07em; line-height:.98; }
h1 { font-size:clamp(52px,6.2vw,92px); max-width:670px; font-weight:500; }
h1 em,h2 em { color:var(--coral); font-style:normal; }
.hero-lede { color:#c7cdc3; max-width:520px; margin:30px 0 35px; font-size:18px; line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.button { min-height:48px; display:inline-flex; align-items:center; gap:14px; justify-content:center; padding:13px 20px; border-radius:999px; font-weight:600; font-size:14px; transition:transform .25s ease,background .25s ease,color .25s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--lime); color:var(--dark-ink); }
.button-primary:hover { background:#efff9d; }
.button-ghost { border:1px solid var(--line); color:var(--ink); }
.button-ghost:hover { border-color:var(--lime); color:var(--lime); }
.hero-footnote { display:flex; gap:10px; align-items:center; color:var(--muted); font-size:12px; margin-top:28px; }
.check-icon { display:grid; place-items:center; width:20px; height:20px; color:var(--dark-ink); background:var(--lime); border-radius:50%; font-size:12px; font-weight:700; }
.hero-visual { min-height:560px; position:relative; display:grid; place-items:center; }
.visual-orbit { border:1px solid rgba(215,243,107,.22); border-radius:50%; position:absolute; transform:rotate(-18deg); }
.orbit-one { width:440px; height:440px; border-left-color:var(--coral); border-right-color:rgba(255,118,92,.3); }
.orbit-two { width:350px; height:350px; border-top-color:var(--lime); border-bottom-color:rgba(215,243,107,.16); transform:rotate(42deg); }
.visual-sun { width:168px; height:168px; background:var(--coral); color:var(--dark-ink); border-radius:50%; z-index:1; display:grid; place-items:center; text-align:center; box-shadow:0 0 80px rgba(255,118,92,.25); }
.visual-sun span { font:600 44px/1 'Space Grotesk'; letter-spacing:-.1em; }
.visual-sun small { font-size:11px; line-height:1.25; margin-top:-25px; text-transform:uppercase; letter-spacing:.12em; }
.console-card { background:rgba(26,61,51,.94); border:1px solid rgba(255,255,255,.17); box-shadow:var(--shadow); border-radius:14px; backdrop-filter:blur(16px); }
.console-main { position:absolute; width:310px; padding:21px; top:85px; right:0; z-index:2; transform:rotate(3deg); }
.console-top,.metric-row,.chart-labels,.card-topline,.ops-header,.ops-item,.routing-head,.routing-row { display:flex; align-items:center; justify-content:space-between; }
.console-top { color:#cbd6cc; font-size:12px; }
.status-pill { color:var(--lime); display:flex; gap:6px; align-items:center; }
.status-pill i { width:6px; height:6px; background:var(--lime); border-radius:50%; box-shadow:0 0 0 4px rgba(215,243,107,.12); }
.metric-row { align-items:baseline; margin-top:28px; }
.metric-row strong { font:500 42px/1 'Space Grotesk'; letter-spacing:-.08em; }
.metric-row span { color:var(--muted); font-size:12px; margin-left:-54px; }
.metric-row b { color:var(--lime); font-size:12px; font-weight:500; }
.chart { height:105px; display:flex; align-items:flex-end; gap:7px; margin:18px 0 7px; padding:0 2px; border-bottom:1px solid var(--line); }
.chart span { flex:1; background:linear-gradient(180deg,var(--lime),rgba(215,243,107,.15)); border-radius:3px 3px 0 0; opacity:.85; }
.chart-labels { color:#778d80; font-size:9px; }
.console-float { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:12px 15px; }
.float-top { top:14px; left:17px; transform:rotate(-5deg); }
.float-bottom { bottom:68px; right:25px; transform:rotate(-4deg); }
.console-float small { color:#8ca398; display:block; font-size:10px; }.console-float strong { display:block; font:500 15px 'Space Grotesk'; }.console-float b { color:var(--lime); font-size:11px; margin-left:6px; }.mini-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; font-weight:700; }.mini-coral { background:rgba(255,118,92,.18); color:var(--coral); }.mini-lime { background:rgba(215,243,107,.16); color:var(--lime); }.route-line { width:35px; height:16px; border-top:1px solid var(--lime); border-radius:50%; transform:rotate(-20deg); }
.visual-caption { position:absolute; bottom:4px; display:flex; gap:16px; color:#7f9b8d; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.trust-strip { margin-top:110px; border-top:1px solid var(--line); padding-top:23px; display:flex; gap:30px; align-items:center; }.trust-strip p { color:#8fa397; font-size:12px; max-width:270px; margin:0; }.logo-row { display:flex; justify-content:space-between; align-items:center; flex:1; color:#648274; font:600 15px 'Space Grotesk'; letter-spacing:.04em; }.logo-row span:nth-child(2),.logo-row span:nth-child(4){font-weight:400; letter-spacing:-.05em; font-size:18px;}
.stats-section { background:var(--cream); color:var(--dark-ink); }.stats-grid { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:35px; align-items:center; }.stat-intro p { max-width:240px; font:500 18px/1.25 'Space Grotesk'; letter-spacing:-.04em; margin:13px 0 0; }.stats-section .section-label { color:#799f4b; }.stat { border-left:1px solid rgba(20,37,31,.2); padding-left:25px; }.stat strong { font:500 clamp(45px,5vw,70px)/.9 'Space Grotesk'; letter-spacing:-.08em; }.stat strong span { color:#8ba852; font-size:.45em; }.stat small { display:block; margin-top:13px; color:#68776e; font-size:12px; }
.command-section { background:#f7f4eb; color:var(--dark-ink); }.command-section .section-label { color:#799f4b; }.command-section .section-heading > p { color:#617268; }.command-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:17px; }.command-card { min-height:278px; padding:26px; border:1px solid rgba(20,37,31,.12); border-radius:15px; position:relative; overflow:hidden; }.command-card-large { background:var(--deep-2); color:var(--ink); }.command-card-light { background:#e2e8dc; }.command-card-wide { grid-column:1/-1; min-height:210px; background:#dfe8d6; display:grid; grid-template-columns:1.15fr .85fr; gap:35px; align-items:center; }.command-card-head { display:flex; justify-content:space-between; align-items:center; gap:14px; color:#8aa296; font-size:10px; letter-spacing:.14em; }.command-card-light .command-card-head { color:#708276; }.command-card-head b { color:var(--lime); font-size:10px; font-weight:500; letter-spacing:0; }.command-card-light .command-card-head b { color:#80967b; }.command-card-head b i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(215,243,107,.12); }.command-main-metric { margin-top:38px; }.command-main-metric small { color:#93a79c; font-size:11px; }.command-main-metric strong { display:block; margin:7px 0 5px; font:500 clamp(36px,4vw,56px)/1 'Space Grotesk'; letter-spacing:-.08em; }.command-main-metric span { color:var(--lime); font-size:11px; }.command-bars { display:flex; align-items:flex-end; gap:7px; height:82px; margin-top:25px; padding:0 1px; border-bottom:1px solid var(--line); }.command-bars span { flex:1; min-width:5px; border-radius:3px 3px 0 0; background:linear-gradient(180deg,var(--lime),rgba(215,243,107,.08)); opacity:.86; }.command-chart-labels { display:flex; justify-content:space-between; color:#6c8376; font-size:9px; margin-top:7px; }.health-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 0; border-bottom:1px solid rgba(20,37,31,.12); color:#5d7265; font-size:12px; }.health-row strong { color:var(--dark-ink); font:500 18px 'Space Grotesk'; }.health-dot { display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:50%; }.health-dot.lime { background:#7da64e; }.health-dot.coral { background:var(--coral); }.health-dot.blue { background:#4b93a4; }.command-card-light .text-link { position:absolute; left:26px; bottom:24px; color:#668d45; font-size:12px; }.command-card-wide h3 { max-width:470px; margin:17px 0 10px; font-size:32px; }.command-card-wide p { max-width:490px; margin:0; color:#617268; font-size:14px; line-height:1.65; }.context-stack { display:grid; gap:9px; }.context-stack span { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; background:#eff2e8; border:1px solid rgba(20,37,31,.1); border-radius:8px; color:#5d7265; font-size:11px; }.context-stack b { color:var(--dark-ink); font-weight:500; text-align:right; }.context-stack .pulse { flex-shrink:0; margin-right:5px; }
.platform-section { background:var(--deep); }.section-heading { margin-bottom:62px; }.split-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; }.section-heading h2,.trust-copy h2,.cta-card h2 { font-size:clamp(42px,5.2vw,72px); font-weight:500; margin-top:18px; }.section-heading > p,.split-heading > p { max-width:305px; color:var(--muted); margin:0 0 4px; line-height:1.65; }.platform-shell { background:var(--panel); border:1px solid var(--line); border-radius:18px; overflow:hidden; display:grid; grid-template-columns:280px 1fr; min-height:440px; }.platform-tabs { border-right:1px solid var(--line); padding:22px 0; }.platform-tab { display:flex; align-items:center; gap:15px; width:100%; text-align:left; padding:19px 24px; border:0; background:transparent; color:#799086; cursor:pointer; transition:all .25s ease; font-size:14px; }.platform-tab span { color:#527064; font-size:11px; }.platform-tab:hover,.platform-tab.is-active { color:var(--ink); background:rgba(215,243,107,.07); }.platform-tab.is-active span { color:var(--coral); }.platform-detail { padding:56px; }.tab-panel { display:none; grid-template-columns:1fr 1fr; gap:48px; align-items:center; animation:fadeIn .35s ease; }.tab-panel.is-active { display:grid; }.panel-kicker { color:var(--coral); font-size:10px; }.panel-copy h3 { font-size:39px; max-width:400px; margin:16px 0 17px; }.panel-copy p { color:#a8b8ad; max-width:390px; line-height:1.7; margin:0 0 27px; }.text-link { color:var(--lime); font-size:14px; font-weight:600; }.text-link span { margin-left:8px; }.panel-visual { min-height:270px; border:1px solid var(--line); border-radius:13px; background:#11271f; padding:24px; position:relative; overflow:hidden; }.routing-head { color:#8da497; font-size:12px; }.routing-head strong { color:var(--ink); font:500 38px 'Space Grotesk'; letter-spacing:-.08em; }.routing-bars { margin:26px 0 22px; display:grid; gap:9px; }.routing-bars i { height:7px; background:linear-gradient(90deg,var(--coral),var(--lime)); border-radius:6px; display:block; }.routing-bars i:nth-child(2){opacity:.55}.routing-bars i:nth-child(3){opacity:.3}.routing-row { border-top:1px solid var(--line); padding:11px 0; font-size:11px; color:#8da497; }.routing-row b { color:var(--ink); font-weight:500; }.routing-row em { font-style:normal; color:var(--lime); font-size:10px; }.payment-card { height:168px; padding:19px; border-radius:13px; color:#152820; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(125deg,var(--coral),#ffb48e 56%,var(--lime)); box-shadow:0 18px 35px rgba(0,0,0,.25); transform:rotate(-7deg); width:255px; margin:8px auto 25px; }.payment-card span { font:600 15px 'Space Grotesk'; }.payment-card strong { font:500 16px 'Space Grotesk'; letter-spacing:.08em; }.payment-card small { font-size:9px; letter-spacing:.1em; }.card-stats { display:flex; gap:20px; color:#91a59a; font-size:11px; justify-content:center; }.card-stats b { color:var(--ink); font:500 16px 'Space Grotesk'; display:block; }.map-grid { inset:0; position:absolute; opacity:.26; background-image:linear-gradient(rgba(215,243,107,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(215,243,107,.2) 1px,transparent 1px); background-size:30px 30px; transform:perspective(500px) rotateX(55deg) rotateZ(-5deg) scale(1.3); }.map-node { position:absolute; width:14px; height:14px; background:var(--coral); border-radius:50%; box-shadow:0 0 0 7px rgba(255,118,92,.14); z-index:1; }.node-a{left:20%;top:31%}.node-b{left:50%;top:53%;background:var(--lime);box-shadow:0 0 0 7px rgba(215,243,107,.13)}.node-c{right:17%;top:23%}.node-d{right:27%;bottom:19%;background:var(--lime);box-shadow:0 0 0 7px rgba(215,243,107,.13)}.map-route { position:absolute; border-top:1px dashed rgba(215,243,107,.7); width:150px; transform-origin:left; z-index:1; }.route-a{left:23%;top:35%;transform:rotate(24deg)}.route-b{left:53%;top:57%;transform:rotate(-28deg)}.route-c{left:52%;top:56%;transform:rotate(18deg)}.map-legend { position:absolute; bottom:15px; left:18px; right:18px; display:flex; justify-content:space-between; color:#91a59a; font-size:10px; }.legend-dot { display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:4px; }.legend-dot.coral{background:var(--coral)}.legend-dot.lime{background:var(--lime)}.stack-visual { display:grid; place-items:center; perspective:500px; }.stack-layer { width:190px; padding:20px; border:1px solid var(--line); border-radius:10px; text-align:center; position:absolute; color:var(--dark-ink); font-weight:600; transform:rotateX(56deg) rotateZ(-38deg); box-shadow:0 15px 25px rgba(0,0,0,.25); }.layer-one { background:var(--lime); transform:translateY(42px) rotateX(56deg) rotateZ(-38deg); }.layer-two { background:#8bc5ad; transform:translateY(0) rotateX(56deg) rotateZ(-38deg); }.layer-three { background:var(--coral); transform:translateY(-42px) rotateX(56deg) rotateZ(-38deg); }.stack-pulse { color:var(--lime); position:absolute; right:20px; top:18px; animation:pulse 1.8s infinite; }
.solutions-section { background:var(--cream); color:var(--dark-ink); }.solutions-section .section-label { color:#799f4b; }.solutions-section .section-heading > p { color:#617268; }.bento-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.bento-card { border-radius:17px; padding:30px; min-height:330px; background:#dfe5d6; position:relative; overflow:hidden; }.bento-card.card-dark { background:var(--deep-2); color:var(--ink); }.card-topline { color:#708276; font-size:10px; letter-spacing:.16em; font-weight:700; }.card-dark .card-topline { color:#8fa99b; }.card-arrow { font-size:17px; color:var(--coral); letter-spacing:0; }.bento-card h3 { font-size:33px; max-width:390px; margin:30px 0 11px; }.bento-card p { color:#66776b; max-width:340px; margin:0; font-size:14px; line-height:1.6; }.card-dark p { color:#a6b8ac; }.card-large { grid-row:span 2; min-height:678px; }.risk-visual { position:absolute; left:30px; right:30px; bottom:27px; display:flex; align-items:center; gap:25px; }.risk-ring { width:170px; height:170px; border:13px solid rgba(121,159,75,.23); border-top-color:#759d46; border-right-color:var(--coral); border-radius:50%; display:grid; place-items:center; align-content:center; transform:rotate(-25deg); }.risk-ring span,.risk-ring small { transform:rotate(25deg); }.risk-ring span { font:500 33px 'Space Grotesk'; letter-spacing:-.06em; }.risk-ring small { color:#748477; font-size:10px; margin-top:-3px; }.risk-list { flex:1; display:grid; grid-template-columns:1fr auto; gap:10px 20px; font-size:11px; color:#66776b; }.risk-list b { font-weight:500; color:#375c41; }.pulse { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:8px; }.pulse.green{background:#739e50}.pulse.yellow{background:#dda745}.settlement-visual { position:absolute; left:30px; right:30px; bottom:40px; display:flex; align-items:center; gap:13px; }.settle-node { border:1px solid #3f6658; color:#a5bcb0; padding:12px 15px; border-radius:8px; font-size:11px; }.settle-node.active { border-color:var(--lime); color:var(--lime); }.settle-line { flex:1; display:flex; justify-content:space-between; position:relative; }.settle-line::before { content:''; position:absolute; top:50%; left:0; right:0; border-top:1px dashed #557567; }.settle-line i { width:7px; height:7px; background:var(--coral); border-radius:50%; z-index:1; }.settlement-visual small { position:absolute; left:51%; top:42px; color:var(--lime); font-size:10px; }.card-wide { grid-column:1/-1; min-height:270px; display:grid; grid-template-columns:1fr 1.4fr; gap:40px; align-items:start; }.ops-visual { background:#eef0e6; border:1px solid rgba(20,37,31,.1); border-radius:11px; padding:17px; max-width:540px; margin-left:auto; width:100%; }.ops-header { color:#6b7a6e; font-size:10px; padding-bottom:12px; border-bottom:1px solid rgba(20,37,31,.1); }.ops-header b { font-weight:500; color:#98a59a; }.ops-item { padding:13px 0; border-bottom:1px solid rgba(20,37,31,.08); gap:10px; font-size:11px; color:#4d6255; }.ops-item:last-child { border:0; }.ops-avatar { width:27px; height:27px; border-radius:50%; display:grid; place-items:center; font-size:9px; background:#b7d7a0; color:#244537; }.coral-avatar { background:#ffc0ab; }.yellow-avatar{background:#ead68a}.ops-item b { margin-left:auto; font-weight:500; }.positive { color:#729b4c; }.neutral{color:#8b9a8d}.ops-item i { width:6px; height:6px; background:#729b4c; border-radius:50%; }
.trust-section { background:#122b24; }.trust-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:110px; align-items:start; }.trust-copy h2 { margin-bottom:24px; }.trust-copy p { color:#a7b7ac; max-width:360px; line-height:1.7; margin-bottom:25px; }.trust-list { border-top:1px solid var(--line); }.trust-item { display:grid; grid-template-columns:42px 1fr 26px; gap:20px; align-items:start; padding:27px 0; border-bottom:1px solid var(--line); }.trust-number { color:var(--coral); font-size:11px; }.trust-item h3 { font-size:22px; letter-spacing:-.04em; margin-bottom:7px; }.trust-item p { color:#8ea398; font-size:13px; margin:0; max-width:430px; }.trust-symbol { color:var(--lime); font-size:20px; text-align:right; }
.cta-section { padding-top:35px; background:var(--deep); }.cta-card { background:var(--coral); color:#2a1711; border-radius:18px; padding:67px 70px; position:relative; overflow:hidden; }.cta-grid { display:grid; grid-template-columns:1.1fr .7fr; gap:80px; align-items:end; position:relative; z-index:1; }.cta-card .section-label { color:#6f3325; }.cta-card h2 { color:#2a1711; margin-top:16px; }.cta-card h2 em { color:var(--cream); }.cta-card p { font-size:17px; line-height:1.6; max-width:330px; margin:0 0 25px; }.cta-card .button-primary { background:var(--dark-ink); color:var(--lime); }.cta-card .button-primary:hover { background:#263e34; }.cta-orbit { width:380px; height:380px; border:1px solid rgba(42,23,17,.22); border-radius:50%; position:absolute; right:-65px; bottom:-260px; }.cta-orbit::after { content:''; position:absolute; width:230px; height:230px; border:1px solid rgba(42,23,17,.22); border-radius:50%; left:72px; top:70px; }
.site-footer { background:#091712; padding:70px 0 25px; }.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:30px; padding-bottom:68px; }.footer-brand p { color:#7e9688; font-size:13px; line-height:1.55; margin-top:25px; }.footer-col { display:flex; flex-direction:column; align-items:flex-start; gap:12px; color:#7e9688; font-size:13px; }.footer-col > span { color:var(--ink); font-size:11px; text-transform:uppercase; letter-spacing:.16em; margin-bottom:7px; }.footer-col a:hover { color:var(--lime); }.footer-contact > a { color:var(--lime); }.social-row { display:flex; gap:8px; margin-top:12px; }.social-row a { width:30px; height:30px; display:grid; place-items:center; border:1px solid var(--line); color:var(--ink); border-radius:50%; font-size:11px; }.footer-bottom { padding-top:20px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#587264; font-size:11px; }
@keyframes fadeIn { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } } @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.8)} }
@media (max-width: 960px) { .container{width:min(100% - 40px,720px)} .hero-grid{grid-template-columns:1fr;gap:25px}.hero{padding-top:80px}.hero-visual{min-height:520px}.console-main{right:7%}.trust-strip{display:block;margin-top:75px}.trust-strip p{margin-bottom:25px;max-width:400px}.logo-row{gap:18px;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr}.stat-intro{grid-column:1/-1;margin-bottom:12px}.command-grid{grid-template-columns:1fr 1fr}.command-card-wide{grid-template-columns:1fr;gap:24px}.platform-shell{grid-template-columns:1fr}.platform-tabs{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line)}.platform-detail{padding:40px}.tab-panel{grid-template-columns:1fr;gap:35px}.trust-grid{grid-template-columns:1fr;gap:55px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-contact{grid-column:2/-1}.cta-card{padding:50px 40px}.cta-grid{gap:30px} }
@media (max-width: 640px) { .container{width:calc(100% - 36px)} .announcement-inner{font-size:11px}.announcement-inner a{display:none}.nav-wrap{min-height:68px}.menu-toggle{display:block}.main-nav{position:absolute;display:none;top:68px;left:0;right:0;background:var(--deep-2);padding:14px 18px 22px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.main-nav a{padding:12px 7px!important}.nav-cta{text-align:center;margin-top:8px}.section-pad{padding:90px 0}.section-pad-sm{padding:58px 0}.hero{padding-top:65px}.hero-grid{gap:10px}h1{font-size:55px;line-height:.97}.hero-lede{font-size:16px;margin:24px 0 27px}.hero-visual{min-height:410px;transform:scale(.9);transform-origin:center top;margin-bottom:-32px}.orbit-one{width:345px;height:345px}.orbit-two{width:280px;height:280px}.visual-sun{width:128px;height:128px}.visual-sun span{font-size:33px}.console-main{width:270px;top:44px;right:-2px}.console-float{transform:scale(.9)}.float-top{left:-8px;top:10px}.float-bottom{right:-7px;bottom:35px}.visual-caption{bottom:-8px;font-size:8px}.logo-row{font-size:12px}.stats-grid{gap:24px 15px}.stat{padding-left:15px}.stat strong{font-size:45px}.stat small{font-size:10px}.command-grid{display:block}.command-card{margin-bottom:15px;min-height:265px}.command-card-wide{display:block;min-height:420px}.command-card-wide h3{font-size:29px}.context-stack{margin-top:28px}.split-heading{display:block}.split-heading>p{margin-top:24px}.section-heading{margin-bottom:40px}.platform-tabs{grid-template-columns:1fr}.platform-detail{padding:30px 22px}.panel-copy h3{font-size:32px}.panel-visual{min-height:250px}.bento-grid{display:block}.bento-card{margin-bottom:15px;min-height:360px}.card-large{min-height:590px}.card-wide{display:block;min-height:470px}.ops-visual{margin-top:32px}.trust-item{grid-template-columns:25px 1fr 20px;gap:12px}.trust-item h3{font-size:19px}.cta-card{padding:44px 27px}.cta-grid{display:block}.cta-card p{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:auto}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block} }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }

/* Acquiring gateway visuals */
.stat strong { font-size:clamp(30px,3.2vw,50px); white-space:nowrap; }
.apm-visual { padding:22px; display:flex; flex-direction:column; justify-content:space-between; }
.apm-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.apm-grid span { min-height:54px; display:flex; align-items:center; padding:0 14px; border:1px solid rgba(215,243,107,.18); background:rgba(215,243,107,.05); border-radius:9px; color:#dbe4d6; font:500 14px 'Space Grotesk'; }
.apm-grid span:nth-child(2n) { border-color:rgba(255,118,92,.2); background:rgba(255,118,92,.05); }
.apm-footer { display:flex; justify-content:space-between; align-items:center; color:#91a59a; font-size:10px; border-top:1px solid var(--line); padding-top:15px; }
.apm-footer b { color:var(--lime); font-weight:500; }
.code-visual { padding:0; background:#0b1b16; }
.code-top { height:43px; display:flex; align-items:center; gap:6px; padding:0 17px; border-bottom:1px solid var(--line); color:#80988b; font-size:10px; }
.code-top > span { width:7px; height:7px; border-radius:50%; background:#536e60; }.code-top > span:first-child { background:var(--coral); }.code-top b { margin-left:8px; font-weight:500; }
.code-lines { padding:23px 19px 19px; display:grid; gap:12px; color:#a3b7a8; font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.code-lines i { font-style:normal; }.code-lines i > b { color:#597263; font-weight:400; display:inline-block; width:24px; }.code-lines em { color:var(--lime); font-style:normal; }.code-lines strong { color:var(--coral); font-weight:500; }.code-success { color:var(--lime); }
.integration-badges { display:flex; gap:6px; padding:0 19px 17px; flex-wrap:wrap; }.integration-badges span { border:1px solid rgba(215,243,107,.2); color:#94aa9c; border-radius:999px; padding:5px 8px; font-size:9px; }
.billing-visual { padding:20px; display:flex; flex-direction:column; justify-content:center; gap:14px; }
.billing-card { border:1px solid rgba(255,255,255,.15); background:linear-gradient(145deg,#1e4a3d,#153328); border-radius:11px; padding:17px; }
.billing-head,.billing-line { display:flex; justify-content:space-between; align-items:center; }.billing-head { color:#a7b9ad; font-size:10px; }.billing-head b { color:var(--lime); font-weight:500; }
.billing-card > strong { display:block; color:var(--ink); font:500 32px 'Space Grotesk'; letter-spacing:-.08em; margin:20px 0 2px; }.billing-card > small { color:#83998c; font-size:10px; }
.billing-line { border-top:1px solid var(--line); margin-top:15px; padding-top:11px; color:#849a8d; font-size:10px; }.billing-line b { color:#d9e4d9; font-weight:500; }.billing-line .billing-link { color:var(--lime); }
.billing-pills { display:flex; gap:8px; }.billing-pills span { flex:1; text-align:center; padding:8px 5px; border-radius:7px; border:1px solid rgba(215,243,107,.25); color:var(--lime); font-size:10px; }.billing-pills span:last-child { border-color:rgba(255,118,92,.3); color:var(--coral); }
@media (max-width: 640px) { .stat strong { font-size:34px; } .apm-grid span { min-height:46px; padding:0 10px; font-size:12px; } .code-lines { font-size:9px; padding-left:11px; padding-right:11px; } .code-lines i > b { width:19px; } .billing-card > strong { font-size:28px; } }

/* Multi-page layouts */
.main-nav a.is-active { color:var(--lime); }
.page-hero { padding-top:108px; padding-bottom:96px; background:radial-gradient(circle at 78% 36%,rgba(52,123,91,.23),transparent 32%), linear-gradient(180deg,#0d201b 0%,#122b24 100%); }
.page-hero-grid { display:grid; grid-template-columns:1fr .9fr; gap:72px; align-items:center; }
.page-hero h1 { max-width:670px; }
.page-lede { max-width:570px; margin:28px 0 34px; color:#bfcbc1; font-size:18px; line-height:1.65; }
.page-hero-art { min-height:420px; position:relative; display:grid; place-items:center; }
.gateway-window { width:310px; border:1px solid rgba(255,255,255,.18); background:#18372f; border-radius:14px; box-shadow:var(--shadow); transform:rotate(4deg); position:relative; z-index:2; }
.window-top { display:flex; align-items:center; gap:6px; padding:14px 16px; border-bottom:1px solid var(--line); color:#8fa397; font-size:10px; }.window-top span { width:7px; height:7px; background:#668276; border-radius:50%; }.window-top span:first-child { background:var(--coral); }.window-top b { margin-left:8px; font-weight:500; }
.window-body { padding:23px; }.window-body small { color:#8fa397; font-size:10px; }.window-body strong { display:block; font:500 31px 'Space Grotesk'; letter-spacing:-.07em; margin:9px 0 20px; }.window-row { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding:12px 0; color:#91a59a; font-size:11px; }.window-row b { color:var(--lime); font-weight:500; }.window-button { margin-top:13px; background:var(--lime); color:var(--dark-ink); padding:11px 12px; border-radius:7px; font-size:11px; font-weight:600; display:flex; justify-content:space-between; }
.art-tag { position:absolute; z-index:3; padding:12px 15px; border-radius:8px; border:1px solid rgba(255,255,255,.15); background:#1a4035; color:var(--ink); box-shadow:0 15px 25px rgba(0,0,0,.2); font-size:11px; }.tag-sdk{top:36px;left:5px;color:var(--lime)}.tag-api{right:1px;top:103px;color:var(--coral)}.tag-webhook{bottom:30px;left:30px}
.page-light { background:var(--cream); color:var(--dark-ink); }.page-light .section-heading > p { color:#617268; }.page-light .section-label { color:#799f4b; }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.feature-grid.four-up { grid-template-columns:repeat(4,1fr); }.feature-card { min-height:365px; padding:28px; border:1px solid rgba(20,37,31,.1); border-radius:16px; background:#e1e6da; position:relative; overflow:hidden; }.feature-card-dark { background:var(--deep-2); color:var(--ink); border-color:var(--line); }.feature-index { color:var(--coral); font-size:11px; letter-spacing:.15em; font-weight:700; }.feature-card h3 { font-size:30px; margin:28px 0 12px; }.feature-card p { color:#617267; font-size:14px; line-height:1.65; }.feature-card-dark p { color:#a6b8ac; }.feature-card ul { list-style:none; padding:0; margin:24px 0 26px; color:#536a5b; font-size:12px; display:grid; gap:9px; }.feature-card ul li::before { content:'+'; color:#789f4c; margin-right:8px; font-weight:700; }.feature-card-dark ul { color:#a4b7aa; }.feature-card .text-link { position:absolute; bottom:26px; left:28px; }.solutions-grid .feature-card { min-height:300px; }.solutions-grid .feature-card-wide { grid-column:1/-1; min-height:245px; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }.tag-list { display:flex; gap:7px; flex-wrap:wrap; margin-top:22px; }.tag-list span { padding:6px 9px; border-radius:999px; border:1px solid rgba(215,243,107,.2); color:var(--lime); font-size:10px; }.alert-timeline { position:absolute; left:28px; right:28px; bottom:29px; display:flex; align-items:center; gap:8px; color:#6b7b6e; font-size:10px; }.alert-timeline i { flex:1; border-top:1px dashed #9bad9c; }.link-preview,.subscription-preview { position:absolute; left:28px; right:28px; bottom:28px; border:1px solid rgba(20,37,31,.12); border-radius:9px; padding:13px; display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:10px; }.link-preview span { color:#5d7365; }.link-preview b { color:#729b4c; font-weight:600; }.subscription-preview { display:grid; grid-template-columns:1fr auto; }.subscription-preview span { color:#5d7365; }.subscription-preview b { color:var(--dark-ink); font:500 17px 'Space Grotesk'; }.subscription-preview small { grid-column:1/-1; color:#8b9a8d; }.ops-mini { display:grid; gap:13px; align-self:center; color:#627469; font-size:12px; }.ops-mini span { background:#eff1e8; border:1px solid rgba(20,37,31,.08); padding:14px; border-radius:8px; }.ops-mini .pulse { margin-right:8px; }
.process-section { background:var(--deep); }.process-section .section-heading > p { max-width:430px; color:#a8b8ad; }.process-line { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; position:relative; }.process-line::before { content:''; position:absolute; top:21px; left:8%; right:8%; border-top:1px dashed rgba(215,243,107,.35); }.process-step { position:relative; z-index:1; padding:0 12px; }.process-step > span { display:grid; place-items:center; width:43px; height:43px; border-radius:50%; background:var(--coral); color:var(--dark-ink); font-size:11px; font-weight:700; margin-bottom:25px; }.process-step strong { display:block; font:500 24px 'Space Grotesk'; letter-spacing:-.05em; }.process-step p { max-width:220px; color:#8fa397; font-size:13px; line-height:1.6; }.page-cta { background:var(--deep); padding-top:24px; }.page-cta-card { padding:45px 50px; border:1px solid var(--line); border-radius:16px; display:flex; align-items:center; justify-content:space-between; gap:40px; background:#153329; }.page-cta-card h2 { font-size:37px; margin:13px 0 8px; }.page-cta-card p { color:#9caf9f; margin:0; max-width:530px; }.page-cta-card .button { flex-shrink:0; }
.risk-art { min-height:440px; }.risk-dashboard { width:275px; padding:20px; background:#193c32; border:1px solid rgba(255,255,255,.17); border-radius:14px; box-shadow:var(--shadow); transform:rotate(-4deg); position:relative; z-index:2; }.risk-dashboard-top { display:flex; justify-content:space-between; color:#9eb2a5; font-size:10px; }.risk-dashboard-top b { color:var(--lime); font-weight:500; }.risk-dashboard > strong { display:block; font:500 22px 'Space Grotesk'; margin:24px 0 20px; }.risk-score { width:128px; height:128px; margin:0 auto 20px; display:grid; align-content:center; justify-items:center; border-radius:50%; border:10px solid rgba(215,243,107,.2); border-top-color:var(--coral); border-right-color:var(--lime); }.risk-score span { font:500 29px 'Space Grotesk'; }.risk-score small { color:#8fa397; font-size:9px; }.risk-check { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding:10px 0; color:#9eb2a5; font-size:10px; }.risk-check b { color:var(--lime); font-weight:500; }.alert-chip { position:absolute; top:43px; right:1px; padding:13px 14px; background:#2a5344; border:1px solid rgba(255,118,92,.36); border-radius:9px; display:grid; gap:2px; transform:rotate(5deg); z-index:3; }.alert-chip b { color:var(--coral); font:600 13px 'Space Grotesk'; }.alert-chip span { color:#abc0b1; font-size:9px; }.alert-chip-two { top:auto; right:26px; bottom:35px; transform:rotate(-4deg); border-color:rgba(215,243,107,.3); }.alert-chip-two b { color:var(--lime); }
.coverage-art { min-height:440px; }.coverage-map { width:370px; height:315px; position:relative; border:1px solid var(--line); border-radius:50%; background:linear-gradient(150deg,#173c31,#0e251e); overflow:hidden; box-shadow:var(--shadow); }.coverage-map::before { content:''; position:absolute; inset:0; opacity:.26; background-image:linear-gradient(rgba(215,243,107,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(215,243,107,.2) 1px,transparent 1px); background-size:28px 28px; transform:perspective(500px) rotateX(55deg) rotateZ(-5deg) scale(1.3); }.coverage-map .map-node { width:14px; height:14px; }.coverage-count { position:absolute; right:-10px; bottom:36px; padding:16px 19px; border-radius:10px; background:var(--coral); color:var(--dark-ink); transform:rotate(-3deg); box-shadow:0 15px 25px rgba(0,0,0,.2); }.coverage-count strong { display:block; font:500 34px 'Space Grotesk'; letter-spacing:-.07em; }.coverage-count small { font-size:10px; }.method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.method-card { min-height:190px; padding:22px; border-radius:13px; border:1px solid rgba(20,37,31,.1); background:#e1e6da; display:flex; flex-direction:column; align-items:flex-start; }.method-card > span { color:#799f4b; font-size:10px; letter-spacing:.16em; font-weight:700; }.method-card strong { font:500 30px 'Space Grotesk'; letter-spacing:-.07em; margin-top:22px; }.method-card small { color:#75867a; font-size:11px; margin-top:2px; }.method-card b { color:#5f7366; font-size:11px; font-weight:500; margin-top:auto; }.coverage-dark { background:var(--deep); }.coverage-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:center; }.coverage-layout h2 { font:500 clamp(42px,5.2vw,72px)/.98 'Space Grotesk'; letter-spacing:-.07em; margin:16px 0 20px; }.coverage-layout p { color:#a7b7ac; max-width:370px; line-height:1.7; margin-bottom:26px; }.coverage-table { border-top:1px solid var(--line); }.table-row { display:grid; grid-template-columns:1fr 1.45fr .65fr; gap:15px; align-items:center; border-bottom:1px solid var(--line); padding:18px 0; color:#9bad9f; font-size:12px; }.table-row b { color:var(--lime); font-weight:500; text-align:right; }.table-head { color:#657e70; font-size:10px; text-transform:uppercase; letter-spacing:.15em; }.region-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--lime); margin-right:8px; }.coral-dot { background:var(--coral); }
.trust-art { min-height:430px; }.trust-seal { width:160px; height:160px; border-radius:50%; display:grid; place-items:center; align-content:center; text-align:center; background:var(--lime); color:var(--dark-ink); position:relative; z-index:2; box-shadow:0 0 70px rgba(215,243,107,.22); }.trust-seal span { font:600 42px 'Space Grotesk'; letter-spacing:-.1em; }.trust-seal small { font-size:10px; text-transform:uppercase; letter-spacing:.12em; line-height:1.2; margin-top:-10px; }.seal-ring { position:absolute; border:1px solid rgba(215,243,107,.35); border-radius:50%; }.ring-a { width:310px; height:310px; border-left-color:var(--coral); transform:rotate(24deg); }.ring-b { width:390px; height:390px; border-right-color:var(--coral); transform:rotate(-38deg); }.trust-badge { position:absolute; z-index:3; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:#1a4035; box-shadow:var(--shadow); color:var(--ink); font-size:10px; }.badge-pci { top:44px; left:22px; color:var(--lime); }.badge-3ds { top:120px; right:6px; color:var(--coral); }.badge-wetech { bottom:50px; left:35px; }.trust-grid-page { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.trust-panel { min-height:355px; padding:30px; border:1px solid rgba(20,37,31,.1); border-radius:15px; background:#e1e6da; position:relative; overflow:hidden; }.trust-panel-dark { background:var(--deep-2); color:var(--ink); border-color:var(--line); }.trust-panel h3 { font-size:30px; margin:25px 0 12px; }.trust-panel p { color:#617267; line-height:1.65; font-size:14px; }.trust-panel-dark p { color:#a7b8ad; }.trust-checks { position:absolute; left:30px; right:30px; bottom:25px; display:grid; gap:8px; }.trust-checks span { display:flex; justify-content:space-between; padding-top:10px; border-top:1px solid rgba(20,37,31,.12); color:#718277; font-size:11px; }.trust-panel-dark .trust-checks span { border-color:var(--line); color:#98ac9f; }.trust-checks b { color:#70994d; font-weight:500; }.trust-panel-dark .trust-checks b { color:var(--lime); }.model-tags { display:flex; gap:8px; flex-wrap:wrap; position:absolute; bottom:30px; left:30px; right:30px; }.model-tags span { border:1px solid rgba(20,37,31,.15); color:#627569; border-radius:999px; padding:7px 10px; font-size:10px; }.trust-callout { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }.trust-callout h2 { font:500 clamp(42px,5.2vw,72px)/.98 'Space Grotesk'; letter-spacing:-.07em; margin:16px 0 20px; }.trust-callout p { max-width:390px; color:#a7b7ac; line-height:1.7; }.alert-board { border:1px solid var(--line); border-radius:14px; background:#17372d; padding:22px; }.alert-board-top,.alert-board-row { display:grid; grid-template-columns:1fr auto; align-items:center; }.alert-board-top { color:#92a89a; font-size:11px; padding-bottom:15px; border-bottom:1px solid var(--line); }.alert-board-top b { color:var(--lime); font-weight:500; }.alert-board-row { grid-template-columns:76px 1fr auto; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); color:#a7b9ad; font-size:11px; }.alert-board-row:last-child { border-bottom:0; }.alert-board-row b { color:#dce5d8; font-weight:500; }.alert-status { display:inline-block; text-align:center; padding:6px 8px; border-radius:999px; font-size:9px; }.coral-status { color:var(--coral); background:rgba(255,118,92,.12); }.lime-status { color:var(--lime); background:rgba(215,243,107,.12); }
.contact-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; align-items:end; }.contact-aside { border-left:1px solid var(--line); padding-left:30px; padding-bottom:8px; }.contact-aside > a { display:block; color:var(--lime); font:500 28px 'Space Grotesk'; letter-spacing:-.05em; margin:14px 0 8px; }.contact-aside p { color:#8fa397; font-size:13px; margin:0 0 25px; }.contact-pill-list { display:flex; gap:8px; flex-wrap:wrap; }.contact-pill-list span { padding:7px 10px; border:1px solid rgba(215,243,107,.22); border-radius:999px; color:#a5b9ab; font-size:10px; }.contact-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:110px; align-items:start; }.contact-info h2 { font:500 45px 'Space Grotesk'; letter-spacing:-.07em; margin:17px 0 17px; }.contact-info > p { color:#617267; max-width:390px; line-height:1.7; }.contact-steps { margin-top:40px; border-top:1px solid rgba(20,37,31,.14); }.contact-steps > div { display:grid; grid-template-columns:34px 1fr; column-gap:14px; padding:18px 0; border-bottom:1px solid rgba(20,37,31,.14); }.contact-steps span { color:#789f4b; font-size:11px; }.contact-steps b { font:500 18px 'Space Grotesk'; }.contact-steps small { grid-column:2; color:#77877b; font-size:11px; margin-top:3px; }.contact-form { padding:30px; border-radius:15px; border:1px solid rgba(20,37,31,.12); background:#e1e6da; }.form-heading h3 { color:var(--dark-ink); font-size:31px; margin:15px 0 27px; }.contact-form label { display:block; color:#5f7366; font-size:12px; margin-bottom:18px; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; margin-top:8px; border:1px solid rgba(20,37,31,.16); background:#eff1e8; border-radius:7px; padding:12px 13px; color:var(--dark-ink); font:inherit; font-size:13px; outline:none; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:#799f4b; box-shadow:0 0 0 3px rgba(121,159,75,.16); }.contact-form textarea { resize:vertical; min-height:100px; }.contact-form .button { border:0; cursor:pointer; }.form-note { color:#729b4c; font-size:12px; margin:13px 0 0; min-height:18px; }
@media (max-width: 960px) { .page-hero-grid,.contact-hero,.contact-layout,.trust-callout,.coverage-layout { grid-template-columns:1fr; gap:45px; }.page-hero-art { min-height:400px; }.feature-grid.four-up { grid-template-columns:1fr 1fr; }.trust-grid-page,.method-grid { grid-template-columns:1fr 1fr; }.process-line { grid-template-columns:1fr 1fr; gap:35px 18px; }.process-line::before { display:none; }.page-cta-card { display:block; }.page-cta-card .button { margin-top:25px; }.coverage-layout { gap:55px; } }
@media (max-width: 640px) { .page-hero { padding-top:70px; }.page-lede { font-size:16px; }.page-hero-art { min-height:335px; transform:scale(.9); transform-origin:center top; margin-bottom:-25px; }.gateway-window { width:275px; }.tag-sdk{left:-5px}.tag-api{right:-6px}.tag-webhook{left:10px}.feature-grid,.feature-grid.four-up,.solutions-grid .feature-card-wide,.trust-grid-page,.method-grid { grid-template-columns:1fr; }.feature-card,.trust-panel { min-height:335px; }.solutions-grid .feature-card-wide { display:block; min-height:410px; }.ops-mini { margin-top:30px; }.process-line { grid-template-columns:1fr; gap:24px; }.process-step { padding:0; }.page-cta-card { padding:30px 24px; }.page-cta-card h2 { font-size:31px; }.coverage-map { width:310px; height:270px; }.coverage-count { right:-2px; bottom:15px; }.table-row { grid-template-columns:1fr 1.2fr .7fr; font-size:10px; }.trust-art { min-height:335px; }.ring-a { width:250px; height:250px; }.ring-b { width:315px; height:315px; }.trust-seal { width:135px; height:135px; }.badge-pci { left:8px; }.badge-3ds { right:0; }.contact-hero { gap:35px; }.contact-aside { padding-left:20px; }.contact-aside > a { font-size:23px; }.contact-layout { gap:40px; }.contact-info h2 { font-size:37px; } }

/* Light product theme */
:root { --ink:#1e2b38; --muted:#6c7784; --deep:#f4f7fa; --deep-2:#e8eff4; --panel:#ffffff; --line:rgba(30,43,56,.13); --coral:#df705e; --lime:#6d8fb4; --cream:#fffdf8; --dark-ink:#1e2b38; --shadow:0 24px 60px rgba(37,55,72,.12); }
body { background:var(--deep); color:var(--dark-ink); }
.announcement { background:#f5c6b9; color:#293746; }
.announcement a { border-color:rgba(41,55,70,.3); }
.live-dot { background:#293746; box-shadow:0 0 0 4px rgba(41,55,70,.1); }
.site-header { background:rgba(255,253,248,.9); border-color:var(--line); }
.main-nav { color:#536170; }
.main-nav a:not(.nav-cta)::after { background:var(--coral); }
.nav-cta { border-color:var(--coral); color:#c95d4d; }
.nav-cta:hover { background:var(--coral); color:#fffdf8; }
.hero, .page-hero { background:radial-gradient(circle at 78% 28%,rgba(223,112,94,.13),transparent 30%), linear-gradient(180deg,#fffdf8 0%,#eef4f7 100%); }
.hero-lede, .page-lede { color:#5d6a78; }
h1, h2, h3 { color:var(--dark-ink); }
h1 em, h2 em { color:var(--coral); }
.visual-orbit { border-color:rgba(109,143,180,.3); }
.visual-sun { background:#f0a291; color:#22313e; box-shadow:0 0 80px rgba(223,112,94,.2); }
.console-card { background:rgba(255,255,255,.9); border-color:rgba(30,43,56,.12); color:var(--dark-ink); box-shadow:var(--shadow); }
.console-top, .console-float small, .chart-labels { color:#758493; }
.metric-row span { color:#758493; }
.chart { border-color:rgba(30,43,56,.12); }
.chart span { background:linear-gradient(180deg,#88a9c9,rgba(136,169,201,.12)); }
.status-pill, .console-float b { color:#54799f; }
.status-pill i { background:#6d8fb4; box-shadow:0 0 0 4px rgba(109,143,180,.14); }
.visual-caption, .trust-strip p { color:#758493; }
.logo-row { color:#6f8aa3; }
.stats-section, .solutions-section, .page-light { background:var(--cream); color:var(--dark-ink); }
.stats-section .section-label, .solutions-section .section-label, .page-light .section-label { color:#6d8fb4; }
.stat { border-color:rgba(30,43,56,.16); }
.stat small, .section-heading > p, .split-heading > p { color:#667483; }
.platform-section { background:#f4f7fa; }
.platform-shell { background:#ffffff; border-color:rgba(30,43,56,.12); box-shadow:0 20px 45px rgba(37,55,72,.07); }
.platform-tabs { border-color:rgba(30,43,56,.12); }
.platform-tab { color:#7a8793; }
.platform-tab:hover, .platform-tab.is-active { color:var(--dark-ink); background:rgba(109,143,180,.1); }
.platform-tab span { color:#9aabb9; }
.platform-tab.is-active span, .panel-kicker { color:var(--coral); }
.panel-copy p { color:#647281; }
.panel-visual { background:#f4f7fa; border-color:rgba(30,43,56,.12); }
.routing-head, .routing-row, .apm-footer, .map-legend, .card-stats { color:#6e7d8d; }
.routing-head strong, .routing-row b, .billing-card > strong { color:var(--dark-ink); }
.routing-bars i { background:linear-gradient(90deg,var(--coral),#83a8ca); }
.apm-grid span { color:#39556d; border-color:rgba(109,143,180,.22); background:rgba(109,143,180,.07); }
.apm-grid span:nth-child(2n) { border-color:rgba(223,112,94,.22); background:rgba(223,112,94,.07); }
.code-visual, .billing-visual { color:var(--dark-ink); }
.code-lines { color:#4c6074; }
.billing-card { background:#eaf1f6; border-color:rgba(30,43,56,.13); }
.billing-card > small, .billing-line, .billing-head { color:#708090; }
.billing-line { border-color:rgba(30,43,56,.12); }
.bento-card, .feature-card, .trust-panel, .method-card { background:#eef3f0; border-color:rgba(30,43,56,.11); }
.bento-card.card-dark, .feature-card-dark, .trust-panel-dark { background:#e8eff4; color:var(--dark-ink); border-color:rgba(30,43,56,.12); }
.card-topline, .feature-card p, .bento-card p, .feature-card ul, .risk-list, .method-card small, .method-card b, .trust-panel p { color:#637282; }
.card-dark p, .feature-card-dark p, .trust-panel-dark p { color:#637282; }
.risk-ring { border-color:rgba(109,143,180,.22); border-top-color:#6d8fb4; border-right-color:var(--coral); }
.risk-ring small { color:#6f7e8c; }
.risk-list b, .positive, .neutral { color:#4e7b66; }
.settle-node { border-color:#a6bccb; color:#5d7183; }
.settle-node.active { border-color:#6d8fb4; color:#527b9f; }
.settle-line::before { border-color:#a8bac8; }
.ops-visual { background:#f8faf8; border-color:rgba(30,43,56,.1); }
.ops-header, .ops-item { color:#586b7b; }
.trust-section { background:#eaf1f6; color:var(--dark-ink); }
.trust-copy p, .trust-item p, .trust-callout p { color:#647281; }
.trust-list { border-color:rgba(30,43,56,.13); }
.trust-item { border-color:rgba(30,43,56,.13); }
.trust-symbol { color:#5a86ad; }
.cta-section { background:#f4f7fa; }
.cta-card { background:#f0b5a6; color:#263543; }
.cta-card .section-label { color:#8d4f43; }
.cta-card h2 { color:#263543; }
.cta-card h2 em { color:#fffdf8; }
.cta-card .button-primary { background:#263543; color:#d3e2f0; }
.cta-card .button-primary:hover { background:#3c5263; }
.site-footer { background:#e7eef3; color:var(--dark-ink); }
.footer-brand p, .footer-col { color:#687988; }
.footer-col > span { color:var(--dark-ink); }
.footer-contact > a { color:#547da2; }
.footer-bottom { border-color:rgba(30,43,56,.13); color:#718292; }
.page-hero-art .gateway-window, .risk-dashboard, .coverage-map, .alert-board { background:#ffffff; border-color:rgba(30,43,56,.14); color:var(--dark-ink); box-shadow:var(--shadow); }
.window-top, .window-body small, .window-row, .risk-dashboard-top, .risk-score small, .risk-check, .alert-chip span, .alert-board-top, .alert-board-row { color:#687988; }
.window-row, .risk-check, .alert-board-top, .alert-board-row { border-color:rgba(30,43,56,.12); }
.window-body strong, .risk-dashboard > strong, .alert-board-row b { color:var(--dark-ink); }
.window-button { background:#d3e2f0; color:#263543; }
.art-tag, .trust-badge { background:#f8fbfd; border-color:rgba(30,43,56,.13); color:#4f6e8d; box-shadow:0 12px 25px rgba(37,55,72,.11); }
.tag-api, .badge-3ds { color:var(--coral); }
.tag-webhook, .badge-wetech { color:#5f7d65; }
.page-light .feature-card-dark { background:#e8eff4; }
.process-section, .page-cta { background:#f4f7fa; color:var(--dark-ink); }
.process-section .section-heading > p, .process-step p, .page-cta-card p { color:#647281; }
.process-line::before { border-color:rgba(109,143,180,.35); }
.process-step > span { background:#f0a291; color:#263543; }
.page-cta-card { background:#ffffff; border-color:rgba(30,43,56,.12); box-shadow:0 18px 40px rgba(37,55,72,.08); }
.coverage-map { background:linear-gradient(150deg,#edf4f8,#dfeaf1); }
.coverage-map::before { background-image:linear-gradient(rgba(109,143,180,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(109,143,180,.2) 1px,transparent 1px); }
.coverage-layout p, .table-row { color:#647281; }
.coverage-dark { background:#edf3f6; }
.table-row { border-color:rgba(30,43,56,.13); }
.table-head { color:#778795; }
.region-dot { background:#6d8fb4; }
.trust-seal { background:#d3e2f0; color:#263543; box-shadow:0 0 70px rgba(109,143,180,.22); }
.seal-ring { border-color:rgba(109,143,180,.35); }
.alert-chip { background:#fff6f2; border-color:rgba(223,112,94,.3); }
.alert-chip b { color:var(--coral); }
.alert-chip-two { background:#f1f8f1; border-color:rgba(95,125,101,.3); }
.alert-chip-two b { color:#5f7d65; }
.contact-aside { border-color:rgba(30,43,56,.13); }
.contact-aside > a { color:#547da2; }
.contact-aside p, .contact-pill-list span { color:#687988; }
.contact-pill-list span { border-color:rgba(109,143,180,.24); }
.contact-form { background:#eef3f0; border-color:rgba(30,43,56,.12); }
.contact-form label { color:#5f7080; }
.contact-form input, .contact-form select, .contact-form textarea { background:#ffffff; border-color:rgba(30,43,56,.14); color:var(--dark-ink); }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color:#6d8fb4; box-shadow:0 0 0 3px rgba(109,143,180,.16); }
.form-note { color:#5f7d65; }

/* PayBlock home: white, navy, and light-grey gateway theme */
.home-page {
  --ep-navy: #0b1f3a;
  --ep-navy-2: #12345d;
  --ep-blue: #2f72b7;
  --ep-sky: #e9f1f8;
  --ep-gray: #f4f7fa;
  --ep-line: #d8e2ec;
  --ep-muted: #66778a;
  background: #fff;
  color: var(--ep-navy);
  font-family: 'IBM Plex Sans', Arial, sans-serif;
  overflow-x: hidden;
}
.home-page *, .home-page *::before, .home-page *::after { box-sizing: border-box; }
.home-page a { color: inherit; }
.ep-container { width: min(1180px, calc(100% - 64px)); margin: 0 auto; }
.ep-topbar { background: var(--ep-navy); color: rgba(255,255,255,.78); font-size: 12px; }
.ep-topbar-inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ep-topbar a { color: #fff; }
.ep-topbar-social { display: flex; align-items: center; gap: 10px; }
.ep-topbar-social > span { margin-right: 3px; }
.ep-topbar-social a, .ep-footer-social a { display: grid; place-items: center; min-width: 23px; height: 23px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #fff; font-size: 10px; font-weight: 600; }
.ep-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--ep-line); backdrop-filter: blur(14px); }
.ep-header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.ep-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ep-navy); font: 700 22px/1 'Space Grotesk', sans-serif; letter-spacing: -.05em; }
.ep-brand strong { color: var(--ep-blue); }
.ep-brand-mark { display: inline-flex; align-items: end; gap: 3px; height: 25px; }
.ep-brand-mark-image { width: 24px; height: 28px; display: block; object-fit: contain; }
.ep-brand-mark i { display: block; width: 5px; border-radius: 3px 3px 0 0; background: var(--ep-blue); }
.ep-brand-mark i:nth-child(1) { height: 13px; opacity: .55; }
.ep-brand-mark i:nth-child(2) { height: 20px; opacity: .78; }
.ep-brand-mark i:nth-child(3) { height: 25px; }
.ep-nav { display: flex; align-items: center; gap: 27px; color: var(--ep-muted); font-size: 13px; }
.ep-nav a { position: relative; padding: 8px 0; transition: color .2s ease; }
.ep-nav a:not(.ep-nav-cta)::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--ep-blue); transform: scaleX(0); transform-origin: right; transition: transform .2s ease; }
.ep-nav a:hover, .ep-nav a.is-active { color: var(--ep-navy); }
.ep-nav a:hover::after, .ep-nav a.is-active::after { transform: scaleX(1); transform-origin: left; }
.ep-nav .ep-nav-cta { border: 1px solid var(--ep-navy); border-radius: 4px; padding: 10px 15px; color: var(--ep-navy); font-weight: 600; }
.ep-nav .ep-nav-cta:hover { background: var(--ep-navy); color: #fff; }
.ep-menu-toggle { color: var(--ep-navy); }
.ep-menu-toggle span { background: currentColor; }
.ep-hero { position: relative; overflow: hidden; padding: 106px 0 40px; background: #fff; }
.ep-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, .95fr); gap: 74px; align-items: center; }
.ep-hero-copy { max-width: 630px; }
.ep-mobile-break { display: none; }
.ep-eyebrow { margin: 0 0 20px; color: var(--ep-blue); font-size: 11px; font-weight: 700; letter-spacing: .18em; line-height: 1.3; }
.ep-eyebrow-dark { color: var(--ep-blue); }
.ep-hero h1, .ep-section h2, .ep-cta h2 { margin: 0; color: var(--ep-navy); font: 600 clamp(44px, 5.6vw, 78px)/.98 'Space Grotesk', sans-serif; letter-spacing: -.07em; }
.ep-hero h1 span, .ep-section h2 span, .ep-cta h2 span { color: var(--ep-blue); }
.ep-hero-lede { max-width: 560px; margin: 28px 0 32px; color: var(--ep-muted); font-size: 18px; line-height: 1.7; }
.ep-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.ep-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 19px; border-radius: 4px; font-size: 14px; font-weight: 600; transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.ep-button:hover { transform: translateY(-2px); }
.ep-button-primary { background: var(--ep-navy); color: #fff !important; }
.ep-button-primary:hover { background: var(--ep-navy-2); }
.ep-button-secondary { border: 1px solid var(--ep-line); color: var(--ep-navy); }
.ep-button-secondary:hover { border-color: var(--ep-blue); color: var(--ep-blue); }
.ep-hero-note { display: flex; align-items: center; gap: 9px; margin-top: 25px; color: var(--ep-muted); font-size: 12px; }
.ep-hero-note > span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--ep-sky); color: var(--ep-blue); font-weight: 700; }
.ep-hero-art { min-height: 500px; position: relative; display: grid; place-items: center; }
.ep-art-orbit { position: absolute; border: 1px solid #cbd9e7; border-radius: 50%; transform: rotate(-18deg); }
.ep-art-orbit-one { width: 480px; height: 290px; }
.ep-art-orbit-two { width: 340px; height: 440px; transform: rotate(40deg); border-color: #dce7f1; }
.ep-gateway-card { position: relative; z-index: 2; width: min(100%, 370px); padding: 22px; border: 1px solid #cbd9e7; border-radius: 10px; background: #fff; box-shadow: 0 28px 70px rgba(17,52,93,.16); }
.ep-gateway-top, .ep-gateway-metric, .ep-gateway-axis, .ep-gateway-rows span { display: flex; align-items: center; justify-content: space-between; }
.ep-gateway-top { padding-bottom: 18px; border-bottom: 1px solid var(--ep-line); color: var(--ep-muted); font-size: 11px; }
.ep-gateway-top b { color: #3c7a5c; font-size: 11px; font-weight: 600; }
.ep-gateway-top b i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #49a875; }
.ep-gateway-metric { align-items: end; padding: 24px 0 14px; }
.ep-gateway-metric small { display: block; color: var(--ep-muted); font-size: 11px; }
.ep-gateway-metric strong { display: block; margin-top: 5px; color: var(--ep-navy); font: 600 42px/1 'Space Grotesk'; letter-spacing: -.08em; }
.ep-gateway-metric > span { color: #3c7a5c; font-size: 12px; font-weight: 600; }
.ep-gateway-chart { height: 126px; display: flex; align-items: end; gap: 8px; padding: 0 2px; border-bottom: 1px solid var(--ep-line); }
.ep-gateway-chart i { flex: 1; min-width: 7px; border-radius: 3px 3px 0 0; background: #4e91d1; opacity: .88; }
.ep-gateway-axis { padding-top: 8px; color: #90a0af; font-size: 9px; }
.ep-gateway-rows { display: grid; gap: 0; margin-top: 18px; }
.ep-gateway-rows span { gap: 8px; padding: 11px 0; border-top: 1px solid var(--ep-line); color: var(--ep-muted); font-size: 11px; }
.ep-gateway-rows b { width: 7px; height: 7px; border-radius: 50%; background: var(--ep-blue); }
.ep-gateway-rows strong { margin-left: auto; color: var(--ep-navy); font-size: 10px; font-weight: 600; }
.ep-art-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid var(--ep-line); border-radius: 7px; background: #fff; box-shadow: 0 15px 30px rgba(17,52,93,.12); }
.ep-art-chip-one { top: 48px; left: 0; }
.ep-art-chip-ai-plus { top: 170px; left: -24px; }
.ep-art-chip-two { right: -6px; bottom: 68px; }
.ep-chip-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; background: var(--ep-navy); color: #fff; font-weight: 700; }
.ep-chip-icon-blue { background: var(--ep-sky); color: var(--ep-blue); }
.ep-chip-icon-ai { background: #d7f36b; color: var(--ep-navy); font-size: 9px; letter-spacing: -.05em; }
.ep-art-chip small, .ep-art-chip strong { display: block; }
.ep-art-chip small { color: var(--ep-muted); font-size: 9px; }
.ep-art-chip strong { margin-top: 2px; color: var(--ep-navy); font-size: 12px; }
.ep-art-caption { position: absolute; right: 10px; bottom: 18px; display: flex; gap: 14px; color: #8798a9; font-size: 10px; text-transform: uppercase; letter-spacing: .14em; }
.ep-trust-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; gap: 14px; margin-top: 78px; padding: 12px 0; color: #53677b; }
.ep-trust-mark { min-width: 0; height: 58px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 0 14px; border: 0; background: transparent; font: 600 13px/1 'Space Grotesk', sans-serif; white-space: nowrap; }
.ep-trust-mark > span { display: grid; gap: 3px; }
.ep-trust-mark b { color: var(--ep-navy); font-weight: 700; }
.ep-trust-mark small { color: var(--ep-blue); font: 700 10px/1 'IBM Plex Sans', sans-serif; letter-spacing: .08em; }
.ep-trust-icon { position: relative; flex: 0 0 30px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; font: 700 10px/1 'IBM Plex Sans', sans-serif; }
.ep-trust-icon-pci { background: #2f72b7; border-radius: 50% 50% 48% 48%; }
.ep-trust-icon-pci::after { content: '\2713'; color: #fff; font-size: 15px; }
.ep-trust-icon-3ds { background: #e68d42; color: #fff; border-radius: 50%; font-size: 9px; letter-spacing: -.04em; }
.ep-trust-icon-wetech { background: #159b79; color: #fff; border-radius: 50%; font-size: 15px; }
.ep-trust-mark-wetech { color: #159b79; letter-spacing: .11em; }
.ep-trust-icon-visa { background: #143d8d; color: #fff; border-radius: 5px; font: italic 700 19px/1 Arial, sans-serif; }
.ep-trust-mark-visa { color: #143d8d; font-size: 16px; font-style: italic; letter-spacing: -.04em; }
.ep-trust-icon-mastercard { border-radius: 0; background: transparent; }
.ep-trust-icon-mastercard::before, .ep-trust-icon-mastercard::after { content: ''; position: absolute; top: 7px; width: 16px; height: 16px; border-radius: 50%; }
.ep-trust-icon-mastercard::before { left: 2px; background: #eb001b; }
.ep-trust-icon-mastercard::after { right: 2px; background: #f79e1b; opacity: .92; }
.ep-trust-mark-mastercard { color: #183b61; font-family: Arial, sans-serif; font-size: 14px; letter-spacing: -.05em; }
.ep-section { padding: 112px 0; }
.ep-businesses { background: var(--ep-gray); }
.ep-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 54px; margin-bottom: 54px; }
.ep-section-heading > div { max-width: 700px; }
.ep-section-heading h2 { font-size: clamp(38px, 4.6vw, 62px); }
.ep-section-heading > p { max-width: 360px; margin: 0 0 5px; color: var(--ep-muted); font-size: 15px; line-height: 1.65; }
.ep-business-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ep-business-card { min-height: 292px; padding: 25px; border: 1px solid var(--ep-line); border-radius: 7px; background: #fff; display: flex; flex-direction: column; box-shadow: 0 8px 25px rgba(17,52,93,.04); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.ep-business-card:hover { transform: translateY(-4px); border-color: #b9cade; box-shadow: 0 18px 34px rgba(17,52,93,.1); }
.ep-business-card-featured { background: var(--ep-navy); border-color: var(--ep-navy); color: #fff; }
.ep-business-card-saas { background: var(--ep-sky); border-color: #cfdeec; }
.ep-card-index { color: var(--ep-blue); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.ep-business-card-featured .ep-card-index { color: #91c3f2; }
.ep-business-icon { align-self: end; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #c7d5e2; border-radius: 50%; color: var(--ep-blue); font-size: 18px; }
.ep-business-card-featured .ep-business-icon { border-color: rgba(255,255,255,.3); color: #fff; }
.ep-business-card h3 { max-width: 230px; margin: 42px 0 9px; color: var(--ep-navy); font: 600 23px/1.06 'Space Grotesk'; letter-spacing: -.05em; }
.ep-business-card-featured h3 { color: #fff; }
.ep-business-card p { margin: 0; color: var(--ep-muted); font-size: 13px; line-height: 1.55; }
.ep-business-card-featured p { color: rgba(255,255,255,.73); }
.ep-business-card a { display: flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 22px; color: var(--ep-blue); font-size: 12px; font-weight: 600; }
.ep-business-card-featured a { color: #fff; }
.ep-agentic { position: relative; overflow: hidden; background: var(--ep-navy); color: #fff; }
.ep-agentic::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .3; background-image: linear-gradient(rgba(142,195,243,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(142,195,243,.08) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, transparent 0, #000 30%, #000 100%); }
.ep-agentic-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: 78px; align-items: center; }
.ep-agentic-copy { max-width: 500px; }
.ep-agentic .ep-eyebrow { color: #8ec3f3; }
.ep-agentic h2 { color: #fff; font-size: clamp(38px, 4.6vw, 62px); }
.ep-agentic h2 span { color: #8ec3f3; }
.ep-agentic-lede { margin: 25px 0 30px; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.75; }
.ep-agentic-points { border-top: 1px solid rgba(255,255,255,.2); }
.ep-agentic-points > div { display: grid; grid-template-columns: 35px 1fr; gap: 13px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.ep-agentic-points > div > span { color: #8ec3f3; font-size: 11px; font-weight: 700; letter-spacing: .1em; padding-top: 3px; }
.ep-agentic-points p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.55; }
.ep-agentic-points strong { color: #fff; font-size: 13px; font-weight: 600; }
.ep-agentic .ep-text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 27px; color: #8ec3f3; }
.ep-agentic-visual { min-width: 0; padding: 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: linear-gradient(145deg, rgba(24,61,102,.96), rgba(11,31,58,.98)); box-shadow: 0 28px 70px rgba(0,0,0,.18); }
.ep-agentic-visual-head, .ep-agentic-visual-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: rgba(255,255,255,.58); font-size: 9px; letter-spacing: .14em; }
.ep-agentic-visual-head { padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.14); }
.ep-agentic-visual-head b { color: #a7d7a5; font-size: 10px; font-weight: 600; letter-spacing: 0; white-space: nowrap; }
.ep-agentic-visual-head b i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #72c58b; box-shadow: 0 0 0 4px rgba(114,197,139,.13); }
.ep-agent-flow { display: flex; align-items: center; gap: 9px; padding: 26px 0 22px; }
.ep-agent-node { flex: 1 1 0; min-width: 0; min-height: 118px; display: flex; flex-direction: column; padding: 14px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 7px; background: rgba(255,255,255,.07); }
.ep-agent-node-intent { border-color: rgba(142,195,243,.45); }
.ep-agent-node-agent { border-color: rgba(215,243,107,.52); background: rgba(215,243,107,.09); }
.ep-agent-node-control { border-color: rgba(255,170,145,.46); }
.ep-agent-node-rail { border-color: rgba(167,215,165,.46); }
.ep-node-kicker { color: #8ec3f3; font-size: 9px; font-weight: 700; letter-spacing: .11em; }
.ep-agent-node-agent .ep-node-kicker { color: #d7f36b; }
.ep-agent-node-control .ep-node-kicker { color: #ffb39f; }
.ep-agent-node-rail .ep-node-kicker { color: #a7d7a5; }
.ep-agent-node strong { margin-top: 18px; color: #fff; font: 600 15px/1.1 'Space Grotesk', sans-serif; letter-spacing: -.03em; }
.ep-agent-node small { margin-top: auto; color: rgba(255,255,255,.6); font-size: 10px; line-height: 1.35; }
.ep-agent-line { position: relative; flex: 0 0 19px; height: 1px; background: rgba(142,195,243,.68); }
.ep-agent-line::after { content: ''; position: absolute; right: -1px; top: -3px; width: 6px; height: 6px; border-top: 1px solid #8ec3f3; border-right: 1px solid #8ec3f3; transform: rotate(45deg); }
.ep-agentic-result { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 15px; border: 1px solid rgba(215,243,107,.28); border-radius: 7px; background: rgba(215,243,107,.08); }
.ep-agentic-result span { color: #d7f36b; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.ep-agentic-result strong { color: #f4f9e7; font-size: 12px; font-weight: 500; }
.ep-agentic-result i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #d7f36b; box-shadow: 0 0 0 5px rgba(215,243,107,.11); }
.ep-agentic-platforms { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.ep-platform-group { min-width: 0; }
.ep-platform-label { display: block; margin-bottom: 9px; color: rgba(255,255,255,.45); font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.ep-platform-logos { display: flex; flex-wrap: wrap; gap: 6px; }
.ep-platform-logo { display: inline-flex; align-items: center; gap: 6px; min-height: 29px; padding: 5px 8px 5px 5px; border: 1px solid rgba(255,255,255,.13); border-radius: 5px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.82); font-size: 10px; }
.ep-platform-logo i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 4px; color: #fff; font: 700 9px/1 'IBM Plex Sans', sans-serif; font-style: normal; }
.ep-platform-openai i { background: #121212; }
.ep-platform-claude i { background: #c37953; }
.ep-platform-gemini i { background: linear-gradient(135deg, #4f8df7, #c46df0); }
.ep-platform-deepseek i { background: #4d80ea; font-size: 7px; }
.ep-platform-qwen i { background: #4f8bd8; }
.ep-platform-ernie i { background: #5d65c7; }
.ep-agentic-visual-foot { justify-content: flex-start; gap: 18px; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.45); font-size: 9px; letter-spacing: .06em; }
.ep-saas-spotlight { background: #fff; }
.ep-saas-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 92px; align-items: center; }
.ep-saas-copy > p:not(.ep-eyebrow) { max-width: 510px; margin: 28px 0 25px; color: var(--ep-muted); line-height: 1.7; }
.ep-saas-copy h2 { font-size: clamp(38px, 4.6vw, 62px); }
.ep-saas-points { display: grid; gap: 0; max-width: 500px; margin-bottom: 26px; border-top: 1px solid var(--ep-line); }
.ep-saas-points span { padding: 12px 0; border-bottom: 1px solid var(--ep-line); color: var(--ep-muted); font-size: 13px; }
.ep-saas-points b { display: inline-block; width: 35px; color: var(--ep-blue); font-size: 11px; }
.ep-text-link { color: var(--ep-blue); font-size: 13px; font-weight: 700; }
.ep-saas-panel { padding: 25px; border: 1px solid #c5d7e7; border-radius: 9px; background: var(--ep-gray); box-shadow: 0 20px 50px rgba(17,52,93,.09); }
.ep-panel-header { display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid var(--ep-line); color: var(--ep-muted); font-size: 12px; }
.ep-panel-header b { color: #3c7a5c; font-weight: 600; }
.ep-panel-header b i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #49a875; box-shadow: 0 0 0 4px rgba(73,168,117,.12); }
.ep-saas-image-figure { margin: 20px 0 0; padding: 10px; border: 1px solid #cbd9e7; border-radius: 8px; background: #fff; box-shadow: 0 14px 30px rgba(17,52,93,.10); }
.ep-saas-image-figure img { display: block; width: 100%; height: auto; aspect-ratio: 479 / 418; object-fit: cover; border-radius: 4px; background: #eef4f8; }
.ep-saas-image-figure figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 13px 4px 2px; }
.ep-saas-image-figure figcaption span { color: var(--ep-blue); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.ep-saas-image-figure figcaption strong { color: var(--ep-navy); font-size: 11px; font-weight: 600; }
.ep-saas-image-meta { display: flex; justify-content: space-between; gap: 14px; margin-top: 15px; color: var(--ep-muted); font-size: 11px; }
.ep-saas-image-meta span { display: inline-flex; align-items: center; gap: 7px; }
.ep-saas-image-meta i { width: 7px; height: 7px; border-radius: 50%; background: #49a875; box-shadow: 0 0 0 4px rgba(73,168,117,.12); }
.ep-saas-image-meta b { color: var(--ep-navy); font-weight: 600; }
.ep-panel-body { padding-top: 24px; }
.ep-panel-stat small { color: var(--ep-muted); font-size: 11px; }
.ep-panel-stat strong { display: block; margin: 5px 0; color: var(--ep-navy); font: 600 50px/1 'Space Grotesk'; letter-spacing: -.08em; }
.ep-panel-stat span { color: #3c7a5c; font-size: 11px; }
.ep-panel-bars { height: 140px; display: flex; align-items: end; gap: 11px; margin-top: 25px; padding: 0 4px; border-bottom: 1px solid var(--ep-line); }
.ep-panel-bars i { flex: 1; min-width: 8px; border-radius: 4px 4px 0 0; background: var(--ep-navy); opacity: .86; }
.ep-panel-bars i:nth-child(2n) { background: var(--ep-blue); }
.ep-panel-list { display: grid; gap: 0; margin-top: 12px; }
.ep-panel-list span { display: flex; align-items: center; gap: 8px; padding: 11px 0; border-top: 1px solid var(--ep-line); color: var(--ep-muted); font-size: 11px; }
.ep-panel-list i { width: 7px; height: 7px; border-radius: 50%; background: var(--ep-blue); }
.ep-panel-list b { margin-left: auto; color: var(--ep-navy); font-weight: 600; }
.ep-why { background: var(--ep-gray); }
.ep-section-heading-centered { display: block; max-width: 760px; margin: 0 auto 62px; text-align: center; }
.ep-section-heading-centered > p:last-child { max-width: 610px; margin: 22px auto 0; }
.ep-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-bottom: 28px; border-top: 1px solid var(--ep-line); border-bottom: 1px solid var(--ep-line); }
.ep-stat-item { min-height: 212px; padding: 25px 24px 24px 0; border-right: 1px solid var(--ep-line); }
.ep-stat-item:not(:first-child) { padding-left: 24px; }
.ep-stat-item:last-child { border-right: 0; }
.ep-stat-item strong { display: block; color: var(--ep-navy); font: 600 clamp(38px, 4vw, 58px)/1 'Space Grotesk'; letter-spacing: -.08em; }
.ep-stat-item > span { display: block; margin-top: 8px; color: var(--ep-blue); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.ep-stat-item p { max-width: 200px; margin: 15px 0 0; color: var(--ep-muted); font-size: 13px; line-height: 1.55; }
.ep-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.ep-feature { display: flex; gap: 17px; align-items: flex-start; padding: 24px; border: 1px solid var(--ep-line); border-radius: 7px; background: #fff; }
.ep-feature-mark { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: var(--ep-navy); color: #fff; font-weight: 700; }
.ep-feature-mark-blue { background: var(--ep-sky); color: var(--ep-blue); }
.ep-feature h3 { margin: 0 0 6px; color: var(--ep-navy); font: 600 20px/1.1 'Space Grotesk'; letter-spacing: -.04em; }
.ep-feature p { margin: 0; color: var(--ep-muted); font-size: 13px; line-height: 1.55; }
.ep-cta-section { padding: 28px 0 94px; background: var(--ep-gray); }
.ep-cta { display: grid; grid-template-columns: minmax(0,1fr) minmax(170px,230px) auto; align-items: center; gap: 34px; padding: 44px 48px; border: 1px solid #c9d8e6; border-radius: 8px; background: #fff; box-shadow: 0 15px 40px rgba(17,52,93,.07); }
.ep-cta h2 { max-width: 680px; font-size: clamp(32px, 4vw, 52px); }
.ep-cta .ep-eyebrow { margin-bottom: 15px; }
.ep-cta-image { width: 100%; margin: 0; padding: 6px; border: 1px solid var(--ep-line); border-radius: 8px; background: #f4f7fa; box-shadow: 0 12px 26px rgba(17,52,93,.08); }
.ep-cta-image img { display: block; width: 100%; height: auto; border-radius: 4px; }
.ep-footer { background: var(--ep-navy); color: rgba(255,255,255,.76); padding: 66px 0 24px; }
.ep-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 72px; }
.ep-footer .ep-brand { color: #fff; }
.ep-footer .ep-brand strong { color: #8ec3f3; }
.ep-footer .ep-brand-mark i { background: #8ec3f3; }
.ep-footer-brand p { max-width: 330px; margin: 22px 0 0; color: rgba(255,255,255,.64); font-size: 13px; line-height: 1.65; }
.ep-footer-col { display: grid; align-content: start; gap: 11px; font-size: 13px; }
.ep-footer-col h3 { margin: 0 0 9px; color: #fff; font: 600 13px 'IBM Plex Sans'; }
.ep-footer-col a { color: rgba(255,255,255,.68); }
.ep-footer-col a:hover { color: #fff; }
.ep-footer-social { display: flex; gap: 9px; margin-top: 10px; }
.ep-footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 52px; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.48); font-size: 11px; }

@media (max-width: 980px) {
  .ep-hero-grid, .ep-saas-grid, .ep-agentic-grid { grid-template-columns: 1fr; gap: 52px; }
  .ep-hero { padding-top: 74px; }
  .ep-hero-copy { max-width: 720px; }
  .ep-hero-art { min-height: 470px; max-width: 650px; }
  .ep-agentic-copy { max-width: 720px; }
  .ep-business-grid { grid-template-columns: repeat(2, 1fr); }
  .ep-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .ep-stat-item:nth-child(2) { border-right: 0; }
  .ep-stat-item:nth-child(3), .ep-stat-item:nth-child(4) { border-top: 1px solid var(--ep-line); }
  .ep-footer-grid { gap: 42px; }
  .ep-nav { gap: 17px; }
}

@media (max-width: 720px) {
  .ep-container { width: min(100% - 40px, 620px); }
  .home-page .ep-hero-grid { min-width: 0; }
  .home-page .ep-hero-copy { width: calc(100vw - 40px); max-width: calc(100vw - 40px); min-width: 0; }
  .home-page .ep-hero h1 { width: 100%; max-width: 100%; font-size: clamp(40px, 10.5vw, 50px); overflow-wrap: anywhere; word-break: break-word; }
  .home-page .ep-mobile-break { display: block; }
  .home-page .ep-hero h1 span { display: inline; }
  .home-page .ep-hero-lede { width: calc(100vw - 40px); max-width: calc(100vw - 40px); overflow-wrap: anywhere; }
  .home-page .ep-hero-note { max-width: 100%; overflow-wrap: anywhere; }
  .home-page .ep-hero-actions .ep-button { flex: 1 1 100%; }
  .ep-topbar-inner { min-height: 42px; }
  .ep-topbar-social > span { display: none; }
  .ep-header-inner { min-height: 70px; }
  .ep-menu-toggle { display: block; }
  .ep-nav { position: absolute; top: 70px; left: 20px; right: 20px; display: none; padding: 12px; border: 1px solid var(--ep-line); border-radius: 6px; background: #fff; box-shadow: 0 18px 35px rgba(17,52,93,.14); }
  .ep-nav.is-open { display: grid; gap: 3px; }
  .ep-nav a { padding: 12px 10px; }
  .ep-nav a:not(.ep-nav-cta)::after { display: none; }
  .ep-nav .ep-nav-cta { margin-top: 5px; text-align: center; }
  .ep-hero { padding: 64px 0 28px; }
  .ep-hero h1 { font-size: clamp(42px, 12vw, 63px); }
  .ep-hero-lede { font-size: 16px; }
  .ep-hero-art { min-height: 410px; transform: scale(.9); transform-origin: center top; margin-bottom: -36px; }
  .ep-art-chip-one { left: -4px; }
  .ep-art-chip-ai-plus { top: 145px; left: -7px; }
  .ep-art-chip-two { right: -7px; }
  .ep-trust-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 44px; }
  .ep-trust-mark { height: 52px; gap: 7px; padding: 0 8px; font-size: 11px; }
  .ep-trust-icon { flex-basis: 25px; width: 25px; height: 25px; }
  .ep-trust-icon-pci::after { font-size: 13px; }
  .ep-trust-icon-mastercard::before, .ep-trust-icon-mastercard::after { top: 6px; width: 14px; height: 14px; }
  .ep-trust-icon-mastercard::before { left: 1px; }
  .ep-trust-icon-mastercard::after { right: 1px; }
  .ep-trust-mark-wetech { font-size: 10px; }
  .ep-trust-mark-visa { font-size: 14px; }
  .ep-trust-mark-mastercard { font-size: 11px; }
  .ep-section { padding: 78px 0; }
  .ep-section-heading { display: block; margin-bottom: 36px; }
  .ep-section-heading > p { margin-top: 22px; }
  .ep-business-grid, .ep-feature-grid { grid-template-columns: 1fr; }
  .ep-business-card { min-height: 255px; }
  .ep-agentic { padding-top: 70px; padding-bottom: 70px; }
  .ep-agentic-visual { padding: 16px; }
  .ep-agentic-visual-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .ep-agent-flow { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 20px 0 17px; }
  .ep-agent-node { min-height: 92px; }
  .ep-agent-node strong { margin-top: 12px; }
  .ep-agent-line { width: 1px; height: 17px; margin: 0 auto; background: rgba(142,195,243,.68); }
  .ep-agent-line::after { right: -3px; top: 10px; transform: rotate(135deg); }
  .ep-agentic-platforms { grid-template-columns: 1fr; gap: 15px; }
  .ep-agentic-visual-foot { flex-direction: column; align-items: flex-start; gap: 7px; }
  .ep-saas-panel { padding: 19px; }
  .ep-saas-image-figure figcaption, .ep-saas-image-meta { align-items: flex-start; flex-direction: column; gap: 7px; }
  .ep-panel-stat strong { font-size: 43px; }
  .ep-stats-grid { grid-template-columns: 1fr 1fr; }
  .ep-stat-item { min-height: 190px; padding: 21px 15px 20px 0; }
  .ep-stat-item:not(:first-child) { padding-left: 15px; }
  .ep-stat-item strong { font-size: 37px; }
  .ep-stat-item p { font-size: 12px; }
  .ep-cta { display: block; padding: 30px 24px; }
  .ep-cta-image { width: min(100%, 360px); margin: 24px 0 0; }
  .ep-cta .ep-button { margin-top: 24px; }
  .ep-footer-grid { grid-template-columns: 1fr; gap: 34px; }
  .ep-footer-bottom { display: grid; gap: 8px; margin-top: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page *, .home-page *::before, .home-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Agentic Payment subpage */
.agentic-page { background: #fff; }
.ep-agentic-page-hero { position: relative; overflow: hidden; padding: 100px 0 86px; background: radial-gradient(circle at 76% 42%, rgba(47,114,183,.14), transparent 34%), linear-gradient(180deg, #fff 0%, #f3f7fa 100%); }
.ep-agentic-page-hero-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 76px; align-items: center; }
.ep-agentic-page-copy { max-width: 615px; }
.ep-agentic-page-copy h1 { margin: 0; color: var(--ep-navy); font: 600 clamp(46px, 5.4vw, 78px)/.98 'Space Grotesk', sans-serif; letter-spacing: -.07em; }
.ep-agentic-page-copy h1 span { color: var(--ep-blue); }
.ep-agentic-page-lede { max-width: 570px; margin: 28px 0 32px; color: var(--ep-muted); font-size: 17px; line-height: 1.75; }
.ep-agentic-page-art { min-height: 500px; position: relative; display: grid; place-items: center; }
.ep-agentic-page-orbit { position: absolute; border: 1px solid rgba(47,114,183,.25); border-radius: 50%; }
.ep-agentic-page-orbit-a { width: 470px; height: 290px; transform: rotate(-20deg); border-left-color: #df705e; }
.ep-agentic-page-orbit-b { width: 325px; height: 440px; transform: rotate(38deg); border-top-color: #6d8fb4; }
.ep-agentic-page-core { position: relative; z-index: 2; width: 178px; height: 178px; display: grid; place-items: center; align-content: center; border-radius: 50%; background: var(--ep-navy); color: #fff; text-align: center; box-shadow: 0 22px 70px rgba(17,52,93,.2); }
.ep-agentic-page-core span { color: #d7f36b; font: 600 58px/.88 'Space Grotesk', sans-serif; letter-spacing: -.12em; }
.ep-agentic-page-core small { margin-top: 17px; color: rgba(255,255,255,.68); font-size: 9px; letter-spacing: .14em; line-height: 1.35; }
.ep-agentic-page-node { position: absolute; z-index: 3; min-width: 86px; padding: 11px 12px; border: 1px solid var(--ep-line); border-radius: 7px; background: rgba(255,255,255,.94); box-shadow: 0 15px 30px rgba(17,52,93,.12); }
.ep-agentic-page-node b, .ep-agentic-page-node small { display: block; }
.ep-agentic-page-node b { color: var(--ep-navy); font: 600 13px/1 'Space Grotesk', sans-serif; }
.ep-agentic-page-node small { margin-top: 5px; color: var(--ep-muted); font-size: 9px; }
.ep-node-intent { top: 58px; left: 2px; border-color: #b8d3eb; }
.ep-node-trust { top: 54px; right: 18px; border-color: #e8c3b8; }
.ep-node-route { bottom: 73px; right: 0; border-color: #c5d9c3; }
.ep-node-settle { bottom: 46px; left: 18px; border-color: #d7cf9d; }
.ep-agentic-page-models { position: absolute; right: 4px; bottom: 3px; z-index: 4; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; max-width: 340px; }
.ep-agentic-page-models .ep-platform-logo { background: #fff; border-color: var(--ep-line); color: var(--ep-navy); box-shadow: 0 8px 18px rgba(17,52,93,.08); }
.ep-agentic-overview { padding-top: 72px; background: #f4f7fa; }
.ep-agentic-overview-copy { width: min(100%, 360px); }
.ep-agentic-overview-copy > p { margin: 0 0 5px; color: var(--ep-muted); font-size: 15px; line-height: 1.65; }
.ep-agentic-routing-image {
  width: 100%;
  margin: 22px 0 0;
  padding: 10px;
  border: 1px solid var(--ep-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 22px 52px rgba(17,52,93,.12);
}
.ep-agentic-routing-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 7px;
}
.ep-agentic-overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ep-agentic-overview-grid article { min-height: 220px; padding: 24px; border: 1px solid var(--ep-line); border-radius: 8px; background: #fff; }
.ep-agentic-overview-grid article > span { color: var(--ep-blue); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.ep-agentic-overview-grid h3 { margin: 34px 0 11px; color: var(--ep-navy); font: 600 23px/1.06 'Space Grotesk', sans-serif; letter-spacing: -.05em; }
.ep-agentic-overview-grid p { margin: 0; color: var(--ep-muted); font-size: 13px; line-height: 1.65; }
.ep-agentic-scenarios { background: #fff; }
.ep-agentic-scenario-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ep-agentic-scenario-card { min-height: 410px; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--ep-line); border-radius: 8px; background: #f9fbfc; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.ep-agentic-scenario-card:hover { transform: translateY(-4px); border-color: #b8cfe3; box-shadow: 0 18px 34px rgba(17,52,93,.1); }
.ep-scenario-visual { position: relative; min-height: 150px; margin-bottom: 23px; padding: 16px; overflow: hidden; border: 1px solid #d8e3ed; border-radius: 7px; background: #eef4f8; }
.ep-scenario-index { color: var(--ep-blue); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.ep-agentic-scenario-card h3 { margin: 14px 0 9px; color: var(--ep-navy); font: 600 22px/1.08 'Space Grotesk', sans-serif; letter-spacing: -.05em; }
.ep-agentic-scenario-card > p { margin: 0; color: var(--ep-muted); font-size: 13px; line-height: 1.6; }
.ep-scenario-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 18px; }
.ep-scenario-tags span { padding: 6px 8px; border: 1px solid #cbdbe8; border-radius: 999px; color: #587692; font-size: 9px; }
.ep-chat-bubble { display: block; width: fit-content; max-width: 83%; margin-bottom: 9px; padding: 8px 10px; border-radius: 6px 6px 6px 0; background: var(--ep-navy); color: #fff; font-size: 10px; }
.ep-chat-bubble-muted { margin-left: auto; border-radius: 6px 6px 0 6px; background: #d3e2f0; color: #355b7d; }
.ep-product-row { position: absolute; right: 14px; bottom: 13px; left: 14px; display: flex; align-items: center; gap: 7px; padding-top: 9px; border-top: 1px solid #d2dfe9; color: #6f8393; font-size: 9px; }
.ep-product-row i { width: 22px; height: 22px; border-radius: 5px; background: linear-gradient(135deg, #7da8ca, #d4e3ee); }
.ep-product-row b { margin-left: auto; color: var(--ep-navy); font-weight: 600; }
.ep-token-chip { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border-radius: 6px; background: #fff; color: var(--ep-navy); font-size: 10px; box-shadow: 0 6px 16px rgba(17,52,93,.08); }
.ep-token-chip i { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 5px; background: #d7f36b; color: var(--ep-navy); font-size: 8px; font-style: normal; font-weight: 700; }
.ep-token-line { display: flex; align-items: center; gap: 5px; margin: 25px 5px 10px; color: #607b91; font-size: 9px; }
.ep-token-line i { flex: 1; border-top: 1px dashed #9db5c8; }
.ep-scenario-visual > small { display: block; color: #7890a1; font-size: 9px; }
.ep-route-row { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 7px; margin: 11px 0; color: #59758e; font-size: 9px; }
.ep-route-row i { position: relative; height: 7px; border-radius: 999px; background: linear-gradient(90deg, var(--ep-blue), #9fc2dd); }
.ep-route-row i::after { content: ''; position: absolute; top: -3px; right: 0; width: 13px; height: 13px; border: 1px solid #fff; border-radius: 50%; background: #d7f36b; }
.ep-route-row b { color: var(--ep-navy); font-size: 9px; font-weight: 600; }
.ep-risk-score { display: grid; place-items: center; align-content: center; width: 88px; height: 88px; margin: 3px 0 0 6px; border: 10px solid #d5e2ec; border-top-color: #6da0ca; border-right-color: #d7f36b; border-radius: 50%; }
.ep-risk-score strong { color: var(--ep-navy); font: 600 27px/.9 'Space Grotesk', sans-serif; }
.ep-risk-score small { margin-top: 4px; color: #73899a; font-size: 8px; }
.ep-risk-signals { position: absolute; top: 24px; right: 16px; display: grid; gap: 9px; color: #5d758a; font-size: 9px; }
.ep-risk-signals i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #67a77d; }
.ep-bundle-line { position: absolute; top: 47px; right: 43px; left: 43px; border-top: 1px dashed #9cb4c6; }
.ep-bundle-node { position: relative; z-index: 1; display: inline-grid; place-items: center; width: 58px; height: 58px; margin: 20px 3px 0; border: 1px solid #b5ccdc; border-radius: 50%; background: #fff; color: #4c6c85; font-size: 9px; }
.ep-bundle-node:nth-of-type(3) { background: #d7f36b; border-color: #d7f36b; color: var(--ep-navy); }
.ep-scenario-ops { display: grid; align-content: center; gap: 7px; }
.ep-scenario-ops > div { display: flex; justify-content: space-between; padding: 9px 10px; border: 1px solid #d6e1e9; border-radius: 5px; background: #fff; color: #637d91; font-size: 9px; }
.ep-scenario-ops b { color: #4e8467; font-weight: 600; }
.ep-agentic-operating { background: #f4f7fa; }
.ep-agentic-operating-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.ep-agentic-operating-grid h2 { margin: 15px 0 20px; color: var(--ep-navy); font: 600 clamp(38px, 4.6vw, 62px)/.98 'Space Grotesk', sans-serif; letter-spacing: -.07em; }
.ep-agentic-operating-grid h2 span { color: var(--ep-blue); }
.ep-agentic-operating-grid > div:first-child > p:not(.ep-eyebrow) { max-width: 410px; margin: 0 0 26px; color: var(--ep-muted); line-height: 1.7; }
.ep-agentic-operating-visual { padding: 28px; border: 1px solid #cbdbe8; border-radius: 9px; background: #fff; box-shadow: 0 20px 50px rgba(17,52,93,.08); }
.ep-operating-row { display: grid; grid-template-columns: 35px 1fr auto; gap: 15px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--ep-line); }
.ep-operating-row > span { color: var(--ep-blue); font-size: 10px; font-weight: 700; }
.ep-operating-row b { color: var(--ep-navy); font: 600 19px/1 'Space Grotesk', sans-serif; letter-spacing: -.04em; }
.ep-operating-row small { color: var(--ep-muted); font-size: 10px; }
.ep-operating-progress { display: flex; gap: 8px; margin-top: 22px; }
.ep-operating-progress i { flex: 1; height: 6px; border-radius: 999px; background: #d5e3ee; }
.ep-operating-progress i:nth-child(1), .ep-operating-progress i:nth-child(2), .ep-operating-progress i:nth-child(3) { background: var(--ep-blue); }
.ep-operating-progress i:nth-child(4) { background: #d7f36b; }
.ep-agentic-trust { background: var(--ep-navy); color: #fff; }
.ep-agentic-trust .ep-eyebrow { color: #8ec3f3; }
.ep-agentic-trust h2 { color: #fff; }
.ep-agentic-trust h2 span { color: #8ec3f3; }
.ep-agentic-trust .ep-section-heading-centered > p:last-child { color: rgba(255,255,255,.65); }
.ep-agentic-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.ep-agentic-trust-grid article { min-height: 150px; padding: 20px; border: 1px solid rgba(255,255,255,.17); border-radius: 7px; background: rgba(255,255,255,.06); }
.ep-agentic-trust-grid b, .ep-agentic-trust-grid span { display: block; }
.ep-agentic-trust-grid b { color: #d7f36b; font: 600 22px/1 'Space Grotesk', sans-serif; letter-spacing: -.04em; }
.ep-agentic-trust-grid span { margin-top: 18px; color: rgba(255,255,255,.65); font-size: 12px; line-height: 1.55; }

@media (max-width: 980px) {
  .ep-agentic-page-hero-grid, .ep-agentic-operating-grid { grid-template-columns: 1fr; gap: 52px; }
  .ep-agentic-page-copy { max-width: 720px; }
  .ep-agentic-page-art { max-width: 650px; }
  .ep-agentic-scenario-grid { grid-template-columns: repeat(2, 1fr); }
  .ep-agentic-trust-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .ep-agentic-page-hero { padding: 70px 0 60px; }
  .ep-agentic-page-copy h1 { font-size: clamp(42px, 12vw, 63px); }
  .ep-agentic-page-lede { font-size: 16px; }
  .ep-agentic-page-art { min-height: 390px; transform: scale(.9); transform-origin: center top; margin-bottom: -30px; }
  .ep-agentic-page-orbit-a { width: 350px; height: 230px; }
  .ep-agentic-page-orbit-b { width: 260px; height: 340px; }
  .ep-agentic-page-core { width: 145px; height: 145px; }
  .ep-agentic-page-core span { font-size: 46px; }
  .ep-agentic-page-models { right: 0; bottom: 0; max-width: 290px; }
  .ep-node-intent { left: -2px; top: 44px; }
  .ep-node-trust { right: -2px; top: 42px; }
  .ep-node-route { right: -3px; bottom: 60px; }
  .ep-node-settle { left: 0; bottom: 36px; }
  .ep-agentic-overview { padding-top: 54px; }
  .ep-agentic-overview-grid, .ep-agentic-scenario-grid { grid-template-columns: 1fr; }
  .ep-agentic-overview-copy { width: 100%; margin-top: 22px; }
  .ep-agentic-routing-image { margin: 20px 0 34px; padding: 6px; border-radius: 9px; }
  .ep-agentic-routing-image img { border-radius: 5px; }
  .ep-agentic-overview-grid article { min-height: 190px; }
  .ep-agentic-scenario-card { min-height: 390px; }
  .ep-agentic-operating-visual { padding: 20px; }
  .ep-operating-row { grid-template-columns: 30px 1fr; gap: 12px; }
  .ep-operating-row small { grid-column: 2; }
  .ep-agentic-trust-grid { grid-template-columns: 1fr; }
}

/* PayBlock inner pages: match the homepage's navy, blue, and soft-grey system */
.inner-page {
  --ep-navy: #0b1f3a;
  --ep-navy-2: #12345d;
  --ep-blue: #2f72b7;
  --ep-sky: #e9f1f8;
  --ep-gray: #f4f7fa;
  --ep-line: #d8e2ec;
  --ep-muted: #66778a;
  background: #fff;
  color: var(--ep-navy);
  font-family: 'IBM Plex Sans', Arial, sans-serif;
  overflow-x: hidden;
}
.inner-page a { color: inherit; }
.inner-page .container { width: min(1180px, calc(100% - 64px)); }
.inner-page .announcement { background: var(--ep-navy); color: rgba(255,255,255,.78); }
.inner-page .announcement a { border-color: rgba(255,255,255,.36); color: #fff; }
.inner-page .live-dot { background: #8ec3f3; box-shadow: 0 0 0 4px rgba(142,195,243,.14); }
.inner-page .site-header { background: rgba(255,255,255,.96); border-color: var(--ep-line); box-shadow: 0 4px 18px rgba(17,52,93,.035); }
.inner-page .brand { color: var(--ep-navy); }
.inner-page .brand > span:last-child > span { color: var(--ep-blue); }
.inner-page .brand-mark span { background: var(--ep-blue); }
.inner-page .brand-mark span:nth-child(1) { opacity: .55; }
.inner-page .brand-mark span:nth-child(2) { background: #8ec3f3; opacity: .78; }
.inner-page .brand-mark span:nth-child(3) { background: var(--ep-navy); }
.inner-page .main-nav { color: var(--ep-muted); }
.inner-page .main-nav a:not(.nav-cta)::after { background: var(--ep-blue); }
.inner-page .main-nav a:hover, .inner-page .main-nav a.is-active { color: var(--ep-navy); }
.inner-page .main-nav a.is-active::after { transform: scaleX(1); transform-origin: left; }
.inner-page .nav-cta { border-color: var(--ep-navy); color: var(--ep-navy); border-radius: 4px; }
.inner-page .nav-cta:hover { background: var(--ep-navy); color: #fff; }
.inner-page .menu-toggle { color: var(--ep-navy); }
.inner-page .page-hero { background: radial-gradient(circle at 78% 28%, rgba(47,114,183,.10), transparent 30%), linear-gradient(180deg, #fff 0%, #eef4f7 100%); }
.inner-page .eyebrow, .inner-page .section-label, .inner-page .panel-kicker { color: var(--ep-blue); }
.inner-page .eyebrow span:first-child { color: #6c9ed0; }
.inner-page h1, .inner-page h2, .inner-page h3 { color: var(--ep-navy); }
.inner-page h1 em, .inner-page h2 em { color: var(--ep-blue); }
.inner-page .page-lede { color: var(--ep-muted); }
.inner-page .button-primary { background: var(--ep-navy); color: #fff; }
.inner-page .button-primary:hover { background: var(--ep-navy-2); }
.inner-page .button-ghost { border-color: var(--ep-line); color: var(--ep-navy); }
.inner-page .button-ghost:hover { border-color: var(--ep-blue); color: var(--ep-blue); }
.inner-page .page-hero-art .gateway-window,
.inner-page .risk-dashboard,
.inner-page .coverage-map,
.inner-page .alert-board {
  background: #fff;
  border-color: #cbd9e7;
  color: var(--ep-navy);
  box-shadow: 0 28px 70px rgba(17,52,93,.12);
}
.inner-page .window-top,
.inner-page .window-body small,
.inner-page .window-row,
.inner-page .risk-dashboard-top,
.inner-page .risk-score small,
.inner-page .risk-check,
.inner-page .alert-chip span,
.inner-page .alert-board-top,
.inner-page .alert-board-row { color: var(--ep-muted); }
.inner-page .window-top, .inner-page .window-row, .inner-page .risk-check,
.inner-page .alert-board-top, .inner-page .alert-board-row { border-color: var(--ep-line); }
.inner-page .window-top span { background: #90a0af; }
.inner-page .window-top span:first-child { background: #df705e; }
.inner-page .window-body strong, .inner-page .risk-dashboard > strong, .inner-page .alert-board-row b { color: var(--ep-navy); }
.inner-page .window-row b, .inner-page .risk-dashboard-top b, .inner-page .risk-check b,
.inner-page .alert-board-top b { color: #3c7a5c; }
.inner-page .window-button { background: var(--ep-sky); color: var(--ep-navy); }
.inner-page .art-tag, .inner-page .trust-badge { background: #fff; border-color: var(--ep-line); color: var(--ep-blue); box-shadow: 0 15px 30px rgba(17,52,93,.10); }
.inner-page .tag-api, .inner-page .badge-3ds { color: #df705e; }
.inner-page .tag-webhook, .inner-page .badge-wetech { color: #3c7a5c; }
.inner-page .page-light, .inner-page .process-section, .inner-page .page-cta, .inner-page .coverage-dark { background: var(--ep-gray); color: var(--ep-navy); }
.inner-page .page-light .section-heading > p, .inner-page .process-section .section-heading > p,
.inner-page .process-step p, .inner-page .page-cta-card p, .inner-page .coverage-layout p { color: var(--ep-muted); }
.inner-page .feature-card, .inner-page .trust-panel, .inner-page .method-card, .inner-page .contact-form {
  background: #fff;
  border-color: var(--ep-line);
  border-radius: 8px;
  box-shadow: 0 8px 25px rgba(17,52,93,.04);
}
.inner-page .feature-card:hover, .inner-page .trust-panel:hover, .inner-page .method-card:hover {
  border-color: #b9cade;
  box-shadow: 0 18px 34px rgba(17,52,93,.09);
  transform: translateY(-3px);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.inner-page .feature-card-dark, .inner-page .trust-panel-dark { background: var(--ep-navy); color: #fff; border-color: var(--ep-navy); }
.inner-page .feature-card-dark h3, .inner-page .trust-panel-dark h3 { color: #fff; }
.inner-page .feature-card-dark p, .inner-page .trust-panel-dark p { color: rgba(255,255,255,.73); }
.inner-page .feature-index { color: var(--ep-blue); }
.inner-page .feature-card-dark .feature-index { color: #91c3f2; }
.inner-page .feature-card p, .inner-page .trust-panel p, .inner-page .method-card small, .inner-page .method-card b,
.inner-page .feature-card ul, .inner-page .trust-checks span { color: var(--ep-muted); }
.inner-page .feature-card-dark ul, .inner-page .trust-panel-dark .trust-checks span { color: rgba(255,255,255,.70); }
.inner-page .feature-card ul li::before { color: var(--ep-blue); }
.inner-page .trust-panel-dark .trust-checks span { border-color: rgba(255,255,255,.16); }
.inner-page .trust-checks b { color: #3c7a5c; }
.inner-page .trust-panel-dark .trust-checks b { color: #91c3f2; }
.inner-page .tag-list span, .inner-page .model-tags span, .inner-page .contact-pill-list span { border-color: #cbd9e7; color: var(--ep-blue); }
.inner-page .alert-timeline, .inner-page .link-preview span, .inner-page .subscription-preview span { color: var(--ep-muted); }
.inner-page .link-preview, .inner-page .subscription-preview { border-color: var(--ep-line); }
.inner-page .link-preview b { color: #3c7a5c; }
.inner-page .subscription-preview b { color: var(--ep-navy); }
.inner-page .subscription-preview small { color: #90a0af; }
.inner-page .ops-mini span { background: var(--ep-gray); border-color: var(--ep-line); color: var(--ep-muted); }
.inner-page .process-line::before { border-color: #b9cade; }
.inner-page .process-step > span { background: var(--ep-blue); color: #fff; }
.inner-page .process-step strong { color: var(--ep-navy); }
.inner-page .page-cta-card { background: #fff; border-color: var(--ep-line); box-shadow: 0 18px 40px rgba(17,52,93,.08); }
.inner-page .page-cta-card h2 { color: var(--ep-navy); }
.inner-page .coverage-map { background: linear-gradient(150deg, #f3f8fb, #dfeaf1); }
.inner-page .coverage-map::before { background-image: linear-gradient(rgba(47,114,183,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(47,114,183,.18) 1px, transparent 1px); }
.inner-page .coverage-count { background: var(--ep-navy); color: #fff; box-shadow: 0 15px 25px rgba(17,52,93,.16); }
.inner-page .coverage-count small { color: rgba(255,255,255,.70); }
.inner-page .method-card > span { color: var(--ep-blue); }
.inner-page .coverage-layout h2, .inner-page .trust-callout h2 { color: var(--ep-navy); }
.inner-page .coverage-table, .inner-page .table-row { border-color: var(--ep-line); }
.inner-page .table-row, .inner-page .table-head { color: var(--ep-muted); }
.inner-page .table-row b { color: var(--ep-blue); }
.inner-page .region-dot { background: var(--ep-blue); }
.inner-page .coral-dot { background: #df705e; }
.inner-page .trust-seal { background: var(--ep-navy); color: #fff; box-shadow: 0 0 70px rgba(47,114,183,.20); }
.inner-page .seal-ring { border-color: rgba(47,114,183,.28); }
.inner-page .alert-board { background: #fff; }
.inner-page .alert-status { background: var(--ep-sky); }
.inner-page .coral-status { color: #df705e; }
.inner-page .lime-status { color: #3c7a5c; }
.inner-page .contact-aside { border-color: var(--ep-line); }
.inner-page .contact-aside > a { color: var(--ep-blue); }
.inner-page .contact-aside p, .inner-page .contact-pill-list span, .inner-page .contact-info > p,
.inner-page .contact-steps small, .inner-page .contact-form label { color: var(--ep-muted); }
.inner-page .contact-steps, .inner-page .contact-steps > div { border-color: var(--ep-line); }
.inner-page .contact-steps span { color: var(--ep-blue); }
.inner-page .contact-form input, .inner-page .contact-form select, .inner-page .contact-form textarea { background: #fff; border-color: var(--ep-line); color: var(--ep-navy); }
.inner-page .contact-form input:focus, .inner-page .contact-form select:focus, .inner-page .contact-form textarea:focus { border-color: var(--ep-blue); box-shadow: 0 0 0 3px rgba(47,114,183,.14); }
.inner-page .form-note { color: #3c7a5c; }
.inner-page .site-footer { background: var(--ep-navy); color: rgba(255,255,255,.76); }
.inner-page .footer-brand p, .inner-page .footer-col { color: rgba(255,255,255,.64); }
.inner-page .footer-col > span { color: #fff; }
.inner-page .footer-contact > a { color: #8ec3f3; }
.inner-page .footer-bottom { border-color: rgba(255,255,255,.16); color: rgba(255,255,255,.48); }

@media (prefers-reduced-motion: reduce) {
  .inner-page *, .inner-page *::before, .inner-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

@media (max-width: 720px) {
  .inner-page .container { width: min(100% - 40px, 620px); }
  .inner-page .nav-wrap { min-height: 70px; }
  .inner-page .main-nav { left: 20px; right: 20px; top: 70px; padding: 12px; border: 1px solid var(--ep-line); border-radius: 6px; background: #fff; box-shadow: 0 18px 35px rgba(17,52,93,.14); }
  .inner-page .main-nav a { color: var(--ep-muted); }
  .inner-page .main-nav a:not(.nav-cta)::after { display: none; }
  .inner-page .main-nav .nav-cta { margin-top: 5px; text-align: center; color: var(--ep-navy); }
  .inner-page .main-nav .nav-cta:hover { color: #fff; }
}

/* Global reach and settlement partner aggregation */
.inner-page .partner-rail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:18px; }
.inner-page .partner-rail-card { padding:26px; border:1px solid var(--ep-line); border-radius:8px; background:#fff; box-shadow:0 8px 25px rgba(17,52,93,.04); }
.inner-page .partner-rail-card-accent { background:#f1f7fb; }
.inner-page .partner-rail-head { display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--ep-blue); font-size:10px; font-weight:700; letter-spacing:.14em; }
.inner-page .partner-rail-head b { color:#3c7a5c; font-size:10px; font-weight:600; letter-spacing:.08em; }
.inner-page .partner-rail-card h3 { margin:20px 0 10px; font:500 clamp(24px,2.4vw,32px)/1.05 'Space Grotesk'; letter-spacing:-.05em; color:var(--ep-navy); }
.inner-page .partner-rail-card p { max-width:520px; margin:0; color:var(--ep-muted); font-size:14px; line-height:1.65; }
.inner-page .partner-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:22px; padding:16px 0 15px; border-top:1px solid var(--ep-line); border-bottom:1px solid var(--ep-line); }
.inner-page .partner-metrics span { display:flex; flex-direction:column; gap:4px; min-width:0; }
.inner-page .partner-metrics strong { color:var(--ep-navy); font:500 clamp(19px,2vw,26px)/1 'Space Grotesk'; letter-spacing:-.05em; white-space:nowrap; }
.inner-page .partner-metrics small { color:var(--ep-muted); font-size:10px; line-height:1.25; }
.inner-page .partner-chip-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.inner-page .partner-chip-row span, .inner-page .settlement-tags span { padding:8px 10px; border:1px solid var(--ep-line); border-radius:5px; color:var(--ep-blue); background:#f7fafc; font-size:10px; line-height:1; }
.inner-page .channel-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.inner-page .channel-card { min-height:142px; padding:20px; border:1px solid var(--ep-line); border-radius:8px; background:#f7fafc; }
.inner-page .channel-card span { color:var(--ep-blue); font-size:10px; font-weight:700; letter-spacing:.12em; }
.inner-page .channel-card strong { display:block; margin:18px 0 8px; color:var(--ep-navy); font:500 19px/1.1 'Space Grotesk'; letter-spacing:-.04em; }
.inner-page .channel-card small { display:block; color:var(--ep-muted); font-size:12px; line-height:1.5; }
.inner-page .partner-disclaimer { margin:18px 0 0; color:var(--ep-muted); font-size:11px; line-height:1.5; }
.inner-page .aggregation-visual { margin:24px 0 30px; padding:24px 26px 22px; border:1px solid var(--ep-line); border-radius:10px; background:linear-gradient(135deg,#f6fafc 0%,#edf4f8 100%); box-shadow:0 14px 32px rgba(17,52,93,.06); overflow:hidden; }
.inner-page .aggregation-visual-head { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin-bottom:22px; }
.inner-page .aggregation-visual-head span { color:var(--ep-blue); font-size:10px; font-weight:700; letter-spacing:.14em; }
.inner-page .aggregation-visual-head small { color:var(--ep-muted); font-size:11px; }
.inner-page .aggregation-flow { display:grid; grid-template-columns:minmax(170px,1fr) 84px minmax(220px,1.25fr) 84px minmax(170px,1fr); gap:12px; align-items:center; }
.inner-page .aggregation-source, .inner-page .aggregation-hub { position:relative; min-height:118px; padding:18px; border:1px solid var(--ep-line); border-radius:8px; background:#fff; }
.inner-page .aggregation-source::before, .inner-page .aggregation-hub::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:8px 0 0 8px; background:var(--ep-blue); }
.inner-page .aggregation-source-sunrate::before { background:#3c7a5c; }
.inner-page .aggregation-hub { border-color:#b8cce0; background:var(--ep-navy); box-shadow:0 16px 32px rgba(11,31,58,.13); }
.inner-page .aggregation-hub::before { background:#8ec3f3; }
.inner-page .aggregation-source span, .inner-page .aggregation-hub span { display:block; color:var(--ep-blue); font-size:10px; font-weight:700; letter-spacing:.12em; }
.inner-page .aggregation-source-sunrate span { color:#3c7a5c; }
.inner-page .aggregation-hub span { color:#8ec3f3; }
.inner-page .aggregation-source strong, .inner-page .aggregation-hub strong { display:block; margin-top:14px; color:var(--ep-navy); font:500 17px/1.08 'Space Grotesk'; letter-spacing:-.04em; }
.inner-page .aggregation-hub strong { color:#fff; font-size:19px; }
.inner-page .aggregation-source small, .inner-page .aggregation-hub small { display:block; margin-top:9px; color:var(--ep-muted); font-size:10px; line-height:1.35; }
.inner-page .aggregation-hub small { color:rgba(255,255,255,.68); }
.inner-page .aggregation-connector { position:relative; display:grid; gap:10px; }
.inner-page .aggregation-connector::before { content:''; position:absolute; left:0; right:0; top:50%; border-top:1px dashed #9db8cc; }
.inner-page .aggregation-connector i { position:relative; z-index:1; display:block; width:7px; height:7px; margin:0 auto; border-radius:50%; background:var(--ep-blue); box-shadow:0 0 0 4px rgba(47,114,183,.12); }
.inner-page .aggregation-connector-right i { background:#3c7a5c; box-shadow:0 0 0 4px rgba(60,122,92,.12); }
.inner-page .aggregation-caption { display:flex; justify-content:space-between; gap:18px; margin-top:18px; padding-top:15px; border-top:1px solid rgba(47,114,183,.16); color:var(--ep-muted); font-size:11px; }
.inner-page .aggregation-caption b { color:var(--ep-navy); font-weight:600; }
.inner-page .coverage-settlement-heading { margin-bottom:42px; }
.inner-page .settlement-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:start; }
.inner-page .settlement-partner-stack { display:grid; gap:12px; }
.inner-page .settlement-partner-card { padding:23px; border:1px solid var(--ep-line); border-radius:8px; background:#fff; box-shadow:0 8px 25px rgba(17,52,93,.04); }
.inner-page .settlement-partner-card:nth-child(2) { background:#f7fafc; }
.inner-page .settlement-partner-card > div { display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--ep-blue); font-size:10px; font-weight:700; letter-spacing:.12em; }
.inner-page .settlement-partner-card > div b { color:#3c7a5c; font-size:10px; letter-spacing:.06em; }
.inner-page .settlement-partner-card h3 { margin:18px 0 9px; color:var(--ep-navy); font:500 24px/1.1 'Space Grotesk'; letter-spacing:-.05em; }
.inner-page .settlement-partner-card p { margin:0; color:var(--ep-muted); font-size:13px; line-height:1.6; }
.inner-page .settlement-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.inner-page .settlement-table { border-top:1px solid var(--ep-line); }
.inner-page .settlement-table .table-row { grid-template-columns:.85fr 1.45fr .55fr; }
.inner-page .settlement-flow { display:grid; grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr; gap:10px; align-items:center; margin-top:32px; }
.inner-page .settlement-flow > div { min-height:108px; padding:17px; border:1px solid var(--ep-line); border-radius:8px; background:#fff; }
.inner-page .settlement-flow > div span { color:var(--ep-blue); font-size:10px; font-weight:700; letter-spacing:.12em; }
.inner-page .settlement-flow > div strong { display:block; margin-top:15px; color:var(--ep-navy); font:500 20px/1 'Space Grotesk'; }
.inner-page .settlement-flow > div small { display:block; margin-top:8px; color:var(--ep-muted); font-size:11px; line-height:1.4; }
.inner-page .settlement-flow > i { display:block; height:1px; border-top:1px dashed #a9bfd1; }
.inner-page .settlement-note { margin:18px 0 0; color:var(--ep-muted); font-size:11px; line-height:1.5; }

@media (max-width: 960px) {
  .inner-page .channel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .inner-page .settlement-layout { grid-template-columns:1fr; gap:34px; }
}

@media (max-width: 640px) {
  .inner-page .partner-rail-grid, .inner-page .channel-grid { grid-template-columns:1fr; }
  .inner-page .page-hero-grid > div:first-child { min-width: 0; }
  .inner-page .page-hero h1 { width: 100%; max-width: 100%; font-size: clamp(38px, 11vw, 43px); overflow-wrap: anywhere; word-break: break-word; }
  .inner-page .page-hero h1 em { display: block; }
  .inner-page .page-lede { max-width: 100%; overflow-wrap: anywhere; }
  .inner-page .hero-actions .button { flex: 1 1 100%; justify-content: space-between; }
  .inner-page .partner-rail-card, .inner-page .settlement-partner-card { padding:21px; }
  .inner-page .partner-metrics { gap:8px; }
  .inner-page .partner-metrics strong { font-size:20px; }
  .inner-page .partner-rail-head, .inner-page .settlement-partner-card > div { align-items:flex-start; flex-direction:column; gap:8px; }
  .inner-page .aggregation-visual { padding:20px; }
  .inner-page .aggregation-visual-head { align-items:flex-start; flex-direction:column; gap:7px; }
  .inner-page .aggregation-flow { grid-template-columns:1fr; gap:10px; }
  .inner-page .aggregation-source, .inner-page .aggregation-hub { min-height:0; }
  .inner-page .aggregation-connector { grid-template-columns:repeat(3,7px); justify-content:center; gap:18px; transform:rotate(90deg); height:38px; }
  .inner-page .aggregation-connector::before { top:50%; }
  .inner-page .aggregation-caption { align-items:flex-start; flex-direction:column; gap:7px; }
  .inner-page .settlement-flow { grid-template-columns:1fr; gap:10px; }
  .inner-page .settlement-flow > i { display:none; }
}

/* Card acquiring hero image */
.inner-page .acquiring-art {
  min-height: 500px;
}
.inner-page .acquiring-screenshot-card {
  position: relative;
  z-index: 2;
  width: min(100%, 520px);
  margin: 0;
  padding: 10px;
  border: 1px solid #cbd9e7;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(17,52,93,.14);
  transform: rotate(1.5deg);
}
.inner-page .acquiring-screenshot-card img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.inner-page .acquiring-art .tag-sdk { top: 28px; left: -10px; }
.inner-page .acquiring-art .tag-api { top: 110px; right: -10px; }
.inner-page .acquiring-art .tag-webhook { bottom: 22px; left: 14px; }

@media (max-width: 640px) {
  .inner-page .acquiring-art {
    min-height: 370px;
  }
  .inner-page .acquiring-screenshot-card {
    width: min(100%, 520px);
    padding: 8px;
    transform: none;
  }
  .inner-page .acquiring-art .tag-sdk { top: 5px; left: -5px; }
  .inner-page .acquiring-art .tag-api { top: 74px; right: -6px; }
  .inner-page .acquiring-art .tag-webhook { bottom: 5px; left: 10px; }
}