:root{--green:#39b94b;--ink:#1e2020;--coal:#151817;--metal:#6e7471;--pale:#f3f5f3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Tajawal',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;top:-100px;right:1rem;background:#fff;color:#111;padding:.5rem;z-index:99}.skip-link:focus{top:1rem}.site-header{height:86px;background:#fff;display:flex;align-items:center;position:relative;z-index:10;border-bottom:1px solid #e8ece8}.nav-wrap{height:100%;display:flex;align-items:center;gap:26px}.logo-box{width:123px;min-width:123px;height:58px;display:flex;align-items:center;background:#fff}.logo-box img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:24px;margin-right:auto;font-size:14px;font-weight:700}.main-nav a{position:relative;color:#444;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--green)}.main-nav a.active:after{content:'';position:absolute;bottom:-11px;right:0;width:100%;height:2px;background:var(--green)}.button{border:0;cursor:pointer;background:var(--green);color:#fff;padding:14px 21px;display:inline-flex;gap:14px;align-items:center;justify-content:center;font:700 15px 'Tajawal';transition:.25s}.button:hover{background:#278c37;transform:translateY(-2px)}.button span{font-size:19px;line-height:0}.button-small{padding:10px 15px;font-size:13px}.menu-toggle{display:none;border:0;background:transparent;padding:8px;margin-right:auto}.menu-toggle span{display:block;width:25px;height:2px;background:#202020;margin:5px}.hero{height:min(735px,calc(100vh - 86px));min-height:580px;position:relative;overflow:hidden;color:white;display:flex;align-items:center}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,16,.82),rgba(12,18,16,.45) 55%,rgba(12,18,16,.23));z-index:-2}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-content{padding-top:25px}.eyebrow{margin:0 0 15px;font-size:12px;letter-spacing:.1em;font-weight:700;color:#e7e9e7;display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:2px;background:var(--green);display:block}.eyebrow.dark{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,6vw,78px);line-height:1.14;margin-bottom:22px;font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(32px,4vw,51px);line-height:1.22;margin:0;font-weight:800;letter-spacing:-.035em}.hero-copy{max-width:505px;font-size:18px;line-height:1.9;color:#e4e8e4;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:27px}.text-link{font-weight:700;font-size:15px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px;transition:.2s}.text-link:hover{color:var(--green);border-color:var(--green)}.text-link b{display:inline-block;margin-right:12px;font-size:21px}.hero-bottom{position:absolute;bottom:28px;right:0;left:0;display:flex;align-items:center;gap:14px;font-size:11px;color:#bec5c0}.hero-bottom i{height:1px;width:60px;background:var(--green)}.hero-bottom p{margin:0 0 0 auto;font-family:Arial}.hero-bottom em{font-style:normal;color:var(--green);margin:0 4px}.section{padding:110px 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.about-content>p{font-size:20px;line-height:1.95;color:#454a47;margin:7px 0 28px}.tick-list{padding:0;margin:0;list-style:none;display:grid;gap:15px}.tick-list li{font-size:15px;display:flex;align-items:center;gap:13px}.tick-list li:before{content:'✓';color:var(--green);font-weight:bold;border:1px solid #b2dcb9;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.section-gray{background:var(--pale)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-top>p{max-width:355px;margin:0 0 5px;color:#5f6761;font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product-card{height:310px;position:relative;overflow:hidden;color:#fff}.product-card.card-wide{grid-column:span 2}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.product-card:hover img{transform:scale(1.07)}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,10,7,.86),transparent 75%)}.card-content{position:absolute;inset:auto 24px 20px}.card-content>span{font:12px Arial;color:#78da85;display:block;margin-bottom:7px}.card-content h3{font-size:24px;line-height:1.3;margin-bottom:13px;font-weight:700}.card-content a{font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:3px}.card-content a b{margin-right:9px;font-size:18px}.accent-card{background:var(--coal)}.accent-card .card-content{top:30px;bottom:auto}.accent-card .card-content p{font-size:13px;color:#c4cbc6;max-width:230px}.accent-line{height:6px;width:100%;background:var(--green);position:absolute;bottom:0}.services-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:8%;align-items:center}.service-image{height:510px;position:relative}.service-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3)}.image-tag{position:absolute;bottom:0;right:0;padding:18px 28px;background:var(--green);color:#fff;min-width:170px}.image-tag small,.image-tag b{display:block}.image-tag small{font-size:11px}.image-tag b{font-size:20px}.service-copy>p:not(.eyebrow){color:#5f6761;font-size:16px;line-height:1.95;margin:20px 0 23px}.service-items{border-top:1px solid #dce1dd;margin-bottom:23px}.service-items div{border-bottom:1px solid #dce1dd;display:flex;gap:20px;padding:11px 0;font-size:14px;font-weight:700}.service-items b{color:var(--green);font:12px Arial}.dark-link{color:var(--ink);border-color:#666}.section-dark{padding:100px 0;background:var(--coal);color:#fff}.why-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3b403d}.why-item{min-height:236px;padding:26px 20px;border-left:1px solid #3b403d}.why-item:first-child{border-right:1px solid #3b403d}.why-item>b{font:12px Arial;color:var(--green)}.why-item h3{font-size:19px;line-height:1.4;margin:38px 0 11px}.why-item p{font-size:13px;color:#b7beb9;margin:0}.quote{background:#f0f2f0}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.quote-intro>p:not(.eyebrow){color:#5d645f;margin:19px 0 32px}.whatsapp-line{display:flex;gap:10px;align-items:center;font-size:13px}.whatsapp-line i{font-style:normal;background:var(--green);color:#fff;width:41px;height:41px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:27px}.whatsapp-line strong{font:700 16px Arial}.quote-form{background:#fff;padding:34px;box-shadow:0 15px 40px rgba(0,0,0,.04)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-form label{font-size:12px;font-weight:700;display:block;margin-bottom:14px}.quote-form input,.quote-form textarea,.quote-form select{width:100%;border:1px solid #dce0dc;background:#fff;padding:12px;margin-top:5px;outline:none;font:14px 'Tajawal';color:#333;transition:.2s}.quote-form select{height:44px}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(57,185,75,.1)}.quote-form textarea{resize:vertical}.quote-form .button{width:100%;margin-top:4px}.contact{padding:105px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.contact-copy>a{font:800 clamp(28px,3vw,39px) Arial;display:block;margin:19px 0 8px}.contact-copy>p{max-width:385px;color:#535a55;font-size:15px;margin-bottom:4px}.contact-copy>span{font-size:14px;color:var(--green);font-weight:bold}.map-placeholder{height:355px;background:#e7ece8;overflow:hidden;position:relative;background-image:radial-gradient(#cbd4ce 1px,transparent 1px);background-size:17px 17px}.map-roads{background:#fff;position:absolute;opacity:.92;transform:rotate(-21deg);box-shadow:0 0 0 1px #d6dcd7}.r1{height:37px;width:130%;top:38%;right:-12%}.r2{height:25px;width:130%;top:73%;right:-12%;transform:rotate(32deg)}.r3{height:21px;width:100%;top:22%;right:-12%;transform:rotate(80deg)}.map-marker{position:absolute;top:42%;right:45%;display:flex;flex-direction:column;align-items:center;color:var(--green);font-size:13px;font-weight:bold}.map-marker i{width:25px;height:32px;background:var(--green);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 12px #709a75}.map-marker i:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:white;margin:8px}.map-marker b{background:#fff;padding:3px 9px;box-shadow:0 2px 8px #aeb5b0}.map-placeholder small{position:absolute;bottom:15px;left:15px;color:#6f7771;background:#fff;padding:4px 8px}footer{background:#111413;color:#b8c1ba}.footer-top{min-height:118px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #303532}.footer-top>img{background:#fff;width:114px}.footer-links{display:flex;gap:18px;margin-right:auto;font-size:13px}.footer-links a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;padding:17px 0;font-size:12px}.footer-bottom a{color:#fff}.floating-wa{position:fixed;left:18px;bottom:18px;background:var(--green);color:#fff;width:48px;height:48px;display:none;align-items:center;justify-content:center;border-radius:50%;z-index:20;box-shadow:0 4px 15px #0004;font-size:30px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.main-nav{gap:13px;font-size:12px}.nav-wrap{gap:15px}.quote-nav{display:none}.product-card{height:280px}.services-layout{gap:5%}}@media(max-width:700px){.container{width:min(100% - 34px,560px)}.site-header{height:73px}.logo-box{width:100px;min-width:100px;height:48px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:73px;right:0;left:0;padding:15px 22px 22px;background:white;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:flex-start;gap:17px}.main-nav.open{display:flex}.main-nav a.active:after{bottom:-4px}.hero{height:calc(100svh - 73px);min-height:560px}.hero-overlay{background:linear-gradient(90deg,rgba(10,15,13,.83),rgba(10,15,13,.54))}h1{font-size:43px}.hero-copy{font-size:16px}.section{padding:70px 0}.about-layout,.services-layout,.quote-layout,.contact-grid{grid-template-columns:1fr;gap:32px}.about-content>p{font-size:17px}.section-top{display:block;margin-bottom:28px}.section-top>p{margin-top:18px}.product-grid{grid-template-columns:1fr 1fr;gap:8px}.product-card,.product-card.card-wide{grid-column:auto;height:230px}.product-card.card-wide{grid-column:span 2}.card-content{inset:auto 14px 15px}.card-content h3{font-size:18px}.accent-card .card-content{top:18px}.service-image{height:360px}.why-head{display:block;margin-bottom:32px}.why-grid{grid-template-columns:1fr 1fr}.why-item{min-height:200px;padding:20px 14px}.why-item:nth-child(3){border-right:1px solid #3b403d}.why-item h3{font-size:16px;margin:25px 0 8px}.quote-form{padding:22px}.form-row{grid-template-columns:1fr}.contact{padding:70px 0}.map-placeholder{height:270px}.footer-top{padding:25px 0;display:grid;grid-template-columns:1fr auto;gap:18px}.footer-links{grid-column:span 2;flex-wrap:wrap;margin:0;gap:12px}.footer-top .button{justify-self:end}.floating-wa{display:flex}}@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-card,.product-card.card-wide{grid-column:auto;height:245px}.product-card.card-wide{grid-column:auto}.hero-actions{gap:14px}.button{padding:13px 16px}.text-link{font-size:13px}}