@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%}html{margin:0;padding:0}body{margin:0}::selection{color:#050505;background:#f4a900}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{background:#444}::-webkit-scrollbar-thumb:hover{background:#f4a900}:root{--black:#050505;--black2:#0d0d0d;--white:#fff;--offwhite:#f5f5f2;--gray:#888;--line:#ffffff21;--line-dark:#0000001f;--accent:#f4a900;--accent2:#ffbd2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);margin:0;font-family:Inter,Cairo,sans-serif}html[dir=rtl] body{font-family:Cairo,Inter,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1240px,100% - 64px);margin:auto}.navbar{z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#050505f2;height:88px;position:fixed;inset:0 0 auto}.nav-container{justify-content:space-between;align-items:center;width:min(1240px,100% - 64px);height:100%;margin:auto;display:flex}.nav-logo{background:0 0;border:0;padding:0}.nav-logo img{width:200px;display:block}.nav-links{gap:34px;display:flex}.nav-links button{color:#ccc;background:0 0;border:0;padding:10px 0;font-size:16px;font-weight:600;position:relative}.nav-links button:after{content:"";background:var(--accent);width:0;height:2px;transition:all .25s;position:absolute;bottom:2px;left:0}.nav-links button:hover{color:#fff}.nav-links button:hover:after{width:100%}.nav-actions{align-items:center;gap:15px;display:flex}.language-btn{border:1px solid var(--line);color:#fff;background:0 0;padding:9px 14px;font-weight:700}.language-btn:hover{color:#000;background:#fff}.menu-btn{background:0 0;border:0;display:none}.menu-btn span{background:#fff;width:25px;height:2px;margin:5px;display:block}.hero{background:radial-gradient(circle at 75% 40%,#f4a90024,#0000 28%),linear-gradient(135deg,#050505,#121212,#050505);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid{opacity:.18;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0}.hero:after{content:"";border:1px solid #f4a90033;width:600px;height:600px;position:absolute;top:100px;right:-250px;transform:rotate(45deg)}.hero-content{z-index:2;justify-content:space-between;align-items:center;padding-top:88px;display:flex;position:relative}.hero-text{max-width:850px}.section-tag{color:var(--accent);letter-spacing:2px;align-items:center;gap:12px;margin-bottom:25px;font-size:11px;font-weight:800;display:flex}.section-tag span{background:var(--accent);width:35px;height:2px}.section-tag.dark{color:#111}.hero h1{letter-spacing:-5px;margin:0;font-size:clamp(60px,8vw,112px);font-weight:500;line-height:.94}.hero h1 strong{color:var(--accent);font-weight:800;display:block}.hero-text>p{color:#bbb;max-width:600px;margin:35px 0 0;font-size:19px;line-height:1.8}.hero-buttons{gap:14px;margin-top:40px;display:flex}.btn{border:1px solid #0000;justify-content:center;align-items:center;gap:18px;min-height:56px;padding:0 25px;font-size:14px;font-weight:800;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent);color:#090909}.btn-primary:hover{background:var(--accent2);transform:translateY(-3px)}.btn-outline{color:#fff;background:0 0;border-color:#ffffff40}.btn-outline:hover{border-color:#fff;transform:translateY(-3px)}.hero-side{color:#999;letter-spacing:3px;align-items:center;gap:15px;font-size:11px;display:flex;transform:rotate(-90deg)}.hero-line{background:var(--accent);width:70px;height:1px}.hero-bottom{color:#777;letter-spacing:2px;align-items:center;gap:15px;width:min(1240px,100% - 64px);font-size:10px;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.hero-bottom div{background:var(--line);flex:1;height:1px}.section{padding:120px 0}.dark-section{background:var(--black);color:#fff}.large-heading{letter-spacing:-3px;margin:0;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:1}.large-heading strong{font-weight:800}.large-heading.white{color:#fff}.about{background:var(--offwhite);color:#090909}.about-content{grid-template-columns:1fr 300px;align-items:end;gap:100px;margin-top:70px;display:grid}.about-content p{color:#555;max-width:760px;margin:0 0 25px;font-size:19px;line-height:1.9}.about-mark{border:1px solid #ccc;flex-direction:column;justify-content:center;align-items:center;width:280px;height:280px;display:flex}.about-mark strong{letter-spacing:-5px;font-size:70px}.about-mark span{letter-spacing:5px;font-size:11px}.home-services{background:#050505}.services-preview{border-top:1px solid var(--line);margin-top:60px}.service-row{border:0;border-bottom:1px solid var(--line);color:#fff;text-align:left;background:0 0;grid-template-columns:100px 1fr 50px;align-items:center;gap:20px;width:100%;min-height:130px;padding:25px;transition:all .3s;display:grid}html[dir=rtl] .service-row{text-align:right}.service-row:hover,.service-row.featured{background:#111}.service-number{color:#666;font-weight:700}.service-row h3{margin:5px 0 0;font-size:28px}.recommended{background:var(--accent);color:#111;letter-spacing:1.5px;width:fit-content;padding:10px 16px;font-size:13px;font-weight:900;line-height:1;display:inline-flex}.row-arrow{color:var(--accent);font-size:25px}.services-button{margin-top:40px}.page-section{min-height:100vh;padding:160px 0 100px}.page-top h1{letter-spacing:-4px;margin:0;font-size:clamp(55px,7vw,95px);font-weight:400;line-height:.95}.page-top h1 strong{color:var(--accent);font-weight:800;display:block}.full-services-grid{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:75px;display:grid}.full-service-card{color:#fff;text-align:left;background:#0b0b0b;border:0;flex-direction:column;align-items:flex-start;min-height:390px;padding:35px;transition:all .35s;display:flex;position:relative}html[dir=rtl] .full-service-card{text-align:right;align-items:flex-start}.full-service-card:hover{background:#151515}.full-service-card.featured{background:radial-gradient(circle at 80% 15%,#f4a90026,#0000 35%),#101010}.card-number{color:#666;margin-bottom:25px;font-size:13px;font-weight:700}.full-service-card h2{margin:auto 0 18px;font-size:35px}.full-service-card p{color:#999;margin:0;font-size:15px;line-height:1.7}.card-link{color:#fff;margin-top:30px;font-weight:800}.card-link b{color:var(--accent);margin-left:10px}.service-detail-page{background:var(--offwhite);color:#090909}.detail-hero{align-items:center;min-height:620px;padding:145px 0 80px;display:flex}.back-button{color:#999;background:0 0;border:0;margin-bottom:75px;padding:0;font-size:14px;transition:all .25s}.back-button:hover{color:var(--accent)}.detail-hero-content{grid-template-columns:1fr 200px;align-items:end;gap:60px;display:grid}.detail-hero h1{letter-spacing:-4px;max-width:850px;margin:15px 0 25px;font-size:clamp(55px,7vw,105px);line-height:.95}.detail-hero p{color:#aaa;max-width:700px;margin:0;font-size:19px;line-height:1.8}.detail-number{color:#f4a90038;font-size:190px;font-weight:900;line-height:.7}.detail-body{background:var(--offwhite);padding:110px 0}.detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:90px;display:grid}.detail-image-placeholder{background:#171717;justify-content:center;align-items:center;height:570px;display:flex;overflow:hidden}.detail-image-placeholder.service-image{position:relative}.detail-image-placeholder.service-image:after{content:"";pointer-events:none;background:linear-gradient(#00000005 0%,#0000003d 100%);position:absolute;inset:0}.detail-image-placeholder.service-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.detail-image-placeholder.service-image:hover img{transform:scale(1.03)}.detail-info h2{margin:0 0 35px;font-size:55px;line-height:1}.details-list{border-top:1px solid #ccc}.detail-item{border-bottom:1px solid #ccc;gap:15px;padding:17px 0;display:flex}.detail-item span{color:var(--accent);font-weight:900}.detail-item p{margin:0;font-size:16px;line-height:1.5}.service-subtag{margin-top:55px}.warehouse-services-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.warehouse-services-list div{background:#e9e9e5;padding:15px;font-weight:700}.warehouse-services-list span{color:var(--accent);margin-right:8px}.warehouse-address{color:#fff;background:#111;justify-content:space-between;align-items:flex-start;gap:25px;margin-top:35px;padding:22px;transition:all .3s;display:flex}.warehouse-address:hover{background:#191919}.warehouse-address-content{flex:1;min-width:0}.warehouse-address small{color:var(--accent);letter-spacing:1.5px;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.warehouse-address strong{max-width:100%;font-size:14px;line-height:1.7;display:block}.warehouse-address>span{color:var(--accent);flex:none;margin-top:24px;font-size:22px}.detail-bottom{padding:60px 0}.generic-page{min-height:calc(100vh - 110px);padding:170px 0 110px}.generic-page h1{letter-spacing:-4px;margin:0;font-size:clamp(55px,7vw,100px);line-height:.95}.generic-content{max-width:900px;margin-top:70px}.simple-page-content p{color:#aaa;margin:0 0 30px;font-size:20px;line-height:1.9}.contact-detail-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.contact-detail-grid>div{border-right:1px solid var(--line);min-height:250px;padding:45px 35px}html[dir=rtl] .contact-detail-grid>div{border-right:0;border-left:1px solid var(--line)}.contact-detail-grid>div:last-child{border-right:0}.contact-detail-grid small{color:#777;letter-spacing:2px;margin-bottom:25px;font-size:10px;display:block}.contact-detail-grid a{margin-bottom:10px;font-size:18px;line-height:1.8;transition:all .25s;display:block}.contact-detail-grid a:hover{color:var(--accent)}.footer{border-top:1px solid var(--line);background:#000}.footer-content{justify-content:space-between;align-items:center;gap:30px;min-height:110px;display:flex}.footer-content img{width:145px}.footer-content p{color:#666;font-size:12px}.footer-content button{color:#fff;border:1px solid var(--line);background:0 0;width:44px;height:44px}.footer-content button:hover{background:var(--accent);color:#000}html[dir=rtl] .hero-side{transform:rotate(90deg)}html[dir=rtl] .hero h1,html[dir=rtl] .page-top h1,html[dir=rtl] .detail-hero h1,html[dir=rtl] .generic-page h1{letter-spacing:0}html[dir=rtl] .card-link b{margin-left:0;margin-right:10px}.warehouse-video-wrap{background:#111;border:1px solid #222;min-height:420px;position:relative;overflow:hidden}.warehouse-video{object-fit:cover;background:#111;width:100%;height:100%;min-height:420px;display:block}.warehouse-video-label{color:#fff;letter-spacing:.12em;pointer-events:none;background:#000000c7;padding:9px 13px;font-size:12px;font-weight:700;position:absolute;bottom:18px;left:18px}[dir=rtl] .warehouse-video-label{letter-spacing:0;left:auto;right:18px}.contact-layout{margin-top:70px}.contact-detail-grid{margin-bottom:70px}.contact-form{color:#090909;background:#f5f5f2;border:1px solid #ddd;max-width:1000px;padding:55px}.contact-form-heading h2{letter-spacing:-2px;margin:0 0 45px;font-size:clamp(40px,5vw,64px);line-height:1}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.contact-form label{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.contact-form label span{font-size:13px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{color:#111;width:100%;font:inherit;background:#fff;border:1px solid #ccc;outline:none;padding:16px 17px;font-size:16px;transition:all .25s}.contact-form textarea{resize:vertical;min-height:170px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f4a9001f}.contact-submit{border:0;min-width:190px}.contact-submit:disabled{opacity:.65;cursor:wait;transform:none}.contact-status{margin:5px 0 22px;padding:15px 18px;font-weight:700;line-height:1.6}.contact-status.success{color:#176b24;background:#e8f6e9;border:1px solid #b8dfbd}.contact-status.error{color:#9b281b;background:#fff0ee;border:1px solid #efc0b9}html[dir=rtl] .contact-form{text-align:right}@media (width<=700px){.contact-layout{margin-top:50px}.contact-form{padding:30px 20px}.contact-form-heading h2{margin-bottom:35px;font-size:40px}.form-row{grid-template-columns:1fr;gap:0}}@media (width<=1000px){.nav-links{border-bottom:1px solid var(--line);background:#050505;flex-direction:column;gap:12px;padding:25px 32px;display:none;position:fixed;top:88px;left:0;right:0}.nav-links.open{display:flex}.menu-btn{display:block}.hero-side{display:none}.about-content,.detail-grid,.contact-detail-grid{grid-template-columns:1fr}.contact-detail-grid>div{border-right:0;border-bottom:1px solid var(--line)}html[dir=rtl] .contact-detail-grid>div{border-left:0}.full-services-grid{grid-template-columns:1fr}}@media (width<=700px){.container,.nav-container{width:calc(100% - 36px)}.navbar{height:76px}.nav-links{top:76px}.nav-logo img{width:155px}.hero{min-height:800px}.hero-content{padding-top:90px}.hero h1{letter-spacing:-3px;font-size:55px}.hero-text>p{font-size:16px}.hero-buttons{flex-direction:column}.btn{width:100%}.section{padding:85px 0}.large-heading{font-size:48px}.about-content{gap:50px;margin-top:50px}.about-mark{width:220px;height:220px}.service-row{grid-template-columns:50px 1fr 35px;min-height:120px;padding:20px 10px}.service-row h3{font-size:22px}.page-section{padding-top:130px}.page-top h1,.generic-page h1{font-size:55px}.detail-hero{min-height:600px;padding-top:130px}.detail-hero-content{grid-template-columns:1fr}.detail-hero h1{font-size:55px}.detail-number{display:none}.detail-body{padding:75px 0}.detail-image-placeholder{height:380px}.detail-info h2{font-size:43px}.warehouse-services-list{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column;justify-content:center;min-height:150px}}@media (width<=430px){.hero h1,.detail-hero h1,.page-top h1{font-size:46px}}@media (width<=700px){.warehouse-video-wrap,.warehouse-video{min-height:280px}}.footer-content .footer-contact{color:#fff;border:1px solid var(--line);background:0 0;justify-content:center;align-items:center;gap:8px;width:auto;min-width:140px;height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex}.footer-content .footer-contact:hover{background:var(--accent);color:#000;transform:translateY(-2px)}@media (width<=700px){.footer-content .footer-contact{width:auto;min-width:150px}}