*{box-sizing:border-box}
:root{--red:#9f2630;--red-dark:#681922;--red-light:#c34a50;--silver:#c8ccce;--silver2:#e8ebec;--ink:#242b2f;--muted:#727d82;--paper:#f5f6f6;--gold:#b99a67}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:#fff;font-family:"Cairo",Arial,sans-serif;line-height:1.8;overflow-x:hidden}
a{color:inherit}
.utility-bar{height:32px;background:#24292d;color:#d7dcde;font-size:9px}
.utility-inner{height:100%;max-width:1320px;margin:auto;padding:0 34px;display:flex;align-items:center;gap:12px}
.utility-inner a{color:#e2c5c6;text-decoration:none}.utility-inner i{width:4px;height:4px;border-radius:50%;background:#c78d90}.utility-spacer{flex:1}
.header{height:94px;padding:9px clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 7px 28px #1e262b0c}
.brand{display:flex;align-items:center;gap:11px;min-width:260px;text-decoration:none;color:var(--red-dark)}
.brand-logo{width:72px;height:70px;flex:0 0 72px;border:1px solid #e2e4e5;border-radius:8px;padding:2px;background:#fff;display:grid;place-items:center}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.brand-name{display:flex;flex-direction:column;line-height:1.5}.brand-name strong{font-size:15px;font-weight:900}.brand-name small{font-size:9px;color:#7b8286}
.navigation{display:flex;align-items:center;gap:clamp(14px,2vw,29px)}
.navigation a{position:relative;text-decoration:none;color:#4d575c;font-size:12px;font-weight:800;padding:9px 0;white-space:nowrap}
.navigation a:after{content:"";position:absolute;bottom:2px;right:0;width:0;height:2px;background:var(--red);transition:width .2s}
.navigation a:hover{color:var(--red)}.navigation a:hover:after{width:100%}
.header-actions{display:flex;align-items:center;gap:9px}
.language-button,.menu-button{border:1px solid #d9dddf;background:#fff;color:var(--red-dark);border-radius:30px;padding:8px 13px;font:800 10px Manrope,Cairo,sans-serif;cursor:pointer}
.header-cta{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--red);color:#fff;text-decoration:none;font-size:11px;font-weight:800;border-radius:3px;white-space:nowrap;transition:.2s}
.header-cta:hover{background:var(--red-dark)}.header-cta span{font-size:16px}
.menu-button{display:none}
.hero{min-height:625px;position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:35px;padding:72px clamp(25px,9vw,145px) 82px;background:linear-gradient(118deg,#24292d 0%,#333a3e 48%,#661d26 100%);color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#ffffff12,transparent 35%),radial-gradient(#ffffff14 .7px,transparent .7px);background-size:auto,21px 21px;opacity:.5}
.hero:after{content:"";position:absolute;inset-inline-end:-240px;top:-370px;width:760px;height:760px;border:1px solid #ffffff18;border-radius:50%}
.hero-text,.hero-art{position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:10px;color:#e8c9ca;font-size:10px;font-weight:800;letter-spacing:.3px}
.eyebrow span{width:31px;height:2px;background:#d49da0}
.hero h1{font-size:clamp(36px,4.4vw,60px);line-height:1.4;margin:18px 0 13px;font-weight:900;letter-spacing:-.5px}
.hero h1 em{font-style:normal;color:#e1c38c}
.hero-text>p{max-width:600px;color:#d9dfe1;font-size:13px;line-height:2.2;margin:0 0 26px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.button{min-height:47px;padding:10px 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:3px;text-decoration:none;font-size:11px;font-weight:900;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-red{background:linear-gradient(115deg,#c1484e,#8c1e29);color:#fff;box-shadow:0 10px 25px #0003}.button-red b{font:18px Manrope}
.button-outline{border:1px solid #ffffff75;color:#fff}.button-outline:hover{background:#ffffff12}
.hero-facts{display:flex;align-items:center;gap:19px;margin-top:39px}
.hero-facts div{display:flex;flex-direction:column}.hero-facts strong{font:800 11px Manrope;color:#e2b7b9}.hero-facts span{font-size:9px;color:#d5dcde}.hero-facts>i{height:29px;width:1px;background:#ffffff35}
.hero-art{justify-self:center;width:min(430px,38vw);aspect-ratio:1;display:grid;place-items:center}
.art-ring{position:absolute;border:1px solid #e2c2c45a;border-radius:50%;inset:0}.ring-a:before,.ring-b:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#d8b77b;top:13%;inset-inline-start:20%;box-shadow:0 0 18px #d8b77b}.ring-b{inset:9%;border-style:dashed;border-color:#ffffff32}.ring-b:before{top:auto;bottom:10%;inset-inline-start:auto;inset-inline-end:14%;width:6px;height:6px;background:#fff}
.logo-panel{width:78%;height:85%;padding:11px;background:#fff;border:5px solid #bfc2c4;border-radius:12px;box-shadow:0 25px 65px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center}
.logo-panel-inner{width:100%;flex:1;min-height:0;display:grid;place-items:center}.logo-panel-inner img{width:100%;height:100%;object-fit:contain}
.logo-panel-foot{width:100%;padding:7px 2px 3px;display:flex;flex-direction:column;text-align:center;line-height:1.6}
.logo-panel-foot span{font:800 7px Manrope;color:#9b3038;letter-spacing:1.5px}.logo-panel-foot strong{font:800 10px Manrope;color:#4a5054;letter-spacing:1px}
.art-tag{position:absolute;bottom:7%;inset-inline-end:-5%;width:91px;height:91px;border-radius:50%;background:#fff;border:1px solid #d5c2c3;box-shadow:0 13px 35px #0004;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--red)}
.art-tag span{font:900 23px Manrope;letter-spacing:1px}.art-tag small{font:800 6px Manrope;letter-spacing:1px}
.art-caption{position:absolute;top:9%;inset-inline-start:-8%;display:flex;align-items:center;gap:9px;writing-mode:vertical-rl;color:#edc9ca;font:800 8px Manrope;letter-spacing:1.5px}
.art-caption i{height:35px;width:1px;background:#d5a2a4}
.hero-footer{position:absolute;bottom:0;left:0;right:0;height:34px;border-top:1px solid #ffffff24;padding:0 clamp(25px,9vw,145px);display:flex;align-items:center;justify-content:space-between;color:#c9b1b2;font:700 8px Manrope;letter-spacing:1.7px}
.intro-band{min-height:104px;background:#f7f7f6;border-bottom:1px solid #e8e9e9;display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 25px}
.intro-mark{width:47px;height:47px;border:1px solid #d6b6b8;border-radius:50%;display:grid;place-items:center;color:var(--red);font:900 14px Manrope}
.intro-band>div:nth-child(2){display:flex;flex-direction:column}.intro-band strong{font-size:12px;color:#313a3f}.intro-band p{font-size:9px;color:#737d82;margin:1px 0 0}
.intro-band>a{margin-inline-start:25px;color:var(--red);text-decoration:none;font:800 11px Manrope;white-space:nowrap}.intro-band>a span{font-size:15px}
.section{padding:95px clamp(22px,9vw,145px)}
.section-heading{max-width:1120px;margin:0 auto 34px}
.kicker{display:flex;align-items:center;gap:10px;color:#a27d50;font:800 9px Manrope,Cairo,sans-serif;letter-spacing:1px}
.kicker>span{color:#bd9294;font-size:11px}.kicker i{width:30px;height:1px;background:#c5a6a7}
.section-heading h2,.services-heading h2,.leadership-copy h2,.contact-intro h2{font-size:clamp(32px,3.8vw,46px);line-height:1.35;color:#292f33;margin:13px 0 0;font-weight:900}
.section-heading h2 em,.services-heading h2 em,.leadership-copy h2 em,.contact-intro h2 em{font-style:normal;color:var(--red)}
.about-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,90px);align-items:center}
.about-copy{font-size:13px;color:#626d72;line-height:2.25}.red-rule{width:58px;height:3px;background:linear-gradient(90deg,var(--red),#d7babc);margin-bottom:19px}
.about-copy>p{margin:0 0 25px}
.about-detail{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eceeef}
.detail-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #eadadb;background:#faf4f4;color:var(--red);border-radius:50%;font-size:17px}
.about-detail>div{display:flex;flex-direction:column}.about-detail small{font:800 8px Manrope,Cairo,sans-serif;color:#a17c7f;letter-spacing:1px}.about-detail strong{font-size:12px;color:#343d42}
.identity-image{position:relative;padding:8px;background:#fff;border:1px solid #e0e3e4;box-shadow:0 20px 55px #222c3217;border-radius:5px}
.identity-image img{display:block;width:100%;border-radius:3px}.identity-image>span{position:absolute;bottom:18px;inset-inline-end:18px;background:#84212aeb;color:#fff;padding:5px 12px;font-size:9px;border-radius:2px}
.services{background:linear-gradient(130deg,#252b2f,#30373b 60%,#4b2026);color:#fff;position:relative;overflow:hidden}
.services:before{content:"";position:absolute;width:700px;height:700px;border:1px solid #ffffff0d;border-radius:50%;top:-380px;inset-inline-end:-260px}
.services-heading{max-width:1120px;margin:0 auto 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}
.kicker.light{color:#e4c6c7}.kicker.light>span{color:#e5bfc1}.kicker.light i{background:#d3a5a7}
.services-heading h2{color:#fff;margin-top:12px}.services-heading h2 em{color:#e3c18b}
.services-heading>div:first-child>p{font-size:11px;color:#d1d7d9;margin:7px 0 0}
.services-seal{width:86px;height:86px;flex:0 0 86px;border:1px solid #e3c7c780;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f0d7d8}
.services-seal span{font:900 24px Manrope;letter-spacing:1px}.services-seal i{width:22px;height:1px;background:#d6a7a9;margin:4px}.services-seal small{font:700 6px Manrope;letter-spacing:1px}
.services-banner{max-width:1120px;margin:0 auto 20px;padding:16px 20px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff25;border-inline-start:3px solid #d6b77e;background:#ffffff0d}
.banner-symbol{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:1px solid #d7b9ba80;border-radius:50%;color:#e7c9ca;font-size:20px}
.services-banner strong{font-size:12px;color:#f1dfe0}.services-banner p{margin:2px 0 0;color:#cbd2d5;font-size:9px}
.service-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}
.service-card{min-height:218px;padding:20px 21px 23px;background:#fff;color:var(--ink);border:1px solid #e4e6e7;border-radius:4px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.service-card:after{content:"";position:absolute;width:85px;height:85px;border:1px solid #a52d3820;border-radius:50%;bottom:-54px;inset-inline-end:-38px;transition:transform .3s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0005;border-color:#d4b2b4}.service-card:hover:after{transform:scale(1.7)}
.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.card-head span{font:800 10px Manrope;color:#b28c8e;letter-spacing:1.5px;background:#f8f0f0;padding:5px 9px}
.card-head b{width:45px;height:45px;display:grid;place-items:center;border:1px solid #eadcdd;background:linear-gradient(145deg,#fbf7f7,#f0f2f2);border-radius:13px 13px 13px 3px;color:var(--red);font-size:20px;font-weight:500}
.service-card>small{display:block;font:800 7px Manrope,Cairo,sans-serif;color:#a47d80;letter-spacing:1px;margin-bottom:6px}
.service-card h3{font-size:14px;line-height:1.7;color:#303a3f;margin:0 0 6px;font-weight:900}
.service-card p{font-size:10px;line-height:2;color:#707b80;margin:0}
.services-note{max-width:1120px;margin:20px auto 0;display:flex;align-items:flex-start;gap:9px;color:#d3d9db;font-size:9px}
.services-note>span{width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;border:1px solid #d6b6b8;border-radius:50%;color:#e6c6c8;font:800 9px Manrope}.services-note p{margin:0}
.leadership{background:#f6f7f7}
.leadership-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,90px);align-items:center}
.plaque-card{position:relative;padding:8px;background:#fff;border:1px solid #e2e5e6;box-shadow:0 20px 50px #1e2a3016;transform:rotate(-.7deg)}
.plaque-card img{display:block;width:100%}.plaque-card>span{position:absolute;bottom:17px;inset-inline-end:17px;background:#fff;color:var(--red);font-size:9px;font-weight:800;padding:5px 11px;box-shadow:0 4px 15px #0002}
.leadership-copy h2{margin:17px 0}.person-name{font-size:19px;color:#7f3339;font-weight:900}.leadership-copy>p{font-size:11px;color:#778187}
.person-signature{border-top:1px solid #dfe3e4;margin-top:26px;padding-top:14px;display:flex;flex-direction:column}
.person-signature span{font:italic 600 14px Manrope;color:#7b5558}.person-signature small{font-size:8px;color:#929b9f;letter-spacing:1px}
.contact{background:linear-gradient(125deg,#242a2e,#343b40 58%,#5d2028);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;position:relative;overflow:hidden}
.contact:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff0d;border-radius:50%;top:-360px;inset-inline-start:-230px}
.contact-intro,.contact-card,.qr-feature{position:relative;z-index:1}
.contact-intro h2{color:#fff;margin:17px 0 10px}.contact-intro h2 em{color:#e4c18b}
.contact-intro>p{font-size:11px;color:#d0d7d9}
.contact-address{display:flex;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #ffffff2b}
.contact-address>span{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border:1px solid #ffffff3a;border-radius:50%;color:#e6c7c9}
.contact-address>div{display:flex;flex-direction:column}.contact-address small{font:800 8px Manrope;color:#e4c3c5;letter-spacing:1px}.contact-address strong{font-size:10px;color:#f1f3f3;line-height:1.9}
.contact-card{background:#fff;color:#293238;padding:20px 24px;box-shadow:0 20px 55px #0004;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.contact-row{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 0;border-bottom:1px solid #eceeef;text-decoration:none}
.contact-row:nth-last-child(-n+1){border-bottom:0}
.contact-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border:1px solid #eadcdd;border-radius:50%;background:#faf4f4;color:var(--red);font-size:15px}
.contact-icon.whatsapp{color:#268450;background:#f1f8f2;border-color:#d8ebdc}.contact-icon.facebook{font:900 17px Manrope}.contact-icon.instagram{font-size:19px}
.contact-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.contact-row small{font:800 7px Manrope,Cairo,sans-serif;color:#a17d80;letter-spacing:1px}
.contact-row strong{font-size:9px;color:#303b40;overflow-wrap:anywhere}
.contact-row>b{margin-inline-start:auto;color:#b58e90;font:14px Manrope}
.contact-row:hover strong{color:var(--red)}
.qr-feature{grid-column:1/-1;background:#fff;border:1px solid #e7e9ea;border-radius:5px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#30393e}
.qr-copy{display:flex;flex-direction:column;align-items:flex-start}
.qr-copy>small{font:800 8px Manrope,Cairo,sans-serif;color:#a17b7e;letter-spacing:1px}
.qr-copy>strong{font:900 20px Manrope;color:var(--red);letter-spacing:1px;margin:3px 0}
.qr-copy p{font-size:9px;color:#737d82;margin:0 0 8px}
.qr-copy>a{font-size:9px;font-weight:900;color:#fff;background:var(--red);padding:6px 13px;border-radius:2px;text-decoration:none}
.qr-image{width:110px;flex:0 0 110px;border:1px solid #e7e7e7;padding:3px;border-radius:4px}.qr-image img{display:block;width:100%;height:auto}
.footer{background:#1d2327;color:#dce0e2;padding:22px clamp(20px,7vw,100px) 13px}
.footer-top{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}
.footer-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.footer-brand img{width:46px;height:43px;object-fit:contain;background:#fff;border-radius:5px;padding:2px}
.footer-brand span{display:flex;flex-direction:column}.footer-brand strong{font-size:10px}.footer-brand small{font:700 7px Manrope;color:#aeb6ba;letter-spacing:.5px}
.footer-up{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff3d;border-radius:50%;text-decoration:none;color:#e4c3c5;font:18px Manrope}
.footer-bottom{max-width:1280px;margin:auto;border-top:1px solid #ffffff1b;padding-top:10px;display:flex;justify-content:space-between;color:#9da7ab;font:8px Manrope}
body[dir="ltr"]{font-family:Manrope,Cairo,Arial,sans-serif}
body[dir="ltr"] .navigation a:after{right:auto;left:0}
body[dir="ltr"] .hero-text,body[dir="ltr"] .about-copy,body[dir="ltr"] .leadership-copy,body[dir="ltr"] .contact-intro{text-align:left}
body[dir="ltr"] .about-detail,body[dir="ltr"] .contact-row,body[dir="ltr"] .contact-address{direction:ltr}
body[dir="ltr"] .services-heading>div:first-child{text-align:left}
@media(max-width:1080px){
 .header{padding-inline:20px;gap:12px}.brand{min-width:220px}.brand-logo{width:60px;height:59px;flex-basis:60px}.brand-name strong{font-size:13px}.brand-name small{font-size:8px}.navigation{gap:13px}.navigation a{font-size:10px}
 .hero{padding-inline:6vw}.hero-art{width:min(380px,39vw)}.section{padding-inline:6vw}
}
@media(max-width:820px){
 .header{height:78px}.brand{min-width:0;flex:1}.brand-logo{width:55px;height:54px;flex-basis:55px}.brand-name strong{font-size:12px}
 .menu-button{display:flex;width:36px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:50%}.menu-button span{width:15px;height:1.5px;background:var(--red-dark)}
 .navigation{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:12px 22px 18px;box-shadow:0 15px 25px #17212720;flex-direction:column;align-items:stretch;gap:0}
 .navigation.open{display:flex}.navigation a{padding:10px 3px;border-bottom:1px solid #f0eeee;font-size:12px}.navigation a:last-child{border:0}
 .hero{grid-template-columns:1fr .8fr;min-height:550px;padding-block:58px}.hero h1{font-size:clamp(30px,5vw,43px)}.hero-art{width:100%;max-width:310px}
 .about-layout{gap:30px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact{grid-template-columns:1fr}.contact-intro{max-width:650px}
}
@media(max-width:600px){
 .utility-bar{height:28px}.utility-inner{padding:0 12px;font-size:7px;gap:7px}.utility-inner>span:last-child{display:none}
 .header{height:70px;padding:6px 12px;gap:6px}.brand{gap:7px}.brand-logo{width:48px;height:48px;flex-basis:48px;padding:1px}.brand-name strong{font-size:10px}.brand-name small{font-size:7px}
 .header-actions{gap:5px}.language-button{padding:6px 9px;font-size:9px}.header-cta{display:none}.menu-button{width:33px;height:33px}
 .navigation{top:70px}
 .hero{display:flex;flex-direction:column;text-align:center;min-height:0;padding:39px 17px 55px;gap:28px}
 .hero-art{order:1;width:min(265px,70vw);max-width:265px}.hero-text{order:2;width:100%}
 .hero h1{font-size:clamp(28px,8vw,37px);line-height:1.5;margin:14px 0}.hero-text>p{font-size:10px;line-height:2.1;margin-bottom:20px}
 .hero-actions{justify-content:center;gap:8px}.button{min-height:42px;padding:9px 14px;font-size:9px}
 .hero-facts{justify-content:center;gap:12px;margin-top:25px}.hero-facts strong{font-size:9px}.hero-facts span{font-size:7px}
 .art-tag{width:72px;height:72px;inset-inline-end:-5%;bottom:7%}.art-tag span{font-size:18px}.art-tag small{font-size:5px}
 .art-caption{font-size:6px;inset-inline-start:-7%}.hero-footer{height:28px;padding-inline:14px;font-size:6px}
 .intro-band{padding:14px 12px;gap:9px;flex-wrap:wrap}.intro-mark{width:35px;height:35px;font-size:11px;flex:0 0 35px}.intro-band>div:nth-child(2){flex:1;min-width:160px}.intro-band strong{font-size:9px}.intro-band p{font-size:7px}.intro-band>a{margin-inline-start:44px;font-size:9px}
 .section{padding:58px 17px}.section-heading h2,.services-heading h2,.leadership-copy h2,.contact-intro h2{font-size:31px}
 .about-layout{grid-template-columns:1fr;gap:22px}.about-copy{font-size:10px}.about-copy>p{margin-bottom:17px}.about-detail{padding:10px 0}.detail-icon{width:32px;height:32px;flex-basis:32px;font-size:14px}.about-detail small{font-size:7px}.about-detail strong{font-size:10px}
 .identity-image{padding:5px}.identity-image>span{bottom:12px;inset-inline-end:12px;font-size:7px}
 .services-heading{gap:8px;align-items:flex-start}.services-heading h2{font-size:32px}.services-heading>div:first-child>p{font-size:9px;line-height:1.9}.services-seal{width:59px;height:59px;flex-basis:59px}.services-seal span{font-size:16px}.services-seal small{font-size:4px}
 .services-banner{padding:11px 10px;gap:9px;margin-bottom:13px}.banner-symbol{width:31px;height:31px;flex-basis:31px;font-size:16px}.services-banner strong{font-size:10px}.services-banner p{font-size:7px}
 .service-grid{grid-template-columns:1fr;gap:9px}.service-card{min-height:0;padding:14px 15px 16px}.card-head{margin-bottom:8px}.card-head b{width:37px;height:37px;font-size:17px}.card-head span{font-size:8px}.service-card>small{font-size:6px}.service-card h3{font-size:12px;margin-bottom:3px}.service-card p{font-size:8px}.services-note{font-size:7px;margin-top:14px}
 .leadership-layout{grid-template-columns:1fr;gap:22px}.plaque-card{padding:5px;transform:none}.plaque-card>span{bottom:12px;inset-inline-end:12px;font-size:7px}.leadership-copy h2{margin:12px 0}.person-name{font-size:15px}.leadership-copy>p{font-size:9px}
 .contact{gap:20px}.contact-intro h2{margin:12px 0}.contact-intro>p{font-size:9px}.contact-address{margin-top:17px;padding-top:13px}.contact-address>span{width:31px;height:31px;flex-basis:31px}.contact-address small{font-size:7px}.contact-address strong{font-size:8px}
 .contact-card{grid-template-columns:1fr;padding:13px 14px;gap:0}.contact-row{padding:9px 0}.contact-icon{width:31px;height:31px;flex-basis:31px;font-size:13px}.contact-row small{font-size:6px}.contact-row strong{font-size:8px}
 .qr-feature{padding:12px;gap:9px}.qr-image{width:85px;flex-basis:85px}.qr-copy>small{font-size:6px}.qr-copy>strong{font-size:16px}.qr-copy p{font-size:7px}.qr-copy>a{font-size:7px;padding:5px 9px}
 .footer{padding:17px 12px 10px}.footer-brand img{width:39px;height:37px}.footer-brand strong{font-size:8px}.footer-brand small{font-size:5px}.footer-up{width:28px;height:28px}.footer-bottom{font-size:6px}
}
@media(max-width:360px){
 .utility-inner{font-size:6px}.brand-name small{max-width:140px}.hero{padding-inline:12px}.hero-facts{gap:8px}.hero-facts span{font-size:6px}.services-seal{display:none}.footer-brand small{letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Premium V3 additions: verified oil-sector services, equipment gallery and domain emails */
.equipment-section{background:#f4f5f5}
.equipment-intro{font-size:12px;color:#6d787d;max-width:720px;margin:12px 0 0;line-height:2}
.equipment-gallery{max-width:1120px;margin:30px auto 0;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px;align-items:start}
.equipment-gallery figure{margin:0;background:#fff;border:1px solid #e0e3e4;padding:7px;box-shadow:0 12px 30px #202b3210;border-radius:4px}
.equipment-gallery img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;background:#fff}
.equipment-gallery figcaption{font-size:10px;color:#59646a;font-weight:800;padding:9px 5px 4px;text-align:center}
.equipment-disclaimer{max-width:1120px;margin:15px auto 0;color:#7c8589;font-size:9px;line-height:1.9}
.contact-card{grid-template-columns:1fr 1fr}
.contact-row.email-row{cursor:default}
.contact-row.email-row strong{color:#7d2730;font:800 10px Manrope,sans-serif}
.contact-row.email-row em{font-style:normal;color:#9a777a;font-size:8px;margin-top:2px}
.contact-row.email-row:hover strong{color:#7d2730}
@media(max-width:820px){
 .equipment-gallery{grid-template-columns:1fr 1fr}
 .equipment-gallery figure:first-child{grid-column:1/-1}
 .contact-card{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .equipment-gallery{grid-template-columns:1fr;gap:12px;margin-top:20px}
 .equipment-gallery figure:first-child{grid-column:auto}
 .equipment-gallery img{max-height:330px}
 .equipment-gallery figcaption{font-size:8px}
 .equipment-intro{font-size:9px}
 .equipment-disclaimer{font-size:7px}
 .contact-card{grid-template-columns:1fr}
 .contact-row.email-row strong{font-size:9px}
 .contact-row.email-row em{font-size:7px}
}


/* Premium V4: legal records, bilingual service catalogue, supplied project gallery */
.brand-logo{background:#fff;border-color:#e1e3e4;padding:0;overflow:hidden}
.brand-logo img{object-fit:contain;transform:scale(1.06)}
.logo-panel-inner img{object-fit:contain;max-width:100%;max-height:100%}
.service-card{min-height:190px}
.service-card h3{font-size:13px;line-height:1.85}
.legacy-services{max-width:1120px;margin:25px auto 0;padding:20px;border:1px solid #ffffff25;background:#ffffff0a;border-radius:4px}
.legacy-services h3{font-size:12px;color:#f0d8d9;margin:0 0 13px}
.legacy-pills{display:flex;flex-wrap:wrap;gap:8px}
.legacy-pills span{padding:7px 12px;border:1px solid #ffffff32;color:#e2e7e8;font-size:9px;border-radius:20px}
.legal-section{background:#f7f8f8}
.legal-intro{font-size:11px;color:#6d787d;max-width:760px;line-height:2;margin:12px 0 0}
.legal-facts{max-width:1120px;margin:27px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.legal-facts>div{background:#fff;border:1px solid #e3e6e7;padding:15px 16px;border-inline-start:3px solid #9e2630;min-width:0;box-shadow:0 7px 20px #202b3208}
.legal-facts small{display:block;color:#987174;font:800 8px Manrope,Cairo,sans-serif;letter-spacing:.4px;margin-bottom:6px}
.legal-facts strong{display:block;color:#30393e;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.document-gallery{max-width:1120px;margin:23px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.document-gallery figure{margin:0;background:#fff;border:1px solid #e1e4e5;padding:8px;box-shadow:0 12px 30px #202b3210}
.document-gallery a{display:flex;align-items:center;justify-content:center;height:330px;background:#f7f7f7}
.document-gallery img{width:100%;height:100%;object-fit:contain}
.document-gallery figcaption{font-size:9px;color:#4c575c;text-align:center;font-weight:800;padding:10px 4px 4px}
.legal-note{max-width:1120px;margin:15px auto 0;color:#818b8f;font-size:9px;line-height:2}
.projects-section{background:#fff}
.projects-grid{max-width:1120px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.projects-grid figure{margin:0;background:#f6f7f7;border:1px solid #e2e5e6;padding:7px;min-width:0}
.projects-grid figure.project-large{grid-column:span 2}
.projects-grid img{display:block;width:100%;height:230px;object-fit:cover;background:#e9ecec}
.projects-grid .project-large img{height:280px;object-fit:contain}
.projects-grid figcaption{font-size:9px;color:#4c575c;font-weight:800;padding:8px 5px 3px;text-align:center}
@media(max-width:820px){
 .legal-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .document-gallery{grid-template-columns:1fr 1fr}
 .document-gallery figure:last-child{grid-column:1/-1;max-width:520px;width:100%;justify-self:center}
 .projects-grid{grid-template-columns:1fr 1fr}
 .projects-grid figure.project-large{grid-column:1/-1}
}
@media(max-width:600px){
 .service-card{min-height:0}
 .service-card h3{font-size:11px}
 .legacy-services{padding:13px;margin-top:17px}
 .legacy-services h3{font-size:10px}
 .legacy-pills{gap:6px}
 .legacy-pills span{font-size:7px;padding:5px 8px}
 .legal-facts{grid-template-columns:1fr;gap:8px;margin-top:18px}
 .legal-facts>div{padding:11px 12px}
 .legal-facts small{font-size:7px}
 .legal-facts strong{font-size:9px}
 .document-gallery{grid-template-columns:1fr;gap:10px}
 .document-gallery figure:last-child{grid-column:auto}
 .document-gallery a{height:310px}
 .document-gallery figcaption{font-size:8px}
 .legal-intro{font-size:9px}
 .legal-note{font-size:7px}
 .projects-grid{grid-template-columns:1fr;gap:10px}
 .projects-grid figure.project-large{grid-column:auto}
 .projects-grid img,.projects-grid .project-large img{height:auto;max-height:320px;object-fit:contain}
 .projects-grid figcaption{font-size:8px}
}


/* =========================================================
   PREMIUM V5 — visual hierarchy, image placement & responsive refinement
   ========================================================= */
:root{
  --surface:#ffffff;
  --surface-soft:#f5f6f6;
  --line:#e5e8e9;
  --shadow-soft:0 14px 38px rgba(26,35,40,.09);
  --shadow-deep:0 24px 60px rgba(15,22,26,.18);
}
html{scroll-padding-top:112px}
body{min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
section[id]{scroll-margin-top:105px}
.header{backdrop-filter:saturate(150%) blur(12px);background:rgba(255,255,255,.96)}
.brand-logo{border-radius:12px;box-shadow:0 5px 16px rgba(31,40,44,.07)}
.brand-logo img{transform:none}
.navigation a{transition:color .2s ease}
.hero{isolation:isolate}
.hero:before{pointer-events:none}
.hero-text{max-width:650px}
.hero-art{filter:drop-shadow(0 18px 28px rgba(0,0,0,.14))}
.logo-panel{border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.32)}
.logo-panel-inner{padding:6px}
.logo-panel-inner img{width:100%;height:100%;object-fit:contain;object-position:center}
.hero-facts{flex-wrap:wrap}
.section{position:relative}
.section-heading{margin-bottom:38px}
.section-heading h2,.services-heading h2,.leadership-copy h2,.contact-intro h2{letter-spacing:-.35px}
.about-layout{gap:clamp(28px,5vw,72px)}
.identity-image{border-radius:10px;overflow:hidden;padding:10px;box-shadow:var(--shadow-soft)}
.identity-image img{width:100%;aspect-ratio:720/455;object-fit:contain;background:#f5f6f6;border-radius:6px}
.identity-image>span{bottom:20px;inset-inline-end:20px}
.about-copy>p{max-width:590px}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{min-height:205px;border-radius:9px;padding:22px;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.18)}
.service-card h3{font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.service-card>small{font-size:8px;letter-spacing:.65px}
.equipment-section{background:linear-gradient(180deg,#f7f8f8,#eef1f2)}
.equipment-gallery-premium{grid-template-columns:1.35fr .82fr .82fr;gap:18px;align-items:stretch}
.equipment-gallery-premium figure{height:100%;border-radius:10px;padding:9px;display:flex;flex-direction:column;box-shadow:var(--shadow-soft);overflow:hidden}
.equipment-gallery-premium img{width:100%;height:270px;max-height:none;object-fit:contain;background:#f8f9f9;border-radius:6px}
.equipment-gallery-premium .equipment-feature img{height:270px}
.equipment-gallery-premium figcaption{font-size:10px;line-height:1.8;min-height:48px;display:flex;align-items:center;justify-content:center}
.equipment-disclaimer{max-width:1120px;padding:0 2px}
.legal-section{background:#f4f6f6}
.legal-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.legal-facts>div{border-radius:8px;padding:17px 18px;box-shadow:0 8px 22px rgba(20,30,35,.045);transition:transform .2s,box-shadow .2s}
.legal-facts>div:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.legal-facts small{font-size:8px;line-height:1.7}
.legal-facts strong{font-size:12px;line-height:1.9}
.document-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.document-gallery figure{border-radius:9px;padding:10px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-width:0}
.document-gallery a{height:430px;border-radius:5px;overflow:hidden;background:#f0f2f2;transition:background .2s}
.document-gallery a:hover{background:#e7ebec}
.document-gallery img{object-fit:contain;transition:transform .25s}
.document-gallery a:hover img{transform:scale(1.025)}
.document-gallery figcaption{font-size:9px;line-height:1.8;min-height:42px;display:flex;align-items:center;justify-content:center}
.projects-section{background:#fff}
.projects-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.projects-grid-premium figure{border-radius:9px;padding:9px;box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.projects-grid-premium figure.project-tall{grid-row:span 2}
.projects-grid-premium img{height:210px;object-fit:cover;border-radius:5px;background:#f1f3f3}
.projects-grid-premium .project-tall img{height:100%;min-height:430px;max-height:460px;object-fit:contain}
.projects-grid-premium figcaption{font-size:9px;line-height:1.8;min-height:42px;display:flex;align-items:center;justify-content:center}
.plaque-card{border-radius:10px;overflow:hidden;transform:none;box-shadow:var(--shadow-soft)}
.plaque-card img{width:100%;aspect-ratio:720/480;object-fit:contain;background:#17191b}
.leadership-layout{gap:clamp(28px,5vw,72px)}
.person-signature{border-top-color:#e1e5e6}
.contact{gap:clamp(22px,4vw,52px);align-items:center}
.contact-card{border-radius:10px;padding:24px;box-shadow:var(--shadow-deep);gap:6px 22px}
.contact-row{min-height:58px;padding:11px 0;gap:12px}
.contact-row:hover .contact-icon{transform:translateY(-1px);background:#f7eaea}
.contact-icon{transition:transform .2s,background .2s}
.qr-feature{border-radius:9px;box-shadow:0 12px 30px rgba(0,0,0,.1)}
.footer{padding-top:28px}
.footer-brand img{border-radius:8px}
.footer-up{transition:background .2s,transform .2s}
.footer-up:hover{background:#ffffff16;transform:translateY(-2px)}
/* Long labels and legal numbers must never force horizontal scrolling. */
.legal-facts strong,.contact-row strong,.contact-address strong,.about-detail strong{overflow-wrap:anywhere;word-break:normal}
[dir="ltr"] .legal-facts strong[dir="ltr"]{text-align:left}
[dir="rtl"] .legal-facts strong[dir="ltr"]{text-align:right}
:focus-visible{outline:3px solid #c98f93;outline-offset:3px}

/* Laptop and medium screens */
@media(min-width:1280px){
  .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .service-card{min-height:205px}
}
@media(max-width:1100px){
  .header{padding-inline:22px}
  .navigation{gap:11px}
  .navigation a{font-size:9px}
  .header-cta{padding:9px 11px;font-size:10px}
  .about-layout,.leadership-layout{gap:30px}
  .equipment-gallery-premium{gap:12px}
  .equipment-gallery-premium img{height:235px}
  .equipment-gallery-premium .equipment-feature img{height:235px}
  .projects-grid-premium{grid-template-columns:repeat(3,minmax(0,1fr))}
  .projects-grid-premium figure.project-tall{grid-row:span 2}
}
@media(max-width:820px){
  html{scroll-padding-top:88px}
  section[id]{scroll-margin-top:88px}
  .header{height:78px}
  .navigation{top:78px}
  .navigation a{font-size:12px}
  .hero{grid-template-columns:1fr .82fr;gap:20px;padding-inline:5vw}
  .hero-art{max-width:290px}
  .hero h1{font-size:clamp(29px,4.6vw,40px)}
  .section{padding-block:76px}
  .about-layout,.leadership-layout{grid-template-columns:1fr 1fr;gap:24px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card{min-height:185px}
  .equipment-gallery-premium{grid-template-columns:1fr 1fr}
  .equipment-gallery-premium .equipment-feature{grid-column:1/-1}
  .equipment-gallery-premium .equipment-feature img{height:300px}
  .equipment-gallery-premium img{height:250px}
  .legal-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .document-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .document-gallery figure:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}
  .document-gallery a{height:400px}
  .projects-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
  .projects-grid-premium figure.project-tall{grid-row:span 2}
  .projects-grid-premium .project-tall img{min-height:420px}
  .contact{grid-template-columns:1fr;gap:24px}
  .contact-intro{max-width:720px}
}
@media(max-width:600px){
  html{scroll-padding-top:78px}
  section[id]{scroll-margin-top:78px}
  .utility-inner{max-width:100%;overflow:hidden}
  .header{height:70px;padding-inline:12px}
  .navigation{top:70px;max-height:calc(100dvh - 70px);overflow-y:auto}
  .hero{padding:36px 17px 54px;gap:24px}
  .hero-art{width:min(245px,68vw);max-width:245px}
  .logo-panel{width:80%;height:84%;padding:9px;border-width:4px}
  .hero-text{max-width:100%}
  .hero h1{font-size:clamp(27px,7.8vw,35px)}
  .hero-facts{gap:10px}
  .hero-facts span{font-size:7px}
  .intro-band{justify-content:flex-start}
  .section{padding:58px 16px}
  .section-heading{margin-bottom:25px}
  .section-heading h2,.services-heading h2,.leadership-copy h2,.contact-intro h2{font-size:clamp(27px,7vw,33px)}
  .about-layout,.leadership-layout{grid-template-columns:1fr;gap:20px}
  .identity-image{padding:7px}
  .identity-image img{aspect-ratio:720/455;object-fit:contain}
  .identity-image>span{bottom:15px;inset-inline-end:15px}
  .services-heading{align-items:flex-start}
  .service-grid{grid-template-columns:1fr;gap:10px}
  .service-card{min-height:0;padding:15px 16px 17px}
  .service-card h3{font-size:12px;line-height:1.85}
  .equipment-gallery-premium{grid-template-columns:1fr;gap:12px}
  .equipment-gallery-premium .equipment-feature{grid-column:auto}
  .equipment-gallery-premium img,.equipment-gallery-premium .equipment-feature img{height:auto;max-height:330px;object-fit:contain}
  .equipment-gallery-premium figcaption{font-size:8px;min-height:36px}
  .legal-facts{grid-template-columns:1fr;gap:9px}
  .legal-facts>div{padding:13px 14px}
  .legal-facts strong{font-size:10px}
  .document-gallery{grid-template-columns:1fr;gap:12px}
  .document-gallery figure:last-child{grid-column:auto;max-width:none}
  .document-gallery a{height:min(112vw,430px)}
  .document-gallery figcaption{font-size:8px;min-height:35px}
  .projects-grid-premium{grid-template-columns:1fr;gap:12px}
  .projects-grid-premium figure.project-tall{grid-row:auto}
  .projects-grid-premium img,.projects-grid-premium .project-tall img{height:auto;min-height:0;max-height:390px;object-fit:contain}
  .projects-grid-premium figcaption{font-size:8px;min-height:32px}
  .plaque-card{padding:6px}
  .plaque-card img{aspect-ratio:720/480;object-fit:contain}
  .contact{gap:20px}
  .contact-card{grid-template-columns:1fr;padding:15px 16px}
  .contact-row{min-height:54px}
  .contact-row strong{font-size:9px}
  .qr-feature{align-items:center}
  .footer-top{gap:12px}
  .footer-bottom{gap:10px;flex-wrap:wrap}
}
@media(max-width:380px){
  .brand-name strong{font-size:9px}
  .brand-name small{font-size:6px}
  .language-button{padding-inline:7px}
  .hero-facts{gap:7px}
  .hero-facts span{font-size:6px}
  .hero-actions .button{padding-inline:11px}
  .services-seal{display:none}
  .contact-card{padding-inline:12px}
  .qr-copy>strong{font-size:14px}
}

/* V5 image placement refinement */
.equipment-gallery-premium{grid-template-columns:1.1fr .9fr;align-items:stretch}
.equipment-gallery-premium .equipment-feature{grid-column:auto}
.equipment-gallery-premium img,.equipment-gallery-premium .equipment-feature img{height:340px;object-fit:contain}
.projects-grid-premium img{object-fit:contain;background:#f0f2f2}
.projects-grid-premium figure:nth-child(4) img{background:#24292d}
.projects-grid-premium figure:nth-child(5) img{background:#fff}
@media(max-width:820px){
 .equipment-gallery-premium{grid-template-columns:1fr 1fr}
 .equipment-gallery-premium .equipment-feature{grid-column:auto}
 .equipment-gallery-premium img,.equipment-gallery-premium .equipment-feature img{height:270px}
}
@media(max-width:600px){
 .equipment-gallery-premium{grid-template-columns:1fr}
 .equipment-gallery-premium img,.equipment-gallery-premium .equipment-feature img{height:auto;max-height:340px}
}


/* =========================================================
   V6 — visual service cards + discreet bilingual PWA installer
   ========================================================= */
.services-showcase{
  max-width:1120px;margin:0 auto 24px;position:relative;overflow:hidden;
  height:245px;border:1px solid #ffffff30;border-radius:13px;
  box-shadow:0 20px 50px rgba(0,0,0,.24);background:#151b20;
}
.services-showcase:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(18,23,27,.12) 0%,rgba(18,23,27,.5) 42%,rgba(18,23,27,.94) 100%);
  pointer-events:none;
}
.services-showcase>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;opacity:.9}
.services-showcase-copy{
  position:absolute;z-index:1;inset-inline-end:clamp(18px,4vw,48px);top:50%;
  transform:translateY(-50%);max-width:430px;display:flex;flex-direction:column;gap:9px;
}
.services-showcase-copy span{font:800 9px Manrope,Cairo,sans-serif;letter-spacing:1.4px;color:#e9c7c9}
.services-showcase-copy strong{font-size:clamp(20px,2.4vw,30px);line-height:1.55;color:#fff;font-weight:900}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.service-card{
  min-height:0;padding:12px 12px 17px;border-radius:11px;
  display:flex;flex-direction:column;gap:0;overflow:hidden;
  border:1px solid #e3e7e8;background:linear-gradient(180deg,#fff,#f9fafa);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.service-card:after{pointer-events:none}
.service-card:hover{transform:translateY(-5px);border-color:#c78f93;box-shadow:0 18px 36px rgba(0,0,0,.23)}
.service-card .card-head{margin:0 1px 10px;order:0}
.service-card .card-head span{font-size:10px;border-radius:6px}
.service-card .card-head b{width:35px;height:35px;border-radius:10px;font-size:18px}
.service-image{
  width:100%;height:142px;overflow:hidden;border-radius:8px;margin:0 0 13px;
  background:#222a30;position:relative;isolation:isolate;
}
.service-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);border-radius:8px;pointer-events:none}
.service-image img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s;
}
.service-card:hover .service-image img{transform:scale(1.06);filter:saturate(1.12)}
.service-card>small{font-size:8px;letter-spacing:.5px;line-height:1.7;margin:0 2px 5px;color:#9b6267}
.service-card h3{font-size:12px;line-height:1.9;margin:0 2px;color:#30393e;flex:1}
.legacy-services{border-radius:10px}
.pwa-install-card{
  position:fixed;z-index:120;inset-inline-end:20px;bottom:calc(18px + env(safe-area-inset-bottom));
  width:min(390px,calc(100vw - 28px));padding:15px 16px 13px;
  color:#f8f9fa;background:linear-gradient(135deg,rgba(31,37,42,.98),rgba(65,27,33,.98));
  border:1px solid rgba(228,194,196,.42);border-radius:17px;
  box-shadow:0 20px 60px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(18px);direction:rtl;
  animation:pwaSlideIn .42s cubic-bezier(.2,.8,.2,1) both;
}
.pwa-install-card[hidden]{display:none}
.pwa-install-brand{display:flex;align-items:center;gap:12px;min-width:0}
.pwa-install-brand>img{
  width:54px;height:54px;flex:0 0 54px;object-fit:contain;border-radius:13px;
  background:#fff;padding:3px;box-shadow:0 5px 18px rgba(0,0,0,.25)
}
.pwa-install-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.pwa-install-copy strong{font-size:13px;font-weight:900;color:#fff;line-height:1.5}
.pwa-install-copy span{font-size:10px;line-height:1.7;color:#d4dadd}
.pwa-close{
  align-self:flex-start;width:28px;height:28px;flex:0 0 28px;border:1px solid #ffffff35;
  border-radius:50%;background:#ffffff0b;color:#f4dfe0;font-size:19px;line-height:1;cursor:pointer;
  transition:background .2s,transform .2s
}
.pwa-close:hover{background:#ffffff20;transform:rotate(90deg)}
.pwa-install-actions{display:flex;gap:8px;margin-top:13px}
.pwa-install-actions button{min-height:39px;border-radius:9px;padding:8px 15px;font:800 10px Cairo,Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s}
.pwa-install-button{flex:1;border:1px solid #d45b63;background:linear-gradient(115deg,#c9434c,#8e202b);color:#fff;box-shadow:0 6px 16px #0003}
.pwa-install-button:hover{background:linear-gradient(115deg,#d4525a,#a62a35);transform:translateY(-1px)}
.pwa-later-button{border:1px solid #ffffff35;background:transparent;color:#e6e9ea}
.pwa-later-button:hover{background:#ffffff12}
.pwa-install-help{font-size:10px;line-height:1.9;color:#f0d9da;border-top:1px solid #ffffff25;margin:11px 0 0;padding-top:9px}
.footer-install{
  border:1px solid #ffffff3b;border-radius:30px;background:#ffffff0b;color:#f0d7d8;
  padding:8px 13px;font:800 9px Cairo,Arial,sans-serif;cursor:pointer;transition:background .2s
}
.footer-install:hover{background:#ffffff1b}
@keyframes pwaSlideIn{
  from{opacity:0;transform:translateY(18px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
body[dir="ltr"] .pwa-install-card{direction:ltr}
body[dir="ltr"] .services-showcase-copy{text-align:left}
body[dir="ltr"] .pwa-install-actions button{font-family:Manrope,Cairo,Arial,sans-serif}
@media(max-width:1100px){
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-image{height:150px}
}
@media(max-width:820px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card{min-height:0}
  .services-showcase{height:220px}
  .services-showcase-copy{max-width:340px}
}
@media(max-width:600px){
  .services-showcase{height:185px;margin-bottom:17px;border-radius:9px}
  .services-showcase:after{background:linear-gradient(90deg,rgba(18,23,27,.16),rgba(18,23,27,.82))}
  .services-showcase-copy{inset-inline:15px;max-width:75%;gap:5px}
  .services-showcase-copy span{font-size:7px;letter-spacing:.8px}
  .services-showcase-copy strong{font-size:17px}
  .service-grid{grid-template-columns:1fr;gap:11px}
  .service-card{padding:11px 12px 14px}
  .service-image{height:175px;margin-bottom:10px}
  .service-card .card-head{margin-bottom:8px}
  .service-card h3{font-size:12px}
  .pwa-install-card{
    inset-inline:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom));
    padding:12px 13px;border-radius:14px
  }
  .pwa-install-brand>img{width:48px;height:48px;flex-basis:48px}
  .pwa-install-copy strong{font-size:12px}
  .pwa-install-copy span{font-size:9px}
  .pwa-install-actions{margin-top:10px}
  .pwa-install-actions button{min-height:37px}
  .footer-install{font-size:7px;padding:7px 10px}
}
@media(prefers-reduced-motion:reduce){
  .pwa-install-card{animation:none}
  .service-image img,.service-card,.pwa-close,.pwa-install-button{transition:none}
}