:root{--navy:#23364f;--night:#17273e;--teal:#65b6b1;--deep-teal:#2e807c;--mist:#f4f8f9;--ivory:#fcfaf5;--line:#dce5ea;--muted:#697e8d;--ink:#263850;--shadow:0 25px 70px rgba(28,51,65,.14);--wide:1250px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:107px}body{margin:0;background:#fff;color:var(--ink);font-family:'Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.8}html[lang=en] body{font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.65}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy)}::selection{background:#b8e4df;color:var(--navy)}:focus-visible{outline:3px solid #2e807c;outline-offset:4px}.container{width:min(var(--wide),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;inset-inline-start:18px;top:-70px;background:#fff;z-index:300;color:#15273d;padding:10px 22px}.skip:focus{top:8px}
/* Preview-only chrome */
.concept-bar{background:#1b2b41;color:#cfe6e5;font-size:.72rem;line-height:1;letter-spacing:0}.concept-row{display:flex;align-items:center;gap:10px;min-height:37px}.concept-indicator{width:6px;height:6px;border-radius:50%;background:#7cd6be;box-shadow:0 0 0 4px rgba(124,214,190,.12)}.motion-switch{margin-inline-start:auto;display:flex;gap:8px;align-items:center;color:#d0eeeb;background:transparent;border:0;font-size:.73rem;padding:6px 8px}.motion-switch:hover{color:white}.motion-icon{font-size:1.13rem;line-height:0}.header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,234,.74);box-shadow:0 6px 20px rgba(30,51,66,.024)}.nav{display:flex;align-items:center;gap:26px;min-height:92px}.brand{display:block;flex-shrink:0}.brand img{width:167px;height:auto}.nav-links{margin-inline-start:auto;display:flex;align-items:center;gap:34px}.nav-links a{font-size:.88rem;font-weight:750;color:#637484;transition:color .2s}.nav-links a:hover{color:var(--deep-teal)}.nav-actions{display:flex;gap:14px;align-items:center}.lang-switch{display:flex;align-items:center;gap:8px;padding:7px 4px;color:#23364f;background:transparent;border:0;font:800 .77rem Inter,'Segoe UI',Arial,sans-serif}.lang-dot{height:7px;width:7px;border-radius:50%;background:var(--teal)}.header-cta{background:var(--navy);color:white;padding:11px 21px;border-radius:100px;font-weight:750;font-size:.81rem;transition:transform .2s,background .2s}.header-cta:hover{background:#10243c;transform:translateY(-2px)}.menu-toggle{display:none;width:45px;height:45px;border-radius:13px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px}
/* Hero */
.hero{isolation:isolate;position:relative;background:radial-gradient(circle at 11% 8%,#e9f4f0 0,transparent 38%),linear-gradient(110deg,#ffffff 0%,#f9f8f3 95%);padding:72px 0 102px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.02fr 1.03fr;align-items:center;gap:65px;min-height:585px}.hero-copy{position:relative;z-index:5;padding-block:35px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#388682;font-weight:850;font-size:.83rem;letter-spacing:0}.starburst{color:var(--teal);font-size:24px}.hero h1{font-size:clamp(3.2rem,5.6vw,5.7rem);font-weight:900;line-height:1.36;letter-spacing:-.058em;margin:20px 0 4px}.hero h1 strong{display:block;font-weight:900;color:#4baca5;position:relative}.hero h1 strong:after{content:"";display:block;width:118px;height:8px;border-radius:20px;background:#b8e3de;margin-top:0}.hero-subhead{font-weight:800;font-size:clamp(1.28rem,2.0vw,1.9rem);color:#293e58;margin:20px 0 13px}.hero-description{max-width:540px;color:#657987;font-size:1.01rem;line-height:2.12;margin-bottom:28px}.hero-actions{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.button{min-height:54px;border-radius:100px;display:inline-flex;align-items:center;gap:18px;justify-content:center;padding:10px 26px;font-size:.91rem;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-main{background:var(--navy);color:#fff;box-shadow:0 14px 27px rgba(35,54,79,.16)}.button-main:hover{box-shadow:0 20px 32px rgba(35,54,79,.22)}.button .arrow{font-size:22px;line-height:1}.text-button{color:var(--navy);display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.87rem}.text-button span:last-child{color:var(--teal);font-size:19px;line-height:1}.hero-foot{margin-top:53px;display:flex;gap:14px;align-items:center;color:#8296a3;font-size:.79rem;font-weight:700}.line-dash{width:29px;height:3px;border-radius:4px;background:var(--teal)}
.hero-scene{height:586px;position:relative;min-width:0;margin-inline-start:18px}.hero-main-photo{position:absolute;inset:7% 14% 8% 6%;border-radius:42px 160px 47px 42px;overflow:hidden;box-shadow:0 35px 70px rgba(39,67,75,.15);transform:rotate(-1.5deg)}.photo-container{position:relative;background:#dceae6;overflow:hidden}.photo-container img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease,filter .6s ease}.photo-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,47,64,0) 49%,rgba(18,45,53,.25));pointer-events:none}.hero-small-photo{position:absolute;z-index:4;width:41%;height:31%;inset-inline-end:2%;bottom:1%;border:8px solid white;border-radius:23px;box-shadow:0 17px 39px rgba(23,52,63,.15);transform:rotate(4deg)}.hero-small-photo img{object-fit:cover;object-position:50% 35%}.hero-round-label{position:absolute;z-index:5;inset-inline-start:0;top:12%;background:rgba(255,255,255,.94);border:1px solid rgba(219,232,227,.9);border-radius:19px;box-shadow:0 13px 35px rgba(34,66,74,.12);padding:14px 17px;display:flex;gap:10px;align-items:center;font-weight:850;font-size:.88rem}.hero-round-label img{height:29px;width:auto}.floating-note{position:absolute;z-index:5;inset-inline-start:3%;bottom:15%;background:#fff;padding:12px 18px;border-radius:16px;box-shadow:0 16px 42px rgba(33,64,73,.16);font-size:.79rem;font-weight:800;display:flex;gap:9px;align-items:center}.note-icon{color:var(--deep-teal);font-size:1.2rem}.hero-image-footer{position:absolute;z-index:7;top:12px;inset-inline-end:17%;display:flex;justify-content:space-between;gap:15px;width:63%;font:700 .61rem Inter,Arial,sans-serif;letter-spacing:.14em;color:#65958f}.orbit{position:absolute;z-index:0;pointer-events:none;border-radius:50%;border:4px solid rgba(101,182,177,.17)}.orbit-one{width:520px;height:520px;inset-inline-end:-17%;top:-6%}.orbit-two{width:280px;height:280px;inset-inline-start:-2%;bottom:-8%;border-color:rgba(35,54,79,.07);border-width:28px}.hero-bottom-wave{position:absolute;height:71px;bottom:-2px;left:0;right:0}.hero-bottom-wave svg{width:100%;height:100%}
/* Manifesto */
.promise{position:relative;background:#fff;padding:56px 0 72px}.promise-content{display:grid;grid-template-columns:88px 1.1fr .78fr;gap:27px;align-items:center}.promise-symbol{height:84px;width:84px;border-radius:24px;background:#edf7f5;display:grid;place-items:center}.promise-symbol img{height:57px}.tiny-heading{color:#559c98;font-weight:800;font-size:.83rem}.promise h2{margin:4px 0;color:#23364f;font-size:clamp(1.65rem,3.05vw,2.55rem);line-height:1.6;letter-spacing:-.035em}.promise h2 em{font-style:normal;color:#42a39e}.promise p{border-inline-start:1px solid #d9e4e6;padding-inline-start:34px;margin:0;color:#687d89;font-size:.99rem;line-height:2.05}
/* Solutions */
.section-spacing{padding:100px 0 112px}.solutions-section{background:#f7faf9}.section-head{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:39px}.section-head h2{font-size:clamp(2.05rem,3.9vw,3.5rem);line-height:1.5;letter-spacing:-.053em;margin:13px 0 0}.section-head p{max-width:395px;font-size:.97rem;line-height:2.06;color:#617685;margin:0 0 8px}.mini-stripe{width:27px;height:3px;background:var(--teal);border-radius:4px}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.solution-tile{border-radius:26px;overflow:hidden;background:white;border:1px solid #e8efef;box-shadow:0 16px 33px rgba(40,64,72,.035);transition:transform .3s,box-shadow .3s}.solution-tile:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(27,59,67,.12)}.tile-photo{height:230px}.tile-photo img{object-fit:cover;object-position:center}.solution-tile:hover .tile-photo img{transform:scale(1.065)}.tile-index{position:absolute;inset-inline-start:18px;top:18px;background:rgba(255,255,255,.94);border-radius:10px;font:900 .79rem Inter,Arial,sans-serif;padding:5px 12px;color:var(--navy)}.tile-body{padding:27px 28px 29px}.tile-label{color:#479993;font-size:.77rem;font-weight:800}.tile-body h3{margin:4px 0 10px;font-size:1.58rem;letter-spacing:-.035em}.tile-body p{font-size:.90rem;line-height:2;color:#6c7b89;min-height:82px;margin-bottom:15px}.tile-link{font-size:.81rem;color:var(--deep-teal);font-weight:850;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ebf0f0;padding-top:13px}.tile-link span:last-child{font-size:20px}.photo-disclaimer{margin-top:24px;text-align:center;color:#8ca0aa;font-size:.72rem}
/* Illustration of experience */
.example-section{padding:110px 0;background:linear-gradient(115deg,#1c314a,#253d58);color:#fff;overflow:hidden;position:relative}.example-section:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:65px solid rgba(101,182,177,.08);top:-330px;inset-inline-end:-200px}.example-layout{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.eyebrow-light{color:#a0dfd9}.example-copy{position:relative;z-index:2}.example-copy h2,.process-copy h2{font-size:clamp(2.25rem,4.1vw,4rem);line-height:1.48;letter-spacing:-.044em;color:white;margin:16px 0 17px}.example-copy h2 strong,.process-copy h2 strong{color:#82d2ca}.example-copy p,.process-copy>p{color:#beced8;font-size:1.01rem;line-height:2.1;max-width:560px}.example-steps{display:flex;gap:14px;margin-top:30px}.example-steps div{display:flex;flex-direction:column;gap:7px;padding:14px 16px;border:1px solid rgba(255,255,255,.19);border-radius:14px;min-width:114px;color:#e8f3f3;font-size:.82rem;font-weight:750}.example-steps b{font:800 .9rem Inter,Arial,sans-serif;color:#a6dbd5}.example-qualifier{display:block;margin-top:26px;color:#a4b8c8;font-size:.74rem}.example-art{position:relative;min-height:505px;display:flex;justify-content:center;align-items:center}.phone-shell{position:relative;z-index:5;background:#f9fbfa;border:10px solid #18283c;width:270px;height:486px;border-radius:44px;box-shadow:0 30px 80px rgba(6,21,38,.48);padding:19px 17px}.phone-camera{width:78px;height:16px;background:#19283c;position:absolute;left:50%;top:8px;transform:translateX(-50%);border-radius:0 0 12px 12px}.phone-ui{height:100%;display:flex;flex-direction:column}.ui-top{display:flex;gap:8px;align-items:center;font-size:.84rem;font-weight:850;color:#2a4158;margin-top:16px}.ui-top img{height:31px}.ui-message{margin-top:55px}.ui-message small{color:#46958f;display:block;font-size:.7rem;margin:12px 0;font-weight:850}.status-dot{width:23px;height:23px;border-radius:50%;background:#72c8c0;display:inline-block;box-shadow:0 0 0 9px #e3f4f2}.ui-message h3{color:var(--navy);font-size:1.25rem;line-height:1.45;margin:0 0 11px}.ui-message p{color:#698090;font-size:.77rem;line-height:1.9}.ui-progress{display:flex;gap:6px;margin-top:auto}.ui-progress span{height:6px;border-radius:20px;flex:1;background:#dde5e5}.ui-progress span:first-child,.ui-progress span:nth-child(2){background:#65b6b1}.ui-action{margin-top:20px;text-align:center;background:var(--teal);color:#123944;font-weight:850;font-size:.84rem;border-radius:11px;padding:11px 8px}.phone-orbit{position:absolute;border-radius:50%;width:450px;height:450px;border:2px solid rgba(120,213,201,.28)}.orbit-b{width:360px;height:360px;border-width:44px;border-color:rgba(112,209,199,.1)}.little-badge{position:absolute;z-index:7;bottom:42px;inset-inline-end:0;background:#f0f9f8;color:#2f716d;border-radius:14px;padding:10px 15px;box-shadow:0 10px 30px rgba(6,21,38,.17);font-weight:850;font-size:.75rem}
/* process */
.process-section{background:#fff}.process-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.process-art{height:550px;position:relative;display:flex;align-items:center;justify-content:center}.process-ring{position:absolute;border-radius:50%;border:2px solid #daecea}.ring-out{height:480px;width:480px;border-style:dashed;animation:rotate 100s linear infinite}.ring-in{height:380px;width:380px;border:35px solid #e6f5f3}.process-logo{position:absolute;z-index:2;height:280px;opacity:.095;transform:rotate(18deg)}.ring-core{position:relative;z-index:3;border-radius:50%;width:215px;height:215px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;box-shadow:0 24px 60px rgba(30,55,72,.22)}.ring-core span{font-size:1.15rem;font-weight:700}.ring-core strong{font-size:2.05rem;line-height:1.55;color:#9bd9d3}.ring-tag{position:absolute;z-index:4;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--deep-teal);border:1px solid #cce6e2;box-shadow:0 10px 25px rgba(34,67,78,.10);font:850 .92rem Inter,Arial,sans-serif;display:flex;align-items:center;justify-content:center}.ring-tag.a{top:6%;inset-inline-start:45%}.ring-tag.b{top:45%;inset-inline-end:4%}.ring-tag.c{bottom:6%;inset-inline-start:46%}.ring-tag.d{top:45%;inset-inline-start:3%}.process-copy h2{color:var(--navy)}.process-copy h2 strong{color:#42a69f}.process-copy>p{color:#637987}.process-copy .eyebrow{color:var(--deep-teal)}.process-steps{margin-top:26px}.step{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #e0e8eb;align-items:start}.step:last-child{border-bottom:0}.step>span{font:850 .96rem Inter,Arial,sans-serif;color:#59aaa2}.step h3{font-size:1.05rem;margin:0 0 2px}.step p{margin:0;color:#81929d;font-size:.85rem}
/* CTA */
.contact-section{background:#f5f9f9;padding:70px 0 110px}.contact-card{position:relative;overflow:hidden;border-radius:36px;background:linear-gradient(120deg,#e2f3ef,#f9f8f2);padding:67px 72px;display:grid;grid-template-columns:280px 1fr;align-items:center;gap:60px;min-height:365px}.contact-art{position:relative;height:244px;display:grid;place-items:center}.contact-arc{position:absolute;width:270px;height:270px;border:31px solid rgba(101,182,177,.18);border-radius:50%;border-left-color:transparent;transform:rotate(-30deg)}.contact-art img{position:relative;z-index:2;height:207px;transform:rotate(-6deg);filter:drop-shadow(0 15px 16px rgba(26,66,72,.07))}.contact-text{position:relative;z-index:3}.contact-text h2{font-size:clamp(2rem,3.6vw,3.25rem);letter-spacing:-.04em;margin:10px 0 13px}.contact-text h2 em{font-style:normal;color:#45a69e}.contact-text p{color:#637786;font-size:1.02rem;margin:0 0 22px}.contact-text .button{direction:ltr}
.footer{padding:56px 0 35px;background:#192940;color:#bed1db}.footer-inner{display:flex;justify-content:space-between;gap:50px;align-items:end}.footer img{width:170px;height:auto;margin-bottom:10px}.footer p{max-width:385px;font-size:.81rem;margin:0}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:11px;color:#92adba;font-size:.75rem;font-weight:650}
/* Motion and respectful accessibility */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.1,1),transform .8s cubic-bezier(.2,.7,.1,1)}[data-reveal].is-visible{opacity:1;transform:none}.hero-scene.is-visible .hero-main-photo{transform:rotate(-1.5deg)}.hero-small-photo{animation:float 7.5s ease-in-out infinite}.hero-round-label{animation:float 6.4s ease-in-out infinite}.floating-note{animation:float 8s ease-in-out infinite reverse}.orbit-one{animation:orbit 32s ease-in-out infinite}.orbit-two{animation:orbit 24s ease-in-out infinite reverse}.contact-arc{animation:orbit 20s ease-in-out infinite}.ring-out{animation:spin 95s linear infinite}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes orbit{0%,100%{rotate:0deg}50%{rotate:18deg}}@keyframes spin{to{transform:rotate(360deg)}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] [data-reveal]{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}
@media(max-width:1120px){.container{width:min(var(--wide),calc(100% - 64px))}.hero-layout{gap:36px}.hero h1{font-size:clamp(3.0rem,5vw,4.5rem)}.hero-scene{height:530px}.nav-links{gap:22px}.process-layout{gap:35px}.example-layout{gap:35px}}
@media(max-width:900px){.nav{min-height:77px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:18px 34px 28px;gap:0;border-bottom:1px solid var(--line);box-shadow:0 16px 25px rgba(20,50,65,.08)}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid #f3f5f6}.menu-toggle{display:flex}.header-cta{display:none}.hero-layout{grid-template-columns:1fr}.hero{padding-top:24px}.hero-copy{padding-block:28px 0}.hero-scene{width:min(650px,100%);height:600px;margin-inline:auto}.promise-content{grid-template-columns:72px 1fr}.promise p{grid-column:1/-1;padding-inline-start:0;border:none}.promise-symbol{height:72px;width:72px}.solution-grid{gap:14px}.tile-body{padding:22px 20px}.example-layout,.process-layout{grid-template-columns:1fr}.example-art{min-height:485px}.process-art{order:2}.contact-card{grid-template-columns:190px 1fr;gap:35px;padding:52px 42px}.contact-art img{height:165px}.contact-arc{width:210px;height:210px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.concept-row{min-height:37px;font-size:.59rem}.motion-switch{font-size:.61rem}.brand img{width:138px}.nav-actions{gap:7px}.lang-switch{font-size:.7rem}.hero{padding:20px 0 80px}.hero-copy{padding:24px 0 0}.hero h1{font-size:clamp(2.95rem,11vw,4.15rem);margin:15px 0 7px;line-height:1.25}.hero-subhead{font-size:1.33rem;line-height:1.7}.hero-description{font-size:.9rem;line-height:2}.hero-actions{gap:16px}.button{min-height:49px;padding:10px 18px}.text-button{font-size:.79rem}.hero-foot{margin-top:27px}.hero-scene{height:425px;max-width:420px}.hero-main-photo{inset:8% 8% 8% 7%;border-radius:22px 105px 28px 25px}.hero-small-photo{width:40%;height:30%;border-width:5px;border-radius:17px}.hero-round-label{top:5%;inset-inline-start:-1%;font-size:.68rem;padding:7px 10px;border-radius:12px}.hero-round-label img{height:22px}.floating-note{bottom:13%;inset-inline-start:1%;font-size:.68rem;padding:8px 10px}.hero-image-footer{font-size:.47rem;top:17px}.orbit-one{height:320px;width:320px}.orbit-two{height:180px;width:180px;border-width:16px}.hero-bottom-wave{height:48px}.promise{padding:26px 0 64px}.promise-content{gap:10px}.promise h2{font-size:1.63rem}.promise p{font-size:.87rem}.section-spacing{padding:70px 0}.section-head{display:block;margin-bottom:26px}.section-head h2{font-size:2.3rem;line-height:1.42}.section-head p{font-size:.9rem;margin-top:16px}.solution-grid{grid-template-columns:1fr;gap:16px}.tile-photo{height:214px}.tile-body p{min-height:0}.photo-disclaimer{font-size:.65rem}.example-section{padding:69px 0}.example-copy h2,.process-copy h2{font-size:2.42rem}.example-copy p,.process-copy>p{font-size:.9rem}.example-steps{gap:7px;flex-wrap:wrap}.example-steps div{min-width:0;flex:1;padding:11px 9px;font-size:.68rem;gap:3px}.example-art{min-height:455px}.phone-shell{transform:scale(.88)}.phone-orbit{width:330px;height:330px}.orbit-b{width:285px;height:285px}.little-badge{bottom:25px;font-size:.64rem}.process-art{height:360px}.ring-out{width:305px;height:305px}.ring-in{width:250px;height:250px;border-width:25px}.ring-core{height:157px;width:157px}.ring-core span{font-size:.9rem}.ring-core strong{font-size:1.55rem}.process-logo{height:190px}.ring-tag{height:43px;width:43px;font-size:.76rem}.ring-tag.a{top:0}.ring-tag.b{inset-inline-end:3%}.ring-tag.c{bottom:0}.ring-tag.d{inset-inline-start:3%}.step{padding:14px 0}.contact-section{padding:30px 0 75px}.contact-card{grid-template-columns:1fr;gap:6px;padding:28px 25px 41px;border-radius:26px}.contact-art{height:142px;justify-content:start;padding-inline-start:30px}.contact-arc{height:155px;width:155px;border-width:17px}.contact-art img{height:122px}.contact-text h2{font-size:2rem}.contact-text p{font-size:.9rem}.footer{padding:40px 0}.footer-inner{display:block}.footer-right{align-items:flex-start;margin-top:22px}}
/* English type needs a tighter measure than the Arabic display headline. */
html[lang=en] .hero h1{font-size:clamp(3.0rem,4.25vw,4.05rem);letter-spacing:-.048em;line-height:1.18}
html[lang=en] .hero h1 strong{font-size:.98em}
html[lang=en] .hero-subhead{line-height:1.45}
html[lang=en] .hero-description{line-height:1.77}
html[lang=en] .section-head h2{line-height:1.25;letter-spacing:-.04em}
html[lang=en] .example-copy h2,html[lang=en] .process-copy h2{line-height:1.22;letter-spacing:-.03em}
@media(max-width:650px){html[lang=en] .hero h1{font-size:clamp(2.45rem,8.5vw,3.35rem)}}

/* Concept 2 — selected scenes A3/B4/C1, broadened brand positioning */
.hero h1{max-width:740px;line-height:1.25;font-size:clamp(3.25rem,5.25vw,5.7rem)}
.hero h1 strong{font-size:1em;line-height:1.35}
.hero-description{max-width:630px}
.hero-scene .hero-main-photo img{object-position:center 32%}
.hero-small-photo{width:45%;height:33%;bottom:-.5%;inset-inline-end:0}
.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.tile-photo{height:245px}
.tile-body p{min-height:64px}
.generations-section{background:#fff;padding:105px 0}
.generations-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:88px}
.generations-photo{min-height:490px;border-radius:34px 125px 36px 36px;box-shadow:var(--shadow)}
.generations-photo img{height:100%;position:absolute;inset:0;object-fit:cover}
.generations-photo-tag{position:absolute;bottom:24px;inset-inline-start:27px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:13px 22px;display:flex;gap:11px;align-items:center;color:#254256;font-weight:800;font-size:.85rem;box-shadow:0 10px 35px rgba(15,47,57,.12)}
.tiny-pulse{height:9px;width:9px;background:var(--teal);border-radius:50%}
.generations-copy{padding:20px 0}
.generations-copy h2{font-size:clamp(2.3rem,4vw,4.1rem);line-height:1.47;letter-spacing:-.055em;margin:17px 0}
.generations-copy h2 em{color:#43a8a0;font-style:normal}
.generations-copy p{font-size:1.03rem;line-height:2.1;color:#687e8d;max-width:560px;margin-bottom:22px}
.generations-pills{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}
.generations-pills span{padding:8px 16px;background:#e8f6f3;color:#34827e;border-radius:50px;font-size:.78rem;font-weight:850}
.selected-photo-bar{padding:18px 0;background:#edf6f4;border-top:1px solid #d3e9e4}
.selected-photo-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem;color:#486873}
.ref-links{display:flex;align-items:center;gap:11px;direction:ltr;white-space:nowrap}
.ref-links a{font:800 .72rem Inter,Arial,sans-serif;color:#1b5e5a;padding:5px 9px;border-radius:7px;border:1px solid #a8d0c7;background:white}
html[lang=en] .hero h1{font-size:clamp(3.05rem,4.75vw,4.8rem);letter-spacing:-.05em;line-height:1.1}
html[lang=en] .generations-copy h2{line-height:1.15;letter-spacing:-.046em}
@media(max-width:900px){.generations-grid{grid-template-columns:1fr;gap:34px}.generations-section{padding:65px 0}.generations-photo{min-height:380px;order:1}.generations-copy{order:2}.solution-grid{gap:18px}}
@media(max-width:650px){.hero h1{font-size:clamp(3.05rem,10vw,4.05rem)}.hero h1 strong{font-size:1em}.solution-grid{grid-template-columns:1fr}.generations-section{padding:60px 0}.generations-photo{min-height:315px;border-radius:26px 85px 28px 28px}.generations-copy h2{font-size:2.55rem}.generations-copy p{font-size:.9rem}.selected-photo-inner{flex-direction:column;align-items:flex-start;font-size:.69rem}.hero-small-photo{width:43%;height:29%}}

/* Original-homepage enhancement v2: photographs, accessibility, legibility */
.no-js [data-reveal]{opacity:1;transform:none}
.photo-container{background:#e3f2ef}
.photo-container img[data-loaded="photo"]{filter:saturate(.88) contrast(1.04)}
.photo-container::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(35,54,79,.06),transparent 46%,rgba(101,182,177,.08));mix-blend-mode:multiply}
.hero-main-photo::after{background:linear-gradient(165deg,transparent 28%,rgba(22,47,56,.14) 100%)}
.hero-main-photo img[data-loaded="photo"]{object-position:52% 35%}
.hero-small-photo img[data-loaded="photo"]{object-position:center 39%}
.solution-tile .tile-photo img[data-loaded="photo"]{object-position:center 37%}
.generations-photo img[data-loaded="photo"]{object-position:center 42%}
.solution-tile:focus-visible{outline-offset:5px}
@media(max-width:650px){.generations-photo img[data-loaded="photo"]{object-position:center 45%}.hero-main-photo img[data-loaded="photo"]{object-position:55% 45%}}

/* Production refinements: approved brand palette and static editorial photography. */
html{overflow-x:clip}
body{overflow-wrap:break-word}
.header .nav{position:relative}
.lang-switch{min-width:52px;min-height:44px;justify-content:center;padding:7px 8px;border-radius:11px}
.lang-switch:hover,.lang-switch:focus-visible{background:#edf7f5}
.menu-toggle{flex-shrink:0;min-height:44px}
.menu-toggle span{transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero-main-photo,.hero-small-photo,.generations-photo,.tile-photo{background-color:#e8efeb}
.hero-main-photo img,.hero-small-photo img,.tile-photo img,.generations-photo img{height:100%}
.footer-mini-nav{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-weight:750;color:#d4e8ea}
.footer-mini-nav a:hover,.footer-mini-nav a:focus-visible{color:#9de1db;text-decoration:underline;text-underline-offset:5px}
.footer-right{text-align:start}
.footer-right>span{direction:ltr}
.hero-actions a,.footer a,.nav-links a,.header-cta,.text-button{touch-action:manipulation}
.photo-container img[data-loaded="photo"]{filter:saturate(.94) contrast(1.03)}
/* Make loaded imagery stable and accessible when motion is disabled. */
html[data-motion="off"] .hero-main-photo,html[data-motion="off"] .hero-scene.is-visible .hero-main-photo{transform:rotate(-1.5deg)!important}
html[data-motion="off"] .hero-small-photo{transform:rotate(4deg)!important}
html[data-motion="off"] .solution-tile:hover{transform:translateY(-3px)}
/* Navigation/readability fixes for narrow devices. */
@media(max-width:900px){
 .nav-links{max-height:calc(100dvh - 80px);overflow-y:auto}
 .header{scroll-margin-top:0}
}
@media(max-width:650px){
 .header .brand img{width:132px}
 .nav{gap:9px}
 .nav-actions{gap:5px}
 .hero{padding-top:18px}
 .hero-scene{margin-inline-start:0}
 .footer-mini-nav{gap:11px 18px}
 .footer-right{align-items:flex-start}
 .hero-actions{gap:15px}
 .hero-description{font-size:.93rem}
}
@media(max-width:370px){
 .container{width:calc(100% - 26px)}
 .brand img{width:115px!important}
 .hero h1{font-size:clamp(2.6rem,11.5vw,3.25rem)}
 .hero-actions{gap:12px}
 .button{font-size:.85rem;padding:10px 15px}
 .text-button{font-size:.75rem}
 .menu-toggle{width:42px}
 .nav-links{padding-inline:20px}
 .hero-scene{height:365px}
 .generations-copy h2{font-size:2.15rem}
 .example-steps div{padding:9px 6px}
}


/* Final visual corrections requested by owner: content, layout, and photos unchanged. */
/* Caption is at the clear top-left of the hero image, away from the book. */
.hero-scene .floating-note {
  top: 6%;
  bottom: auto;
  inset-inline-start: auto;
  inset-inline-end: 4%;
  animation: none;
}
/* Reveal the approved brand mark through the 'نقترب / لنفهم' words. */
.process-art .ring-core {
  background: transparent;
  box-shadow: none;
  color: var(--navy);
  text-shadow: 0 1px 2px rgba(255,255,255,.98), 0 0 9px rgba(255,255,255,.85);
}
.process-art .ring-core span { color: var(--navy); }
.process-art .ring-core strong { color: var(--deep-teal); }
.process-art .process-logo { opacity: .29; }
@media(max-width:650px){
  .hero-scene .floating-note { top: 5%; inset-inline-start: auto; inset-inline-end: 3%; }
}