:root{--blue:#505ca9;--blue-dark:#18204a;--blue-deep:#101733;--blue-light:#848dc3;--coral:#f15d56;--coral-dark:#c14a45;--gray:#e2e3e4;--soft:#f7f8fb;--ink:#172033;--muted:#667085;--white:#fff;--radius:22px;--shadow:0 22px 60px rgba(24,32,74,.12);--shadow-soft:0 12px 35px rgba(24,32,74,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;color:var(--ink);background:var(--white);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;overflow-x:hidden}
html[dir="ltr"] body{font-family:"IBM Plex Sans",Arial,sans-serif}
img{max-width:100%;display:block}
a{color:inherit}
button,input,textarea{font:inherit}
button{color:inherit}
.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.section{padding:82px 0}
.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--coral);font-size:13px;font-weight:700;letter-spacing:.6px}
.section-kicker::before{content:"";width:34px;height:2px;background:currentColor}
.section-kicker.light{color:#fff}
.section-heading{margin-bottom:34px}
.section-heading.centered{text-align:center;max-width:800px;margin-inline:auto;margin-bottom:36px}
.section-heading.centered .section-kicker{justify-content:center}
.section-heading h2,.about-copy h2,.founder-copy h2,.system-content h2,.methodology-copy h2,.quality-copy h2,.contact-head h2{font-size:clamp(34px,8vw,64px);line-height:1.12;letter-spacing:-1px;margin:13px 0 16px}
.section-heading p,.large-copy,.founder-copy>p,.system-content>p,.methodology-copy>p,.quality-copy>p,.contact-head p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:13px 20px;border:1px solid transparent;border-radius:12px;background:var(--coral);color:#fff;text-decoration:none;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(241,93,86,.24)}
.button-small{min-height:42px;padding:10px 15px;font-size:13px}
.button-outline{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.45);backdrop-filter:blur(8px)}
.button-white{background:#fff;color:var(--blue);box-shadow:none}
.button-white:hover{box-shadow:0 14px 32px rgba(0,0,0,.12)}

.site-header{position:fixed;z-index:1000;top:0;inset-inline:0;height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,227,228,.85);transition:box-shadow .25s ease}
.site-header.scrolled{box-shadow:0 10px 30px rgba(24,32,74,.08)}
.brand{display:flex;align-items:center;width:150px;text-decoration:none;flex:0 0 auto}
.brand img{width:100%;height:auto}
.menu-button{display:grid;width:42px;height:42px;place-content:center;gap:5px;border:1px solid var(--gray);border-radius:50%;background:#fff;cursor:pointer}
.menu-button span{width:18px;height:2px;background:var(--blue);transition:.25s}
.menu-button.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
nav{display:none;position:absolute;top:72px;inset-inline:0;padding:18px;background:#fff;border-bottom:1px solid var(--gray);box-shadow:0 20px 35px rgba(24,32,74,.08)}
nav.open{display:flex;flex-direction:column}
nav a{text-decoration:none;padding:12px 5px;font-size:15px;font-weight:600;border-bottom:1px solid #f2f3f5}
.header-actions{display:flex;align-items:center;gap:8px}
.language-button{height:38px;padding:0 12px;border:1px solid var(--gray);border-radius:20px;background:#fff;color:var(--blue);font-weight:700;cursor:pointer}
.header-cta,.header-iso{display:none}

.hero{position:relative;min-height:760px;padding:115px 0 42px;display:flex;align-items:flex-end;color:#fff;background:var(--blue-deep);overflow:hidden}
.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}
.hero-image{object-fit:cover;object-position:center}
.hero-overlay{background:linear-gradient(180deg,rgba(16,23,51,.4),rgba(16,23,51,.93) 65%,#101733 100%)}
.hero-layout{position:relative;z-index:2}
.hero-copy{max-width:850px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:#e6e9ff;font-size:13px;font-weight:600}
.eyebrow::before{content:"";width:40px;height:2px;background:var(--coral)}
h1{max-width:900px;font-size:clamp(44px,12vw,82px);line-height:1.05;letter-spacing:-1.8px;margin:20px 0}
.hero-lead{max-width:760px;font-size:17px;line-height:1.9;color:#e7e9f3;margin:0}
.hero-buttons{display:flex;flex-direction:column;gap:11px;margin:28px 0 32px}
.hero-buttons .button{width:100%}
.hero-iso{width:max-content;max-width:100%;display:flex;align-items:center;gap:11px;margin-bottom:18px;padding:8px 13px 8px 8px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);text-decoration:none}
.hero-iso img{width:52px;height:52px;object-fit:cover;border-radius:50%}
.hero-iso b,.hero-iso small{display:block}.hero-iso b{font-size:13px}.hero-iso small{margin-top:2px;color:#d8dcef;font-size:10px}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.metrics article{min-height:98px;display:flex;flex-direction:column;justify-content:center;padding:17px;background:rgba(16,23,51,.46)}
.metrics strong,.metrics span{display:block}.metrics strong{font-size:26px;line-height:1;color:#fff}.metrics span{margin-top:8px;color:#cbd0e5;font-size:11px}.metrics .metric-method strong{font-size:18px}

.partnerships{background:#fff}
.partnership-grid{display:grid;gap:18px}
.partner-card{overflow:hidden;border:1px solid var(--gray);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);transition:transform .28s ease,box-shadow .28s ease}
.partner-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.partner-media{height:330px;display:grid;place-items:center;background:linear-gradient(145deg,#f7f7fa,#eef0f8);overflow:hidden}
.partner-media img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease,opacity .2s ease}
.partner-card:hover .partner-media>img{transform:scale(1.018)}
.partner-thumbs{display:flex;gap:8px;padding:10px 14px 0}
.partner-thumbs button{width:58px;height:45px;padding:2px;border:2px solid transparent;border-radius:9px;background:#fff;cursor:pointer;overflow:hidden;opacity:.7}
.partner-thumbs button.active{border-color:var(--blue);opacity:1}
.partner-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.partner-copy{padding:19px 20px 23px}
.partner-copy>span{font-size:12px;font-weight:700;color:var(--blue)}
.partner-copy h3{font-size:22px;margin:7px 0 9px}.partner-copy p{color:var(--muted);line-height:1.8;margin:0;font-size:14px}

.clients-section{padding:66px 0 74px;background:var(--soft);overflow:hidden}
.client-heading{text-align:center;margin-bottom:28px}.client-heading .section-kicker{justify-content:center}.client-heading h2{font-size:clamp(31px,7vw,50px);margin:10px 0 8px}.client-heading p{max-width:650px;margin:auto;color:var(--muted);line-height:1.8}
.logo-marquee{position:relative;overflow:hidden;padding:10px 0}.logo-marquee::before,.logo-marquee::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:80px;pointer-events:none}.logo-marquee::before{inset-inline-start:0;background:linear-gradient(90deg,var(--soft),transparent)}.logo-marquee::after{inset-inline-end:0;background:linear-gradient(270deg,var(--soft),transparent)}html[dir="rtl"] .logo-marquee::before{background:linear-gradient(270deg,var(--soft),transparent)}html[dir="rtl"] .logo-marquee::after{background:linear-gradient(90deg,var(--soft),transparent)}
.logo-track{display:flex;direction:ltr;width:max-content;gap:12px;animation:marquee 55s linear infinite}.logo-marquee:hover .logo-track{animation-play-state:paused}
.logo-track figure{width:155px;height:95px;margin:0;padding:12px;display:grid;place-items:center;border:1px solid #e8e9ee;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(24,32,74,.05);transition:transform .25s ease,box-shadow .25s ease}
.logo-track img{max-width:100%;max-height:100%;filter:grayscale(1);opacity:.72;transition:filter .25s ease,opacity .25s ease,transform .25s ease}.logo-track figure:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(24,32,74,.1)}.logo-track figure:hover img{filter:none;opacity:1;transform:scale(1.08)}
@keyframes marquee{to{transform:translateX(-50%)}}

.about{background:#fff}.about-grid{display:grid;gap:34px}.about-points{display:grid;gap:12px;margin-top:28px}.about-points article{display:grid;gap:5px;padding:17px;border:1px solid var(--gray);border-radius:15px;background:#fff}.about-points b{color:var(--blue);font-size:16px}.about-points span{font-size:14px;line-height:1.7;color:var(--muted)}
.about-brand-card{position:relative;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 28px;border-radius:28px;background:linear-gradient(145deg,#505ca9,#303b80);color:#fff;overflow:hidden;box-shadow:var(--shadow)}.about-brand-card::before,.about-brand-card::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.about-brand-card::before{width:300px;height:300px;top:-150px;right:-100px}.about-brand-card::after{width:190px;height:190px;bottom:-120px;left:-60px}.about-brand-card img{position:relative;z-index:2;width:min(320px,85%);filter:brightness(0) invert(1)}.about-brand-card p{position:relative;z-index:2;margin:22px 0 8px;font-weight:700;letter-spacing:2px}.about-brand-card span{position:relative;z-index:2;max-width:470px;color:#e8ebff;line-height:1.8;font-size:14px}

.founder-section{background:var(--soft)}.founder-grid{display:grid;gap:34px;align-items:center}.founder-visual{position:relative;max-width:440px;margin:auto}.founder-halo{position:absolute;inset:7% 4%;border-radius:50%;background:radial-gradient(circle,rgba(132,141,195,.32),transparent 65%)}.founder-visual img{position:relative;width:100%;filter:drop-shadow(0 22px 30px rgba(24,32,74,.15))}.founder-since{position:absolute;bottom:3%;inset-inline-end:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;background:var(--coral);color:#fff;font-size:11px;box-shadow:0 12px 30px rgba(241,93,86,.3)}.founder-since b{font-size:20px}.founder-copy>strong{display:block;color:var(--blue);font-size:17px;margin-bottom:13px}.experience-timeline{display:grid;gap:0;margin-top:27px;border-inline-start:2px solid rgba(80,92,169,.18)}.experience-timeline article{position:relative;display:grid;grid-template-columns:66px 1fr;gap:10px;padding:0 0 22px 20px}.experience-timeline article::before{content:"";position:absolute;inset-inline-start:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #fff}.experience-timeline time{color:var(--blue);font-weight:700}.experience-timeline b,.experience-timeline span{display:block}.experience-timeline b{font-size:15px}.experience-timeline span{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.65}

.solutions{background:#fff}.solution-grid{display:grid;gap:15px}.solution-grid article{min-height:225px;padding:26px 22px;text-align:center;border:1px solid var(--gray);border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(24,32,74,.04);transition:.3s}.solution-grid article:hover{transform:translateY(-7px);border-color:rgba(80,92,169,.35);box-shadow:var(--shadow);background:linear-gradient(180deg,#fff,#f8f9ff)}.solution-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 18px;border-radius:17px;background:rgba(80,92,169,.1);color:var(--blue);font-weight:700;font-size:20px}.solution-grid h3{font-size:20px;margin:0 0 10px}.solution-grid p{max-width:310px;margin:auto;color:var(--muted);font-size:14px;line-height:1.75}

.projects-section{padding:76px 0 84px;background:var(--blue-deep);color:#fff;overflow:hidden}.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.project-heading h2{color:#fff}.project-heading p{color:#cbd0e5}.carousel-controls{display:none;gap:8px}.carousel-controls button,.video-arrow{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:27px;cursor:pointer;transition:.25s}.carousel-controls button:hover,.video-arrow:hover{background:var(--coral);border-color:var(--coral)}
.projects-scroller{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 24px;scrollbar-width:none}.projects-scroller::-webkit-scrollbar{display:none}.project-card{position:relative;flex:0 0 min(88vw,520px);scroll-snap-align:center;padding:0;border:0;border-radius:19px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 20px 50px rgba(0,0,0,.22);transition:transform .3s}.project-card:hover{transform:translateY(-6px)}.project-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-card>span{position:absolute;inset-inline-end:12px;bottom:12px;padding:8px 12px;border-radius:9px;background:rgba(24,32,74,.88);color:#fff;font-size:12px;font-weight:700;opacity:0;transform:translateY(5px);transition:.25s}.project-card:hover>span{opacity:1;transform:none}.omara-card-inner{background:#fff}.omara-card-inner>.omara-logo{height:44px;width:auto;margin:14px auto 5px;object-fit:contain}.omara-card-inner>img:not(.omara-logo){width:100%;aspect-ratio:16/9;object-fit:cover}.omara-card-inner>div{padding:10px 15px 17px;text-align:start;color:var(--ink)}.omara-card-inner b,.omara-card-inner small{display:block}.omara-card-inner small{margin-top:4px;color:var(--muted);line-height:1.55}

.system-section{display:grid;background:var(--blue);color:#fff}.system-art{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#f7f8fb,#e8eaf4);color:rgba(80,92,169,.18)}.system-art>b{position:relative;z-index:2;font-size:clamp(48px,13vw,100px);line-height:.78;letter-spacing:-5px;text-align:center}.orbit{position:absolute;border:1px solid rgba(80,92,169,.15);border-radius:50%}.orbit-one{width:300px;height:300px}.orbit-two{width:190px;height:190px}.system-content{padding:64px 18px}.system-content h2{color:#fff}.system-content>p{color:#edf0ff;max-width:760px}.output-grid{display:grid;gap:10px;margin:30px 0}.output-grid article{display:flex;align-items:center;gap:13px;padding:16px;border-top:1px solid rgba(255,255,255,.25)}.output-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.1);font-size:19px}.output-grid b{font-size:14px}

.methodology{background:#fff}.methodology-grid{display:grid;gap:36px;align-items:center}.stage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:28px 0}.stage-grid article{min-height:115px;padding:14px;border:1px solid var(--gray);border-radius:14px;transition:.25s}.stage-grid article:hover{background:var(--blue);color:#fff;transform:translateY(-4px)}.stage-grid strong{display:block;font-size:31px;color:var(--blue);line-height:1}.stage-grid article:hover strong{color:#fff}.stage-grid span,.stage-grid small{display:block}.stage-grid span{margin-top:12px;font-weight:700;font-size:13px}.stage-grid small{margin-top:2px;color:#8a94a3;font-size:10px}.book-copy{display:flex;align-items:flex-start;gap:13px;margin:23px 0 15px;padding:17px;border-radius:17px;background:#f7f8fb;border:1px solid var(--gray)}.amazon-mark{font-family:Arial,sans-serif;font-size:20px;font-weight:700;color:#111;letter-spacing:-1px}.book-copy b{font-size:15px}.book-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin:5px 0 0}.amazon-button{background:#131921}.amazon-button:hover{box-shadow:0 14px 28px rgba(19,25,33,.2)}.daretro-visual{margin:0;overflow:hidden;border-radius:26px;background:#07121e;box-shadow:var(--shadow)}.daretro-visual img{width:100%;height:auto}

.quality-section{padding:82px 0;background:linear-gradient(145deg,#18204a,#293579);color:#fff}.quality-grid{display:grid;gap:38px;align-items:center}.quality-copy h2{color:#fff}.quality-copy>p{color:#e3e6f6}.quality-badge-line{display:flex;align-items:center;gap:13px;margin:18px 0 4px}.quality-badge-line img{width:68px;height:68px;object-fit:cover;border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.18)}.quality-badge-line span{font-size:25px;font-weight:700}.certificate-meta{display:flex;align-items:center;gap:12px;margin:23px 0 17px;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.07);width:max-content;max-width:100%}.certificate-meta span{font-size:12px;color:#d5d9ee}.certificate-meta b{font-size:17px}.quality-note{font-size:12px!important;margin-top:18px!important;color:#cdd2e8!important}.certificate-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.certificate-gallery button{position:relative;padding:0;border:0;border-radius:18px;background:#fff;overflow:hidden;cursor:zoom-in;box-shadow:0 18px 45px rgba(0,0,0,.18);transition:.28s}.certificate-gallery button:hover{transform:translateY(-6px)}.certificate-gallery img{width:100%;aspect-ratio:.72;object-fit:cover;object-position:top}.certificate-gallery span{position:absolute;inset-inline:10px;bottom:10px;padding:8px;border-radius:10px;background:rgba(24,32,74,.9);font-size:11px;color:#fff}

.insights{background:var(--soft)}.video-showcase{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;max-width:820px;margin:auto}.video-card{position:relative;display:block;overflow:hidden;border:8px solid var(--blue-deep);border-radius:24px;background:#0e1224;box-shadow:var(--shadow);text-decoration:none}.video-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.8;transition:transform .35s,opacity .35s}.video-card:hover>img{transform:scale(1.025);opacity:1}.video-play{position:absolute;top:50%;left:50%;width:66px;height:66px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--coral);color:#fff;font-size:24px;box-shadow:0 12px 34px rgba(241,93,86,.32)}.video-info{position:absolute;inset-inline:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(16,23,51,.8);backdrop-filter:blur(8px);color:#fff}.video-info small{color:#ff8b85}.video-info b{font-size:12px}.video-count{grid-column:2;text-align:center;color:var(--blue);margin-top:10px}.video-count b{font-size:28px}.video-count span{font-size:12px;color:#8b94a6}.video-arrow{width:42px;height:42px;color:var(--blue);border-color:var(--gray);background:#fff}.video-arrow:hover{color:#fff}.youtube-channel{display:block;width:max-content;max-width:100%;margin:22px auto 0;color:var(--blue);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}

.proof{background:#fff}.proof-grid{display:grid;gap:12px}.proof-grid article{padding:24px 20px;border:1px solid var(--gray);border-radius:18px;background:#fff}.proof-grid article>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:15px;background:rgba(80,92,169,.09);color:var(--blue);font-size:20px;font-weight:700}.proof-grid b{display:block;font-size:17px}.proof-grid p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.7}

.contact-section{padding:82px 0 0;background:var(--blue);color:#fff}.contact-head{display:grid;gap:33px}.contact-head h2{color:#fff}.contact-head p{color:#e6e9f7;max-width:650px;margin-bottom:22px}.contact-details{display:grid;gap:10px}.contact-details>a,.contact-details>div{display:flex;flex-direction:column;gap:4px;padding:15px 17px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.07);text-decoration:none}.contact-details span{font-size:11px;color:#d8dcef}.contact-details b{font-size:16px}.contact-details b[dir="ltr"]{direction:ltr;unicode-bidi:isolate;text-align:start;font-family:"IBM Plex Sans",Arial,sans-serif}.contact-map-grid{display:grid;gap:18px;margin-top:42px}.map-wrap{overflow:hidden;border-radius:22px 22px 0 0;background:#fff;min-height:390px}.map-wrap iframe{display:block;width:100%;height:390px}.social-panel{display:flex;flex-direction:column;justify-content:center;padding:30px 20px 44px;text-align:center}.social-panel>img{width:230px;margin:auto;filter:brightness(0) invert(1)}.social-panel p{max-width:430px;margin:18px auto;color:#e2e5f4;line-height:1.8;font-size:14px}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.social-links a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;text-decoration:none;font-size:12px;font-weight:700;transition:.25s}.social-links a:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-3px)}

.site-footer{display:flex;flex-direction:column;align-items:center;gap:13px;padding:28px 18px;background:var(--blue-deep);color:#fff;text-align:center}.footer-brand img{width:190px;filter:brightness(0) invert(1);margin:auto}.footer-brand span{display:block;margin-top:6px;color:#bfc5dc;font-size:9px;letter-spacing:1.5px}.site-footer p,.site-footer>a{margin:0;color:#c7ccdc;font-size:11px;text-decoration:none}
.floating-whatsapp{position:fixed;z-index:900;inset-inline-end:18px;bottom:92px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;font-weight:700;font-family:Arial,sans-serif;box-shadow:0 14px 30px rgba(0,0,0,.18);transition:.25s}.floating-whatsapp:hover{transform:translateY(-4px) scale(1.03)}
.image-modal[hidden]{display:none}.image-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:58px 12px 18px;background:rgba(7,11,25,.94);backdrop-filter:blur(8px)}.image-modal img{max-width:min(1400px,96vw);max-height:88vh;border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.4)}.image-modal button{position:absolute;top:15px;inset-inline-end:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:28px;cursor:pointer}

@media(min-width:700px){
  .container{width:min(1180px,calc(100% - 70px))}.section{padding:100px 0}.hero{min-height:790px;padding-top:130px}.hero-buttons{flex-direction:row}.hero-buttons .button{width:auto}.metrics{grid-template-columns:repeat(4,1fr)}.metrics article{min-height:112px;padding:22px}.metrics strong{font-size:31px}.metrics .metric-method strong{font-size:21px}.partnership-grid{grid-template-columns:1fr 1fr}.partner-media{height:390px}.solution-grid{grid-template-columns:1fr 1fr}.projects-scroller{padding-inline:calc((100vw - min(1180px,calc(100% - 70px)))/2)}.project-card{flex-basis:min(72vw,650px)}.output-grid{grid-template-columns:1fr 1fr}.stage-grid{grid-template-columns:repeat(4,1fr)}.proof-grid{grid-template-columns:1fr 1fr}.contact-head{grid-template-columns:1.15fr .85fr;align-items:center}.contact-map-grid{grid-template-columns:1.45fr .55fr;align-items:stretch}.map-wrap{border-radius:22px 22px 0 0}.map-wrap iframe{height:440px}.social-panel{padding-bottom:32px}.site-footer{flex-direction:row;justify-content:space-between;text-align:start}.footer-brand img{margin:0}.carousel-controls{display:flex}.video-showcase{grid-template-columns:52px minmax(0,1fr) auto 52px;gap:15px}.video-count{grid-column:auto;margin:0}.video-arrow{width:50px;height:50px}.certificate-gallery{gap:16px}
}

@media(min-width:1050px){
  .site-header{height:82px;padding:0 clamp(25px,4vw,68px);gap:18px}.brand{width:185px}.menu-button{display:none}nav{position:static;display:flex;align-items:center;gap:20px;padding:0;border:0;box-shadow:none;background:transparent}nav a{position:relative;padding:8px 0;border:0;font-size:13px;font-weight:500}nav a::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:0;height:2px;background:var(--coral);transition:.25s}nav a:hover::after{width:100%}.header-cta{display:inline-flex}.header-iso{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--blue);font-size:10px;font-weight:700}.header-iso img{width:32px;height:32px;object-fit:cover;border-radius:50%}.hero{min-height:820px;padding:145px 0 52px}.hero-overlay{background:linear-gradient(90deg,rgba(16,23,51,.28),rgba(16,23,51,.91) 61%,rgba(16,23,51,.98));}.hero-copy{max-width:860px}.hero-lead{font-size:18px}.hero-iso{position:absolute;bottom:172px;inset-inline-end:0;margin:0}.metrics{max-width:900px;margin-top:46px}.partnership-grid{gap:22px}.partner-card{display:grid;grid-template-rows:auto auto 1fr}.partner-media{height:450px}.logo-track figure{width:175px;height:105px}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw}.about-points{grid-template-columns:repeat(3,1fr)}.about-points article{min-height:145px}.founder-grid{grid-template-columns:.8fr 1.2fr;gap:8vw}.founder-visual{max-width:470px}.experience-timeline article{grid-template-columns:80px 1fr;padding-bottom:25px}.solution-grid{grid-template-columns:repeat(3,1fr);gap:18px}.solution-grid article{min-height:250px;padding:32px 26px}.project-card{flex-basis:min(59vw,760px)}.system-section{grid-template-columns:.8fr 1.2fr}.system-art{min-height:720px}.system-content{padding:100px 8vw}.output-grid{max-width:770px}.methodology-grid{grid-template-columns:1.04fr .96fr;gap:7vw}.stage-grid{grid-template-columns:repeat(7,1fr);gap:5px}.stage-grid article{min-height:135px;padding:13px 9px}.stage-grid strong{font-size:37px}.quality-grid{grid-template-columns:1.05fr .95fr;gap:7vw}.certificate-gallery{max-width:580px}.proof-grid{grid-template-columns:repeat(4,1fr)}.proof-grid article{min-height:225px;padding:28px 24px}.contact-map-grid{grid-template-columns:1.5fr .5fr}.map-wrap iframe{height:480px}.social-panel{padding:35px}.site-footer{padding-inline:5vw}.floating-whatsapp{inset-inline-end:24px;bottom:100px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== Final UI/UX revision ===== */
.section-kicker{display:none!important}

/* Header: ISO trust + dual language switch */
.site-header{gap:10px}
.header-actions{gap:8px;min-width:0}
.header-iso{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--blue);min-width:0}
.header-iso img{width:38px;height:38px;object-fit:contain;border-radius:50%;background:#fff;flex:0 0 auto}
.header-iso span{display:none;line-height:1.05;white-space:nowrap}
.header-iso strong{display:block;font:700 9px/1.2 "IBM Plex Sans",Arial,sans-serif;color:var(--ink)}
.header-iso small{display:block;margin-top:3px;font:600 8px/1.2 "IBM Plex Sans",Arial,sans-serif;color:var(--blue)}
.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--gray);border-radius:22px;background:#fff;box-shadow:0 4px 15px rgba(24,32,74,.04)}
.language-switch button{height:31px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 7px;border:0;border-radius:17px;background:transparent;color:#7a8294;font:700 10px/1 "IBM Plex Sans",Arial,sans-serif;cursor:pointer;transition:.22s}
.language-switch button span{font-size:15px;line-height:1}
.language-switch button.active{background:var(--blue);color:#fff;box-shadow:0 5px 13px rgba(80,92,169,.18)}
.language-button{display:none!important}

/* Hero refinement */
.hero-copy h1{max-width:920px;text-wrap:balance}
.metrics{border-radius:22px;box-shadow:0 22px 55px rgba(0,0,0,.12)}
.metrics article{position:relative;overflow:hidden}
.metrics article::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:0;height:3px;background:var(--coral);transition:width .35s ease}
.metrics article:hover::after{width:100%}
.metrics strong{font-variant-numeric:tabular-nums}

/* Real client logos in polished two-row marquee */
.clients-section{padding:72px 0 78px;background:linear-gradient(180deg,#f8f9fc,#fff);overflow:hidden}
.client-heading{margin-bottom:30px}
.logo-marquee{padding:8px 0;margin:4px 0;overflow:hidden}
.logo-marquee::before,.logo-marquee::after{width:54px}
.logo-track{gap:14px;animation-duration:64s}
.logo-row-2 .logo-track{animation-direction:reverse;animation-duration:70s}
.logo-track figure{width:164px;height:108px;padding:13px 16px;border-radius:18px;background:#fff;border:1px solid #e7e9ef;box-shadow:0 8px 24px rgba(24,32,74,.055);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.logo-track img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none;opacity:1;transition:transform .28s ease,filter .28s ease}
.logo-track figure:hover{transform:translateY(-7px);border-color:rgba(80,92,169,.35);box-shadow:0 17px 38px rgba(24,32,74,.13)}
.logo-track figure:hover img{transform:scale(1.07)}

/* About cards: subtle professional hover */
.about-points article{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.about-points article:hover{transform:translateY(-6px);border-color:rgba(80,92,169,.38);box-shadow:0 18px 35px rgba(24,32,74,.09);background:linear-gradient(180deg,#fff,#fafbff)}

/* Founder timeline readability on mobile */
.experience-timeline article{position:relative}
.experience-timeline time{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:58px}
.experience-timeline b,.experience-timeline span{display:block}

/* Solution cards */
.solution-grid{align-items:stretch}
.solution-grid article{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border-radius:20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease}
.solution-grid article:hover{transform:translateY(-7px);border-color:rgba(80,92,169,.4);box-shadow:0 20px 42px rgba(24,32,74,.11);background:linear-gradient(180deg,#fff,#f8f9ff)}
.solution-icon{transition:transform .3s ease,background .3s ease,color .3s ease}
.solution-grid article:hover .solution-icon{transform:scale(1.08) rotate(-2deg);background:var(--blue);color:#fff}

/* Industry leaders */
.integrations{background:#f8f9fc}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.integration-grid article{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:20px 12px;border:1px solid #e3e5eb;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(24,32,74,.04);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.integration-grid article:hover{transform:translateY(-6px);border-color:rgba(80,92,169,.35);box-shadow:0 18px 36px rgba(24,32,74,.1)}
.integration-grid img{width:auto;height:42px;max-width:130px;object-fit:contain;transition:transform .28s ease}
.integration-grid article:hover img{transform:scale(1.06)}
.integration-grid b{font:600 13px/1.2 "IBM Plex Sans",Arial,sans-serif;color:var(--ink)}
.integration-more{text-align:center;margin:24px 0 0;color:var(--blue);font-weight:700}

/* Digital work: screenshot first, compact copy below */
.projects-section{padding:78px 0 88px;background:var(--blue-deep);color:#fff;overflow:hidden}
.project-heading{align-items:flex-end}
.projects-scroller{gap:16px;padding:4px 18px 28px;scroll-padding-inline:18px}
.project-card{flex:0 0 min(86vw,520px);display:flex;flex-direction:column;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#fff;color:var(--ink);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25);scroll-snap-align:center;transition:transform .28s ease,box-shadow .28s ease}
.project-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(0,0,0,.3)}
.project-shot{display:block;width:100%;padding:0;border:0;background:#eef1f7;cursor:zoom-in;overflow:hidden}
.project-shot img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;transition:transform .35s ease}
.project-card:hover .project-shot img{transform:scale(1.025)}
.project-info{padding:16px 16px 18px;text-align:start}
.project-brand{display:flex;align-items:center;gap:10px;min-width:0}
.project-brand>img{width:50px;height:40px;object-fit:contain;border:1px solid #edf0f5;border-radius:9px;background:#fff;padding:4px;flex:0 0 auto}
.project-brand>div{min-width:0}.project-brand h3{margin:0;font:700 17px/1.25 "IBM Plex Sans Arabic",Arial,sans-serif;color:var(--ink)}
html[dir="ltr"] .project-brand h3{font-family:"IBM Plex Sans",Arial,sans-serif}
.project-brand span{display:block;margin-top:3px;color:var(--blue);font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.75;min-height:68px}

/* System engineering blueprint pattern instead of empty white space */
.system-art{min-height:285px;background-color:#f4f6fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='420' viewBox='0 0 640 420'%3E%3Cg fill='none' stroke='%23505ca9' stroke-width='1.5' opacity='.18'%3E%3Crect x='45' y='58' width='125' height='58' rx='8'/%3E%3Crect x='258' y='42' width='122' height='58' rx='8'/%3E%3Crect x='458' y='75' width='135' height='58' rx='8'/%3E%3Crect x='132' y='230' width='142' height='62' rx='8'/%3E%3Crect x='370' y='246' width='145' height='62' rx='8'/%3E%3Cpath d='M170 87h88M380 71h78M319 100v79H203v51M319 179h124v67M274 261h96'/%3E%3Ccircle cx='319' cy='179' r='8'/%3E%3Ccircle cx='203' cy='230' r='6'/%3E%3Ccircle cx='443' cy='246' r='6'/%3E%3Cpath d='M95 144h91v49h94M489 161h-88v44H335' stroke-dasharray='7 7'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(145deg,#f8f9fc,#e9edf8);background-repeat:no-repeat;background-position:center;background-size:min(95%,680px) auto;color:rgba(80,92,169,.16)}
.system-art>b{font-size:clamp(42px,11vw,84px);letter-spacing:-4px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.orbit{display:none}

/* DARETRO sequence + book */
.methodology{background:#fff}
.daretro-heading{max-width:950px;margin:0 auto 34px;text-align:center}
.daretro-heading h2{font-size:clamp(34px,7vw,62px);line-height:1.12;letter-spacing:-1px;margin:0 0 16px;text-wrap:balance}
.daretro-heading p{max-width:820px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.9}
.daretro-owner{display:inline-flex;flex-direction:column;gap:5px;margin-top:20px;padding:14px 18px;border:1px solid rgba(80,92,169,.18);border-radius:15px;background:#f8f9ff}
.daretro-owner b{color:var(--blue);font-size:14px}.daretro-owner span{color:var(--muted);font-size:12px}
.daretro-flow{display:grid;gap:24px;margin:34px 0 54px;position:relative}
.daretro-stage{position:relative;min-height:150px;padding:20px;border:1px solid var(--gray);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(24,32,74,.045);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease,color .3s ease}
.daretro-stage:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);color:var(--coral);font:700 18px/1 "IBM Plex Sans",Arial,sans-serif}
.daretro-stage strong{display:block;color:var(--blue);font:700 42px/1 "IBM Plex Sans",Arial,sans-serif;transition:color .3s ease}
.daretro-stage h3{margin:9px 0 0;font:700 16px/1.2 "IBM Plex Sans",Arial,sans-serif}.daretro-stage span{display:block;margin-top:3px;color:var(--ink);font-weight:700;font-size:13px}.daretro-stage p{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.65}
.daretro-stage:hover{transform:translateY(-7px);border-color:var(--blue);background:linear-gradient(160deg,var(--blue),#3e4b99);color:#fff;box-shadow:0 22px 45px rgba(80,92,169,.23)}
.daretro-stage:hover strong,.daretro-stage:hover span,.daretro-stage:hover p{color:#fff}
.book-showcase{display:grid;gap:26px;align-items:center;padding-top:8px}
.daretro-visual{border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(7,18,30,.18)}
.book-copy-v2 h3{font-size:clamp(26px,5vw,40px);line-height:1.25;margin:0 0 16px}.book-copy-v2>p{color:var(--muted);line-height:1.9;margin:0;font-size:15px}.book-copy-v2 blockquote{margin:20px 0;padding:15px 17px;border-inline-start:3px solid var(--coral);background:#f8f9fc;border-radius:10px;color:var(--blue);font-weight:700;line-height:1.8}.amazon-button{background:#131921;margin-top:5px}.amazon-button img{width:24px;height:24px;object-fit:contain;filter:none}.amazon-button:hover{background:#232f3e}

/* ISO certificates: one large certificate at a time */
.quality-section{padding:88px 0;background:linear-gradient(145deg,#18204a,#293579);color:#fff}
.quality-copy{max-width:850px;margin:0 auto 34px;text-align:center}.quality-copy h2{color:#fff}.quality-copy>p{color:#e3e6f6}.quality-badge-line{justify-content:center}.quality-badge-line img{width:76px;height:76px;object-fit:contain;border-radius:50%;background:#fff}.certificate-meta{margin-inline:auto}.quality-note{max-width:720px;margin-inline:auto!important}
.certificate-slider{position:relative;max-width:900px;margin:34px auto 0;padding-inline:48px}
.certificate-stage{position:relative;min-height:0;display:grid;place-items:center}
.certificate-slide{display:none;position:relative;width:100%;padding:0;border:0;border-radius:22px;background:#fff;overflow:hidden;cursor:zoom-in;box-shadow:0 24px 65px rgba(0,0,0,.28)}
.certificate-slide.active{display:block;animation:certFade .32s ease}
.certificate-slide img{width:100%;height:auto;max-height:78vh;object-fit:contain;background:#fff}
.certificate-slide span{position:absolute;inset-inline:16px;bottom:14px;padding:10px 14px;border-radius:12px;background:rgba(24,32,74,.9);color:#fff;font:600 12px/1.2 "IBM Plex Sans",Arial,sans-serif;backdrop-filter:blur(8px)}
.cert-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-size:28px;cursor:pointer;transition:.25s;backdrop-filter:blur(6px)}
.cert-arrow:hover{background:var(--coral);border-color:var(--coral)}.cert-prev{left:0}.cert-next{right:0}
.cert-dots{display:flex;justify-content:center;gap:7px;margin-top:15px}.cert-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer}.cert-dots button.active{width:25px;border-radius:5px;background:var(--coral)}
@keyframes certFade{from{opacity:.45;transform:scale(.985)}to{opacity:1;transform:none}}

/* Insights: single title, much larger media */
.insights{background:var(--soft);padding-block:82px 96px}.insights .section-heading{margin-bottom:30px}.insights .section-heading h2{margin:0;text-align:center}
.video-showcase{grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;max-width:1060px;margin:auto}
.video-card{border-width:7px;border-radius:27px}.video-card>img{aspect-ratio:16/9;object-fit:cover}.video-play{width:76px;height:76px}.video-info{inset-inline:16px;bottom:16px;padding:12px 14px}.video-info b{font-size:13px}.video-count{grid-column:2}.youtube-channel{margin-top:24px}

/* Contact chips and action sheet */
.contact-details{gap:12px}
.contact-chip{width:100%;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;background:rgba(255,255,255,.075)!important;color:#fff!important;text-decoration:none!important;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease;appearance:none;text-align:inherit}
.contact-chip:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.38)!important}
.contact-chip b{font-size:18px!important;line-height:1.3}.contact-chip b[dir="ltr"]{font-family:"IBM Plex Sans",Arial,sans-serif;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.chip-icons{display:flex;align-items:center;gap:8px;flex:0 0 auto}.chip-icons img{width:22px;height:22px;object-fit:contain}.phone-glyph,.pin-glyph{font-size:23px;line-height:1;color:#fff}.address-chip b{font-size:15px!important}
.contact-action-sheet[hidden]{display:none}.contact-action-sheet{position:fixed;z-index:3500;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(7,11,25,.58);backdrop-filter:blur(7px)}
.contact-action-card{position:relative;width:min(520px,100%);padding:26px 18px 18px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.26);text-align:center}.contact-action-card h3{margin:0;font-size:22px}.action-number{display:block;margin:8px 0 18px;color:var(--blue);font:700 19px/1.2 "IBM Plex Sans",Arial,sans-serif}.action-close{position:absolute;top:12px;inset-inline-end:12px;width:35px;height:35px;border:0;border-radius:50%;background:#f2f3f6;color:var(--ink);font-size:22px;cursor:pointer}.action-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-options a{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 10px;border:1px solid var(--gray);border-radius:14px;text-decoration:none;font-weight:700}.action-options a:hover{border-color:var(--blue);background:#f8f9ff}.action-options img{width:23px;height:23px}
.social-links{gap:10px}.social-links a{width:45px;height:45px}.social-links a img{width:20px;height:20px;object-fit:contain;transition:transform .25s ease}.social-links a:hover img{transform:scale(1.12)}

/* Remove legacy floating WhatsApp even if cached markup is reintroduced */
.floating-whatsapp{display:none!important}

@media(min-width:700px){
  .header-iso span{display:block}
  .integration-grid{grid-template-columns:repeat(3,1fr);gap:14px}.integration-grid article{min-height:145px}.integration-grid img{height:48px;max-width:150px}
  .project-card{flex-basis:min(72vw,570px)}.project-shot img{aspect-ratio:16/10}.project-info{padding:18px 20px 21px}.project-info p{font-size:14px}
  .daretro-flow{grid-template-columns:repeat(2,1fr);gap:14px}.daretro-stage:not(:last-child)::after{display:none}.daretro-stage{min-height:170px}
  .book-showcase{grid-template-columns:.9fr 1.1fr;gap:42px}.book-copy-v2{padding-inline:12px}
  .certificate-slider{padding-inline:62px}.cert-arrow{width:50px;height:50px}
  .video-showcase{grid-template-columns:52px minmax(0,1fr) auto 52px;gap:15px}.video-count{grid-column:auto}.video-card{border-width:8px}.video-play{width:84px;height:84px}
  .contact-action-sheet{align-items:center}
}

@media(min-width:1050px){
  .site-header{height:82px;padding:0 clamp(22px,3vw,54px);gap:12px}.brand{width:174px}.header-iso{display:flex}.header-iso img{width:40px;height:40px}.header-iso span{display:block}.header-actions{gap:9px}.language-switch button{min-width:46px}.header-cta{display:inline-flex;padding-inline:14px}
  nav{gap:16px}nav a{font-size:12px}
  .hero{padding-top:145px}.metrics{max-width:940px}
  .logo-track figure{width:182px;height:114px}
  .integration-grid{grid-template-columns:repeat(5,1fr)}.integration-grid article{min-height:150px}
  .project-card{flex-basis:min(50vw,620px)}.projects-scroller{padding-inline:calc((100vw - min(1180px,calc(100% - 70px)))/2)}
  .system-section{grid-template-columns:.8fr 1.2fr}.system-art{min-height:520px;background-size:min(92%,760px) auto}.system-content{padding:92px 7vw}
  .daretro-flow{grid-template-columns:repeat(7,1fr);gap:7px;align-items:stretch}.daretro-stage{min-height:190px;padding:16px 12px}.daretro-stage:not(:last-child)::after{display:block;content:"→";left:auto;right:-10px;bottom:auto;top:50%;transform:translateY(-50%);z-index:5;color:var(--coral)}html[dir="rtl"] .daretro-stage:not(:last-child)::after{content:"←";right:auto;left:-10px}.daretro-stage strong{font-size:39px}.daretro-stage h3{font-size:13px}.daretro-stage span{font-size:12px}.daretro-stage p{font-size:10px;line-height:1.55}
  .book-showcase{grid-template-columns:.82fr 1.18fr;gap:70px}
  .quality-copy{margin-bottom:42px}.certificate-slider{max-width:800px}.certificate-slide img{max-height:82vh}
  .video-showcase{max-width:1120px}.video-card>img{aspect-ratio:16/8.6}.video-info b{font-size:14px}
  .contact-map-grid{grid-template-columns:1.35fr .65fr}.social-panel{padding:35px 28px}
}

@media(max-width:520px){
  .site-header{padding-inline:12px}.brand{width:132px}.menu-button{width:39px;height:39px}.header-actions{gap:5px}.header-iso img{width:34px;height:34px}.language-switch{padding:2px}.language-switch button{min-width:36px;height:30px;padding:0 4px}.language-switch button b{font-size:9px}.language-switch button span{font-size:14px}
  .hero{padding-top:104px}.hero-copy h1{font-size:clamp(42px,12vw,63px)}.metrics article{min-height:92px;padding:15px}.metrics strong{font-size:26px}
  .logo-marquee::before,.logo-marquee::after{width:26px}.logo-track figure{width:138px;height:92px;padding:11px}.logo-track{gap:10px}
  .experience-timeline article{grid-template-columns:64px 1fr!important;gap:12px}.experience-timeline time{font-size:17px!important}
  .integration-grid{grid-template-columns:1fr 1fr}.integration-grid article{min-height:118px}.integration-grid img{height:36px;max-width:110px}
  .projects-scroller{padding-inline:20px;gap:14px}.project-card{flex-basis:86vw}.project-shot img{aspect-ratio:4/3}.project-brand h3{font-size:15px}.project-brand>img{width:44px;height:36px}.project-info p{font-size:12.5px;line-height:1.7;min-height:64px}
  .system-art{min-height:250px;background-size:160% auto}.system-art>b{font-size:45px;line-height:.82}
  .daretro-heading{text-align:start}.daretro-heading h2{font-size:36px}.daretro-heading p{font-size:14px}.daretro-owner{display:flex;text-align:start}.daretro-flow{margin-bottom:42px}.daretro-stage{min-height:142px}.book-showcase{gap:20px}.book-copy-v2 h3{font-size:28px}.book-copy-v2>p{font-size:14px}.book-copy-v2 blockquote{font-size:13px}
  .quality-section{padding-top:72px}.quality-copy{text-align:start}.quality-badge-line{justify-content:flex-start}.certificate-meta{margin-inline:0}.quality-note{margin-inline:0!important}.certificate-slider{width:calc(100vw - 20px);margin-inline:calc((100% - 100vw)/2 + 10px);padding-inline:40px}.certificate-slide{border-radius:16px}.certificate-slide img{max-height:none;width:100%;height:auto}.cert-arrow{width:38px;height:38px;font-size:24px}.certificate-slide span{inset-inline:9px;bottom:9px;font-size:10px}
  .insights{padding-block:70px 82px}.insights .container{width:calc(100% - 22px)}.insights .section-heading h2{font-size:38px}.video-showcase{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px}.video-card{border-width:5px;border-radius:20px}.video-card>img{aspect-ratio:9/12;object-fit:cover}.video-play{width:64px;height:64px}.video-info{inset-inline:9px;bottom:9px;padding:9px}.video-info small{font-size:10px}.video-info b{font-size:11px}.video-arrow{width:36px;height:36px;font-size:22px}.video-count b{font-size:31px}.youtube-channel{font-size:14px}
  .contact-chip{padding:16px!important}.contact-chip b{font-size:17px!important}.address-chip b{font-size:14px!important;line-height:1.65}.social-links a{width:43px;height:43px}
}


/* ===== Final direction & polish pass 2026-08-26 ===== */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="ltr"] body{direction:ltr;text-align:left}

/* All readable content follows the active language direction */
main h1,main h2,main h3,main h4,main p,main li,
.section-heading,.hero-copy,.partner-copy,.client-heading,.about-copy,
.founder-copy,.experience-timeline article>div,.solution-grid article,
.project-info,.system-content,.daretro-heading,.daretro-stage,.book-copy-v2,
.quality-copy,.proof-grid article,.contact-head,.contact-details,.social-panel p,
.site-footer{ text-align:start!important; }
html[dir="rtl"] nav,html[dir="rtl"] nav a{text-align:right}
html[dir="ltr"] nav,html[dir="ltr"] nav a{text-align:left}
html[dir="rtl"] .language-switch,html[dir="ltr"] .language-switch{direction:ltr}

/* Keep UI-only centered elements centered */
.integration-grid article,.social-links,.video-count,.certificate-slide span,
.amazon-button,.button{ text-align:center!important; }

/* Remove section kicker labels everywhere */
.section-kicker{display:none!important}

/* Partnership copy stays compact and readable */
.partner-copy p{line-height:1.9;margin-top:10px;font-size:13px}
.partner-copy h3{margin-bottom:6px}

/* Client logo marquee: cropped source art, consistent visual box, no overflow */
.logo-track figure{display:grid!important;place-items:center!important;overflow:hidden!important;padding:14px 18px!important;background:#fff!important}
.logo-track figure img{display:block!important;width:88%!important;height:78%!important;max-width:88%!important;max-height:78%!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important}
.logo-track figure:hover img{transform:scale(1.045)!important}

/* Integration logos */
.integration-grid article{overflow:hidden}
.integration-grid img{display:block;max-width:132px!important;max-height:52px!important;width:auto!important;height:44px!important;object-fit:contain!important}
.integration-grid article:first-child img{height:48px!important;max-width:145px!important}
.integration-grid article:last-child img{height:48px!important;max-width:110px!important}

/* Social icons are bundled locally and remain visible */
.social-links a{overflow:hidden}
.social-links a img{display:block!important;width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;object-fit:contain!important;opacity:1!important;filter:none!important}

/* DARETRO sequence is deliberately D → A → R → E → T → R → O */
.daretro-flow{direction:ltr}
html[dir="rtl"] .daretro-stage{direction:rtl;text-align:right!important}
html[dir="ltr"] .daretro-stage{direction:ltr;text-align:left!important}
@media (min-width:1100px){
  .daretro-stage:not(:last-child)::after,
  html[dir="rtl"] .daretro-stage:not(:last-child)::after,
  html[dir="ltr"] .daretro-stage:not(:last-child)::after{
    content:"→"!important;right:-10px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important
  }
}

/* Slider controls: visual arrows mirror naturally with language */
html[dir="rtl"] .carousel-controls,html[dir="rtl"] .video-showcase,html[dir="rtl"] .certificate-slider{direction:ltr}

@media (max-width:699px){
  main h1,main h2,main h3,main p,.section-heading,.partner-copy,.founder-copy,.project-info,.system-content,.daretro-heading,.book-copy-v2,.quality-copy,.contact-head,.social-panel p{text-align:start!important}
  .partner-copy p{font-size:12px;line-height:1.8}
  .logo-track figure{width:142px!important;height:96px!important;padding:11px 13px!important}
  .logo-track figure img{width:90%!important;height:80%!important;max-width:90%!important;max-height:80%!important}
}

.partner-copy p{white-space:pre-line}

.about-brand-card,.about-points article,.metrics article,.output-grid article{ text-align:start!important }

/* Directional layout: content blocks sit on the reading-start edge, not centered */
.hero-copy,.metrics,.daretro-heading,.quality-copy{margin-inline-start:0!important;margin-inline-end:auto!important}
.section-heading.centered,.client-heading{max-width:none!important;margin-inline-start:0!important;margin-inline-end:0!important;text-align:start!important}
.section-heading.centered>p,.client-heading>p,.social-panel>p{margin-inline-start:0!important;margin-inline-end:0!important}
.about-brand-card,.about-points article,.metrics article,.output-grid article{ text-align:start!important }
html[dir="ltr"] .hero-overlay{background:linear-gradient(270deg,rgba(16,23,51,.28),rgba(16,23,51,.91) 61%,rgba(16,23,51,.98))}
html[dir="rtl"] .hero-overlay{background:linear-gradient(90deg,rgba(16,23,51,.28),rgba(16,23,51,.91) 61%,rgba(16,23,51,.98))}


/* ===== Client marquee performance rebuild ===== */
.logo-marquee{overflow:hidden;contain:layout paint;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
.logo-marquee::before,.logo-marquee::after{display:none!important}
.logo-track{display:flex!important;width:max-content!important;gap:14px!important;direction:ltr!important;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;animation:clientMarquee 46s linear infinite!important}
.logo-row-2 .logo-track{animation:clientMarqueeReverse 52s linear infinite!important}
.logo-group{display:flex;flex:0 0 auto;gap:14px;align-items:center}
.logo-track figure{flex:0 0 172px;width:172px;height:108px;padding:14px 16px;display:grid;place-items:center;background:#fff;border:1px solid #e4e7ef;border-radius:18px;box-shadow:0 8px 24px rgba(24,32,74,.06);overflow:hidden;transform:translateZ(0)}
.logo-track img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none!important;opacity:1!important;transform:translateZ(0);transition:transform .25s ease}
.logo-track figure:hover{transform:translateY(-5px) translateZ(0);box-shadow:0 17px 36px rgba(24,32,74,.13);border-color:rgba(80,92,169,.35)}
.logo-track figure:hover img{transform:scale(1.055) translateZ(0)}
.logo-marquee:hover .logo-track{animation-play-state:paused!important}
@keyframes clientMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 7px),0,0)}}
@keyframes clientMarqueeReverse{from{transform:translate3d(calc(-50% - 7px),0,0)}to{transform:translate3d(0,0,0)}}
.integration-grid img[alt="Microsoft"]{height:46px;max-width:150px}
@media(max-width:520px){
 .logo-track{animation-duration:36s!important;gap:10px!important}.logo-row-2 .logo-track{animation-duration:40s!important}.logo-group{gap:10px}
 .logo-track figure{flex-basis:146px;width:146px;height:94px;padding:11px 13px}
 @keyframes clientMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 5px),0,0)}}
 @keyframes clientMarqueeReverse{from{transform:translate3d(calc(-50% - 5px),0,0)}to{transform:translate3d(0,0,0)}}
}

/* ===== Robust client logo carousel + founder years fix ===== */
.clients-section{overflow:hidden}
.client-slider-shell{position:relative;display:flex;align-items:center;gap:12px;margin-top:24px}
.client-slider{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;padding:8px 4px 16px;flex:1;min-width:0;direction:ltr}
.client-slider::-webkit-scrollbar{display:none}
.client-chip{flex:0 0 168px;width:168px;height:106px;margin:0;padding:14px 16px;display:grid;place-items:center;overflow:hidden;border:1px solid #e4e7ef;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(24,32,74,.065);scroll-snap-align:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.client-chip img{display:block!important;width:auto!important;height:auto!important;max-width:82%!important;max-height:68%!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important;margin:auto!important;transform:none!important}
.client-chip:hover{transform:translateY(-4px);border-color:rgba(80,92,169,.3);box-shadow:0 15px 32px rgba(24,32,74,.12)}
.client-chip:hover img{transform:scale(1.025)!important}
.client-nav{flex:0 0 42px;width:42px;height:42px;border:1px solid #dde1eb;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 7px 18px rgba(24,32,74,.08);transition:.2s}
.client-nav:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px)}

/* Years must never clip or inherit RTL digit reordering */
.experience-timeline article{grid-template-columns:82px minmax(0,1fr)!important;overflow:visible!important}
.experience-timeline time{display:inline-flex!important;align-items:center;justify-content:center;min-width:70px!important;width:70px!important;height:38px!important;padding:0 7px!important;border-radius:10px;background:rgba(80,92,169,.08);color:var(--blue)!important;font-size:17px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;direction:ltr!important;unicode-bidi:isolate!important;text-align:center!important;font-variant-numeric:tabular-nums}

@media (max-width:699px){
  .client-slider-shell{gap:7px;margin-top:18px;padding-inline:10px}
  .client-slider{gap:10px;padding-block:7px 13px}
  .client-chip{flex-basis:142px;width:142px;height:92px;padding:12px 13px;border-radius:16px}
  .client-chip img{max-width:80%!important;max-height:66%!important}
  .client-nav{flex-basis:36px;width:36px;height:36px;font-size:25px}
  .experience-timeline article{grid-template-columns:76px minmax(0,1fr)!important;gap:11px!important;padding-inline-start:16px!important}
  .experience-timeline time{min-width:66px!important;width:66px!important;height:36px!important;font-size:16px!important}
}
@media (max-width:420px){
  .client-nav{display:none}
  .client-slider-shell{padding-inline:0}
  .client-slider{padding-inline:15px;scroll-padding-inline:15px}
  .client-chip{flex-basis:136px;width:136px;height:88px}
}

/* ===== FINAL CLIENT CHIP CONTAINMENT FIX =====
   Logos must stay fully visible, centered, and never escape/crop inside the chip. */
.client-slider-shell{overflow:visible}
.client-slider{align-items:center}
.client-chip{
  box-sizing:border-box!important;
  flex:0 0 174px!important;
  width:174px!important;
  height:112px!important;
  padding:18px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
  line-height:0!important;
}
.client-chip img{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-width:78%!important;
  max-height:62%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  inset:auto!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  flex:none!important;
}
.client-chip:hover img{
  transform:none!important;
  scale:1!important;
}
@media (max-width:699px){
  .client-chip{
    flex-basis:150px!important;
    width:150px!important;
    height:98px!important;
    padding:16px 18px!important;
  }
  .client-chip img{
    max-width:78%!important;
    max-height:62%!important;
  }
}
@media (max-width:420px){
  .client-chip{
    flex-basis:146px!important;
    width:146px!important;
    height:96px!important;
    padding:15px 17px!important;
  }
}

/* ===== CLIENTS SECTION — FINAL MOBILE BALANCE =====
   Keep the heading comfortably inside the page and make logo chips fill the
   available space without allowing any logo to escape or be cropped. */
.clients-section{
  padding-top:58px!important;
  padding-bottom:64px!important;
}
.clients-section .client-heading{
  width:min(760px,calc(100% - 64px))!important;
  max-width:760px!important;
  margin:0 auto 24px!important;
  padding:0!important;
}
html[dir="rtl"] .clients-section .client-heading{
  text-align:right!important;
}
html[dir="ltr"] .clients-section .client-heading{
  text-align:left!important;
}
.clients-section .client-heading h2{
  margin:0 0 8px!important;
  line-height:1.25!important;
}
.clients-section .client-heading p{
  width:100%!important;
  max-width:660px!important;
  margin:0!important;
  line-height:1.75!important;
}
html[dir="ltr"] .clients-section .client-heading p{
  margin-left:0!important;
  margin-right:auto!important;
}
html[dir="rtl"] .clients-section .client-heading p{
  margin-right:0!important;
  margin-left:auto!important;
}
.clients-section .client-slider-shell{
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  margin:18px auto 0!important;
  padding-inline:0!important;
  gap:12px!important;
}
.clients-section .client-slider{
  width:100%!important;
  padding:10px 6px 16px!important;
  gap:14px!important;
  align-items:center!important;
}
.clients-section .client-chip{
  flex:0 0 190px!important;
  width:190px!important;
  height:124px!important;
  padding:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-radius:20px!important;
}
.clients-section .client-chip img{
  display:block!important;
  width:88%!important;
  height:74%!important;
  max-width:88%!important;
  max-height:74%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  transform:none!important;
  scale:1!important;
}
.clients-section .client-chip:hover img{
  transform:none!important;
  scale:1!important;
}

@media (max-width:699px){
  .clients-section{
    padding-top:46px!important;
    padding-bottom:52px!important;
  }
  .clients-section .client-heading{
    width:calc(100% - 48px)!important;
    margin:0 auto 18px!important;
  }
  .clients-section .client-heading h2{
    font-size:clamp(29px,8.2vw,38px)!important;
  }
  .clients-section .client-heading p{
    font-size:15px!important;
    line-height:1.7!important;
  }
  .clients-section .client-slider-shell{
    width:100%!important;
    max-width:100%!important;
    margin-top:14px!important;
  }
  .clients-section .client-slider{
    gap:12px!important;
    padding:8px 24px 14px!important;
    scroll-padding-inline:24px!important;
  }
  .clients-section .client-chip{
    flex:0 0 clamp(150px,calc((100vw - 60px)/2),176px)!important;
    width:clamp(150px,calc((100vw - 60px)/2),176px)!important;
    height:110px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .clients-section .client-chip img{
    width:90%!important;
    height:76%!important;
    max-width:90%!important;
    max-height:76%!important;
  }
}

@media (max-width:420px){
  .clients-section .client-heading{
    width:calc(100% - 44px)!important;
  }
  .clients-section .client-slider{
    padding-inline:22px!important;
    scroll-padding-inline:22px!important;
  }
  .clients-section .client-chip{
    height:106px!important;
  }
}

/* Founder name — one-line responsive lock */
.founder-copy h2{font-size:clamp(18px,4.5vw,44px)!important;line-height:1.16!important;white-space:nowrap!important;letter-spacing:-.55px!important}
@media(max-width:360px){.founder-copy h2{font-size:17px!important;letter-spacing:-.7px!important}}
/* Hero background direction by language */

/* English: original image direction */
html[dir="ltr"] .hero-image {
  transform: none;
}

/* Arabic: flip hero image horizontally */
html[dir="rtl"] .hero-image {
  transform: scaleX(-1);
  transform-origin: center center;
}