@import url('fonts.css');
:root{--paper:#f5f5f6;--white:#fff;--ink:#111318;--muted:#7d8189;--navy:#243977;--navy-dark:#142a5a;--line:#e6e9ed;--content:71.4%;--radius:clamp(15px,2vw,29px);--shadow:0 25px 30px -12px #1c2c4b20;--font:'Cairo',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.65;font-size:clamp(12px,1.5vw,19px)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4c80d1;outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;font-weight:800}h2{font-size:clamp(20px,2.7vw,39px)}h3{font-size:clamp(14px,1.8vw,26px)}p{color:var(--muted);font-size:clamp(10px,1.2vw,17px);line-height:1.7}.container{width:var(--content);max-width:1180px;margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50px;background:var(--navy);color:white;font-size:clamp(10px,1.2vw,17px);font-weight:700;padding:.85em 2.4em;box-shadow:0 3px 7px #1a2c5d1a;white-space:nowrap}.btn:hover{background:#1c2e65}.btn.soft{background:#eaf0f4;color:var(--navy);box-shadow:none;padding:.55em 1.05em;font-size:clamp(10px,1.05vw,15px)}.site-nav{position:absolute;top:0;left:0;right:0;z-index:10;color:white;direction:ltr}.nav-inner{height:clamp(51px,7vw,100px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand img{width:clamp(30px,4vw,58px);height:clamp(30px,4vw,58px);object-fit:contain}.brand span{font:900 clamp(10px,1.45vw,21px) Arial;letter-spacing:-.3px}.nav-links{display:flex;gap:clamp(10px,1.5vw,23px);align-items:center}.nav-links a{font-size:clamp(8px,.9vw,13px);white-space:nowrap;font-weight:500;opacity:.96}.nav-links a:hover,.nav-links a.active{text-decoration:underline;text-underline-offset:7px}.nav-tools{display:flex;gap:8px;align-items:center}.nav-tools button{background:none;border:0;color:white;padding:3px;font-size:clamp(10px,1.1vw,16px)}.menu-btn{display:none}.hero{position:relative;height:55.3vw;max-height:800px;min-height:360px;overflow:hidden;isolation:isolate;background:#173147}.hero-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(105deg,#071b32bd,#102b3d66 50%,#0b21332e),linear-gradient(0deg,#05152977,transparent 60%)}.hero-inner{padding-top:13.7vw;position:relative;direction:ltr}.hero-copy{width:51%;text-align:start;direction:rtl}.hero h1{font-size:clamp(32px,4.8vw,69px);line-height:1.13;font-weight:900;letter-spacing:-.02em;color:white;text-shadow:0 3px 4px #0009;margin-bottom:2.1vw}.hero h1 span{display:block}.hero-copy p{color:#e4eaf0;max-width:90%;font-size:clamp(10px,1.2vw,17px);line-height:1.6;margin-bottom:2vw}.hero-copy .btn{font-size:clamp(10px,1.1vw,16px);padding:.75em 2.4em}.floating-search{position:relative;z-index:3;margin-top:-7.5vw;background:#fffffff5;border:1px solid #fff;border-radius:clamp(16px,2vw,30px);padding:1.6vw;box-shadow:0 10px 20px #183b6910;backdrop-filter:blur(14px)}.search-form{display:flex;gap:1vw;direction:ltr;margin-bottom:2vw}.search-input{position:relative;flex:1;min-width:0}.search-input input{width:100%;height:4vw;max-height:58px;min-height:31px;border:0;box-shadow:0 2px 6px #00000012;border-radius:40px;background:white;padding:0 1.3vw 0 3.8vw;font-size:clamp(11px,1.4vw,20px);color:#525c69;outline:none;direction:rtl}.search-input:before{content:'⌕';position:absolute;z-index:1;left:1.4vw;top:50%;transform:translateY(-55%);font-size:clamp(18px,2.3vw,33px);color:#7d8a99}.search-form .btn{align-self:center;min-height:3.8vw;font-size:clamp(9px,1.1vw,16px);padding:.8em 1.8em}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:1vw;direction:ltr}.category{display:block;text-align:left;border:1px solid transparent;border-radius:clamp(5px,.7vw,10px);background:#edf0f3;padding:1.3vw 1.2vw;color:#111;transition:border-color .2s}.category small{font-size:clamp(7px,.8vw,12px);color:#969da7;display:block;margin-bottom:.15vw;direction:rtl;text-align:start}.category strong{display:flex;gap:5px;align-items:center;font-size:clamp(10px,1.3vw,19px);font-weight:800;white-space:nowrap;direction:rtl}.category i{font-style:normal;color:#2e477d;font-size:.95em}.category:hover,.category.active{border-color:#b4c2d7;background:#e6ecf5}.home-cards{padding:6.7vw 0 0}.home-cards h2{margin-bottom:2.1vw}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.1vw;direction:ltr}.content-card{overflow:hidden;background:white;border:1px solid #fff;border-radius:var(--radius);box-shadow:var(--shadow);direction:rtl;display:flex;flex-direction:column}.content-card .card-img{width:100%;aspect-ratio:1.53;object-fit:cover;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.card-body{padding:1.8vw 1.6vw;flex:1;display:flex;flex-direction:column;align-items:flex-start}.card-body h3{margin-bottom:.6vw;font-size:clamp(13px,1.65vw,24px)}.card-body small{font-size:clamp(8px,.95vw,14px);color:#a1a5ad;margin-bottom:.55vw}.card-body p{font-size:clamp(9px,1.05vw,15px);line-height:1.6;margin-bottom:1.2vw}.card-body .btn{margin-top:auto}.story{display:grid;grid-template-columns:1fr 1fr;gap:2.1vw;align-items:center;margin-top:8.7vw;margin-bottom:3.4vw;direction:ltr}.story-visual{border-radius:clamp(28px,4.7vw,68px);overflow:hidden;height:25.6vw;max-height:370px;background:#d9e0e9}.story-visual img{width:100%;height:100%;object-fit:cover}.story-copy{direction:rtl;text-align:start;background:white;border-radius:18px;padding:1.6vw 1vw}.story h2{font-size:clamp(20px,2.7vw,39px);margin-bottom:1.5vw;line-height:1.12}.story p{font-size:clamp(9px,1.03vw,15px);margin-bottom:1.4vw}.story-address{display:flex;gap:15px;color:#8d95a0;font-size:clamp(8px,.9vw,13px);margin-bottom:1.2vw}.story-address b{color:#1a2434;font-size:1.2em}.story .btn{font-size:clamp(8px,.95vw,14px);padding:.65em 1.5em}.site-footer{border-top:1px solid #e4e7ec;background:var(--paper);padding:4vw 0 2vw;margin-top:7vw}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3vw}.footer-grid h3{font-size:clamp(15px,1.5vw,22px);margin-bottom:15px}.footer-grid a{display:block;margin:8px 0;color:#62738c;font-size:clamp(11px,1.05vw,15px)}.footer-grid p{font-size:clamp(11px,1.05vw,15px)}.copyright{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#9ba2ac;font-size:12px;display:flex;justify-content:space-between;gap:15px}.page-banner{height:23vw;max-height:330px;min-height:220px;background:#19324e;position:relative;isolation:isolate;color:white;display:flex;align-items:end;padding-bottom:3vw;overflow:hidden}.page-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.3}.page-banner h1{font-size:clamp(30px,4vw,58px);margin-bottom:10px}.page-banner p{color:#d9e1e9;max-width:650px;font-size:clamp(12px,1.2vw,17px)}.section{padding:5vw 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head p{max-width:500px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw}.grid .content-card h3{font-size:clamp(16px,1.7vw,24px)}.grid .content-card p{font-size:clamp(11px,1.1vw,16px)}.grid .card-body{padding:24px}.product-photo{background:#e9eef4;height:230px;padding:25px;display:grid;place-items:center}.product-photo img{max-height:180px;object-fit:contain;max-width:100%}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filters button{border:0;background:#e6ebf2;color:#50627b;border-radius:40px;padding:9px 19px;font-size:14px}.filters button.active{background:var(--navy);color:white}.searchbox{border:1px solid #e0e5ec;border-radius:40px;padding:13px 22px;width:min(450px,100%);font-size:15px;background:white}.detail-layout,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:start}.detail-photo{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);padding:30px;min-height:320px;display:grid;place-items:center}.detail-photo img{max-height:420px;object-fit:contain}.detail-copy h2{margin-bottom:24px}.detail-copy p{margin-bottom:25px;font-size:clamp(14px,1.2vw,18px)}.notice{font-size:13px!important;border-inline-start:3px solid #a8bad3;padding:13px 18px;background:#eaf0f7;color:#566b85}.detail-copy .actions{display:flex;gap:12px;flex-wrap:wrap}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.value{background:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:35px}.value h3{margin-bottom:15px}.quote-form{background:white;border-radius:var(--radius);padding:35px;box-shadow:var(--shadow)}.quote-form h2{font-size:28px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form label{display:block;margin-bottom:18px;font-size:14px;font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #dce3ed;background:#f8fafc;padding:12px 14px;border-radius:9px;color:#24344e;font-size:15px}.quote-form textarea{min-height:120px;resize:vertical}.form-note{font-size:12px;margin-top:15px}.location{padding:23px 0;border-bottom:1px solid #dce2e9}.location h3{font-size:23px;margin-bottom:12px}.location p,.location a{font-size:15px;color:#687a92}.faq details{border-bottom:1px solid #dce2eb;padding:23px 0}.faq summary{font-size:19px;font-weight:700;cursor:pointer}.faq p{font-size:16px;margin-top:18px}.breadcrumb{font-size:12px;color:#8698b0;margin-bottom:20px}.project-image{width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:22px;background:white}.project-info{background:white;border-radius:18px;padding:30px;margin-top:25px}.project-info h2{font-size:28px;margin-bottom:16px}.project-info p{font-size:16px}.article-layout{max-width:800px;margin:auto;background:white;border-radius:20px;padding:40px}.article-layout p{font-size:18px;margin-bottom:25px}.article-layout h2{font-size:28px;margin-bottom:25px}.loader{position:fixed;inset:0;background:#10213a;color:white;display:grid;place-items:center;z-index:100;transition:opacity .55s,visibility .55s}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.load-core{text-align:center}.load-core strong{font:900 35px Arial;letter-spacing:5px;display:block}.load-core img{width:120px;height:120px;object-fit:contain;margin:25px auto 15px;opacity:0;animation:logoIn 1s .35s both}.load-core small{color:#bdcbde;display:block;font-size:13px;margin-bottom:30px}.load-core button{font-size:12px;color:#b9c8dc;background:transparent;border:1px solid #728bb066;border-radius:30px;padding:8px 20px}.chat-toggle{position:fixed;bottom:20px;inset-inline-end:20px;border:0;background:var(--navy);border-radius:40px;color:white;padding:12px 19px;font-size:13px;z-index:40;box-shadow:0 5px 20px #1b336b33}.chat-panel{position:fixed;bottom:80px;inset-inline-end:20px;width:min(360px,calc(100% - 32px));background:white;border-radius:20px;box-shadow:0 15px 60px #20396b44;border:1px solid #e3e9f0;overflow:hidden;z-index:40}.chat-head{padding:15px 20px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;font-size:15px}.chat-head button{border:0;background:none;color:white;font-size:24px}.chat-log{height:240px;overflow:auto;padding:15px}.chat-msg{background:#eff3f8;border-radius:10px;padding:12px;font-size:14px;margin-bottom:10px;white-space:pre-line}.chat-msg.user{margin-inline-start:25px;background:#dce7f6}.chat-form{display:flex;gap:7px;padding:14px;border-top:1px solid #edf0f5}.chat-form input{flex:1;min-width:0;border:1px solid #dce3ec;padding:8px;border-radius:8px;font-size:14px}.chat-form button{background:var(--navy);color:white;border:0;border-radius:8px;padding:8px 12px;font-size:13px}.chat-note{font-size:10px;padding:0 15px 12px}.media-section{position:relative;background:#101b2c;color:white;overflow:hidden;padding:60px 0 70px;isolation:isolate}.media-section:before{content:'';position:absolute;left:20%;right:20%;top:20%;height:50%;background:#17487966;filter:blur(80px);z-index:-1}.media-section p{color:#97acc6}.media-window{perspective:1100px;height:440px;position:relative;touch-action:pan-y}.media-wheel{width:100%;height:100%;position:relative;transform-style:preserve-3d}.media-item{position:absolute;top:30px;left:calc(50% - 155px);width:310px;height:350px;border:1px solid #4f80a666;border-radius:18px;background:#182b45;overflow:hidden;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .75s,filter .75s;transform-style:preserve-3d;color:white;padding:0;box-shadow:0 15px 50px #0005}.media-item img{width:100%;height:100%;object-fit:cover;opacity:.76}.media-label{position:absolute;bottom:20px;left:18px;right:18px;text-align:center;background:#0e1e35da;border-radius:10px;padding:12px;font-size:15px}.media-play{position:absolute;top:45%;left:calc(50% - 25px);border:1px solid #d4e6ff66;background:#bbd7f2;color:#0c243d;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:20px}.media-controls{display:flex;justify-content:center;gap:12px;position:relative;z-index:3}.media-controls button{border:1px solid #577497;background:#1a2c46;color:#d6e7fb;width:40px;height:40px;border-radius:50%;font-size:19px}.media-controls output{font-size:13px;align-self:center;color:#a2bbd6}.video-dialog{border:0;padding:0;border-radius:17px;width:min(850px,94vw);background:white;max-height:90vh}.video-dialog::backdrop{background:#07111fc9}.dialog-head{display:flex;justify-content:space-between;padding:15px 20px;align-items:center;font-size:15px;border-bottom:1px solid #e6ecf5}.dialog-head button{background:none;border:0;font-size:25px}.dialog-content{padding:25px}.dialog-content iframe{width:100%;aspect-ratio:16/9;border:0}.dialog-content form input{display:block;width:100%;padding:12px;border:1px solid #d3deea;border-radius:8px;margin:20px 0;direction:ltr}.dialog-content p{font-size:15px}.readmore{display:inline-block;font-size:14px;color:var(--navy);font-weight:700;margin-top:18px}.empty{font-size:16px;padding:25px}.skip{position:absolute;top:-100px;background:white;color:#162e5a;padding:12px;z-index:110}.skip:focus{top:0}[hidden]{display:none!important}.scroll-progress{height:2px;background:#58719c;position:fixed;top:0;left:0;z-index:50;width:0;pointer-events:none}.mask-word{display:inline-block}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.section-kicker{color:#9ca6b5;font-size:12px;margin-bottom:12px;letter-spacing:2px;display:block}.responsive-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}td,th{padding:15px;border-bottom:1px solid #e1e6ee;text-align:start}.gallery-image{aspect-ratio:1.53;object-fit:cover;width:100%}.language-text{direction:ltr}.nav-search-icon{font-size:17px!important}.media-config-note{text-align:center;font-size:12px!important;margin-top:25px}.dark-mode{--paper:#edf0f4}/* Reference palette is retained; dark alternative is intentionally not added. */
@keyframes logoIn{from{opacity:0;transform:translateY(15px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(min-width:1650px){:root{--content:1180px}.hero-inner{padding-top:220px}.floating-search{margin-top:-110px;padding:24px}.search-form{margin-bottom:28px}.categories{gap:15px}.category{padding:18px}.home-cards{padding-top:100px}.story{margin-top:130px;gap:35px}.story-copy{padding:25px}.card-body{padding:26px}.story-visual{height:370px}.hero h1{margin-bottom:30px}.hero-copy p{margin-bottom:30px}}
@media(max-width:640px){:root{--content:90%;--radius:17px}body{font-size:15px}.nav-inner{height:73px;gap:12px}.brand img{height:40px;width:40px}.brand span{font-size:15px}.nav-tools button{font-size:15px}.menu-btn{display:block!important}.nav-links{display:none;position:absolute;top:73px;left:5%;right:5%;background:#172c50f5;border-radius:12px;padding:18px;box-shadow:0 10px 30px #0003}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{font-size:15px;padding:10px}.hero{height:600px;min-height:0;max-height:none}.hero-bg{object-position:60% center}.hero-inner{padding-top:145px}.hero-copy{width:83%}.hero h1{font-size:43px;line-height:1.2;margin-bottom:20px}.hero-copy p{font-size:14px;line-height:1.8;margin-bottom:25px;max-width:95%}.hero-copy .btn{font-size:13px;padding:11px 30px}.floating-search{margin-top:-65px;padding:15px;border-radius:20px}.search-form{gap:10px;margin-bottom:15px}.search-input input{height:43px;font-size:13px;padding-inline:16px 35px}.search-input:before{font-size:24px;left:13px}.search-form .btn{font-size:11px;padding:12px 18px;min-height:43px}.categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:auto}.category{padding:12px 7px;border-radius:7px}.category small{font-size:8px;margin-bottom:4px}.category strong{font-size:10px;white-space:normal;gap:3px}.category i{display:none}.home-cards{padding-top:50px}.home-cards h2{font-size:25px;margin-bottom:25px}.three-grid,.grid{grid-template-columns:1fr;gap:25px}.content-card .card-img{aspect-ratio:1.65}.card-body,.grid .card-body{padding:23px}.card-body h3,.grid .content-card h3{font-size:23px;margin-bottom:8px}.card-body small{font-size:12px;margin-bottom:10px}.card-body p,.grid .content-card p{font-size:14px;margin-bottom:20px}.card-body .btn{font-size:13px}.story{grid-template-columns:1fr;gap:22px;margin-top:55px;margin-bottom:30px}.story-visual{height:280px;border-radius:38px}.story-copy{padding:25px;border-radius:20px}.story h2{font-size:28px;line-height:1.3;margin-bottom:20px}.story p{font-size:14px;margin-bottom:20px}.story-address{font-size:11px;margin-bottom:20px}.story .btn{font-size:13px;padding:10px 22px}.site-footer{padding:45px 0 20px;margin-top:55px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid h3{font-size:21px}.footer-grid p,.footer-grid a{font-size:14px}.copyright{display:block;font-size:11px}.copyright span{display:block;margin:7px 0}.page-banner{height:300px;min-height:0;padding-bottom:35px}.page-banner h1{font-size:34px;margin-bottom:15px}.page-banner p{font-size:14px}.section{padding:45px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:27px;margin-bottom:16px}.section-head p{font-size:15px}.detail-layout,.contact-layout,.values-grid{grid-template-columns:1fr;gap:30px}.detail-copy p{font-size:16px}.detail-copy h2{font-size:29px}.detail-photo{min-height:260px;padding:25px}.quote-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.value{padding:27px}.value h3{font-size:25px}.value p{font-size:15px}.project-info{padding:25px}.project-info h2{font-size:25px}.article-layout{padding:25px}.article-layout h2{font-size:26px}.article-layout p{font-size:16px}.media-window{height:380px}.media-item{width:240px;height:300px;left:calc(50% - 120px)}.media-label{font-size:13px}.media-section{padding:40px 0}.btn{font-size:14px}.hero h1 span{display:block}.chat-toggle{font-size:12px;padding:11px 17px;bottom:15px;inset-inline-end:15px}.chat-panel{bottom:73px;inset-inline-end:15px}.chat-note{font-size:10px}.load-core strong{font-size:29px}.load-core img{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.load-core img{opacity:1}.mask-word{transform:none!important;opacity:1!important}}

.model-area{border-radius:22px;overflow:hidden;background:#e7f0f8}.model-area canvas{width:100%;height:370px;display:block;touch-action:none}.model-area p{font-size:12px;text-align:center;padding:15px;color:#607d98}.model-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.model-buttons button{padding:9px 16px;border:1px solid #d4dfed;background:white;border-radius:30px;color:#304c75;font-size:14px}#modelSelect{display:block;width:100%;padding:11px;background:white;border:1px solid #d4dfed;border-radius:9px;margin-top:10px;font-size:15px;color:#304c75}@media(max-width:640px){.model-area canvas{height:300px}}
@media(min-width:641px) and (max-width:1649px){.search-form{margin-bottom:3.4vw}.home-cards{padding-top:6.7vw}}
/* Expanded homepage and readable typography */
:root{--content:83%;--footer-blue:#204e8b}.hero{height:auto;max-height:none;min-height:0;background:#071725;padding-bottom:100px}.hero:before{display:none}.hero-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2.7;object-fit:contain;object-position:center;transform:none!important}.hero-inner{padding-top:5px!important;padding-bottom:15px;direction:rtl}.hero-copy{width:100%;max-width:850px;margin-inline-start:0;margin-inline-end:auto;text-align:right;direction:rtl}.hero h1{font-size:clamp(31px,3.3vw,49px);font-weight:800;line-height:1.6;text-shadow:none;letter-spacing:0;margin-bottom:20px}.hero h1 span{display:block}.hero-copy p{font-size:18px;max-width:760px;line-height:1.9;margin-bottom:24px}.hero-copy .btn{font-size:15px;padding:12px 28px;background:#2a65ad}.floating-search{margin-top:-60px;padding:24px}.search-form{margin-bottom:25px}.search-input input{font-size:16px;height:50px;min-height:50px;padding-left:48px}.search-form .btn{font-size:14px;min-height:48px}.category{padding:15px 14px}.category small{font-size:11px}.category strong{font-size:16px}.home-cards{padding-top:70px}.home-cards h2{font-size:36px;margin-bottom:30px}.card-body{padding:26px}.card-body h3,.grid .content-card h3{font-size:23px;line-height:1.55;margin-bottom:12px}.card-body p,.grid .content-card p{font-size:16px;line-height:1.85;margin-bottom:22px}.card-body small{font-size:12px;margin-bottom:12px}.btn,.btn.soft{font-size:15px}.three-grid,.grid{gap:26px}.content-card,.value,.story-visual,.detail-photo{transition:translate .4s,box-shadow .4s,border-color .4s}.content-card:hover,.value:hover{translate:0 -8px;box-shadow:0 22px 45px #1e3f6e26;border-color:#b5cce7}.content-card img,.story-visual img,.product-photo img{transition:scale .65s,filter .65s}.content-card:hover img,.story-visual:hover img{scale:1.045;filter:saturate(1.06)}.btn,.category,.filters button{transition:translate .25s,background .25s,box-shadow .25s}.btn:hover,.category:hover{translate:0 -3px;box-shadow:0 9px 22px #1c437d22}.nav-links a{transition:opacity .25s;position:relative}.nav-links a:hover{opacity:.75}.nav-links a{font-size:13px}.nav-links{gap:17px}.nav-inner{gap:16px}.brand span{font-size:19px}.story{margin-top:80px;margin-bottom:30px;gap:36px}.story-visual{height:350px}.story-copy{padding:30px 15px}.story h2{font-size:37px;line-height:1.5;margin-bottom:20px;white-space:pre-line}.story p{font-size:17px;line-height:1.9;margin-bottom:20px}.story-address{font-size:13px;margin-bottom:22px}.story .btn{font-size:15px;padding:11px 24px}.section{padding:70px 0}.section-head{margin-bottom:35px}.section-head h2{font-size:36px;line-height:1.5}.section-head p{font-size:17px}.section-more{text-align:center;margin-top:35px}.value{border:1px solid #edf0f6;box-shadow:0 12px 32px #1b375014;padding:32px}.value h3{font-size:26px;margin-bottom:17px}.value p{font-size:17px;line-height:1.9}.why-grid,.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-grid h3,.process-grid h3{font-size:22px}.why-grid p,.process-grid p{font-size:15px}.process-grid small{display:block;font-size:24px;color:#7999c2;margin-bottom:20px}.final-contact{background:var(--footer-blue);color:white;padding:75px 0}.final-contact .section-head h2{color:white}.final-contact p{color:#d4e4f9}.final-contact .quote-form{background:#ffffff0c;border:1px solid #ffffff33;box-shadow:none;color:white}.final-contact .quote-form h2,.final-contact label{color:white}.final-contact input,.final-contact select,.final-contact textarea{background:#fff;color:#153866;border:1px solid #dce8f5}.final-contact .btn{background:white;color:#1a467e;font-weight:800}.final-contact .location{border-color:#ffffff33}.final-contact .location h3{color:white}.final-contact .location p,.final-contact .location a{color:#e4efff}.form-note{font-size:13px;line-height:1.8}.site-footer{background:var(--footer-blue);color:white;border-top:1px solid #ffffff2b;padding-top:55px;margin-top:0}.footer-grid h3{color:white;font-size:22px}.footer-grid p{color:#e0ebfa;font-size:16px;line-height:1.9}.footer-grid a{color:#e2eeff;font-size:15px}.copyright{border-color:#ffffff2b;color:#c4d8f4;font-size:12px}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.quote-form .submit-state{font-size:14px}.quote-form .email-fallback{display:inline-block;margin-top:15px;background:#e6eef8;color:#1b487c;border:1px solid #c2d7f0;padding:10px 18px;border-radius:30px;font-size:14px}.media-section{padding:65px 0}.media-section h2{font-size:36px}.media-section p{font-size:16px}.media-item:hover{box-shadow:0 15px 45px #00182f88;border-color:#84b6e3}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{outline:2px solid #6f9ed0;outline-offset:2px}.faq summary{font-size:22px}.faq p{font-size:17px;line-height:1.9}.hero .hero-bg{margin-top:0}.site-nav{background:linear-gradient(#07162588,transparent)}
@media(max-width:1050px){.why-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:12px}.nav-links a{font-size:11px}.brand span{font-size:16px}.three-grid,.grid{gap:20px}.card-body,.grid .card-body{padding:22px}.card-body h3,.grid .content-card h3{font-size:21px}}
@media(max-width:820px){.nav-links{display:none;position:absolute;top:73px;left:5%;right:5%;background:#172c50f5;border-radius:12px;padding:18px;box-shadow:0 10px 30px #0003}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{font-size:15px;padding:10px}.menu-btn{display:block!important}.nav-inner{height:73px}.brand img{height:40px;width:40px}.nav-tools button{font-size:15px}}
@media(max-width:640px){:root{--content:90%}.hero{padding-bottom:85px}.hero-bg{margin-top:73px!important;width:100%;height:auto;aspect-ratio:2.7;object-fit:contain}.hero-inner{padding-top:30px!important;padding-bottom:12px}.hero-copy{max-width:none;width:100%;text-align:right}.hero h1{font-size:29px;line-height:1.65;margin-bottom:18px}.hero-copy p{font-size:16px;line-height:1.9;max-width:100%;margin-bottom:22px}.hero-copy .btn{font-size:14px}.floating-search{margin-top:-55px;padding:16px}.search-form{margin-bottom:15px}.search-input input{height:44px;min-height:44px;font-size:13px}.search-form .btn{font-size:12px;padding-inline:17px;min-height:44px}.categories{grid-template-columns:repeat(5,minmax(75px,1fr));overflow:auto;gap:7px;padding-bottom:4px}.category{padding:12px 8px}.category small{font-size:9px}.category strong{font-size:11px}.home-cards{padding-top:50px}.home-cards h2{font-size:27px;margin-bottom:25px}.three-grid,.grid{gap:24px}.card-body,.grid .card-body{padding:24px}.card-body h3,.grid .content-card h3{font-size:24px}.card-body p,.grid .content-card p{font-size:16px}.btn,.btn.soft{font-size:14px}.story{margin-top:60px;gap:22px}.story-visual{height:280px}.story-copy{padding:25px}.story h2{font-size:29px}.story p{font-size:16px}.section{padding:50px 0}.section-head{margin-bottom:25px}.section-head h2,.media-section h2{font-size:28px}.section-head p{font-size:16px}.values-grid{gap:22px}.value{padding:26px}.value h3{font-size:25px}.value p{font-size:16px}.why-grid,.process-grid{grid-template-columns:1fr;gap:18px}.why-grid h3,.process-grid h3{font-size:24px}.why-grid p,.process-grid p{font-size:16px}.final-contact{padding:55px 0}.site-footer{padding-top:40px}.site-footer .footer-grid{gap:25px}.footer-grid p{font-size:15px}.footer-grid a{font-size:15px}.faq summary{font-size:20px}.faq p{font-size:16px}.section-more{margin-top:28px}.media-section{padding:45px 0}}
@media(prefers-reduced-motion:reduce){.content-card:hover,.value:hover,.btn:hover,.category:hover{translate:none}.content-card:hover img,.story-visual:hover img{scale:1}}
.social-icons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 0}.social-icons a{display:flex;align-items:center;gap:8px;border:1px solid #ffffff55;border-radius:40px;padding:10px 16px;color:#fff;font-size:13px;transition:background .25s,translate .25s}.social-icons a:hover{background:#ffffff20;translate:0 -3px}.social-icons svg{width:20px;height:20px;flex-shrink:0}.product-guide .article-layout{max-width:980px}.product-guide h3{font-size:25px;margin:35px 0 18px}.product-guide p{font-size:18px;line-height:2;margin-bottom:24px}.article-related{display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid #e1e7ef;padding-top:25px;margin-top:30px}.article-related a{font-size:15px;color:#234c83}.article-related .btn{color:#fff}.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:30px}.video-card{background:linear-gradient(145deg,#17365b,#061526);overflow:hidden;cursor:default}.inline-play{display:block;position:absolute;inset:0;border:0;background:radial-gradient(ellipse at 50% 38%,#32699c77,transparent 70%);color:white;width:100%;height:100%;cursor:pointer}.inline-video-number{position:absolute;top:25px;left:20px;right:20px;text-align:center;font-size:12px;letter-spacing:2px;color:#99c8ed}.inline-video-slot{position:absolute;inset:0;background:#06111e}.inline-video-slot iframe{width:100%;height:100%;border:0;display:block}.video-card.is-playing .inline-play{display:none}.video-card.is-playing .inline-video-slot{z-index:2}.video-card.short-video{aspect-ratio:9/16}.media-window{height:410px}.media-item{top:20px;height:345px;width:340px;left:calc(50% - 170px)}.media-section{padding-bottom:40px}#projects{padding-bottom:35px}#projects+.media-section{margin-top:0}.product-guide .section-kicker{font-size:12px}@media(max-width:640px){.social-icons{gap:9px}.social-icons a{font-size:12px;padding:9px 13px}.product-guide .article-layout{padding:24px}.product-guide h3{font-size:23px}.product-guide p{font-size:16px;line-height:1.95}.media-item{width:260px;left:calc(50% - 130px);height:310px}.media-window{height:365px}.media-section{padding-bottom:30px}.inline-video-number{font-size:10px}#projects{padding-bottom:20px}.article-cover{border-radius:12px}}

.video-local-note{position:absolute;inset:20%;z-index:8;background:#102343;color:white;padding:18px;border-radius:12px;font-size:15px;line-height:1.8}.chat-msg{white-space:pre-wrap}.chat-form button:disabled{opacity:.6}.article-layout p{font-size:18px;line-height:2.15}.article-toc{padding:24px;background:#edf4fc;border-radius:14px;margin:24px 0}.article-toc a{display:block;padding:7px;color:#204e8b}.article-layout h3{font-size:26px;margin-top:38px;scroll-margin-top:100px}
/* Cairo Tech navigation motion: original geometry and palette retained. */
.site-nav.nav-motion{position:fixed;z-index:40;isolation:isolate;transition:background .5s,box-shadow .5s,backdrop-filter .5s;border-bottom:1px solid transparent}
.site-nav.nav-motion:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,#3f7fcb 35%,#79caff 50%,#3f7fcb 65%,transparent 95%);background-size:200% 100%;opacity:0;transition:opacity .5s;animation:navEdgeLight 5s linear infinite;pointer-events:none}
.site-nav.nav-scrolled{background:#142a5af2;backdrop-filter:blur(18px);box-shadow:0 8px 30px #142a5a30;border-bottom-color:#86c6ff29}
.site-nav.nav-scrolled:after{opacity:.8}.nav-motion .nav-inner{transition:height .45s cubic-bezier(.22,1,.36,1)}
.nav-motion .brand,.nav-motion .nav-tools a,.nav-motion .nav-tools button,.nav-motion .nav-links a{position:relative;transform:translate(var(--nav-x,0px),var(--nav-y,0px));transition:transform .3s cubic-bezier(.22,1,.36,1),color .25s,background .25s,box-shadow .3s,opacity .3s;isolation:isolate}
.nav-motion .nav-links a:hover,.nav-motion .nav-links a.active{text-decoration:none;opacity:1;color:#fff;text-shadow:0 0 16px #8fceff88}
.nav-motion .nav-links a:after{content:'';position:absolute;bottom:-7px;inset-inline:0;height:2px;background:#9bd8ff;border-radius:8px;transform:scaleX(0);transform-origin:right;transition:transform .38s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #6ec6ff99}
.nav-motion .nav-links a:hover:after,.nav-motion .nav-links a:focus-visible:after,.nav-motion .nav-links a.active:after{transform:scaleX(1)}
.nav-motion .brand img{transition:filter .4s,transform .55s}.nav-motion .brand:hover img{filter:drop-shadow(0 0 9px #76c9ff80);transform:rotate(-5deg) scale(1.06)}
.nav-motion .nav-tools button,.nav-motion .nav-tools a{display:inline-grid;place-items:center;min-width:32px;min-height:32px;border-radius:50%;overflow:hidden}
.nav-motion .nav-tools button:hover,.nav-motion .nav-tools a:hover{background:#b2dbff21;box-shadow:0 0 0 1px #9cceff55,0 0 18px #529fff40}
.nav-ripple{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:#b9e5ff66;pointer-events:none;z-index:-1;animation:navRipple .6s ease-out both}
.nav-enter .brand{animation:navReveal .8s .12s both}.nav-enter .nav-links a{animation:navReveal .7s calc(.2s + var(--nav-order)*.065s) both}.nav-enter .nav-tools{animation:navReveal .8s .55s both}.nav-language-switch{animation:navLanguage .6s ease both}
@keyframes navReveal{from{opacity:0;translate:0 -15px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes navEdgeLight{to{background-position:200% 0}}@keyframes navRipple{to{transform:scale(13);opacity:0}}@keyframes navLanguage{50%{rotate:180deg;filter:drop-shadow(0 0 8px #9bd8ff)}to{rotate:360deg}}
@media(min-width:1101px){.nav-motion.nav-scrolled .nav-inner{height:76px}}
@media(max-width:1100px){.nav-motion .nav-links{transform-origin:top;transition:opacity .3s,transform .4s}.nav-motion .nav-links.open{animation:navMenuIn .4s ease both}.nav-motion .nav-links.open a{animation:navReveal .45s calc(var(--nav-order)*.035s) both}.nav-motion .nav-links a:after{bottom:5px;inset-inline:10px}.nav-motion.nav-menu-open{background:#142a5af5}.nav-menu-open #menuButton{rotate:90deg;box-shadow:0 0 20px #65b7ff44}.nav-motion #menuButton{transition:rotate .35s,box-shadow .35s}.nav-motion.nav-scrolled .nav-inner{height:73px}}
@keyframes navMenuIn{from{opacity:0;transform:translateY(-12px) scale(.97);clip-path:inset(0 0 100% 0 round 12px)}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0 round 12px)}}
@media(prefers-reduced-motion:reduce){.nav-motion *,.site-nav.nav-motion:after{animation:none!important;transition:none!important}.nav-motion .brand,.nav-motion .nav-links a,.nav-motion .nav-tools{opacity:1!important;transform:none!important;filter:none!important}}
/* Full-bleed hero: image and copy share one cover area. */
.hero{position:relative;display:flex;align-items:center;width:100%;height:92svh;min-height:660px;max-height:1000px;padding:110px 0 125px;overflow:hidden;isolation:isolate;background:#071725}
.hero .hero-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;margin:0!important;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none!important}
.hero:before{display:block;content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,#061528bd 0%,#07172a7a 53%,#07172a26 100%),linear-gradient(0deg,#06152866,transparent 35%);pointer-events:none}
.hero .hero-inner{position:relative;width:var(--content);padding:0!important;direction:rtl;z-index:1}
.hero .hero-copy{position:relative;isolation:isolate;width:min(100%,780px);max-width:780px;margin:0;text-align:right;direction:rtl;padding:30px 34px}
.hero .hero-copy:before{content:'';position:absolute;inset:-25px -35px;z-index:-1;pointer-events:none;background:#081c344a;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%)}
.hero h1{font-size:clamp(38px,4.1vw,64px);line-height:1.5;color:#fff;text-shadow:0 3px 20px #0009;margin-bottom:22px}
.hero .hero-copy p{font-size:clamp(17px,1.5vw,22px);color:#f0f5ff;max-width:680px;line-height:1.95;margin-bottom:28px;text-shadow:0 2px 10px #0008}
.hero .hero-copy .btn{background:#2a65ad;color:#fff;font-size:17px;padding:14px 32px;box-shadow:0 8px 26px #0003}
html[lang=en] .hero .hero-copy{direction:ltr;text-align:left;margin-left:0;margin-right:auto}
@media(max-width:760px){.hero{height:auto;min-height:90svh;max-height:none;padding:130px 0 135px}.hero .hero-inner{width:90%}.hero .hero-copy{width:100%;padding:20px 12px}.hero .hero-copy:before{inset:-24px -12px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.hero h1{font-size:clamp(32px,8.2vw,45px);line-height:1.55;margin-bottom:20px}.hero .hero-copy p{font-size:17px;line-height:1.95}.hero .hero-bg{object-position:55% center}.hero:before{background:linear-gradient(270deg,#061528c7,#07172a70),linear-gradient(0deg,#06152888,transparent)}.hero .hero-copy .btn{font-size:16px}}
.model-extra-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px}.model-extra-controls button{border:1px solid #aac5e0;background:#fff;color:#204e8b;padding:8px 15px;border-radius:24px;font-size:14px;transition:background .2s,transform .2s}.model-extra-controls button:hover{background:#e3effc;transform:translateY(-2px)}#modelCanvas{touch-action:none;cursor:grab}#modelCanvas:active{cursor:grabbing}

.story-visual:has(img[src*=about-brand]){aspect-ratio:1.5;height:auto;max-height:none}.story-visual img[src*=about-brand]{object-fit:contain;background:#071e47}