.serv-page{--ink:#102e42;--muted:#526975;--blue:#215ee8;--line:#dce4e9}.serv-page *{box-sizing:border-box}.serv-page{scroll-behavior:smooth;scroll-padding-block-start:150px}.serv-page{margin:0;font:16px/1.8 Manrope,Arial,sans-serif;color:var(--ink)}html[lang=ar] .serv-page{font-family:Tajawal,Arial,sans-serif;font-size:18px}.serv-page a{color:inherit;text-decoration:none}.serv-page button{font:inherit;cursor:pointer}.serv-page svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;inline-size:28px;block-size:28px}.serv-page h1,.serv-page h2,.serv-page h3,.serv-page p,.serv-page figure{margin:0}.serv-page h1,.serv-page h2,.serv-page h3{line-height:1.35}.serv-page h1{font-size:clamp(36px,4vw,58px);margin-block:20px}.serv-page h2{font-size:clamp(28px,3vw,40px);margin-block-end:25px}.serv-page h3{font-size:23px;margin-block:18px 10px}.serv-page p{color:var(--muted)}.serv-page .wrap{inline-size:min(1240px,calc(100% - 64px));margin-inline:auto}.serv-page .header{position:sticky;inset-block-start:12px;z-index:10;display:flex;align-items:center;gap:24px;padding:15px 22px;background:#ffffffdf;backdrop-filter:blur(20px);border:1px solid #dce4e9;border-radius:16px;box-shadow:0 8px 30px #102e4208}.serv-page .brand{display:flex;align-items:center;gap:10px}.serv-page .brand img{object-fit:contain}.serv-page .brand span{max-inline-size:180px;font-size:11px;line-height:1.5}.serv-page nav{display:flex;gap:20px;margin-inline-start:auto;font-size:14px}.serv-page nav a{padding-block:10px}.serv-page .language{font-size:13px}.serv-page .button{display:inline-flex;align-items:center;justify-content:center;min-block-size:48px;background:var(--blue);color:white;border-radius:6px;padding:12px 22px;font-weight:700;font-size:15px;text-align:center}.serv-page .button:hover{background:#184bbe}.serv-page .header .button{font-size:13px;padding:10px 15px;white-space:nowrap}.serv-page .hero{padding-block:80px;background:radial-gradient(ellipse at 80% 50%,#e4f3fa,transparent 60%),#f5f8fa;margin-block-start:-86px;padding-block-start:166px}.serv-page .split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.serv-page .split>*{min-inline-size:0}.serv-page .eyebrow{font-size:13px;font-weight:700;color:#167666;margin-block-end:18px}.serv-page .product-name{font:700 24px Manrope;color:var(--blue)}.serv-page .lead{font-size:20px;max-inline-size:580px}.serv-page .actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-block-start:30px}.serv-page .text-link{font-size:15px;font-weight:700}.serv-page .section{padding-block:75px}.serv-page .features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.serv-page .features article{border-block-start:1px solid var(--line);padding-block-start:25px}.serv-page .features article>svg{color:var(--blue);inline-size:32px;block-size:32px}.serv-page .features p{font-size:16px}.serv-page .field{background:#102e42;color:white}.serv-page .field p{color:#ccdae2}.serv-page .tags{list-style:none;padding:0;margin-block:25px 0;display:flex;flex-wrap:wrap;gap:10px}.serv-page .tags li{font-size:14px;border:1px solid #afc4d250;border-radius:6px;padding:6px 12px}.serv-page .flow{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:0;margin:30px 0 0}.serv-page .flow li{border-block-start:2px solid #b6d5e4;padding-block-start:20px}.serv-page .flow span{color:#20718d;font:600 13px Manrope}.serv-page .flow h3{font-size:18px}.serv-page .delivery{background:#f4f8fa}.serv-page .audience{border-block-end:1px solid var(--line);max-inline-size:850px;text-align:center}.serv-page .faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.serv-page .faq details{border-block-end:1px solid var(--line)}.serv-page summary{padding-block:18px;cursor:pointer;font-weight:700}.serv-page .faq details p{padding-block-end:20px;font-size:16px}.serv-page .cta{text-align:center;background:#eaf2f7}.serv-page .cta p{margin-block-end:25px}.serv-page footer{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding-block:30px;font-size:13px}.serv-page footer>span{margin-inline-end:auto}.serv-page .skip{position:absolute;inset-block-start:-100px}.serv-page .skip:focus{inset-block-start:0;background:white;z-index:20;padding:10px}.serv-page :focus-visible{outline:3px solid #e48b22;outline-offset:5px}.serv-page .service-art{color:#226884}.serv-page .service-map{position:relative;aspect-ratio:520/440;isolation:isolate}.serv-page .connections{position:absolute;inset:0;inline-size:100%;block-size:100%;stroke:#bdd7e4;stroke-width:1.5}.serv-page .connections .pulse-line,.serv-page .route-map .pulse-line{stroke:#1e9abb;stroke-width:3;stroke-dasharray:20 460}.serv-page .service-core{position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:50% -50%;inline-size:150px;block-size:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;border-radius:50%;background:#102e42;color:white;box-shadow:0 0 0 15px #ffffff90,0 0 0 16px #c6dde9}.serv-page .service-core svg{inline-size:36px;block-size:36px}.serv-page .service-core strong{font-size:16px}html[dir=ltr] .serv-page .service-core{translate:-50% -50%}.serv-page .service-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffffd9;border:1px solid #cfe1e9;border-radius:14px;padding:20px 12px;inline-size:132px;box-shadow:0 12px 35px #123e5010;font-size:15px;font-weight:700}.serv-page .node-0{inset-inline-start:2%;inset-block-start:3%}.serv-page .node-1{inset-inline-end:2%;inset-block-start:3%}.serv-page .node-2{inset-inline-start:2%;inset-block-end:3%}.serv-page .node-3{inset-inline-end:2%;inset-block-end:3%}.serv-page figcaption{text-align:center;color:#607c8b;font-size:11px;margin-block-start:12px}.serv-page .motion-toggle{display:block;margin:12px auto 0;border:0;background:transparent;color:#526975;font-size:12px;padding:8px}.serv-page .visit-art{display:grid;place-items:center}.serv-page .visit-phone{inline-size:min(280px,100%);padding:20px 25px 28px;background:#f7fbfd;color:var(--ink);border:5px solid #35566b;border-radius:34px;box-shadow:30px 30px 0 #ffffff05,-25px -25px 0 #ffffff03;display:flex;flex-direction:column;align-items:center;gap:20px}.serv-page .phone-speaker{inline-size:55px;block-size:5px;border-radius:10px;background:#c3d6e0}.serv-page .visit-checks{inline-size:100%;display:grid;gap:12px}.serv-page .visit-checks>div{display:flex;align-items:center;gap:12px;padding-block:10px;border-block-end:1px solid var(--line);font-size:15px}.serv-page .check{display:grid;place-items:center;inline-size:25px;block-size:25px;border-radius:50%;background:#e0f1ea;color:#167666}.serv-page .signature{inline-size:160px;block-size:36px;color:#2786a0;stroke-dasharray:240;stroke-dashoffset:0}.serv-page .field figcaption{color:#adc4d1}.serv-page .route-art{padding:20px;border:1px solid #dce8ee;border-radius:18px;background:#fff}.serv-page .route-map{position:relative}.serv-page .route-map>svg{inline-size:100%;block-size:auto;color:#20718d}.serv-page .map-street{stroke:#e8eff3;stroke-width:16}.serv-page .route-path{stroke:#97c5d8;stroke-width:4}.serv-page .route-map circle{fill:white;stroke:#20718d;stroke-width:3}.serv-page .route-label{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px}@media(prefers-reduced-motion:no-preference){.serv-page .pulse-line{animation:service-signal 8s linear infinite}.serv-page .service-node{animation:service-float 7s ease-in-out infinite alternate}.serv-page .node-1,.serv-page .node-3{animation-delay:-3s}.serv-page .signature{animation:service-sign 6s ease-in-out infinite}@keyframes service-signal{to{stroke-dashoffset:-960}}@keyframes service-float{to{transform:translateY(-6px)}}@keyframes service-sign{0%,15%{stroke-dashoffset:240}55%,100%{stroke-dashoffset:0}}}body.motion-paused .serv-page *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.serv-page{scroll-behavior:auto}.serv-page .motion-toggle{display:none}.serv-page *,.serv-page *:before,.serv-page *:after{animation:none!important}}@media(max-width:1050px){.serv-page .header{gap:14px;flex-wrap:wrap}.serv-page .header nav{order:4;flex-basis:100%;justify-content:center}.serv-page .language{margin-inline-start:auto}.serv-page .split{gap:30px}.serv-page .hero{padding-block-start:195px}.serv-page .brand span{max-inline-size:260px}.serv-page .features{gap:26px}.serv-page .flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.serv-page .wrap{inline-size:calc(100% - 32px)}.serv-page .header{inset-block-start:8px;padding:10px 12px;gap:10px}.serv-page .brand span{display:none}.serv-page .header nav{gap:22px;font-size:12px;overflow-x:auto;justify-content:flex-start}.serv-page .header .button{font-size:12px;padding:8px 12px}.serv-page .split,.serv-page .faq{grid-template-columns:1fr;gap:35px}.serv-page .hero{padding-block-start:185px;padding-block-end:45px}.serv-page .lead{font-size:18px}.serv-page h1{font-size:38px}.serv-page .section{padding-block:48px}.serv-page .features{grid-template-columns:1fr 1fr;gap:28px 20px}.serv-page .features h3{font-size:20px}.serv-page .features p{font-size:15px}.serv-page .flow{grid-template-columns:repeat(2,1fr)}.serv-page .service-map{max-inline-size:480px;margin-inline:auto}.serv-page .service-node{inline-size:116px;padding:15px 8px;font-size:14px}.serv-page .service-core{inline-size:125px;block-size:125px}.serv-page .service-core strong{font-size:14px}.serv-page .actions{gap:18px}.serv-page footer{gap:16px}.serv-page footer>span{flex-basis:100%}}@media(max-width:380px){.serv-page .features{grid-template-columns:1fr}.serv-page .service-node{inline-size:100px;padding:12px 8px}.serv-page .service-core{inline-size:104px;block-size:104px;gap:8px}.serv-page .service-core strong{font-size:12px}.serv-page .service-core svg{inline-size:25px}.serv-page .header nav{gap:17px}}
