/* Approved option 2: navy and orange, with the original TOGO identity. */
:root{--green:#0c315f;--deep:#04152d;--gold:#c35308;--gold-light:#ff973d;--orange:#ff7a18}
html{scroll-padding-top:104px}
body{background:#f5f8fc}
.topline{background:#031127;border-bottom:1px solid #ffffff12}
.topline .container{color:#cfdded}
.site-header{background:#071c37f5;border-color:#ffffff14;color:white}
.navigation{min-height:85px;gap:20px}
.brand{background:white;border-radius:11px;padding:2px 12px}
.brand img{width:112px;height:56px;object-fit:contain}
.nav-links{gap:25px}.nav-links a{font-size:12px}
.nav-cta{background:#ff7a18;border-color:#ff7a18;color:#101f36}
.nav-cta:hover{background:#ff983f;border-color:#ff983f}
.menu-toggle span{background:white}
.option2-hero{background:#04152d;color:white;position:relative;isolation:isolate;padding-bottom:50px;overflow:hidden}
.hero-scene{position:absolute;inset:0 0 auto;height:620px;background:linear-gradient(90deg,#04152d 3%,#04152de0 35%,#04152d35 64%,#04152d10),url('hero-courier.png') right center/cover no-repeat;z-index:-1}
.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04152d,transparent 28%)}
.option2-hero .hero-layout{direction:ltr;display:flex;align-items:center;min-height:495px;padding-block:52px 36px}
.option2-hero .hero-copy{direction:rtl;width:54%;padding:0;text-align:center}
.option2-hero .eyebrow{justify-content:center;color:#ffab68;margin-bottom:16px}
.option2-hero h1{font-size:clamp(32px,3.45vw,53px);line-height:1.65;letter-spacing:-1px;margin-bottom:12px}
.option2-hero h1 span{color:#ff8a29;white-space:normal}.option2-hero h1 span:after{display:none}
.option2-hero .hero-lead{color:#edf4ff;font-size:20px;font-weight:600}
.option2-hero .hero-description{color:#c7d6e8;font-size:14px;line-height:2;max-width:520px;margin-inline:auto}
.option2-hero .actions{justify-content:center;gap:12px;margin-top:26px}
.button{border-radius:10px;box-shadow:none;gap:14px}
.button-blue{background:#1260df;border-color:#1260df;color:white}
.button-blue:hover{background:#2879f6;border-color:#2879f6}
.hero-explore{display:inline-flex;gap:15px;align-items:center;font-size:11px;color:#c5d9f3;margin-top:21px;min-height:40px}
.hero-explore span{color:#ff9c4b;font-size:18px}
.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:35px}
.hero-benefits a{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#102f52ee,#08213bed);border:1px solid #ffffff17;border-radius:13px;padding:17px 20px;transition:border-color .2s}
.hero-benefits a:hover{border-color:#ff923f}.hero-benefits .icon{width:30px;height:30px;color:#ff9a4d}
.hero-benefits span{font-size:13px;font-weight:800}.hero-benefits small{display:block;font-size:10px;font-weight:400;color:#b8cce5}
.apps-showcase{display:grid;grid-template-columns:1fr 1.85fr 1fr;gap:18px;align-items:center}
.app-card{background:linear-gradient(135deg,#f5faff,#d8e9ff);color:#102f58;border:1px solid #e3edfb;border-radius:18px;padding:24px 22px;min-height:260px}
.app-card h2{font-size:22px;line-height:1.65;letter-spacing:0;margin:9px 0}.app-card p{font-size:11px;line-height:1.9;color:#395b83;margin-bottom:17px}
.app-card .button{font-size:10px;padding:10px 13px;min-height:42px;gap:8px}.app-card .icon{width:15px;height:15px}
.app-pill{font-size:9px;letter-spacing:.1px;color:#375782;border-bottom:1px solid #a7bfdc;padding-bottom:5px;display:inline-block}
.dashboard-preview{background:#eaf1fa;color:#12365f;border:7px solid #1c2a40;outline:1px solid #48607c;border-radius:17px;box-shadow:0 25px 45px #0008;transform:translateY(-8px);overflow:hidden}
.dashboard-top{display:flex;justify-content:space-between;align-items:center;background:white;padding:12px 16px;border-bottom:1px solid #dce7f5;gap:10px}
.dashboard-top b{font-family:Arial,sans-serif;font-size:17px;color:#1252a1}.dashboard-top b span{font-family:Cairo,sans-serif;font-size:10px;color:#314f71;margin-inline-start:6px}
.dashboard-top small{font-size:8px;color:#657c97}.dashboard-body{display:grid;grid-template-columns:85px 1fr;min-height:234px}
.dashboard-body aside{display:flex;flex-direction:column;gap:15px;padding:20px 10px;background:#0d3769;color:#cfe1f9;font-size:8px}.dashboard-body aside b{color:white}
.dashboard-content{padding:18px 14px}.dashboard-content>strong{font-size:12px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.dashboard-metrics span{background:white;border:1px solid #dae5f3;border-radius:6px;font-size:9px;padding:8px 4px;text-align:center;color:#23496e}.dashboard-metrics small{display:block;font-size:7px;color:#6d8299;margin-top:2px}
.chart-preview{margin-top:13px;padding:10px 10px 0;background:white;border-radius:7px}.chart-label{font-size:7px;color:#6c8098}.chart-preview svg{width:100%;height:105px;overflow:visible;display:block}.chart-preview .grid{stroke:#e6eef7;stroke-width:1;fill:none}.chart-preview .area{fill:#dceaff}.chart-preview .line{stroke:#2672e8;stroke-width:3;fill:none}
.service-shortcuts{padding-block:30px}.section{padding-block:78px}
.section-intro,.values-top{gap:60px}.solutions .section-intro h2{font-size:36px}
.solution-tabs{border-radius:14px;border:1px solid #dae3ee;background:white;overflow:hidden}.solution-tabs button{background:white;font-size:15px}.solution-tabs button[aria-selected=true]{background:#0c315f;color:white;border-color:#0c315f}
.experience-map{background:white;box-shadow:0 15px 35px #092b5108}
.values-section{background:linear-gradient(125deg,#061a35,#103965)}
.partners-section{background:#e9f0fa}.partners-section h2 span{color:#be4f06}
.courier-partnership{padding-block:65px}.courier-photo{overflow:hidden;border-radius:20px}
.accounting-section{background:#fff}.accounting-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}
.accounting-layout h2{margin-bottom:20px}.accounting-lead{color:#60758c;font-size:14px;line-height:2.2;margin-bottom:25px}.accounting-layout .button{font-size:12px}
.accounting-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.accounting-features article{background:#f5f8fd;border:1px solid #e2eaf5;border-radius:16px;padding:24px}.accounting-features article>span{font-family:Arial,sans-serif;color:#d15f10;font-size:13px}.accounting-features h3{font-size:17px;margin:9px 0}.accounting-features p{font-size:12px;color:#64788f;line-height:2}
.availability-note{font-size:11px;color:#657a94;border-top:1px solid #e5edf6;padding-top:20px;margin-top:35px}
.join-section{background:linear-gradient(120deg,#072449,#12437a);color:white;padding:58px 0}.join-section>.container{display:flex;align-items:center;justify-content:space-between;gap:45px}.join-section .eyebrow{color:#ffae70}.join-section h2{font-size:35px}.join-section p:not(.eyebrow){font-size:13px;color:#ccddf1;max-width:630px;margin-top:13px}.join-section .button{flex-shrink:0}
.contact-section{background:#eaf1fb;text-align:center}.contact-section .eyebrow{justify-content:center}.contact-section h2{font-size:39px;line-height:1.55}.contact-section h2 br{display:none}.contact-section h2 span:before{content:' '}.contact-section>.container>p:not(.eyebrow){color:#526c8a;font-size:14px;margin-top:16px}
.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin:32px auto 0;text-align:right}.contact-links a{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #d7e3f1;border-radius:15px;padding:23px 27px;transition:transform .2s}.contact-links a:hover{transform:translateY(-3px)}.contact-links .icon{width:31px;height:31px;color:#d36619}.contact-links a>span{font-size:11px;color:#637a96}.contact-links b{display:block;font-size:16px;color:#123963;font-weight:800}.contact-links a>span:last-child{margin-inline-start:auto;font-size:23px;color:#376aa5}.facebook-icon{font:bold 31px Arial;color:#186ce3;width:31px;text-align:center}
.site-footer{background:#04152d;color:#d9e4f3}.footer-brand{background:white;border-radius:12px;padding:5px 12px;display:inline-block}.footer-brand img{width:132px}.footer-top p,.footer-bottom,.footer-links{color:#bdcfe6}.footer-bottom{border-color:#ffffff1c}.back-top{color:#ffab67}
@media(min-width:1600px){.hero-scene{background-size:1600px auto;background-position:right top}}
@media(max-width:1100px){.navigation{gap:14px}.nav-links{gap:18px}.nav-links a{font-size:11px}.container{width:calc(100% - 56px)}.option2-hero .hero-copy{width:58%}.option2-hero h1{font-size:36px}.option2-hero .hero-lead{font-size:17px}.hero-benefits a{padding:15px 12px;gap:10px}.hero-benefits span{font-size:12px}.hero-benefits small{font-size:9px}.apps-showcase{grid-template-columns:1fr 1.5fr 1fr;gap:12px}.app-card{padding:19px 15px}.app-card h2{font-size:19px}.dashboard-body{grid-template-columns:65px 1fr}.dashboard-content{padding:14px 10px}.dashboard-top{padding-inline:10px}.dashboard-top b span{display:none}.dashboard-metrics span{font-size:8px}.accounting-layout{gap:35px}.accounting-features article{padding:19px}}
@media(max-width:1000px){.nav-links{background:#0a2649;border:1px solid #ffffff25;box-shadow:0 20px 40px #0004}.nav-links a{color:white}.menu-toggle{color:white}.hero-benefits{grid-template-columns:1fr 1fr}.apps-showcase{grid-template-columns:1fr 1fr}.dashboard-preview{grid-column:1/-1;grid-row:1;max-width:580px;width:100%;margin:5px auto 15px;transform:none}.app-card{min-height:0}.app-card h2 br{display:none}.app-card .button{font-size:11px}.accounting-layout{grid-template-columns:1fr}.accounting-layout>div:first-child{max-width:680px}.accounting-layout h2 br{display:none}.accounting-layout h2 span:before{content:' '}}
@media(max-width:700px){html{scroll-padding-top:90px}.container{width:calc(100% - 36px)}.navigation{min-height:78px;gap:12px}.brand img{width:95px;height:48px}.brand{padding:2px 8px}.nav-cta{font-size:10px;min-height:42px;padding:9px 11px}.nav-cta .icon{display:none}.topline .english{font-size:7px}.option2-hero{padding-bottom:30px}.hero-scene{height:470px;background:linear-gradient(0deg,#04152d 0%,#04152d50 60%,#04152d10),url('hero-courier.png') 83% center/auto 470px no-repeat;opacity:.83}.option2-hero .hero-layout{display:block;padding-top:275px;padding-bottom:30px;min-height:0}.option2-hero .hero-copy{width:100%;position:relative}.option2-hero .eyebrow{font-size:10px;margin-bottom:14px}.option2-hero h1{font-size:32px;line-height:1.6;letter-spacing:-.7px}.option2-hero .hero-lead{font-size:15px;margin-block:10px}.option2-hero .hero-description{font-size:12px;line-height:2.1;max-width:460px}.option2-hero .actions{gap:9px;margin-top:22px}.option2-hero .actions .button{font-size:11px;padding:12px 14px;min-height:48px;gap:8px}.option2-hero .actions .icon{width:17px;height:17px}.hero-explore{margin-top:13px}.hero-benefits{gap:10px;margin-bottom:28px}.hero-benefits a{padding:14px 11px;gap:10px}.hero-benefits .icon{width:25px;height:25px}.hero-benefits span{font-size:11px}.hero-benefits small{font-size:9px}.apps-showcase{gap:12px}.app-card{padding:18px 14px;border-radius:13px}.app-card h2{font-size:18px;line-height:1.7}.app-card h2 br{display:block}.app-card p{font-size:10px}.app-card .button{font-size:9px;padding:9px;gap:5px}.app-card .button .icon{display:none}.dashboard-preview{border-width:5px;margin-bottom:10px}.dashboard-body{min-height:210px;grid-template-columns:67px 1fr}.dashboard-content{padding:14px 11px}.dashboard-metrics{gap:5px}.dashboard-metrics span{font-size:8px}.chart-preview svg{height:85px}.section{padding-block:55px}.service-shortcuts{padding-block:24px}.solutions .section-intro h2{font-size:29px}.solution-tabs button{font-size:13px}.section-intro,.values-top{gap:20px}.accounting-layout{gap:30px}.accounting-layout h2{font-size:30px}.accounting-lead{font-size:13px}.accounting-features{gap:12px}.accounting-features article{padding:18px 15px}.accounting-features h3{font-size:15px}.accounting-features p{font-size:11px}.availability-note{font-size:10px;line-height:2}.join-section{padding-block:45px}.join-section>.container{flex-direction:column;align-items:flex-start;gap:25px}.join-section h2{font-size:30px}.contact-section h2{font-size:30px}.contact-section>.container>p:not(.eyebrow){font-size:12px}.contact-links{grid-template-columns:1fr;gap:13px;margin-top:25px}.contact-links a{padding:20px}.contact-links b{font-size:16px}.footer-brand img{width:115px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.navigation{gap:7px}.brand img{width:80px;height:42px}.nav-cta{font-size:9px;padding:8px}.option2-hero h1{font-size:28px}.option2-hero .hero-lead{font-size:13px}.hero-benefits span{font-size:10px}.hero-benefits small{font-size:8px}.option2-hero .actions .button{padding:11px;font-size:10px}.hero-benefits .icon{width:21px;height:21px}.accounting-features{grid-template-columns:1fr}.app-card{padding:15px 11px}.app-card .button{font-size:8px}.dashboard-metrics small{font-size:6px}.dashboard-body{grid-template-columns:55px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Faithful layout from the user's approved second design. Original artwork is
   reused via CSS crops; headings, navigation, buttons and cards remain live HTML. */
:root{--gold:#ff7c0b;--gold-light:#ffa45a;--muted:#b3c6df;--ink:#eef5ff;--line:#ffffff21;--paper:#092341;--green:#0d3563}
body{background:#03162f;color:#f3f7ff}
.approved-stage{container-type:inline-size;position:relative;isolation:isolate;width:100%;max-width:1440px;aspect-ratio:768/512;margin:auto;background:radial-gradient(ellipse at 8% 30%,#07335180,transparent 38%),linear-gradient(110deg,#031b36,#000e24 65%,#00224e);overflow:hidden;color:white}
.approved-header{position:relative;z-index:5;height:6.4cqw;background:linear-gradient(90deg,#062349,#00132c 60%,#001a3e)}
.approved-header .navigation{width:93%;margin:auto;min-height:6.4cqw;height:6.4cqw;gap:1.3cqw;direction:ltr}
.reference-logo{display:block;flex-shrink:0;width:10.7cqw;height:6cqw;background-image:url('assets/togo-approved-design-2.png');background-size:100cqw auto;background-position:-4.1cqw -.1cqw;background-repeat:no-repeat}
.approved-header .nav-links{gap:1.7cqw;direction:rtl;flex:1;justify-content:center;background:none;border:0;box-shadow:none}
.approved-header .nav-links a{font-size:1.04cqw;font-weight:800;line-height:1.6;padding:1.6cqw 0;white-space:nowrap;color:#fff}
.approved-header .nav-links a:after{bottom:1.1cqw;background:#fff}
.approved-header .nav-active:after{transform:scaleX(1)}
.header-actions{display:flex;gap:.8cqw}
.approved-stage .button{direction:rtl;justify-content:center;color:#fff;border-radius:1.2cqw;border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff25,0 3px 12px #0002;letter-spacing:0}
.approved-stage .orange{background:linear-gradient(120deg,#ff8c00,#ff5d00)}
.approved-stage .blue{background:linear-gradient(125deg,#076aff,#0037db)}
.approved-stage .button:hover{filter:brightness(1.13)}
.header-actions .button{font-size:1.13cqw;height:4.3cqw;min-height:0;padding:.7cqw 1.3cqw;gap:.8cqw;white-space:nowrap}
.header-actions .icon{width:2cqw;height:2cqw}
.social-links{display:flex;gap:1.3cqw;margin-left:.8cqw;align-items:center}
.social-links a{display:grid;place-items:center;width:3.5cqw;height:3.5cqw;border-radius:50%;background:linear-gradient(130deg,#096bff,#0025b6);color:#fff;border:1px solid #ffffff30}
.social-links b{font:bold 3.1cqw Arial;align-self:end;line-height:1}
.social-links .icon{width:2.5cqw;height:2.5cqw;fill:none;stroke-width:1.5}
.approved-courier{position:absolute;z-index:-1;right:0;top:5.7cqw;width:45.7cqw;height:43cqw;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 7%)}
.approved-courier img{position:absolute;max-width:none;width:100cqw;height:auto;right:0;top:-5.7cqw}
.approved-copy{position:absolute;left:4cqw;top:9.2cqw;width:51cqw;text-align:center;direction:rtl}
.approved-copy h1{font-size:4.03cqw;line-height:1.5;letter-spacing:-.05cqw;font-weight:800;margin:0 0 1.1cqw}
.approved-copy h1 span{color:#ff7a00;white-space:nowrap}
.approved-copy h1 span:after{display:none}
.approved-copy p{font-size:2.03cqw;line-height:1.75;color:#fff;white-space:nowrap}
.approved-copy .actions{display:flex;direction:ltr;flex-wrap:nowrap;justify-content:center;gap:1.2cqw;margin-top:1.6cqw}
.approved-copy .button{width:22.5cqw;height:5.5cqw;min-height:0;font-size:1.5cqw;font-weight:800;padding:.8cqw 1.4cqw;gap:1.4cqw}
.approved-copy .icon{width:2.7cqw;height:2.7cqw}
.approved-benefits{position:absolute;z-index:2;left:3.8cqw;top:38.2cqw;width:81.5cqw;height:6.5cqw;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw;direction:ltr}
.approved-benefits a{display:flex;align-items:center;justify-content:space-around;gap:.8cqw;padding:.8cqw 1.2cqw;background:linear-gradient(125deg,#072744,#031c37);border:1px solid #07345b;border-radius:1.3cqw;box-shadow:0 8px 22px #0002;transition:border-color .15s}
.approved-benefits a:hover{border-color:#ff7c0b}
.approved-benefits span{font-size:1.4cqw;font-weight:600;line-height:1.5;text-align:right;direction:rtl;white-space:nowrap}
.approved-benefits .icon{width:3.3cqw;height:3.3cqw;color:white}
.approved-apps{position:absolute;inset:0;pointer-events:none;z-index:3}
.approved-app{position:absolute;top:48.5cqw;width:28cqw;height:15.9cqw;border-radius:1.7cqw;background:linear-gradient(130deg,#fff,#d4e8ff);color:#071b57;border:1px solid #e4f2ff;pointer-events:auto;padding:1.7cqw 2cqw}
.approved-app.customer{left:3.8cqw;text-align:left}
.approved-app.courier{right:3.2cqw;text-align:right}
.approved-app.customer>div{width:17.2cqw;float:left}
.approved-app.courier>div{width:17.2cqw;float:right}
.approved-app h2{font-size:1.95cqw;letter-spacing:0;line-height:1.6;margin:0 0 .1cqw;font-weight:800}
.approved-app p{font-size:1.5cqw;line-height:1.65;font-weight:600;margin-bottom:.7cqw;color:#071b57}
.app-open{display:inline-flex;align-items:center;justify-content:center;gap:.8cqw;border-radius:.7cqw;background:#071b47;color:#fff;padding:.6cqw 1cqw;min-height:3.1cqw;font-size:1.25cqw;font-weight:800;white-space:nowrap}
.app-open:hover{background:#064ad7}
.approved-devices{position:absolute;left:23.3cqw;top:46.1cqw;width:52.9cqw;height:20.6cqw;overflow:hidden;clip-path:polygon(0 26%,12% 16%,17% 24%,18% 96%,19% 3%,21% 0,76% 0,79% 4%,80% 81%,81% 12%,84% 7%,98% 14%,100% 100%,8% 100%);z-index:2;pointer-events:none}
.approved-devices img{max-width:none;position:absolute;width:100cqw;height:auto;left:-23.3cqw;top:-46.1cqw}
/* Keep the expanded sections within the same approved navy/orange identity. */
.service-shortcuts{border-color:#ffffff21}.service-shortcuts a,.service-shortcuts strong{color:#f3f7ff}.service-shortcuts small{color:#b9cce3}
.solutions h2 span,.partner-copy h2 span,.accounting-layout h2 span,.faq h2 span,.contact-section h2 span{color:#ff8c32}
.section-intro>p,.solution-copy>p:not(.eyebrow),.partner-copy>p:not(.eyebrow),.courier-copy p:not(.eyebrow),.journey-steps p,.faq>div>p:not(.eyebrow){color:#b9cbe2}
.solution-tabs{background:#082b50;border-color:#1f456d}.solution-tabs button{background:#082b50;color:#c2d5ec}.solution-tabs button[aria-selected=true]{background:#075be8;border-color:#075be8}
.solution-tabs button:hover{background:#124174}.check-list{color:#bdcfe6}.text-link{color:#ff9c4b}
.experience-map{background:#0a294a;border-color:#284767;color:#eff6ff}.map-heading{color:#e1edfc;border-color:#365371}.category-grid span{background:#0a345c;color:#e3f0ff;border-color:#31577b}.map-route{color:#d0e2f7}.experience-map small{color:#b9cce3}.operation-row{color:#e7f0ff}.courier-route b{color:#fff}.courier-route span{color:#bacfe9}
.values-section{background:#052342}.journey-steps{background:#092646;border-color:#294664}.journey-steps li+li{border-color:#294664}.step-owner{background:#124271;color:#e6f1ff}
.partners-section{background:#061e39}.partner-steps{background:#0a2d51;border-color:#254b70}.partner-steps p{color:#b9cbe2}.partner-steps li{border-color:#36516c}
.courier-partnership{grid-template-columns:1fr;padding-block:55px}.courier-photo{display:none}.courier-copy{max-width:900px}
.accounting-section{background:#07213e}.accounting-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.accounting-layout h2{margin-bottom:20px}.accounting-lead{color:#b9cbe2}.accounting-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.accounting-features article{background:#0c2d50;border-color:#2c4b6b}.accounting-features p,.availability-note{color:#b9cbe2}.accounting-features article>span{color:#ff9d46}.accounting-section .button,.join-section .button{background:#ff7910;color:#fff;border-color:#ff7910}
.contact-section{background:#061c36}.contact-section>.container>p:not(.eyebrow){color:#bbcee6}.contact-links a{background:#0a2c51;border-color:#315273}.contact-links a>span,.contact-links b{color:#e0ecfc}
.footer-brand{background:none;padding:0}.footer-brand .reference-logo{width:108px;height:59px;background-size:1000px auto;background-position:-41px -1px}
.site-footer{background:#021128;border-color:#183756}.faq-items details{border-color:#28435f}.faq-items details p{color:#c2d3e9}.faq-items summary{color:#eef6ff}
@media(min-width:701px){.approved-header .menu-toggle{display:none}.approved-header .nav-links{position:static;display:flex;padding:0;border-radius:0;width:auto;transform:none;opacity:1;visibility:visible}}
@media(max-width:1000px) and (min-width:701px){.approved-header .nav-links a{font-size:1.05cqw}.approved-header .nav-links{gap:1.1cqw}.header-actions .button{padding:.7cqw 1cqw}.social-links{gap:.8cqw;margin:0}.approved-header .navigation{width:94%;gap:1cqw}}
@media(max-width:700px){
.approved-stage{aspect-ratio:auto;padding-bottom:28px;overflow:hidden}
.approved-header{height:66px}.approved-header .navigation{height:66px;min-height:66px;width:calc(100% - 28px);gap:10px;justify-content:space-between}
.approved-header .reference-logo{width:83px;height:47px;background-size:768px auto;background-position:-31px -1px}
.approved-header .menu-toggle{display:block;order:4;width:40px;height:44px;padding:9px}.approved-header .menu-toggle span{background:#fff}
.approved-header .header-actions{margin-left:auto;gap:0}.header-actions .blue{display:none}.header-actions .button{font-size:11px;min-height:39px;height:39px;border-radius:8px;gap:7px;padding:8px 12px}.header-actions .icon{width:17px;height:17px}
.social-links{display:none}
.approved-header .nav-links{display:none;position:absolute;top:66px;left:14px;right:14px;width:auto;z-index:20;flex-direction:column;align-items:stretch;background:#072b51;border:1px solid #365473;border-radius:12px;box-shadow:0 12px 30px #0008;padding:10px 16px;gap:0;direction:rtl}
.approved-header .nav-links.is-open{display:flex}.approved-header .nav-links a{font-size:15px;padding:10px 0}.approved-header .nav-links a:after{bottom:7px}
.approved-courier{top:66px;right:0;width:min(100%,350px);height:320px;mask-image:linear-gradient(0deg,transparent 0%,#000 23%,#000 100%)}
.approved-courier img{width:768px;right:0;top:-44px}
.approved-copy{position:relative;inset:auto;width:auto;padding:305px 18px 0;text-align:center}
.approved-copy h1{font-size:32px;line-height:1.5;letter-spacing:-.6px;margin-bottom:13px}.approved-copy h1 span{white-space:normal}
.approved-copy p{font-size:14px;line-height:1.9;white-space:normal}.approved-copy p br{display:none}
.approved-copy .actions{margin-top:22px;gap:10px;flex-wrap:nowrap}.approved-copy .button{width:50%;height:auto;min-height:48px;font-size:12px;padding:11px 7px;gap:7px;border-radius:9px}.approved-copy .icon{width:21px;height:21px}
.approved-benefits{position:relative;inset:auto;width:auto;height:auto;margin:24px 18px 0;grid-template-columns:1fr 1fr;gap:10px}.approved-benefits a{padding:12px 10px;min-height:72px;gap:12px;border-radius:10px;justify-content:flex-start}.approved-benefits span{font-size:12px}.approved-benefits .icon{width:29px;height:29px}
.approved-apps{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 18px 0}
.approved-devices{position:relative;inset:auto;width:100%;height:37cqw;grid-column:1/-1;grid-row:1;clip-path:polygon(0 26%,12% 16%,17% 24%,18% 96%,19% 3%,21% 0,76% 0,79% 4%,80% 81%,81% 12%,84% 7%,98% 14%,100% 100%,8% 100%)}
.approved-devices img{width:177cqw;left:-41.24cqw;top:-81.6cqw}
.approved-app,.approved-app.customer,.approved-app.courier{position:relative;inset:auto;width:100%;height:auto;min-height:158px;border-radius:13px;padding:16px 12px;text-align:right;grid-row:2}
.approved-app.customer{grid-column:1}.approved-app.courier{grid-column:2}.approved-app.customer>div,.approved-app.courier>div{width:auto;float:none}
.approved-app h2{font-size:18px;margin-bottom:5px;letter-spacing:-.3px}.approved-app p{font-size:12px;margin-bottom:12px}.app-open{font-size:10px;min-height:35px;gap:5px;border-radius:6px;padding:7px}
.accounting-layout{grid-template-columns:1fr;gap:30px}.accounting-features{gap:12px}.accounting-features article{padding:18px 14px}.journey-steps li:nth-child(even),.journey-steps li:nth-child(n+3){border-color:#294664}.approved-stage .button:focus-visible,.approved-stage a:focus-visible{outline-color:#fff;outline-offset:3px}
}
@media(max-width:360px){.approved-copy h1{font-size:28px}.approved-copy .button{font-size:10px}.approved-app h2{font-size:16px}.app-open{font-size:9px}.header-actions .button{font-size:10px;padding:7px}.approved-header .navigation{gap:7px}.approved-benefits span{font-size:11px}}
@media(max-width:700px){.approved-courier{height:249px;mask-image:linear-gradient(0deg,transparent 0%,#000 25%,#000 100%)}.approved-copy{padding-top:255px}.approved-copy p br{display:block}}

/* A visible language selector, independent of the mobile menu. */
.language-bar{max-width:1440px;margin:0 auto;padding:5px 3.5%;background:#041a37;display:flex;justify-content:flex-end;border-bottom:1px solid #ffffff14;direction:ltr}
.language-switch{display:inline-flex;gap:3px;border:1px solid #416085;border-radius:8px;padding:3px;direction:ltr}
.language-switch button{border:0;border-radius:5px;background:transparent;color:#d0e0f4;cursor:pointer;padding:3px 13px;min-height:30px;font:600 12px Cairo,Arial,sans-serif}
.language-switch button[aria-pressed=true]{color:#fff;background:#165bdd}
.language-switch button:hover{background:#18477d}
.language-switch button:focus-visible{outline:2px solid #ff963b;outline-offset:2px}
html[lang=en] body{font-family:Arial,Cairo,sans-serif}
html[lang=en] .approved-copy,html[lang=en] .approved-stage .button,html[lang=en] .approved-benefits span,html[lang=en] .approved-header .nav-links{direction:ltr}
html[lang=en] .approved-copy h1{font-size:3.55cqw;line-height:1.55;letter-spacing:-.06cqw}
html[lang=en] .approved-copy p{font-size:1.6cqw;line-height:1.85;white-space:normal}
html[lang=en] .approved-copy .button{font-size:1.35cqw}
html[lang=en] .approved-benefits span{text-align:left;font-size:1.25cqw;white-space:normal}
html[lang=en] .approved-app{text-align:left}
html[lang=en] .approved-app h2{font-size:1.8cqw}
html[lang=en] .approved-app p{font-size:1.35cqw}
html[lang=en] .app-open{font-size:1.05cqw}
html[lang=en] .contact-links{text-align:left}
html[lang=en] .category-grid span:before{right:auto;left:15px}
html[lang=en] .text-link .icon,html[lang=en] .button .icon:has(use[href="#arrow"]),html[lang=en] .app-open>span{transform:scaleX(-1)}
html[lang=en] h2,html[lang=en] h3{letter-spacing:0;line-height:1.4}
html[lang=en] .approved-app h2{line-height:1.6}
@media(max-width:700px){
.language-bar{padding:5px 14px}
.language-switch button{min-height:32px;padding-inline:15px}
html[lang=en] .approved-copy h1{font-size:30px;line-height:1.35;letter-spacing:-.5px;margin-bottom:17px}
html[lang=en] .approved-copy p{font-size:14px;line-height:1.8}
html[lang=en] .approved-copy .button{font-size:12px}
html[lang=en] .approved-benefits span{font-size:12px}
html[lang=en] .approved-app h2{font-size:18px}
html[lang=en] .approved-app p{font-size:12px;line-height:1.65}
html[lang=en] .app-open{font-size:10px;white-space:normal;text-align:center}
html[lang=en] .solution-tabs button{font-size:12px}
}
@media(max-width:360px){html[lang=en] .approved-copy h1{font-size:27px}html[lang=en] .approved-copy .button{font-size:11px}html[lang=en] .approved-app h2{font-size:16px}html[lang=en] .approved-benefits span{font-size:11px}}
/* High-resolution artwork: preserve the approved composition and full device edges. */
.approved-devices{top:45cqw;height:21.67cqw;clip-path:polygon(0 20%,14% 10%,18% 95%,18% 5%,20% 0,77% 0,79% 4%,79% 82%,81% 8%,84% 6%,97% 13%,100% 100%,6% 100%)}
.approved-devices img{top:-45cqw}
@media(max-width:700px){.approved-devices{top:auto;height:38.36cqw}.approved-devices img{top:-79.65cqw}}