/* Shared chrome only: legacy content keeps its theme styles. */
@font-face {font-family: Yekan; src: url('assets/regular.woff2') format('woff2'); font-weight: 400; font-display: swap;}
@font-face {font-family: Yekan; src: url('assets/bold.woff2') format('woff2'); font-weight: 700; font-display: swap;}
.cs-chrome{--teal: #138997; --bright: #19a6b5; --deep: #0e5c66; --ink: #0f172a; --muted: #526573; --border: #d7e5e7; --pale: #eef8f9; --radius: 8px; --dark: #082f36; font-family: Yekan,Tahoma,Arial,sans-serif; color: var(--ink); background: #fff; font-synthesis: none; scroll-behavior: smooth; scroll-padding-top: 100px;}
.cs-chrome *{box-sizing: border-box;}
.cs-chrome{margin: 0;}
.cs-chrome button,.cs-chrome input,.cs-chrome select,.cs-chrome textarea{font: inherit;}
.cs-chrome button,.cs-chrome a{-webkit-tap-highlight-color: transparent;}
.cs-chrome button{cursor: pointer;}
.cs-chrome a{color: inherit; text-decoration: none;}
.cs-chrome button{color: inherit;}
.cs-chrome button:disabled{cursor: not-allowed;}
.cs-chrome h1,.cs-chrome h2,.cs-chrome h3,.cs-chrome p{margin: 0;}
.cs-chrome h1,.cs-chrome h2,.cs-chrome h3{font-weight: 700;}
.cs-chrome p{line-height: 1.95;}
.cs-chrome h2{font-size: clamp(1.9rem,3.2vw,2.8rem); line-height: 1.55;}
.cs-chrome h3{line-height: 1.65;}
.cs-chrome button:focus-visible,.cs-chrome a:focus-visible,.cs-chrome summary:focus-visible,.cs-chrome input:focus-visible,.cs-chrome textarea:focus-visible,.cs-chrome select:focus-visible,.cs-chrome [tabindex]:focus-visible{outline: 3px solid var(--bright); outline-offset: 4px;}
.cs-chrome button{border: 0;}
.cs-chrome svg.icon{width: 24px; height: 24px; flex-shrink: 0;}
.cs-chrome[dir=ltr] .directional{transform: rotate(180deg);}
.cs-chrome .container{width: min(1280px,calc(100% - 96px)); margin-inline: auto;}
.cs-chrome .header{position: sticky; top: 0; z-index: 20; background: #ffffffed; border-bottom: 1px solid #edf2f3; backdrop-filter: blur(14px);}
.cs-chrome .nav{display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 96px;}
.cs-chrome .brand{display: inline-flex; align-items: center;}
.cs-chrome .wordmark{display: inline-flex; flex-direction: column; font-size: 2.3rem; font-weight: 700; line-height: 1.05; color: var(--deep); text-align: center;}
.cs-chrome .wordmark>span{font: 700 9px Arial,sans-serif; letter-spacing: 4px; padding-top: 7px; padding-inline-start: 4px;}
.cs-chrome .navlinks{display: flex; align-items: center; gap: 30px; font-size: .94rem;}
.cs-chrome .navlinks a,.cs-chrome .text-link{padding-block: 10px;}
.cs-chrome .navlinks a:hover,.cs-chrome .text-link:hover{color: var(--teal);}
.cs-chrome .text-link{background: transparent; border: 0; font-size: inherit;}
.cs-chrome .nav-actions{display: flex; align-items: center; gap: 20px;}
.cs-chrome .button{display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; padding: 12px 25px; background: var(--deep); color: white; border-radius: 6px; border: 1px solid var(--deep); font-weight: 700; font-size: 1rem; transition: background .2s,transform .2s;}
.cs-chrome .button:hover{background: var(--teal); transform: translateY(-2px);}
.cs-chrome .button.compact{min-height: 46px; padding: 9px 18px; font-size: .9rem;}
.cs-chrome .button.secondary{background: white; color: var(--deep); border-color: var(--border);}
.cs-chrome .button.secondary:hover{background: var(--pale);}
.cs-chrome .languages{position: relative; font: 14px Arial,sans-serif;}
.cs-chrome .languages summary{display: flex; align-items: center; gap: 6px; cursor: pointer; min-height: 44px; list-style: none;}
.cs-chrome .languages summary::-webkit-details-marker{display: none;}
.cs-chrome .languages summary .icon{width: 19px;}
.cs-chrome .languages>div{position: absolute; top: 48px; inset-inline-end: 0; width: 130px; background: white; border: 1px solid var(--border); box-shadow: 0 8px 32px #082f3612; padding: 8px; border-radius: 8px;}
.cs-chrome .languages a{display: block; padding: 12px; font-family: Yekan,Arial,sans-serif;}
.cs-chrome .languages a:hover,.cs-chrome .languages [aria-current]{background: var(--pale); color: var(--deep);}
.cs-chrome .menu-toggle{display: none; background: none; padding: 10px; min-height: 44px; min-width: 44px;}
.cs-chrome .hero{display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 52px; padding-block: 76px 64px;}
.cs-chrome .eyebrow{font-size: .88rem; color: var(--deep); font-weight: 700; display: flex; align-items: center; gap: 10px; margin-bottom: 22px;}
.cs-chrome .tiny-line{width: 25px; height: 2px; background: var(--teal);}
.cs-chrome h1{font-size: clamp(2.6rem,4vw,3.65rem); line-height: 1.65; letter-spacing: -.025em;}
.cs-chrome h1 em{font-style: normal; color: var(--teal);}
.cs-chrome .lead{font-size: 1.12rem; color: var(--muted); max-width: 510px; margin-block: 22px 30px;}
.cs-chrome .hero-actions{display: flex; gap: 12px; flex-wrap: wrap;}
.cs-chrome .hero-foot{margin-top: 30px; color: #657880; font-size: .88rem;}
.cs-chrome .network-card{background: var(--dark); color: #fff; border-radius: 12px; position: relative; overflow: hidden; box-shadow: 0 20px 50px #082f361a; background-image: linear-gradient(#7fcbd306 1px,transparent 1px),linear-gradient(90deg,#7fcbd306 1px,transparent 1px); background-size: 32px 32px;}
.cs-chrome .network-heading{padding: 25px 28px 0;}
.cs-chrome .technical-label{font: 10px Arial,sans-serif; letter-spacing: 2px; color: #8cbac0; display: block; direction: ltr; text-align: start;}
.cs-chrome .network-heading h2{font-size: 1.3rem; margin-top: 18px;}
.cs-chrome .network-heading p{color: #a2c9ce; font-size: .87rem;}
.cs-chrome .network-diagram{position: relative; aspect-ratio: 600/430; margin: 0 12px; direction: ltr;}
.cs-chrome .network-diagram>svg{width: 100%; height: 100%; overflow: visible;}
.cs-chrome .orbit{fill: none; stroke: #76c3cc24; stroke-width: 1; stroke-dasharray: 3 8;}
.cs-chrome .outer{stroke: #76c3cc13; stroke-dasharray: none;}
.cs-chrome .connector{fill: none; stroke: #4196a080; stroke-width: 1;}
.cs-chrome .network-core{position: absolute; left: 50%; top: 50.5%; transform: translate(-50%,-50%); width: 106px; height: 106px; border-radius: 22px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: linear-gradient(145deg,#138997,#0e5c66); border: 1px solid #7fcbd391; box-shadow: 0 0 0 10px #19a6b508,0 0 50px #19a6b52c;}
.cs-chrome .network-core b{font-size: 2rem;}
.cs-chrome .network-core span{font-size: 12px; color: #d7eef0;}
.cs-chrome .network-node{position: absolute; left: var(--x); top: var(--y); transform: translate(-50%,-50%); display: flex; align-items: center; gap: 8px; border: 1px solid #79bbc544; background: #123e45; box-shadow: 0 5px 20px #00000012; border-radius: 7px; min-width: 108px; justify-content: center; padding: 11px 8px; white-space: nowrap; font-size: 13px;}
.cs-chrome .network-node .icon{width: 19px; color: #8ddce4;}
.cs-chrome .network-bottom{display: flex; align-items: center; justify-content: space-between; padding: 12px 25px; border-top: 1px solid #7fcbd322; color: #bbd3d6; font-size: .8rem;}
.cs-chrome .motion-toggle{border: 1px solid #7fcbd333; border-radius: 5px; background: transparent; color: #bbd3d6; width: 44px; height: 44px;}
.cs-chrome .trust{border-block: 1px solid var(--border); padding-block: 28px; display: flex; align-items: center; gap: 50px;}
.cs-chrome .trust-intro{min-width: 200px;}
.cs-chrome .trust-intro p{font-size: .93rem; font-weight: 700;}
.cs-chrome .trust-intro>span{font-size: .8rem; color: var(--muted);}
.cs-chrome .customer-names{display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 25px; color: #53666c; font-family: Arial,sans-serif;}
.cs-chrome .customer-names>span{font-weight: 700; font-size: 1.15rem; letter-spacing: -.5px;}
.cs-chrome .customer-names>span:nth-child(3){font-size: 1.4rem; font-style: italic;}
.cs-chrome .customer-names>span:nth-child(4){font-size: 1.9rem; font-style: italic;}
.cs-chrome .subword{display: block; font-size: 7px; letter-spacing: 2px; font-style: normal;}
.cs-chrome .section{padding-block: 98px;}
.cs-chrome .section-heading{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 46px;}
.cs-chrome .section-heading>p{color: var(--muted); font-size: 1.05rem; max-width: 490px;}
.cs-chrome .feature-grid{display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--border); border-radius: 8px; overflow: hidden;}
.cs-chrome .feature{padding: 27px; border-inline-end: 1px solid var(--border);}
.cs-chrome .feature:last-child{border: 0;}
.cs-chrome .feature-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.cs-chrome .feature-icon{display: grid; place-items: center; width: 46px; height: 46px; border-radius: 8px; background: var(--pale); color: var(--deep);}
.cs-chrome .index{font: 12px monospace; color: #83989d;}
.cs-chrome .feature h3{font-size: 1.18rem; margin-bottom: 12px;}
.cs-chrome .feature p{color: var(--muted); font-size: .96rem; line-height: 1.9;}
.cs-chrome .journey{background: var(--dark); color: #fff; padding-block: 76px; overflow: hidden;}
.cs-chrome .journey-heading{display: flex; align-items: end; justify-content: space-between; gap: 60px;}
.cs-chrome .journey .eyebrow{color: #7fcbd3;}
.cs-chrome .journey-heading>p{max-width: 370px; color: #b0cace; font-size: 1.05rem;}
.cs-chrome .step-tabs{display: flex; justify-content: space-between; margin-top: 45px; border-bottom: 1px solid #58879066; gap: 18px;}
.cs-chrome .step-tabs button{display: flex; align-items: center; gap: 14px; min-height: 75px; padding: 15px 6px; border-bottom: 3px solid transparent; background: transparent; color: #b0cace; font-size: 1rem;}
.cs-chrome .step-tabs [aria-selected=true]{color: #fff; border-color: #7fcbd3;}
.cs-chrome .step-number{font: 13px monospace; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #588790; border-radius: 50%;}
.cs-chrome .step-tabs [aria-selected=true] .step-number{color: var(--dark); background: #7fcbd3; border-color: #7fcbd3;}
.cs-chrome .journey-panel{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; padding-top: 44px; min-height: 240px;}
.cs-chrome .journey-graphic{direction: ltr;}
.cs-chrome .journey-track{height: 125px; position: relative; display: flex; justify-content: space-between; align-items: center;}
.cs-chrome .journey-track:before{content: ''; position: absolute; height: 1px; top: 50%; left: 25px; right: 25px; background: repeating-linear-gradient(90deg,#7fcbd3 0 7px,transparent 7px 14px);}
.cs-chrome .track-start,.cs-chrome .track-end{border: 1px solid #6c9ca3; background: var(--dark); border-radius: 50%; width: 40px; height: 40px; display: grid; place-items: center; font: 12px monospace; z-index: 1;}
.cs-chrome .moving-parcel{position: absolute; left: 12%; top: 30px; display: grid; place-items: center; background: var(--teal); border: 1px solid #7fcbd3; border-radius: 8px; width: 64px; height: 64px; box-shadow: 0 0 35px #19a6b540; transition: left .65s ease;}
.cs-chrome .moving-parcel .icon{width: 32px; height: 32px;}
.cs-chrome .journey-code{font: 9px Arial,sans-serif; letter-spacing: 1px; color: #93bbc0; display: block; text-align: center;}
.cs-chrome .journey-copy h3{font-size: 1.45rem; margin-bottom: 12px;}
.cs-chrome .journey-copy p{color: #b0cace; line-height: 1.9;}
.cs-chrome .step-controls{display: flex; align-items: center; gap: 15px; margin-top: 20px;}
.cs-chrome .step-controls button{background: transparent; color: #a4dce2; border: 1px solid #5d929b66; border-radius: 50%; width: 44px; height: 44px; display: grid; place-items: center;}
.cs-chrome .step-controls span{font: 12px monospace; color: #a4dce2;}
.cs-chrome .previous{transform: rotate(180deg);}
.cs-chrome[dir=ltr] .previous{transform: none;}
.cs-chrome[dir=ltr] .next{transform: rotate(180deg);}
.cs-chrome .solutions-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 18px;}
.cs-chrome .solution{text-align: start; padding: 26px; background: #f8fafc; border-radius: 8px; border: 1px solid #edf2f3; transition: background .2s,border-color .2s,transform .2s;}
.cs-chrome .solution:hover{background: var(--pale); border-color: #7fcbd3; transform: translateY(-4px);}
.cs-chrome .solution-number{font: 13px monospace; color: var(--teal); display: block; margin-bottom: 28px;}
.cs-chrome .solution h3{font-size: 1.17rem; margin-bottom: 12px;}
.cs-chrome .solution p{color: var(--muted); font-size: .95rem; min-height: 100px;}
.cs-chrome .solution-link{display: flex; gap: 8px; align-items: center; justify-content: space-between; font-size: .83rem; color: var(--deep); font-weight: 700; margin-top: 25px;}
.cs-chrome .solution-link .icon{width: 20px;}
.cs-chrome .connect{background: var(--pale); padding-block: 74px;}
.cs-chrome .connect-grid{display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px;}
.cs-chrome .connect p:not(.eyebrow){color: var(--muted); margin-top: 22px; max-width: 490px; font-size: 1.04rem;}
.cs-chrome .text-cta{background: transparent; padding: 14px 0; color: var(--deep); font-weight: 700; display: inline-flex; align-items: center; gap: 20px; margin-top: 12px; min-height: 44px;}
.cs-chrome .integration-diagram{display: flex; align-items: center; gap: 65px; position: relative; padding: 22px 0;}
.cs-chrome .integration-core{display: grid; place-items: center; border: 1px solid #7fcbd3; border-radius: 16px; background: white; width: 125px; height: 125px; flex-shrink: 0; box-shadow: 0 12px 35px #0e5c660c;}
.cs-chrome .integration-targets{display: flex; flex-direction: column; gap: 16px; flex: 1; position: relative;}
.cs-chrome .integration-targets:before{content: ''; position: absolute; inset-inline-start: -32px; top: 28px; bottom: 28px; border-inline-start: 1px solid #7fcbd3;}
.cs-chrome .integration-core:after{content: ''; position: absolute; width: 33px; height: 1px; background: #7fcbd3; inset-inline-start: 125px;}
.cs-chrome .integration-targets>span{position: relative; display: flex; align-items: center; gap: 12px; background: white; border: 1px solid var(--border); border-radius: 6px; padding: 17px; font-size: .95rem;}
.cs-chrome .integration-targets>span:before{content: ''; position: absolute; inset-inline-start: -33px; width: 33px; height: 1px; background: #7fcbd3;}
.cs-chrome .integration-targets .icon{color: var(--teal); width: 20px;}
.cs-chrome .about{display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center;}
.cs-chrome .about>div>p:not(.eyebrow){font-size: 1.1rem; color: var(--muted);}
.cs-chrome .final-cta{background: var(--deep); color: white; border-radius: 12px; padding: 52px 58px; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative;}
.cs-chrome .final-cta .eyebrow{color: #a2dce3; margin-bottom: 10px;}
.cs-chrome .final-cta h2{font-size: 2.25rem;}
.cs-chrome .final-cta p:not(.eyebrow){color: #d7eef0; margin-top: 12px;}
.cs-chrome .button.light{background: white; color: var(--deep); border-color: white; flex-shrink: 0;}
.cs-chrome .footer{padding-top: 65px;}
.cs-chrome .footer-top{display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-bottom: 45px;}
.cs-chrome .footer-top p{color: var(--muted); font-size: .88rem; margin-top: 20px;}
.cs-chrome .footer-nav{display: flex; gap: 24px; align-items: center; font-size: .9rem;}
.cs-chrome .contacts{display: flex; flex-direction: column; gap: 12px; direction: ltr; font: 14px Arial,sans-serif; color: var(--deep);}
.cs-chrome .footer-bottom{display: flex; justify-content: space-between; align-items: center; padding-block: 23px; border-top: 1px solid var(--border); color: var(--muted); font-size: .8rem;}
.cs-chrome .skip{position: fixed; top: -100px; z-index: 100; background: white; padding: 20px;}
.cs-chrome .skip:focus{top: 10px;}
.cs-chrome dialog{width: min(660px,calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid var(--border); border-radius: 12px; padding: 38px; color: var(--ink); box-shadow: 0 30px 100px #082f3650;}
.cs-chrome dialog::backdrop{background: #082f3699; backdrop-filter: blur(5px);}
.cs-chrome .dialog-close{position: absolute; inset-inline-end: 16px; top: 12px; background: transparent; display: grid; place-items: center; width: 44px; height: 44px; color: var(--muted);}
.cs-chrome .dialog-intro{padding-top: 15px;}
.cs-chrome .dialog-intro h2{font-size: 1.7rem;}
.cs-chrome .dialog-intro>p:last-child{color: var(--muted); margin-top: 12px;}
.cs-chrome .form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 26px;}
.cs-chrome label{font-size: .9rem; font-weight: 700;}
.cs-chrome label span{font-weight: 400; color: var(--muted);}
.cs-chrome input,.cs-chrome select,.cs-chrome textarea{display: block; max-width: 100%; width: 100%; border: 1px solid #becfd2; border-radius: 6px; padding: 10px; margin-top: 8px; background: white; color: var(--ink); min-height: 46px;}
.cs-chrome textarea{resize: vertical;}
.cs-chrome .full{grid-column: 1/-1;}
.cs-chrome .form-notice{font-size: .88rem; padding: 14px; background: var(--pale); margin-top: 20px; color: var(--deep); border-radius: 6px;}
.cs-chrome .dialog-contacts{display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font: 14px Arial,sans-serif; margin-block: 20px;}
.cs-chrome .button:disabled{background: #e4eced; color: #647b80; border-color: #e4eced; transform: none;}
.cs-chrome #blog-dialog{max-width: 470px;}
.cs-chrome #blog-dialog h2{font-size: 1.8rem;}
.cs-chrome #blog-dialog>p:last-child{color: var(--muted); margin-top: 15px;}
.cs-chrome[lang=en] h1{font-family: Arial,sans-serif; font-size: clamp(2.5rem,4.5vw,4rem); line-height: 1.12; letter-spacing: -.055em;}
.cs-chrome[lang=en] h2{font-family: Arial,sans-serif; line-height: 1.2; letter-spacing: -.04em;}
.cs-chrome[lang=en] .eyebrow{font: 700 11px Arial,sans-serif; letter-spacing: 1.3px;}
.cs-chrome[lang=en] .network-core b{font: 700 18px Arial,sans-serif;}
.cs-chrome[lang=en] .network-heading h2{font-size: 1.35rem;}
.cs-chrome[lang=en] .navlinks{gap: 22px;}
.cs-chrome .paused *{animation-play-state: paused !important;}
@media (min-width:1600px) {.cs-chrome .hero{padding-block: 100px 80px;}}
@media (max-width:1150px) {.cs-chrome .container{width: calc(100% - 64px);}
.cs-chrome .nav{gap: 20px;}
.cs-chrome .navlinks{gap: 18px;}
.cs-chrome .nav-actions{gap: 12px;}
.cs-chrome .hero{gap: 30px;}
.cs-chrome .network-node{min-width: 92px; font-size: 12px; padding: 10px 6px;}
.cs-chrome .network-node .icon{width: 16px;}
.cs-chrome .network-core{width: 86px; height: 86px;}
.cs-chrome .hero h1{font-size: 2.65rem;}
.cs-chrome .feature{padding: 22px;}
.cs-chrome .solutions-grid{grid-template-columns: repeat(2,1fr);}
.cs-chrome .solution p{min-height: 0;}
.cs-chrome .section-heading,.cs-chrome .connect-grid,.cs-chrome .about{gap: 45px;}
.cs-chrome .footer-top{flex-wrap: wrap;}
.cs-chrome .customer-names>span{font-size: 1rem;}
.cs-chrome .trust{gap: 25px;}
.cs-chrome .navlinks{font-size: .86rem;}}
@media (max-width:920px) {.cs-chrome .navlinks{display: none; position: absolute; top: 82px; inset-inline: 0; background: white; padding: 20px 32px; border-bottom: 1px solid var(--border); box-shadow: 0 20px 30px #082f3610;}
.cs-chrome .navlinks.open{display: flex; flex-direction: column; align-items: stretch; gap: 4px;}
.cs-chrome .navlinks a,.cs-chrome .navlinks .text-link{text-align: start; min-height: 44px; font-size: 1rem;}
.cs-chrome .menu-toggle{display: block;}
.cs-chrome .nav{min-height: 82px;}
.cs-chrome .hero{grid-template-columns: 1fr 1fr; gap: 25px; padding-block: 50px;}
.cs-chrome .hero h1{font-size: 2.2rem;}
.cs-chrome .lead{font-size: 1rem;}
.cs-chrome .hero-actions{gap: 8px;}
.cs-chrome .hero-actions .button{padding-inline: 14px; min-height: 48px;}
.cs-chrome .network-heading{padding: 20px 18px 0;}
.cs-chrome .network-heading h2{font-size: 1.1rem;}
.cs-chrome .network-heading p{font-size: 12px;}
.cs-chrome .technical-label{font-size: 8px; letter-spacing: 1px;}
.cs-chrome .network-node{min-width: 70px; font-size: 11px; gap: 5px; flex-direction: column; padding: 7px 6px;}
.cs-chrome .network-core{width: 74px; height: 74px; border-radius: 15px;}
.cs-chrome .network-core b{font-size: 1.5rem;}
.cs-chrome .network-core span{font-size: 10px;}
.cs-chrome .network-bottom{padding: 8px 15px; font-size: 11px;}
.cs-chrome .feature-grid{grid-template-columns: repeat(2,1fr);}
.cs-chrome .feature:nth-child(2){border-inline-end: 0;}
.cs-chrome .feature:nth-child(-n+2){border-bottom: 1px solid var(--border);}
.cs-chrome .trust{flex-direction: column; align-items: stretch; gap: 22px;}
.cs-chrome .trust-intro{display: flex; justify-content: space-between; gap: 15px; align-items: center;}
.cs-chrome .section{padding-block: 65px;}
.cs-chrome .section-heading{gap: 35px;}
.cs-chrome .section-heading>p{font-size: .95rem;}
.cs-chrome .journey{padding-block: 55px;}
.cs-chrome .journey-panel{gap: 35px;}
.cs-chrome .connect-grid{gap: 40px;}
.cs-chrome .integration-diagram{gap: 35px;}
.cs-chrome .integration-core{width: 90px; height: 90px;}
.cs-chrome .integration-core:after{inset-inline-start: 90px; width: 18px;}
.cs-chrome .integration-targets:before{inset-inline-start: -18px;}
.cs-chrome .integration-targets>span:before{inset-inline-start: -18px; width: 18px;}
.cs-chrome .integration-targets>span{padding: 13px; font-size: .82rem; gap: 8px;}
.cs-chrome .final-cta{padding: 36px;}
.cs-chrome .final-cta h2{font-size: 1.85rem;}
.cs-chrome .footer-nav{gap: 18px;}}
@media (max-width:640px) {.cs-chrome .container{width: calc(100% - 40px);}
.cs-chrome .nav{min-height: 76px; gap: 12px;}
.cs-chrome .wordmark{font-size: 1.95rem;}
.cs-chrome .nav-actions{gap: 8px;}
.cs-chrome .button.compact{font-size: .8rem; padding: 9px 12px; min-height: 44px;}
.cs-chrome .button.compact .icon{display: none;}
.cs-chrome .languages summary{gap: 4px; font-size: 12px;}
.cs-chrome .languages summary .icon{width: 17px;}
.cs-chrome .menu-toggle{padding: 8px; width: 40px;}
.cs-chrome .navlinks{top: 76px;}
.cs-chrome .hero{grid-template-columns: 1fr; padding-block: 38px 32px; gap: 34px;}
.cs-chrome .eyebrow{font-size: .8rem; margin-bottom: 18px;}
.cs-chrome .hero h1{font-size: 2.55rem; line-height: 1.55;}
.cs-chrome .lead{font-size: 1.03rem; margin-block: 16px 24px;}
.cs-chrome .hero-foot{margin-top: 20px; font-size: .78rem;}
.cs-chrome .hero-actions .button{min-height: 50px; padding-inline: 20px;}
.cs-chrome .network-heading{padding: 20px 22px 0;}
.cs-chrome .technical-label{font-size: 8px; letter-spacing: 1.5px;}
.cs-chrome .network-heading h2{font-size: 1.15rem; margin-top: 12px;}
.cs-chrome .network-heading p{font-size: .8rem;}
.cs-chrome .network-node{font-size: 12px; flex-direction: row; gap: 5px; padding: 9px 6px; min-width: 80px;}
.cs-chrome .network-core{width: 78px; height: 78px;}
.cs-chrome .network-bottom{font-size: .75rem;}
.cs-chrome .trust{padding-block: 24px;}
.cs-chrome .trust-intro{display: block;}
.cs-chrome .trust-intro>span{display: block; margin-top: 4px;}
.cs-chrome .customer-names{flex-wrap: wrap; justify-content: center; column-gap: 28px; row-gap: 20px;}
.cs-chrome .customer-names>span{font-size: 1rem;}
.cs-chrome .customer-names>span:nth-child(3){font-size: 1.25rem;}
.cs-chrome .customer-names>span:nth-child(4){font-size: 1.5rem;}
.cs-chrome .section{padding-block: 52px;}
.cs-chrome .section-heading{grid-template-columns: 1fr; gap: 22px; margin-bottom: 26px;}
.cs-chrome h2{font-size: 1.9rem;}
.cs-chrome .feature{padding: 20px 16px;}
.cs-chrome .feature h3{font-size: 1rem;}
.cs-chrome .feature p{font-size: .9rem;}
.cs-chrome .feature-top{margin-bottom: 18px;}
.cs-chrome .feature-icon{width: 40px; height: 40px;}
.cs-chrome .feature-icon .icon{width: 21px;}
.cs-chrome .feature .index{font-size: 11px;}
.cs-chrome .journey-heading{display: block;}
.cs-chrome .journey-heading>p{margin-top: 20px; font-size: 1rem;}
.cs-chrome .step-tabs{gap: 2px; margin-top: 25px;}
.cs-chrome .step-tabs button{flex-direction: column; gap: 9px; padding: 12px 2px; font-size: .8rem; flex: 1; min-height: 90px;}
.cs-chrome .step-number{width: 29px; height: 29px; font-size: 11px;}
.cs-chrome .journey-panel{grid-template-columns: 1fr; gap: 18px; padding-top: 18px;}
.cs-chrome .journey-graphic{order: 2;}
.cs-chrome .journey-copy{padding-top: 12px;}
.cs-chrome .journey-copy h3{font-size: 1.25rem;}
.cs-chrome .journey-copy p{font-size: .95rem; min-height: 90px;}
.cs-chrome .journey-code{font-size: 7px; letter-spacing: .5px;}
.cs-chrome .journey-track{height: 100px;}
.cs-chrome .moving-parcel{top: 20px; width: 60px; height: 60px;}
.cs-chrome .solutions-grid{grid-template-columns: 1fr; gap: 12px;}
.cs-chrome .solution{padding: 22px; display: grid; grid-template-columns: 30px 1fr; column-gap: 12px;}
.cs-chrome .solution-number{margin: 5px 0 0; grid-row: 1/4;}
.cs-chrome .solution h3{margin-bottom: 8px;}
.cs-chrome .solution p{font-size: .94rem;}
.cs-chrome .solution-link{margin-top: 16px; font-size: .88rem;}
.cs-chrome .connect{padding-block: 48px;}
.cs-chrome .connect-grid{grid-template-columns: 1fr; gap: 25px;}
.cs-chrome .integration-diagram{padding-block: 8px; gap: 55px;}
.cs-chrome .integration-core{width: 100px; height: 100px;}
.cs-chrome .integration-core:after{inset-inline-start: 100px; width: 28px;}
.cs-chrome .integration-targets:before{inset-inline-start: -28px;}
.cs-chrome .integration-targets>span:before{inset-inline-start: -28px; width: 28px;}
.cs-chrome .integration-targets>span{font-size: .87rem; padding: 14px 10px;}
.cs-chrome .about{grid-template-columns: 1fr; gap: 22px;}
.cs-chrome .about>div>p:not(.eyebrow){font-size: 1rem;}
.cs-chrome .final-cta{flex-direction: column; align-items: start; padding: 30px 24px; gap: 25px;}
.cs-chrome .final-cta h2{font-size: 1.65rem;}
.cs-chrome .final-cta p:not(.eyebrow){font-size: .95rem;}
.cs-chrome .footer{padding-top: 45px;}
.cs-chrome .footer-top{align-items: start; gap: 26px; padding-bottom: 28px;}
.cs-chrome .footer-top>div:first-child{width: 100%;}
.cs-chrome .footer-nav{width: 100%; justify-content: space-between; gap: 12px;}
.cs-chrome .footer-bottom{font-size: .73rem; gap: 18px;}
.cs-chrome .contacts{font-size: 14px;}
.cs-chrome .form-grid{grid-template-columns: 1fr; gap: 15px;}
.cs-chrome dialog{padding: 30px 22px;}
.cs-chrome .dialog-intro h2{font-size: 1.4rem;}
.cs-chrome .dialog-intro p{font-size: .94rem;}
.cs-chrome .dialog-intro .eyebrow{padding-inline-end: 22px;}
.cs-chrome[lang=en] .hero h1{font-size: 2.6rem;}
.cs-chrome[lang=en] .network-node{font-size: 10px;}
.cs-chrome[lang=en] .network-core b{font-size: 15px;}
.cs-chrome[lang=ar] .hero h1{font-size: 2.2rem;}}
@media (max-width:360px) {.cs-chrome .container{width: calc(100% - 28px);}
.cs-chrome .hero h1{font-size: 2.2rem;}
.cs-chrome .network-node{font-size: 10px; min-width: 66px;}
.cs-chrome .network-node .icon{width: 13px;}
.cs-chrome .nav-actions{gap: 2px;}
.cs-chrome .button.compact{padding-inline: 9px;}
.cs-chrome .feature-grid{grid-template-columns: 1fr;}
.cs-chrome .feature{border-inline-end: 0; border-bottom: 1px solid var(--border);}
.cs-chrome .feature:nth-child(3){border-bottom: 1px solid var(--border);}
.cs-chrome .integration-diagram{gap: 38px;}
.cs-chrome .integration-core{width: 80px; height: 80px;}
.cs-chrome .integration-core:after{inset-inline-start: 80px; width: 20px;}
.cs-chrome .integration-targets:before,.cs-chrome .integration-targets>span:before{inset-inline-start: -20px;}
.cs-chrome .integration-targets>span:before{width: 20px;}}
@media (prefers-reduced-motion:reduce) {.cs-chrome{scroll-behavior: auto;}
.cs-chrome *,.cs-chrome *:before,.cs-chrome *:after{animation: none !important; transition: none !important;}
.cs-chrome .packet{display: none;}}
.cs-chrome .hero.container{width: 100%; margin-inline: 0; padding-inline: max(48px,calc((100% - 1280px)/2)); color: #fff; background-color: var(--dark); background-image: radial-gradient(ellipse at 25% 48%,#19a6b51c,transparent 57%),linear-gradient(#7fcbd308 1px,transparent 1px),linear-gradient(90deg,#7fcbd308 1px,transparent 1px); background-size: auto,32px 32px,32px 32px;}
.cs-chrome[dir=ltr] .hero.container{background-image: radial-gradient(ellipse at 75% 48%,#19a6b51c,transparent 57%),linear-gradient(#7fcbd308 1px,transparent 1px),linear-gradient(90deg,#7fcbd308 1px,transparent 1px);}
.cs-chrome .hero .eyebrow,.cs-chrome .hero h1 em{color: #7fcbd3;}
.cs-chrome .hero .tiny-line{background: #7fcbd3;}
.cs-chrome .hero .lead{color: #c4dade;}
.cs-chrome .hero .hero-foot{color: #a2c5cb;}
.cs-chrome .hero .button{background: #7fcbd3; border-color: #7fcbd3; color: #082f36;}
.cs-chrome .hero .button:hover{background: #a3e0e6; border-color: #a3e0e6;}
.cs-chrome .hero .button.secondary{background: transparent; border-color: #7fcbd370; color: #e6f4f6;}
.cs-chrome .hero .button.secondary:hover{background: #7fcbd314; border-color: #7fcbd3;}
.cs-chrome .hero .network-card{background: none; border-radius: 0; box-shadow: none; overflow: visible;}
.cs-chrome .hero .network-bottom{border-top-color: #7fcbd326;}
@media (max-width:1150px) {.cs-chrome .hero.container{padding-inline: 32px;}}
@media (max-width:640px) {.cs-chrome .hero.container{padding-inline: 20px;}
.cs-chrome .hero .network-heading{padding-inline: 0;}
.cs-chrome .hero .network-bottom{padding-inline: 0;}}
@media (max-width:360px) {.cs-chrome .hero.container{padding-inline: 14px;}}
.cs-chrome .customer-section{display: block !important; padding-block: 40px !important;}
.cs-chrome .customer-heading{display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 22px;}
.cs-chrome .customer-heading h2{font-size: 1rem; margin: 0; color: #475569; font-weight: 400;}
.cs-chrome .customer-controls{display: flex; gap: 8px; direction: ltr;}
.cs-chrome .customer-controls button{width: 44px; height: 44px; border: 1px solid #d7e6e8; border-radius: 8px; background: white; color: #0e5c66; font-size: 26px; cursor: pointer;}
.cs-chrome [dir=rtl] .customer-controls{flex-direction: row-reverse;}
.cs-chrome .customer-controls button:hover{background: #eef8f9;}
.cs-chrome .customer-track{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-block: 4px 12px; scrollbar-width: thin; scrollbar-color: #7fcbd3 transparent;}
.cs-chrome .customer-name{flex: 0 0 calc((100% - 64px)/5); min-width: 165px; min-height: 88px; display: flex; align-items: center; justify-content: center; scroll-snap-align: start; border-inline-end: 1px solid #d7e6e8; padding: 12px 20px; color: #0e5c66; font-size: 1.25rem; font-weight: 700; text-align: center;}
.cs-chrome .usecase-layout{display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 32px; margin-top: 40px;}
.cs-chrome .usecase-tabs{display: flex; flex-direction: column; gap: 8px;}
.cs-chrome .usecase-tabs button{font: inherit; font-size: 1rem; text-align: start; padding: 18px 16px; display: flex; align-items: center; gap: 16px; background: transparent; border: 1px solid transparent; border-radius: 8px; color: #475569; cursor: pointer; min-height: 60px;}
.cs-chrome .usecase-index{font-size: .875rem; opacity: .65; font-variant-numeric: tabular-nums;}
.cs-chrome .usecase-tabs button:hover{background: #eef8f9;}
.cs-chrome .usecase-tabs button[aria-selected=true]{background: #0e5c66; color: white; border-color: #0e5c66; box-shadow: 0 8px 24px #0e5c6612;}
.cs-chrome .usecase-panel{border: 1px solid #d7e6e8; border-radius: 16px; padding: 36px; background: linear-gradient(135deg,#eef8f9,white 65%); min-height: 540px;}
.cs-chrome .usecase-panel[hidden]{display: none;}
.cs-chrome .usecase-panel>.technical-label{color: #11707c; text-align: start; font-size: .75rem;}
.cs-chrome .usecase-panel h3{font-size: 2rem; margin: 16px 0;}
.cs-chrome .usecase-description{font-size: 1.0625rem; color: #475569; line-height: 1.9; max-width: 660px;}
.cs-chrome .flow-label{font-size: .875rem; color: #64748b; margin: 28px 0 12px;}
.cs-chrome .usecase-flow{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; gap: 0; margin: 0 0 28px;}
.cs-chrome .usecase-flow li{position: relative; border-top: 2px solid #7fcbd3; padding: 14px 12px 0 0; font-size: .9375rem; line-height: 1.7;}
.cs-chrome .usecase-flow li span{display: block; color: #138997; font-size: .75rem; margin-bottom: 4px; direction: ltr; text-align: start;}
.cs-chrome .customer-story{display: flex; gap: 16px; padding: 22px; border-radius: 10px; background: #082f36; color: white; margin-bottom: 28px;}
.cs-chrome .story-icon{flex-shrink: 0; color: #7fcbd3; padding-top: 4px;}
.cs-chrome .story-label{margin: 0 !important; color: #7fcbd3; font-size: .8125rem;}
.cs-chrome .customer-story h4{font-size: 1.25rem; margin: 8px 0;}
.cs-chrome .customer-story p:last-child{font-size: .9375rem; line-height: 1.9; color: #d7eef0; margin: 8px 0 0;}
.cs-chrome .usecase-panel>.button{font-size: .9375rem;}
.cs-chrome .usecase-panel:focus-visible,.cs-chrome .customer-track:focus-visible{outline: 2px solid #138997; outline-offset: 5px;}
@media (max-width:900px) {.cs-chrome .usecase-layout{grid-template-columns: 220px minmax(0,1fr); gap: 20px;}
.cs-chrome .usecase-panel{padding: 24px;}
.cs-chrome .customer-name{flex-basis: calc((100% - 32px)/3);}}
@media (max-width:600px) {.cs-chrome .usecase-layout{display: block;}
.cs-chrome .usecase-tabs{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px;}
.cs-chrome .usecase-tabs button{padding: 12px 10px; font-size: .875rem; gap: 8px; min-height: 60px;}
.cs-chrome .usecase-index{font-size: .75rem;}
.cs-chrome .usecase-panel{padding: 22px 18px; min-height: 0;}
.cs-chrome .usecase-panel h3{font-size: 1.65rem;}
.cs-chrome .usecase-flow{grid-template-columns: 1fr; gap: 12px;}
.cs-chrome .usecase-flow li{border-top: 0; border-inline-start: 2px solid #7fcbd3; padding: 0 12px; display: flex; gap: 12px;}
.cs-chrome .usecase-flow li span{padding-top: 3px;}
.cs-chrome .customer-story{padding: 18px 14px; gap: 10px;}
.cs-chrome .customer-name{flex-basis: 65%; min-width: 0;}
.cs-chrome .customer-heading{gap: 12px;}
.cs-chrome .customer-heading h2{font-size: .9375rem;}
.cs-chrome .usecase-panel>.button{width: 100%;}}
.cs-chrome .customer-logo{display: inline-flex; align-items: center; justify-content: center; gap: 10px; max-width: 100%;}
.cs-chrome .customer-logo img{display: block; width: 120px; height: 48px; object-fit: contain;}
.cs-chrome .logo-1,.cs-chrome .logo-3{background: #123c43; border-radius: 6px; padding: 10px;}
.cs-chrome .logo-1 img,.cs-chrome .logo-3 img{width: 120px; height: 40px;}
.cs-chrome .logo-2 img{width: 30px; height: 48px;}
.cs-chrome .logo-2 span{font-size: .875rem; max-width: 100px; line-height: 1.6; color: #334b55;}
.cs-chrome .customer-wordmark{font-size: 1rem; font-weight: 700; color: #526573; line-height: 1.7;}
.cs-chrome .model-stage{margin-top: 40px; border-radius: 12px; background: #083d45; color: #fff; overflow: hidden; position: relative;}
.cs-chrome .model-stage:before{content: ''; display: block; height: 3px; background: linear-gradient(90deg,#128998,#a4e2d7,#128998); background-size: 200% 100%; animation: signal-shift 8s ease-in-out infinite;}
.cs-chrome .model-stage-heading{padding: 26px 32px; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid #ffffff20; font-size: .875rem; color: #c9e4e7;}
.cs-chrome .model-signature{font: 12px/1.7 Arial,sans-serif; letter-spacing: .14em; direction: ltr; color: #83bcc3;}
.cs-chrome .model-showcase{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 36px 0 40px;}
.cs-chrome .model-feature{padding: 0 28px; min-width: 0; position: relative;}
.cs-chrome .model-feature+.model-feature{border-inline-start: 1px solid #ffffff24;}
.cs-chrome .model-code{font: 11px/1.6 Arial,sans-serif; letter-spacing: .08em; color: #8ac8d0; display: block; min-height: 32px;}
.cs-chrome .model-brand{height: 100px; display: flex; align-items: center; margin-block: 14px 26px;}
.cs-chrome .model-brand .customer-logo{justify-content: flex-start;}
.cs-chrome .model-brand .customer-logo img{width: 155px; height: 60px;}
.cs-chrome .model-brand .logo-1,.cs-chrome .model-brand .logo-3{padding: 0; background: none;}
.cs-chrome .model-brand .logo-0{padding: 12px; background: #fff; border-radius: 6px;}
.cs-chrome .model-brand .logo-0 img{width: 135px; height: 48px;}
.cs-chrome .model-brand .logo-2{padding: 10px 14px; background: #fff; border-radius: 6px;}
.cs-chrome .model-brand .logo-2 img{width: 32px; height: 56px;}
.cs-chrome .model-brand .logo-2 span{font-size: .875rem;}
.cs-chrome .model-feature h3{font-size: 1.2rem; line-height: 1.65; margin: 0 0 10px; color: #fff;}
.cs-chrome .model-feature p{font-size: 1rem; line-height: 1.9; color: #c9e1e4; margin: 0;}
.cs-chrome .model-more{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; padding-block: 32px;}
.cs-chrome .model-more article{min-width: 0; padding-inline-start: 18px; border-inline-start: 2px solid #69b6bd;}
.cs-chrome .model-more h3{margin: 0 0 8px; font-size: 1.125rem; color: #0e5c66; line-height: 1.7;}
.cs-chrome .model-more p{font-size: 1rem; color: #526573; line-height: 1.85; margin: 0;}
.cs-chrome .model-example{display: block; margin-top: 14px; color: #0e5c66; font-size: .875rem; font-weight: 700;}
.cs-chrome .model-example small{display: block; font-size: .75rem; color: #647582; font-weight: 400; line-height: 1.8; margin-top: 4px;}
.cs-chrome .solutions-footer{border-top: 1px solid #d7e5e7; padding-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.cs-chrome .solutions-footer p{font-size: 1rem; color: #526573; margin: 0;}
.cs-chrome .solutions-footer .button{flex-shrink: 0;}
@keyframes signal-shift {50% {background-position: 100% 0;} }
@media (max-width:1100px) {.cs-chrome .model-feature{padding-inline: 20px;}
.cs-chrome .model-feature h3{font-size: 1.1rem;}
.cs-chrome .model-brand .customer-logo img{max-width: 130px;}
.cs-chrome .model-more{gap: 24px;}}
@media (max-width:850px) {.cs-chrome .model-showcase{grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0;}
.cs-chrome .model-feature{padding: 28px;}
.cs-chrome .model-feature:nth-child(3){border-inline-start: 0;}
.cs-chrome .model-feature:nth-child(n+3){border-top: 1px solid #ffffff24;}
.cs-chrome .model-brand{height: 74px; margin-block: 10px 18px;}
.cs-chrome .model-more{gap: 20px;}}
@media (max-width:560px) {.cs-chrome .model-stage{margin-top: 24px;}
.cs-chrome .model-stage-heading{padding: 20px; flex-direction: column; gap: 6px;}
.cs-chrome .model-showcase{grid-template-columns: 1fr;}
.cs-chrome .model-feature{display: grid; grid-template-columns: minmax(0,1fr) 100px; gap: 0 16px; padding: 24px;}
.cs-chrome .model-feature+.model-feature{border-inline-start: 0; border-top: 1px solid #ffffff24;}
.cs-chrome .model-code{grid-column: 1/-1; min-height: 0; margin-bottom: 12px; font-size: 10px;}
.cs-chrome .model-brand{grid-column: 2; grid-row: 2/4; margin: 0; height: auto; justify-content: center;}
.cs-chrome .model-brand .customer-logo img{width: 100px; height: 44px;}
.cs-chrome .model-brand .logo-0{padding: 8px;}
.cs-chrome .model-brand .logo-0 img{width: 84px; height: 36px;}
.cs-chrome .model-brand .logo-2{padding: 8px; gap: 5px; flex-direction: column;}
.cs-chrome .model-brand .logo-2 img{width: 20px; height: 32px;}
.cs-chrome .model-brand .logo-2 span{font-size: .75rem; text-align: center;}
.cs-chrome .model-feature h3{grid-column: 1; font-size: 1.125rem;}
.cs-chrome .model-feature p{grid-column: 1; font-size: 1rem;}
.cs-chrome .model-more{grid-template-columns: 1fr; padding-block: 28px; gap: 24px;}
.cs-chrome .solutions-footer{align-items: flex-start; flex-direction: column;}
.cs-chrome .solutions-footer .button{width: 100%;}}
@media (prefers-reduced-motion:reduce) {.cs-chrome .model-stage:before{animation: none;}}
.cs-chrome .model-brand,.cs-chrome .model-brand .customer-logo{justify-content: center;}
.cs-chrome .model-brand{width: 100%;}
.cs-chrome .model-feature .model-customer-name{color: #8fced5; font-size: .875rem; font-weight: 700; margin-top: 12px;}
.cs-chrome .model-more-logo{height: 78px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px;}
.cs-chrome .model-more-logo img{width: 135px; height: 68px;}
.cs-chrome .model-more-logo .logo-4 img{width: 82px; height: 78px;}
.cs-chrome .model-more-logo .logo-10 img{width: 155px; height: 78px;}
.cs-chrome .customer-track{display: block; overflow: hidden; scroll-snap-type: none; padding: 8px 0; mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);}
.cs-chrome .customer-track{direction: ltr;}
.cs-chrome .customer-belt{display: flex; direction: ltr; width: max-content; will-change: transform;}
.cs-chrome .customer-group{display: flex; flex-shrink: 0; direction: inherit;}
.cs-chrome[dir=rtl] .customer-group{direction: rtl;}
.cs-chrome .customer-group .customer-name{width: 220px; min-width: 220px; flex: 0 0 220px; margin: 0;}
.cs-chrome .customer-name .logo-4 img{width: 66px; height: 66px;}
.cs-chrome .customer-name .logo-6 img{width: 135px; height: 55px;}
.cs-chrome .customer-name .logo-10 img{width: 135px; height: 66px;}
.cs-chrome .customer-controls [data-customers-pause]{font-size: 18px;}
.cs-chrome .step-tabs{display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0;}
.cs-chrome .step-tabs button{justify-content: center;}
.cs-chrome .journey-rail{position: relative; height: 112px; margin-top: 6px;}
.cs-chrome .journey-rail:before{content: ''; position: absolute; inset-inline: 10%; top: 55px; height: 2px; background: #56868e55;}
.cs-chrome .journey-progress{position: absolute; inset-inline-start: 10%; top: 55px; height: 2px; width: 0; background: #7fcbd3; transition: width .65s ease;}
.cs-chrome .rail-stop{position: absolute; top: 51px; width: 10px; height: 10px; border: 1px solid #7fcbd3; border-radius: 50%; background: #082f36; transform: translateX(-50%);}
.cs-chrome .journey-rail .moving-parcel{left: auto; inset-inline-start: 10%; top: 24px; width: 62px; height: 62px; transform: translateX(-50%); transition: inset-inline-start .65s cubic-bezier(.45,0,.2,1); z-index: 1;}
.cs-chrome[dir=rtl] .journey-rail .moving-parcel,.cs-chrome[dir=rtl] .rail-stop{transform: translateX(50%);}
.cs-chrome .journey-panel{display: block; padding-top: 8px; min-height: 160px;}
.cs-chrome .journey-copy{max-width: 760px; margin-inline: auto; text-align: center;}
.cs-chrome .step-controls{justify-content: center;}
@media (max-width:640px) {.cs-chrome .customer-group .customer-name{width: 180px; min-width: 180px; flex-basis: 180px;}
.cs-chrome .journey-rail{height: 94px;}
.cs-chrome .journey-rail .moving-parcel{width: 44px; height: 44px; top: 34px;}
.cs-chrome .journey-rail .moving-parcel .icon{width: 26px; height: 26px;}
.cs-chrome .journey-copy p{min-height: 0;}
.cs-chrome .journey-panel{min-height: 200px;}
.cs-chrome .step-tabs button{font-size: .75rem;}
.cs-chrome .model-more-logo{margin-bottom: 12px;}}
@media (prefers-reduced-motion:reduce) {.cs-chrome .journey-progress,.cs-chrome .journey-rail .moving-parcel{transition: none;}
.cs-chrome .customer-belt{will-change: auto;}}
.cs-chrome .model-more .model-code{color: #297780; text-align: left; margin-bottom: 12px; font-size: .75rem;}
.cs-chrome .journey-panel{min-height: 120px;}
@media (max-width:640px) {.cs-chrome .journey-panel{min-height: 150px;}}
.cs-chrome .solution-menu{position: static;}
.cs-chrome .solution-menu summary{display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; padding: 10px 0; font-size: inherit; color: inherit;}
.cs-chrome .solution-menu summary::-webkit-details-marker{display: none;}
.cs-chrome .menu-chevron{height: 7px; width: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(-45deg); transition: transform .2s; flex-shrink: 0;}
.cs-chrome [dir=rtl] .menu-chevron{transform: rotate(135deg);}
.cs-chrome .solution-menu[open] .menu-chevron{transform: rotate(45deg);}
.cs-chrome .solution-menu-panel{position: absolute; top: calc(100% - 1px); inset-inline: 0; margin: auto; width: min(1040px,calc(100vw - 48px)); background: #fff; border: 1px solid #d2e3e5; box-shadow: 0 24px 65px #092f3620; border-radius: 0 0 16px 16px; display: grid; grid-template-columns: 260px 1fr; overflow: hidden; z-index: 50; animation: menu-reveal .2s ease-out;}
.cs-chrome .solution-menu-intro{background: #083c44; color: #fff; padding: 30px; display: flex; flex-direction: column; gap: 20px;}
.cs-chrome .solution-menu-intro>span{color: #8acbd3; font-size: .75rem; letter-spacing: .1em;}
.cs-chrome .solution-menu-intro strong{font-size: 1.6rem; line-height: 1.7;}
.cs-chrome .solution-menu-intro a{color: #b4e7e7 !important; text-decoration: underline; text-underline-offset: 7px; font-size: .9rem;}
.cs-chrome .solution-menu-links{display: grid; grid-template-columns: 1fr 1fr; padding: 15px; gap: 3px;}
.cs-chrome .solution-menu-links a{display: flex; flex-direction: column; gap: 5px; padding: 15px !important; border-radius: 7px; text-align: start; white-space: normal;}
.cs-chrome .solution-menu-links strong{font-size: 1rem; color: #0e5c66;}
.cs-chrome .solution-menu-links span{font-size: .875rem; color: #637981; line-height: 1.7;}
.cs-chrome .solution-menu-links a:hover,.cs-chrome .solution-menu-links a:focus-visible{background: #edf7f7;}
.cs-chrome .solution-menu summary:focus-visible{outline: 2px solid #138997; outline-offset: 5px;}
.cs-chrome .solution-entry{display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 12px 14px; border: 1px solid #78b8bf; border-radius: 6px; font-size: .9rem; font-weight: 700; color: #0e5c66; background: #eff8f8; text-decoration: none !important; min-height: 46px;}
.cs-chrome .model-feature .solution-entry{color: #c6f1f0; background: #ffffff08; border-color: #54929b;}
.cs-chrome .solution-entry:hover{background: #d9f0f1;}
.cs-chrome .model-feature .solution-entry:hover{background: #ffffff19;}
.cs-chrome .entry-arrow{display: inline-block; font-size: 1.3rem; line-height: 1; flex-shrink: 0; font-weight: 400;}
.cs-chrome .model-feature{display: flex; flex-direction: column;}
.cs-chrome .model-feature .solution-entry{margin-top: auto;}
.cs-chrome .model-customer-name{margin-bottom: 20px !important;}
.cs-chrome .model-more article{display: flex; flex-direction: column;}
.cs-chrome .model-more .solution-entry{margin-top: auto;}
.cs-chrome .model-more .model-example{margin-bottom: 20px;}
.cs-chrome .customer-track{mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
@keyframes menu-reveal {from {opacity: 0; transform: translateY(-7px);} 
to {opacity: 1; transform: translateY(0);} }
@media (max-width:900px) {.cs-chrome .solution-menu-panel{grid-template-columns: 210px 1fr;}
.cs-chrome .solution-menu-intro{padding: 20px;}
.cs-chrome .solution-menu-links a{padding: 10px !important;}}
@media (max-width:700px) {.cs-chrome .navlinks.open{max-height: calc(100dvh - 85px); overflow-y: auto;}
.cs-chrome .solution-menu{width: 100%;}
.cs-chrome .solution-menu summary{padding: 12px 0;}
.cs-chrome .solution-menu-panel{position: static; width: 100%; display: block; box-shadow: none; border-radius: 8px; margin-top: 8px;}
.cs-chrome .solution-menu-intro{display: none;}
.cs-chrome .solution-menu-links{grid-template-columns: 1fr; padding: 6px;}
.cs-chrome .solution-menu-links span{font-size: .875rem;}
.cs-chrome .solution-menu-links a{min-height: 60px;}
.cs-chrome .solution-entry{width: 100%;}}
@media (prefers-reduced-motion:reduce) {.cs-chrome .solution-menu-panel{animation: none;}
.cs-chrome .menu-chevron{transition: none;}}
.cs-chrome .solution-hero{padding: 28px 0 64px; background: #f2f8f8; overflow: hidden;}
.cs-chrome .breadcrumbs{display: flex; gap: 12px; flex-wrap: wrap; font-size: .875rem; color: #58717a;}
.cs-chrome .solution-intro{display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 70px; align-items: center; padding: 55px 0 45px;}
.cs-chrome .solution-intro h1{font-size: clamp(2.2rem,3.8vw,3.7rem); line-height: 1.45; letter-spacing: -.035em; margin: 16px 0 22px;}
.cs-chrome .solution-intro .lead{max-width: 740px;}
.cs-chrome .solution-intro .eyebrow{text-align: start;}
.cs-chrome .solution-text-link{padding: 12px 0; color: #0e5c66; border-bottom: 1px solid #5fa7b0; font-weight: 700;}
.cs-chrome .solution-scope{border-inline-start: 1px solid #b6d2d7; padding-inline-start: 30px;}
.cs-chrome .scope-customer{font-size: 1.3rem; font-weight: 700; color: #0e5c66;}
.cs-chrome .solution-scope p{line-height: 1.9; color: #536d78;}
.cs-chrome .solution-scope>div{display: flex; flex-wrap: wrap; gap: 8px;}
.cs-chrome .solution-scope>div>span{border: 1px solid #c5dce0; padding: 5px 10px; border-radius: 4px; font-size: .875rem; color: #36646c;}
.cs-chrome .operation-scene{background: #082f36; color: #fff; overflow: hidden; border-radius: 16px; position: relative;}
.cs-chrome .scene-heading{display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 24px 30px; border-bottom: 1px solid #ffffff14;}
.cs-chrome .scene-heading .eyebrow{margin: 0; color: #b0dce0; font-size: .875rem;}
.cs-chrome .scene-mark{font-size: .75rem; letter-spacing: .15em; color: #86b8bf;}
.cs-chrome .scene-map{height: 290px; position: relative; margin: 0 25px;}
.cs-chrome .scene-map svg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.cs-chrome .route-shadow{fill: none; stroke: #365e66; stroke-width: 1;}
.cs-chrome .route-trace{fill: none; stroke: #7fcbd3; stroke-width: 1; stroke-dasharray: 5 8; opacity: .45;}
.cs-chrome .route-packet{fill: #baf2da; filter: drop-shadow(0 0 7px #7de0d4);}
.cs-chrome .scene-station{position: absolute; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; gap: 9px; padding: 17px 12px; width: 172px; min-height: 66px; border: 1px solid #34646c; border-radius: 10px; background: #103f46; text-align: center; transition: background .5s,border-color .5s,box-shadow .5s;}
.cs-chrome .scene-station strong{font-size: .95rem; line-height: 1.7;}
.cs-chrome .station-symbol{color: #69b5bf; font-size: 1.5rem; flex-shrink: 0;}
.cs-chrome .scene-station.is-active{background: #126674; border-color: #8dd8df; box-shadow: 0 0 28px #1497a626;}
.cs-chrome .is-active .station-symbol{color: #c1f5de;}
.cs-chrome .scene-context{display: grid; grid-template-columns: 210px 1fr auto; gap: 24px; align-items: center; padding: 23px 30px; border-top: 1px solid #ffffff16; min-height: 103px; background: #06292f;}
.cs-chrome .scene-context-title{font-weight: 700; color: #b0e2e6; font-size: 1rem;}
.cs-chrome .scene-context p{margin: 0; color: #c0d3d7; font-size: 1rem; line-height: 1.9;}
.cs-chrome .scene-progress{display: flex; gap: 5px;}
.cs-chrome .scene-progress span{width: 20px; height: 3px; background: #39636b;}
.cs-chrome .scene-progress .is-active{background: #a7e5d3;}
.cs-chrome .scene-1 .scene-map{background: repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 16 - 1px),#8cc9cf0d calc(100% / 16 - 1px),#8cc9cf0d calc(100% / 16));}
.cs-chrome .scene-2 .scene-map{background: radial-gradient(ellipse at 50% 50%,#13728130,transparent 70%);}
.cs-chrome .scene-3 .route-trace{stroke-dasharray: 3 5;}
.cs-chrome .scene-4 .scene-map{background: linear-gradient(0deg,#0b444b30,transparent);}
.cs-chrome .scene-5 .scene-map{background: linear-gradient(90deg,transparent 32%,#84cdd509 32%,#84cdd509 66%,transparent 66%);}
.cs-chrome .scene-6 .scene-map:before{content: ''; position: absolute; left: 50%; top: 20px; bottom: 20px; border-left: 1px dashed #8ebcc050;}
.cs-chrome .solution-0 .solution-hero{background: #eff8f5;}
.cs-chrome .solution-1 .solution-hero{background: #f1f5f9;}
.cs-chrome .solution-3 .solution-hero{background: #f4f6f7;}
.cs-chrome .solution-5 .solution-hero{background: #edf7f8;}
.cs-chrome .solution-page h2{font-size: clamp(1.8rem,2.9vw,2.7rem); line-height: 1.55; letter-spacing: -.03em;}
.cs-chrome .solution-operation{padding-block: 90px;}
.cs-chrome .operation-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 90px;}
.cs-chrome .operation-sticky{position: sticky; top: 125px; align-self: start;}
.cs-chrome .operation-sticky p:not(.eyebrow){font-size: 1.1rem; color: #53717b; line-height: 2.15;}
.cs-chrome .operation-steps{list-style: none; padding: 0; margin: 0;}
.cs-chrome .operation-steps li{display: flex; gap: 22px; padding: 27px 0; border-bottom: 1px solid #d0e1e4;}
.cs-chrome .operation-index{font-size: 1.4rem; color: #168494;}
.cs-chrome .operation-steps h3{font-size: 1.3rem; margin: 0 0 12px;}
.cs-chrome .operation-steps p{margin: 0; color: #53717b; line-height: 2;}
.cs-chrome .solution-customer{display: grid; grid-template-columns: 270px 1fr; gap: 65px; align-items: center; padding-block: 65px; border-block: 1px solid #d4e3e5;}
.cs-chrome .customer-proof-logo{height: 170px; background: #0e3e47; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 25px;}
.cs-chrome .customer-proof-logo img{max-width: 100%; width: 220px; height: 110px; object-fit: contain;}
.cs-chrome .proof-1,.cs-chrome .proof-2,.cs-chrome .proof-3,.cs-chrome .proof-5,.cs-chrome .proof-6{background: #f0f5f5;}
.cs-chrome .proof-3 img{width: 60px;}
.cs-chrome .solution-customer h2{margin: 10px 0;}
.cs-chrome .solution-customer p{color: #53717b; line-height: 2; font-size: 1.1rem;}
.cs-chrome .solution-next{padding-block: 70px;}
.cs-chrome .solution-next>div{display: grid; grid-template-columns: repeat(3,1fr); gap: 0 35px; margin-top: 30px;}
.cs-chrome .solution-next a{display: flex; justify-content: space-between; gap: 16px; padding: 22px 0; border-bottom: 1px solid #cadde0; color: #0e5c66;}
.cs-chrome .solution-next a:hover{color: #159eaa;}
@media (max-width:1000px) {.cs-chrome .solution-intro{grid-template-columns: 1fr 220px; gap: 30px;}
.cs-chrome .scene-station{width: 145px;}
.cs-chrome .scene-station strong{font-size: .875rem;}
.cs-chrome .scene-context{grid-template-columns: 150px 1fr; gap: 15px;}
.cs-chrome .scene-progress{display: none;}
.cs-chrome .operation-layout{gap: 40px;}}
@media (max-width:700px) {.cs-chrome .solution-intro{grid-template-columns: 1fr; padding: 35px 0; gap: 25px;}
.cs-chrome .solution-intro h1{font-size: 2.2rem;}
.cs-chrome .solution-scope{border-inline-start: 0; border-top: 1px solid #c5dce0; padding: 20px 0 0;}
.cs-chrome .solution-scope p{margin: 7px 0 12px;}
.cs-chrome .scene-map{height: 240px; margin: 0 8px;}
.cs-chrome .scene-station{width: 21%; min-height: 80px; padding: 10px 4px; flex-direction: column; gap: 4px;}
.cs-chrome .scene-station strong{font-size: .8rem; line-height: 1.7;}
.cs-chrome .station-symbol{font-size: 1.1rem;}
.cs-chrome .scene-heading{padding: 18px; align-items: start;}
.cs-chrome .scene-mark{font-size: .75rem;}
.cs-chrome .scene-context{grid-template-columns: 1fr; padding: 20px; gap: 8px; min-height: 155px;}
.cs-chrome .scene-context p{font-size: .95rem;}
.cs-chrome .solution-hero{padding-bottom: 35px;}
.cs-chrome .operation-layout,.cs-chrome .solution-customer{grid-template-columns: 1fr; gap: 25px;}
.cs-chrome .operation-sticky{position: static;}
.cs-chrome .solution-operation{padding-block: 50px;}
.cs-chrome .solution-customer{padding-block: 40px;}
.cs-chrome .customer-proof-logo{max-width: 260px;}
.cs-chrome .solution-next>div{grid-template-columns: 1fr;}
.cs-chrome .solution-next{padding-block: 45px;}}
@media (prefers-reduced-motion:reduce) {.cs-chrome .scene-station{transition: none;}
.cs-chrome .route-packet{display: none;}}
.cs-chrome{font-family: Yekan,Arial,sans-serif;}
.cs-chrome .cs-elementor-root{display: block; margin: 0; padding: 0; width: 100%; max-width: none;}
.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-section,.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-section>.elementor-container,.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-column,.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-widget-wrap,.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-widget-container{max-width: none; padding: 0; margin: 0;}
.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-section>.elementor-container{width: 100%;}
.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-widget:not(:last-child){margin-bottom: 0;}
.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding: 0;}
.cs-chrome :is(.cs-elementor-root,.cs-shared) .elementor-widget-wrap>.elementor-element{width: 100%;}
.cs-chrome .cs-block{margin: 0; padding: 0; width: 100%;}
.cs-chrome .cs-block h1,.cs-chrome .cs-block h2,.cs-chrome .cs-block h3{font-family: Yekan,Arial,sans-serif;}
.cs-chrome .hero h1,.cs-chrome .network-heading h2,.cs-chrome .journey h2,.cs-chrome .journey h3,.cs-chrome .final-cta h2{color: #fff;}
.cs-chrome button,.cs-chrome input,.cs-chrome textarea,.cs-chrome select{font-family: inherit;}
.cs-chrome a[aria-disabled=true]{opacity: .5; cursor: default; pointer-events: none;}
.cs-chrome .languages a[aria-disabled=true]{display: none;}
.cs-chrome .elementor-inline-editing{min-height: 0;}
.cs-chrome .cs-elementor-root .elementor-section .elementor-container{display: block;}
.cs-chrome .cs-elementor-root .elementor-section .elementor-column{width: 100%;}
.cs-chrome .cs-block[data-cs-section=demo]{height: 0;}
.cs-chrome .cs-block[data-cs-section=demo] dialog[open]{display: block;}
.cs-chrome.elementor-editor-active .cs-block[data-cs-section=demo]{height: auto;}
.cs-chrome.elementor-editor-active .cs-block[data-cs-section=demo] dialog{display: block; position: relative; inset: auto; max-height: none; margin: 32px auto; width: min(900px,90%);}
.cs-chrome .cs-menu,.cs-chrome .cs-footer-menu{display: flex; gap: 24px; align-items: center; list-style: none; padding: 0; margin: 0;}
.cs-chrome .cs-menu li{position: relative; list-style: none;}
.cs-chrome .cs-menu li>a{white-space: nowrap;}
.cs-chrome .cs-menu .sub-menu{display: none; position: absolute; inset-inline-start: 0; top: 100%; min-width: 250px; list-style: none; margin: 0; padding: 12px; background: #fff; border: 1px solid #dce8e9; border-radius: 8px; box-shadow: 0 12px 40px #0e364324; z-index: 40;}
.cs-chrome .cs-menu .sub-menu a{display: block; padding: 10px 12px; color: #183b43; white-space: normal;}
.cs-chrome .cs-menu .sub-menu .sub-menu{top: 0; inset-inline-start: 100%;}
.cs-chrome .cs-menu li:hover>.sub-menu,.cs-chrome .cs-menu li:focus-within>.sub-menu,.cs-chrome .cs-menu li.cs-submenu-open>.sub-menu{display: block;}
.cs-chrome .cs-submenu-toggle{border: 0; background: transparent; color: inherit; cursor: pointer; padding: 8px 5px; font-size: 16px;}
.cs-chrome .cs-footer-menu{flex-wrap: wrap; font-size: 14px;}
.cs-chrome .cs-contact-page{min-height: 55vh;}
.cs-chrome .cs-contact-page .contacts{display: flex; gap: 24px; flex-wrap: wrap; margin-block: 30px;}
.cs-chrome .cs-contact-page .contacts a{padding: 18px 24px; border: 1px solid #d6e8e9; border-radius: 8px;}
.cs-chrome .cs-fallback .navlinks{display: block;}
.cs-chrome .elementor .elementor-widget .cs-block a{box-shadow: none;}
.cs-chrome .elementor-location-header,.cs-chrome .elementor-location-footer{margin: 0;}
@media (max-width:850px) {.cs-chrome .navlinks .cs-menu{display: flex; align-items: stretch; flex-direction: column; gap: 0; width: 100%;}
.cs-chrome .navlinks .cs-menu>li{padding: 0;}
.cs-chrome .cs-menu .sub-menu{position: static; min-width: 0; box-shadow: none; border: 0; background: #f1f8f9; padding: 8px 12px;}
.cs-chrome .cs-menu li:hover>.sub-menu{display: none;}
.cs-chrome .cs-menu li.cs-submenu-open>.sub-menu,.cs-chrome .cs-menu li:focus-within>.sub-menu{display: block;}
.cs-chrome .cs-submenu-toggle{position: absolute; inset-inline-end: 0; top: 0; min-width: 44px; min-height: 44px;}
.cs-chrome .cs-menu li>a{padding-inline-end: 46px !important;}
.cs-chrome .cs-fallback .navlinks{display: none;}
.cs-chrome .cs-fallback .navlinks.open{display: block;}
.cs-chrome .cs-footer-menu{gap: 16px;}}
@media (prefers-reduced-motion:reduce) {.cs-chrome *{scroll-behavior: auto !important;}}
.cs-chrome .cs-shared-header{position: sticky; top: var(--wp-admin--admin-bar--height,0px); z-index: 50; background: #fff;}
.cs-chrome.elementor-editor-active .cs-shared-header{position: relative; top: auto;}
.cs-chrome .cs-seo-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.cs-chrome .cs-seo-grid article{border: 1px solid #dbe9e9; border-radius: 8px; padding: 28px;}
.cs-chrome .cs-seo-grid h3{font-size: 21px; line-height: 1.7; margin: 0 0 18px; color: #153c43;}
.cs-chrome .cs-seo-grid p{font-size: 15px; line-height: 2; color: #536d73;}
.cs-chrome .cs-seo-grid a,.cs-chrome .cs-seo-actions a{display: inline-block; font-size: 14px; color: #0e6571; text-decoration: underline; text-underline-offset: 4px;}
.cs-chrome .cs-seo-actions{display: flex; gap: 28px; flex-wrap: wrap; margin-top: 28px;}
@media (max-width:850px) {.cs-chrome .cs-seo-grid{grid-template-columns: 1fr;}
.cs-chrome .cs-seo-grid article{padding: 24px;}}
.cs-chrome .cs-seo-resources{padding-top: 0;}
.cs-chrome .cs-seo-resources h2{font-size: clamp(24px,3vw,34px); line-height: 1.7; margin-bottom: 16px;}
.cs-chrome .cs-seo-resources ul{display: flex; flex-wrap: wrap; gap: 12px; list-style: none; padding: 0; margin: 24px 0 0;}
.cs-chrome .cs-seo-resources li a{display: block; padding: 12px 18px; border: 1px solid #d7e7e9; border-radius: 6px; color: #0e6571; font-size: 14px; text-decoration: underline; text-underline-offset: 4px;}
.cs-chrome .cs-seo-resources li a:focus-visible,.cs-chrome .cs-seo-resources li a:hover{background: #eef8f9;}
.cs-chrome .cs-solution-faq{margin-top: 48px; max-width: 900px; margin-inline: auto;}
.cs-chrome .cs-solution-faq details{border-bottom: 1px solid #d7e4e5; padding: 18px 0;}
.cs-chrome .cs-solution-faq summary{cursor: pointer; font-weight: 700; line-height: 1.9;}
.cs-chrome .cs-solution-faq details p{margin: 12px 0 0; line-height: 2; color: #496269;}
.cs-chrome .cs-solution-faq summary:focus-visible{outline: 2px solid #0e5c66; outline-offset: 5px;}
.cs-chrome .cs-activities{margin: 0; padding: 14px; border: 1px solid #d6e8e9; border-radius: 12px; min-width: 0;}
.cs-chrome .cs-activities legend{padding: 0 6px; font-size: 14px;}
.cs-chrome .cs-activity-options{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.cs-chrome .cs-activity-options label{display: flex; align-items: center; gap: 9px; cursor: pointer; font-size: 13px;}
.cs-chrome .cs-activity-options input[type=checkbox]{appearance: auto; width: 18px; height: 18px; min-height: 18px; flex: 0 0 18px; padding: 0; margin: 0; accent-color: #167c78;}
.cs-chrome .cs-form-trap{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
.cs-chrome #demo-form[aria-busy=true]{opacity: .8;}
.cs-chrome #demo-dialog{max-height: 90dvh; overflow: auto;}
.cs-chrome #demo-form .form-notice{min-height: 24px;}
@media (max-width:560px) {.cs-chrome .cs-activity-options{grid-template-columns: 1fr;}}
.cs-chrome .cs-official-brand,.cs-chrome .cs-core-logo{display: block; position: relative; flex: 0 0 auto; overflow: hidden; background: #fff; font-size: 0 !important; line-height: 0; border-radius: 2px;}
.cs-chrome .cs-official-brand{width: 118px; height: 86px;}
.cs-chrome .cs-official-brand img{position: absolute; width: 180px !important; max-width: none !important; height: auto !important; left: -31px; top: -13px; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;}
.cs-chrome .cs-core-logo{width: 76px; height: 60px; border-radius: 8px;}
.cs-chrome .cs-core-logo img{position: absolute; width: 120px !important; max-width: none !important; height: auto !important; left: -22px; top: -7px; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;}
.cs-chrome .network-core{gap: 6px;}
@media (max-width:640px) {.cs-chrome .cs-official-brand{width: 98px; height: 72px;}
.cs-chrome .cs-official-brand img{width: 148px !important; left: -25px; top: -10px;}
.cs-chrome .cs-core-logo{width: 68px; height: 52px;}
.cs-chrome .cs-core-logo img{width: 106px !important; left: -19px; top: -6px;}}
.cs-chrome .cs-solution-faq{margin-top: 54px; padding-top: 38px; border-top: 1px solid #d7e7e9;}
.cs-chrome .cs-solution-faq>h2{font-size: clamp(25px,3vw,36px); line-height: 1.6; margin: 0 0 26px; color: var(--deep,#082f36);}
.cs-chrome .cs-solution-faq details{border: 1px solid #d7e7e9; border-radius: 12px; background: #fff; margin: 0 0 12px; overflow: hidden; transition: border-color .2s,background .2s;}
.cs-chrome .cs-solution-faq details[open]{border-color: #8fbfc5; background: #f2f8f8;}
.cs-chrome .cs-solution-faq summary{list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 26px; cursor: pointer; color: #153c43; font-size: 17px; font-weight: 700; line-height: 1.9; min-height: 72px;}
.cs-chrome .cs-solution-faq summary::-webkit-details-marker{display: none;}
.cs-chrome .cs-solution-faq summary::marker{content: '';}
.cs-chrome .cs-solution-faq summary::after{content: '+'; display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid #c9e1e4; background: #eef7f8; border-radius: 8px; color: #0e6571; font: 24px/1 Arial,sans-serif;}
.cs-chrome .cs-solution-faq details[open]>summary::after{content: '−'; background: #0e5c66; border-color: #0e5c66; color: #fff;}
.cs-chrome .cs-solution-faq summary:hover{color: #0e6571; background: #edf6f6;}
.cs-chrome .cs-solution-faq summary:focus-visible{outline: 3px solid #138391; outline-offset: -4px; border-radius: 10px;}
.cs-chrome .cs-solution-faq details>p{margin: 0; padding: 0 26px 24px; padding-inline-end: 82px; color: #536d78; font-size: 16px; line-height: 2.1; overflow-wrap: anywhere;}
.cs-chrome .cs-seo-actions{display: flex; align-items: center; gap: 18px 30px; flex-wrap: wrap; margin: 30px 0 0;}
.cs-chrome .cs-seo-actions>a{display: inline-flex; align-items: center; gap: 14px; max-width: 100%; padding: 10px 0; color: #0e5c66; font-size: 15px; font-weight: 700; line-height: 1.9; text-decoration: none !important; border-bottom: 1px solid #5fa7b0; transition: color .2s,border-color .2s;}
.cs-chrome .cs-seo-actions>a::after{content: '←'; flex-shrink: 0; font: 21px/1 Arial,sans-serif; transition: transform .2s;}
.cs-chrome .cs-seo-actions>a:hover{color: #082f36; border-color: #082f36;}
.cs-chrome .cs-seo-actions>a:hover::after{transform: translateX(-3px);}
.cs-chrome .cs-seo-actions>a:focus-visible{outline: 3px solid #138391; outline-offset: 5px; border-radius: 2px;}
.cs-chrome .cs-menu .sub-menu{max-height: min(65dvh,620px); overflow-y: auto; overscroll-behavior: contain;}
.cs-chrome .cs-menu .sub-menu .sub-menu{position: static; min-width: 0; box-shadow: none; border: 0; border-inline-start: 1px solid #c9e1e4; margin-inline-start: 12px; border-radius: 0;}
@media (max-width:920px) {.cs-chrome .navlinks .cs-menu{display: flex; align-items: stretch; flex-direction: column; gap: 0; width: 100%;}
.cs-chrome .cs-menu .sub-menu{position: static; min-width: 0; box-shadow: none;}
.cs-chrome .cs-menu li>a{display: block; padding-inline-end: 46px !important;}
.cs-chrome .cs-submenu-toggle{position: absolute; inset-inline-end: 0; top: 0; min-width: 44px; min-height: 44px;}}
@media (max-width:920px) {.cs-chrome .cs-menu .sub-menu{max-height: none; overflow: visible;}
.cs-chrome .navlinks.open{max-height: calc(100dvh - 82px); overflow-y: auto; overscroll-behavior: contain;}
.cs-chrome .cs-menu li.cs-submenu-open>.sub-menu{display: block;}
.cs-chrome .cs-menu .sub-menu .sub-menu{position: static; box-shadow: none; min-width: 0;}}
@media (max-width:640px) {.cs-chrome .cs-solution-faq{margin-top: 36px; padding-top: 28px;}
.cs-chrome .cs-solution-faq summary{padding: 18px 16px; gap: 14px; font-size: 15px; min-height: 68px;}
.cs-chrome .cs-solution-faq details>p{padding: 0 16px 20px; font-size: 14px; line-height: 2;}
.cs-chrome .cs-solution-faq summary::after{flex-basis: 28px; width: 28px; height: 28px; font-size: 22px;}
.cs-chrome .cs-seo-actions{align-items: flex-start; flex-direction: column; gap: 14px;}
.cs-chrome .cs-seo-actions>a{font-size: 14px;}
.cs-chrome .navlinks.open{max-height: calc(100dvh - 76px);}}
@media (prefers-reduced-motion:reduce) {.cs-chrome .cs-solution-faq details,.cs-chrome .cs-seo-actions>a,.cs-chrome .cs-seo-actions>a::after{transition: none;}}
.cs-chrome .cs-menu>li{display: flex; align-items: center; gap: 4px;}
.cs-chrome .cs-submenu-toggle{position: static; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 36px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; border-radius: 5px; cursor: pointer; line-height: 1;}
.cs-chrome .cs-submenu-icon{display: block; width: 15px; height: 15px; flex-shrink: 0; transform: rotate(0); transition: transform .22s ease;}
.cs-chrome .cs-submenu-toggle[aria-expanded=true]>.cs-submenu-icon{transform: rotate(-90deg);}
.cs-chrome .cs-submenu-toggle:hover{background: #edf6f6; color: #0e6571;}
.cs-chrome .cs-submenu-toggle:focus-visible{outline: 2px solid #138391; outline-offset: 2px;}
.cs-chrome .cs-menu .sub-menu>li{display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start;}
.cs-chrome .cs-menu .sub-menu>li>a{grid-column: 1; grid-row: 1;}
.cs-chrome .cs-menu .sub-menu>li>.cs-submenu-toggle{grid-column: 2; grid-row: 1; margin-top: 6px;}
.cs-chrome .cs-menu .sub-menu>li>.sub-menu{grid-column: 1/-1;}
.cs-chrome .cs-menu li:hover>.sub-menu,.cs-chrome .cs-menu li:focus-within>.sub-menu{display: none;}
.cs-chrome .cs-menu li.cs-submenu-open>.sub-menu{display: block;}
.cs-chrome .header .nav{position: relative;}
.cs-chrome .cs-menu>li.cs-mega-menu{position: static;}
.cs-chrome .cs-mega-panel{display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: min(1040px,calc(100vw - 48px)); max-height: calc(100dvh - 120px); overflow: auto; grid-template-columns: 240px minmax(0,1fr); background: #fff; border: 1px solid #d2e3e5; border-radius: 0 0 16px 16px; box-shadow: 0 24px 65px #092f3626; z-index: 60;}
.cs-chrome .cs-mega-menu.cs-submenu-open>.cs-mega-panel{display: grid; animation: cs-mega-reveal .18s ease-out;}
.cs-chrome .cs-mega-intro{background: #083c44; color: #fff; padding: 30px; display: flex; flex-direction: column; gap: 18px;}
.cs-chrome .cs-mega-intro>span{font: 11px/1.7 Arial,sans-serif; letter-spacing: .08em; color: #8acbd3; text-align: left;}
.cs-chrome .cs-mega-intro strong{font-size: 25px; line-height: 1.7;}
.cs-chrome .cs-mega-intro p{font-size: 14px; line-height: 2; color: #c3dbde; margin: 0;}
.cs-chrome .cs-mega-intro a{display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #b4e7e7 !important; padding: 8px 0 !important; margin-top: auto; border-bottom: 1px solid #659a9e; white-space: normal !important; font-size: 13px;}
.cs-chrome .cs-menu .cs-mega-panel>.cs-mega-links{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; position: static; inset: auto; min-width: 0; max-height: none; overflow: visible; margin: 0; padding: 16px; border: 0; border-radius: 0; box-shadow: none; background: #fff;}
.cs-chrome .cs-mega-links>li{display: block !important; min-width: 0;}
.cs-chrome .cs-menu .cs-mega-links>li>a{position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; min-height: 100px; padding: 16px 14px 16px 38px !important; white-space: normal; border-radius: 8px; text-align: start;}
.cs-chrome .cs-mega-title{font-size: 15px; font-weight: 700; line-height: 1.8; color: #0e5c66;}
.cs-chrome .cs-mega-description{font-size: 12px; font-weight: 400; line-height: 1.9; color: #637981;}
.cs-chrome .cs-mega-arrow{position: absolute; left: 14px; top: 18px; font: 18px/1 Arial,sans-serif; color: #37838c;}
.cs-chrome .cs-menu .cs-mega-links>li>a:hover,.cs-chrome .cs-menu .cs-mega-links>li>a:focus-visible{background: #edf7f7;}
.cs-chrome .solution-intro{position: relative; padding-top: 88px;}
.cs-chrome .solution-intro>div>.eyebrow[dir=ltr]{position: absolute; left: 0; right: 0; top: 32px; width: 100%; margin: 0; text-align: left; direction: ltr;}
@keyframes cs-mega-reveal {from {opacity: 0; translate: 0 -6px;} 
to {opacity: 1; translate: 0 0;} }
@media (max-width:1100px) {.cs-chrome .header .navlinks{display: none; position: absolute; top: 100%; inset-inline: 0; background: #fff; padding: 16px 24px; border-bottom: 1px solid #d7e7e9; box-shadow: 0 20px 30px #082f3610;}
.cs-chrome .header .navlinks.open{display: block; max-height: calc(100dvh - 90px); overflow-y: auto;}
.cs-chrome .header .menu-toggle{display: block;}
.cs-chrome .navlinks .cs-menu{display: flex; align-items: stretch; flex-direction: column; gap: 0; width: 100%;}
.cs-chrome .cs-menu>li{display: grid; grid-template-columns: minmax(0,1fr) 36px; gap: 0;}
.cs-chrome .cs-menu li>a{display: block; grid-column: 1; grid-row: 1; padding: 12px 0 !important; min-height: 44px; white-space: normal;}
.cs-chrome .cs-menu>li>.cs-submenu-toggle{grid-column: 2; grid-row: 1; align-self: center; width: 36px; height: 44px;}
.cs-chrome .cs-menu .sub-menu>li>.cs-submenu-toggle{width: 36px; height: 44px; margin: 0;}
.cs-chrome .cs-menu .sub-menu{position: static; inset: auto; min-width: 0; max-height: none; overflow: visible; grid-column: 1/-1; box-shadow: none; border: 0; background: #f2f8f8; border-radius: 8px; padding: 6px 14px;}
.cs-chrome .cs-mega-panel{position: static; left: auto; transform: none; width: 100%; max-height: none; overflow: visible; grid-column: 1/-1; border-radius: 10px; box-shadow: none; margin: 0 0 12px;}
.cs-chrome .cs-mega-menu.cs-submenu-open>.cs-mega-panel{display: block;}
.cs-chrome .cs-mega-intro{padding: 18px; gap: 10px;}
.cs-chrome .cs-mega-intro strong{font-size: 20px;}
.cs-chrome .cs-mega-intro>span,.cs-chrome .cs-mega-intro p{display: none;}
.cs-chrome .cs-menu .cs-mega-panel>.cs-mega-links{grid-template-columns: 1fr; padding: 8px; gap: 2px;}
.cs-chrome .cs-menu .cs-mega-links>li>a{min-height: 76px; padding: 12px 12px 12px 36px !important;}
.cs-chrome .cs-mega-title{font-size: 14px;}
.cs-chrome .cs-mega-description{font-size: 12px;}}
@media (min-width:1101px) {.cs-chrome .header .menu-toggle{display: none;}
.cs-chrome .header .navlinks{display: block; position: static;}
.cs-chrome .cs-menu{gap: clamp(10px,1.5vw,24px); font-size: 14px;}
.cs-chrome .cs-menu>li.cs-mega-menu>a{position: relative;}
.cs-chrome .cs-mega-menu.cs-submenu-open>a::after{content: ''; position: absolute; top: 100%; left: -32px; right: -8px; height: 40px;}}
@media (max-width:700px) {.cs-chrome .solution-intro{padding-top: 76px;}
.cs-chrome .solution-intro>div>.eyebrow[dir=ltr]{top: 26px; font-size: 11px;}}
@media (prefers-reduced-motion:reduce) {.cs-chrome .cs-submenu-icon{transition: none;}
.cs-chrome .cs-mega-menu.cs-submenu-open>.cs-mega-panel{animation: none;}}
.cs-chrome .cs-mega-general>.cs-mega-links{align-content: start; gap: 10px !important; padding: 22px !important;}
.cs-chrome .cs-menu .cs-mega-general>.cs-mega-links>li{border: 1px solid #e0ecee; border-radius: 10px; overflow: hidden; background: #fbfdfd;}
.cs-chrome .cs-menu .cs-mega-general>.cs-mega-links>li>a{min-height: 54px; padding: 14px 18px !important; font-size: 14px; line-height: 1.9; font-weight: 600; color: #0e5c66; justify-content: center;}
.cs-chrome .cs-menu .cs-mega-general>.cs-mega-links>li.menu-item-has-children{grid-column: 1/-1;}
@media (min-width:1101px) {.cs-chrome .cs-mega-general>.cs-mega-links>li>.cs-submenu-toggle{display: none;}
.cs-chrome .cs-menu .cs-mega-general .sub-menu .sub-menu{display: grid; position: static; inset: auto; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; min-width: 0; max-height: none; margin: 0; padding: 8px 12px 14px; border: 0; box-shadow: none; border-radius: 0; background: transparent; overflow: visible;}
.cs-chrome .cs-menu .cs-mega-general .sub-menu .sub-menu>li{display: block;}
.cs-chrome .cs-menu .cs-mega-general .sub-menu .sub-menu>li>a{display: block; white-space: normal; padding: 10px 12px; font-size: 13px; line-height: 1.9; border-radius: 6px; color: #526d74;}
.cs-chrome .cs-menu .cs-mega-general .sub-menu .sub-menu>li>a:hover{background: #eaf5f5; color: #0e5c66;}}
@media (max-width:1100px) {.cs-chrome .cs-menu .cs-mega-general>.cs-mega-links{padding: 10px !important;}
.cs-chrome .cs-menu .cs-mega-general>.cs-mega-links>li{display: grid !important; grid-template-columns: minmax(0,1fr) 36px;}
.cs-chrome .cs-menu .cs-mega-general>.cs-mega-links>li>a{min-height: 48px; padding: 12px !important;}
.cs-chrome .cs-mega-general .sub-menu .sub-menu{margin: 0 10px 10px;}}

.cs-chrome{font-family:Yekan,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8;font-weight:400;text-align:start;direction:rtl;isolation:isolate}.cs-chrome-header{position:sticky;top:0;z-index:100}.admin-bar .cs-chrome-header{top:32px}.cs-chrome-header .header{position:relative}.cs-chrome .elementor-section,.cs-chrome .elementor-column{padding:0}.cs-chrome-footer{clear:both;background:#fff}.cs-chrome dialog{direction:rtl}@media(max-width:782px){.admin-bar .cs-chrome-header{top:46px}}@media(max-width:600px){.admin-bar .cs-chrome-header{top:0}}
