:root{--masdar-navy:#02336e;--masdar-grey:#6f7074;--masdar-blue:#0167bb;--white:#fff;--light-bg:#f4f6f9;--border-color:#e0e4ec;--font-display:"Bahnschrift", "DIN Alternate", "Arial Narrow", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font-body);color:#222;background-color:var(--white);line-height:1.6}.site-container{flex-direction:column;min-height:100vh;display:flex}.rtl-layout{text-align:right;direction:rtl}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6,.brand-font{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-weight:700;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.8rem)}h2{color:var(--masdar-navy);font-size:clamp(1.8rem,3.5vw,2.6rem)}h3{color:var(--masdar-navy);font-size:clamp(1.3rem,2.5vw,1.8rem)}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-align:center;border:2px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:.85rem 1.8rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-primary{background-color:var(--masdar-blue);color:var(--white)}.btn-primary:hover,.btn-primary:focus{background-color:#005299;border-color:#005299}.btn-secondary{color:var(--white);border-color:var(--white);background-color:#0000}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--white);color:var(--masdar-navy)}.btn-outline{color:var(--masdar-navy);border-color:var(--masdar-navy);background-color:#0000}.btn-outline:hover,.btn-outline:focus{background-color:var(--masdar-navy);color:var(--white)}.navbar{z-index:1000;background-color:var(--white);border-bottom:3px solid var(--masdar-navy);position:sticky;top:0;box-shadow:0 2px 10px #00000014}.navbar-container{justify-content:space-between;align-items:center;height:80px;display:flex}.brand-logo{align-items:center;gap:12px;display:flex}.navbar-logo{object-fit:contain;width:auto;height:52px;display:block}.footer-logo{object-fit:contain;width:auto;height:56px;display:block}.logo-mark{background-color:var(--masdar-navy);width:44px;height:44px;color:var(--white);font-family:var(--font-display);border-bottom:4px solid var(--masdar-blue);justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex}.logo-text{flex-direction:column;display:flex}.logo-main{font-family:var(--font-display);color:var(--masdar-navy);font-size:1.5rem;line-height:1}.logo-sub{color:var(--masdar-grey);letter-spacing:1.5px;text-transform:uppercase;font-size:.65rem}.logo-arabic{color:var(--masdar-navy);font-size:.75rem}.nav-links{align-items:center;gap:1.8rem;list-style:none;display:flex}.nav-link{font-family:var(--font-display);color:var(--masdar-navy);text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.95rem;font-weight:600;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--masdar-blue);border-bottom-color:var(--masdar-blue)}.nav-controls{align-items:center;gap:1rem;display:flex}.lang-switch{background:var(--light-bg);border:1px solid var(--border-color);font-family:var(--font-display);color:var(--masdar-navy);cursor:pointer;padding:.4rem .8rem;font-weight:700}.mobile-toggle{color:var(--masdar-navy);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{color:var(--white);background:linear-gradient(135deg,#02336eeb 0%,#02336ecc 100%),url(https://images.unsplash.com/photo-1541888946425-d0fbb186a5b3?auto=format&fit=crop&w=1920&q=80) 50%/cover no-repeat;align-items:center;min-height:520px;padding:6rem 0;display:flex;position:relative}.hero-content{max-width:750px}.hero-subtitle{color:#64b5f6;font-family:var(--font-display);letter-spacing:2px;margin-bottom:.5rem;font-size:1.1rem}.hero-title{color:var(--white);margin-bottom:1.2rem}.hero-description{color:#e0e0e0;margin-bottom:2rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.about-section{background-color:var(--white);padding:5rem 0}.split-layout{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;display:grid}.about-text p{color:var(--masdar-grey);margin-bottom:1.2rem}.image-frame{border-left:6px solid var(--masdar-blue);position:relative;box-shadow:0 10px 30px #0000001a}.image-frame img{object-fit:cover;width:100%;height:auto}.brand-presence-section{width:100%;overflow:hidden}.brand-presence-inner{width:100%;max-height:520px;position:relative;overflow:hidden}.brand-presence-img{object-fit:cover;object-position:center;filter:brightness(.7);width:100%;height:520px;display:block}.brand-presence-overlay{background:linear-gradient(#0000 40%,#02336ed1 100%);flex-direction:column;justify-content:flex-end;padding:3rem 4rem;display:flex;position:absolute;inset:0}.brand-presence-overlay h2{text-transform:uppercase;margin-bottom:.6rem;font-size:clamp(1.8rem,3.5vw,2.8rem)}.brand-presence-overlay p{color:#e0e0e0;max-width:560px;font-size:1.05rem}@media (width<=768px){.brand-presence-img{height:300px}.brand-presence-overlay{padding:1.5rem}}.vision-mission-section{background-color:var(--light-bg);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:5rem 0}.vm-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.vm-card{background:var(--white);border-top:4px solid var(--masdar-navy);padding:2.5rem;box-shadow:0 4px 15px #0000000a}.vm-card.mission{border-top-color:var(--masdar-blue)}.vm-card h3{margin-bottom:1rem}.values-section{padding:5rem 0}.section-header{text-align:center;max-width:700px;margin:0 auto 3.5rem}.section-subtitle{color:var(--masdar-blue);font-family:var(--font-display);letter-spacing:1px}.values-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.value-card{border:1px solid var(--border-color);background-color:var(--white);padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s}.value-card:hover{border-color:var(--masdar-blue);transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.value-num{font-family:var(--font-display);color:var(--masdar-blue);margin-bottom:.5rem;font-size:1.8rem}.value-card h4{color:var(--masdar-navy);margin-bottom:.5rem}.value-card p{color:var(--masdar-grey);font-size:.92rem}.products-section{background-color:var(--white);padding:5rem 0}.product-toolbar{background-color:var(--light-bg);border:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1rem 1.5rem;display:flex}.search-box{flex:1;min-width:250px}.search-box input{border:1px solid var(--border-color);border-radius:2px;width:100%;padding:.6rem 1rem}.category-filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{background:var(--white);border:1px solid var(--border-color);cursor:pointer;font-size:.85rem;font-family:var(--font-display);padding:.4rem .9rem}.filter-btn.active{background:var(--masdar-navy);color:var(--white);border-color:var(--masdar-navy)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.product-card{border:1px solid var(--border-color);background:var(--white);flex-direction:column;display:flex}.product-image{background-color:#eee;height:200px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.product-cat-tag{color:var(--masdar-blue);font-size:.75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px}.product-title{margin:.3rem 0 .8rem;font-size:1.2rem}.product-desc{color:var(--masdar-grey);flex-grow:1;margin-bottom:1.2rem;font-size:.9rem}.product-detail-modal{background:var(--white);padding:4rem 0}.detail-layout{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.services-section{background-color:var(--light-bg);padding:5rem 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.service-card{background:var(--white);border:1px solid var(--border-color);border-left:4px solid var(--masdar-navy);padding:2.5rem 1.8rem}.service-card h4{color:var(--masdar-navy);margin-bottom:.8rem}.why-masdar-section{background-color:var(--masdar-navy);color:var(--white);padding:5rem 0}.why-header h2{color:var(--white)}.why-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.why-block{border-bottom:3px solid var(--masdar-blue);background-color:#ffffff0d;padding:1.8rem}.why-block h4{color:var(--white);margin-bottom:.5rem;font-size:1.1rem}.why-block p{color:#ccc;font-size:.88rem}.brand-story-section,.delivery-section{border-bottom:1px solid var(--border-color);padding:5rem 0}.quote-cta-section{background:linear-gradient(90deg, var(--masdar-navy) 0%, #014d8c 100%);color:var(--white);text-align:center;padding:4rem 0}.quote-cta-section h2{color:var(--white);margin-bottom:1rem}.quote-cta-section p{color:#e0e0e0;max-width:600px;margin:0 auto 2rem}.contact-section{background-color:var(--white);padding:5rem 0}.contact-grid{grid-template-columns:1fr 1fr;gap:3.5rem;display:grid}.contact-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{font-family:var(--font-display);color:var(--masdar-navy);font-size:.85rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);font-family:var(--font-body);border-radius:2px;padding:.75rem}.contact-info-box{background-color:var(--light-bg);border:1px solid var(--border-color);padding:2.5rem}.info-item{margin-bottom:1.5rem}.info-item h4{color:var(--masdar-navy);margin-bottom:.3rem;font-size:.95rem}.footer{background-color:var(--masdar-navy);color:var(--white);border-top:4px solid var(--masdar-blue);padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2.5rem;margin-bottom:3rem;display:grid}.footer-col h4{color:var(--white);margin-bottom:1.2rem;padding-bottom:.4rem;font-size:1.1rem;position:relative}.footer-col h4:after{content:"";background-color:var(--masdar-blue);width:30px;height:2px;position:absolute;bottom:0;left:0}.rtl-layout .footer-col h4:after{left:auto;right:0}.footer-links{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footer-links button{color:#ccc;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem}.rtl-layout .footer-links button{text-align:right}.footer-links button:hover{color:var(--white)}.footer-bottom{color:#aaa;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.85rem;display:flex}@media (width<=992px){.split-layout,.detail-layout,.contact-grid{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links{background:var(--white);flex-direction:column;padding:1.5rem;display:none;position:absolute;top:80px;left:0;right:0;box-shadow:0 10px 20px #0000001a}.nav-links.mobile-open{display:flex}.mobile-toggle{display:block}.vm-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{color:#1a1a1a;background-color:#fff;margin:0;padding:0;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}