@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b20;--ink2:#16313a;--aqua:#70c7d4;--aqua2:#2b8f9d;--paper:#f5f9f9;--line:#d9e4e6;--muted:#53666d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:500 18px/1.65 Tajawal,'DM Sans',sans-serif}body.en{font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.shell{width:min(1280px,calc(100% - 72px));margin:auto}.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:50}.skip:focus{top:0}.eyebrow{font:700 13px/1.3 'DM Sans',Tajawal,sans-serif;color:var(--aqua2);letter-spacing:.15em;text-transform:uppercase}.eyebrow.light{color:#9ce6ef}
header{height:88px;position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{width:170px;height:61px;object-fit:contain}.nav nav{display:flex;gap:27px;align-items:center}.nav nav a{font-size:15px;font-weight:700}.nav nav a:hover{color:var(--aqua2)}.nav-actions{display:flex;align-items:center;gap:12px}.lang{border:1px solid var(--line);background:#fff;padding:8px 13px;font-size:14px;font-weight:700}.nav-cta{font-size:14px;background:var(--ink);color:#fff;padding:12px 17px;font-weight:800}.menu{display:none;background:#fff;border:1px solid var(--line);padding:8px 12px}
.hero{position:relative;isolation:isolate;min-height:700px;background:var(--ink);color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-image{background:url('hero.webp') center/cover}.hero-shade{background:linear-gradient(90deg,#0a1a20f5,#0a1a20d9 46%,#0a1a206e)}html[dir=rtl] .hero-shade{background:linear-gradient(270deg,#0a1a20f5,#0a1a20d9 46%,#0a1a206e)}.hero-inner{padding-top:135px;padding-bottom:125px}.hero h1{font-size:clamp(61px,7.1vw,108px);line-height:1.02;letter-spacing:-.055em;max-width:940px;margin:25px 0 28px;font-weight:800}.hero h1 em{font-style:normal;color:var(--aqua)}.hero p{font-size:clamp(19px,1.8vw,24px);line-height:1.75;max-width:760px;color:#deeaec;margin-bottom:34px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;border:1px solid #fff;font-size:16px;font-weight:800}.button.aqua{background:var(--aqua);border-color:var(--aqua);color:var(--ink)}.button.aqua:hover{background:#fff;border-color:#fff}.button.outline{color:#fff;background:#ffffff0d}.button.outline:hover{background:#ffffff24}.hero-signature{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;justify-content:space-between;color:#c4d5d8;font:600 11px/1.3 'DM Sans';letter-spacing:.15em}.capability-ribbon{background:var(--aqua)}.capability-ribbon .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;font-size:16px;font-weight:800}.capability-ribbon i{width:5px;height:5px;border-radius:50%;background:var(--aqua2)}
.section{padding:118px 0}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}.section h2,.contact h2{font-size:clamp(41px,4.8vw,67px);line-height:1.1;letter-spacing:-.045em;margin:18px 0 0;font-weight:800}.about-copy>p{font-size:21px;line-height:1.85;color:#40565e;margin:4px 0 48px}.principle{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:28px}.principle img{width:72px;height:72px;object-fit:contain;flex:none}.principle p{margin:0;max-width:470px;font-size:18px;color:var(--muted)}
.services{background:var(--ink);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:50px}.section-heading h2{margin-top:18px}.section-heading>p{max-width:470px;color:var(--muted);font-size:18px;line-height:1.75;margin:0 0 6px}.section-heading.inverse>p{color:#b9c9cd}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff32;border-inline-start:1px solid #ffffff32}.service-card{min-height:430px;padding:35px 31px;border-inline-end:1px solid #ffffff32;border-bottom:1px solid #ffffff32;position:relative;overflow:hidden}.service-card.featured:before,.service-card.visual-card:before{content:"";position:absolute;width:170px;height:170px;border:32px solid #70c7d418;border-radius:50%;inset-inline-end:-65px;top:-65px}.service-kicker{color:var(--aqua);font:700 12px/1.3 'DM Sans';letter-spacing:.14em}.service-card h3{font-size:28px;line-height:1.3;margin:60px 0 23px;max-width:320px}.service-card ul{list-style:none;margin:0;padding:0}.service-card li{font-size:15.5px;line-height:1.65;color:#bfd0d3;padding:8px 18px 8px 0;border-top:1px solid #ffffff1c;position:relative}.service-card li:before{content:"";position:absolute;right:0;top:19px;width:5px;height:5px;background:var(--aqua);border-radius:50%}html[dir=ltr] .service-card li{padding:8px 0 8px 18px}html[dir=ltr] .service-card li:before{right:auto;left:0}.text-link{display:inline-block;margin-top:34px;padding-bottom:5px;border-bottom:1px solid;font-weight:800}.light-link{color:var(--aqua)}
.method{background:#fff}.method-flow{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.method-flow article{min-height:245px;padding:29px 24px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}.method-flow strong{font:700 11px/1.3 'DM Sans';letter-spacing:.13em;color:var(--aqua2)}.method-flow h3{font-size:24px;margin:55px 0 8px}.method-flow p{font-size:15.5px;color:var(--muted);margin:0}
.business{background:var(--paper)}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.business-card{min-height:470px;position:relative;display:flex;align-items:end;overflow:hidden;background:var(--ink);color:#fff}.business-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08171de8 3%,#08171d6e 62%,#08171d25)}.property-card{background:linear-gradient(135deg,#204853,#0d2027)}.property-card:after{content:"Q";position:absolute;top:-70px;inset-inline-end:15px;font:700 340px/1 'DM Sans';color:#71c7d40c}.parts-card{background:url('industry.webp') center/cover}.business-card-inner{position:relative;z-index:1;padding:39px;max-width:570px}.business-card span{font:700 12px/1.3 'DM Sans';letter-spacing:.14em;color:var(--aqua)}.business-card h3{font-size:36px;line-height:1.2;margin:20px 0 14px}.business-card p{font-size:17px;color:#cbd9dc;line-height:1.7;margin-bottom:25px}.business-card a{display:inline-block;color:var(--aqua);font-weight:800;border-bottom:1px solid;padding-bottom:4px}
.contact{background:var(--ink2);color:#fff;padding:105px 0}.contact-inner{display:grid;grid-template-columns:.88fr 1.12fr;gap:8%;align-items:start}.contact h2{margin:18px 0 20px}.contact-intro>p{font-size:19px;color:#c2d1d4;max-width:520px}.contact-links a{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ffffff32;padding:19px 0;font-size:clamp(18px,2vw,28px);font-weight:800;word-break:break-word}.contact-links a:hover{color:var(--aqua)}.inquiry{grid-column:1/-1;display:grid;grid-template-columns:.82fr 1.18fr;gap:8%;padding:42px;background:#fff;color:var(--ink);margin-top:35px}.inquiry h3{font-size:34px;line-height:1.2;margin:14px 0}.inquiry p{font-size:17px;color:var(--muted)}.inquiry form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.inquiry label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:800}.inquiry .wide{grid-column:1/-1}.inquiry input,.inquiry select,.inquiry textarea{width:100%;border:1px solid #a6c0c5;border-radius:0;background:#fff;color:var(--ink);padding:12px;min-height:48px}.inquiry textarea{resize:vertical}.inquiry :is(input,select,textarea):focus-visible,.inquiry button:focus-visible{outline:3px solid var(--aqua2);outline-offset:2px}.inquiry button{border:0;justify-self:start}footer{background:#091216;color:#b2c3c6;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}.phone-number{direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.detail-hero{background:var(--ink2);color:#fff;padding:90px 0 105px}.detail-hero .shell{max-width:1180px}.back-link{font-size:15px;display:inline-block;margin-bottom:65px;color:#9ddfe8}.detail-hero h1{font-size:clamp(47px,5.8vw,80px);max-width:920px;line-height:1.12;margin:20px 0 24px}.detail-hero p{font-size:21px;max-width:820px;color:#cbdbde;line-height:1.7}.detail-body{background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.detail-grid article{padding:30px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);min-height:205px}.detail-grid h3{font-size:25px;margin:0 0 7px}.detail-grid p{color:var(--muted);font-size:17px;margin:0}.detail-action{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px}.detail-action p{margin:0;color:var(--muted)}
@media(max-width:1100px){.nav nav{gap:16px}.nav nav a{font-size:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.method-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}header{height:68px}.brand img{width:136px;height:50px}.nav nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;box-shadow:0 15px 30px #0002;padding:22px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav-cta{display:none}.menu{display:block}.hero{min-height:620px}.hero-inner{padding-top:110px}.hero h1{font-size:clamp(49px,13vw,70px)}.hero p{font-size:18px}.hero-shade,html[dir=rtl] .hero-shade{background:#0a1a20c9}.hero-signature span:last-child{display:none}.capability-ribbon .shell{justify-content:center;flex-wrap:wrap;gap:7px 12px}.section{padding:78px 0}.about-layout,.contact-inner,.inquiry{grid-template-columns:1fr}.about-layout{gap:34px}.section-heading{display:block}.section-heading>p{margin-top:22px}.service-grid,.business-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:31px 24px}.service-card h3{margin:36px 0 18px}.method-flow{grid-template-columns:1fr}.method-flow article{min-height:auto}.method-flow h3{margin:28px 0 7px}.business-card{min-height:430px}.business-card-inner{padding:28px}.inquiry{padding:25px;gap:18px}.inquiry form{grid-template-columns:1fr}.inquiry label{grid-column:1/-1}.contact{padding:78px 0}.contact-links a{font-size:20px}.detail-hero{padding:50px 0 70px}.back-link{margin-bottom:45px}.detail-grid{grid-template-columns:1fr}.detail-action{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}