@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",Tahoma,"Segoe UI",Arial,sans-serif;background:#f5f8fb;color:#14253a;line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;top:-60px;right:16px;background:#fff;padding:10px 16px;z-index:9999}.skip-link:focus{top:16px}.topbar{background:#06182d;color:#dce8f4;font-size:.88rem}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-links{display:flex;gap:18px}.top-links a:hover{color:var(--accent)}.site-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 2px 16px rgba(7,30,57,.08)}.nav-wrap{min-height:84px;display:flex;align-items:center;gap:24px}.brand{flex:0 0 auto}.brand img{width:235px;height:auto}.main-nav{display:flex;align-items:center;gap:22px;margin-inline-start:auto;font-weight:700;font-size:.94rem}.main-nav a{position:relative;padding:28px 0}.main-nav a:after{content:"";position:absolute;right:0;bottom:20px;width:0;height:2px;background:var(--accent);transition:.25s}.main-nav a:hover:after{width:100%}.header-cta{background:var(--accent);color:#fff;font-weight:800;padding:12px 18px;border-radius:12px;box-shadow:0 8px 20px rgba(255,107,0,.22)}.menu-toggle{display:none;border:0;background:var(--primary);color:#fff;border-radius:10px;padding:8px 12px;font-size:1.35rem}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(4,20,39,.98) 0%,rgba(9,39,69,.94) 55%,rgba(8,34,63,.82) 100%);color:#fff;min-height:610px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:url('../images/industrial-bg.svg');background-size:cover;opacity:.75}.hero:after{content:"";position:absolute;left:-120px;top:-40px;width:58%;height:115%;background:url('../images/hero_robot.webp') center/cover no-repeat;clip-path:polygon(0 0,100% 0,83% 100%,0 100%);opacity:.78}.hero-content{position:relative;z-index:2;width:54%;margin-inline-start:auto;padding:86px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:800;letter-spacing:.02em}.eyebrow:before{content:"";width:28px;height:3px;border-radius:4px;background:var(--accent)}.hero h1{font-size:clamp(2.3rem,4.8vw,4.4rem);line-height:1.18;margin:16px 0}.hero h1 span{color:var(--accent)}.hero p{font-size:1.15rem;color:#dce8f4;max-width:700px}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:0;border-radius:12px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px rgba(255,107,0,.24)}.btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.05)}.btn-light{background:#fff;color:var(--primary)}.btn-whatsapp{background:#24b45a;color:#fff}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.hero-point{padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06);font-size:.92rem}.section{padding:88px 0}.section-white{background:#fff}.section-dark{background:var(--primary);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.3;margin:8px 0}.section-head p{max-width:680px;color:#607086;margin:0}.section-dark .section-head p{color:#cbd9e6}.grid{display:grid;gap:24px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.service-tile{position:relative;overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 14px 38px rgba(10,35,62,.09);border:1px solid #e8eef4;transition:.25s}.service-tile:hover,.content-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(10,35,62,.14)}.service-tile img{width:100%;height:210px;object-fit:cover}.service-tile-body{padding:24px}.service-icon{width:54px;height:54px;margin-top:-52px;margin-bottom:14px;border:4px solid #fff;border-radius:18px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1.35rem;position:relative}.service-tile h3{font-size:1.25rem;margin:0 0 10px}.service-tile p{color:#66758a;margin:0 0 16px}.text-link{color:var(--accent);font-weight:800}.stats-strip{margin-top:-42px;position:relative;z-index:3}.stats-inner{background:linear-gradient(120deg,#06182d,#0e3a64);color:#fff;border-radius:20px;padding:25px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 40px rgba(4,24,45,.2)}.stat{text-align:center;padding:5px 18px;border-left:1px solid rgba(255,255,255,.15)}.stat:last-child{border-left:0}.stat strong{display:block;color:var(--accent);font-size:1.55rem}.stat span{font-size:.92rem;color:#d8e5f0}.content-card{background:#fff;border:1px solid #e5edf4;border-radius:18px;overflow:hidden;transition:.25s;box-shadow:0 10px 28px rgba(10,35,62,.07)}.card-image{display:block;overflow:hidden}.card-image img{width:100%;height:220px;object-fit:cover;transition:.35s}.content-card:hover .card-image img{transform:scale(1.04)}.card-body{padding:22px}.card-category{display:inline-block;color:var(--accent);font-size:.82rem;font-weight:800;margin-bottom:8px}.content-card h3{margin:0 0 10px;font-size:1.18rem;line-height:1.5}.content-card p{color:#66758a;margin:0 0 14px}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.about-image{position:relative}.about-image img{border-radius:24px;min-height:420px;width:100%;object-fit:cover;box-shadow:0 22px 48px rgba(9,33,59,.15)}.about-badge{position:absolute;bottom:22px;right:22px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.16)}.about-badge strong{display:block;color:var(--accent);font-size:1.3rem}.check-list{display:grid;gap:12px;padding:0;list-style:none}.check-list li{padding:12px 46px 12px 14px;position:relative;background:#fff;border:1px solid #e6edf4;border-radius:12px}.check-list li:before{content:"✓";position:absolute;right:14px;top:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,107,0,.12);color:var(--accent);font-weight:900}.page-hero{background:linear-gradient(120deg,rgba(4,20,39,.97),rgba(10,54,92,.93)),url('../images/industrial-bg.svg') center/cover;color:#fff;padding:74px 0}.page-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.25;margin:12px 0}.page-hero p{max-width:780px;color:#dce7f2;font-size:1.08rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding-top:18px;padding-bottom:18px;font-size:.9rem;color:#64748b}.breadcrumbs a{color:var(--accent)}.listing-layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.sidebar{background:#fff;border:1px solid #e4edf4;border-radius:18px;padding:22px;height:max-content;position:sticky;top:110px}.sidebar h3{margin-top:0}.sidebar a{display:block;padding:10px 12px;border-bottom:1px solid #edf2f6}.sidebar a:hover{color:var(--accent)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.article-main{background:#fff;border:1px solid #e4edf4;border-radius:20px;overflow:hidden}.article-cover{width:100%;max-height:520px;object-fit:cover}.article-content{padding:34px;font-size:1.03rem}.article-content h2{font-size:1.65rem;margin:36px 0 14px;color:var(--primary);padding-bottom:9px;border-bottom:2px solid rgba(255,107,0,.18)}.article-content h3{font-size:1.25rem;color:#173c61}.article-content p{color:#34465b}.article-content img{border-radius:16px;margin:24px auto}.article-content table{width:100%;border-collapse:collapse;margin:22px 0}.article-content th,.article-content td{border:1px solid #dce6ee;padding:11px;text-align:right}.article-content th{background:#eef5fa}.article-content blockquote{margin:24px 0;padding:18px 22px;border-right:4px solid var(--accent);background:#fff7f1;border-radius:12px}.article-sidebar{display:grid;gap:20px;position:sticky;top:110px}.side-box{background:#fff;border:1px solid #e4edf4;border-radius:18px;padding:22px}.side-box h3{margin-top:0}.lead-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lead-form label{display:grid;gap:7px;font-weight:700;color:#22364d}.lead-form input,.lead-form textarea,.lead-form select{width:100%;border:1px solid #d4e0e9;border-radius:11px;padding:12px 14px;background:#fff;outline:none}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,107,0,.1)}.hp-field{position:absolute!important;right:-9999px!important}.notice{padding:15px 18px;border-radius:12px;margin-bottom:20px}.notice-success{background:#e8f8ee;color:#11622f;border:1px solid #bce7ca}.notice-error{background:#fff0f0;color:#8d2525;border:1px solid #f0c7c7}.search-bar{display:flex;gap:10px;margin-bottom:26px}.search-bar input{flex:1;border:1px solid #d4e0e9;border-radius:12px;padding:13px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.pagination a{width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid #dce6ee;border-radius:10px}.pagination a.active{background:var(--accent);color:#fff}.cta-band{background:linear-gradient(120deg,var(--accent),#ff8a00);color:#fff;padding:54px 0}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:2rem;margin:7px 0}.cta-band p{margin:0;color:#fff3e9}.site-footer{background:#06182d;color:#cbd8e6;padding:62px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.footer-logo{background:#fff;border-radius:14px;padding:12px;width:max-content;margin-bottom:14px}.footer-logo img{width:220px}.site-footer h3{color:#fff;margin-top:0}.site-footer a,.site-footer span{display:block;margin:9px 0}.site-footer a:hover{color:var(--accent)}.disclaimer{font-size:.84rem;color:#9fb1c2}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;font-size:.86rem}.floating-contact{position:fixed;left:18px;bottom:20px;z-index:950;display:grid;gap:10px}.floating-contact a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.3rem;box-shadow:0 10px 25px rgba(0,0,0,.22)}.float-wa{background:#25b85a}.float-call{background:var(--accent)}.empty-state{text-align:center;padding:50px;background:#fff;border-radius:18px;border:1px solid #e4edf4}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{background:#eef4f8;border-radius:99px;padding:7px 12px;font-size:.86rem}.faq details{background:#fff;border:1px solid #e2ebf2;border-radius:12px;padding:14px 16px;margin-bottom:10px}.faq summary{font-weight:800;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.contact-card{background:#fff;border:1px solid #e4edf4;border-radius:18px;padding:28px}.contact-method{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #edf2f6}.contact-method:last-child{border-bottom:0}.contact-icon{width:46px;height:46px;border-radius:14px;background:rgba(255,107,0,.12);color:var(--accent);display:grid;place-items:center;font-size:1.25rem}.anchor-nav{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.anchor-nav a{background:#edf5fa;color:#19446d;padding:8px 12px;border-radius:99px;font-size:.88rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mobile-bottom{display:none}
@media(max-width:1050px){.main-nav{gap:14px;font-size:.86rem}.header-cta{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.hero-content{width:62%}.hero:after{width:52%}.footer-grid{grid-template-columns:repeat(2,1fr)}.listing-layout{grid-template-columns:1fr}.sidebar{position:static}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}
@media(max-width:820px){.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.nav-wrap{min-height:72px}.brand img{width:190px}.menu-toggle{display:block;margin-inline-start:auto}.main-nav{display:none;position:absolute;top:72px;right:16px;left:16px;background:#fff;border-radius:16px;padding:12px;box-shadow:0 18px 40px rgba(4,23,43,.16);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px;border-bottom:1px solid #edf2f6}.main-nav a:after{display:none}.hero{min-height:auto}.hero:after{opacity:.25;width:100%;clip-path:none}.hero-content{width:100%;padding:70px 0;text-align:center}.hero-actions{justify-content:center}.hero-points{grid-template-columns:1fr}.stats-inner{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-left:0}.about-grid,.contact-grid{grid-template-columns:1fr}.cta-band-inner{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.article-content{padding:22px}.related-grid{grid-template-columns:1fr}.section{padding:62px 0}}
@media(max-width:580px){.container{width:min(100% - 22px,1180px)}.grid-4,.grid-3{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero h1{font-size:2.25rem}.stats-strip{margin-top:-24px}.stats-inner{grid-template-columns:1fr}.stat{border-left:0;border-bottom:1px solid rgba(255,255,255,.12);padding:14px}.stat:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.floating-contact{left:12px;bottom:12px}.floating-contact a{width:48px;height:48px}.service-tile img,.card-image img{height:200px}.page-hero{padding:54px 0}.article-content{padding:18px}.cta-band h2{font-size:1.55rem}}