:root{--navy:#08182f;--gold:#d5a447;--gold-soft:#f9ebcf;--paper:#fff;--paper-2:#f7f8fa;--text:#11213c;--muted:#718095;--border:#e9ebef;--card:#fff;--shadow:0 18px 55px rgba(12,29,52,.055);--radius:17px;--hero-veil:linear-gradient(270deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.86) 22%,rgba(255,255,255,.48) 40%,rgba(255,255,255,.12) 56%,rgba(255,255,255,0) 68%)}
html[data-theme=dark]{--paper:#09182b;--paper-2:#10233c;--text:#f8f9ff;--muted:#a9b6c7;--border:#2b3c53;--card:#11243e;--shadow:0 18px 55px rgba(0,0,0,.18);--gold-soft:#3f3421;--hero-veil:linear-gradient(270deg,rgba(7,20,39,.94) 0%,rgba(7,20,39,.88) 22%,rgba(7,20,39,.52) 42%,rgba(7,20,39,.16) 58%,rgba(7,20,39,0) 70%)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Cairo,Tahoma,sans-serif;line-height:1.75;overflow-x:hidden;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}svg{width:20px;height:20px;stroke-width:1.9}.container{width:min(1360px,calc(100% - 56px));margin-inline:auto}.site-header{position:absolute;z-index:30;top:0;left:0;right:0;padding-top:14px}.nav-inner{display:flex;gap:22px;align-items:center;padding:12px 26px;min-height:84px;max-height:88px;border:1px solid rgba(255,255,255,.56);background:rgba(255,255,255,.40);backdrop-filter:blur(34px) saturate(170%);-webkit-backdrop-filter:blur(34px) saturate(170%);border-radius:24px;box-shadow:0 12px 34px rgba(20,33,53,.045),inset 0 1px 0 rgba(255,255,255,.52)}html[data-theme=dark] .nav-inner{background:rgba(11,28,49,.40);border-color:rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1;letter-spacing:-.5px;flex-shrink:0}.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(213,164,71,.16))}.brand-text{display:flex;flex-direction:column;font-size:29px;font-weight:900}.brand small{display:block;font:700 9px Arial,sans-serif;letter-spacing:.12px;margin-top:4px;color:var(--muted)}.site-nav{display:flex;align-items:center;gap:30px;margin-inline:auto}.site-nav a{font-size:15px;font-weight:800;white-space:nowrap;position:relative}.site-nav a:hover,.site-nav a.current{color:#c48c29}.site-nav a.current::after{content:"";position:absolute;bottom:-18px;inset-inline:12% 12%;height:3px;border-radius:999px;background:var(--gold)}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 24px;border-radius:12px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .25s,filter .25s}.btn:hover{transform:translateY(-3px)}.btn svg{width:17px;height:17px}.btn-gold{background:linear-gradient(125deg,#e9be68,#c99538);color:#0b1a30;box-shadow:0 8px 24px rgba(200,153,57,.18)}.btn-outline{border:1px solid #b6bcc8;background:rgba(255,255,255,.62);color:#15233d}html[data-theme=dark] .btn-outline{background:#172a44;color:#fff;border-color:#56657a}.nav-button{min-height:46px;padding:0 18px;font-size:12px}.theme-switch,.language-switch{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:14px;height:46px;padding:0 14px;font-size:12px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.theme-switch{padding-inline:12px 14px;min-width:100px;justify-content:center}.theme-switch>svg{width:16px;height:16px;color:#d29e40;transition:opacity .25s,transform .25s}.theme-switch>svg:last-child{color:#7b8daa}.switch-track{display:flex;align-items:center;width:42px;height:22px;background:linear-gradient(90deg,#edf2f7,#d6dee7);border-radius:999px;padding:2px;transition:background .25s,box-shadow .25s;box-shadow:inset 0 1px 2px rgba(15,23,42,.12)}.switch-knob{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#16355f,#0a2140);box-shadow:0 2px 7px rgba(7,24,47,.3);transform:translateX(0);transition:transform .25s,background .25s}html[data-theme=dark] .theme-switch>svg:first-child{opacity:.5;transform:scale(.92)}html[data-theme=dark] .theme-switch>svg:last-child{opacity:1;color:#f1d18d;transform:scale(1.03)}html[data-theme=light] .theme-switch>svg:first-child{opacity:1;transform:scale(1.03)}html[data-theme=light] .theme-switch>svg:last-child{opacity:.6}.theme-switch:hover .switch-track{box-shadow:inset 0 1px 2px rgba(15,23,42,.12),0 0 0 4px rgba(213,164,71,.08)}html[data-theme=dark] .switch-track{background:linear-gradient(90deg,#324965,#172c49)}html[data-theme=dark] .switch-knob{transform:translateX(-20px);background:linear-gradient(180deg,#f4e0a6,#c89c42)}.language-switch svg{width:16px;height:16px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text)}
.hero{min-height:670px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg,.hero-wash,.hero-video{position:absolute;inset:0}.hero-video{width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;filter:saturate(.92) contrast(1.02) brightness(.82)}.hero-bg{background-image:url('assets/hero-light.webp');background-position:left center;background-size:cover;animation:heroZoom 18s ease-in-out infinite alternate;transition:opacity .35s ease,visibility .35s ease}.hero-wash{background:var(--hero-veil);transition:background .3s}html[data-theme=dark] .hero-video{opacity:1;visibility:visible}html[data-theme=dark] .hero-bg{opacity:0;visibility:hidden}.hero-content{position:relative;z-index:2;padding-top:115px;padding-bottom:92px}.hero-copy{max-width:560px}.eyebrow,.kicker{color:var(--gold);font-weight:800;font-size:12px}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow .line{width:34px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(42px,4.7vw,67px);line-height:1.4;font-weight:900;letter-spacing:-1.8px;margin:22px 0 16px}.hero h1 span,.section h2 em{color:var(--gold);font-style:normal}.hero h1 span{display:block;margin-top:0;line-height:inherit}.hero p{font-size:15px;color:var(--muted);max-width:515px;line-height:2.05;font-weight:600}.hero-buttons{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.scroll-cue{position:absolute;bottom:15px;left:50%;z-index:4;transform:translateX(-50%);color:var(--text);opacity:.7;animation:bob 2s infinite}.scroll-cue svg{width:21px}
.stats{background:var(--paper);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.stats-grid>div{text-align:center;border:0}.stats-grid>div:not(:first-child){border-inline-start:1px solid var(--border)}.stats strong{display:block;font:900 30px Cairo,sans-serif;direction:ltr}.stats span{color:var(--muted);font-size:12px}.section{padding:90px 0;scroll-margin-top:95px}.section-heading{margin-bottom:35px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.section h2{font-size:clamp(25px,3vw,37px);line-height:1.5;font-weight:900;letter-spacing:-.6px;margin:8px 0}.section h2 em{display:inline}.section-heading p,.about-copy>p,.faq-intro p{color:var(--muted);font-size:13px;margin:6px 0;max-width:580px}.subtle-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap}.subtle-link svg{width:15px}.services-section{background:var(--paper)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:23px;min-height:202px;box-shadow:var(--shadow);transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:#dbb36e}.service-num{position:absolute;left:20px;top:19px;font:700 10px Arial;color:#a6b1c0}.service-icon{display:grid;place-items:center;background:var(--gold-soft);color:#c3912e;width:43px;height:43px;border-radius:12px}.service-icon svg{width:22px}.service-card h3{margin:16px 0 5px;font-size:15px;font-weight:800}.service-card p{color:var(--muted);font-size:11.5px;min-height:41px;margin:0}.service-card a{display:inline-flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;font-weight:800}.service-card a svg{width:14px}
.about-section{background:var(--paper-2)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-copy h2{max-width:450px}.about-copy>p{max-width:560px;line-height:2}.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0 19px}.about-highlights>div{padding:15px 10px;border:1px solid var(--border);background:var(--card);border-radius:12px}.about-highlights svg{width:21px;color:var(--gold)}.about-highlights b,.about-highlights small{display:block}.about-highlights b{font-size:11.5px;margin-top:10px}.about-highlights small{font-size:10px;color:var(--muted);margin-top:5px}.text-cta{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;margin-top:10px}.text-cta svg{width:16px}.about-photo{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);height:365px}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo-label{position:absolute;bottom:15px;left:15px;right:15px;display:flex;gap:15px;align-items:center;background:#10223b;color:#fff;border-radius:8px;padding:12px 20px}.about-photo-label strong{font-size:23px;color:#e8b55c}.about-photo-label span{font-size:11px}
.portfolio-section{background:var(--paper)}.carousel-controls{display:flex;gap:8px}.carousel-controls button,.project-caption>a{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;width:39px;height:39px;background:var(--card);color:var(--text)}.carousel-controls button:hover,.project-caption>a:hover{border-color:var(--gold)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{border:1px solid var(--border);background:var(--card);border-radius:12px;overflow:hidden}.project-image{padding:28px 40px 0;height:252px;display:flex;align-items:end;justify-content:center}.tos-mock{background:linear-gradient(130deg,#eff8f3,#e9efe9)}.crm-mock{background:linear-gradient(120deg,#efedfd,#ebf1ff)}.mock-browser{width:100%;height:222px;background:#fff;border:1px solid #e0e1e9;border-radius:10px 10px 0 0;box-shadow:0 9px 22px #17223821;padding:11px;direction:ltr;overflow:hidden}.dots{font-size:8px;color:#c3c6cc;letter-spacing:2px}.mock-nav{direction:rtl;margin-top:6px;padding:8px;background:#eef1fa;color:#192c55;font:bold 14px Cairo;border-radius:6px;display:flex;justify-content:space-between}.mock-nav span{font:600 9px Cairo}.mock-tiles{display:flex;gap:9px;margin:16px 0}.mock-tiles span{flex:1;background:#f5f7fa;border:1px solid #eceef2;border-radius:6px;font-size:8px;text-align:center;padding:10px;color:#687488}.mock-tiles b{display:block;font:bold 18px Arial;color:#1e3764}.mock-lines{display:flex;align-items:end;gap:9px;height:66px;padding:0 24px;border-bottom:1px solid #e3e6ee}.mock-lines i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#c9adf2,#e6ddf9);height:55%}.mock-lines i:nth-child(2){height:72%}.mock-lines i:nth-child(3){height:34%}.mock-lines i:nth-child(4){height:87%}.mock-lines i:nth-child(5){height:63%}.tos-mock .mock-lines i{background:linear-gradient(180deg,#b2ddcc,#e1f1e9)}.project-caption{display:flex;align-items:end;justify-content:space-between;padding:20px}.project-tag{font-size:10px;color:var(--gold);font-weight:800}.project-caption h3{font-size:21px;margin:0}.project-caption p{font-size:11px;color:var(--muted);margin:2px 0 0}
.process-section{background:var(--paper-2)}.centered{text-align:center}.centered p{margin:6px auto;max-width:610px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin-top:40px}.process-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:13px;padding:29px 22px 24px;min-height:215px;text-align:center;box-shadow:var(--shadow)}.process-card:not(:last-child)::after{content:'←';position:absolute;top:46%;left:-20px;font-family:Arial;font-size:24px;color:var(--gold);z-index:2}.step-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--gold-soft);color:#c79437;margin:0 auto 20px}.step-icon svg{width:29px;height:29px}.process-card h3{font-size:14px;margin-bottom:9px}.process-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.9}
.faq-section{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px}.faq-intro p{max-width:280px;line-height:2}.faq-intro .subtle-link{margin-top:16px}.faq-list details{border-bottom:1px solid var(--border);padding:14px 0}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;cursor:pointer;font-size:13px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:17px;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:2}
.cta-section{padding:10px 0 65px}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:14px;padding:29px 38px;background:linear-gradient(100deg,#f8e3b6,#fff7e5 61%,#fae8c6);color:#17243a}.cta-panel h2{font-size:21px;margin:2px 0}.cta-panel p{margin:0;font-size:11px;color:#586276}.cta-panel .kicker{font-size:10px}.footer{background:var(--paper-2);border-top:1px solid var(--border);padding:30px 0 15px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand .brand-logo{width:44px;height:44px}.footer-brand .brand-text{font-size:24px}.footer-top nav{display:flex;gap:22px;flex-wrap:wrap}.footer-top nav a{font-size:11px;font-weight:700}.footer-social{display:flex;gap:7px}.footer-social a{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font:800 12px Arial}.footer-social svg{width:15px}.footer-bottom{border-top:1px solid var(--border);margin-top:25px;padding-top:14px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.whatsapp{position:fixed;z-index:70;bottom:23px;left:22px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 20px #0002;transition:transform .2s}.whatsapp:hover{transform:translateY(-4px)}.whatsapp svg{width:36px;height:36px}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes bob{50%{transform:translate(-50%,5px)}}
@media(max-width:1150px){.site-nav{gap:18px}.site-nav a{font-size:13px}.nav-inner{gap:16px;padding:12px 18px;min-height:82px;max-height:86px}.brand-logo{width:46px;height:46px}.brand-text{font-size:24px}.brand small{font-size:8px}.nav-button{font-size:11px;padding:0 12px}.container{width:min(1240px,calc(100% - 40px))}}
@media(max-width:880px){.site-header{padding-top:9px}.nav-inner{position:relative;min-height:76px;max-height:none;border-radius:18px;background:rgba(255,255,255,.48);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%)}.mobile-menu-btn{display:flex}.nav-actions{margin-inline-start:auto}.site-nav{display:none;position:absolute;right:0;left:0;top:calc(100% + 8px);background:rgba(255,255,255,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:14px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}html[data-theme=dark] .site-nav{background:rgba(11,28,49,.78)}.site-nav.open{display:flex}.site-nav a{font-size:13px;padding:8px 10px}.site-nav a.current::after{display:none}.brand-logo{width:44px;height:44px}.brand-text{font-size:22px}.language-switch{display:none}.nav-button{display:none}.theme-switch{min-width:auto;height:44px;padding:0 10px}.hero{min-height:630px}.hero-bg{background-position:22% center}.hero-wash{background:linear-gradient(270deg,rgba(255,255,255,.93),rgba(255,255,255,.82) 32%,rgba(255,255,255,.36) 52%,rgba(255,255,255,.05) 70%)}html[data-theme=dark] .hero-wash{background:linear-gradient(270deg,rgba(7,20,39,.94),rgba(7,20,39,.84) 34%,rgba(7,20,39,.40) 56%,rgba(7,20,39,.08) 72%)}.hero-copy{max-width:490px}.about-grid{gap:27px}.about-highlights{grid-template-columns:1fr}.about-highlights>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.about-highlights b{margin:0}.faq-grid{gap:25px}}
@media(max-width:650px){.container{width:calc(100% - 30px)}.site-header{padding-top:6px}.nav-inner{padding:10px 12px;min-height:70px;border-radius:16px;background:rgba(255,255,255,.52);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}.brand-logo{width:38px;height:38px}.brand-text{font-size:19px}.brand small{font-size:7px}.theme-switch{height:38px;padding:0 8px;border-radius:11px}.theme-switch>svg{width:14px;height:14px}.switch-track{width:34px;height:18px}.switch-knob{width:14px;height:14px}html[data-theme=dark] .switch-knob{transform:translateX(-16px)}.hero{min-height:620px;align-items:end}.hero-bg{background-position:24% center}.hero-wash{background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.90) 23%,rgba(255,255,255,.95) 66%,rgba(255,255,255,.16))}html[data-theme=dark] .hero-wash{background:linear-gradient(180deg,rgba(6,18,35,.70),rgba(6,18,35,.96) 28%,rgba(6,18,35,.96) 68%,rgba(6,18,35,.30))}.hero-content{padding:130px 0 85px}.hero-copy{text-align:center;margin-inline:auto}.eyebrow{justify-content:center;font-size:11px}.hero h1{font-size:40px;line-height:1.4}.hero p{font-size:12px}.hero-buttons{justify-content:center}.hero-buttons .btn{font-size:11px;padding:0 12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:15px 0}.stats-grid>div{padding:12px;border-bottom:1px solid var(--border)}.stats-grid>div:nth-child(odd){border-inline-start:0}.stats-grid>div:nth-child(even){border-inline-start:1px solid var(--border)}.stats-grid>div:nth-child(n+3){border-bottom:0}.stats strong{font-size:24px}.stats span{font-size:10px}.section{padding:61px 0}.section-heading{margin-bottom:25px}.split-heading{display:block}.split-heading .subtle-link{margin-top:12px}.section h2{font-size:26px}.services-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:15px;min-height:230px}.service-card h3{font-size:12px}.service-card p{font-size:10px}.service-card a{font-size:10px}.service-icon{width:37px;height:37px}.about-grid,.faq-grid{grid-template-columns:1fr}.about-photo{height:260px}.about-highlights{grid-template-columns:repeat(3,1fr)}.about-highlights>div{display:block}.about-highlights b{font-size:10px}.about-highlights small{font-size:8px}.portfolio-grid{grid-template-columns:1fr}.project-image{height:210px}.mock-browser{height:183px}.process-grid{grid-template-columns:1fr 1fr;gap:12px}.process-card{min-height:220px;padding:22px 13px}.process-card h3{font-size:12px}.process-card p{font-size:10px}.process-card:not(:last-child)::after{display:none}.step-icon{height:45px;width:45px;border-radius:12px}.step-icon svg{width:23px}.faq-grid{gap:20px}.cta-section{padding-bottom:35px}.cta-panel{display:block;text-align:center;padding:25px 17px}.cta-panel h2{font-size:17px}.cta-panel .btn{margin-top:18px}.footer-top{flex-wrap:wrap;justify-content:center;text-align:center}.footer-top nav{justify-content:center;gap:13px}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block}.whatsapp{width:49px;height:49px;left:12px;bottom:12px}.whatsapp svg{width:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg,.scroll-cue{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* V7 — true-size brand mark, without excess transparent margins */
.site-header .nav-inner{height:88px;min-height:88px;max-height:88px;padding-block:3px}
.site-header .brand{gap:9px}
.site-header .brand-logo{height:80px;width:auto;max-width:none;flex-shrink:0;object-fit:contain}
.site-header .brand-text{font-size:23px;line-height:1.1;letter-spacing:-.35px}
.site-header .brand small{font-size:8px;line-height:1.25;margin-top:4px;letter-spacing:0}
@media(max-width:1150px){.site-header .nav-inner{height:86px;min-height:86px;max-height:86px;padding-block:3px}.site-header .brand-logo{height:76px}.site-header .brand-text{font-size:21px}}
@media(max-width:880px){.site-header .nav-inner{height:76px;min-height:76px;max-height:76px;padding-block:5px}.site-header .brand-logo{height:64px}.site-header .brand-text{font-size:20px}}
@media(max-width:650px){.site-header .nav-inner{height:70px;min-height:70px;max-height:70px;padding-block:5px}.site-header .brand-logo{height:58px}.site-header .brand-text{font-size:18px}.site-header .brand small{font-size:7px}}

/* V8 — logo only, exact 6px vertical spacing inside 88px navbar */
.site-header .nav-inner{height:88px;min-height:88px;max-height:88px;padding-top:5px;padding-bottom:5px}
.site-header .brand{gap:0;display:flex;align-items:center}
.site-header .brand-logo{height:76px;width:auto;max-height:76px;max-width:none;object-fit:contain}
@media(max-width:1150px){.site-header .nav-inner{height:88px;min-height:88px;max-height:88px;padding-top:5px;padding-bottom:5px}.site-header .brand-logo{height:76px;max-height:76px}}
@media(max-width:880px){.site-header .nav-inner{height:76px;min-height:76px;max-height:76px;padding-top:5px;padding-bottom:5px}.site-header .brand-logo{height:64px;max-height:64px}}
@media(max-width:650px){.site-header .nav-inner{height:70px;min-height:70px;max-height:70px;padding-top:5px;padding-bottom:5px}.site-header .brand-logo{height:58px;max-height:58px}}

/* V10 — viewport-height hero with intentional breathing room around content */
@media (min-width: 881px) {
  .hero {
    min-height: 100vh;
    min-height: 100svh;
  }
  .hero-content {
    padding-top: clamp(175px, 22vh, 245px);
    padding-bottom: clamp(115px, 16vh, 180px);
  }
}
@media (min-width: 651px) and (max-width: 880px) {
  .hero { min-height: 100vh; min-height: 100svh; }
  .hero-content { padding-top: 175px; padding-bottom: 115px; }
}
@media (max-width: 650px) {
  .hero { min-height: 100vh; min-height: 100svh; }
  .hero-content { padding-top: 155px; padding-bottom: 105px; }
}

/* V11 — quieter hero composition. Navbar and other sections unchanged. */
@media (min-width: 881px) {
  .hero {
    min-height: 100vh;
    min-height: 100svh;
  }
  .hero-content {
    padding-top: clamp(115px, 15vh, 165px);
    padding-bottom: clamp(72px, 10vh, 110px);
    transform: translateY(-24px);
  }
  .hero-copy { max-width: 540px; }
  .hero h1 {
    font-size: clamp(40px, 4.42vw, 63px);
    line-height: 1.4;
    margin-top: 19px;
    margin-bottom: 11px;
  }
  .hero p {
    font-size: 16px;
    line-height: 2;
    max-width: 510px;
  }
  .hero-buttons { margin-top: 25px; }
}
@media (min-width: 651px) and (max-width: 880px) {
  .hero-content { padding-top: 142px; padding-bottom: 85px; }
  .hero h1 { line-height: 1.4; font-size: clamp(39px, 5.7vw, 54px); }
  .hero p { font-size: 15px; }
  .hero-buttons { margin-top: 25px; }
}
@media (max-width: 650px) {
  .hero-content { padding-top: 125px; padding-bottom: 83px; }
  .hero h1 { line-height: 1.4; }
  .hero-buttons { margin-top: 24px; }
}


/* V12 — retain approved hero visual, trim excessive height, restore brand navy */
@media (min-width: 881px) {
  .hero {
    min-height: 650px;
    height: 86vh;
    height: 86svh;
    max-height: 780px;
  }
  .hero-content {
    padding-top: 125px;
    padding-bottom: 65px;
    transform: translateY(-12px);
  }
}
@media (min-width: 651px) and (max-width: 880px) {
  .hero {
    min-height: 610px;
    height: 87vh;
    height: 87svh;
  }
  .hero-content { padding-top: 132px; padding-bottom: 68px; }
}
@media (max-width: 650px) {
  .hero { min-height: 610px; height: auto; }
  .hero-content { padding-top: 130px; padding-bottom: 80px; }
}
/* Crisp navy touches, without switching the page out of its light theme. */
html[data-theme="light"] .hero .btn-outline {
  border: 1.5px solid rgba(8,24,47,.72);
  background: rgba(8,24,47,.055);
  color: #08182f;
}
html[data-theme="light"] .hero .btn-outline:hover {
  background: #08182f;
  border-color: #08182f;
  color: #fff;
}
html[data-theme="light"] .hero .eyebrow .line { background: #08182f; }
html[data-theme="light"] .stats {
  background: #08182f;
  border-bottom-color: rgba(255,255,255,.08);
  color: #fff;
}
html[data-theme="light"] .stats .stats-grid > div {
  border-color: rgba(255,255,255,.18);
}
html[data-theme="light"] .stats span { color: #c9d3e2; }


/* V13 — hero slightly taller again, stats overlap the hero, keep light theme with subtle navy presence */
@media (min-width: 881px) {
  .hero {
    min-height: 720px;
    height: 94vh;
    height: 94svh;
    max-height: 880px;
  }
  .hero-content {
    padding-top: 138px;
    padding-bottom: 112px;
    transform: translateY(-6px);
  }
  .stats {
    margin-top: -72px;
    position: relative;
    z-index: 7;
    background: transparent;
    border: 0;
  }
  .stats-grid {
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(9, 27, 48, .08);
    border-radius: 26px;
    box-shadow: 0 22px 54px rgba(8,24,47,.08);
    padding: 22px 8px;
  }
}
@media (min-width: 651px) and (max-width: 880px) {
  .hero {
    min-height: 700px;
    height: 92vh;
    height: 92svh;
  }
  .hero-content {
    padding-top: 146px;
    padding-bottom: 98px;
  }
  .stats {
    margin-top: -54px;
    position: relative;
    z-index: 7;
    background: transparent;
    border: 0;
  }
  .stats-grid {
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(9, 27, 48, .08);
    border-radius: 22px;
    box-shadow: 0 18px 44px rgba(8,24,47,.08);
    padding: 18px 6px;
  }
}
@media (max-width: 650px) {
  .hero {
    min-height: 660px;
    height: auto;
  }
  .hero-content {
    padding-top: 132px;
    padding-bottom: 88px;
  }
  .stats {
    margin-top: -24px;
    position: relative;
    z-index: 7;
    background: transparent;
    border: 0;
  }
  .stats-grid {
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(9, 27, 48, .08);
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(8,24,47,.07);
    padding: 12px 0;
  }
}

html[data-theme="light"] .hero-wash {
  background: linear-gradient(270deg,
    rgba(255,255,255,.93) 0%,
    rgba(255,255,255,.84) 29%,
    rgba(244,247,251,.58) 47%,
    rgba(8,24,47,.10) 70%,
    rgba(8,24,47,.03) 100%);
}
html[data-theme="light"] .hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 140px;
  background: linear-gradient(180deg, rgba(8,24,47,0) 0%, rgba(8,24,47,.055) 100%);
  pointer-events: none;
  z-index: 1;
}
html[data-theme="light"] .hero .eyebrow,
html[data-theme="light"] .hero .eyebrow .line,
html[data-theme="light"] .hero .btn-outline,
html[data-theme="light"] .site-nav a,
html[data-theme="light"] .stats strong {
  color: #08182f;
}
html[data-theme="light"] .hero .btn-outline {
  border: 1.5px solid rgba(8,24,47,.18);
  background: rgba(255,255,255,.72);
}
html[data-theme="light"] .hero .btn-outline:hover {
  background: #08182f;
  color: #fff;
  border-color: #08182f;
}
html[data-theme="light"] .stats strong {
  font-weight: 900;
}
html[data-theme="light"] .stats span {
  color: #6c7890;
}
html[data-theme="light"] .stats .stats-grid > div {
  border-color: rgba(8,24,47,.10);
}

/* V14: statistics float across the actual hero boundary, with NO full-width navy band.
   The hero artwork and navbar remain unchanged. */
html[data-theme="light"] .stats,
html[data-theme="dark"] .stats {
  background: transparent;
  border: 0;
  position: relative;
  z-index: 8;
}
html[data-theme="light"] .stats-grid {
  background: #fff;
  color: #08182f;
  border: 1px solid rgba(8,24,47,.075);
  box-shadow: 0 18px 42px rgba(8,24,47,.09);
}
html[data-theme="light"] .stats-grid > div { border-color: rgba(8,24,47,.11); }
html[data-theme="light"] .stats strong { color: #08182f; }
html[data-theme="light"] .stats span { color: #77849a; }
html[data-theme="dark"] .stats-grid {
  background: #14263d;
  color: #fff;
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 18px 42px rgba(0,0,0,.19);
}
html[data-theme="dark"] .stats-grid > div { border-color: rgba(255,255,255,.11); }
html[data-theme="dark"] .stats span { color: #b0bed0; }

@media (min-width: 881px) {
  .hero { min-height: 720px; height: 96vh; height: 96svh; max-height: 920px; }
  .stats { margin-top: -61px; }
  .stats-grid { min-height: 122px; align-items: center; border-radius: 22px; padding: 16px 8px; }
}
@media (min-width: 651px) and (max-width: 880px) {
  .hero { min-height: 690px; height: 94vh; height: 94svh; }
  .stats { margin-top: -54px; }
  .stats-grid { min-height: 108px; align-items: center; border-radius: 18px; padding: 16px 5px; }
}
@media (max-width: 650px) {
  .hero { min-height: 660px; }
  .stats { margin-top: -38px; }
  .stats-grid { border-radius: 16px; padding: 12px 2px; }
}
/* Keep the approved light hero tones; navy is in typography and fine accents, not a large block. */
html[data-theme="light"] .hero-wash { background: var(--hero-veil); }
html[data-theme="light"] .hero::after { display: none; }


/* V15 - Separate actual product showcase images; do not reuse visuals between projects */
.portfolio-grid .project-image{height:300px;padding:0;display:block;overflow:hidden;position:relative}
.portfolio-grid .project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.portfolio-grid .project-card:hover .project-image img{transform:scale(1.025)}
.portfolio-grid .tos-preview{background:#fffaf0}
.portfolio-grid .crm-preview{background:#f5f5ff}
@media(max-width:650px){.portfolio-grid .project-image{height:240px}}


/* V16 — cleaner CRM showcase and clearer process spacing/arrows */
.process-grid{gap:34px;align-items:stretch}
.process-card{min-height:236px;padding:30px 24px 26px}
.process-card:not(:last-child)::after{top:50%;left:-17px;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--paper-2);border:1px solid var(--border);box-shadow:0 10px 24px rgba(12,29,52,.08);font-size:20px;line-height:1}
html[data-theme=dark] .process-card:not(:last-child)::after{background:#10233c;border-color:#2b3c53;box-shadow:0 10px 24px rgba(0,0,0,.2)}
@media(max-width:880px){.process-grid{gap:24px}.process-card{padding:26px 18px 24px}.process-card:not(:last-child)::after{left:-12px;width:30px;height:30px;font-size:18px}}
@media(max-width:650px){.process-grid{gap:16px}.process-card{min-height:220px;padding:22px 14px}.process-card:not(:last-child)::after{display:none}}


/* V17 — Team leadership, team group and verified testimonial */
.leadership-section{background:var(--paper);padding-bottom:100px}
.leadership-section .section-heading{margin-bottom:42px}
.leadership-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.leader-card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 14px 35px rgba(8,24,47,.045);transition:transform .3s,border-color .3s,box-shadow .3s}
.leader-card:hover{transform:translateY(-7px);border-color:rgba(213,164,71,.5);box-shadow:0 24px 45px rgba(8,24,47,.10)}
.leader-photo{background:#111f31;aspect-ratio:1.16/1;overflow:hidden}
.leader-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s}
.leader-card:hover .leader-photo img{transform:scale(1.035)}
.leader-details{padding:17px 19px 20px;min-height:127px}
.leader-role{font-size:10px;font-weight:800;color:#b8852f;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:4px;direction:ltr;text-align:right}
.leader-details h3{font-family:Cairo,sans-serif;font-size:17px;line-height:1.5;font-weight:800;margin:0 0 2px;direction:ltr;text-align:right;color:var(--text)}
.leader-details p{font-size:11px;color:var(--muted);margin:0}
.team-explore{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:12px 22px;font-size:12px;font-weight:800;width:max-content;margin:32px auto 0;transition:background .2s,border-color .2s}
.team-explore:hover{background:var(--gold-soft);border-color:var(--gold)}.team-explore svg{width:17px;height:17px}
.team-culture-section{background:#08182f;color:#fff;overflow:hidden;padding:82px 0 0;position:relative}
.team-culture-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 90%,rgba(48,88,133,.35),transparent 52%);pointer-events:none}
.team-culture-inner{position:relative;z-index:1}
.team-culture-top{display:flex;justify-content:space-between;align-items:end;gap:50px}
.team-culture-top .kicker{color:#e5b65d}.team-culture-top h2{font-size:clamp(26px,3vw,39px);line-height:1.5;margin:6px 0 0}.team-culture-top h2 em{font-style:normal;color:#e5b65d}
.team-culture-top p{max-width:440px;margin:0 0 8px;color:#aebed0;font-size:13px;line-height:2}
.team-people{position:relative;margin:45px auto 0;max-width:1320px;line-height:0;text-align:center}
.team-people img{width:100%;height:auto;mix-blend-mode:lighten;display:block}
.testimonials-section{background:var(--paper-2);padding:95px 0}
.testimonials-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}
.testimonials-intro h2{max-width:390px}.testimonials-intro p{font-size:13px;color:var(--muted);max-width:350px;line-height:2}
.testimonials-ornament{display:flex;align-items:center;gap:10px;margin-top:28px;color:#b58739;font-size:12px;font-weight:800}.testimonials-ornament svg{width:26px;height:26px}
.testimonial-feature{margin:0;padding:40px 45px;border:1px solid var(--border);background:var(--card);border-radius:22px;position:relative;box-shadow:0 20px 55px rgba(12,29,52,.045)}
.quote-symbol{font-family:Georgia,serif;font-size:88px;color:var(--gold);line-height:.65;display:block;margin:8px 0 12px}
.testimonial-feature blockquote{font-weight:800;font-size:clamp(17px,1.6vw,23px);line-height:2.05;color:var(--text);margin:0 0 35px}
.testimonial-feature figcaption{display:flex;align-items:center;gap:13px}.review-avatar{width:49px;height:49px;background:var(--gold-soft);color:#9a701f;border-radius:14px;display:grid;place-items:center;font-size:23px;font-weight:800;flex-shrink:0}
.testimonial-feature figcaption strong,.testimonial-feature figcaption small{display:block}.testimonial-feature figcaption strong{font-size:13px}.testimonial-feature figcaption small{font-size:11px;color:var(--muted)}.review-line{height:1px;background:var(--border);flex:1}.review-brand{color:var(--muted);font-size:10px;white-space:nowrap}
@media(max-width:1000px){.leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonials-shell{gap:35px}}
@media(max-width:700px){.leadership-section{padding-bottom:65px}.leadership-grid{gap:12px}.leader-card{border-radius:13px}.leader-details{padding:12px 12px 15px;min-height:115px}.leader-details h3{font-size:13px}.leader-role{font-size:9px}.leader-details p{font-size:10px}.team-culture-section{padding-top:55px}.team-culture-top{display:block}.team-culture-top p{margin-top:12px}.team-people{margin-top:24px;width:calc(100% + 30px);max-width:none;margin-inline:-15px}.testimonials-section{padding:65px 0}.testimonials-shell{grid-template-columns:1fr;gap:25px}.testimonial-feature{padding:28px 22px}.testimonial-feature blockquote{font-size:17px}.review-brand{display:none}}
@media(prefers-reduced-motion:reduce){.leader-card,.leader-photo img{transition:none}}


/* V18 — Light-first team redesign: balance, breathing space, cutout on light canvas */
html[data-theme="light"] .team-culture-section {background:#f7f8fa;color:#11213c}
.team-culture-section{padding:86px 0 72px;overflow:hidden;position:relative}
.team-culture-section::before{display:none}
.team-culture-inner{position:relative;z-index:1;max-width:1360px}
.team-culture-top{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:0;max-width:790px;margin-inline:auto}
.team-culture-top .kicker{color:var(--gold);font-size:13px;letter-spacing:.1px}
.team-culture-top h2{margin:9px 0 13px;color:var(--text);font-size:clamp(30px,3.2vw,44px);line-height:1.5;font-weight:900}
.team-culture-top h2 em{color:var(--gold)}
.team-culture-top p{font-size:14px;line-height:2;color:var(--muted);margin:0;max-width:590px}
.team-people{width:100%;max-width:1300px;line-height:0;margin:48px auto 0;text-align:center;padding:26px 20px 0;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f1f4f8 100%);border:1px solid rgba(12,29,52,.065);box-shadow:0 18px 55px rgba(12,29,52,.045);overflow:hidden}
.team-people img{width:100%;height:auto;display:block;object-fit:contain;mix-blend-mode:normal}
html[data-theme="dark"] .team-culture-section{background:var(--paper-2);color:var(--text)}
html[data-theme="dark"] .team-people{background:linear-gradient(180deg,#213651,#142841);border-color:var(--border);box-shadow:0 18px 50px rgba(0,0,0,.14)}
@media(max-width:700px){.team-culture-section{padding:60px 0 55px}.team-culture-top h2{font-size:29px}.team-culture-top p{font-size:12px;max-width:360px}.team-people{width:100%;max-width:100%;margin:30px auto 0;padding:16px 8px 0;border-radius:16px}.team-people img{width:100%;height:auto}}

/* V20 — intentional navy accents inside the approved light-first aesthetic.
   Keep page, team and testimonial sections light; use navy as an accent only. */
html[data-theme="light"] .about-highlights>div:first-child{border-top:3px solid #102641}
html[data-theme="light"] .about-highlights>div:first-child svg{color:#102641}
html[data-theme="light"] .text-cta{color:#102641}
html[data-theme="light"] .text-cta svg{color:#c99538}

/* V28: consistent navy decoration for all four process cards (not only the end cards). */
html[data-theme="light"] .process-card{border-top:3px solid #102641}
html[data-theme="light"] .process-card .step-icon{background:#102641;color:#f1c775}
html[data-theme="light"] .process-card:not(:last-child)::after{background:#102641;border-color:#102641;color:#f4c768;box-shadow:0 8px 16px rgba(8,24,47,.14)}

html[data-theme="light"] .team-explore{background:#102641;color:#fff;border-color:#102641;box-shadow:0 10px 22px rgba(8,24,47,.12)}
html[data-theme="light"] .team-explore:hover{background:#1c385a;border-color:#c99538}
html[data-theme="light"] .team-culture-section{background:#f7f8fa}
html[data-theme="light"] .team-culture-top h2{color:#102641}
html[data-theme="light"] .team-people{border-bottom:3px solid rgba(16,38,65,.22)}

html[data-theme="light"] .testimonial-feature{border-top:4px solid #102641;box-shadow:0 20px 45px rgba(8,24,47,.06)}
html[data-theme="light"] .review-avatar{background:#102641;color:#f6ce7a}
html[data-theme="light"] .testimonials-ornament{color:#102641}
html[data-theme="light"] .testimonials-ornament svg{color:#c99538}

html[data-theme="light"] .cta-panel{background:linear-gradient(110deg,#f5e5c8 0%,#f8f9fb 65%,#eef3f8 100%);border:1px solid rgba(16,38,65,.12);border-right:5px solid #102641}
html[data-theme="light"] .cta-panel .btn-gold{background:#102641;color:#fff;box-shadow:0 8px 22px rgba(8,24,47,.15)}
html[data-theme="light"] .cta-panel .btn-gold:hover{background:#1c385a}
@media(max-width:650px){html[data-theme="light"] .cta-panel{border-right-width:3px}}


/* V21 — refine About highlights and 2018 photo label */
html[data-theme="light"] .about-highlights>div:nth-child(2){border-top:3px solid #102641}
html[data-theme="light"] .about-highlights>div:nth-child(2) svg,
html[data-theme="light"] .about-highlights>div:nth-child(2) b{color:#102641}

.about-photo-label{
  justify-content:space-between;
  gap:24px;
  padding:16px 24px;
}
.about-photo-label strong{
  flex-shrink:0;
  min-width:max-content;
}
.about-photo-label span{
  flex:1;
  text-align:right;
}
@media(max-width:880px){
  .about-photo-label{padding:14px 20px;gap:18px}
}
@media(max-width:650px){
  .about-photo-label{padding:12px 16px;gap:12px}
  .about-photo-label strong{font-size:20px}
  .about-photo-label span{font-size:10px}
}


/* V22 — third about card accent + wider separation in the 2018 ribbon */
html[data-theme="light"] .about-highlights>div:nth-child(3){border-top:3px solid #102641}
html[data-theme="light"] .about-highlights>div:nth-child(3) svg,
html[data-theme="light"] .about-highlights>div:nth-child(3) b{color:#102641}

.about-photo-label{
  width:calc(100% - 30px);
  justify-content:space-between;
  column-gap:32px;
}
.about-photo-label strong{
  order:1;
  margin-inline-start:0;
}
.about-photo-label span{
  order:2;
  flex:0 1 auto;
  max-width:calc(100% - 120px);
  margin-inline-start:auto;
  padding-inline-start:24px;
  text-align:right;
}
@media(max-width:880px){
  .about-photo-label{column-gap:24px}
  .about-photo-label span{max-width:calc(100% - 104px);padding-inline-start:18px}
}
@media(max-width:650px){
  .about-photo-label{column-gap:16px}
  .about-photo-label span{max-width:calc(100% - 88px);padding-inline-start:10px}
}


/* V23 — Premium light services cards: navy accents without any navy-filled cards.
   One consistent visual system across all six cards; RTL-friendly & responsive. */
.services-grid .service-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius:16px;
  min-height:236px;
  padding:27px 25px 23px;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
/* Quiet architectural accent, kept well behind content. */
.services-grid .service-card::after{
  content:"";
  position:absolute;
  top:-46px;
  inset-inline-start:-48px;
  width:150px;
  height:150px;
  border:1px solid rgba(16,38,65,.055);
  border-radius:50%;
  z-index:-1;
  pointer-events:none;
}
html[data-theme="light"] .services-grid .service-card{
  color:#11213c;
  background:#fff;
  border:1px solid #e5eaf1;
  box-shadow:0 12px 34px rgba(12,29,52,.052);
}
html[data-theme="light"] .services-grid .service-card:hover,
html[data-theme="light"] .services-grid .service-card:focus-within{
  border-color:#8fa3bd;
  box-shadow:0 17px 38px rgba(16,38,65,.105);
  transform:translateY(-4px);
}
html[data-theme="light"] .services-grid .service-card .service-icon{
  background:#eef3f9;
  color:#102641;
  border:1px solid rgba(16,38,65,.09);
  border-radius:13px;
  width:46px;
  height:46px;
  flex-shrink:0;
}
html[data-theme="light"] .services-grid .service-card .service-num{
  color:#8b9aaf;
}
html[data-theme="light"] .services-grid .service-card h3{
  color:#102641;
  margin-top:19px;
}
html[data-theme="light"] .services-grid .service-card p{
  color:#74839a;
}
.services-grid .service-card a{
  align-self:flex-start;
  margin-top:auto;
  padding-top:17px;
}
html[data-theme="light"] .services-grid .service-card a{
  color:#102641;
}
html[data-theme="light"] .services-grid .service-card a svg{
  color:#c69234;
}
html[data-theme="dark"] .services-grid .service-card::after{
  border-color:rgba(222,189,117,.09);
}
@media(max-width:650px){
  .services-grid .service-card{padding:20px 16px 19px;min-height:230px}
  html[data-theme="light"] .services-grid .service-card .service-icon{width:40px;height:40px}
  .services-grid .service-card a{padding-top:14px}
}
@media(max-width:420px){
  .services-grid{grid-template-columns:1fr;gap:13px}
  .services-grid .service-card{min-height:190px;padding:20px 21px 19px}
  .services-grid .service-card h3{margin-top:12px}
  .services-grid .service-card p{min-height:0}
}


/* V26 — Navy-accented portfolio: a premium light treatment, not dark-filled cards. */
html[data-theme="light"] .portfolio-grid .project-card{
  border:1px solid #dce5f0;
  background:#fff;
  box-shadow:0 16px 40px rgba(9,28,52,.065);
}
.portfolio-grid .project-card{
  border-radius:18px;
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
html[data-theme="light"] .portfolio-grid .project-card:hover,
html[data-theme="light"] .portfolio-grid .project-card:focus-within{
  border-color:#99b0ca;
  box-shadow:0 20px 48px rgba(9,28,52,.11);
  transform:translateY(-3px);
}
html[data-theme="light"] .portfolio-grid .project-image{
  border-bottom:1px solid #e3eaf3;
}
.portfolio-grid .project-caption{
  position:relative;
  align-items:center;
  gap:20px;
  min-height:146px;
  padding:21px 26px;
}
html[data-theme="light"] .portfolio-grid .project-caption{
  background:linear-gradient(115deg,#f3f7fc 0%,#fff 65%);
}
html[data-theme="light"] .portfolio-grid .project-caption h3{
  color:#102641;
  font-size:25px;
  font-weight:900;
  margin:3px 0 1px;
}
html[data-theme="light"] .portfolio-grid .project-caption p{
  color:#687992;
  font-size:11.5px;
}
html[data-theme="light"] .portfolio-grid .project-caption .project-tag{
  color:#bd8d38;
}
.portfolio-grid .project-caption > a{
  flex:0 0 auto;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
html[data-theme="light"] .portfolio-grid .project-caption > a{
  width:46px;
  height:46px;
  border:1px solid #102641;
  background:#102641;
  color:#f6f8fd;
  box-shadow:0 8px 18px rgba(16,38,65,.17);
}
html[data-theme="light"] .portfolio-grid .project-caption > a:hover,
html[data-theme="light"] .portfolio-grid .project-caption > a:focus-visible{
  background:#1b4269;
  border-color:#1b4269;
  transform:translateY(-3px);
}
html[data-theme="light"] .portfolio-section .carousel-controls button{
  color:#102641;
  background:#edf3fa;
  border-color:#d5e1ee;
}
html[data-theme="light"] .portfolio-section .carousel-controls button:hover{
  background:#102641;
  color:#fff;
  border-color:#102641;
}
@media(max-width:650px){
  .portfolio-grid .project-caption{min-height:130px;padding:18px 19px;gap:14px}
  html[data-theme="light"] .portfolio-grid .project-caption h3{font-size:22px}
  html[data-theme="light"] .portfolio-grid .project-caption > a{width:42px;height:42px}
}


/* V29 — more breathing room between process cards and arrow circles */
.process-grid{gap:48px}
.process-card:not(:last-child)::after{left:-24px;width:38px;height:38px;font-size:21px;box-shadow:0 12px 26px rgba(8,24,47,.14)}
@media(max-width:880px){.process-grid{gap:32px}.process-card:not(:last-child)::after{left:-16px;width:34px;height:34px;font-size:19px}}
@media(max-width:650px){.process-grid{gap:16px}.process-card:not(:last-child)::after{display:none}}


/* V30 — comfortable spacing between leadership cards, without changing the imagery. */
.leadership-grid{
  column-gap:38px;
  row-gap:30px;
}
@media (max-width:1150px){
  .leadership-grid{column-gap:28px;row-gap:28px}
}
@media (max-width:700px){
  .leadership-grid{column-gap:18px;row-gap:18px}
}


/* V32 — team culture ONLY: accurate cut-out of original team photo; light, open layout.
   No changes to the four leadership cards or other site sections. */
html[data-theme="light"] .team-culture-section{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 72%,#f3f6fa 100%);
  color:var(--text);
}
.team-culture-section{padding:88px 0 74px;overflow:hidden}
.team-culture-inner{max-width:1360px}
.team-culture-top{max-width:820px;margin-inline:auto;text-align:center}
.team-culture-top h2{letter-spacing:-.6px}
.team-people,
html[data-theme="light"] .team-people{
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  position:relative;
  isolation:isolate;
  overflow:visible;
  max-width:1320px;
  width:100%;
  padding:24px 10px 0;
  margin:46px auto 0;
}
.team-people::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:5%;right:5%;bottom:4%;height:38%;
  background:radial-gradient(ellipse at 50% 100%,rgba(16,38,65,.09),transparent 72%);
  pointer-events:none;
}
.team-people img{width:100%;height:auto;display:block;object-fit:contain;mix-blend-mode:normal}
html[data-theme="dark"] .team-people{background:transparent;border:0;box-shadow:none}
html[data-theme="dark"] .team-people::before{background:radial-gradient(ellipse at 50% 100%,rgba(213,164,71,.075),transparent 72%)}
@media (max-width:700px){
  .team-culture-section{padding:62px 0 62px}
  .team-culture-top{max-width:100%}
  .team-culture-top h2{font-size:clamp(26px,6vw,34px)}
  .team-people,html[data-theme="light"] .team-people{
    margin:32px auto 0;
    padding:8px 0 0;
    width:100%;max-width:100%;
  }
}

/* V33 — customer review slider controls, retaining the light Navy/Gold look. */
.testimonials-carousel{width:100%;min-width:0}
.testimonial-slides{position:relative;min-width:0}
.testimonial-slides .testimonial-feature{display:flex;flex-direction:column;min-height:334px;animation:testimonial-appear .32s ease both}
.testimonial-slides .testimonial-feature[hidden]{display:none!important}
.testimonial-slides .testimonial-feature figcaption{margin-top:auto}
.testimonial-slides .testimonial-feature blockquote{margin-bottom:32px}
.testimonial-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:19px;padding-inline:3px}
.testimonial-arrows{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.testimonial-arrow{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;border:1px solid #142b48;background:#102641;color:#fff;box-shadow:0 8px 21px rgba(8,24,47,.13);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.testimonial-arrow svg{width:20px;height:20px;stroke-width:2.2}
.testimonial-arrow:hover{background:#1e3d60;transform:translateY(-2px);box-shadow:0 12px 22px rgba(8,24,47,.17)}
.testimonial-arrow:active{transform:translateY(0)}
.testimonial-dot:focus-visible,.testimonial-arrow:focus-visible{outline:3px solid #d5a447;outline-offset:4px}
.testimonial-dots{display:flex;align-items:center;justify-content:center;gap:9px;direction:rtl;flex:1}
.testimonial-dot{border:0;background:#d3dbe5;border-radius:20px;width:9px;height:9px;padding:0;min-width:9px;cursor:pointer;transition:width .25s ease,background .25s ease}
.testimonial-dot.is-active{width:30px;background:#d5a447}
.testimonial-dot:hover:not(.is-active){background:#8395ad}
.testimonial-count{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:6px;direction:ltr;min-width:55px;color:var(--muted);font:700 12px Cairo,Tahoma,sans-serif;flex:0 0 auto}
.testimonial-count strong{font-size:16px;color:var(--text)}
.testimonial-count span{color:var(--muted);font-size:11px}
html[data-theme="dark"] .testimonial-arrow{background:#d5a447;border-color:#d5a447;color:#08182f}
html[data-theme="dark"] .testimonial-arrow:hover{background:#efd08c}
html[data-theme="dark"] .testimonial-dot{background:#52627a}
html[data-theme="dark"] .testimonial-dot.is-active{background:#d5a447}
@keyframes testimonial-appear{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.testimonial-slides .testimonial-feature{min-height:325px}}
@media(max-width:700px){.testimonial-slides .testimonial-feature{min-height:295px}.testimonial-navigation{margin-top:15px}.testimonial-arrow{height:42px;width:42px}.testimonial-dots{gap:8px}}
@media(max-width:410px){.testimonial-slides .testimonial-feature{min-height:320px}.testimonial-count{min-width:45px}.testimonial-navigation{gap:10px}}
@media(prefers-reduced-motion:reduce){.testimonial-slides .testimonial-feature{animation:none}.testimonial-arrow,.testimonial-dot{transition:none}}


/* V34 — Testimonials redesign: compact centered composition, connected navigation */
.testimonials-section{
  padding:88px 0 92px;
  background:var(--paper-2);
}
.testimonials-section .testimonials-shell{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:32px;
  max-width:1140px;
}
.testimonials-section .testimonials-intro{
  width:100%;max-width:760px;
  text-align:center;
  margin:0 auto;
}
.testimonials-section .testimonials-intro .kicker{
  display:inline-block;font-size:13px;font-weight:800;
}
.testimonials-section .testimonials-intro h2{
  max-width:none;
  margin:5px 0 7px;
  font-size:clamp(30px,3vw,40px);
  line-height:1.55;
}
.testimonials-section .testimonials-intro p{
  margin:0 auto;
  max-width:640px;
  font-size:14px;
  line-height:1.9;
}
.testimonials-section .testimonials-ornament{display:none}
.testimonials-section .testimonials-carousel{
  position:relative;
  width:min(100%,900px);
  min-width:0;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(8,24,47,.075);
  isolation:isolate;
}
.testimonials-section .testimonials-carousel::before{
  content:"";position:absolute;pointer-events:none;
  width:220px;height:220px;inset-inline-start:-130px;top:-165px;
  border-radius:50%;background:rgba(213,164,71,.07);
  z-index:-1;
}
.testimonials-section .testimonial-slides{min-width:0}
.testimonials-section .testimonial-slides .testimonial-feature,
html[data-theme="light"] .testimonials-section .testimonial-slides .testimonial-feature{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:290px;
  padding:33px 48px 29px;
  text-align:center;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.testimonials-section .testimonial-slides .testimonial-feature[hidden]{display:none!important}
.testimonials-section .quote-symbol{
  margin:4px auto 18px;
  height:37px;
  color:#d5a447;
  font:400 76px/0.8 Georgia,serif;
}
.testimonials-section .testimonial-feature blockquote{
  max-width:730px;
  margin:0 auto 24px;
  font-size:clamp(17px,1.65vw,21px);
  line-height:1.9;
  font-weight:800;
  text-align:center;
  text-wrap:balance;
  color:var(--text);
}
.testimonials-section .testimonial-feature figcaption{
  margin-top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  text-align:right;
}
.testimonials-section .review-avatar{
  width:42px;height:42px;
  border-radius:12px;
  font-size:19px;
}
.testimonials-section .testimonial-feature figcaption strong{
  font-size:13px;font-weight:900;line-height:1.55;
}
.testimonials-section .testimonial-feature figcaption small{
  font-size:11px;
}
.testimonials-section .review-line,
.testimonials-section .review-brand{display:none}
.testimonials-section .testimonial-navigation{
  margin:0;
  padding:13px 29px;
  min-height:68px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  align-items:center;
  border-top:1px solid var(--border);
  background:color-mix(in srgb,var(--paper-2) 55%,var(--card));
}
.testimonials-section .testimonial-arrows{justify-self:start;gap:8px}
.testimonials-section .testimonial-arrow{
  width:39px;height:39px;
  box-shadow:none;
  transition:background .2s,transform .2s;
}
.testimonials-section .testimonial-arrow:hover{transform:translateY(-1px);box-shadow:none}
.testimonials-section .testimonial-arrow svg{width:18px;height:18px}
.testimonials-section .testimonial-dots{justify-self:center;flex:unset;gap:9px}
.testimonials-section .testimonial-dot{width:8px;height:8px;min-width:8px}
.testimonials-section .testimonial-dot.is-active{width:28px}
.testimonials-section .testimonial-count{justify-self:end;font-size:11px}
.testimonials-section .testimonial-count strong{font-size:15px}
html[data-theme="dark"] .testimonials-section .testimonials-carousel{
  background:var(--card);
  box-shadow:0 16px 48px rgba(0,0,0,.15);
}
@media(max-width:700px){
  .testimonials-section{padding:64px 0 70px}
  .testimonials-section .testimonials-shell{gap:25px}
  .testimonials-section .testimonials-intro h2{font-size:clamp(27px,7vw,34px);line-height:1.5}
  .testimonials-section .testimonials-intro p{font-size:12px}
  .testimonials-section .testimonials-carousel{border-radius:18px}
  .testimonials-section .testimonial-slides .testimonial-feature,
  html[data-theme="light"] .testimonials-section .testimonial-slides .testimonial-feature{
    min-height:285px;
    padding:26px 23px 23px;
  }
  .testimonials-section .quote-symbol{font-size:67px;height:33px;margin:0 auto 16px}
  .testimonials-section .testimonial-feature blockquote{font-size:16px;line-height:1.95;margin-bottom:20px}
  .testimonials-section .testimonial-navigation{padding:12px 15px;min-height:64px;gap:5px}
  .testimonials-section .testimonial-arrow{width:36px;height:36px}
  .testimonials-section .testimonial-arrows{gap:6px}
  .testimonials-section .testimonial-dots{gap:7px}
}
@media(max-width:390px){
  .testimonials-section .testimonial-slides .testimonial-feature,
  html[data-theme="light"] .testimonials-section .testimonial-slides .testimonial-feature{min-height:310px;padding-inline:17px}
  .testimonials-section .testimonial-navigation{padding-inline:11px}
}


/* V35 — replace neutral gray section backgrounds with soft brand-tinted light surfaces */
html[data-theme="light"] .about-section{
  background:linear-gradient(180deg,#fbfcff 0%,#f3f7fc 100%);
}
html[data-theme="light"] .process-section{
  background:linear-gradient(180deg,#fffefb 0%,#faf6ee 100%);
}
html[data-theme="light"] .team-culture-section{
  background:linear-gradient(180deg,#fcfdff 0%,#f5f8fc 76%,#f3f7fb 100%);
}
html[data-theme="light"] .testimonials-section{
  background:linear-gradient(180deg,#fbfcff 0%,#f7f9fc 56%,#f9f5ed 100%);
}
html[data-theme="light"] .testimonials-section .testimonial-navigation{
  background:linear-gradient(180deg,#f8fbff 0%,#f5f7fb 100%);
}
html[data-theme="light"] .footer{
  background:linear-gradient(180deg,#f8fafd 0%,#f1f5fa 100%);
}
html[data-theme="light"] .about-section,
html[data-theme="light"] .process-section,
html[data-theme="light"] .testimonials-section,
html[data-theme="light"] .footer{
  border-color:rgba(16,38,65,.08);
}


/* V36 — refine floating WhatsApp button */
.whatsapp{
  width:58px;
  height:58px;
  left:20px;
  bottom:20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#28db68 0%,#1fbe58 100%);
  color:#fff;
  border:3px solid rgba(255,255,255,.95);
  box-shadow:0 14px 28px rgba(18,34,55,.18),0 4px 10px rgba(18,34,55,.10);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.whatsapp:hover{
  transform:translateY(-4px) scale(1.02);
  box-shadow:0 18px 32px rgba(18,34,55,.22),0 6px 14px rgba(18,34,55,.12);
  filter:saturate(1.03);
}
.whatsapp svg{
  width:29px;
  height:29px;
  display:block;
}
html[data-theme="dark"] .whatsapp{border-color:rgba(8,24,47,.55)}
@media(max-width:650px){
  .whatsapp{width:52px;height:52px;left:12px;bottom:12px;border-width:2.5px}
  .whatsapp svg{width:26px;height:26px}
}


/* V37 — simplify floating WhatsApp button to a clean green circle with proper white icon */
.whatsapp{
  position:fixed;
  z-index:70;
  bottom:20px;
  left:20px;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25D366;
  color:#fff;
  border:3px solid #fff;
  box-shadow:0 10px 24px rgba(8,24,47,.16);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(8,24,47,.2);
}
.whatsapp svg{
  width:29px;
  height:29px;
  display:block;
  flex-shrink:0;
}
html[data-theme="dark"] .whatsapp{
  border-color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.3);
}
@media(max-width:650px){
  .whatsapp{width:52px;height:52px;left:12px;bottom:12px;border-width:2px}
  .whatsapp svg{width:25px;height:25px}
}


/* V38 — make floating WhatsApp match dark version style */
.whatsapp{
  position:fixed;
  z-index:70;
  bottom:20px;
  left:20px;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25D366;
  color:#fff;
  border:0;
  box-shadow:0 10px 22px rgba(8,24,47,.18);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(8,24,47,.22);
}
.whatsapp svg{
  width:28px;
  height:28px;
  display:block;
}
@media(max-width:650px){
  .whatsapp{width:52px;height:52px;left:12px;bottom:12px}
  .whatsapp svg{width:24px;height:24px}
}


/* V39 — clearer, cleaner section backgrounds with no gray in light theme */
html[data-theme="light"] body{
  background:#ffffff;
}
html[data-theme="light"] .stats,
html[data-theme="light"] .services-section,
html[data-theme="light"] .portfolio-section,
html[data-theme="light"] .leadership-section,
html[data-theme="light"] .faq-section,
html[data-theme="light"] .cta-section{
  background:#ffffff;
}

/* light navy-tinted sections */
html[data-theme="light"] .about-section{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
html[data-theme="light"] .team-culture-section{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
html[data-theme="light"] .footer{
  background:linear-gradient(180deg,#fcfeff 0%,#f6fbff 100%);
}

/* soft warm-tinted sections */
html[data-theme="light"] .process-section{
  background:linear-gradient(180deg,#fffefb 0%,#fff8ef 100%);
}
html[data-theme="light"] .testimonials-section{
  background:linear-gradient(180deg,#fffdfa 0%,#fff7ee 100%);
}
html[data-theme="light"] .testimonials-section .testimonial-navigation{
  background:linear-gradient(180deg,#fffdfa 0%,#fff8f1 100%);
}

/* remove gray-feel from internal surfaces */
html[data-theme="light"] .team-people::before{
  background:radial-gradient(ellipse at 50% 100%,rgba(16,38,65,.06),transparent 72%);
}
html[data-theme="light"] .testimonials-section .testimonials-carousel{
  background:#ffffff;
}
html[data-theme="light"] .footer,
html[data-theme="light"] .about-section,
html[data-theme="light"] .process-section,
html[data-theme="light"] .team-culture-section,
html[data-theme="light"] .testimonials-section{
  border-color:rgba(16,38,65,.06);
}


/* V40 — Services mega menu for header, clean in light and dark themes */
.site-nav{position:relative}
.site-nav .nav-item{position:relative}
.site-nav .nav-link{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0;
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}
.site-nav .nav-link svg{width:16px;height:16px;transition:transform .22s ease,opacity .22s ease;opacity:.82}
.site-nav .has-mega:hover .nav-link,
.site-nav .has-mega:focus-within .nav-link,
.site-nav .nav-link:hover{color:#c48c29}
.site-nav .has-mega:hover .nav-link svg,
.site-nav .has-mega:focus-within .nav-link svg,
.site-nav .has-mega.open .nav-link svg{transform:rotate(180deg);opacity:1}
.site-nav .has-mega .nav-link::after{
  content:"";
  position:absolute;
  bottom:-18px;
  inset-inline:16% 16%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#dfb45e,#0d2644);
  opacity:0;
  transform:scaleX(.5);
  transition:opacity .22s ease,transform .22s ease;
}
.site-nav .has-mega:hover .nav-link::after,
.site-nav .has-mega:focus-within .nav-link::after,
.site-nav .has-mega.open .nav-link::after{opacity:1;transform:scaleX(1)}
.mega-menu{
  position:absolute;
  top:calc(100% + 24px);
  inset-inline-end:-110px;
  width:min(860px,78vw);
  display:grid;
  grid-template-columns:260px 1fr;
  gap:22px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(13,38,68,.10);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 24px 50px rgba(18,33,55,.13);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  pointer-events:none;
  z-index:40;
}
html[data-theme="dark"] .mega-menu{
  background:rgba(9,24,43,.96);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 28px 60px rgba(0,0,0,.32);
}
.site-nav .has-mega:hover .mega-menu,
.site-nav .has-mega:focus-within .mega-menu,
.site-nav .has-mega.open .mega-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.mega-intro{
  padding:18px 18px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#fffaf1 0%,#fff5e7 100%);
  border:1px solid rgba(212,164,71,.18);
}
html[data-theme="dark"] .mega-intro{
  background:linear-gradient(180deg,rgba(198,149,56,.10) 0%,rgba(198,149,56,.04) 100%);
  border-color:rgba(212,164,71,.18);
}
.mega-kicker{display:inline-block;font-size:11px;font-weight:800;color:#c48c29;margin-bottom:8px}
.mega-intro h3{margin:0 0 8px;font-size:22px;line-height:1.4;color:#0d2644}
html[data-theme="dark"] .mega-intro h3{color:#fff}
.mega-intro p{margin:0 0 14px;font-size:12px;line-height:1.9;color:#6a768d}
html[data-theme="dark"] .mega-intro p{color:#b4bfd2}
.mega-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#0d2644}
.mega-link svg{width:15px;height:15px}
html[data-theme="dark"] .mega-link{color:#f1d18d}
.mega-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.mega-col{
  padding:14px 14px 12px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  border:1px solid rgba(13,38,68,.08);
}
html[data-theme="dark"] .mega-col{
  background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.02) 100%);
  border-color:rgba(255,255,255,.08);
}
.mega-col h4{margin:0 0 10px;font-size:14px;color:#0d2644}
html[data-theme="dark"] .mega-col h4{color:#f2f6fd}
.mega-col a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  border-radius:12px;
  font-size:12px;
  font-weight:700;
  color:#34435b;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.mega-col a::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d7b066;
  flex-shrink:0;
}
html[data-theme="dark"] .mega-col a{color:#cad4e3}
.mega-col a:hover{
  background:rgba(13,38,68,.06);
  color:#0d2644;
  transform:translateX(-2px);
}
html[data-theme="dark"] .mega-col a:hover{background:rgba(255,255,255,.05);color:#fff}

@media(max-width:1150px){
  .site-nav .nav-link{font-size:13px}
  .mega-menu{width:min(760px,82vw);inset-inline-end:-80px;grid-template-columns:220px 1fr}
  .mega-columns{gap:10px}
}
@media(max-width:880px){
  .site-nav .nav-item{display:block}
  .site-nav .nav-link{
    width:100%;
    justify-content:space-between;
    padding:10px;
    border-radius:12px;
  }
  .site-nav .has-mega .nav-link::after{display:none}
  .site-nav .has-mega.open .nav-link,
  .site-nav .nav-link:hover{background:rgba(13,38,68,.05);color:#0d2644}
  html[data-theme="dark"] .site-nav .has-mega.open .nav-link,
  html[data-theme="dark"] .site-nav .nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
  .mega-menu{
    position:static;
    width:100%;
    margin-top:8px;
    padding:12px;
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    grid-template-columns:1fr;
    gap:12px;
    box-shadow:none;
    background:rgba(255,255,255,.72);
  }
  html[data-theme="dark"] .mega-menu{background:rgba(11,28,49,.58)}
  .site-nav .has-mega.open .mega-menu{display:grid}
  .mega-columns{grid-template-columns:1fr}
  .mega-intro{padding:14px}
  .mega-intro h3{font-size:18px}
  .mega-intro p{font-size:11px}
}


/* V41 — refine services mega menu placement and organization */
@media(min-width:881px){
  .mega-menu{
    top:calc(100% + 14px);
    left:50%;
    right:auto;
    inset-inline-end:auto;
    width:min(720px,74vw);
    padding:14px;
    gap:12px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-radius:22px;
    transform:translate(-50%,10px);
  }
  .site-nav .has-mega:hover .mega-menu,
  .site-nav .has-mega:focus-within .mega-menu,
  .site-nav .has-mega.open .mega-menu{
    transform:translate(-50%,0);
  }
  .mega-menu::before{
    content:"";
    position:absolute;
    top:-7px;
    left:50%;
    width:14px;
    height:14px;
    background:inherit;
    border-inline-start:1px solid rgba(13,38,68,.10);
    border-top:1px solid rgba(13,38,68,.10);
    transform:translateX(-50%) rotate(45deg);
    border-radius:3px 0 0 0;
  }
  html[data-theme="dark"] .mega-menu::before{
    border-inline-start-color:rgba(255,255,255,.08);
    border-top-color:rgba(255,255,255,.08);
  }
  .mega-intro{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:4px 16px;
    padding:14px 16px;
    border-radius:16px;
  }
  .mega-kicker{margin:0;font-size:10px}
  .mega-intro h3{margin:0;font-size:18px;line-height:1.35}
  .mega-intro p{display:none}
  .mega-link{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    white-space:nowrap;
    font-size:11px;
  }
  .mega-columns{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .mega-col{
    padding:12px;
    border-radius:16px;
    background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);
  }
  .mega-col h4{margin:0 0 8px;font-size:13px;position:relative;padding-bottom:8px}
  .mega-col h4::after{
    content:"";
    position:absolute;
    inset-inline-start:0;
    bottom:0;
    width:34px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#d7b066,#0d2644);
  }
  .mega-col a{
    padding:8px 9px;
    font-size:11.5px;
    border-radius:10px;
  }
}
@media(max-width:1150px) and (min-width:881px){
  .mega-menu{width:min(670px,78vw)}
}
@media(max-width:880px){
  .mega-intro p{display:block}
  .mega-link{justify-self:start}
}


/* V42 | consultation request — light navy / warm gold, no gray section background */
.consultation-section{background:#fff;scroll-margin-top:105px;padding:62px 0 80px}
.consultation-panel{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(26px,5vw,80px);
  align-items:center;border:1px solid #ebdec9;border-radius:29px;
  padding:clamp(24px,4.7vw,66px);
  background:linear-gradient(115deg,#fffaf0 0%,#fdfbf6 54%,#f6faff 100%);
}
.consultation-panel::after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-190px;right:-155px;width:440px;height:440px;border:1px solid rgba(197,148,57,.12);border-radius:50%;box-shadow:0 0 0 68px rgba(197,148,57,.022),0 0 0 136px rgba(197,148,57,.02)}
.consultation-copy{min-width:0;max-width:520px;align-self:center}
.consultation-eyebrow{display:flex;align-items:center;gap:12px;color:#a77924;font-weight:900;font-size:12px;margin-bottom:13px}
.consultation-line{width:30px;height:2px;background:var(--gold);border-radius:4px}
.consultation-copy h2{font-size:clamp(29px,3.2vw,44px);line-height:1.55;margin:0 0 12px;color:#0d2644;font-weight:900}
.consultation-copy h2 em{color:#c79635;font-style:normal}
.consultation-lead{max-width:490px;font-size:14px;line-height:2;color:#596a80;margin:0 0 34px}
.consultation-benefits{display:grid;gap:18px}
.consultation-benefit{display:flex;align-items:center;gap:13px}
.consultation-benefit-icon{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;color:#ad781e;background:#fff1d6;border:1px solid #f2e1c0;border-radius:14px}
.consultation-benefit-icon svg{width:21px;height:21px}
.consultation-benefit strong,.consultation-benefit small{display:block}
.consultation-benefit strong{font-size:14px;color:#102641;font-weight:850}
.consultation-benefit small{font-size:12px;line-height:1.8;color:#66768a;margin-top:2px}
.consultation-direct{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;color:#0e6244;margin-top:30px;font-size:12px;font-weight:800}
.consultation-direct svg{width:17px;height:17px}
.consultation-direct svg:last-child{color:#ae812e;width:15px;height:15px}
.consultation-direct:hover{text-decoration:underline;text-underline-offset:4px}
.consultation-form-card{min-width:0;background:#fff;border:1px solid #eadfce;border-radius:23px;box-shadow:0 20px 50px rgba(19,39,60,.075);padding:clamp(19px,2.55vw,34px);}
.consultation-form-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px;border-bottom:1px solid #f0e8dc;padding-bottom:18px}
.consultation-form-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#102641;color:#efc46e;flex-shrink:0}
.consultation-form-icon svg{width:23px;height:23px}
.consultation-form-heading h3{font-size:18px;line-height:1.5;margin:0;color:#102641}
.consultation-form-heading p{font-size:11px;line-height:1.6;margin:2px 0 0;color:#76859a}
.consultation-form{display:grid;gap:14px}
.consultation-field{min-width:0}
.consultation-field>label,.consultation-times legend{display:block;color:#142d4b;font-size:12px;font-weight:850;margin-bottom:6px;padding:0}
.consultation-field>label span[aria-hidden],.consultation-times legend span{color:#b97821}
.consultation-optional{color:#8794a5!important;font-size:11px;font-weight:500}
.consultation-input{position:relative;display:flex;align-items:center;min-width:0;min-height:47px;border:1px solid #d9e2ea;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.consultation-input:focus-within{border-color:#bb914b;box-shadow:0 0 0 3px rgba(213,164,71,.12)}
.consultation-input>svg{position:absolute;right:13px;width:17px;height:17px;color:#718095;pointer-events:none}
.consultation-input input,.consultation-input textarea{width:100%;min-width:0;min-height:46px;outline:none;border:0;background:transparent;color:#11213c;font-family:inherit;font-size:13px;padding:9px 40px 9px 13px;border-radius:12px}
.consultation-input input::placeholder,.consultation-input textarea::placeholder{color:#8996a5;opacity:1}
.consultation-input input[dir="ltr"]{text-align:right;direction:ltr}
.consultation-phone-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:9px}
.consultation-phone-row select{min-width:0;width:100%;height:47px;border:1px solid #d9e2ea;background:#fff;border-radius:12px;color:#102641;font:750 13px Cairo,Tahoma,sans-serif;direction:ltr;text-align:center;padding:0 5px;cursor:pointer;outline-offset:2px}
.consultation-phone-row select:focus-visible{outline:3px solid rgba(213,164,71,.24)}
.consult-date-input input{cursor:pointer;direction:ltr;text-align:right}
.consultation-hint{display:block;font-size:10px;line-height:1.7;color:#8591a2;margin:4px 3px 0}
.consultation-times{min-width:0;margin:0;padding:0;border:none}
.consultation-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.consultation-time{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:42px;border:1px solid #d9e2ea;border-radius:11px;background:#fff;color:#637087;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.consultation-time input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.consultation-time span{display:block;pointer-events:none;font-size:12px;font-weight:650}
.consultation-time small{font-size:10px;color:inherit}
.consultation-time:has(input:checked){background:#102641;color:#fff;border-color:#102641;box-shadow:0 5px 14px rgba(16,38,65,.12)}
.consultation-time:has(input:focus-visible){outline:3px solid rgba(213,164,71,.45);outline-offset:3px}
.consultation-textarea{align-items:flex-start}
.consultation-textarea>svg{top:13px}
.consultation-textarea textarea{min-height:78px;resize:vertical;line-height:1.8}
.consultation-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;min-height:51px;border:0;border-radius:12px;padding:8px 18px;color:#102641;background:linear-gradient(110deg,#edc36f,#d6a043);font-family:inherit;font-size:13px;font-weight:900;box-shadow:0 9px 20px rgba(190,143,55,.14);transition:transform .18s,box-shadow .18s,filter .18s}
.consultation-submit:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(190,143,55,.22);filter:saturate(1.07)}
.consultation-submit svg{width:18px;height:18px;transform:scaleX(-1)}
.consultation-notice{font-size:10.5px;line-height:1.9;text-align:center;color:#718095;margin:0 auto;max-width:450px}
.consultation-notice.is-error{color:#aa4b37}
html[data-theme="dark"] .consultation-section{background:#09182b}
html[data-theme="dark"] .consultation-panel{background:linear-gradient(120deg,#0c2038 0%,#132940 100%);border-color:#304158}
html[data-theme="dark"] .consultation-copy h2,html[data-theme="dark"] .consultation-benefit strong{color:#f7f8fd}
html[data-theme="dark"] .consultation-copy h2 em{color:#f2c978}
html[data-theme="dark"] .consultation-lead,html[data-theme="dark"] .consultation-benefit small{color:#b7c3d3}
html[data-theme="dark"] .consultation-benefit-icon{background:#273748;border-color:#3f4145;color:#f2bf61}
html[data-theme="dark"] .consultation-form-card{background:#10243c;border-color:#334862;box-shadow:0 22px 45px rgba(0,0,0,.19)}
html[data-theme="dark"] .consultation-form-heading{border-color:#2d4059}
html[data-theme="dark"] .consultation-form-heading h3,html[data-theme="dark"] .consultation-field>label,html[data-theme="dark"] .consultation-times legend{color:#f7f8fd}
html[data-theme="dark"] .consultation-form-icon{background:#263b55}
html[data-theme="dark"] .consultation-input,html[data-theme="dark"] .consultation-phone-row select,html[data-theme="dark"] .consultation-time{background:#172d46;border-color:#3c4f66;color:#e6eef8}
html[data-theme="dark"] .consultation-input input,html[data-theme="dark"] .consultation-input textarea{color:#f7f9ff}
html[data-theme="dark"] .consultation-time:has(input:checked){background:#dcaf58;color:#0b1d32;border-color:#dcaf58}
html[data-theme="dark"] .consultation-direct{color:#88e0af}
html[data-theme="dark"] .consultation-notice{color:#aeb9c9}
@media(max-width:1000px){.consultation-panel{gap:24px;padding:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.consultation-copy h2{font-size:34px}.consultation-benefits{gap:13px}}
@media(max-width:780px){.consultation-panel{grid-template-columns:1fr;gap:25px;padding:24px}.consultation-copy{max-width:none}.consultation-lead{max-width:620px;margin-bottom:21px}.consultation-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.consultation-benefit{align-items:flex-start;gap:7px}.consultation-benefit-icon{width:36px;height:36px;border-radius:11px}.consultation-benefit strong{font-size:11px}.consultation-benefit small{font-size:10px}.consultation-direct{margin-top:20px}}
@media(max-width:560px){.consultation-section{padding:42px 0 62px}.consultation-panel{padding:20px 14px;border-radius:18px;gap:22px}.consultation-copy h2{font-size:29px}.consultation-lead{font-size:12px;line-height:1.9}.consultation-benefits{grid-template-columns:1fr;gap:13px}.consultation-benefit{align-items:center;gap:11px}.consultation-benefit-icon{width:39px;height:39px}.consultation-benefit strong{font-size:12px}.consultation-benefit small{font-size:10px}.consultation-form-card{padding:19px 14px;border-radius:17px}.consultation-form-heading h3{font-size:16px}.consultation-form{gap:13px}.consultation-phone-row{grid-template-columns:minmax(0,1fr) 106px;gap:7px}.consultation-phone-row select{font-size:11px}.consultation-direct{font-size:11px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.consultation-submit,.consultation-input,.consultation-time{transition:none}}

/* Consultation copy aligned to the form heading, as in the reference */
@media(min-width:781px){.consultation-panel{align-items:start}.consultation-copy{align-self:start;padding-top:8px}}


/* V43 — fix RTL alignment for services mega menu */
@media(min-width:881px){
  .mega-menu{
    right:0;
    left:auto;
    inset-inline-end:0;
    transform:translateY(10px);
  }
  .site-nav .has-mega:hover .mega-menu,
  .site-nav .has-mega:focus-within .mega-menu,
  .site-nav .has-mega.open .mega-menu{
    transform:translateY(0);
  }
  .mega-menu::before{
    left:auto;
    right:34px;
    transform:rotate(45deg);
  }
}
.mega-col a{
  direction:rtl;
  justify-content:flex-start;
  flex-direction:row;
  align-items:center;
  text-align:right;
  gap:10px;
}
.mega-col a::before{
  margin-inline-start:0;
  margin-inline-end:0;
}
.mega-col h4{
  text-align:right;
}
.mega-intro,
.mega-intro h3,
.mega-kicker,
.mega-link{
  text-align:right;
}
@media(max-width:880px){
  .mega-col a{direction:rtl;justify-content:flex-start;flex-direction:row;text-align:right}
  .mega-intro{direction:rtl;text-align:right}
}

/* V45: Remove redundant “استعرض كل خدماتنا” link; keep the heading aligned to RTL. */
@media(min-width:881px){.mega-intro{grid-template-columns:1fr;justify-items:start}}


/* V46 — Light theme: one consistent brand-navy for dark/black UI typography.
   Keep gold highlights, intentionally muted descriptions and white-on-navy text.
   Dark theme is unaffected. */
html[data-theme="light"]{
  --text:#102641;
}
html[data-theme="light"] body,
html[data-theme="light"] .team-culture-section,
html[data-theme="light"] .cta-panel{
  color:#102641;
}
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6){
  color:#102641;
}
/* Navigation: preserve the highlighted active/hover states. */
html[data-theme="light"] .site-nav > a:not(.current):not(:hover),
html[data-theme="light"] .site-nav .nav-link:not(:hover),
html[data-theme="light"] .theme-switch,
html[data-theme="light"] .language-switch,
html[data-theme="light"] .mobile-menu-btn{
  color:#102641;
}
/* Text on light surfaces and gold buttons uses the same navy tone. */
html[data-theme="light"] .hero .eyebrow,
html[data-theme="light"] .hero .btn-outline:not(:hover),
html[data-theme="light"] .stats strong,
html[data-theme="light"] .btn-gold,
html[data-theme="light"] .text-cta,
html[data-theme="light"] .subtle-link,
html[data-theme="light"] .mega-link,
html[data-theme="light"] .mega-col a:not(:hover),
html[data-theme="light"] .mega-intro h3,
html[data-theme="light"] .mega-col h4,
html[data-theme="light"] .about-highlights b,
html[data-theme="light"] .consultation-benefit strong,
html[data-theme="light"] .consultation-field > label,
html[data-theme="light"] .consultation-times legend,
html[data-theme="light"] .consultation-input input,
html[data-theme="light"] .consultation-input textarea,
html[data-theme="light"] .consultation-phone-row select,
html[data-theme="light"] .consultation-submit,
html[data-theme="light"] .mock-nav,
html[data-theme="light"] .mock-tiles b{
  color:#102641;
}
/* Forms: typed content stays navy; placeholders remain soft for hierarchy. */
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] textarea,
html[data-theme="light"] select{
  caret-color:#102641;
}


/* V47 — taller hero and deeper stats overlap */
@media (min-width: 881px) {
  .hero { min-height: 780px; height: 100vh; height: 100svh; max-height: 980px; }
  .hero-content { padding-bottom: 128px; }
  .stats { margin-top: -78px; }
  .stats-grid { min-height: 138px; }
}
@media (min-width: 651px) and (max-width: 880px) {
  .hero { min-height: 730px; height: 96vh; height: 96svh; }
  .hero-content { padding-bottom: 118px; }
  .stats { margin-top: -66px; }
  .stats-grid { min-height: 120px; }
}
@media (max-width: 650px) {
  .hero { min-height: 690px; }
  .hero-content { padding-bottom: 102px; }
  .stats { margin-top: -46px; }
}


/* V48 — make stats card sit half on hero image and half below */
@media (min-width: 881px) {
  .hero { min-height: 790px; height: 100vh; height: 100svh; max-height: 995px; }
  .hero-content { padding-bottom: 138px; }
  .stats { margin-top: -96px; }
  .stats-grid { min-height: 152px; padding: 20px 8px; }
}
@media (min-width: 651px) and (max-width: 880px) {
  .hero { min-height: 740px; height: 96vh; height: 96svh; }
  .hero-content { padding-bottom: 126px; }
  .stats { margin-top: -82px; }
  .stats-grid { min-height: 132px; padding: 18px 5px; }
}
@media (max-width: 650px) {
  .hero { min-height: 705px; }
  .hero-content { padding-bottom: 108px; }
  .stats { margin-top: -56px; }
  .stats-grid { padding: 14px 2px; }
}


/* V49 — real 50/50 overlap at hero boundary (fix white section masking photo) */
/* Earlier light-theme section backgrounds accidentally painted white over the
   hero below the stats card.  Only the card is opaque, never its section. */
html[data-theme="light"] .stats,
html[data-theme="dark"] .stats{
  background:transparent;
  border:0;
  position:relative;
  z-index:8;
}
@media(min-width:881px){
  .hero{min-height:790px;height:100svh;max-height:995px}
  .stats{margin-top:-76px} /* half of the 152px card */
  .stats-grid{height:152px;min-height:152px;padding:16px 8px;align-items:center}
}
@media(min-width:651px) and (max-width:880px){
  .stats{margin-top:-66px}
  .stats-grid{height:132px;min-height:132px;padding:14px 5px;align-items:center}
}
@media(max-width:650px){
  .stats{margin-top:-94px}
  .stats-grid{min-height:168px;padding:12px 2px;align-items:center}
}

/* V50 — show language choice inside the mobile nav on both Arabic and English. */
.mobile-language-switch{display:none;font:800 13px Cairo,Tahoma,sans-serif;color:var(--text);background:var(--gold-soft);border:1px solid rgba(213,164,71,.25);border-radius:11px;padding:12px 14px;cursor:pointer;text-align:start}
.mobile-language-switch:focus-visible,.language-switch:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:880px){.site-nav .mobile-language-switch{display:block;margin-top:8px;width:100%}}


/* V51: responsive header fit for Arabic at desktop/tablet threshold. */
@media (min-width:881px) and (max-width:980px){
  html[lang="ar"] .site-header .nav-inner{gap:9px;padding-inline:12px}
  html[lang="ar"] .site-nav{gap:10px}
  html[lang="ar"] .site-nav > a,
  html[lang="ar"] .site-nav .nav-link{font-size:12px}
  html[lang="ar"] .nav-actions{gap:8px}
  html[lang="ar"] .nav-button{padding-inline:10px;font-size:10px}
  html[lang="ar"] .theme-switch{min-width:82px;padding-inline:8px}
}


/* V54 — clicking any part of the consultation date field opens the date picker */
.consult-date-input,
.consultation-field > label[for="consultDate"]{cursor:pointer}
.consult-date-input input[type="date"]{cursor:pointer}

/* V55 — bring consultation form heading and fields into view when CTAs are clicked */
#consultationBooking{scroll-margin-top:110px}
@media(max-width:880px){#consultationBooking{scroll-margin-top:92px}}


/* V56 — Tamiyouz footer, inspired by airy multi-column reference (no unverified company details) */
.site-footer-redesign,
html[data-theme="light"] .site-footer-redesign{
  position:relative;isolation:isolate;overflow:hidden;
  padding:78px 0 22px;
  background:linear-gradient(125deg,#f7f9fc 0%,#f8fbff 40%,#f2f6fb 100%);
  color:#102641;
  border-top:1px solid rgba(16,38,65,.09);
}
.site-footer-redesign .footer-pattern{pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.55;
  background:
    radial-gradient(circle at 9% 14%,rgba(213,164,71,.09) 0,transparent 25%),
    radial-gradient(circle at 94% 85%,rgba(16,38,65,.045),transparent 31%);
}
.site-footer-redesign .footer-pattern::before,
.site-footer-redesign .footer-pattern::after{content:"";position:absolute;border:1px solid rgba(16,38,65,.045);border-radius:42px;transform:rotate(-27deg);}
.site-footer-redesign .footer-pattern::before{width:480px;height:380px;inset-inline-start:-235px;top:-170px}
.site-footer-redesign .footer-pattern::after{width:590px;height:490px;inset-inline-end:-330px;bottom:-200px}
.site-footer-redesign .footer-main{
  position:relative;display:grid;grid-template-columns:minmax(0,1.33fr) minmax(0,.8fr) minmax(0,1.15fr) minmax(0,1.23fr);
  gap:clamp(24px,3.2vw,55px);align-items:start;padding-bottom:58px;
}
.site-footer-redesign .footer-main>div{min-width:0}
.site-footer-redesign .footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.site-footer-redesign .footer-identity-logo{display:inline-flex;align-items:center;justify-content:center;width:96px;height:102px;margin-bottom:13px;border-radius:18px;}
.site-footer-redesign .footer-identity-logo img{width:auto;height:95px;max-height:95px;max-width:84px;object-fit:contain}
.site-footer-redesign .footer-identity-kicker{font-weight:900;font-size:15px;color:#102641;line-height:1.7}
.site-footer-redesign .footer-identity p{font-size:12px;line-height:2.25;color:#68798f;max-width:315px;margin:11px 0 22px;font-weight:600}
.site-footer-redesign .footer-social-new{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}
.site-footer-redesign .footer-social-new a{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(216,226,236,.92);background:rgba(255,255,255,.82);border-radius:16px;color:#3f5877;box-shadow:0 10px 24px rgba(16,38,65,.08),inset 0 1px 0 rgba(255,255,255,.7);transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.site-footer-redesign .footer-social-new a:hover{color:#102641;border-color:#e0b355;background:#fff7e9;transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,38,65,.12),0 0 0 4px rgba(224,179,85,.08)}
.site-footer-redesign .footer-social-new svg{width:24px;height:24px;stroke-width:2.1}
.site-footer-redesign .footer-consult-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 17px;border-radius:12px;background:#e4b454;color:#102641;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(213,164,71,.13);transition:transform .2s,background .2s}
.site-footer-redesign .footer-consult-cta:hover{background:#eec16a;transform:translateY(-2px)}
.site-footer-redesign .footer-consult-cta svg{width:16px;height:16px}
.site-footer-redesign .footer-heading{display:flex;align-items:center;gap:10px;margin:27px 0 24px;color:#102641;font-size:14px;font-weight:900;white-space:nowrap;line-height:1.7}
.site-footer-redesign .footer-heading::after{content:"";width:31px;height:2px;border-radius:3px;background:#d5a447;opacity:.82;flex:none}
.site-footer-redesign .footer-link-list{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.site-footer-redesign .footer-link-list a{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:1px 0;color:#68798f;font-size:12px;font-weight:650;line-height:1.85;transition:color .2s,transform .2s;}
.site-footer-redesign .footer-link-list a svg{width:12px;height:12px;opacity:0;flex:none;transform:translateY(3px);transition:opacity .2s,transform .2s}
.site-footer-redesign .footer-link-list a:hover{color:#c49432;transform:translateX(-2px)}
.site-footer-redesign .footer-link-list a:hover svg{opacity:1;transform:translateY(0)}
.site-footer-redesign .footer-contact-cards{display:flex;flex-direction:column;gap:11px}
.site-footer-redesign .footer-contact-card{min-height:83px;display:flex;gap:13px;align-items:center;text-align:start;padding:14px 14px;border-radius:15px;background:rgba(255,255,255,.85);border:1px solid #dee6ef;box-shadow:0 8px 27px rgba(16,38,65,.025);transition:border-color .2s,transform .2s,box-shadow .2s}
.site-footer-redesign a.footer-contact-card:hover{border-color:#dab46b;transform:translateY(-2px);box-shadow:0 9px 26px rgba(16,38,65,.06)}
.site-footer-redesign .footer-contact-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;background:#fff6e6;color:#c79535;border-radius:11px}
.site-footer-redesign .footer-contact-icon svg{width:19px;height:19px}
.site-footer-redesign .footer-contact-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}
.site-footer-redesign .footer-contact-text small{font-size:10px;color:#8290a3;font-weight:700}
.site-footer-redesign .footer-contact-text strong{font-size:12px;font-weight:800;line-height:1.8;color:#102641;display:block;overflow-wrap:anywhere}
.site-footer-redesign .footer-contact-text strong[dir="ltr"]{text-align:start;unicode-bidi:isolate}
.site-footer-redesign .footer-contact-arrow{width:15px;height:15px;color:#c9a056;opacity:.7;flex:none}
.site-footer-redesign .footer-bottom-new{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(16,38,65,.11);padding-top:19px;color:#77869a;font-size:11px;font-weight:650}
.site-footer-redesign .footer-legal-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.site-footer-redesign .footer-legal-links a:hover{color:#bd8a26}
/* LTR placement and arrow direction */
html[dir="ltr"] .site-footer-redesign .footer-link-list a:hover{transform:translateX(2px)}
html[dir="ltr"] .site-footer-redesign .footer-link-list a svg,
html[dir="ltr"] .site-footer-redesign .footer-consult-cta svg,
html[dir="ltr"] .site-footer-redesign .footer-contact-arrow{transform:scaleX(-1)}
html[dir="ltr"] .site-footer-redesign .footer-link-list a:hover svg{transform:scaleX(-1)}
html[dir="ltr"] .site-footer-redesign .footer-pattern::before,
html[dir="ltr"] .site-footer-redesign .footer-pattern::after{transform:rotate(27deg)}
/* Dark-mode adaptation */
html[data-theme="dark"] .site-footer-redesign{background:linear-gradient(135deg,#0b1e34 0%,#0c2139 48%,#101f32 100%);border-top-color:#24374e;color:#eff4fa}
html[data-theme="dark"] .site-footer-redesign .footer-pattern{opacity:.35}
html[data-theme="dark"] .site-footer-redesign .footer-pattern::before,
html[data-theme="dark"] .site-footer-redesign .footer-pattern::after{border-color:rgba(255,255,255,.09)}
html[data-theme="dark"] .site-footer-redesign .footer-heading,
html[data-theme="dark"] .site-footer-redesign .footer-identity-kicker{color:#f5f8fe}
html[data-theme="dark"] .site-footer-redesign .footer-identity p,
html[data-theme="dark"] .site-footer-redesign .footer-link-list a{color:#a7b8ca}
html[data-theme="dark"] .site-footer-redesign .footer-link-list a:hover{color:#edc478}
html[data-theme="dark"] .site-footer-redesign .footer-social-new a,
html[data-theme="dark"] .site-footer-redesign .footer-contact-card{background:#142a43;border-color:#2d435d;color:#c6d4e3}
html[data-theme="dark"] .site-footer-redesign .footer-social-new a{background:linear-gradient(180deg,rgba(21,43,69,.98),rgba(18,37,60,.98));border-color:#314b69;color:#e7eef8;box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="dark"] .site-footer-redesign .footer-social-new a:hover{background:linear-gradient(180deg,#183557,#142f4f);border-color:#d7a848;color:#f3c76f;box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 0 4px rgba(215,168,72,.10)}
html[data-theme="dark"] .site-footer-redesign .footer-contact-icon{background:#2e3440;color:#efc373}
html[data-theme="dark"] .site-footer-redesign .footer-contact-text strong{color:#f5f8fd}
html[data-theme="dark"] .site-footer-redesign .footer-contact-text small{color:#9eb0c4}
html[data-theme="dark"] .site-footer-redesign .footer-bottom-new{border-color:#2b4058;color:#afbed1}
@media(max-width:1100px){
  .site-footer-redesign .footer-main{grid-template-columns:1.1fr .85fr 1.15fr;gap:32px}
  .site-footer-redesign .footer-identity{grid-column:1 / -1;display:grid;grid-template-columns:90px minmax(0,1fr) auto;column-gap:20px;align-items:center}
  .site-footer-redesign .footer-identity-logo{grid-row:1 / 4;margin:0}
  .site-footer-redesign .footer-identity-kicker{grid-column:2}
  .site-footer-redesign .footer-identity p{grid-column:2;margin:4px 0 8px;max-width:600px}
  .site-footer-redesign .footer-social-new{grid-column:2;grid-row:3;margin:0}
  .site-footer-redesign .footer-consult-cta{grid-column:3;grid-row:1 / 4;white-space:nowrap}
  .site-footer-redesign .footer-heading{margin-top:8px}
}
@media(max-width:740px){
  .site-footer-redesign,html[data-theme="light"] .site-footer-redesign{padding-top:49px}
  .site-footer-redesign .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 22px;padding-bottom:38px}
  .site-footer-redesign .footer-identity{grid-column:1 / -1;display:flex;align-items:flex-start;gap:0}
  .site-footer-redesign .footer-identity-logo{margin-bottom:5px}
  .site-footer-redesign .footer-identity p{margin:10px 0 18px}
  .site-footer-redesign .footer-social-new{margin-bottom:17px}
  .site-footer-redesign .footer-consult-cta{white-space:normal}
  .site-footer-redesign .footer-contact-block{grid-column:1 / -1}
  .site-footer-redesign .footer-heading{font-size:13px;margin:4px 0 17px}
  .site-footer-redesign .footer-contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .site-footer-redesign .footer-address-card{grid-column:1 / -1}
  .site-footer-redesign .footer-bottom-new{flex-wrap:wrap;justify-content:center;text-align:center}
}
@media(max-width:460px){
  .site-footer-redesign .footer-main{gap:27px 14px}
  .site-footer-redesign .footer-link-list a{font-size:11px;line-height:1.75}
  .site-footer-redesign .footer-contact-cards{display:flex}
  .site-footer-redesign .footer-contact-text strong{font-size:11.5px}
  .site-footer-redesign .footer-bottom-new{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.site-footer-redesign a{transition:none}}

/* V56 footer touch and keyboard accessibility */
.site-footer-redesign a:focus-visible{outline:2px solid #d5a447;outline-offset:3px;border-radius:4px}
.site-footer-redesign .footer-link-list a{font-size:13px}
.site-footer-redesign .footer-identity p{font-size:13px}
.site-footer-redesign .footer-contact-text strong{font-size:12.5px}
.site-footer-redesign .footer-contact-arrow{opacity:.7}
@media(max-width:460px){.site-footer-redesign .footer-link-list a{font-size:11.5px}.site-footer-redesign .footer-contact-text strong{font-size:11.5px}}


/* V57 | Company profile spotlight; directional by document dir */
.company-profile-section{position:relative;padding:85px 0;background:linear-gradient(180deg,var(--paper) 0%,#fbf7f0 100%)}
.company-profile-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,4vw,70px);min-height:392px;padding:42px clamp(30px,5.8vw,84px);border-radius:26px;border:1px solid rgba(213,164,71,.19);background:linear-gradient(112deg,rgba(255,255,255,.96),rgba(255,253,247,.91));box-shadow:0 23px 58px rgba(16,38,65,.055);overflow:hidden}
.company-profile-panel::before{content:"";position:absolute;inset:auto -150px -300px auto;width:510px;height:510px;border:1px solid rgba(213,164,71,.12);border-radius:50%;pointer-events:none}
.company-profile-copy{position:relative;z-index:2;min-width:0}
.company-profile-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:850;font-size:12px;letter-spacing:0}
.company-profile-kicker svg{width:19px;height:19px}
.company-profile-copy h2{margin:14px 0 16px;font-size:clamp(29px,3.1vw,40px);line-height:1.48;font-weight:900;letter-spacing:-.5px;max-width:630px}
.company-profile-copy h2 em{color:#c99739;font-style:normal}
.company-profile-copy p{color:var(--muted);font-size:14px;line-height:2.05;font-weight:600;max-width:580px;margin:0 0 19px}
.company-profile-points{display:flex;flex-wrap:wrap;gap:9px 22px;margin-bottom:24px}
.company-profile-points span{display:inline-flex;align-items:center;gap:7px;color:#53647b;font-size:12px;font-weight:800}
.company-profile-points svg{width:16px;height:16px;color:#d0a14c;flex:none}
.company-profile-btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding-inline:20px;border-radius:12px;font-size:13px;white-space:nowrap;box-shadow:0 10px 24px rgba(213,164,71,.16)}
.company-profile-btn svg{width:17px;height:17px}
.company-profile-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:335px;isolation:isolate}
.company-profile-glow{position:absolute;width:min(100%,360px);height:285px;border-radius:50%;background:radial-gradient(ellipse,rgba(222,180,100,.24) 0%,rgba(246,233,205,.06) 70%,transparent 80%);filter:blur(6px);pointer-events:none}
.company-profile-cover,.company-profile-cover-shadow{width:250px;height:325px;border-radius:11px;box-shadow:0 23px 48px rgba(16,38,65,.18);position:relative}
.company-profile-cover-shadow{position:absolute;transform:translate(-18px,10px) rotate(-9deg);border:1px solid #eadfcf;background:linear-gradient(165deg,#fff,#ece4d6);opacity:.9;z-index:0}
.company-profile-cover{z-index:1;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;padding:22px 26px 17px;color:#fff;background:linear-gradient(135deg,#152f4e 0%,#0c2138 52%,#0a192c 100%);transform:rotate(4deg);border:1px solid rgba(255,255,255,.15)}
.company-profile-cover::before{content:"";position:absolute;width:255px;height:255px;border:1px solid rgba(231,186,100,.32);border-radius:50%;top:70px;right:-112px;pointer-events:none}
.company-profile-cover::after{content:"";position:absolute;width:206px;height:206px;border:1px solid rgba(231,186,100,.22);border-radius:50%;top:95px;right:-99px;pointer-events:none}
.company-profile-cover-top{display:flex;align-items:center;gap:8px;width:100%;position:relative;z-index:2;color:#e8bd70;font-size:11px;font-weight:850}
.company-profile-cover-top img{width:29px;height:38px;object-fit:contain}
.company-profile-cover-mark{margin-top:27px;width:30px;height:2px;background:#d6a447}
.company-profile-cover-overline{font-size:10px;letter-spacing:1px;color:#ebc77f;margin-top:10px;font-weight:750}
.company-profile-cover strong{font-family:Inter,Arial,sans-serif;color:#fff;font-size:27px;line-height:1.21;letter-spacing:1.6px;margin-top:6px;font-weight:850}
.company-profile-cover-sub{margin-top:11px;max-width:180px;color:#b9c9da;font:550 10px/1.6 Inter,Arial,sans-serif}
.company-profile-cover-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:11px;width:100%;margin-top:auto;color:#d7ae64;font:750 9px Inter,Arial,sans-serif;letter-spacing:1px}
.company-profile-cover-rule{height:1px;flex:1;background:rgba(213,164,71,.46)}
.company-profile-visual-label{position:absolute;z-index:3;bottom:0;inset-inline-end:-10px;display:flex;align-items:center;gap:7px;border-radius:10px;padding:9px 12px;background:#fff;border:1px solid rgba(213,164,71,.18);box-shadow:0 8px 21px rgba(16,38,65,.09);font-size:10px;font-weight:850;color:#183650}
.company-profile-visual-label svg{height:16px;width:16px;color:#c99534}
html[dir="ltr"] .company-profile-cover-shadow{transform:translate(18px,10px) rotate(9deg)}
html[dir="ltr"] .company-profile-cover{transform:rotate(-4deg)}
html[lang="en"] .company-profile-copy h2{line-height:1.25}
html[lang="en"] .company-profile-copy p{line-height:1.85}
html[lang="en"] .company-profile-visual-label{inset-inline-end:-5px}
html[data-theme="dark"] .company-profile-section{background:linear-gradient(180deg,#09182b,#0e2138)}
html[data-theme="dark"] .company-profile-panel{background:linear-gradient(115deg,#142b45,#0d2038);border-color:rgba(213,164,71,.20);box-shadow:0 25px 60px rgba(0,0,0,.18)}
html[data-theme="dark"] .company-profile-copy p,html[data-theme="dark"] .company-profile-points span{color:#bac8db}
html[data-theme="dark"] .company-profile-visual-label{background:#1b334d;color:#edf4fc;border-color:#2e4663}
/* keep the expanded navigation tidy without hiding the requested item */
@media(min-width:1161px) and (max-width:1480px){
  .site-header .site-nav{gap:clamp(8px,1vw,17px)}
  .site-header .nav-inner{gap:clamp(8px,1vw,15px)}
  .site-header .site-nav>a,.site-header .site-nav .nav-link{font-size:clamp(11px,.88vw,13.5px)}
  .site-header .nav-button{font-size:11px;padding-inline:12px}
}
@media(min-width:881px) and (max-width:1160px){
  .site-header .site-nav{gap:8px}
  .site-header .nav-inner{gap:7px;padding-inline:10px}
  .site-header .site-nav>a,.site-header .site-nav .nav-link{font-size:10.6px;white-space:nowrap}
  .site-header .nav-actions{gap:6px}
  .site-header .nav-button{font-size:10px;padding-inline:8px}
  .site-header .theme-switch{padding-inline:7px}
  .site-header .language-switch{padding-inline:8px}
  .site-header .brand-logo{height:65px;max-height:65px}
}
@media(max-width:950px) and (min-width:881px){
  .site-header .site-nav>a,.site-header .site-nav .nav-link{font-size:9.5px}
}
@media(max-width:880px){
  .company-profile-section{padding:67px 0}
  .company-profile-panel{gap:22px;padding:29px 24px}
  .company-profile-visual{min-height:280px}
  .company-profile-cover,.company-profile-cover-shadow{width:205px;height:266px}
  .company-profile-cover{padding:14px 19px}
  .company-profile-cover strong{font-size:23px}
  .company-profile-cover-mark{margin-top:22px}
  .company-profile-visual-label{bottom:-2px;inset-inline-end:2px}
}
@media(max-width:650px){
  .company-profile-section{padding:55px 0}
  .company-profile-panel{grid-template-columns:minmax(0,1fr);padding:28px 23px 27px;gap:13px;border-radius:20px;text-align:start}
  .company-profile-copy h2{font-size:27px;margin:10px 0}
  .company-profile-copy p{font-size:12.5px;line-height:1.95}
  .company-profile-points{gap:9px 16px;margin-bottom:18px}
  .company-profile-points span{font-size:11px}
  .company-profile-btn{font-size:12px;white-space:normal}
  .company-profile-visual{min-height:290px;margin-top:6px}
  .company-profile-cover,.company-profile-cover-shadow{width:211px;height:273px}
  .company-profile-cover strong{font-size:23px}
  .company-profile-visual-label{bottom:0;inset-inline-end:0}
}
@media(prefers-reduced-motion:reduce){.company-profile-cover,.company-profile-cover-shadow{transition:none}}


/* V58 — visible Tamiyouz navy-and-gold identity while retaining the LIGHT theme.
   Explicitly limited to light mode; Arabic and English share the same design language.
   Intentional anchor panels replace overly subtle lines, without turning whole sections dark. */
html[data-theme="light"]{
  --brand-ink:#102641;
  --brand-deep:#0c213a;
  --brand-gold:#d5a447;
}

/* Quiet brand accents in navigation and headings */
html[data-theme="light"] .nav-inner{
  border-color:rgba(16,38,65,.13);
  box-shadow:0 15px 42px rgba(16,38,65,.09),inset 0 1px rgba(255,255,255,.6);
}
html[data-theme="light"] :is(.services-section,.portfolio-section,.leadership-section,.testimonials-section) .section-heading .kicker{
  display:inline-flex;align-items:center;gap:9px;
  color:#102641;
}
html[data-theme="light"] :is(.services-section,.portfolio-section,.leadership-section,.testimonials-section) .section-heading .kicker::before{
  content:"";width:17px;height:3px;border-radius:3px;background:#d5a447;flex:none;
}
html[data-theme="light"] .services-section{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
html[data-theme="light"] .services-section .service-card{
  border-color:rgba(16,38,65,.13);
  box-shadow:0 14px 36px rgba(16,38,65,.065);
}
html[data-theme="light"] .services-grid .service-card .service-icon{
  background:#102641;color:#f4ca76;
  border:1px solid rgba(16,38,65,.13);
  box-shadow:0 7px 15px rgba(16,38,65,.13);
}
html[data-theme="light"] .services-section .service-card:hover{border-color:rgba(213,164,71,.56)}
html[data-theme="light"] .services-section .service-card h3{color:#102641}
html[data-theme="light"] .services-section .service-card a{color:#102641}
html[data-theme="light"] .services-section .service-num{color:#9aa9ba}

/* One deliberate navy highlight in About, the remaining content stays open and bright */
html[data-theme="light"] .about-highlights>div:last-child{
  background:linear-gradient(145deg,#193854 0%,#102641 100%);
  border:1px solid #102641;
  box-shadow:0 10px 23px rgba(16,38,65,.16);
}
html[data-theme="light"] .about-highlights>div:last-child svg{color:#f1bd5d}
html[data-theme="light"] .about-highlights>div:last-child b{color:#fff}
html[data-theme="light"] .about-highlights>div:last-child small{color:#d6e1eb}
html[data-theme="light"] .about-photo{box-shadow:0 18px 46px rgba(16,38,65,.13)}

/* Profile remains a light section; its booklet has a strong navy visual stage */
html[data-theme="light"] .company-profile-panel{
  border-color:rgba(16,38,65,.13);
  background:linear-gradient(110deg,#fff 0%,#f9fbff 100%);
}
html[data-theme="light"] .company-profile-visual::before{
  content:"";position:absolute;z-index:0;
  width:min(100%,390px);height:310px;
  border-radius:27px;
  background:radial-gradient(circle at 80% 15%,#2b5271 0%,#152f4d 48%,#0c213a 100%);
  box-shadow:0 23px 45px rgba(16,38,65,.20);
}
html[data-theme="light"] .company-profile-glow{z-index:1;opacity:.6}
html[data-theme="light"] .company-profile-cover-shadow{z-index:2}
html[data-theme="light"] .company-profile-cover{z-index:3}
html[data-theme="light"] .company-profile-visual-label{z-index:4}

/* Portfolio case studies: a crisp navy foundation without navy-filled cards */
html[data-theme="light"] .portfolio-section{background:#fff}
html[data-theme="light"] .portfolio-section .project-card{border-color:rgba(16,38,65,.16);box-shadow:0 16px 38px rgba(16,38,65,.065)}
html[data-theme="light"] .portfolio-section .project-caption{border-top:4px solid #102641}
html[data-theme="light"] .portfolio-section .project-caption h3{color:#102641}

/* Main navy anchor: compact FAQ introduction beside WHITE accordions */
html[data-theme="light"] .faq-section{background:linear-gradient(180deg,#f8fbff,#fff)}
html[data-theme="light"] .faq-intro{
  position:relative;overflow:hidden;
  align-self:start;padding:36px clamp(24px,3vw,42px);
  background:linear-gradient(145deg,#193957 0%,#102641 65%,#091c32 100%);
  color:#fff;border-radius:24px;
  box-shadow:0 18px 43px rgba(16,38,65,.16);
}
html[data-theme="light"] .faq-intro::after{
  content:"";position:absolute;pointer-events:none;
  width:200px;height:200px;border:1px solid rgba(225,185,104,.25);
  border-radius:50%;inset-block-start:-108px;inset-inline-end:-72px;
  box-shadow:0 0 0 31px rgba(225,185,104,.04),0 0 0 62px rgba(225,185,104,.025);
}
html[data-theme="light"] .faq-intro h2{color:#fff}
html[data-theme="light"] .faq-intro h2 em{color:#edbf69}
html[data-theme="light"] .faq-intro p{color:#cbd9e7}
html[data-theme="light"] .faq-intro .kicker{color:#e7b969}
html[data-theme="light"] .faq-intro .subtle-link{color:#fff}
html[data-theme="light"] .faq-intro .subtle-link svg{color:#e7b969}
html[data-theme="light"] .faq-list{align-self:center}
html[data-theme="light"] .faq-list details{border-color:rgba(16,38,65,.15)}
html[data-theme="light"] .faq-list summary{color:#102641}

/* Strong conversion point — one navy CTA panel at the end of an otherwise light page */
html[data-theme="light"] .cta-section{background:#fff}
html[data-theme="light"] .cta-panel{
  position:relative;overflow:hidden;
  background:linear-gradient(110deg,#193958 0%,#102641 65%,#0b2139 100%);
  border:1px solid #183d61;
  border-inline-start:5px solid #d5a447;
  box-shadow:0 18px 48px rgba(16,38,65,.16);
  padding-block:34px;
  color:#fff;
}
html[data-theme="light"] .cta-panel::after{
  content:"";position:absolute;pointer-events:none;
  width:240px;height:240px;border:1px solid rgba(233,190,109,.20);
  border-radius:50%;inset-inline-end:-120px;inset-block-start:-146px;
  box-shadow:0 0 0 40px rgba(221,173,90,.035);
}
html[data-theme="light"] .cta-panel h2{color:#fff}
html[data-theme="light"] .cta-panel p{color:#cbd8e6}
html[data-theme="light"] .cta-panel .kicker{color:#f1c576}
html[data-theme="light"] .cta-panel .btn-gold{
  position:relative;z-index:2;
  background:linear-gradient(110deg,#edc471,#d5a447);color:#102641;
  border:1px solid rgba(255,225,161,.3);
  box-shadow:0 10px 23px rgba(0,0,0,.16);
  white-space:nowrap;
}
html[data-theme="light"] .cta-panel .btn-gold:hover{background:#f0c879;border-color:#f0c879;color:#102641}

/* Fuller brand signature for footer, with its light canvas and links preserved */
html[data-theme="light"] .site-footer-redesign{
  border-top:4px solid #102641;
  background:linear-gradient(145deg,#f7faff 0%,#edf4fb 100%);
}
html[data-theme="light"] .site-footer-redesign .footer-heading{color:#102641}
html[data-theme="light"] .site-footer-redesign .footer-social-new a:hover{
  background:#102641;border-color:#102641;color:#eebf67;
}

/* Maintain legibility on narrower screens and never alter the dark theme */
@media(max-width:880px){
  html[data-theme="light"] .faq-intro{padding:28px 26px}
  html[data-theme="light"] .company-profile-visual::before{height:270px;width:min(100%,320px)}
}
@media(max-width:650px){
  html[data-theme="light"] .faq-intro{border-radius:18px;padding:26px 22px}
  html[data-theme="light"] .cta-panel{padding:27px 21px}
  html[data-theme="light"] .cta-panel .btn-gold{white-space:normal}
  html[data-theme="light"] .company-profile-visual::before{height:268px;width:min(100%,320px);border-radius:20px}
  html[data-theme="light"] .about-highlights>div:last-child{box-shadow:0 6px 14px rgba(16,38,65,.12)}
}

/* V59 — Brand-forward NAVY cards and buttons on a LIGHT page.
   Scoped to light theme; English and Arabic use logical direction properties.
   Image areas, form fields, page backgrounds and core reading surfaces remain light. */
html[data-theme="light"]{
  --v59-navy:#102641;
  --v59-navy-hover:#1b4063;
  --v59-gold:#e9b963;
  --v59-on-navy:#f8fbff;
  --v59-on-navy-muted:#c7d4e3;
}
/* Main calls to action. Keep booking actions clearly identifiable in either language. */
html[data-theme="light"] .btn.btn-gold,
html[data-theme="light"] .btn.btn-outline,
html[data-theme="light"] .site-footer-redesign .footer-consult-cta,
html[data-theme="light"] .consultation-submit,
html[data-theme="light"] .team-explore{
  background:#102641;
  background-image:none;
  border:1px solid #102641;
  color:#fff;
  box-shadow:0 11px 24px rgba(16,38,65,.17);
  transition:background-color .22s ease,transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
html[data-theme="light"] .btn.btn-gold:hover,
html[data-theme="light"] .btn.btn-outline:hover,
html[data-theme="light"] .site-footer-redesign .footer-consult-cta:hover,
html[data-theme="light"] .consultation-submit:hover,
html[data-theme="light"] .team-explore:hover{
  background:#1b4063;
  border-color:#d5a447;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 15px 27px rgba(16,38,65,.21);
}
html[data-theme="light"] .btn.btn-gold svg,
html[data-theme="light"] .btn.btn-outline svg,
html[data-theme="light"] .site-footer-redesign .footer-consult-cta svg,
html[data-theme="light"] .consultation-submit svg{color:#f2c777}
/* The final CTA sits ON navy: distinguish its button with a golden frame. */
html[data-theme="light"] .cta-panel .btn.btn-gold{
  background:#102641;color:#fff;border:2px solid #e5b456;
  box-shadow:0 9px 23px rgba(0,0,0,.19);
}
html[data-theme="light"] .cta-panel .btn.btn-gold:hover{background:#235075;color:#fff;border-color:#f3c675}

/* The statistics tile is a single navy card, partly overlapping the hero. */
html[data-theme="light"] .stats-grid{
  background:linear-gradient(120deg,#183957,#102641 66%,#0c2038);
  border:1px solid rgba(213,164,71,.3);
  box-shadow:0 20px 48px rgba(16,38,65,.2);
  color:#fff;
}
html[data-theme="light"] .stats strong{color:#fff}
html[data-theme="light"] .stats span{color:#d3e0eb}
html[data-theme="light"] .stats-grid>div:not(:first-child){border-color:rgba(242,199,119,.24)}

/* Services: dark card with lighter body copy and gold icon accents. */
html[data-theme="light"] .services-grid .service-card,
html[data-theme="light"] .services-section .service-card{
  background:linear-gradient(145deg,#173653,#0e253e);
  color:#fff;
  border:1px solid #284764;
  box-shadow:0 15px 35px rgba(16,38,65,.16);
}
html[data-theme="light"] .services-grid .service-card:hover,
html[data-theme="light"] .services-grid .service-card:focus-within{
  border-color:#d5a447;
  box-shadow:0 20px 42px rgba(16,38,65,.24);
}
html[data-theme="light"] .services-section .service-card h3{color:#fff}
html[data-theme="light"] .services-grid .service-card p{color:#cbd9e7}
html[data-theme="light"] .services-grid .service-card .service-num{color:#d7b575}
html[data-theme="light"] .services-grid .service-card .service-icon{background:rgba(245,200,112,.12);color:#f3c36e;border-color:rgba(245,200,112,.28)}
html[data-theme="light"] .services-grid .service-card a{color:#f3c36e}
html[data-theme="light"] .services-grid .service-card a svg{color:#f3c36e}
html[data-theme="light"] .services-grid .service-card::after{border-color:rgba(255,255,255,.065)}

/* About: three consistent navy mini-cards. */
html[data-theme="light"] .about-highlights>div,
html[data-theme="light"] .about-highlights>div:first-child,
html[data-theme="light"] .about-highlights>div:last-child{
  background:linear-gradient(140deg,#173854,#102641);
  border:1px solid #274660;
  border-top:3px solid #d5a447;
  box-shadow:0 9px 23px rgba(16,38,65,.13);
}
html[data-theme="light"] .about-highlights>div svg,
html[data-theme="light"] .about-highlights>div:first-child svg{color:#f1bf68}
html[data-theme="light"] .about-highlights>div b{color:#fff}
html[data-theme="light"] .about-highlights>div small{color:#c8d8e8}

/* Portfolio: screenshot stays fully visible; navy only on the card frame/caption. */
html[data-theme="light"] .portfolio-section .project-card,
html[data-theme="light"] .portfolio-grid .project-card{
  background:#102641;
  border-color:#244664;
  box-shadow:0 17px 38px rgba(16,38,65,.16);
}
html[data-theme="light"] .portfolio-grid .project-card:hover{border-color:#d5a447}
html[data-theme="light"] .portfolio-grid .project-caption,
html[data-theme="light"] .portfolio-section .project-caption{
  background:linear-gradient(110deg,#173855,#102641);
  border-top:3px solid #d5a447;
}
html[data-theme="light"] .portfolio-grid .project-caption h3,
html[data-theme="light"] .portfolio-section .project-caption h3{color:#fff}
html[data-theme="light"] .portfolio-grid .project-caption p{color:#ccdae9}
html[data-theme="light"] .portfolio-grid .project-caption .project-tag{color:#f1c574}
html[data-theme="light"] .portfolio-grid .project-caption > a{
  background:#244967;border:1px solid #d5a447;color:#fff;
}
html[data-theme="light"] .portfolio-grid .project-caption > a:hover{background:#376485}
html[data-theme="light"] .portfolio-section .carousel-controls button{
  background:#102641;border-color:#102641;color:#fff;
}
html[data-theme="light"] .portfolio-section .carousel-controls button:hover{background:#1b4063;border-color:#d5a447}

/* How we work: consistent cards; gold icons ensure hierarchy. */
html[data-theme="light"] .process-grid .process-card{
  background:linear-gradient(145deg,#173753,#102641);
  color:#fff;
  border:1px solid #274962;
  border-top:3px solid #d5a447;
  box-shadow:0 14px 31px rgba(16,38,65,.16);
}
html[data-theme="light"] .process-card h3{color:#fff}
html[data-theme="light"] .process-card p{color:#c8d8e8}
html[data-theme="light"] .process-card .step-icon{
  background:rgba(233,185,99,.12);
  border:1px solid rgba(233,185,99,.28);
  color:#f1c270;
}
html[data-theme="light"] .process-card:not(:last-child)::after{
  background:#f8fbff;border-color:#d5a447;color:#102641;
}

/* Leadership: maintain all original photos, navy on the text panel. */
html[data-theme="light"] .leadership-grid .leader-card{
  background:#102641;border-color:#284967;
  box-shadow:0 13px 35px rgba(16,38,65,.16);
}
html[data-theme="light"] .leadership-grid .leader-card:hover{border-color:#d5a447}
html[data-theme="light"] .leader-card .leader-details{background:#102641}
html[data-theme="light"] .leader-card .leader-role{color:#eac171}
html[data-theme="light"] .leader-card .leader-details h3{color:#fff}
html[data-theme="light"] .leader-card .leader-details p{color:#c9d8e7}

/* Review carousel stays compact but visibly navy. */
html[data-theme="light"] .testimonials-section .testimonials-carousel{
  background:linear-gradient(140deg,#183c5b,#102641);
  border-color:#315371;
  box-shadow:0 20px 47px rgba(16,38,65,.18);
}
html[data-theme="light"] .testimonials-section .testimonial-feature blockquote{color:#fff}
html[data-theme="light"] .testimonials-section .testimonial-feature figcaption strong{color:#fff}
html[data-theme="light"] .testimonials-section .testimonial-feature figcaption small{color:#c7d7e7}
html[data-theme="light"] .testimonials-section .testimonial-count,
html[data-theme="light"] .testimonials-section .testimonial-count strong,
html[data-theme="light"] .testimonials-section .testimonial-count span{color:#f2f6fc}
html[data-theme="light"] .testimonials-section .testimonial-navigation{background:rgba(9,28,48,.18);border-color:rgba(255,255,255,.13)}

/* FAQs become individual navy cards, rather than gray rows. */
html[data-theme="light"] .faq-list details{
  background:#102641;
  border:1px solid #24435e;
  border-radius:13px;
  padding:15px 18px;
  margin-bottom:11px;
  box-shadow:0 9px 22px rgba(16,38,65,.11);
}
html[data-theme="light"] .faq-list details[open]{border-color:#d5a447}
html[data-theme="light"] .faq-list summary{color:#fff}
html[data-theme="light"] .faq-list summary svg{color:#edbe68}
html[data-theme="light"] .faq-list p{color:#cbd9e8}

/* Footer contact cards show the identity without darkening the full footer. */
html[data-theme="light"] .site-footer-redesign .footer-contact-card{
  background:#102641;
  border-color:#284b69;
  box-shadow:0 10px 25px rgba(16,38,65,.12);
}
html[data-theme="light"] .site-footer-redesign a.footer-contact-card:hover{border-color:#d5a447}
html[data-theme="light"] .site-footer-redesign .footer-contact-text small{color:#c6d5e5}
html[data-theme="light"] .site-footer-redesign .footer-contact-text strong{color:#fff}
html[data-theme="light"] .site-footer-redesign .footer-contact-icon{
  background:rgba(233,185,99,.12);color:#f0bd65;
}
html[data-theme="light"] .site-footer-redesign .footer-contact-arrow{color:#e6b867;opacity:1}

/* Form container and editable inputs intentionally stay white for clear input contrast.
   Its submit button above is navy. Accessibility: visible keyboard outlines. */
html[data-theme="light"] :is(.btn,.team-explore,.consultation-submit,.footer-consult-cta,
 .testimonial-arrow,.carousel-controls button):focus-visible{
   outline:3px solid #edbf69;outline-offset:3px;
}
@media(max-width:650px){
  html[data-theme="light"] .faq-list details{padding:12px 14px}
  html[data-theme="light"] .services-grid .service-card{box-shadow:0 11px 23px rgba(16,38,65,.13)}
}


/* V60 — use uploaded luxury video as dark-theme hero background */
html[data-theme="dark"] .hero-video{object-position:center center;}
@media(max-width:880px){html[data-theme="dark"] .hero-video{object-position:58% center;}}
@media(max-width:650px){html[data-theme="dark"] .hero-video{object-position:60% center;filter:saturate(.9) contrast(1.02) brightness(.72);}}


/* V61 — show the supplied moving hero backdrop in DARK mode only.
   This requires the actual video element in both language pages. */
.hero .hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  filter:saturate(1.04) contrast(1.03) brightness(.96);
}
html[data-theme="dark"] .hero .hero-video{
  visibility:visible;
  opacity:1;
}
html[data-theme="dark"] .hero .hero-bg{
  visibility:hidden;
  opacity:0;
}
html[data-theme="dark"] .hero .hero-wash{
  z-index:1;
  background:linear-gradient(270deg,
    rgba(7,20,39,.77) 0%,
    rgba(7,20,39,.62) 22%,
    rgba(7,20,39,.26) 42%,
    rgba(7,20,39,.06) 63%,
    rgba(7,20,39,0) 78%);
}
@media(max-width:880px){
  html[data-theme="dark"] .hero .hero-wash{
    background:linear-gradient(270deg,rgba(7,20,39,.87),rgba(7,20,39,.73) 37%,rgba(7,20,39,.20) 78%);
  }
}
@media(max-width:650px){
  html[data-theme="dark"] .hero .hero-video{object-position:46% center;}
  html[data-theme="dark"] .hero .hero-wash{
    background:linear-gradient(180deg,rgba(6,18,35,.64),rgba(6,18,35,.85) 28%,rgba(6,18,35,.89) 70%,rgba(6,18,35,.32));
  }
}


@media(max-width:640px){
  .site-footer-redesign .footer-social-new{gap:12px}
  .site-footer-redesign .footer-social-new a{width:52px;height:52px;border-radius:15px}
  .site-footer-redesign .footer-social-new svg{width:22px;height:22px}
}


/* V66 — WHITE / OFF-WHITE CARD ACCENTS ON THE ORIGINAL V63 DARK SITE
   No brown, no blue-grey surfaces, no section or hero background changes.
   Only selected cards and inner form surfaces are lightened. */
html[data-theme="dark"]{
  --accent-white:#ffffff;
  --accent-offwhite:#f8f9f7;
  --accent-ink:#102641;
  --accent-body:#596675;
  --accent-border:#e2e6e8;
}

/* Keep original deep-navy service cards, selectively open up two. */
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)){
  background:#f8f9f7;
  color:#102641;
  border:1px solid #e2e6e8;
  box-shadow:0 15px 38px rgba(0,0,0,.14);
}
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)) :is(h3){color:#102641}
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)) p{color:#596675}
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)) .service-num{color:#7f8b98}
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)) .service-icon{
  background:#102641;color:#f1c576;border:1px solid #294563;
}
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)) a,
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)) a svg{color:#102641}
html[data-theme="dark"] .services-grid .service-card:is(:nth-child(2),:nth-child(6)):hover{border-color:#d5a447}

/* About highlight: off-white rather than tan. */
html[data-theme="dark"] .about-highlights>div:nth-child(2){
  background:#f8f9f7;color:#102641;border:1px solid #e2e6e8;border-top:3px solid #d5a447;
}
html[data-theme="dark"] .about-highlights>div:nth-child(2) b{color:#102641}
html[data-theme="dark"] .about-highlights>div:nth-child(2) small{color:#596675}
html[data-theme="dark"] .about-highlights>div:nth-child(2) svg{color:#bf8e32}

/* Portfolio: preserve project screenshots, only its second caption is bright. */
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(2) .project-caption{
  background:#ffffff;border-top:3px solid #d5a447;
}
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(2) .project-caption h3{color:#102641}
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(2) .project-caption p{color:#596675}
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(2) .project-caption .project-tag{color:#ab7b26}
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(2) .project-caption>a{
  color:#f3c674;background:#102641;border-color:#d5a447;
}

/* Steps: card 2 off-white; card 4 retains original navy — no brown. */
html[data-theme="dark"] .process-grid .process-card:nth-child(2){
  background:#f8f9f7;color:#102641;border:1px solid #e2e6e8;
  box-shadow:0 15px 34px rgba(0,0,0,.12);
}
html[data-theme="dark"] .process-grid .process-card:nth-child(2) h3{color:#102641}
html[data-theme="dark"] .process-grid .process-card:nth-child(2) p{color:#596675}
html[data-theme="dark"] .process-grid .process-card:nth-child(2) .step-icon{
  background:#102641;color:#f3c674;border-color:#284660;
}

/* Remove residual brown icon tiles on the original navy cards. */
html[data-theme="dark"] .services-grid .service-card:not(:nth-child(2)):not(:nth-child(6)) .service-icon,
html[data-theme="dark"] .process-grid .process-card:not(:nth-child(2)) .step-icon{
  background:#f8f9f7;color:#102641;border:1px solid #e2e6e8;
}

/* Reviews: replace brown panel with a white focal card. */
html[data-theme="dark"] .testimonials-section .testimonials-carousel{
  background:#f8f9f7;border:1px solid #e2e6e8;
  box-shadow:0 18px 44px rgba(0,0,0,.15);
}
html[data-theme="dark"] .testimonials-section .testimonial-feature blockquote,
html[data-theme="dark"] .testimonials-section .testimonial-feature figcaption strong{color:#102641}
html[data-theme="dark"] .testimonials-section .testimonial-feature figcaption small{color:#596675}
html[data-theme="dark"] .testimonials-section .testimonial-count,
html[data-theme="dark"] .testimonials-section .testimonial-count strong,
html[data-theme="dark"] .testimonials-section .testimonial-count span{color:#102641}
html[data-theme="dark"] .testimonials-section .testimonial-navigation{
  background:#f1f3f1;border-color:#e2e6e8;
}
html[data-theme="dark"] .testimonials-section .testimonial-dot:not(.is-active){background:#abb6c0}
html[data-theme="dark"] .testimonials-section .review-avatar{background:#102641;color:#e8bc69}


/* FAQ: alternate clean white rows instead of brown ones. */
html[data-theme="dark"] .faq-list details:nth-child(even){
  background:#f8f9f7;border:1px solid #e2e6e8;border-radius:13px;
  padding:14px 17px;margin-block:7px;
}
html[data-theme="dark"] .faq-list details:nth-child(even) summary{color:#102641}
html[data-theme="dark"] .faq-list details:nth-child(even) p{color:#596675}
html[data-theme="dark"] .faq-list details:nth-child(even) summary svg{color:#b88c34}

/* Consultation: off-white form body, white editable inputs, navy text. */
html[data-theme="dark"] .consultation-form-card{
  background:#f8f9f7;border:1px solid #e2e6e8;
  box-shadow:0 24px 52px rgba(0,0,0,.19);
}
html[data-theme="dark"] .consultation-form-heading{border-color:#e2e6e8}
html[data-theme="dark"] .consultation-form-heading h3,
html[data-theme="dark"] .consultation-field>label,
html[data-theme="dark"] .consultation-times legend{color:#102641}
html[data-theme="dark"] .consultation-form-heading p,
html[data-theme="dark"] .consultation-hint,
html[data-theme="dark"] .consultation-notice{color:#596675}
html[data-theme="dark"] .consultation-form-icon{background:#102641;color:#f0c16c}
html[data-theme="dark"] .consultation-input,
html[data-theme="dark"] .consultation-phone-row select,
html[data-theme="dark"] .country-picker select,
html[data-theme="dark"] .consultation-time{
  background:#ffffff;border-color:#dce2e6;color:#102641;
}
html[data-theme="dark"] .consultation-input input,
html[data-theme="dark"] .consultation-input textarea{color:#102641}
html[data-theme="dark"] .consultation-input input::placeholder,
html[data-theme="dark"] .consultation-input textarea::placeholder{color:#8a96a3}
html[data-theme="dark"] .consultation-time:has(input:checked){
  background:#102641;border-color:#d5a447;color:#ffffff;
}
html[data-theme="dark"] .consultation-form-card .consultation-notice.is-error{color:#b03434}

/* Light cards get visible focus for keyboard navigation. */
html[data-theme="dark"] :is(.service-card,.process-card,.project-card) a:focus-visible,
html[data-theme="dark"] .consultation-form-card :is(input,textarea,select,button):focus-visible{
  outline:3px solid #d5a447;outline-offset:2px;
}


/* V67 — ONE consistent light-card language on original DARK section backgrounds.
   This applies to existing Dark Only theme, English + Arabic. Preserve hero video,
   section backgrounds, project screenshots, image assets and interaction logic. */
html[data-theme="dark"] {
  --v67-surface:#f6f1e8;
  --v67-white:#fcf8f1;
  --v67-ink:#102641;
  --v67-copy:#596878;
  --v67-border:#e1d9cb;
  --v67-accent:#bf8e32;
}
/* No alternating dark/light cards inside the same section. */
html[data-theme="dark"] .services-grid .service-card,
html[data-theme="dark"] .services-grid .service-card:nth-child(n),
html[data-theme="dark"] .process-grid .process-card,
html[data-theme="dark"] .process-grid .process-card:nth-child(n),
html[data-theme="dark"] .about-highlights > div,
html[data-theme="dark"] .about-highlights > div:nth-child(n),
html[data-theme="dark"] .portfolio-grid .project-card,
html[data-theme="dark"] .leadership-grid .leader-card,
html[data-theme="dark"] .company-profile-panel,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .faq-list details:nth-child(n),
html[data-theme="dark"] .site-footer-redesign .footer-contact-card {
  background:var(--v67-surface);
  color:var(--v67-ink);
  border:1px solid var(--v67-border);
  box-shadow:0 14px 36px rgba(0,0,0,.14);
}
html[data-theme="dark"] .services-grid .service-card:hover,
html[data-theme="dark"] .process-grid .process-card:hover,
html[data-theme="dark"] .portfolio-grid .project-card:hover,
html[data-theme="dark"] .leadership-grid .leader-card:hover,
html[data-theme="dark"] .site-footer-redesign a.footer-contact-card:hover {
  border-color:#d5a447;
  box-shadow:0 18px 40px rgba(0,0,0,.19);
}
/* Services */
html[data-theme="dark"] .services-grid .service-card h3,
html[data-theme="dark"] .services-grid .service-card:nth-child(n) h3,
html[data-theme="dark"] .process-grid .process-card h3,
html[data-theme="dark"] .about-highlights > div b,
html[data-theme="dark"] .about-highlights > div:nth-child(n) b {
  color:var(--v67-ink);
}
html[data-theme="dark"] .services-grid .service-card p,
html[data-theme="dark"] .services-grid .service-card:nth-child(n) p,
html[data-theme="dark"] .process-grid .process-card p,
html[data-theme="dark"] .about-highlights > div small,
html[data-theme="dark"] .about-highlights > div:nth-child(n) small {
  color:var(--v67-copy);
}
html[data-theme="dark"] .services-grid .service-card .service-num{color:#8b97a2}
html[data-theme="dark"] .services-grid .service-card a,
html[data-theme="dark"] .services-grid .service-card a svg {color:var(--v67-ink)}
html[data-theme="dark"] .services-grid .service-card .service-icon,
html[data-theme="dark"] .services-grid .service-card:nth-child(n) .service-icon,
html[data-theme="dark"] .process-grid .process-card .step-icon,
html[data-theme="dark"] .process-grid .process-card:nth-child(n) .step-icon {
  background:var(--v67-ink);
  color:#edbd64;
  border:1px solid #294967;
}
html[data-theme="dark"] .services-grid .service-card::after{border-color:rgba(16,38,65,.055)}
html[data-theme="dark"] .about-highlights>div,
html[data-theme="dark"] .about-highlights>div:nth-child(n){border-top:3px solid #d5a447}
html[data-theme="dark"] .about-highlights > div svg{color:var(--v67-accent)}
/* Portfolio: screenshots remain unchanged; all captions get one light surface. */
html[data-theme="dark"] .portfolio-grid .project-card{overflow:hidden}
html[data-theme="dark"] .portfolio-grid .project-caption,
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(n) .project-caption {
  background:var(--v67-surface);
  color:var(--v67-ink);
  border-top:1px solid var(--v67-border);
}
html[data-theme="dark"] .portfolio-grid .project-caption h3,
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(n) .project-caption h3 {color:var(--v67-ink)}
html[data-theme="dark"] .portfolio-grid .project-caption p,
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(n) .project-caption p {color:var(--v67-copy)}
html[data-theme="dark"] .portfolio-grid .project-caption .project-tag {color:#ab7b26}
html[data-theme="dark"] .portfolio-grid .project-caption > a,
html[data-theme="dark"] .portfolio-grid .project-card:nth-child(n) .project-caption > a {
  background:var(--v67-ink);border-color:var(--v67-ink);color:#f5c871;
}
/* Leadership: photo unchanged, all FOUR captions same off-white. */
html[data-theme="dark"] .leadership-grid .leader-card .leader-details{background:var(--v67-surface)}
html[data-theme="dark"] .leadership-grid .leader-details h3{color:var(--v67-ink)}
html[data-theme="dark"] .leadership-grid .leader-details p{color:var(--v67-copy)}
html[data-theme="dark"] .leadership-grid .leader-role{color:#a87821}
/* Team-group photo stays on original transparent/dark art direction. */
/* Company profile: lighten the panel only, keep the actual cover artwork intact. */
html[data-theme="dark"] .company-profile-panel{background:var(--v67-surface)}
html[data-theme="dark"] .company-profile-copy h2{color:var(--v67-ink)}
html[data-theme="dark"] .company-profile-copy p,
html[data-theme="dark"] .company-profile-points span{color:var(--v67-copy)}
html[data-theme="dark"] .company-profile-visual-label{
  background:var(--v67-white);border-color:var(--v67-border);color:var(--v67-ink)
}
/* Testimonials: one bright panel rather than dark/light alternation. */
html[data-theme="dark"] .testimonials-section .testimonials-carousel {
  background:var(--v67-surface);border-color:var(--v67-border)
}
html[data-theme="dark"] .testimonials-section .testimonial-navigation {
  background:var(--v67-surface);border-color:var(--v67-border)
}
html[data-theme="dark"] .testimonials-section .testimonial-feature blockquote,
html[data-theme="dark"] .testimonials-section .testimonial-feature figcaption strong,
html[data-theme="dark"] .testimonials-section .testimonial-count,
html[data-theme="dark"] .testimonials-section .testimonial-count strong {color:var(--v67-ink)}
html[data-theme="dark"] .testimonials-section .testimonial-feature figcaption small {color:var(--v67-copy)}
/* FAQ: every row gets the same off-white card and consistent padding. */
html[data-theme="dark"] .faq-list{display:flex;flex-direction:column;gap:11px}
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .faq-list details:nth-child(n) {
  margin:0;padding:17px 20px;border-radius:14px;
  background:var(--v67-surface);border:1px solid var(--v67-border)
}
html[data-theme="dark"] .faq-list details[open]{border-color:#d5a447}
html[data-theme="dark"] .faq-list details summary,
html[data-theme="dark"] .faq-list details:nth-child(n) summary {color:var(--v67-ink)}
html[data-theme="dark"] .faq-list details p,
html[data-theme="dark"] .faq-list details:nth-child(n) p {color:var(--v67-copy)}
html[data-theme="dark"] .faq-list details summary svg {color:var(--v67-accent)}
/* Consultation was already light in V66: preserve it and readable inputs. */
html[data-theme="dark"] .consultation-form-card {background:var(--v67-surface);border-color:var(--v67-border)}
/* CTA / contact / stats use the same neutral surface, NOT cream or blue. */
html[data-theme="dark"] .cta-panel {
  background:var(--v67-surface);border:1px solid var(--v67-border);color:var(--v67-ink);
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
html[data-theme="dark"] .cta-panel h2{color:var(--v67-ink)}
html[data-theme="dark"] .cta-panel p{color:var(--v67-copy)}
html[data-theme="dark"] .cta-panel .kicker{color:#ad7f29}
html[data-theme="dark"] .stats-grid {background:var(--v67-surface);border-color:var(--v67-border)}
html[data-theme="dark"] .stats strong{color:var(--v67-ink)}
html[data-theme="dark"] .stats span{color:var(--v67-copy)}
html[data-theme="dark"] .stats-grid>div:not(:first-child){border-color:var(--v67-border)}
html[data-theme="dark"] .site-footer-redesign .footer-contact-card{box-shadow:none}
html[data-theme="dark"] .site-footer-redesign .footer-contact-text strong{color:var(--v67-ink)}
html[data-theme="dark"] .site-footer-redesign .footer-contact-text small{color:var(--v67-copy)}
html[data-theme="dark"] .site-footer-redesign .footer-contact-icon{background:#102641;color:#edbd64}
/* Utility buttons on a navy page are brand accents; not alternating card color. */
@media(max-width:650px) {
 html[data-theme="dark"] .faq-list details,
 html[data-theme="dark"] .faq-list details:nth-child(n) {padding:15px 16px}
}

/* V67 finish — override former alternating icon accents as well. */
html[data-theme="dark"] .services-grid .service-card:nth-child(n) .service-icon,
html[data-theme="dark"] .process-grid .process-card:nth-child(n) .step-icon {
  background:#102641 !important;
  border:1px solid #294967 !important;
  color:#edbd64 !important;
}


/* V75 — understated footer contact details, no cream cards.
   Simple rows with a shared baseline on the original dark footer; Arabic / English. */
html[data-theme="dark"] .site-footer-redesign .footer-contact-cards {
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-card,
html[data-theme="dark"] .site-footer-redesign .footer-contact-card.footer-address-card {
  width:100%;
  min-height:72px;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:13px;
  padding:14px 2px;
  margin:0;
  border:0;
  border-bottom:1px solid rgba(172,190,211,.18);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#eaf0f8;
  text-align:start;
  transition:background .2s ease;
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-card:last-child {
  border-bottom:0;
}
html[data-theme="dark"] .site-footer-redesign a.footer-contact-card:hover {
  transform:none;
  border-color:rgba(172,190,211,.18);
  box-shadow:none;
  background:rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-icon {
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(213,164,71,.31);
  border-radius:11px;
  background:rgba(213,164,71,.055);
  color:#e0b35b;
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-icon svg {
  width:19px;
  height:19px;
  stroke-width:1.85;
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-text {
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  text-align:start;
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-text small {
  font-size:11px;
  font-weight:600;
  line-height:1.45;
  color:#a3b4c8;
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-text strong {
  font-size:13px;
  font-weight:750;
  line-height:1.65;
  color:#edf3f9;
  overflow-wrap:anywhere;
}
html[dir="rtl"][data-theme="dark"] .site-footer-redesign .footer-contact-text strong[dir="ltr"] {
  text-align:right;
}
html[dir="ltr"][data-theme="dark"] .site-footer-redesign .footer-contact-text strong[dir="ltr"] {
  text-align:left;
}
html[data-theme="dark"] .site-footer-redesign .footer-contact-arrow{display:none;}
@media(max-width:740px) {
  html[data-theme="dark"] .site-footer-redesign .footer-contact-cards {
    display:flex;
    flex-direction:column;
    max-width:520px;
    gap:0;
  }
  html[data-theme="dark"] .site-footer-redesign .footer-contact-card {
    grid-column:auto;
  }
}
@media(max-width:460px){
  html[data-theme="dark"] .site-footer-redesign .footer-contact-card,
  html[data-theme="dark"] .site-footer-redesign .footer-contact-card.footer-address-card {
    min-height:68px;
    padding:12px 0;
    gap:11px;
  }
  html[data-theme="dark"] .site-footer-redesign .footer-contact-text strong {font-size:12px;}
}


/* V76 — faithful brand SVG glyphs for footer socials, no external fonts. */
html[data-theme="dark"] .site-footer-redesign .footer-social-new {
  display:flex;
  gap:12px;
  align-items:center;
}
html[data-theme="dark"] .site-footer-redesign .footer-social-new a {
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border-radius:15px;
  border:1px solid #324b65;
  background:#142941;
  color:#f3f6fb;
  box-shadow:none;
  transition:color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
html[data-theme="dark"] .site-footer-redesign .footer-social-new a svg {
  display:block;
  width:27px;
  height:27px;
  flex:none;
  fill:currentColor;
  stroke:none;
  stroke-width:0;
}
html[data-theme="dark"] .site-footer-redesign .footer-social-new a:hover,
html[data-theme="dark"] .site-footer-redesign .footer-social-new a:focus-visible {
  background:#1b344f;
  border-color:#d5a447;
  color:#e8ba67;
  box-shadow:0 0 0 3px rgba(213,164,71,.1);
  transform:translateY(-2px);
}
@media(max-width:640px){
 html[data-theme="dark"] .site-footer-redesign .footer-social-new a {
   width:52px;height:52px;flex-basis:52px;border-radius:14px;
 }
 html[data-theme="dark"] .site-footer-redesign .footer-social-new a svg {
   width:26px;height:26px;
 }
}


/* V77 — Refined motion: gentle scroll entrances and intentional feedback.
   Scoped to the existing dark homepage, without changing its layout or colors. */
@keyframes v77-rise {
  from { opacity:0; transform:translate3d(0,18px,0); }
  to   { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v77-hero-item {
  from { opacity:0; transform:translate3d(0,14px,0); }
  to   { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes v77-soft-glow {
  0%,100% { opacity:.65; }
  50% { opacity:.95; }
}
/* Existing IntersectionObserver sets .visible once, so the effect never loops on scroll. */
html.motion-enhanced .reveal.visible {
  animation:v77-rise .66s cubic-bezier(.22,.8,.26,1) both;
}
/* A modest stagger within grids, working equally in RTL/LTR. */
html.motion-enhanced .services-grid .service-card.reveal.visible:nth-child(3n + 2),
html.motion-enhanced .leadership-grid .leader-card.reveal.visible:nth-child(2),
html.motion-enhanced .portfolio-grid .project-card.reveal.visible:nth-child(2) {
  animation-delay:85ms;
}
html.motion-enhanced .services-grid .service-card.reveal.visible:nth-child(3n),
html.motion-enhanced .leadership-grid .leader-card.reveal.visible:nth-child(3) {
  animation-delay:165ms;
}
html.motion-enhanced .leadership-grid .leader-card.reveal.visible:nth-child(4) {
  animation-delay:240ms;
}
/* Hero hierarchy: eyebrow, headline, description then actions; no movement of video. */
html.motion-enhanced .hero-copy.visible > .eyebrow,
html.motion-enhanced .hero-copy.visible > h1,
html.motion-enhanced .hero-copy.visible > p,
html.motion-enhanced .hero-copy.visible > .hero-buttons {
  animation:v77-hero-item .64s cubic-bezier(.22,.8,.26,1) both;
}
html.motion-enhanced .hero-copy.visible > .eyebrow {animation-delay:90ms;}
html.motion-enhanced .hero-copy.visible > h1 {animation-delay:155ms;}
html.motion-enhanced .hero-copy.visible > p {animation-delay:240ms;}
html.motion-enhanced .hero-copy.visible > .hero-buttons {animation-delay:315ms;}
/* Independent 'translate' keeps existing .reveal transform and hover effects intact. */
@media(hover:hover) and (pointer:fine) {
 html[data-theme="dark"] .services-grid .service-card,
 html[data-theme="dark"] .process-grid .process-card,
 html[data-theme="dark"] .about-highlights > div,
 html[data-theme="dark"] .site-footer-redesign .footer-social-new a {
   translate:0 0;
   transition:translate .3s cubic-bezier(.2,.75,.25,1), border-color .25s ease, box-shadow .28s ease, background .25s ease;
 }
 html[data-theme="dark"] .services-grid .service-card:hover,
 html[data-theme="dark"] .process-grid .process-card:hover,
 html[data-theme="dark"] .about-highlights > div:hover {translate:0 -5px;}
 html[data-theme="dark"] .services-grid .service-icon,
 html[data-theme="dark"] .process-grid .step-icon,
 html[data-theme="dark"] .consultation-benefit-icon {
   transition:scale .28s cubic-bezier(.2,.75,.25,1);
 }
 html[data-theme="dark"] .service-card:hover .service-icon,
 html[data-theme="dark"] .process-card:hover .step-icon,
 html[data-theme="dark"] .consultation-benefit:hover .consultation-benefit-icon {scale:1.07;}
 html[data-theme="dark"] .portfolio-grid .project-image img {
   transition:scale .55s cubic-bezier(.2,.75,.25,1);
 }
 html[data-theme="dark"] .portfolio-grid .project-card:hover .project-image img {scale:1.035;}
 html[data-theme="dark"] .site-footer-redesign .footer-social-new a:hover {translate:0 -2px;}
 /* Give the button icons directional feedback without shifting the label. */
 html[dir="rtl"] .hero-buttons .btn:hover svg,
 html[dir="rtl"] .nav-button:hover svg,
 html[dir="rtl"] .cta-panel .btn:hover svg {transform:translateX(-3px);}
 html[dir="ltr"] .hero-buttons .btn:hover svg,
 html[dir="ltr"] .nav-button:hover svg,
 html[dir="ltr"] .cta-panel .btn:hover svg {transform:translateX(3px);}
}
html[data-theme="dark"] .hero-buttons .btn svg,
html[data-theme="dark"] .nav-button svg,
html[data-theme="dark"] .cta-panel .btn svg {transition:transform .25s ease;}
/* Gentle gold emphasis while hovering CTAs; static when not interacted with. */
html[data-theme="dark"] .hero-buttons .btn-gold,
html[data-theme="dark"] .nav-button.btn-gold,
html[data-theme="dark"] .cta-panel .btn-gold,
html[data-theme="dark"] .company-profile-btn.btn-gold {position:relative;overflow:hidden;isolation:isolate;}
html[data-theme="dark"] .hero-buttons .btn-gold::after,
html[data-theme="dark"] .nav-button.btn-gold::after,
html[data-theme="dark"] .cta-panel .btn-gold::after,
html[data-theme="dark"] .company-profile-btn.btn-gold::after {
  content:"";position:absolute;inset:-60% auto -60% -60%;width:40%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:translateX(0) skewX(-15deg);transition:transform .55s ease;z-index:0;
}
html[data-theme="dark"] .hero-buttons .btn-gold:hover::after,
html[data-theme="dark"] .nav-button.btn-gold:hover::after,
html[data-theme="dark"] .cta-panel .btn-gold:hover::after,
html[data-theme="dark"] .company-profile-btn.btn-gold:hover::after {transform:translateX(600%) skewX(-15deg);}
html[data-theme="dark"] .company-profile-glow {animation:v77-soft-glow 6.5s ease-in-out infinite;}
/* Keyboard focus remains immediately visible, never animation-dependent. */
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] button:focus-visible {outline:2px solid #d5a447;outline-offset:3px;}
/* Accessible and lighter-weight experience on mobile and motion-sensitive devices. */
@media(max-width:650px){
 html.motion-enhanced .reveal.visible{animation-duration:.48s;}
 html.motion-enhanced .hero-copy.visible > :is(.eyebrow,h1,p,.hero-buttons){animation-duration:.5s;}
}
@media(prefers-reduced-motion:reduce){
 html.motion-enhanced .reveal,
 html.motion-enhanced .reveal.visible,
 html.motion-enhanced .hero-copy.visible > :is(.eyebrow,h1,p,.hero-buttons) {
   animation:none !important; transition:none !important; opacity:1 !important; transform:none !important;
 }
 html[data-theme="dark"] .company-profile-glow {animation:none !important;}
 html[data-theme="dark"] .services-grid .service-card,
 html[data-theme="dark"] .process-grid .process-card,
 html[data-theme="dark"] .about-highlights > div,
 html[data-theme="dark"] .portfolio-grid .project-image img,
 html[data-theme="dark"] .services-grid .service-icon,
 html[data-theme="dark"] .process-grid .step-icon {scale:1 !important;translate:none !important;transition:none !important;}
}


/* V78: Portfolio - unified dark project captions and a dedicated full-work action.
   The project screenshots are intentionally unchanged. */
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card,
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card:nth-child(n) {
  background:#12243c;
  border:1px solid #30425b;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card .project-caption,
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card:nth-child(n) .project-caption {
  background:#12243c;
  color:#f6f8fc;
  border-top:1px solid #30425b;
}
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-caption h3,
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card:nth-child(n) .project-caption h3 {color:#fff;}
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-caption p,
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card:nth-child(n) .project-caption p {color:#acbacc;}
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-caption .project-tag,
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card:nth-child(n) .project-caption .project-tag {color:#dcb05e;}
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-caption > a,
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card:nth-child(n) .project-caption > a {
  background:#1b334f;border:1px solid #425b74;color:#efc16b;
}
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-caption > a:hover,
html[data-theme="dark"] .portfolio-section .portfolio-grid .project-card:nth-child(n) .project-caption > a:hover {
  background:#d5a447;border-color:#d5a447;color:#08182f;
}
.portfolio-heading-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0}
.portfolio-all-work{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:12px;border:1px solid #d5a447;background:#d5a447;color:#0a1c32;font-size:13px;font-weight:900;text-align:center;white-space:nowrap;box-shadow:0 7px 18px rgba(213,164,71,.13);transition:background .2s,transform .2s,box-shadow .2s}
.portfolio-all-work svg{width:16px;height:16px}
.portfolio-all-work:hover{background:#f0c777;color:#08182f;transform:translateY(-2px);box-shadow:0 10px 25px rgba(213,164,71,.22)}
@media(max-width:820px){.portfolio-heading-actions{justify-content:flex-start;gap:12px}.portfolio-all-work{font-size:12px}}
@media(max-width:650px){.portfolio-heading-actions{margin-top:17px;width:100%;justify-content:space-between}.portfolio-all-work{min-height:42px}}

/* V80: original site flows remain available in a minimal footer navigator. */
.tyz-legacy-access{max-width:1360px;margin:0 auto 20px;padding:19px 0;border-top:1px solid rgba(244,246,250,.11)}
.tyz-legacy-access>strong{display:block;color:#e4b75e;font-weight:800;font-size:12px;margin-bottom:10px}
.tyz-legacy-links{display:flex;flex-wrap:wrap;gap:8px 19px}
.tyz-legacy-links a{color:#c5d0dc;text-decoration:none;font-size:11px;line-height:1.8}
.tyz-legacy-links a:hover,.tyz-legacy-links a:focus-visible{color:#e4b75e}
@media(max-width:700px){.tyz-legacy-access{padding:18px 2px}.tyz-legacy-links{gap:7px 14px}}