.gateway-page {
    --gw-blue: #0F328C;
    --gw-navy: #001752;
    --gw-orange: #FF5417;
    --gw-pale: #F3F5F9;
    --gw-ink: #0F328C;
    margin: 0;
    color: var(--gw-ink);
    background: #fff;
    font-family: scandia-web, Arial, sans-serif;
}
.gateway-page .mobile-show{display:none;}
.gateway-page .mobile-hide{display:block;}
.gateway-page *, .gateway-page *::before, .gateway-page *::after { box-sizing: border-box; }
.gateway-page a { color: inherit; text-decoration: none; }
.gateway-container { width: 100%; max-width: 905px; margin: 0 auto; }
.gateway-nav { min-height: 96px; padding: 30px 80px;max-width:1280px; margin-left: auto;margin-right: auto; display: flex; align-items: center; justify-content: space-between; gap: 26px; background: #fff; }
.gateway-nav > a { display: flex; align-items: center; flex-shrink: 0; position: relative; }
.gateway-nav > a img { width: 62px; height: auto; }
.gateway-nav > a span { color: var(--gw-blue); font-size: 10px; font-weight: 700; position: absolute; top: 37px; left: 1px; }
.gateway-nav nav, .gateway-nav-ctas { display: flex; align-items: center; gap: 22px; }
.gateway-nav nav a { color: #20345e; font-size: 14px; font-weight: 600; }
.gateway-button { display: inline-flex; justify-content: center; align-items: center; min-height: 42px; padding: 0 20px; border: 1.5px solid transparent; border-radius: 24px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .015em; transition: transform .15s ease, background .15s ease; }
.gateway-button:hover { transform: translateY(-1px); }
.gateway-button-orange { background: var(--gw-orange); color: #fff !important; }
.gateway-button-outline { color: var(--gw-blue) !important; border-color: var(--gw-blue); }
.gateway-hero .gateway-button{min-width: 224px;}
.gateway-button-outline-light { color: #fff !important; border-color: #98CFFF; }
.gateway-hero { color: white; background: #0F328C; overflow: hidden; }
.gateway-hero-inner { min-height: 570px; display: grid; grid-template-columns: 1fr .88fr; align-items: center; gap: 28px; position: relative; padding-top: 54px; padding-bottom: 54px; }
.gateway-hero-copy { max-width: 500px; position: relative; z-index: 1; }
.gateway-eyebrow { margin: 0 0 13px; color: #98CFFF; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.gateway-hero h1 { max-width: 560px; margin: 0; color: #fff; font-size: clamp(48px, 5vw, 64px); font-weight: 700; line-height: .99; letter-spacing: -.045em; }
.gateway-hero h1 span, .gateway-hero h1 em { color: #98CFFF; font-style: normal; }
.gateway-hero-copy > p:not(.gateway-eyebrow) { max-width: 500px; margin: 24px 0 20px; color: #d4e2ff; font-size: 16px; line-height: 1.5; }
.gateway-hero-copy > p:not(.gateway-eyebrow) strong{
    color: var(--Blue-200, #98CFFF);
    font-weight: 500;
}
.gateway-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.gateway-hero-copy small { display: block; margin-top: 11px; color: #d4e2ff; font-size: 12px; }
.gateway-visual { min-height: 340px; position: relative; display: flex; align-items: center; justify-content: center; }
.gateway-visual .gateway-checkout-image { display: block; position: relative; z-index: 1; width: min(100%, 355px); height: auto; }
.gateway-visual .gateway-header-pattern { display: block; position: absolute; z-index: 0; top: -20px; right: -10px; width: 650px; max-width: 80%; height: auto; opacity: 60%; }
.gateway-proof { background: #fff; border-bottom: 1px solid #e0e6f1; }
.gateway-proof-grid {
    min-height: 104px;
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 40px;
    max-width: 905px;
    justify-content: space-around;
}
.gateway-proof-grid > div { display: flex; flex-direction: column; gap: 3px; }
.gateway-proof-grid strong { color: #0F328C; font-size: 30px; line-height: 1.1; }
.gateway-proof-grid span { color: #687897; font-size: 14px; }
.gateway-plans { padding: 54px 0 66px; background: #F3F5F9; }
.gateway-plans-intro { display: flex; align-items: center; gap: 80px; margin: 0 auto 44px; max-width: 1065px; width: 100%; }
.merchant-photo { display: block; flex: 0 0 280px; width: 280px; height: 280px; object-fit: contain; border-radius: 50%; }
.gateway-plans-intro h2 { margin: 0 0 12px; color: #0F328C; font-size: 50px; line-height: 1; letter-spacing: -.035em; }
.gateway-plans-intro h2 em { color: #FF5417; font-style: normal; }
.gateway-plans-intro p { margin: 0; max-width: 480px; color: #52668e; font-size: 14px; }
.gateway-plan-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 24px; max-width: 1065px; margin: 0 auto; }
.gateway-plan { padding: 34px;padding-top: 26px; border-radius: 7px; background: #fff; box-shadow: 0 6px 22px #153c8b0a; font-size: 12px; }
.gateway-plan-dark { background: #001752; color: #f1f5ff; }
.plan-tag { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 10px; padding: 5px 8px; border-radius: 3px; background: #98CFFF; color: #174CB3; font-size: 10px; font-weight: 700; }
.plan-tag img { display: block; width: 16px; height: auto; }
.gateway-plan-dark .plan-tag { background: #174CB3; color: #FFF; }
.gateway-plan h3 { margin: 0 0 3px; color: #0F328C; font-size: 20px; line-height: 1.15; }
.gateway-plan-dark h3 { color: white; }
.gateway-plan .plan-subtitle { margin: 0 0 10px; color: #7e8dab; font-size: 10px; font-weight: 700; }
.gateway-plan-dark .plan-subtitle { color: #a4bce9; }
.gateway-plan > p { margin: 8px 0 14px; line-height: 1.45; color: #4d6083; }
.gateway-plan-dark > p { color: #d2def5; }
.gateway-plan h4 { margin: 16px 0 8px; font-size: 13px; color: #0F328C; }
.gateway-plan-dark h4 { color: #fff; }
.plan-checks { margin: 0; padding: 0; list-style: none; }
.plan-checks li { margin: 6px 0; padding-left: 15px; position: relative; line-height: 1.4; }
.plan-checks li::before { content: '•'; position: absolute; left: 1px; color: var(--gw-orange); font-size: 16px; line-height: 12px; }
.gateway-plan-dark .plan-checks li::before { content: '•'; position: absolute; left: 1px; color: #98CFFF; font-size: 16px; line-height: 12px; }
.option-list { display: grid; gap: 4px; }
.option-list > div { min-height: 40px; padding: 5px 8px; display: flex; align-items: center; gap: 8px; border: 1px solid #dbe3f0; border-radius: 4px; color: #3876d2; }
.option-list .option-status { flex: 0 0 auto; padding: 4px 7px; border-radius: 4px; font-size: 8px; line-height: 1; font-weight: 700; white-space: nowrap; }
.option-status.is-live { background: #D7F4E2; color: #16A05A; }
.option-status.is-coming { background: #FFE0D8; color: #FF5417; }
.option-list .option-name { flex: 1; min-width: 72px; color: #273e68; }
.option-list img { display: block; width: auto; max-width: 150px; max-height: 26px; object-fit: contain; }
.gateway-plan-dark .option-list > div { border-color: #42629c; background: #133a7e; color: #d9e7ff; }
.gateway-plan-dark .option-list .option-name { color: #fff; }
.option-note { margin: 8px 0 18px !important; color: #7e8dab !important; font-size: 9px; }
.gateway-plan-dark .option-note { color: #a7bbe2 !important; }
.account-benefits { margin: 12px 0 18px; padding: 0; list-style: none; }
.account-benefits li { display: flex; align-items: center; gap: 9px; margin: 8px 0; line-height: 1.4; }
.account-benefits li::before { content: '✓'; display: grid; place-items: center; flex: 0 0 16px; width: 16px; height: 16px; border-radius: 50%; background: var(--gw-orange); color: #fff; font-size: 10px; font-weight: 700; }
.plan-steps { margin: 10px 0; padding: 10px; background: #f1f4fa; color: #254b96; line-height: 1.4; list-style: none; counter-reset: gateway-step; }
.plan-steps li { display: flex; align-items: center; gap: 10px; margin: 6px 0; counter-increment: gateway-step; }
.plan-steps li::before { content: counter(gateway-step); display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--gw-blue); color: white; font-size: 12px; font-weight: 700; }
.gateway-plan-dark .plan-steps { background: #143a7c; color: #e4eeff; }
.price-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.price-grid > div { min-height: 52px; padding: 7px; display: flex; flex-direction: column; background: #fff4ef; }
.price-grid strong { color: var(--gw-orange); font-size: 24px; }
.price-grid span { color: #596b8c; font-size: 10px; }
.gateway-plan-dark .price-grid > div { background: #143a7c; }
.gateway-plan-dark .price-grid span { color: #c1d3f4; }
.gateway-plan > .gateway-button { margin-top: 12px; min-height: 38px; padding: 0 16px; font-size: 10px; }
.gateway-plan > small { display: block; margin-top: 7px; color: #8592a9; font-size: 10px; }
.gateway-plan-dark > small { color: #afc1e2; }
.integration-callout { margin: 13px 0; padding: 14px; display: flex; align-items: flex-start; gap: 10px; background: #153a7a; border-radius: 4px; }
.woocommerce-mark { flex: 0 0 28px; width: 28px; height: 28px; display: block; }
.integration-callout strong { font-size: 11px; }
.integration-callout p { margin: 6px 0 0; color: #c1d2f1; }
.pricing-note { margin-top: 8px !important; color: #7888a8 !important; font-size: 9px; }
.gateway-plan-dark .pricing-note { color: #a7bbe2 !important; }
.gateway-plan-dark { padding: 34px; padding-top: 24px;}
.enterprise-fields { display: grid; grid-template-columns: 1fr 1fr; column-gap: 14px; row-gap: 28px; }
.enterprise-fields label { display: block; position: relative; min-width: 0; color: #fff; font-size: 12px; }
.enterprise-fields input, .enterprise-fields select, .gateway-label textarea { display: block; width: 100%; height: 27px; padding: 0 0 8px; border: 0; border-bottom: 1px solid #dce7ff; border-radius: 0; appearance: none; background: transparent; color: #fff; font: inherit; font-size: 12px; }
.enterprise-fields input::placeholder, .gateway-label textarea::placeholder { color: #fff; opacity: 1; }
.enterprise-fields input:focus, .enterprise-fields select:focus, .gateway-label textarea:focus { outline: 0; border-bottom-color: #98cfff; }
.enterprise-fields select { padding-right: 17px; color: #fff; cursor: pointer; }
.enterprise-fields select:invalid { color: #fff; }
.enterprise-fields select option { color: #061f5c; background: #fff; }
.enterprise-fields label:has(select)::after { content: ''; position: absolute; right: 3px; bottom: 11px; width: 7px; height: 7px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); pointer-events: none; }
.enterprise-fields .field-error { margin-top: 4px; font-size: 9px; }
.enterprise-fields .has-error input, .enterprise-fields .has-error select { border-bottom-color: #ff8a61; }
.gateway-label { display: block; margin: 28px 0 0; color: #fff; font-size: 12px; }
.gateway-label textarea { height: 29px; resize: vertical; }
.gateway-plan-dark form > .gateway-button { margin-top: 28px; min-height: 32px; padding: 0 21px; border: 0; cursor: pointer; font-size: 12px; }
.gateway-plan-dark form > small { display: block; margin-top: 12px; color: #fff; font-size: 11px; }
.gateway-plan-dark form > small a { color: #98cfff; font-weight: 700; }
.form-success:not([hidden]) { min-height: 239px; margin-top: 10px; border: 1px solid #31518d; border-radius: 4px; background: #123374; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; text-align: center; }
.form-success img { display: block; width: 114px; height: 106px; object-fit: contain; }
.form-success p { margin: 0; color: #fff; font-size: 14px; font-weight: 700; }
.gateway-contact-form.is-submitted .enterprise-fields, .gateway-contact-form.is-submitted .gateway-label, .gateway-contact-form.is-submitted > .gateway-button { display: none; }
.gateway-contact-form.is-submitted .form-status { display: none; }
.gateway-contact-form.is-submitted > small { margin-top: 24px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.gateway-faq { padding: 60px 0 68px; background: #F3F5F9; text-align: center; }
.gateway-faq-inner { max-width: 800px; padding-left: 0; padding-right: 0; }
.gateway-faq > .gateway-container > h2 { margin: 0 0 26px; color: #0F328C; font-size: 28px; }
.gateway-faq .gateway-eyebrow { color: #4765a0; }
.faq-group { max-width: 800px; margin: 0 auto 24px; text-align: left; }
.faq-group h3 { margin: 0 0 9px; color: #2A54C0; font-size: 11px; text-align: center; text-transform: uppercase; }
.faq-group details { margin: 5px 0; border-radius: 5px; background: #fff; box-shadow: 0 2px 7px #1c3e8510; }
.faq-group summary { padding: 14px 16px; position: relative; color: #0F328C; cursor: pointer; list-style: none; font-size: 14px; font-weight: 600; }
.faq-group summary::-webkit-details-marker { display: none; }
.faq-group summary::after { content: '⌄'; position: absolute; right: 16px; color: var(--gw-orange); font-size: 15px; }
.faq-group details[open] summary::after { content: '⌃'; }
.faq-group details p { margin: 0; padding: 0 16px 13px; color: #596b8d; font-size: 13px; line-height: 1.5; }
.field-error { display: none; color: #ffc1a6; font-size: 10px; }
.has-error .field-error { display: block; }
.gateway-plan-dark form > .gateway-button { cursor: pointer; }
.form-status { min-height: 16px; margin: 10px 0 0; color: #dce8ff; font-size: 12px; }
.gateway-footer { padding: 30px 0 18px; background: #fff; color: #173b85; }
.gateway-footer-links { display: grid; grid-template-columns: 1fr 1fr 2.6fr auto auto; align-items: start; gap: 20px; padding-bottom: 25px; }
.gateway-footer-links > strong { font-size: 14px; }
.gateway-footer-links > div { display: flex; flex-direction: column; gap: 6px; font-size: 12px; }
.gateway-footer-links > div p { margin: 0; line-height: 1.8; }
.gateway-footer-links > div p b { margin-right: 10px; }
.gateway-footer-links > div p span { margin-right: 14px; }
.gateway-footer-links img { width: 70px; height: auto; }
.gateway-footer-links img.trust-mark { width: 68px; }
.gateway-footer-bottom { padding-top: 14px; display: flex; align-items: center; gap: 20px; border-top: 1px solid #dce3ed; color: #687b9d; font-size: 11px; }
.gateway-footer-bottom span { margin-right: auto; }
@media (max-width: 900px) {
    .gateway-nav { flex-wrap: wrap; padding: 12px 24px; }
    .gateway-nav nav { order: 3; width: 100%; justify-content: center; padding-bottom: 6px; }
    .gateway-nav-ctas { margin-left: auto; gap: 8px; }
    .gateway-hero-inner { grid-template-columns: 1.1fr .8fr; }
    .gateway-plan-grid { grid-template-columns: 1fr; max-width: 620px; }
    .gateway-faq-inner { padding-left: 24px; padding-right: 24px; }
    .gateway-footer-links { grid-template-columns: 1fr 1fr auto auto; }
    .gateway-footer-links > div { grid-column: 1 / 3; grid-row: 2; }
}
@media (max-width: 650px) {
    .main-inner{
        padding-left: 12px;
        padding-right: 12px;
    }
    .gateway-nav a > span{display:none;}
    .gateway-page .mobile-show{display:block;}
    .gateway-page .mobile-hide{display:none;}
    .gateway-container { width: min(100% - 32px, 500px); }
    .gateway-plans .gateway-container{width: 100%;}
    .gateway-nav { min-height: 66px; gap: 28px; padding: 10px 16px; }
    .gateway-nav nav { overflow-x: auto; justify-content: flex-start; gap: 18px; }
    .gateway-nav nav a { white-space: nowrap; font-size: 11px; }
    .gateway-nav-ctas .gateway-button { min-height: 33px; padding: 0 10px; font-size: 8px; }
    .gateway-hero-inner { display: block; min-height: 0; padding-top: 50px; padding-bottom: 25px; }
    .gateway-hero h1 { font-size: 42px; }
    .gateway-hero-copy > p:not(.gateway-eyebrow) { font-size: 13px; }
    .gateway-visual { min-height: 275px; margin-top: 18px; }
    .gateway-visual .gateway-checkout-image { width: min(100%, 300px); }
    .gateway-visual .gateway-header-pattern { top: 8px; right: -24px; width: 250px; }
    .gateway-proof-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 18px 0; }
    .gateway-proof-grid strong { font-size: 20px; }
    .gateway-proof-grid span { font-size: 11px; }
    .gateway-plans {
        padding: 40px 0;
    }
    .gateway-plans-intro { gap: 16px; margin-bottom: 28px; }
    .merchant-photo { flex-basis: 82px; width: 82px; height: 82px; }
    .gateway-plans-intro h2 { font-size: 30px; }
    .gateway-plans-intro p { font-size: 12px; }
    .gateway-plan-grid { grid-template-columns: 1fr; gap: 15px; }
    .gateway-plan {
        padding: 17px;
        width: auto;
        max-width: calc(100vw - 24px);
    }
    .gateway-faq { padding: 42px 0; }
    .gateway-faq > .gateway-container > h2 { font-size: 23px; }
    .gateway-footer-links { grid-template-columns: 1fr 1fr auto; gap: 15px; }
    .gateway-footer-links > div { grid-column: 1 / 3; grid-row: 2; }
    .gateway-footer-links img.trust-mark { grid-column: 3; grid-row: 2; }
    .gateway-footer-bottom { flex-wrap: wrap; gap: 9px 15px; }
    .gateway-footer-bottom span { width: 100%; }
}


@media (max-width: 350px) {
.option-list > div{
    flex-wrap: wrap;
}
}

.gateway-plan:not(.gateway-plan-dark) > small a{
    color: #FF5417;
    font-weight: 700;
}