/* Shared navigation: theme colors, radii, and local Font Awesome assets. */
.iketch-desktop-nav{position:static}
.nav-mega{position:static}
.nav-mega-toggle{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:14px;font-weight:600;color:#4b5563}
.dark .nav-mega-toggle{color:#d1d5db}
.nav-mega-toggle[aria-expanded=true]{color:var(--accent-color)}
.nav-mega-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-mega-toggle svg{width:14px;height:14px;transition:transform .2s}
.nav-mega-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 3rem));padding:24px;background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:var(--radius-card);box-shadow:0 20px 40px #0f172a24;max-height:calc(100dvh - 130px);overflow:auto}
.nav-mega-panel[hidden]{display:none!important}
.nav-portfolio{position:static}
.nav-portfolio-parent,.nav-mega-parent{display:flex;align-items:center;gap:4px}
.nav-portfolio-parent>.nav-link,.nav-mega-parent>.nav-link{font-size:14px;font-weight:600;color:#4b5563;min-height:44px;display:flex;align-items:center}
.dark .nav-portfolio-parent>.nav-link,.dark .nav-mega-parent>.nav-link{color:#d1d5db}
.nav-portfolio-parent>.nav-mega-toggle,.nav-mega-parent>.nav-mega-toggle{width:32px;justify-content:center}
.nav-portfolio-panel{left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 3rem));padding:24px}
.portfolio-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}
.portfolio-nav-heading{font-size:13px;font-weight:700;color:#64748b;margin:0 12px 12px;text-align:start}
.dark .portfolio-nav-heading{color:#94a3b8}
.portfolio-nav-countries{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}
.dark .portfolio-nav-countries{border-color:#334155}
.portfolio-country-links{display:flex;flex-wrap:wrap;gap:12px;padding-inline:12px}
.portfolio-country-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;background:#eff6ff;color:var(--accent-color);font-size:14px;font-weight:600;border-radius:var(--radius-button)}
.portfolio-country-links a:hover{background:#dbeafe}
.dark .portfolio-country-links a{background:#1e293b;color:#93c5fd}
.dark .portfolio-country-links a:hover{background:#334155}
.portfolio-country-links a:focus-visible,.portfolio-mobile-group summary:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}
.portfolio-mobile-group{width:100%;text-align:start}
.portfolio-mobile-group+ .portfolio-mobile-group{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}
.dark .portfolio-mobile-group+ .portfolio-mobile-group{border-color:#334155}
.portfolio-mobile-group summary{cursor:pointer;padding:14px 12px;font-weight:700;font-size:14px;color:#64748b;min-height:44px}
.dark .portfolio-mobile-group summary{color:#cbd5e1}
.portfolio-mobile-group .portfolio-country-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px 12px;gap:8px}
.portfolio-mobile-group .portfolio-country-links a{padding:10px 8px;text-align:center}
.portfolio-nav-link{display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:52px;font-size:15px;font-weight:600;border-radius:var(--radius-button);text-align:start}
.portfolio-nav-link .mega-service__icon{width:32px;height:32px}
.portfolio-nav-link .mega-service__icon:after{inset:7px}
.portfolio-nav-link:hover,.portfolio-nav-link:focus-visible{background:#eff6ff;color:var(--accent-color)}
.dark .portfolio-nav-link:hover,.dark .portfolio-nav-link:focus-visible{background:#1e293b;color:#93c5fd}
.portfolio-nav-all{display:block;margin-top:8px;padding:14px 12px 6px;border-top:1px solid #e2e8f0;color:var(--accent-color);font-size:14px;font-weight:700}
.dark .portfolio-nav-all{border-color:#334155;color:#93c5fd}
.portfolio-nav-link:focus-visible,.nav-portfolio-parent>a:focus-visible,.portfolio-nav-all:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}
.portfolio-category-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.portfolio-category-links a{padding:10px 16px;border:1px solid #dbeafe;border-radius:var(--radius-button);font-size:14px;font-weight:600}
.portfolio-category-links a[aria-current=page]{background:var(--accent-color);color:white}
.dark .portfolio-category-links a{border-color:#334155}
.dark .nav-mega-panel{background:#0f172a;color:#f8fafc;border-color:#334155}
.nav-mega-groups{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.nav-mega-group+ .nav-mega-group{border-inline-start:1px solid #e2e8f0;padding-inline-start:32px}
.dark .nav-mega-group+ .nav-mega-group{border-color:#334155}
.nav-mega-group h2{font-size:13px;font-weight:700;margin:0 12px 12px;color:#64748b}
.dark .nav-mega-group h2{color:#94a3b8}
.mega-service{display:flex;align-items:flex-start;gap:16px;padding:12px;border-radius:var(--radius-button);text-align:start;min-height:72px;transition:background .2s}
.mega-service:hover,.mega-service:focus-visible{background:#eff6ff}
.dark .mega-service:hover,.dark .mega-service:focus-visible{background:#1e293b}
.mega-service__icon{display:block;flex-shrink:0;width:40px;height:40px;background:#eff6ff;color:var(--accent-color);border-radius:var(--radius-button);position:relative}
.mega-service__icon:after{content:'';position:absolute;inset:10px;background:currentColor;mask:var(--nav-icon) center/contain no-repeat;-webkit-mask:var(--nav-icon) center/contain no-repeat}
.dark .mega-service__icon{background:#1e293b;color:#93c5fd}
.mega-service strong{display:block;font-size:16px;font-weight:700;line-height:1.5}
.mega-service__description{display:block;margin-top:4px;font-size:14px;line-height:1.6;color:#64748b}
.dark .mega-service__description{color:#cbd5e1}
.nav-mega-footer{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:700}
.dark .nav-mega-footer{border-color:#334155}
.nav-mega-footer>a:first-child{color:var(--accent-color)}
.nav-mega-cta{padding:12px 20px;background:var(--accent-color);color:white;border-radius:var(--radius-button)}
.nav-mega-toggle:focus-visible,.mega-service:focus-visible,.nav-mega-footer a:focus-visible,#mobile-menu-button:focus-visible,#close-mobile-menu:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
#mobile-menu-button{width:44px;height:44px;position:relative;border-radius:var(--radius-button);background:transparent;color:var(--accent-color)}
.dark #mobile-menu-button{background:transparent;color:#93c5fd}
.menu-strokes{width:22px;height:18px;position:relative;display:block;margin:auto}
.menu-strokes i{position:absolute;inset-inline-start:0;height:3px;width:22px;background:currentColor;border-radius:2px;transition:transform .2s,width .2s}
.menu-strokes i:first-child{top:1px;width:16px}.menu-strokes i:nth-child(2){top:8px}.menu-strokes i:last-child{top:15px;width:12px}
#mobile-menu-button:hover .menu-strokes i{width:22px}
#mobile-menu-button[aria-expanded=true] .menu-strokes i:first-child{width:22px;transform:translateY(7px) rotate(45deg)}
#mobile-menu-button[aria-expanded=true] .menu-strokes i:nth-child(2){transform:scaleX(0)}
#mobile-menu-button[aria-expanded=true] .menu-strokes i:last-child{width:22px;transform:translateY(-7px) rotate(-45deg)}
#mobile-menu-overlay{z-index:80}
#mobile-menu-overlay .mobile-menu-panel{align-items:stretch;gap:8px;padding:20px 20px 32px}
#mobile-menu-overlay .mobile-menu-link{font-size:20px;text-align:start;min-height:52px;padding:12px 8px}
#mobile-menu-overlay .mobile-menu-parent{width:100%;justify-content:space-between;border-bottom:1px solid #e2e8f0}
.dark #mobile-menu-overlay .mobile-menu-parent{border-color:#334155}
#mobile-menu-overlay .mobile-menu-item{align-items:stretch}
#mobile-menu-overlay .mobile-submenu-panel{align-items:stretch;gap:0;padding:8px;margin:8px 0}
#mobile-menu-overlay .mega-service{min-height:72px}
#mobile-menu-overlay .mobile-submenu-toggle{width:44px;height:44px;flex-shrink:0}
#mobile-menu-overlay .mobile-language-link{font-size:16px;padding:12px 16px}
#mobile-menu-overlay .mobile-menu-panel>a:last-child{max-width:none;font-size:16px;padding:16px;margin-top:12px;border-radius:var(--radius-button)}
@media(prefers-reduced-motion:reduce){.menu-strokes i,.nav-mega-toggle svg,.mega-service{transition:none}}
@media(max-width:1023px){
 .agency-hero .hero-title>span,.agency-hero .hero-title em{white-space:normal;text-wrap:balance}
 .agency-hero .hero-title em{display:inline-block;max-width:100%}
}
@media(max-width:600px){
 .agency-hero .hero-title,.agency-hero[data-slide="2"] .hero-title,html[lang^="en"] .agency-hero[data-slide="2"] .hero-title{font-size:clamp(30px,8.5vw,40px)!important;line-height:1.15!important}
 html[lang^="ar"] .agency-hero .hero-title{line-height:1.4!important}
 .agency-hero .hero-title>span,.agency-hero .hero-title em{white-space:normal;overflow-wrap:normal;text-wrap:balance}
 .agency-hero .hero-title em{display:inline-block;max-width:100%}
 .agency-hero .hero-title em:after{bottom:-4px;height:6px}
 .home-v2 .hero-actions{align-items:stretch}
 .home-v2 .agency-hero .hero-action{min-width:0;font-size:14px;padding-inline:12px;gap:8px;white-space:normal;text-align:center}
}