:root{
  --red:#e51b2b;
  --red-dark:#b90f1d;
  --ink:#11151b;
  --muted:#6c727b;
  --line:#e4e6e9;
  --soft:#f5f6f7;
  --white:#fff;
  --dark:#111419;
  --container:min(1180px, calc(100% - 48px));
  --shadow:0 24px 70px rgba(15,18,24,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"Cairo",system-ui,sans-serif;line-height:1.8}
body.lang-en{font-family:"Manrope",system-ui,sans-serif;direction:ltr}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:var(--container);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,24,30,.07)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;width:190px}
.brand-logo{width:185px;height:74px;object-fit:contain;object-position:center}
.desktop-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}
.desktop-nav a{position:relative;color:#3e434b}
.desktop-nav a:after{content:"";position:absolute;bottom:-7px;left:0;width:0;height:2px;background:var(--red);transition:.25s}
.desktop-nav a:hover:after{width:100%}
.nav-actions{display:flex;align-items:center;gap:12px}
.lang-switch{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;cursor:pointer;font-size:12px;font-weight:800;color:var(--ink)}
.lang-switch:hover{border-color:var(--red);color:var(--red)}
.nav-cta,.btn{border-radius:999px;padding:11px 20px;font-size:13px;font-weight:800}
.nav-cta{background:var(--ink);color:#fff}
.hero{position:relative;overflow:hidden;padding:92px 0 85px;background:linear-gradient(120deg,#fff 0%,#fff 55%,#f4f5f6 100%)}
.hero:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(229,27,43,.07);right:-280px;top:-220px}
body.lang-en .hero:before{right:auto;left:-280px}
.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:75px;align-items:center;direction:ltr}
.hero-copy{direction:rtl}
body.lang-en .hero-copy{direction:ltr}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--red);text-transform:uppercase}
.eyebrow:before{content:"";width:26px;height:2px;background:var(--red)}
body.lang-en .eyebrow:before{display:none}
body.lang-en .eyebrow:after{content:"";width:26px;height:2px;background:var(--red)}
.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.15;letter-spacing:-.045em;margin:24px 0 22px;max-width:720px;font-weight:800}
.hero h1 em{font-style:normal;color:var(--red)}
.hero-copy>p{font-size:20px;color:var(--muted);max-width:620px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 30px rgba(229,27,43,.22)}
.btn-ghost{border:1px solid #d9dce0;color:var(--ink);background:#fff}
.hero-metrics{display:flex;gap:30px;margin-top:55px;border-top:1px solid var(--line);padding-top:20px}
.hero-metrics div{display:flex;flex-direction:column;gap:1px}
.hero-metrics strong{font-family:"Manrope";font-size:20px;color:var(--red)}
.hero-metrics span{font-size:12px;color:var(--muted);font-weight:700}
.hero-visual{position:relative;min-height:600px;direction:ltr}
.hero-image{position:absolute;inset:25px 25px 25px 0;border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,13,17,.48),transparent 45%)}
.hero-image img{width:100%;height:100%;object-fit:cover}
.hero-card{position:absolute;bottom:0;right:-20px;width:240px;background:#fff;padding:25px;box-shadow:var(--shadow);border-top:4px solid var(--red);display:flex;flex-direction:column}
.card-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}
.hero-card strong{font-size:23px;line-height:1.25;margin:10px 0}
.hero-card small{color:var(--muted)}
.red-mark{position:absolute;top:0;right:0;width:95px;height:95px;background:var(--red);clip-path:polygon(100% 0,100% 100%,0 0)}
.section{padding:110px 0}
.split{display:grid;grid-template-columns:260px 1fr 360px;gap:60px;align-items:center;direction:ltr}
.split>*{direction:rtl}
body.lang-en .split>*{direction:ltr}
.split-media{margin:0;border-radius:4px;overflow:hidden;box-shadow:var(--shadow);align-self:stretch;min-height:280px;background:#ddd}
.split-media img{width:100%;height:100%;object-fit:cover;display:block}
.section-label{font-weight:800;display:flex;gap:15px;align-items:flex-start;color:#454a52}
.section-label span:first-child{font-family:"Manrope";font-size:12px;color:var(--red);padding-top:7px}
.split h2,.section-head h2,.promise h2,.contact h2{font-size:clamp(32px,4vw,54px);line-height:1.22;letter-spacing:-.035em;margin:0 0 24px}
.split p{font-size:17px;color:var(--muted);max-width:800px}
.dark{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.dark:after{content:"";position:absolute;right:-180px;bottom:-300px;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.02),0 0 0 160px rgba(255,255,255,.02)}
body.lang-en .dark:after{right:auto;left:-180px}
.light{color:#fff}
.section-head{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:end;margin-bottom:55px;position:relative;z-index:2}
.section-head p{color:#9ba1aa;margin:0;font-size:15px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#34383e;position:relative;z-index:2}
.service-card{min-height:340px;padding:30px;background:#171a1f;border:1px solid #282c31;transition:.3s;position:relative}
.service-card:hover{transform:translateY(-7px);background:#1d2127}
.service-card.featured{background:linear-gradient(145deg,var(--red),#b50f1d);border-color:transparent}
.service-no{font:700 11px "Manrope";color:#8e949d}
.featured .service-no{color:#fff}
.icon{font:300 42px "Manrope";margin:40px 0 22px;color:var(--red)}
.featured .icon{color:#fff}
.service-card h3{font-size:19px;line-height:1.35;margin:0 0 15px}
.service-card p{font-size:13px;color:#999fa8;margin:0}
.featured p{color:#ffe7ea}
.service-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#34383e;margin-top:1px;position:relative;z-index:2}
.service-gallery figure{margin:0;position:relative;height:260px;overflow:hidden;background:#111}
.service-gallery img{width:100%;height:100%;object-fit:cover;transition:.5s;display:block}
.service-gallery figure:hover img{transform:scale(1.04)}
.service-gallery figcaption{position:absolute;bottom:0;right:0;left:0;padding:35px 20px 16px;color:#fff;font:700 13px "Manrope";background:linear-gradient(transparent,rgba(0,0,0,.75))}
body.lang-en .service-gallery figcaption{text-align:left}
.promise-media{margin:28px 0 0;border-radius:4px;overflow:hidden;box-shadow:var(--shadow);height:220px;background:#ddd}
.promise-media img{width:100%;height:100%;object-fit:cover;display:block}
.parts{background:#f5f6f7}
.dark-text{color:var(--ink)}
.parts-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:14px}
.parts-grid figure{margin:0;position:relative;height:400px;overflow:hidden;background:#ddd}
.parts-grid figure.wide{height:500px}
.parts-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}
.parts-grid figure:hover img{transform:scale(1.04)}
.parts-grid figcaption{position:absolute;bottom:0;right:0;left:0;padding:45px 22px 20px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.75))}
body.lang-en .parts-grid figcaption{text-align:left}
.promise{background:#fff;border-top:1px solid var(--line)}
.promise-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}
.promise-list{border-top:1px solid var(--line)}
.promise-list div{display:flex;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}
.promise-list strong{font:700 12px "Manrope";color:var(--red)}
.promise-list span{font-weight:700}
.contact{background:var(--dark);color:#fff}
.contact-box{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}
.contact-intro p{color:#9da3ac;max-width:580px}
.contact-details{border-top:1px solid #34383e}
.contact-item{padding:23px 0;border-bottom:1px solid #34383e;display:flex;flex-direction:column;gap:5px}
.contact-item span{font-size:11px;color:#8f969f;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.contact-item strong,.contact-item a{font-size:17px;line-height:1.8}
.contact-item a:hover{color:var(--red)}
.footer{background:#0b0d10;color:#858b94;padding:28px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.08em}
.footer-inner p{margin:0}
.footer-inner>span{font-family:"Manrope";font-size:9px}
.footer-brand{width:140px}
.footer-logo{width:130px;height:58px;object-fit:contain}
@media(max-width:1000px){
  .desktop-nav{display:none}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-visual{min-height:480px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .section-head,.contact-box,.promise-grid{grid-template-columns:1fr;gap:30px}
  .split{grid-template-columns:1fr;gap:25px}
  .split-media{min-height:260px;order:2}
  .parts-grid{grid-template-columns:1fr 1fr}
  .parts-grid figure.wide{grid-column:1/-1}
  .service-gallery{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  :root{--container:calc(100% - 32px)}
  .nav{height:70px}
  .nav-cta{display:none}
  .brand{width:150px}
  .brand-logo{width:145px;height:58px}
  .hero{padding:65px 0}
  .hero h1{font-size:43px}
  .hero-copy>p{font-size:17px}
  .hero-visual{min-height:380px}
  .hero-card{right:-8px;width:200px;padding:18px}
  .hero-card strong{font-size:18px}
  .hero-metrics{gap:18px;margin-top:35px}
  .section{padding:75px 0}
  .section-head{margin-bottom:35px}
  .service-grid,.parts-grid,.service-gallery{grid-template-columns:1fr}
  .parts-grid figure,.parts-grid figure.wide{height:330px;grid-column:auto}
  .service-gallery figure{height:280px}
  .split-media{min-height:220px}
  .footer-inner{flex-direction:column;align-items:flex-start}
}