@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@500;700&display=swap');
:root{--ink:#07111f;--navy:#0b2342;--blue:#123f73;--orange:#f58220;--paper:#f4f7fa;--white:#fff;--muted:#697486;--line:#dbe2e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}.nav{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:42px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brand .mark{width:44px;height:44px;background:var(--orange);color:#fff;display:grid;place-items:center;font:700 24px Manrope;border-radius:3px}.brand b{display:block;font-size:17px;line-height:1.2}.brand small{display:block;font:500 8px Manrope;letter-spacing:.08em;color:var(--blue);direction:ltr;margin-top:4px}.nav nav{display:flex;gap:28px;font-weight:600}.nav nav a:hover{color:var(--orange)}.nav-cta,.primary{background:var(--orange);color:#fff;padding:11px 22px;font-weight:700;border-radius:3px}.hero{min-height:690px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:110px max(7vw,40px) 70px}.eyebrow,.section-head p,.intro>p{color:var(--orange);font-weight:700;margin:0 0 14px}.hero h1{font-size:clamp(46px,6vw,82px);line-height:1.08;letter-spacing:-.035em;margin:0 0 26px;max-width:700px}.lead{font-size:21px;color:#dbe6f3;max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.secondary{border:1px solid #6e8098;color:#fff;padding:10px 22px;font-weight:700;border-radius:3px}.trust{display:flex;gap:26px;margin-top:65px;color:#b6c4d4;font-size:14px}.trust span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--orange);margin-left:8px}.hero-visual{position:relative;background:linear-gradient(140deg,#102d50 0%,#07111f 70%);min-height:560px}.hero-visual:before{content:"";position:absolute;inset:8% 0 0;background:url('hero-rubber.jpg') center/cover no-repeat;opacity:.96}.visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0,transparent 40%),linear-gradient(0deg,rgba(7,17,31,.65),transparent 45%);z-index:1}.spec-card{position:absolute;z-index:2;left:7%;bottom:8%;direction:ltr;background:rgba(255,255,255,.94);color:var(--ink);padding:18px 22px;width:260px;border-top:4px solid var(--orange)}.spec-card small,.spec-card strong,.spec-card span{display:block}.spec-card small{font:700 10px Manrope;color:var(--orange);letter-spacing:.14em}.spec-card strong{font:700 20px Manrope;margin:5px 0}.spec-card span{direction:rtl;color:var(--muted);font-size:14px}.intro,.products,.sectors{padding:100px max(7vw,40px)}.intro h2,.section-head h2,.sectors h2,.contact h2{font-size:clamp(34px,4.5vw,58px);line-height:1.2;margin:0;max-width:850px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line);font-size:18px;color:#465264}.products{background:#fff}.section-head{margin-bottom:45px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product-grid article{background:#fff;padding:34px 26px;min-height:270px}.product-grid article:hover{background:#f8fafc}.product-grid span{font:700 13px Manrope;color:var(--orange)}.product-grid h3{font-size:23px;line-height:1.3;margin:38px 0 12px}.product-grid p{color:var(--muted);margin:0}.sectors{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e9eef4}.sectors ul{list-style:none;margin:0;padding:0}.sectors li{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #cbd5df}.sectors b{font-size:20px}.sectors span{color:var(--muted)}.contact{text-align:center;padding:100px 24px;background:var(--blue);color:#fff}.contact p{color:#c9d8e9}.contact h2{margin:auto}.contact .actions{justify-content:center}.light{border-color:#7694b5}footer{padding:30px max(5vw,24px);display:flex;justify-content:space-between;color:var(--muted);font-size:14px}
@media(max-width:860px){.nav{height:72px}.nav nav{display:none}.nav-cta{font-size:14px;padding:9px 13px}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 24px 55px}.hero h1{font-size:46px}.hero-visual{min-height:420px}.trust{margin-top:45px;gap:12px;flex-wrap:wrap}.intro,.products,.sectors{padding:70px 24px}.intro-grid,.sectors{grid-template-columns:1fr;gap:25px}.product-grid{grid-template-columns:1fr 1fr}.product-grid article{min-height:230px}footer{flex-direction:column;gap:8px}}
@media(max-width:520px){.brand small{display:none}.hero h1{font-size:40px}.lead{font-size:18px}.product-grid{grid-template-columns:1fr}.product-grid article{min-height:0}.spec-card{left:20px}.actions a{width:100%;text-align:center}}
.product-grid article{padding:0;min-height:390px;overflow:hidden}.product-grid article img{display:block;width:100%;aspect-ratio:1.18/1;object-fit:cover;background:#0b1726}.product-copy{padding:25px 26px 30px}.product-grid .product-copy h3{margin:13px 0 8px}