/* v2.6: intentional, accessible executive-branding design and centered conversion panels. */
:root { --ceo-deep:#12382d; --ceo-ink:#16372d; --ceo-lime:#d8fa86; }
.ceo-section{background:linear-gradient(165deg,#eef3e9,#f7f8f2 50%,#e8eee5);padding:clamp(48px,7vw,98px) 0;color:#163a2d;}
.ceo-container{width:min(1150px,calc(100% - 38px));margin-inline:auto;min-width:0;}
.ceo-heading{max-width:780px;margin:0 auto 35px;text-align:center;}
.ceo-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#31684e;font-weight:850;display:block;margin-bottom:15px;line-height:1.6;}
.ceo-heading h2{color:#15372b;font-size:clamp(31px,5.8vw,57px);font-weight:850;line-height:1.13;letter-spacing:-.025em;margin:0 0 19px;}
.ceo-heading h2 em,.ceo-standalone-lead h1 em{font-style:normal;color:#497b56;letter-spacing:inherit;}
.ceo-heading p{font-size:clamp(14px,1.6vw,17px);line-height:1.75;max-width:720px;margin:0 auto 10px;color:#456457;}
.ceo-heading .ceo-muted{font-size:13px;color:#688174;max-width:640px;}
.ceo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;}
.ceo-plan{background:#fff;border:1px solid #d4e3d2;border-radius:25px;padding:clamp(20px,3vw,32px);box-shadow:0 16px 35px #1335220c;display:flex;flex-direction:column;min-width:0;}
.ceo-plan:nth-child(2){background:#153b30;color:#f4f9f0;border-color:#153b30;}
.ceo-card-top{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#497355;line-height:1.6;margin-bottom:16px;}
.ceo-plan:nth-child(2) .ceo-card-top{color:#c0e9a2;}
.ceo-plan h3{font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.02em;margin:0 0 9px;color:inherit;}
.ceo-audience{margin:0 0 22px;color:#587262;font-size:13px;line-height:1.65;min-height:38px;}
.ceo-audience strong{color:#2d6147;font-size:10px;letter-spacing:.05em;display:inline-block;margin-inline-end:6px;}
.ceo-plan:nth-child(2) .ceo-audience{color:#c2d7cd;}.ceo-plan:nth-child(2) .ceo-audience strong{color:#cfff8d;}
.ceo-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;padding-bottom:15px;border-bottom:1px solid #dce9d8;margin-bottom:16px;}
.ceo-price strong{font-size:clamp(41px,5vw,57px);font-weight:900;letter-spacing:-.04em;line-height:1.1;color:#143929;direction:ltr;}
.ceo-price span{font-size:13px;color:#688271;font-weight:800;}
.ceo-plan:nth-child(2) .ceo-price{border-color:#42665a;}.ceo-plan:nth-child(2) .ceo-price strong{color:#d6fa87;}.ceo-plan:nth-child(2) .ceo-price span{color:#d7e7d3;}
.ceo-quick{color:#244d37;font-size:15px;font-weight:780;line-height:1.5;margin-bottom:18px;}
.ceo-plan:nth-child(2) .ceo-quick{color:#ebf6e4;}
.ceo-details{border-radius:13px;background:#eff5eb;padding:13px 16px;margin-bottom:20px;}
.ceo-details summary{cursor:pointer;font-size:13px;font-weight:800;min-height:25px;line-height:1.8;color:#24503b;}
.ceo-details ul{padding-inline-start:19px;line-height:1.65;font-size:13px;color:#3b604c;margin:13px 0;}
.ceo-details li+li{margin-top:6px;}.ceo-details p{font-size:12px;line-height:1.65;color:#577166;margin:10px 0 0;}
.ceo-plan:nth-child(2) .ceo-details{background:#234f40;}.ceo-plan:nth-child(2) .ceo-details summary{color:#eff8db;}.ceo-plan:nth-child(2) .ceo-details li,.ceo-plan:nth-child(2) .ceo-details p{color:#d2e3d5;}
.ceo-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:52px;padding:12px 18px;background:#193e30;color:white!important;font-size:14px;font-weight:850;border-radius:13px;text-decoration:none!important;margin-top:auto;transition:transform .2s ease,filter .2s ease;}
.ceo-plan:nth-child(2) .ceo-cta{background:#d5fa80;color:#17382b!important;}.ceo-cta:hover{transform:translateY(-2px);filter:brightness(1.04);}
.ceo-cta:focus-visible,.ceo-more:focus-visible{outline:3px solid #91d547;outline-offset:4px;}
.ceo-disclaimer{margin:20px auto 0;background:#e3eee0;border:1px solid #d4e5d1;padding:20px 24px;border-radius:20px;max-width:940px;text-align:center;}
.ceo-disclaimer h3{font-size:16px;color:#234735;margin:0 0 7px;}.ceo-disclaimer p{font-size:13px;line-height:1.7;color:#506c5d;margin:0;}
.ceo-more{display:table;margin:21px auto 0;background:#d9f3b3;border:1px solid #aacd9b;padding:11px 18px;color:#224d37!important;font-size:13px;font-weight:800;border-radius:40px;text-decoration:none!important;text-align:center;}
.ceo-standalone-lead{background:linear-gradient(130deg,#103125,#194438);padding:clamp(62px,9vw,100px) 0;color:#fff;}
.ceo-standalone-lead .ceo-kicker{color:#c4f08a;}
.ceo-standalone-lead h1{font-size:clamp(39px,7vw,72px);line-height:1.1;letter-spacing:-.03em;max-width:860px;color:#fff;margin:0 0 22px;}
.ceo-standalone-lead h1 em{color:#d9fa88;}.ceo-standalone-lead p{max-width:800px;color:#d5e6d8;font-size:clamp(15px,1.8vw,18px);line-height:1.8;margin:0;}
.ceo-next{padding:58px 0 90px;background:#f7faf4;}.ceo-next h2{color:#183e2c;font-size:clamp(25px,4vw,36px);margin:0 0 11px;}.ceo-next p{max-width:720px;font-size:15px;line-height:1.75;color:#4a6656;margin:0;}
/* Three second-row service cards, balanced on desktop. Existing first four remain aligned. */
@media(min-width:1024px){
 .service-grid{grid-template-columns:repeat(12,minmax(0,1fr));}
 .service-grid>.service-card{grid-column:span 3;min-height:300px;}
 .service-grid>.service-card-web,.service-grid>.service-card-automation,.service-grid>.service-card-ceo{grid-column:span 4;min-height:330px;}
}
@media(min-width:721px) and (max-width:1023px){
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .service-grid>.service-card-web,.service-grid>.service-card-ceo{grid-column:auto;}
 .service-grid>.service-card-automation{grid-column:auto;}
}
.service-card-ceo .ceo-symbol{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;border:1px solid #96b89b;border-radius:16px;color:#2a7551;font-size:36px;}
.service-card-ceo a.service-tag{color:#246242!important;text-decoration:none!important;}
/* The center of the billing area should hold the copy and the action, not push them to opposite edges. */
.payment-panel-inner{justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:17px;}
.payment-panel-inner>div{margin-inline:auto;max-width:800px;min-width:0;}
.payment-panel-inner h2,.payment-panel-inner p{margin-inline:auto;}
.payment-panel-inner .payment-keypoints{justify-content:center;}
.payment-panel-inner .payment-link{width:auto;max-width:100%;}
/* Keep the darker closing CTA in balance too. */
.payment-foot-cta{text-align:center;justify-content:center;flex-direction:column;}
.payment-foot-cta>div{max-width:730px;margin-inline:auto;}.payment-foot-cta p{margin-inline:auto;}
/* Editorial hero: the location progression and team positioning are visually balanced. */
.hero-detail{flex-wrap:wrap;gap:13px;letter-spacing:.08em;}
.hero-bottom{justify-content:space-between;}
.hero-bottom span:last-child{max-width:62%;text-align:end;line-height:1.6;}
/* Arabic typography and logical alignment. */
html[lang="ar"] .ceo-section,html[lang="ar"] .ceo-standalone-lead,html[lang="ar"] .ceo-next{direction:rtl;}
html[lang="ar"] .ceo-heading,html[lang="ar"] .ceo-disclaimer{text-align:center;}
html[lang="ar"] .ceo-standalone-lead{text-align:right;}
html[lang="ar"] .ceo-heading h2,html[lang="ar"] .ceo-standalone-lead h1,html[lang="ar"] .ceo-plan h3{letter-spacing:normal;}
html[lang="ar"] .ceo-price strong{letter-spacing:0;}
html[lang="ar"] .ceo-audience{font-size:14px;}
html[lang="ar"] .ceo-card-top{letter-spacing:0;}
html[lang="ar"] .ceo-quick{font-size:15px;}
html[lang="ar"] .ceo-details ul{padding-inline-start:20px;}
@media(max-width:720px){
 .ceo-container{width:calc(100% - 30px);}
 .ceo-grid{grid-template-columns:1fr;gap:14px;}
 .ceo-plan{padding:20px;}
 .ceo-audience{min-height:0;}
 .ceo-heading{margin-bottom:24px;}
 .ceo-section{padding-block:46px 70px;}
 .payment-panel-inner{align-items:center!important;flex-direction:column!important;gap:15px!important;text-align:center!important;}
 .payment-panel-inner .payment-link{width:min(100%,360px)!important;}
 .payment-panel-inner p{max-width:100%;font-size:14px;}
 .payment-foot-cta{text-align:center;align-items:center!important;}
 .payment-foot-cta .payment-link{width:min(100%,360px);}
 .service-card-ceo .ceo-symbol{width:40px;height:40px;font-size:28px;}
 .ceo-standalone-lead{padding:60px 0 55px;}
}
@media(prefers-reduced-motion:reduce){.ceo-cta{transition:none;}.ceo-cta:hover{transform:none;}}
/* Keep all main navigation links visible at laptop widths without collisions. */
@media(min-width:921px){.nav-wrap{gap:clamp(9px,1.1vw,17px)}.desktop-nav{gap:clamp(8px,1vw,15px)}.desktop-nav a{white-space:nowrap;font-size:clamp(10px,.85vw,12px)}.nav-cta{white-space:nowrap;padding:12px 15px;font-size:11px}}
@media(min-width:1060px){html[lang="ar"] .ar-nav{gap:clamp(7px,.8vw,13px)}html[lang="ar"] .ar-nav a{font-size:11px;white-space:nowrap}}