.uxeco-page{--uxeco-dark:#162622;--uxeco-line:#dce2dc}.uxeco-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(30px,5vw,76px);padding-block:44px 64px;display:grid}.uxeco-breadcrumb{color:#53655b;flex-wrap:wrap;gap:9px;margin-bottom:30px;font-size:13px;display:flex}.uxeco-breadcrumb a:hover{text-decoration:underline}.uxeco-hero h1{letter-spacing:-.055em;text-wrap:balance;margin-block:20px;font-size:clamp(39px,4.7vw,68px);line-height:1.09}.uxeco-hero-copy>p{color:#43554b;max-width:570px;font-size:17px;line-height:1.8}.uxeco-hero-copy>.eco-actions{gap:18px}.uxeco-map{background:var(--uxeco-dark);color:#f3f6ef;border:1px solid #31483d;border-radius:22px;min-width:0;margin:0;padding:clamp(22px,3vw,36px);box-shadow:0 18px 60px #1834270d}.uxeco-figure-label{letter-spacing:.1em;color:#bed0c4;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;font-size:10px;display:flex}.uxeco-map-surface{background:#21382e;border:1px solid #506658;border-radius:12px;flex-direction:column;align-items:center;gap:9px;padding:21px 10px;display:flex}.uxeco-map-surface>strong{font-size:20px}.uxeco-map-surface>span,.uxeco-map small{font-size:12px;line-height:1.6}.uxeco-map-connector{background:#8baa83;width:1px;height:22px;margin-inline:auto}.uxeco-map-core{background:var(--lime);color:#162622;border-radius:12px;align-items:center;gap:16px;padding:18px;display:flex}.uxeco-map-core>span{flex:1}.uxeco-map-core strong,.uxeco-map-core small{display:block}.uxeco-map-core strong{margin-bottom:3px;font-size:15px}.uxeco-map-core>svg{flex-shrink:0}.uxeco-map-core:hover{background:#e0ffac}.uxeco-map-base{grid-template-columns:1fr 1fr;gap:12px;display:grid}.uxeco-map-base a{color:#eff5ed;background:#21382e;border:1px solid #506658;border-radius:12px;flex-direction:column;align-items:flex-start;gap:9px;padding:17px;display:flex;position:relative}.uxeco-map-base a:hover{border-color:var(--lime)}.uxeco-map-base strong{font-size:14px}.uxeco-map-base span{color:#c7d6ca;font-size:11px}.uxeco-map-base svg:last-child{position:absolute;top:18px;right:14px}.uxeco-map>p,.uxeco-map figcaption{color:#c2d1c6;margin:22px 0 0;font-size:11px;line-height:1.7}.uxeco-jumpnav{border-block:1px solid var(--uxeco-line);flex-wrap:wrap;gap:10px;padding-block:18px;display:flex}.uxeco-jumpnav a{border:1px solid var(--uxeco-line);background:#fff;border-radius:8px;padding:11px 15px;font-size:13px;font-weight:600}.uxeco-jumpnav a:hover{background:#edf3e8;border-color:#6c865f}.uxeco-page .section{padding-block:66px}.uxeco-page .section-heading h2,.uxeco-principles h2,.uxeco-cta h2{letter-spacing:-.035em;font-size:clamp(29px,3.2vw,43px);line-height:1.16}.uxeco-page .section-heading h2 .serif-word{font-family:inherit;font-style:normal}.uxeco-page .section-heading>p{max-width:420px;font-size:15px}.uxeco-route-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.uxeco-route-card{border:1px solid var(--uxeco-line);background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;padding:28px;display:flex}.uxeco-route-card>svg{color:#3e603e;margin-bottom:22px}.uxeco-route-card h3{letter-spacing:-.035em;margin:0 0 10px;font-size:24px}.uxeco-route-card p{color:#43554b;margin:0 0 15px;font-size:15px;line-height:1.75}.uxeco-route-card .text-link{margin-top:auto;padding-top:8px;font-size:14px}.uxeco-route-detail{color:#56664d;margin-bottom:18px;font-size:12px;line-height:1.7;display:block}a.uxeco-route-detail{text-underline-offset:4px;text-decoration:underline}.uxeco-route-card .text-link+.uxeco-route-detail{margin-top:15px;margin-bottom:0}.uxeco-principles{border-block:1px solid var(--uxeco-line);background:#edf1e9;padding-block:58px}.uxeco-principles>.container{grid-template-columns:1fr 1.15fr;gap:60px;display:grid}.uxeco-principles h2{margin-top:17px}.uxeco-principles p{color:#43554b;margin:0 0 16px;font-size:15px;line-height:1.8}.uxeco-principles details{border-top:1px solid #cbd6c6;margin-top:23px;padding-top:16px}.uxeco-principles summary{cursor:pointer;padding-bottom:14px;font-size:15px;font-weight:700}.uxeco-principles details ul{margin:0;padding-left:20px;font-size:14px;line-height:1.9}.uxeco-cta{border-top:1px solid var(--uxeco-line);justify-content:space-between;align-items:center;gap:36px;padding-block:50px 68px;display:flex}.uxeco-cta h2{margin:0 0 12px}.uxeco-cta p{color:#43554b;max-width:600px;margin:0;font-size:15px;line-height:1.8}.uxeco-cta .button{flex-shrink:0}.uxeco-cloud-path{margin:0;padding:0;list-style:none}.uxeco-cloud-path li{background:#253e32;border:1px solid #506658;border-radius:12px;align-items:center;gap:19px;padding:19px;display:flex;position:relative}.uxeco-cloud-path li+li{margin-top:19px}.uxeco-cloud-path li+li:before{content:"";background:#8baa83;width:1px;height:19px;position:absolute;top:-20px;left:31px}.uxeco-cloud-path svg{color:var(--lime);flex-shrink:0}.uxeco-cloud-path strong,.uxeco-cloud-path small{display:block}.uxeco-cloud-path strong{margin-bottom:6px;font-size:15px}.uxeco-cloud-path small{color:#c2d1c6}.uxeco-cloud-support{flex-wrap:wrap;gap:18px;margin-top:23px;font-size:11px;display:flex}.uxeco-cloud-support>span{align-items:center;gap:6px;display:flex}.uxeco-capabilities{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.uxeco-capabilities h3{margin-block:15px 10px;font-size:20px;line-height:1.3}.uxeco-capabilities p{color:#43554b;font-size:14px;line-height:1.85}.uxeco-capabilities>article{border-top:1px solid var(--uxeco-line);padding-top:23px}.uxeco-workplace-intro>span{letter-spacing:.08em;color:var(--lime);font-size:10px}.uxeco-workplace-intro>strong{letter-spacing:-.04em;margin-top:14px;font-size:clamp(22px,2.3vw,32px);line-height:1.3;display:block}.uxeco-workplace-intro>p{color:#c2d1c6;margin-block:10px 25px;font-size:13px;line-height:1.7}.uxeco-workplace-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.uxeco-workplace-apps>div{background:#253e32;border:1px solid #506658;border-radius:11px;flex-direction:column;align-items:flex-start;padding:20px 15px;display:flex}.uxeco-workplace-apps svg{color:var(--lime);margin-bottom:15px}.uxeco-workplace-apps strong{margin-bottom:7px;font-size:13px}.uxeco-workplace-apps span{color:#c2d1c6;font-size:11px;line-height:1.7}.uxeco-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.uxeco-steps li{border-top:1px solid #cbd6c6;padding-top:24px}.uxeco-steps li>span{color:#4d6549;font-size:13px}.uxeco-steps h3{margin-block:17px 10px;font-size:19px;line-height:1.4}.uxeco-steps p{color:#43554b;font-size:14px;line-height:1.8}.uxeco-integration-sources{grid-template-columns:1fr 1fr;gap:12px;display:grid}.uxeco-integration-sources>div{background:#253e32;border:1px solid #506658;border-radius:12px;padding:20px 16px}.uxeco-integration-sources span{letter-spacing:.05em;color:#c2d1c6;margin-bottom:20px;font-size:9px;line-height:1.7;display:block}.uxeco-integration-sources strong{font-size:22px}.uxeco-integration-sources p{color:#c2d1c6;margin-bottom:0;font-size:12px;line-height:1.8}.uxeco-integration-arrow{color:#c2d1c6;justify-content:space-around;align-items:center;gap:8px;margin-block:21px;font-size:10px;display:flex}.uxeco-integration-api{background:var(--lime);color:#162622;border-radius:12px;align-items:center;gap:15px;padding:19px;display:flex}.uxeco-integration-api>svg{flex-shrink:0}.uxeco-integration-api strong,.uxeco-integration-api small{display:block}.uxeco-integration-api strong{margin-bottom:4px;font-size:15px}.uxeco-integration-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.uxeco-integration-channels>span{text-align:center;border:1px solid #506658;border-radius:8px;padding:14px 8px;font-size:12px}.uxeco-technology-layers{gap:12px;display:grid}.uxeco-technology-layers>div{background:#253e32;border:1px solid #506658;border-radius:12px;align-items:center;gap:20px;padding:22px;display:flex}.uxeco-technology-layers>div:nth-child(2){margin-left:18px}.uxeco-technology-layers>div:nth-child(3){margin-left:36px}.uxeco-technology-layers svg{color:var(--lime);flex-shrink:0}.uxeco-technology-layers strong,.uxeco-technology-layers small{display:block}.uxeco-technology-layers strong{margin-bottom:7px;font-size:18px}.uxeco-technology-layers small{color:#c2d1c6}.uxeco-page .open-payment-section{padding-block:66px}.uxeco-page .eco-models h3{font-size:30px}@media (max-width:900px){.uxeco-hero{gap:30px}.uxeco-hero-copy>p{font-size:15px}.uxeco-hero .eco-actions{flex-direction:column;align-items:flex-start}.uxeco-principles>.container{gap:35px}.uxeco-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.uxeco-cta{flex-direction:column;align-items:flex-start}.uxeco-map{padding:23px}.uxeco-integration-sources strong{font-size:18px}}@media (max-width:700px){.uxeco-hero{grid-template-columns:1fr;gap:36px;padding-block:25px 45px}.uxeco-hero h1{font-size:clamp(37px,8.4vw,53px)}.uxeco-breadcrumb{margin-bottom:29px;font-size:12px}.uxeco-hero-copy>p{font-size:16px}.uxeco-hero .eco-actions{flex-direction:row;align-items:center}.uxeco-route-grid,.uxeco-principles>.container,.uxeco-capabilities{grid-template-columns:1fr}.uxeco-principles>.container{gap:18px}.uxeco-route-card{padding:24px}.uxeco-route-card>svg{margin-bottom:17px}.uxeco-page .section{padding-block:45px}.uxeco-jumpnav{gap:8px;padding-block:16px}.uxeco-jumpnav a{padding:11px 12px;font-size:12px}.uxeco-map-base a{padding:15px 13px}.uxeco-map-core{gap:11px;padding:17px 14px}.uxeco-map-core strong{font-size:14px}.uxeco-integration-sources strong{font-size:21px}.uxeco-page .open-payment-section{padding-block:45px}.uxeco-page .section-heading>p{max-width:none;margin-top:20px}}@media (max-width:370px){.uxeco-map{padding:19px}.uxeco-integration-sources>div{padding:17px 12px}.uxeco-integration-sources strong{font-size:18px}.uxeco-steps{grid-template-columns:1fr;gap:10px}.uxeco-map-core>svg:first-child{display:none}.uxeco-workplace-apps>div{padding-inline:12px}.uxeco-workplace-apps strong{font-size:12px}}