@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap";:root{--navy:#052b50;--navy-2:#073663;--navy-3:#0d477e;--red:#c92542;--red-dark:#a91d36;--ink:#123;--muted:#627183;--paper:#f7f8fb;--line:#dfe6ee;--white:#fff;--shadow:0 24px 70px #07284824;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body::selection{color:#fff;background:#c92542}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid #ffffff1f;align-items:center;height:92px;transition:all .25s;display:flex;position:fixed;inset:0 0 auto}.site-header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#052b50f5;height:76px;box-shadow:0 12px 30px #0000001f}.header-shell{justify-content:space-between;align-items:center;gap:24px;display:flex}.header-brand{color:#fff;align-items:center;gap:10px;display:flex}.header-logo{place-items:center;width:64px;height:58px;display:grid;overflow:hidden}.header-logo .brand-mark{width:72px;height:60px}.brand-copy{flex-direction:column;line-height:1.08;display:flex}.brand-copy strong{font-size:19px;font-weight:900}.brand-copy span{letter-spacing:1.3px;opacity:.68;text-align:right;direction:ltr;margin-top:6px;font-size:11px}.nav-links{color:#fff;align-items:center;gap:29px;font-size:14px;font-weight:600;display:flex}.nav-links a:not(.nav-cta){opacity:.84;transition:all .2s}.nav-links a:not(.nav-cta):hover{opacity:1;color:#fff}.nav-cta{border:1px solid #ffffff47;border-radius:999px;padding:11px 19px;transition:all .2s}.nav-cta:hover{color:var(--navy);background:#fff}.menu-toggle{background:0 0;border:0;width:44px;height:44px;padding:10px;display:none}.menu-toggle span{background:#fff;border-radius:10px;height:2px;margin:5px 0;display:block}.hero{color:#fff;align-items:center;height:100svh;min-height:820px;display:flex;position:relative;overflow:hidden}.hero-media{background:url(/images/showroom-yard.jpg) 50% 48%/cover no-repeat;position:absolute;inset:0;transform:scale(1.04)}.hero-overlay{background:linear-gradient(90deg,#031c3580 0%,#031c35b8 50%,#031c35eb 100%);position:absolute;inset:0}.hero-overlay:after{content:"";background:radial-gradient(circle at 80% 42%,#c9254238,#0000 36%);position:absolute;inset:0}.hero-content{z-index:2;padding-top:90px;position:relative}.hero-logo-wrap{filter:drop-shadow(0 14px 28px #0000002e);justify-content:center;align-items:center;width:160px;height:100px;margin-bottom:18px;display:flex}.hero-logo-wrap .brand-mark{width:158px;height:auto}.eyebrow,.section-kicker{color:var(--red);letter-spacing:.2px;align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.eyebrow{color:#fff;opacity:.78}.eyebrow:before,.section-kicker:before{content:"";background:currentColor;border-radius:3px;width:34px;height:2px}.hero h1{letter-spacing:-2.6px;max-width:840px;margin:14px 0;font-size:clamp(48px,7vw,92px);font-weight:900;line-height:.98}.hero h1 span{color:#fff;letter-spacing:-1px;font-size:.68em;font-weight:700}.hero-lead{color:#ffffffd1;max-width:710px;margin:0 0 28px;font-size:20px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:15px;font-weight:800;transition:all .22s;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px}.btn-primary{color:#fff;background:var(--red);box-shadow:0 12px 30px #c9254242}.btn-primary:hover{background:var(--red-dark);transform:translateY(-2px)}.btn-whatsapp{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff14;border-color:#ffffff47}.btn-whatsapp:hover{background:#ffffff26;transform:translateY(-2px)}.wa-dot{font-size:18px}.hero-data{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0627487a;border:1px solid #ffffff29;border-radius:17px;gap:0;width:max-content;margin-top:38px;display:flex;overflow:hidden}.hero-data div{border-left:1px solid #ffffff21;min-width:150px;padding:14px 24px}.hero-data div:last-child{border-left:0}.hero-data span{color:#ffffff94;margin-bottom:4px;font-size:11px;display:block}.hero-data strong{text-align:right;direction:ltr;font-size:15px;display:block}.scroll-hint{z-index:3;border:1px solid #ffffff59;border-radius:20px;width:30px;height:48px;position:absolute;bottom:28px;left:50%}.scroll-hint span{background:#fff;border-radius:9px;width:4px;height:8px;animation:1.8s infinite scroll;position:absolute;top:10px;left:12px}@keyframes scroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(16px)}}.section{padding:120px 0}.two-col{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;display:grid}.section-copy h2,.section-head h2,.contact-copy h2{letter-spacing:-1.5px;color:var(--navy);margin:14px 0 20px;font-size:clamp(36px,4.6vw,62px);font-weight:900;line-height:1.12}.section-copy p,.section-head p{color:var(--muted);margin:0 0 12px;font-size:17px;line-height:2}.about{background:linear-gradient(#fff 0%,#fbfcfe 100%)}.about-visual{min-height:520px;position:relative}.about-visual img{object-fit:cover;border-radius:var(--radius);width:100%;height:520px;box-shadow:var(--shadow)}.visual-badge{background:var(--navy);color:#fff;border-radius:18px;padding:20px 24px;position:absolute;bottom:-24px;right:-26px;box-shadow:0 20px 40px #052b503d}.visual-badge span{opacity:.65;margin-bottom:4px;font-size:11px;display:block}.visual-badge strong{font-size:15px}.trust-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:32px;display:grid}.trust-line div{padding:18px 0}.trust-line strong{color:var(--navy);font-size:18px;display:block}.trust-line span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.services{background:var(--paper)}.section-head{max-width:760px;margin-bottom:46px}.services-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.service-card{background:#fff;border:1px solid #e5ebf2;border-radius:22px;min-height:300px;padding:34px 28px 32px;transition:all .25s}.service-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 22px 50px #0728481a}.service-icon{width:54px;height:54px;color:var(--navy-2);background:#eef3f8;border-radius:16px;place-items:center;margin-bottom:26px;display:grid}.service-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.service-card h3{color:var(--navy);margin:0 0 12px;font-size:20px}.service-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}.gallery-section{background:#fff}.gallery-grid{grid-template-columns:1.35fr 1fr 1fr;grid-auto-rows:235px;gap:14px;display:grid}.gallery-item{cursor:pointer;background:#e8edf2;border:0;border-radius:20px;padding:0;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:all .5s}.gallery-item:after{content:"";background:linear-gradient(#0000 45%,#031c35ad 100%);position:absolute;inset:0}.gallery-item span{z-index:2;color:#fff;font-size:14px;font-weight:700;position:absolute;bottom:16px;right:20px}.gallery-item:hover img{transform:scale(1.05)}.gallery-feature{grid-row:span 2}.company-section{background:linear-gradient(135deg,#f6f8fb 0%,#eef3f8 100%)}.company-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:70px;display:grid}.company-card{background:#fff;border:1px solid #e2e9f0;border-radius:26px;overflow:hidden;box-shadow:0 18px 60px #07284812}.company-card dl{margin:0}.company-card dl div{border-bottom:1px solid #e9eef4;grid-template-columns:200px 1fr;gap:20px;padding:18px 24px;display:grid}.company-card dl div:last-child{border-bottom:0}.company-card dt{color:#7a8795;font-size:13px}.company-card dd{color:var(--navy);margin:0;font-weight:700;line-height:1.55}.text-link{color:var(--red);align-items:center;gap:8px;margin-top:20px;font-weight:800;display:inline-flex}.contact-section{background:var(--navy);color:#fff;padding:105px 0;position:relative;overflow:hidden}.contact-bg{opacity:.16;filter:saturate(.65);background:url(/images/showroom-front.jpg) 22% 45%/cover no-repeat;position:absolute;inset:0}.contact-section:after{content:"";background:linear-gradient(90deg,#052b50f5,#052b50bd);position:absolute;inset:0}.contact-shell{z-index:2;grid-template-columns:1fr 520px;align-items:center;gap:80px;display:grid;position:relative}.section-kicker.light{color:#fff;opacity:.72}.contact-copy h2{color:#fff;margin-bottom:16px}.contact-copy p{color:#ffffffb8;max-width:620px;font-size:17px;line-height:2}.contact-card{color:var(--ink);background:#fff;border-radius:24px;padding:18px;box-shadow:0 24px 80px #0000002e}.contact-row{border-bottom:1px solid #e7edf3;align-items:center;gap:16px;padding:16px 12px;display:flex}.contact-row:last-of-type{border-bottom:0}.contact-icon{width:44px;height:44px;color:var(--navy);background:#eef3f8;border-radius:13px;flex:0 0 44px;place-items:center;display:grid}.contact-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.contact-row small{color:#84909d;margin-bottom:3px;display:block}.contact-row strong{color:var(--navy);font-size:15px;display:block}.full{width:100%;margin-top:14px}.footer{color:#fff;background:#031d37;padding:54px 0 22px}.footer-grid{grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:40px;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.footer-logo{place-items:center;width:75px;height:58px;display:grid;overflow:hidden}.footer-logo .brand-mark{width:78px;height:58px}.footer-brand strong{font-size:18px;display:block}.footer-brand span{opacity:.5;letter-spacing:1.2px;direction:ltr;margin-top:4px;font-size:11px;display:block}.footer-grid p{color:#ffffff94;margin:0;font-size:13px;line-height:1.8}.footer-meta{color:#ffffffad;text-align:left;flex-direction:column;gap:8px;font-size:13px;display:flex}.footer-bottom{color:#ffffff61;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:34px;padding-top:20px;font-size:11px;display:flex}.floating-wa{z-index:40;color:#fff;background:#16a663;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;transition:all .2s;display:grid;position:fixed;bottom:22px;left:22px;box-shadow:0 16px 32px #16a66347}.floating-wa:hover{transform:translateY(-3px)scale(1.03)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}.lightbox{color:#fff;background:#071f36;border:0;border-radius:22px;width:min(1000px,92vw);padding:0;overflow:hidden;box-shadow:0 40px 120px #00000080}.lightbox::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000c7}.lightbox img{object-fit:contain;background:#041322;width:100%;max-height:78vh}.lightbox p{margin:0;padding:14px 20px 18px}.lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1;position:absolute;top:14px;left:14px}@media (width<=980px){.site-header{height:76px}.menu-toggle{display:block}.nav-links{color:var(--navy);background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:10px;display:none;position:absolute;top:68px;left:20px;right:20px;box-shadow:0 22px 70px #0000002e}.nav-links.open{display:flex}.nav-links a{padding:13px 14px}.nav-cta{background:var(--red);color:#fff;text-align:center;border:0;margin-top:6px}.two-col,.company-layout,.contact-shell{grid-template-columns:1fr;gap:46px}.services-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-feature{grid-row:span 1}.footer-grid{text-align:center;grid-template-columns:1fr}.footer-brand{justify-content:center}.footer-meta{text-align:center}}@media (width<=640px){.container{width:min(100% - 28px,1180px)}.header-logo{width:56px}.brand-copy strong{font-size:16px}.hero{height:auto;min-height:760px;padding:130px 0 70px}.hero-media{background-position:44%}.hero-overlay{background:linear-gradient(#031c35b3,#031c35f0)}.hero-content{text-align:right;padding-top:0}.hero-logo-wrap{width:135px;height:86px;margin-bottom:12px}.hero-logo-wrap .brand-mark{width:135px}.hero h1{letter-spacing:-1.5px;font-size:48px}.hero-lead{font-size:16px;line-height:1.9}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.btn{padding:0 14px}.hero-data{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.hero-data div{min-width:0;padding:12px 10px}.hero-data span{font-size:9px}.hero-data strong{font-size:12px}.scroll-hint{display:none}.section{padding:82px 0}.section-copy h2,.section-head h2,.contact-copy h2{font-size:36px}.two-col{gap:36px}.about-visual,.about-visual img{height:370px;min-height:0}.visual-badge{bottom:-18px;right:12px}.trust-line{border-bottom:0;grid-template-columns:1fr}.trust-line div{border-bottom:1px solid var(--line)}.services-grid{grid-template-columns:1fr}.service-card{min-height:0}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:260px}.company-card dl div{grid-template-columns:1fr;gap:5px;padding:16px 18px}.contact-section{padding:80px 0}.contact-card{padding:12px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.hero-media{background-image:url(/images/hero-range-2026.png);background-position:50%}.hero-overlay{background:linear-gradient(90deg,#031c3529 0%,#031c354d 40%,#031c35e6 100%)}.hero-content{max-width:1180px}.hero-logo-wrap{width:140px;height:94px}.hero h1{max-width:760px}.principles-section{background:linear-gradient(#fbfcfe 0%,#f7f8fb 100%);padding:0 0 110px}.principle-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.principle-card{background:#fff;border:1px solid #e4eaf1;border-radius:22px;min-height:215px;padding:34px 30px;position:relative;overflow:hidden}.principle-card>span{color:#052b500e;font-size:54px;font-weight:900;position:absolute;top:16px;left:22px}.principle-card h3{color:var(--navy);margin:0 0 13px;font-size:23px}.principle-card p{color:var(--muted);margin:0;line-height:1.9}.compact-gallery{grid-template-columns:1.15fr 1fr 1fr}.compact-gallery .gallery-item:last-child{grid-column:span 2}@media (width<=860px){.principle-grid{grid-template-columns:1fr}.compact-gallery,.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.compact-gallery .gallery-item:last-child{grid-column:auto}}@media (width<=560px){.hero{min-height:760px}.hero-media{background-position:62%}.gallery-grid,.compact-gallery{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-feature{grid-row:auto}}