@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--navy:#091e2f;--gold:#dbac5c;--ink:#102438;--muted:#657181;--green:#0b9b59}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:#f7f9fb;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{min-height:90px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:15px max(5vw,20px);gap:20px;border-bottom:1px solid #ffffff18}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:800;line-height:1.2}.brand small{display:block;font-size:12px;font-weight:400;margin-top:7px;color:#b9c6d1}.brandmark{width:48px;height:48px;flex-shrink:0;display:block}nav{display:flex;gap:27px;font-size:15px}nav a:hover{color:var(--gold)}.top-cta{font-size:14px;border:1px solid #dbae5b70;border-radius:6px;padding:9px 17px;color:var(--gold)}.hero{background:var(--navy);color:white;position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background:linear-gradient(270deg,#091e2ff5 8%,#091e2fc9 44%,#091e2f25),url('assets/warehouse.webp') center left/cover}.hero-content{position:relative;width:min(750px,70%);padding:55px 6vw 100px 20px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.2px;color:#a47b37;margin:0 0 12px}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(36px,4.1vw,64px);line-height:1.3;font-weight:900;margin:0 0 23px}h1 span,h2 span{color:var(--gold)}.intro{font-size:20px;max-width:580px;color:#e1e8ee;line-height:1.9}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:51px;border-radius:6px;padding:12px 25px;font-weight:800;font-size:17px;border:0;cursor:pointer;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.whatsapp{background:var(--green);color:white;box-shadow:0 5px 20px #00975120}.outline{border:1px solid #b8c6d0;background:#07172566;color:white;min-width:150px}.gold{background:var(--gold);color:var(--navy)}.hero-note{font-size:14px;color:#a7bacb;margin-top:20px}.hero-bottom{position:absolute;bottom:0;right:0;left:0;display:flex;justify-content:space-around;gap:10px;background:#061624c9;border-top:1px solid #ffffff12;padding:20px 5vw;font-size:16px}.section{padding:65px max(5vw,22px);scroll-margin-top:10px}.section-heading{text-align:center;max-width:760px;margin:0 auto 35px}.section-heading h2,.contact h2{font-size:40px;line-height:1.35;margin:0 0 15px;font-weight:900}.section-heading p{margin:0;color:var(--muted)}.section-heading .eyebrow{margin-bottom:8px;color:#a47b37}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:auto}.category{display:block;border:1px solid #e5eaf0;border-radius:9px;background:white;overflow:hidden;box-shadow:0 5px 18px #10243805;transition:transform .2s}.category:hover{transform:translateY(-5px)}.category img{width:100%;height:175px;object-fit:cover;display:block}.category>div{padding:20px 22px}.category h3{font-size:21px;margin:0 0 8px}.category p{color:var(--muted);font-size:16px;margin:0 0 13px;min-height:52px}.category span{font-size:14px;font-weight:700;color:#967034}.process{background:var(--navy);color:white}.process .section-heading p{color:#c0cdda}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1250px;margin:auto}.steps article{border:1px solid #ffffff26;border-radius:8px;padding:25px;background:#ffffff03}.steps b{display:block;font-size:40px;color:var(--gold);line-height:1.2}.steps h3{margin:15px 0 9px;font-size:21px}.steps p{margin:0;color:#bdcbd7;font-size:16px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:1400px;margin:auto;align-items:center}.contact-copy>p{max-width:540px}.contact h2{font-size:43px}.contact h2 span{color:#b98a3d}.checklist{border-top:1px solid #dde3e8;margin-top:25px;padding-top:15px}.checklist h3{margin:0 0 10px}.checklist ul{padding-right:21px;margin:0;color:var(--muted)}.phone-link{font-size:26px;direction:ltr;display:inline-block;font-weight:800;margin-top:12px}.subtle{font-size:14px;color:var(--muted)}form{background:white;border:1px solid #e0e6ec;border-radius:10px;padding:30px;box-shadow:0 14px 40px #10243808}form h3{font-size:25px;margin:0}form>p{margin:5px 0 22px;color:var(--muted);font-size:15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:5px}.full{grid-column:1/-1}input,select,textarea{width:100%;background:#f8fafc;border:1px solid #d9e1e8;border-radius:5px;padding:11px 12px;min-height:46px;font-size:16px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #dbae5b;outline-offset:1px}form .button{width:100%;margin-top:22px}form small{display:block;text-align:center;color:var(--muted);font-size:13px;margin-top:12px}.faq{background:#eaf0f5}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:1200px;margin:auto}details{background:white;border:1px solid #dce5ed;border-radius:7px;padding:20px}summary{font-weight:800;cursor:pointer;font-size:18px}details p{color:var(--muted);font-size:16px;margin-bottom:0}.closing{background:var(--navy);color:white;padding:40px 6vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing h2{font-size:30px;margin:0}.closing p{color:#b9c7d2;margin:7px 0 0}footer{padding:25px 6vw;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}footer span{font-weight:800;font-size:19px}footer p{color:var(--muted)}.mobile-bar{display:none}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:1000px){nav{gap:15px}.top-cta{display:none}.hero-content{width:80%}.steps{grid-template-columns:1fr 1fr}.contact{gap:30px}.contact h2{font-size:35px}.category-grid{gap:15px}}@media(max-width:700px){header{min-height:76px;padding:15px 22px}nav{display:none}.brand{font-size:23px}.hero{min-height:570px}.hero-photo{background:linear-gradient(270deg,#091e2ff0,#091e2fd6),url('assets/warehouse.webp') center/cover}.hero-content{width:100%;padding:42px 24px 100px}.hero h1{font-size:39px}.intro{font-size:18px}.actions{gap:10px}.button{font-size:16px;padding:12px 17px}.hero-bottom{font-size:13px;padding:17px;gap:12px;flex-wrap:wrap}.section{padding:44px 21px}.section-heading h2{font-size:33px}.category-grid{grid-template-columns:1fr 1fr;gap:13px}.category img{height:120px}.category>div{padding:14px}.category h3{font-size:18px}.category p{font-size:14px;min-height:70px}.category span{font-size:13px}.steps{gap:12px}.steps article{padding:19px}.steps h3{font-size:19px}.steps p{font-size:15px}.contact{grid-template-columns:1fr;gap:28px}.contact h2{font-size:35px}form{padding:22px}.fields{grid-template-columns:1fr}.full{grid-column:auto}.faq-grid{grid-template-columns:1fr}.closing{flex-direction:column;align-items:flex-start;padding:32px 23px}.closing h2{font-size:27px}footer{flex-direction:column;text-align:center;padding-bottom:95px}footer p{margin:0}.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);z-index:5;padding:10px;gap:10px;box-shadow:0 -2px 20px #0002}.mobile-bar a{text-align:center;padding:9px;border:1px solid #dbae5b;border-radius:5px;font-size:16px;font-weight:800;color:var(--gold)}.mobile-bar a:last-child{background:var(--green);border-color:var(--green);color:white}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact-options{margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid #d9e1e6}.contact-options p{font-size:16px;line-height:1.8}.contact-options .button{font-size:16px}