@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  --ink:#12151b; --ink-soft:#222733; --muted:#66707d; --line:#e4e7ea; --paper:#f5f6f4;
  --dark:#07080c; --dark-2:#0b0d12; --white:#fff;
  --orange:#ff7900; --pink:#ee2a50; --purple:#6719d2;
  --grad:linear-gradient(115deg,#ff7900 0%,#f42e4b 48%,#6719d2 100%);
  --max:1240px; --radius:26px; --shadow:0 30px 90px rgba(15,18,24,.10); --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:#fff;color:var(--ink);font-family:Cairo,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 56px),var(--max));margin-inline:auto}
:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:6px}
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;background:var(--grad)}
/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(255,255,255,.68);border-bottom:1px solid rgba(18,21,27,.06);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:background .3s,box-shadow .3s,border-color .3s}
.site-header.scrolled{background:rgba(255,255,255,.91);box-shadow:0 14px 45px rgba(15,18,24,.06)}
.nav-wrap{height:86px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font:800 20px/1 Manrope,sans-serif;letter-spacing:-.7px;flex:0 0 auto}
.brand img{width:40px;height:40px;object-fit:contain}.brand-wordmark{width:148px;height:auto;object-fit:contain}.brand-icon{width:40px;height:40px;object-fit:contain}
.brand>span span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-inline:auto}
.desktop-nav a{font-size:12.5px;font-weight:700;color:#535c68;text-decoration:none;position:relative;padding:8px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:center;transition:transform .25s var(--ease)}
.desktop-nav a:hover{color:#11141a}.desktop-nav a:hover:after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:10px}
.language-switch{height:42px;min-width:54px;padding:0 12px;border:1px solid rgba(18,21,27,.10);border-radius:999px;background:rgba(255,255,255,.56);display:flex;align-items:center;justify-content:center;gap:8px;color:#4c5562;font:800 10px Manrope;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(15,18,24,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .25s,border-color .25s,background .25s}
.language-switch:hover{transform:translateY(-1px);border-color:rgba(103,25,210,.22);background:rgba(255,255,255,.8)}
.language-switch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45}
.nav-cta,.primary,.secondary,.footer-cta-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;font-weight:800;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s,background .28s}
.nav-cta{height:42px;padding:0 19px;background:#101218;color:#fff;font-size:12px}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,11,17,.16)}
.menu{display:none;width:42px;height:42px;border:1px solid rgba(18,21,27,.10);border-radius:50%;background:rgba(255,255,255,.72);padding:10px;cursor:pointer}.menu i{display:block;height:1.5px;background:#111;margin:4px 0}
.mobile-nav{display:none}
/* hero */
.hero{position:relative;min-height:860px;padding-top:86px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfbfa 100%)}
.hero-bg{position:absolute;inset:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75}.b1{width:700px;height:700px;right:-340px;top:35px;background:radial-gradient(circle at 40% 40%,rgba(255,121,0,.16),transparent 66%)}.b2{width:600px;height:600px;left:-320px;bottom:-360px;background:radial-gradient(circle at 60% 35%,rgba(103,25,210,.13),transparent 66%)}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(17,19,25,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,25,.028) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.hero-grid{min-height:774px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);align-items:center;gap:88px;position:relative;z-index:1}
.hero-copy{max-width:720px;padding-top:22px}.eyebrow{display:flex;align-items:center;gap:10px;font:800 10px Manrope;letter-spacing:.10em;color:#767e89;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 5px rgba(242,88,55,.08)}
.hero h1{font-size:clamp(66px,7vw,108px);line-height:.98;letter-spacing:-.055em;margin:30px 0 30px;font-weight:900}.hero-title-line,.hero-title-accent{display:block;white-space:nowrap}.hero-title-accent{margin-top:.22em}.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:17px;line-height:2;color:#626b77;max-width:650px;margin:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.primary{min-height:54px;padding-inline:29px;background:var(--grad);color:#fff;font-size:12.5px;box-shadow:0 16px 38px rgba(214,75,52,.18)}.primary:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(214,75,52,.24)}.secondary{min-height:54px;padding-inline:29px;border:1px solid #dfe2e5;background:rgba(255,255,255,.72);color:#252a32;font-size:12.5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.secondary:hover{transform:translateY(-3px);border-color:#c9ccd1;background:#fff}
.hero-stats{display:flex;margin-top:54px;padding-top:24px;border-top:1px solid #e3e5e8}.hero-stats div{display:flex;flex-direction:column;gap:4px;padding-inline:24px;border-inline-start:1px solid #dfe2e5}.hero-stats div:first-child{padding-inline-start:0;border-inline-start:0}.hero-stats strong{font:800 10px Manrope;color:#9aa0a9;letter-spacing:.16em}.hero-stats span{font-size:13.5px;color:#535c67}
.hero-visual{height:610px;display:grid;place-items:center}.visual-shell{width:min(520px,100%);aspect-ratio:1/1.02;background:#090a0f;border-radius:36px;position:relative;overflow:hidden;box-shadow:0 42px 110px rgba(18,20,27,.18)}.visual-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 45%,rgba(255,121,0,.20),transparent 28%),radial-gradient(circle at 74% 68%,rgba(103,25,210,.22),transparent 31%)}.visual-shell:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.08);border-radius:35px;pointer-events:none}
.visual-top,.visual-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;font:700 9px Manrope;color:#6f7580;letter-spacing:.13em}.visual-top{top:24px}.visual-bottom{bottom:24px}.visual-core{position:absolute;inset:60px 30px;display:grid;place-items:center}.ring{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.r1{width:360px;height:360px}.r2{width:240px;height:240px;border-color:rgba(255,255,255,.22)}.core-dot{width:78px;height:78px;border-radius:50%;background:var(--grad);box-shadow:0 0 90px rgba(255,92,0,.32);animation:float 5s ease-in-out infinite}.tag{position:absolute;color:#c9cdd4;font:800 9.5px Manrope;letter-spacing:.1em;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.t1{top:18%;right:8%}.t2{bottom:17%;right:15%}.t3{bottom:30%;left:5%}.t4{top:30%;left:4%}
/* sections */
.section{padding:150px 0}.statement{background:#fff}.statement-grid{display:grid;grid-template-columns:.30fr 1.55fr .5fr;gap:72px}.number{font:800 10px Manrope;color:#989ea7;letter-spacing:.20em}.overline{font:800 11px Manrope;color:#9298a1;text-transform:uppercase}.section h2{font-size:clamp(54px,6vw,88px);line-height:1.08;letter-spacing:-.052em;margin:14px 0 28px;font-weight:900}.section h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.big-copy{font-size:23px;line-height:1.9;color:#5d6570;max-width:820px}.side-note{font:800 11px/2.15 Manrope;color:#9ba0a8;padding-top:16px}.services{background:var(--paper)}.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:110px;align-items:end;margin-bottom:74px}.section-head>p{font-size:15.5px;line-height:2.05;color:#727984;margin:0}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.services-grid article{background:#fff;border:1px solid #e0e3e6;border-radius:24px;padding:30px 28px;min-height:332px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.services-grid article:before{content:"";position:absolute;top:0;left:28px;right:28px;height:2px;background:var(--grad);opacity:.85}.services-grid article:after{content:"";position:absolute;width:180px;height:180px;left:-110px;bottom:-110px;border-radius:50%;background:var(--grad);opacity:.05}.services-grid article:hover{transform:translateY(-9px);border-color:#d5d9dd;box-shadow:var(--shadow)}.service-label{display:block;font:800 9px Manrope;letter-spacing:.15em;color:#7e858f;margin:10px 0 38px}.services-grid h3{font-size:24px;line-height:1.26;letter-spacing:-.03em;margin:0 0 14px;font-weight:800}.services-grid p{font-size:14.5px;color:#6d7580;line-height:1.95;margin:0;max-width:290px}.service-link{position:absolute;bottom:24px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#1b1f25;font-size:11.5px;font-weight:800}.service-dot{width:7px;height:7px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 5px rgba(103,25,210,.06)}
.dark{background:radial-gradient(1100px 600px at 82% 0%,rgba(255,121,0,.08),transparent 60%),radial-gradient(900px 550px at 0% 100%,rgba(103,25,210,.10),transparent 60%),#08090d;color:#fff}.dark-head h2{color:#fff}.dark-head>p{color:#858b96}.industry-list{display:flex;flex-wrap:wrap;gap:12px}.industry-list span{padding:13px 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#c8ccd2;font-size:12.5px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s,background .25s,border-color .25s}.industry-list span:hover{transform:translateY(-2px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.20)}.dark-metric{margin-top:120px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:baseline;gap:16px}.dark-metric strong{font:800 clamp(40px,5.4vw,76px)/1 Manrope;letter-spacing:-.055em}.dark-metric span{color:#737984;font:600 13px Manrope}
.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe2e5}.process-grid article{padding:34px 24px 30px;border-inline-start:1px solid #dfe2e5;min-height:240px;position:relative}.process-grid article:first-child{border-inline-start:0}.process-grid article:before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:70px;height:3px;background:var(--grad)}.process-grid b{font:800 10px Manrope;color:#9fa5ad}.process-grid h3{font-size:25px;line-height:1.2;margin:54px 0 8px}.process-grid p{font-size:14px;line-height:1.95;color:#757d87;margin:0}
.contact{background:#eef0ee}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}.contact h2{font-size:clamp(54px,6vw,88px);line-height:1.08;letter-spacing:-.055em;margin:16px 0}.contact-grid>div>p{color:#6c7480;font-size:16px;line-height:2;max-width:580px}.contact-links{margin-top:44px;border-top:1px solid #d9dce0}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;border-bottom:1px solid #d9dce0;text-decoration:none}.contact-links small{font:800 9px Manrope;color:#9aa0a8;letter-spacing:.14em}.contact-links strong{font-size:14px}
.form{background:rgba(255,255,255,.78);border:1px solid rgba(18,21,27,.10);border-radius:24px;padding:40px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}.form-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #e1e3e5}.form-head strong{font:800 11px Manrope;letter-spacing:.16em}.form-head-line{height:1px;flex:1;background:var(--grad);opacity:.7}.form label{display:block;margin-bottom:17px}.form label>span{display:block;font-size:11px;font-weight:800;margin-bottom:8px;color:#626a75}.form input,.form select,.form textarea{width:100%;border:1px solid #dadde0;border-radius:12px;padding:14px 15px;background:#fcfcfb;color:#12151b;font-size:14px;min-height:50px}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#b8bbc1;box-shadow:0 0 0 4px rgba(103,25,210,.06)}.form textarea{min-height:145px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{width:100%;border:0;cursor:pointer;margin-top:2px}.form-note{display:block;font-size:11px;color:#8a9098;line-height:1.7;margin-top:14px}
/* footer */
.footer{background:#06070a;color:#fff}.footer-cta{background:radial-gradient(700px 360px at 78% 10%,rgba(103,25,210,.12),transparent 65%),linear-gradient(180deg,#06070a,#090a0e);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.07)}.footer-cta-inner{min-height:270px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr) auto;align-items:center;gap:50px}.footer-kicker{display:block;font:800 9px Manrope;color:#666d77;letter-spacing:.18em;margin-bottom:14px}.footer-cta h2{font-size:clamp(40px,4.3vw,62px);line-height:1.08;letter-spacing:-.045em;margin:0}.footer-cta h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-cta-main p{font-size:14px;line-height:2;color:#7c838e;margin:0}.footer-cta-button{height:56px;min-width:188px;padding-inline:24px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px}.footer-cta-button:hover{transform:translateY(-3px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25)}.footer-main{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.3fr;gap:56px;padding:62px 0 52px}.footer-brand .brand{margin-bottom:14px}.footer-brand p{font-size:12px;color:#8b919a;margin:0}.footer-location{font-size:11px;color:#626872;margin-top:7px}.footer-column h3{font-size:12px;margin:0 0 14px;color:#9da3ab}.footer-column a{display:block;font-size:12.5px;line-height:2.15;color:#d4d7dc;text-decoration:none;transition:color .2s,transform .2s}.footer-column a:hover{color:#fff;transform:translateX(-2px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.08);font-size:10.5px;color:#6d737c}.footer-bottom span{white-space:nowrap}
/* floating actions */
.whatsapp{position:fixed;z-index:1200;right:24px;bottom:24px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#20c866;text-decoration:none;box-shadow:0 20px 45px rgba(14,175,83,.26);transition:transform .28s var(--ease),box-shadow .28s}.whatsapp:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 24px 52px rgba(14,175,83,.34)}.whatsapp svg{width:28px;height:28px;position:relative;z-index:2}.wa-label{position:absolute;right:78px;top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;background:#11151a;color:#fff;border:1px solid rgba(255,255,255,.08);padding:8px 11px;border-radius:10px;font:700 10px Cairo;white-space:nowrap;transition:.25s}.whatsapp:hover .wa-label{opacity:1;transform:translateY(-50%) translateX(0)}.wa-pulse{position:absolute;inset:-8px;border:1px solid rgba(32,200,102,.28);border-radius:50%;animation:pulse 2.6s ease-out infinite}.wa-pulse-two{inset:-15px;animation-delay:1.1s;opacity:.55}
.back-top{position:fixed;z-index:1201;left:22px;bottom:24px;display:flex;align-items:center;gap:10px;height:46px;padding:0 15px;border:1px solid rgba(17,19,25,.10);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 14px 34px rgba(15,18,24,.12);color:#14171d;font:800 11px Cairo;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.28s}.back-top.show{opacity:1;pointer-events:auto;transform:none}.back-top:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,18,24,.15)}.back-top-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--grad);color:#fff;font:800 15px/1 Manrope}.back-top-label{white-space:nowrap}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.delay{transition-delay:.08s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%{transform:scale(.9);opacity:.8}75%,100%{transform:scale(1.35);opacity:0}}
/* responsive */
@media(max-width:1150px){.desktop-nav{gap:20px}.nav-wrap{gap:18px}.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:60px}.hero-copy{order:2}.hero-visual{order:1;height:520px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{gap:60px}.footer-cta-inner{grid-template-columns:minmax(0,1fr) auto;gap:34px}.footer-cta-main{grid-column:1}.footer-cta-inner>p{grid-column:1}.footer-cta-button{grid-column:2;grid-row:1 / span 2}.footer-main{grid-template-columns:1.6fr 1fr 1fr}.footer-contact{grid-column:1 / -1}}
@media(max-width:820px){.desktop-nav,.nav-cta{display:none}.menu{display:block}.mobile-nav{display:none;padding:18px 28px 26px;background:rgba(255,255,255,.92);border-top:1px solid rgba(17,19,25,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav.open{display:grid;gap:4px}.mobile-nav a{padding:14px 0;border-bottom:1px solid #eceef0;text-decoration:none;font-size:15px;font-weight:800}.statement-grid,.contact-grid{grid-template-columns:1fr}.statement-grid{gap:28px}.side-note{padding-top:0}.section-head{grid-template-columns:1fr;gap:20px}.contact-grid{gap:50px}.footer-cta-inner{grid-template-columns:1fr;gap:18px;padding:58px 0}.footer-cta-main,.footer-cta-inner>p,.footer-cta-button{grid-column:auto;grid-row:auto}.footer-cta-button{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-brand{grid-column:1 / -1}}
@media(max-width:680px){.brand-icon{width:36px;height:36px}.brand-wordmark{width:132px}.container{width:min(calc(100% - 30px),var(--max))}.nav-wrap{height:76px}.hero{min-height:0;padding-bottom:62px}.hero-grid{min-height:0;padding-top:48px}.hero-visual{height:340px}.visual-shell{width:92%;border-radius:28px}.visual-top,.visual-bottom{left:18px;right:18px}.visual-core{inset:44px 12px}.r1{width:220px;height:220px}.r2{width:150px;height:150px}.core-dot{width:54px;height:54px}.hero h1{font-size:clamp(46px,14vw,70px);line-height:1.02;letter-spacing:-.06em}.hero-title-line,.hero-title-accent{white-space:normal}.hero-title-accent{margin-top:.24em}.hero-copy>p{font-size:15px;line-height:1.95}.hero-buttons{margin-top:30px}.hero-buttons a{flex:1;min-width:0;padding-inline:18px}.hero-stats{display:grid;grid-template-columns:1fr;gap:13px;margin-top:38px}.hero-stats div{padding:0!important;border:0!important}.hero-stats strong{font-size:9px}.section{padding:104px 0}.section h2,.contact h2{font-size:clamp(46px,14vw,66px);letter-spacing:-.055em}.big-copy{font-size:18px;line-height:1.9}.services-grid{grid-template-columns:1fr}.services-grid article{min-height:300px}.dark-metric{margin-top:72px;display:block}.dark-metric span{display:block;margin-top:6px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{min-height:220px;padding:28px 18px}.process-grid article:nth-child(3){border-inline-start:0}.process-grid h3{font-size:21px;margin-top:46px}.two{grid-template-columns:1fr}.form{padding:26px}.footer-main{grid-template-columns:1fr 1fr}.footer-bottom{justify-content:center;flex-wrap:wrap;line-height:1.8;text-align:center}.footer-bottom span{white-space:normal}.whatsapp{width:58px;height:58px;right:16px;bottom:16px}.wa-label{display:none}.back-top{left:16px;bottom:16px;height:44px;padding-inline:13px}.back-top-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.core-dot,.wa-pulse{animation:none}.site-header,.language-switch,.primary,.secondary,.service-link,.services-grid article,.whatsapp,.back-top{transition:none}}
@media(prefers-reduced-transparency:reduce){.site-header,.language-switch,.secondary,.tag,.industry-list span,.form,.footer-cta-button,.back-top{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff}}

/* V15 — premium hero + work showcase */
.premium-visual{isolation:isolate}
.visual-shell.premium-visual:before{background:radial-gradient(circle at 44% 46%,rgba(255,121,0,.20),transparent 25%),radial-gradient(circle at 78% 74%,rgba(103,25,210,.22),transparent 30%),linear-gradient(150deg,rgba(255,255,255,.025),transparent 42%)}
.visual-panel{position:absolute;z-index:4;left:34px;right:34px;top:74px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.045);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.18);padding:18px}
.panel-caption{display:flex;justify-content:space-between;align-items:center;font:800 8px Manrope;color:#8b929e;letter-spacing:.14em}.panel-caption b{font-size:7px;color:#dfffe9;padding:4px 7px;border:1px solid rgba(79,231,141,.18);border-radius:999px;background:rgba(79,231,141,.06)}
.signal-chart{height:92px;margin-top:18px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:7px;padding:0 2px}.signal-chart i{display:block;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(103,25,210,.18));box-shadow:0 0 18px rgba(103,25,210,.10)}.signal-chart i:nth-child(1){height:30%}.signal-chart i:nth-child(2){height:44%}.signal-chart i:nth-child(3){height:36%}.signal-chart i:nth-child(4){height:58%}.signal-chart i:nth-child(5){height:50%}.signal-chart i:nth-child(6){height:72%}.signal-chart i:nth-child(7){height:64%}.signal-chart i:nth-child(8){height:82%}.signal-chart i:nth-child(9){height:70%}.signal-chart i:nth-child(10){height:88%}.signal-chart i:nth-child(11){height:78%}.signal-chart i:nth-child(12){height:96%;background:linear-gradient(180deg,#ffb46a,rgba(255,121,0,.22));box-shadow:0 0 20px rgba(255,121,0,.18)}
.signal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.signal-meta span{display:flex;flex-direction:column;gap:2px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}.signal-meta b{font:800 10px Manrope;color:#e6e9ee}.signal-meta small{font:600 8px Cairo;color:#737b87}
.premium-visual .visual-core{inset:190px 30px 76px}.premium-visual .r1{width:250px;height:250px}.premium-visual .r2{width:164px;height:164px}.premium-visual .core-dot{width:62px;height:62px}.floating-card{position:absolute;z-index:6;min-width:112px;padding:11px 13px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 38px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:2px}.floating-card small{font:800 7px Manrope;color:#767e8a;letter-spacing:.12em}.floating-card b{font:800 18px Manrope;color:#fff;letter-spacing:-.03em}.fc-a{top:180px;left:18px}.fc-b{right:18px;bottom:138px}.fc-c{left:32px;bottom:95px}.premium-visual .visual-bottom{bottom:21px}
.projects{background:#fbfbfa}.projects-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.project-card{background:#fff;border:1px solid #e0e3e6;border-radius:26px;overflow:hidden;min-width:0;transition:transform .38s var(--ease),box-shadow .38s,border-color .38s}.project-card:hover{transform:translateY(-10px);box-shadow:0 34px 80px rgba(12,15,20,.12);border-color:#d3d7dc}.project-art{height:310px;position:relative;overflow:hidden;background:#0b0d12}.project-featured .project-art{height:350px}.project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.30));pointer-events:none}.browser-bar{position:absolute;top:18px;left:18px;right:18px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px;padding:0 10px;z-index:2}.browser-bar span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3)}.browser-bar b{margin-inline-start:auto;font:800 7px Manrope;color:#858c98;letter-spacing:.12em}.art-body{position:absolute;inset:0;background:radial-gradient(circle at 68% 50%,rgba(255,121,0,.22),transparent 25%),linear-gradient(140deg,#161923 0%,#0b0d12 58%,#130c1d 100%)}.art-copy{position:absolute;left:28px;bottom:38px;z-index:2;color:#fff}.art-copy small{display:block;font:800 8px Manrope;color:#858c98;letter-spacing:.18em;margin-bottom:10px}.art-copy strong{font:800 clamp(28px,3vw,46px)/.98 Manrope;letter-spacing:-.05em}.art-orbit{position:absolute;right:9%;top:18%;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 90px rgba(255,121,0,.12)}.art-orbit i{position:absolute;inset:22px;border-radius:50%;border:1px solid rgba(255,255,255,.10)}.art-orbit i:nth-child(2){inset:52px;border-color:rgba(103,25,210,.35)}.art-orbit i:nth-child(3){width:18px;height:18px;right:16px;top:32px;background:var(--grad);border:0;box-shadow:0 0 35px rgba(255,121,0,.35)}
.art-ai{background:radial-gradient(circle at 50% 45%,rgba(103,25,210,.30),transparent 30%),linear-gradient(160deg,#0a0c12,#101219 55%,#170d24)}.ai-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 50% 50%,#000 20%,transparent 78%)}.ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:32px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;box-shadow:0 24px 70px rgba(103,25,210,.18)}.ai-core span{font:800 24px Manrope;color:#fff;letter-spacing:-.04em}.ai-core i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--grad);box-shadow:0 0 22px rgba(103,25,210,.45)}.ai-core i:nth-of-type(1){top:-6px;left:22%}.ai-core i:nth-of-type(2){right:-6px;top:48%}.ai-core i:nth-of-type(3){bottom:-6px;left:48%}
.art-it{background:radial-gradient(circle at 58% 46%,rgba(255,121,0,.16),transparent 24%),linear-gradient(160deg,#090b10,#0f1117)}.node{position:absolute;width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 30px rgba(0,0,0,.16)}.node:after{content:"";position:absolute;inset:15px;border-radius:7px;background:var(--grad);opacity:.85}.n1{left:22%;top:20%}.n2{right:19%;top:29%}.n3{left:32%;bottom:19%}.n4{right:28%;bottom:13%}.it-lines{position:absolute;left:20%;right:20%;top:26%;bottom:22%;background:linear-gradient(28deg,transparent 49.5%,rgba(255,255,255,.18) 49.7%,rgba(255,255,255,.18) 50.3%,transparent 50.5%),linear-gradient(-26deg,transparent 49.5%,rgba(255,255,255,.12) 49.7%,rgba(255,255,255,.12) 50.3%,transparent 50.5%)}.project-info{padding:25px 26px 28px}.project-type{font:800 9px Manrope;color:#8a919b;letter-spacing:.10em;text-transform:uppercase}.project-info h3{font-size:22px;line-height:1.35;margin:10px 0 10px;letter-spacing:-.025em}.project-info p{font-size:13.5px;line-height:1.95;color:#6d7580;margin:0;max-width:520px}.projects-note{display:flex;align-items:center;gap:14px;margin-top:22px}.projects-note-line{width:34px;height:2px;background:var(--grad);border-radius:2px;flex:0 0 auto}.projects-note p{font-size:11.5px;color:#8c929a;margin:0}
/* Better Arabic rhythm */
html[dir="rtl"] .hero h1,html[dir="rtl"] .section h2,html[dir="rtl"] .contact h2,html[dir="rtl"] .footer-cta h2{letter-spacing:-.015em}.projects .section-head{margin-bottom:58px}
@media(max-width:1150px){.projects-grid{grid-template-columns:1.1fr 1fr}.project-featured{grid-column:1 / -1}.project-featured .project-art{height:330px}.floating-card.fc-a{left:24px}.floating-card.fc-b{right:24px}}
@media(max-width:820px){.projects-grid{grid-template-columns:1fr}.project-featured{grid-column:auto}.project-art,.project-featured .project-art{height:310px}.project-info h3{font-size:21px}.visual-panel{left:24px;right:24px;top:60px}.premium-visual .visual-core{inset:178px 20px 74px}.floating-card.fc-a{top:168px;left:10px}.floating-card.fc-b{right:10px;bottom:122px}.floating-card.fc-c{left:16px;bottom:78px}}
@media(max-width:680px){.premium-visual{width:96%}.visual-panel{left:18px;right:18px;top:56px;padding:14px}.signal-chart{height:66px;gap:4px}.signal-meta{gap:5px}.signal-meta span{padding:7px 6px}.signal-meta b{font-size:8px}.signal-meta small{font-size:7px}.premium-visual .visual-core{inset:164px 10px 72px}.premium-visual .r1{width:185px;height:185px}.premium-visual .r2{width:122px;height:122px}.premium-visual .core-dot{width:48px;height:48px}.floating-card{min-width:82px;padding:8px 9px;border-radius:11px}.floating-card small{font-size:6px}.floating-card b{font-size:13px}.floating-card.fc-a{top:153px;left:8px}.floating-card.fc-b{right:8px;bottom:112px}.floating-card.fc-c{left:12px;bottom:72px}.projects-note{align-items:flex-start}.projects-note p{line-height:1.8}.project-art,.project-featured .project-art{height:270px}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}}

/* Exact-logo legacy declarations intentionally disabled; V18 uses the previous icon + wordmark presentation. */
@media(max-width:680px){
  .brand-icon{width:40px;height:40px}
  .brand-wordmark{width:148px}
  .footer-brand-lockup .brand-icon{width:40px}
  .footer-brand-lockup .brand-wordmark{width:148px}
}

/* V20 precision pass — preserve the existing design, correct only the requested details */
.brand{gap:5px}
.brand-icon{width:46px;height:46px}
.brand-wordmark{width:158px;height:auto}
.footer-brand-lockup .brand-icon{width:46px;height:46px}
.footer-brand-lockup .brand-wordmark{width:158px}
.language-switch{transition:transform .28s var(--ease),border-color .28s,background .28s,color .28s,box-shadow .28s}
.language-switch:hover,.language-switch:focus-visible{transform:translateY(-2px);border-color:transparent;background:var(--grad);color:#fff;box-shadow:0 12px 30px rgba(103,25,210,.20),0 7px 18px rgba(255,121,0,.12)}
.language-switch:hover svg,.language-switch:focus-visible svg{stroke:#fff}
.hero-title-accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.projects .section-head h2{line-height:1.18}
.projects .section-head h2 em{display:inline-block;white-space:nowrap;padding-inline:.02em .08em}
.footer-cta-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:64px}
.footer-cta-main{min-width:0}
.footer-cta-main h2{max-width:760px}
.footer-cta-main p{max-width:620px;margin-top:12px}
.footer-cta-button{flex:0 0 auto}
.whatsapp{width:66px;height:66px;right:24px;bottom:24px;box-shadow:0 18px 42px rgba(14,175,83,.28),0 0 0 0 rgba(32,200,102,.18)}
.wa-pulse{inset:-9px;border:2px solid rgba(32,200,102,.34);animation:pulse 2.1s ease-out infinite}
.wa-pulse-two{inset:-17px;animation-delay:1.05s;opacity:.58}
@media(max-width:1150px){.footer-cta-inner{grid-template-columns:minmax(0,1fr) auto;gap:34px}.footer-cta-main h2{max-width:680px}}
@media(max-width:680px){
  .brand-icon{width:42px;height:42px}
  .brand-wordmark{width:150px}
  .footer-brand-lockup .brand-icon{width:42px;height:42px}
  .footer-brand-lockup .brand-wordmark{width:150px}
  .hero-title-accent{margin-top:.28em}
  .projects .section-head h2 em{white-space:normal;display:block;line-height:1.18;margin-top:.08em}
  .footer-cta-inner{grid-template-columns:1fr;gap:22px}
  .footer-cta-main p{margin-top:14px}
  .footer-cta-button{width:100%}
  .whatsapp{width:60px;height:60px;right:16px;bottom:16px}
}

/* V21 — exact supplied ClickTurbo logo, restored premium lockup */
.brand{gap:4px; align-items:center;}
.brand-icon{width:48px!important;height:48px!important;object-fit:contain;}
.brand-wordmark{width:166px!important;height:auto!important;object-fit:contain;}
.footer-brand-lockup{gap:5px;}
.footer-brand-lockup .brand-icon{width:50px!important;height:50px!important;}
.footer-brand-lockup .brand-wordmark{width:176px!important;}
.footer-brand .brand{margin-bottom:18px;}

/* Keep the supplied logo colors on the dark footer; never whiten the wordmark. */
.footer-brand-lockup img{filter:none!important; opacity:1!important;}

/* Footer: cleaner, more premium alignment and stronger hierarchy */
.footer-cta{background:
  radial-gradient(600px 300px at 82% 18%, rgba(255,106,0,.10), transparent 65%),
  radial-gradient(620px 320px at 10% 85%, rgba(123,44,191,.10), transparent 68%),
  linear-gradient(180deg,#05060a,#090b10);
}
.footer-cta-inner{min-height:300px;grid-template-columns:minmax(0,1fr) auto;gap:72px;align-items:center;}
.footer-cta-main h2{font-size:clamp(42px,4.6vw,68px);line-height:1.12;letter-spacing:-.02em;max-width:820px;}
html[dir="rtl"] .footer-cta-main h2{letter-spacing:-.015em;}
.footer-cta-main p{font-size:15px;line-height:1.95;color:#8a919c;max-width:650px;margin-top:14px;}
.footer-cta-button{min-width:210px;height:58px;font-size:13px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);}
.footer-main{grid-template-columns:1.75fr .9fr .9fr 1fr;gap:46px;padding:70px 0 56px;}
.footer-brand{min-width:0;}
.footer-brand p{font-size:13px;line-height:1.9;color:#9aa1ab;max-width:340px;}
.footer-location{font-size:11.5px;line-height:1.8;color:#707782;margin-top:9px;}
.footer-column h3{font-size:12.5px;margin-bottom:16px;color:#c0c6cf;}
.footer-column a{font-size:13px;line-height:2.15;color:#cfd4dc;}
.footer-contact a:first-of-type{font-family:Inter,sans-serif;font-size:12.5px;}
.footer-bottom{padding:20px 0 24px;font-size:11px;color:#7a818b;}
.footer-bottom span:first-child{color:#b1b7c0;}

/* WhatsApp: restore visible pulse while keeping the original clean button */
.whatsapp{width:68px;height:68px;}
.wa-pulse{inset:-10px;border-width:2px;animation:pulse 2.0s ease-out infinite;}
.wa-pulse-two{inset:-18px;animation-delay:1s;opacity:.55;}

/* Mobile logo + footer remain proportional */
@media(max-width:680px){
  .brand-icon{width:42px!important;height:42px!important;}
  .brand-wordmark{width:148px!important;}
  .footer-brand-lockup .brand-icon{width:44px!important;height:44px!important;}
  .footer-brand-lockup .brand-wordmark{width:156px!important;}
  .footer-main{grid-template-columns:1fr 1fr;gap:38px 24px;padding:56px 0 42px;}
  .footer-brand{grid-column:1 / -1;}
  .footer-cta-inner{grid-template-columns:1fr;gap:24px;min-height:0;padding:64px 0;}
  .footer-cta-button{width:100%;}
  .whatsapp{width:60px;height:60px;}
}


/* V23 — social icons + restored logo order + subtle brand hover on back-to-top */
.footer-socials{display:flex;align-items:center;gap:9px;margin-top:18px;flex-wrap:wrap}
.footer-socials a.social-icon{width:38px!important;height:38px!important;padding:0!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:11px;background:rgba(255,255,255,.035);display:grid!important;place-items:center!important;color:#cfd4dc!important;text-decoration:none;transform:none!important;transition:transform .25s var(--ease),border-color .25s,background .25s,color .25s,box-shadow .25s}
.footer-socials a.social-icon svg{width:17px;height:17px;display:block}
.footer-socials a.social-icon:hover,.footer-socials a.social-icon:focus-visible{color:#fff!important;border-color:transparent!important;background:var(--grad)!important;transform:translateY(-3px)!important;box-shadow:0 12px 24px rgba(103,25,210,.18),0 8px 18px rgba(255,121,0,.10)}
.brand{flex-direction:row;direction:rtl;gap:4px}
.brand-icon{order:1!important}
.brand-wordmark{order:2!important}
.footer-brand-lockup{flex-direction:row;direction:rtl}
.back-top{transition:opacity .28s,transform .28s,border-color .25s,background .25s,color .25s,box-shadow .25s}
.back-top:hover,.back-top:focus-visible{border-color:transparent;background:linear-gradient(120deg,rgba(255,121,0,.13),rgba(255,36,79,.12),rgba(103,25,210,.13));color:#161922;box-shadow:0 18px 40px rgba(103,25,210,.12),0 10px 24px rgba(255,121,0,.08);transform:translateY(-2px)}
.back-top:hover .back-top-icon,.back-top:focus-visible .back-top-icon{box-shadow:0 0 18px rgba(103,25,210,.20)}
@media(max-width:680px){.footer-socials{gap:8px}.footer-socials a.social-icon{width:36px!important;height:36px!important}.brand{direction:rtl;gap:3px}.back-top:hover,.back-top:focus-visible{transform:translateY(-1px)}}
.footer-socials a:hover span,.footer-socials a:hover b{color:#fff}
@media(max-width:680px){.footer-socials{margin-top:14px}.footer-socials a{padding:8px 0}.footer-socials a span{font-size:11.5px}.footer-socials a b{font-size:11px}}

/* V24 — exact attached logo crops, size-only adjustment; smaller WhatsApp; branded back-to-top hover */
.brand{direction:rtl;gap:4px;align-items:center;}
.brand-icon{width:44px!important;height:44px!important;object-fit:contain;}
.brand-wordmark{width:154px!important;height:auto!important;object-fit:contain;}
.footer-brand-lockup{direction:rtl;gap:5px;}
.footer-brand-lockup .brand-icon{width:46px!important;height:46px!important;object-fit:contain;}
.footer-brand-lockup .brand-wordmark{width:160px!important;height:auto!important;}
.back-top:hover,.back-top:focus-visible{border-color:transparent;background:var(--grad)!important;color:#fff!important;box-shadow:0 18px 40px rgba(103,25,210,.14),0 10px 24px rgba(255,121,0,.10);transform:translateY(-2px)}
.back-top:hover .back-top-icon,.back-top:focus-visible .back-top-icon{background:rgba(255,255,255,.18);color:#fff;box-shadow:0 0 18px rgba(255,255,255,.18)}
.whatsapp{width:56px!important;height:56px!important;right:20px;bottom:20px;}
.whatsapp svg{width:24px;height:24px}
.wa-label{font-size:10px!important}
@media(max-width:680px){
  .brand{direction:rtl;gap:3px}
  .brand-icon{width:40px!important;height:40px!important}
  .brand-wordmark{width:138px!important}
  .footer-brand-lockup .brand-icon{width:42px!important;height:42px!important}
  .footer-brand-lockup .brand-wordmark{width:146px!important}
  .whatsapp{width:52px!important;height:52px!important;right:14px;bottom:14px}
  .whatsapp svg{width:22px;height:22px}
  .back-top:hover,.back-top:focus-visible{transform:translateY(-1px)}
}


/* V25 — precise correction pass: preserve logo colors, restore proportions, refine footer only */
.brand{direction:rtl!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex:0 0 auto!important;}
.brand-icon{width:48px!important;height:48px!important;object-fit:contain!important;filter:none!important;opacity:1!important;order:1!important;}
.brand-wordmark{width:166px!important;height:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important;order:2!important;}
.footer-brand-lockup{direction:rtl!important;gap:6px!important;align-items:center!important;}
.footer-brand-lockup .brand-icon{width:44px!important;height:44px!important;object-fit:contain!important;order:1!important;}
.footer-brand-lockup .brand-wordmark{width:150px!important;height:auto!important;object-fit:contain!important;order:2!important;}

/* Footer rebuilt for clean hierarchy without changing the site's identity */
.footer{background:#05060a!important;color:#fff!important;}
.footer-cta{border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.footer-cta-inner{min-height:280px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:52px!important;padding:42px 0!important;}
.footer-cta-main{min-width:0!important;}
.footer-cta-main .footer-kicker{margin-bottom:12px!important;}
.footer-cta-main h2{margin:0!important;font-size:clamp(38px,4.1vw,58px)!important;line-height:1.16!important;letter-spacing:-.015em!important;max-width:820px!important;}
html[dir="rtl"] .footer-cta-main h2{letter-spacing:-.01em!important;}
.footer-cta-main p{margin:14px 0 0!important;max-width:660px!important;font-size:14px!important;line-height:1.95!important;color:#89919c!important;}
.footer-cta-button{min-width:184px!important;height:54px!important;padding-inline:24px!important;border-radius:999px!important;font-size:12.5px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;}
.footer-cta-button:hover{background:var(--grad)!important;border-color:transparent!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(103,25,210,.16),0 8px 18px rgba(255,121,0,.09)!important;}

.footer-main{display:grid!important;grid-template-columns:1.8fr 1fr 1fr 1.15fr!important;gap:42px!important;padding:54px 0 42px!important;align-items:start!important;}
.footer-brand{min-width:0!important;}
.footer-brand .brand{margin:0 0 16px!important;}
.footer-brand p{margin:0!important;max-width:320px!important;font-size:13px!important;line-height:1.9!important;color:#9aa1ab!important;}
.footer-location{margin-top:8px!important;font-size:11.5px!important;line-height:1.8!important;color:#6f7782!important;}
.footer-column{min-width:0!important;}
.footer-column h3{margin:0 0 13px!important;font-size:12.5px!important;line-height:1.4!important;color:#c7cdd5!important;font-weight:800!important;}
.footer-column a{display:block!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:2.25!important;color:#cbd0d8!important;transform:none!important;}
.footer-column a:hover{color:#fff!important;transform:none!important;}
.footer-contact a:first-of-type{font-family:Inter,sans-serif!important;font-size:12.5px!important;direction:ltr!important;text-align:start!important;}
.footer-socials{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:16px!important;}
.footer-socials a.social-icon{width:36px!important;height:36px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;display:grid!important;place-items:center!important;color:#cfd4dc!important;}
.footer-socials a.social-icon svg{width:16px!important;height:16px!important;display:block!important;}
.footer-socials a.social-icon:hover,.footer-socials a.social-icon:focus-visible{color:#fff!important;background:var(--grad)!important;border-color:transparent!important;transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(103,25,210,.15),0 7px 16px rgba(255,121,0,.08)!important;}
.footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:18px 0 22px!important;border-top:1px solid rgba(255,255,255,.08)!important;font-size:10.5px!important;color:#737a84!important;line-height:1.6!important;}
.footer-bottom span{white-space:nowrap!important;}
.footer-bottom span:first-child{color:#abb2bb!important;}

/* Back-to-top: logo gradient + white copy/icon on hover */
.back-top:hover,.back-top:focus-visible{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 18px 40px rgba(103,25,210,.16),0 10px 24px rgba(255,121,0,.10)!important;}
.back-top:hover .back-top-icon,.back-top:focus-visible .back-top-icon{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 0 18px rgba(255,255,255,.16)!important;}

/* WhatsApp: smaller button, keep the two-ring pulse */
.whatsapp{width:56px!important;height:56px!important;right:20px!important;bottom:20px!important;}
.whatsapp svg{width:24px!important;height:24px!important;}
.wa-pulse{inset:-9px!important;border-width:2px!important;animation:pulse 2s ease-out infinite!important;}
.wa-pulse-two{inset:-16px!important;animation-delay:1s!important;opacity:.52!important;}

@media(max-width:1150px){
  .footer-main{grid-template-columns:1.6fr 1fr 1fr!important;gap:34px!important;}
  .footer-contact{grid-column:1 / -1!important;}
  .footer-cta-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:30px!important;}
}
@media(max-width:680px){
  .brand-icon{width:40px!important;height:40px!important;}
  .brand-wordmark{width:138px!important;}
  .footer-brand-lockup .brand-icon{width:42px!important;height:42px!important;}
  .footer-brand-lockup .brand-wordmark{width:146px!important;}
  .footer-cta-inner{grid-template-columns:1fr!important;min-height:0!important;gap:20px!important;padding:54px 0!important;}
  .footer-cta-main h2{font-size:clamp(36px,11vw,50px)!important;line-height:1.2!important;}
  .footer-cta-main p{font-size:13.5px!important;line-height:1.9!important;}
  .footer-cta-button{width:100%!important;}
  .footer-main{grid-template-columns:1fr 1fr!important;gap:30px 22px!important;padding:48px 0 38px!important;}
  .footer-brand{grid-column:1 / -1!important;}
  .footer-bottom{justify-content:center!important;flex-wrap:wrap!important;text-align:center!important;gap:6px 14px!important;}
  .footer-bottom span{white-space:normal!important;}
  .whatsapp{width:52px!important;height:52px!important;right:14px!important;bottom:14px!important;}
  .whatsapp svg{width:22px!important;height:22px!important;}
}


/* V26 — exact original logo color preservation + clean footer layout */
.brand-icon{width:52px!important;height:52px!important;object-fit:contain!important;display:block!important;background:transparent!important;}
.brand-wordmark{width:168px!important;height:auto!important;display:block!important;background:transparent!important;}
.footer-brand-lockup .brand-icon{width:48px!important;height:48px!important;}
.footer-brand-lockup .brand-wordmark{width:156px!important;}

/* The white C is part of the original artwork and is preserved inside the transparent asset. */

.footer-main{
  direction:rtl!important;
  grid-template-columns:1.65fr 1fr 1.08fr 1.22fr!important;
  grid-template-areas:"brand company services contact"!important;
  align-items:start!important;
  column-gap:44px!important;
  row-gap:34px!important;
  padding:58px 0 44px!important;
}
.footer-brand{grid-area:brand!important;}
.footer-main .footer-column:not(.footer-contact):nth-of-type(2){grid-area:company!important;}
.footer-main .footer-column:not(.footer-contact):nth-of-type(3){grid-area:services!important;}
.footer-contact{grid-area:contact!important;}
.footer-brand .brand{margin:0 0 18px!important;}
.footer-brand p{max-width:310px!important;font-size:13px!important;line-height:1.95!important;color:#9ba1aa!important;}
.footer-location{font-size:11.5px!important;line-height:1.8!important;color:#6e7580!important;margin-top:8px!important;}
.footer-column h3{font-size:13px!important;line-height:1.45!important;margin:0 0 14px!important;color:#d2d7de!important;font-weight:800!important;}
.footer-column a{font-size:13px!important;line-height:2.05!important;color:#c9ced5!important;}
.footer-contact>a{display:block!important;white-space:nowrap!important;}
.footer-contact .footer-socials{margin-top:18px!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;direction:rtl!important;}
.footer-socials a.social-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.09)!important;color:#cfd4db!important;}
.footer-socials a.social-icon:hover,.footer-socials a.social-icon:focus-visible{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;}
.footer-bottom{direction:rtl!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:19px 0 22px!important;font-size:11px!important;line-height:1.7!important;color:#767d87!important;}
.footer-bottom span{white-space:nowrap!important;}
.footer-bottom span:first-child{color:#b0b6be!important;}

/* Footer CTA: clean single hierarchy, never overlap Arabic text */
.footer-cta-inner{direction:rtl!important;grid-template-columns:minmax(0,1fr) auto!important;gap:46px!important;align-items:center!important;padding:48px 0!important;min-height:300px!important;}
.footer-cta-main{min-width:0!important;}
.footer-cta-main h2{max-width:920px!important;font-size:clamp(40px,4.4vw,64px)!important;line-height:1.22!important;letter-spacing:0!important;margin:0!important;}
html[dir="rtl"] .footer-cta-main h2{letter-spacing:0!important;word-spacing:0!important;}
.footer-cta-main p{max-width:700px!important;margin:16px 0 0!important;font-size:14px!important;line-height:2!important;color:#8f96a0!important;}
.footer-cta-button{min-width:190px!important;height:56px!important;padding-inline:26px!important;}

@media(max-width:1150px){
  .footer-main{grid-template-columns:1.5fr 1fr 1fr!important;grid-template-areas:"brand company services" "contact contact contact"!important;}
}
@media(max-width:720px){
  .brand-icon{width:44px!important;height:44px!important;}
  .brand-wordmark{width:144px!important;}
  .footer-brand-lockup .brand-icon{width:44px!important;height:44px!important;}
  .footer-brand-lockup .brand-wordmark{width:142px!important;}
  .footer-cta-inner{grid-template-columns:1fr!important;gap:22px!important;min-height:0!important;padding:48px 0!important;}
  .footer-cta-main h2{font-size:clamp(36px,10.5vw,52px)!important;line-height:1.24!important;}
  .footer-cta-button{width:100%!important;}
  .footer-main{grid-template-columns:1fr 1fr!important;grid-template-areas:"brand brand" "company services" "contact contact"!important;column-gap:22px!important;row-gap:28px!important;padding:48px 0 38px!important;}
  .footer-bottom{justify-content:center!important;flex-wrap:wrap!important;text-align:center!important;gap:7px 14px!important;}
  .footer-bottom span{white-space:normal!important;}
}
@media(max-width:420px){
  .brand-icon{width:40px!important;height:40px!important;}
  .brand-wordmark{width:132px!important;}
  .footer-main{grid-template-columns:1fr!important;grid-template-areas:"brand" "company" "services" "contact"!important;}
}

/* V27 — footer logo arrangement follows the supplied full logo exactly */
.footer-brand{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;min-width:0!important;}
.footer-full-logo{display:block!important;width:250px!important;max-width:100%!important;direction:ltr!important;}
.footer-full-logo img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;}
.footer-brand .footer-location{margin-top:14px!important;text-align:right!important;}
html[dir="rtl"] .footer-main{direction:rtl!important;}
html[dir="rtl"] .footer-full-logo{direction:ltr!important;}
@media(max-width:980px){
  .footer-full-logo{width:230px!important;}
}
@media(max-width:680px){
  .footer-brand{align-items:flex-start!important;}
  .footer-full-logo{width:235px!important;}
  .footer-brand .footer-location{text-align:start!important;}
}


/* ============ V29 FINAL BRAND / FOOTER PASS ============ */
.brand{display:flex;align-items:center;justify-content:center;direction:ltr;gap:0;min-width:235px;height:70px;overflow:visible}
.brand-logo-full{display:block;width:235px;height:auto;max-width:none;object-fit:contain;flex:none}
/* The supplied full logo is used as-is; its white C is part of the artwork and is never cropped or filtered. */
.footer-brand{min-width:0}
.footer-brand-name{font-family:var(--display);font-weight:900;font-size:30px;line-height:1;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:13px}
.footer-brand p{margin:0;font-size:13px;line-height:1.9;color:#a6adb7;max-width:300px}
.footer-location{font-size:11.5px;line-height:1.8;color:#707782;margin-top:8px}
.footer-full-logo,.footer-brand-lockup{display:none!important}
/* Footer structure stays clean and compact without a duplicated logo. */
.footer-main{grid-template-columns:1.2fr .9fr .9fr 1fr;gap:42px;padding:68px 0 52px;align-items:start}
.footer-column h3{font-size:13px;margin-bottom:14px;color:#c7cdd5}
.footer-column a{font-size:13px;line-height:2.05;color:#cfd4dc}
.footer-socials{display:flex;align-items:center;gap:9px;margin-top:17px;flex-wrap:wrap}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 0 22px;font-size:11px;color:#7a818b}
/* Full logo in the header only; preserve its natural aspect ratio. */
@media(max-width:1100px){.brand{min-width:210px}.brand-logo-full{width:210px}}
@media(max-width:860px){.brand{min-width:190px;height:62px}.brand-logo-full{width:190px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-brand{grid-column:1 / -1}}
@media(max-width:680px){.brand{min-width:170px;height:56px}.brand-logo-full{width:170px}.footer-main{grid-template-columns:1fr;gap:28px;padding:48px 0 38px}.footer-brand{grid-column:auto}.footer-brand-name{font-size:27px}.footer-bottom{flex-direction:column;align-items:flex-start}}


/* V30 — exact supplied logo: preserve white C, correct header/footer sizing only */
.brand{min-width:0!important;width:auto!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;direction:ltr!important;overflow:visible!important;}
.brand-header-lockup{display:block!important;width:205px!important;height:auto!important;max-width:none!important;object-fit:contain!important;}
.footer-brand{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;}
.footer-full-logo-exact{display:block!important;width:230px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;}
.footer-brand>p{margin:14px 0 0!important;max-width:290px!important;font-size:13px!important;line-height:1.9!important;color:#a6adb7!important;}
.footer-brand .footer-location{margin-top:7px!important;}
.footer-brand-name{display:none!important;}
@media(max-width:1100px){.brand-header-lockup{width:190px!important;}.footer-full-logo-exact{width:215px!important;}}
@media(max-width:860px){.brand{height:54px!important}.brand-header-lockup{width:178px!important}.footer-full-logo-exact{width:205px!important;}}
@media(max-width:680px){.brand-header-lockup{width:160px!important}.footer-brand{align-items:flex-start!important}.footer-full-logo-exact{width:205px!important}.footer-brand>p,.footer-brand .footer-location{text-align:start!important;}}


/* V31 — authoritative final logo + footer layout. Keep the supplied white C intact. */
.brand{min-width:0!important;width:235px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;direction:ltr!important;overflow:visible!important;}
.brand-header-lockup{display:block!important;width:232px!important;height:auto!important;max-width:none!important;object-fit:contain!important;filter:none!important;}
.footer{background:#05060a!important;color:#eef1f5!important;border-top:1px solid rgba(255,255,255,.08)!important;}
.footer-cta{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
.footer-cta-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:56px!important;align-items:center!important;padding:52px 0!important;min-height:0!important;direction:rtl!important;}
.footer-cta-main{text-align:right!important;min-width:0!important;}
.footer-cta-main h2{margin:0!important;max-width:760px!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.26!important;letter-spacing:0!important;}
.footer-cta-main p{margin:15px 0 0!important;max-width:680px!important;font-size:14px!important;line-height:1.95!important;color:#9299a3!important;}
.footer-cta-button{height:54px!important;min-width:175px!important;padding:0 25px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--grad)!important;color:#fff!important;font-weight:800!important;box-shadow:0 12px 28px rgba(214,36,159,.18)!important;}
.footer-main{display:grid!important;grid-template-columns:1.35fr .82fr .9fr 1fr!important;grid-template-areas:"brand company services contact"!important;gap:46px!important;align-items:start!important;padding:56px 0 48px!important;direction:rtl!important;}
.footer-brand{grid-area:brand!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;}
.footer-full-logo-exact{display:block!important;width:270px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:right top!important;}
.footer-brand>p{display:none!important;}
.footer-brand .footer-location{margin-top:16px!important;text-align:start!important;font-size:12px!important;line-height:1.85!important;color:#7d858f!important;max-width:330px!important;}
.footer-column{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;min-width:0!important;}
.footer-column h3{margin:0 0 16px!important;font-size:14px!important;line-height:1.4!important;color:#f1f3f6!important;font-weight:800!important;}
.footer-column a{font-size:13px!important;line-height:2.2!important;color:#aeb5bf!important;transition:color .25s ease,transform .25s ease!important;}
.footer-column a:hover{color:#fff!important;transform:translateX(-2px)!important;}
.footer-contact{grid-area:contact!important;}
.footer-contact>a{display:block!important;white-space:nowrap!important;}
.footer-socials{margin-top:18px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;direction:ltr!important;}
.footer-socials a.social-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.09)!important;color:#ccd2da!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease!important;}
.footer-socials a.social-icon svg{width:17px!important;height:17px!important;}
.footer-socials a.social-icon:hover,.footer-socials a.social-icon:focus-visible{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;transform:translateY(-2px)!important;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07)!important;direction:rtl!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:18px 0 20px!important;font-size:11.5px!important;line-height:1.7!important;color:#737b86!important;}
.footer-bottom span:first-child{color:#aeb4bc!important;}

/* Back-to-top stays brand-colored on hover with white text. */
.back-top:hover,.back-top:focus-visible{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 30px rgba(214,36,159,.24)!important;}

/* Compact WhatsApp while preserving pulse/glow. */
.whatsapp{width:56px!important;height:56px!important;bottom:20px!important;right:20px!important;}
.whatsapp svg{width:25px!important;height:25px!important;}
.whatsapp .wa-label{font-size:11px!important;}

@media(max-width:980px){
 .footer-main{grid-template-columns:1.1fr 1fr 1fr!important;grid-template-areas:"brand brand brand" "company services contact"!important;gap:36px 28px!important;}
 .footer-brand{align-items:flex-start!important;}
 .footer-full-logo-exact{width:250px!important;}
 .footer-cta-inner{grid-template-columns:1fr auto!important;gap:30px!important;}
}
@media(max-width:700px){
 .brand{width:190px!important;height:54px!important;}
 .brand-header-lockup{width:188px!important;}
 .footer-cta-inner{grid-template-columns:1fr!important;gap:24px!important;padding:42px 0!important;}
 .footer-cta-main{text-align:right!important;}
 .footer-cta-button{width:100%!important;}
 .footer-main{grid-template-columns:1fr 1fr!important;grid-template-areas:"brand brand" "company services" "contact contact"!important;gap:30px 22px!important;padding:44px 0 34px!important;}
 .footer-full-logo-exact{width:230px!important;}
 .footer-bottom{justify-content:center!important;flex-wrap:wrap!important;text-align:center!important;gap:6px 12px!important;}
}
@media(max-width:460px){
 .brand{width:172px!important;}
 .brand-header-lockup{width:170px!important;}
 .footer-main{grid-template-columns:1fr!important;grid-template-areas:"brand" "company" "services" "contact"!important;}
 .footer-full-logo-exact{width:220px!important;}
 .footer-socials{gap:7px!important;}
}

/* FINAL BRAND LOCKUP — exact supplied logo, proportions preserved */
.brand-header-lockup{
  display:block !important;
  width:218px !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  opacity:1 !important;
}
.footer-full-logo-exact{
  display:block !important;
  width:255px !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  opacity:1 !important;
}
.footer-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
.footer-location{
  margin-top:14px !important;
  max-width:300px !important;
  line-height:1.8 !important;
}
.footer-main{
  grid-template-columns:1.6fr 1fr 1fr 1.15fr !important;
  align-items:start !important;
  gap:42px !important;
}
.footer-column h3{
  font-size:13px !important;
  line-height:1.5 !important;
}
.footer-column a{
  font-size:13px !important;
  line-height:2.15 !important;
}
.footer-contact .footer-socials{
  margin-top:18px !important;
  justify-content:flex-start !important;
  gap:9px !important;
}
@media(max-width:820px){
  .brand-header-lockup{width:184px !important;}
  .footer-main{grid-template-columns:1fr 1fr !important;gap:34px 24px !important;}
  .footer-brand{grid-column:1 / -1 !important;}
  .footer-full-logo-exact{width:230px !important;}
}
@media(max-width:680px){
  .brand-header-lockup{width:154px !important;}
  .footer-main{grid-template-columns:1fr !important;gap:28px !important;}
  .footer-full-logo-exact{width:210px !important;}
}

/* V32 — approved logo artwork: exact supplied file, including the white C. */
.brand-header-lockup,
.footer-full-logo-exact{
  display:block !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  object-fit:contain !important;
  object-position:center !important;
}
.brand-header-lockup{ width:218px !important; height:auto !important; }
.footer-full-logo-exact{ width:255px !important; height:auto !important; }
.footer-full-logo-exact{
  /* Keep the original PNG pixels intact; do not tint or mask the logo. */
  background:transparent !important;
}
@media(max-width:820px){
  .brand-header-lockup{ width:184px !important; }
  .footer-full-logo-exact{ width:230px !important; }
}
@media(max-width:680px){
  .brand-header-lockup{ width:154px !important; }
  .footer-full-logo-exact{ width:210px !important; }
}


/* V33 — exact supplied logo preserved; header uses the same source artwork as a compact horizontal lockup */
.brand{
  width:auto!important;
  min-width:0!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  direction:rtl!important;
  overflow:visible!important;
}
.brand-icon-exact{
  display:block!important;
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  filter:none!important;
  opacity:1!important;
}
.brand-wordmark-exact{
  display:block!important;
  width:142px!important;
  height:auto!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  filter:none!important;
  opacity:1!important;
}
/* Footer: exact logo artwork on a clean light plate so the original white C remains visibly white on the dark footer. */
.footer-full-logo-exact{
  display:block!important;
  width:244px!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  background:#fff!important;
  border-radius:16px!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
}
.footer-brand{
  align-items:flex-start!important;
}
.footer-main{
  align-items:start!important;
}
.footer-location{
  margin-top:14px!important;
}
@media(max-width:860px){
  .brand{height:50px!important;gap:7px!important;}
  .brand-icon-exact{width:34px!important;height:34px!important;}
  .brand-wordmark-exact{width:128px!important;}
  .footer-full-logo-exact{width:224px!important;}
}
@media(max-width:680px){
  .brand{height:46px!important;}
  .brand-icon-exact{width:31px!important;height:31px!important;}
  .brand-wordmark-exact{width:116px!important;}
  .footer-full-logo-exact{width:205px!important;padding:9px 12px!important;}
}

/* V34 — header uses the exact uploaded C icon only; footer remains unchanged */
.site-header .brand{gap:0!important;width:auto!important;height:auto!important;}
.site-header .brand-icon-header-only{display:block!important;width:54px!important;height:54px!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important;}
@media(max-width:680px){.site-header .brand-icon-header-only{width:44px!important;height:44px!important;}}

/* V35 — final header/footer system: one shared visual language, official supplied artwork only */
:root{
  --brand-orange:#ff7900;
  --brand-red:#f32f4b;
  --brand-magenta:#d7209f;
  --brand-purple:#6719d2;
  --brand-gradient:linear-gradient(115deg,#ff7900 0%,#f32f4b 48%,#d7209f 70%,#6719d2 100%);
}

/* Header */
.site-header{
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(18,21,27,.07)!important;
  box-shadow:0 10px 34px rgba(15,18,24,.035)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
}
.site-header.scrolled{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 46px rgba(15,18,24,.07)!important;
}
.nav-wrap{height:88px!important;gap:28px!important;}
.site-header .brand{
  width:54px!important;height:54px!important;min-width:54px!important;
  padding:0!important;margin:0!important;gap:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  direction:ltr!important;overflow:visible!important;
}
.site-header .brand-icon-header-only{
  width:48px!important;height:48px!important;display:block!important;
  object-fit:contain!important;object-position:center!important;
  background:transparent!important;filter:none!important;opacity:1!important;
  border-radius:0!important;transform:none!important;mix-blend-mode:normal!important;
  flex:0 0 auto!important;
  transition:transform .25s var(--ease),filter .25s var(--ease)!important;
}
.site-header .brand:hover .brand-icon-header-only{
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 8px 16px rgba(103,25,210,.16)) drop-shadow(0 5px 10px rgba(255,121,0,.08))!important;
}
.desktop-nav{gap:30px!important;}
.desktop-nav a{font-size:13px!important;color:#505864!important;padding:10px 0!important;}
.desktop-nav a:hover{color:#161a20!important;}
.desktop-nav a:after{height:2px!important;background:var(--brand-gradient)!important;bottom:0!important;}
.language-switch{
  min-width:52px!important;height:44px!important;padding:0 11px!important;
  border:1px solid rgba(18,21,27,.10)!important;background:rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 24px rgba(15,18,24,.045)!important;
  transition:transform .25s var(--ease),border-color .25s,background .25s,color .25s,box-shadow .25s!important;
}
.language-switch:hover,.language-switch:focus-visible{
  transform:translateY(-1px)!important;
  color:#fff!important;border-color:transparent!important;
  background:var(--brand-gradient)!important;
  box-shadow:0 10px 24px rgba(103,25,210,.12),0 8px 20px rgba(255,121,0,.08)!important;
}
.language-switch svg{width:18px!important;height:18px!important;stroke-width:1.5!important;}
.nav-cta{height:44px!important;padding:0 21px!important;font-size:12.5px!important;background:#101218!important;box-shadow:0 8px 20px rgba(9,11,17,.06)!important;}
.nav-cta:hover{background:var(--brand-gradient)!important;box-shadow:0 14px 28px rgba(103,25,210,.16)!important;}
.menu{width:44px!important;height:44px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 8px 22px rgba(15,18,24,.04)!important;}

/* Footer CTA */
.footer-cta{
  position:relative!important;
  background:
    radial-gradient(600px 220px at 85% 0%,rgba(255,121,0,.10),transparent 65%),
    radial-gradient(500px 200px at 10% 100%,rgba(103,25,210,.10),transparent 65%),
    #06070a!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.footer-cta:before{
  content:"";position:absolute;inset-inline:0;top:0;height:1px;background:var(--brand-gradient);opacity:.65;
}
.footer-cta-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:56px!important;padding:54px 0!important;min-height:260px!important;}
.footer-cta-main h2{font-size:clamp(36px,4.2vw,62px)!important;line-height:1.2!important;letter-spacing:0!important;max-width:900px!important;}
.footer-cta-main h2 em{font-style:normal!important;background:var(--brand-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.footer-cta-main p{font-size:14px!important;line-height:2!important;max-width:720px!important;color:#8e96a0!important;margin-top:14px!important;}
.footer-cta-button{
  height:56px!important;min-width:180px!important;padding-inline:26px!important;border-radius:16px!important;
  background:var(--brand-gradient)!important;color:#fff!important;font-size:13px!important;
  box-shadow:0 18px 42px rgba(103,25,210,.17),0 10px 24px rgba(255,121,0,.08)!important;
}
.footer-cta-button:hover{transform:translateY(-2px)!important;box-shadow:0 22px 48px rgba(103,25,210,.20),0 12px 28px rgba(255,121,0,.10)!important;}

/* Footer main */
.footer{background:#05060a!important;color:#eef1f5!important;border-top:1px solid rgba(255,255,255,.07)!important;}
.footer-main{
  grid-template-columns:1.35fr .9fr .95fr 1.05fr!important;
  grid-template-areas:"brand company services contact"!important;
  gap:46px!important;padding:58px 0 48px!important;align-items:start!important;direction:rtl!important;
}
.footer-brand{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-start!important;min-width:0!important;padding-inline:0!important;
}
.footer-brand:before{
  content:"";position:absolute;inset-inline-start:-24px;top:-12px;width:150px;height:110px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,121,0,.10),rgba(103,25,210,.07) 55%,transparent 72%);
  filter:blur(12px);pointer-events:none;
}
.footer-full-logo-exact{
  position:relative!important;z-index:1;display:block!important;width:250px!important;height:auto!important;max-width:100%!important;
  object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;padding:0!important;
  border-radius:0!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
}
.footer-location{position:relative!important;z-index:1;margin-top:18px!important;max-width:330px!important;font-size:12px!important;line-height:1.9!important;color:#7e8792!important;text-align:start!important;}
.footer-column{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;}
.footer-column h3{font-size:13px!important;line-height:1.45!important;margin:0 0 15px!important;color:#f0f3f6!important;font-weight:800!important;}
.footer-column a{font-size:13px!important;line-height:2.15!important;color:#b5bdc8!important;transition:color .25s ease,transform .25s ease!important;}
.footer-column a:hover{color:#fff!important;transform:translateX(-2px)!important;}
.footer-contact>a{white-space:nowrap!important;font-size:13px!important;}
.footer-contact .footer-socials{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;direction:ltr!important;margin-top:18px!important;}
.footer-socials a.social-icon{
  width:38px!important;height:38px!important;border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.09)!important;color:#cfd5dd!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transition:transform .24s var(--ease),background .24s,color .24s,border-color .24s,box-shadow .24s!important;
}
.footer-socials a.social-icon svg{width:17px!important;height:17px!important;display:block!important;}
.footer-socials a.social-icon:hover,.footer-socials a.social-icon:focus-visible{
  background:var(--brand-gradient)!important;border-color:transparent!important;color:#fff!important;transform:translateY(-2px)!important;
  box-shadow:0 12px 24px rgba(103,25,210,.16),0 8px 18px rgba(255,121,0,.08)!important;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.07)!important;direction:rtl!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:16px!important;padding:18px 0 20px!important;font-size:11px!important;line-height:1.7!important;color:#737b86!important;
}
.footer-bottom span{white-space:nowrap!important;}
.footer-bottom span:first-child{color:#b0b8c2!important;}

/* Floating controls remain subtle and brand-consistent */
.back-top:hover,.back-top:focus-visible{background:var(--brand-gradient)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 34px rgba(103,25,210,.18)!important;}
.back-top:hover .back-top-icon,.back-top:focus-visible .back-top-icon{background:rgba(255,255,255,.16)!important;color:#fff!important;}
.whatsapp{width:54px!important;height:54px!important;right:18px!important;bottom:18px!important;}
.whatsapp svg{width:23px!important;height:23px!important;}
.wa-pulse{inset:-9px!important;border-width:2px!important;}
.wa-pulse-two{inset:-15px!important;}

@media(max-width:1100px){
  .desktop-nav{gap:22px!important;}
  .footer-main{grid-template-columns:1.2fr 1fr 1fr!important;grid-template-areas:"brand company services" "contact contact contact"!important;gap:34px 30px!important;}
}
@media(max-width:860px){
  .nav-wrap{height:82px!important;}
  .site-header .brand{width:50px!important;height:50px!important;min-width:50px!important;}
  .site-header .brand-icon-header-only{width:45px!important;height:45px!important;}
  .desktop-nav{display:none!important;}
  .menu{display:block!important;}
  .footer-main{grid-template-columns:1fr 1fr!important;grid-template-areas:"brand brand" "company services" "contact contact"!important;padding:48px 0 38px!important;}
  .footer-full-logo-exact{width:230px!important;}
}
@media(max-width:680px){
  .container{width:min(calc(100% - 34px),var(--max));}
  .site-header .brand{width:46px!important;height:46px!important;min-width:46px!important;}
  .site-header .brand-icon-header-only{width:41px!important;height:41px!important;}
  .language-switch{height:40px!important;min-width:48px!important;padding-inline:9px!important;}
  .language-switch span{display:none!important;}
  .nav-cta{display:none!important;}
  .footer-cta-inner{grid-template-columns:1fr!important;gap:22px!important;min-height:0!important;padding:44px 0!important;}
  .footer-cta-main h2{font-size:clamp(34px,10.6vw,50px)!important;line-height:1.24!important;}
  .footer-cta-button{width:100%!important;height:54px!important;}
  .footer-main{grid-template-columns:1fr!important;grid-template-areas:"brand" "company" "services" "contact"!important;gap:26px!important;padding:44px 0 34px!important;}
  .footer-full-logo-exact{width:210px!important;}
  .footer-bottom{justify-content:center!important;flex-wrap:wrap!important;text-align:center!important;gap:6px 12px!important;}
  .footer-bottom span{white-space:normal!important;}
  .whatsapp{width:50px!important;height:50px!important;right:14px!important;bottom:14px!important;}
  .whatsapp svg{width:21px!important;height:21px!important;}
}


/* V36 — exact supplied full logo in header and footer.
   No recoloring, filters, or cropping. White C remains part of the artwork. */
.brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  gap:0!important;
  direction:ltr!important;
  flex:0 0 auto!important;
}
.brand-logo-full{
  display:block!important;
  width:214px!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
  background:transparent!important;
}
.footer-full-logo-exact{
  display:block!important;
  width:238px!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
  background:transparent!important;
}
.footer-brand .footer-full-logo-exact{
  margin:0 0 14px auto!important;
}
.footer-main{align-items:start!important;}

@media(max-width:1100px){
  .brand-logo-full{width:198px!important;}
  .footer-full-logo-exact{width:220px!important;}
}
@media(max-width:820px){
  .brand-logo-full{width:184px!important;}
  .footer-full-logo-exact{width:205px!important;margin-right:0!important;}
}
@media(max-width:680px){
  .brand-logo-full{width:164px!important;}
  .footer-full-logo-exact{width:190px!important;}
}

/* V38 — identical logo sizing in header and footer */
.brand-logo-full,
.footer-full-logo-exact{
  width:190px !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  filter:none !important;
  opacity:1 !important;
}
@media (max-width:1100px){
  .brand-logo-full,
  .footer-full-logo-exact{width:170px !important;}
}
@media (max-width:860px){
  .brand-logo-full,
  .footer-full-logo-exact{width:150px !important;}
}
@media (max-width:680px){
  .brand-logo-full,
  .footer-full-logo-exact{width:140px !important;}
}

/* FINAL LOGO SIZE — identical visual width in header and footer */
.brand{
  min-width:175px!important;
  width:175px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.brand-logo-full{
  width:175px!important;
  height:auto!important;
  max-width:175px!important;
  object-fit:contain!important;
  display:block!important;
}
.footer-full-logo-exact,
.footer-full-logo{
  width:175px!important;
  max-width:175px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}
@media(max-width:1100px){
  .brand{width:165px!important;min-width:165px!important;}
  .brand-logo-full{width:165px!important;max-width:165px!important;}
  .footer-full-logo-exact,.footer-full-logo{width:165px!important;max-width:165px!important;}
}
@media(max-width:860px){
  .brand{width:155px!important;min-width:155px!important;height:54px!important;}
  .brand-logo-full{width:155px!important;max-width:155px!important;}
  .footer-full-logo-exact,.footer-full-logo{width:155px!important;max-width:155px!important;}
}
@media(max-width:680px){
  .brand{width:150px!important;min-width:150px!important;height:52px!important;}
  .brand-logo-full{width:150px!important;max-width:150px!important;}
  .footer-full-logo-exact,.footer-full-logo{width:150px!important;max-width:150px!important;}
}

/* V41 — balanced logo size: smaller header/footer, same visual size */
.brand{
  width:155px!important;
  min-width:155px!important;
  height:52px!important;
  overflow:visible!important;
}
.brand-logo-full,
.footer-full-logo-exact,
.footer-full-logo{
  width:155px!important;
  max-width:155px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:none!important;
  opacity:1!important;
}
@media(max-width:1100px){
  .brand{width:145px!important;min-width:145px!important;height:50px!important}
  .brand-logo-full,.footer-full-logo-exact,.footer-full-logo{width:145px!important;max-width:145px!important}
}
@media(max-width:860px){
  .brand{width:138px!important;min-width:138px!important;height:48px!important}
  .brand-logo-full,.footer-full-logo-exact,.footer-full-logo{width:138px!important;max-width:138px!important}
}
@media(max-width:680px){
  .brand{width:132px!important;min-width:132px!important;height:46px!important}
  .brand-logo-full,.footer-full-logo-exact,.footer-full-logo{width:132px!important;max-width:132px!important}
}