:root{--bg: #0A0A0C;--bg-2: #0E0F12;--surface: #14161B;--surface-2: #1B1E25;--line: rgba(187, 204, 215, .14);--line-strong: rgba(187, 204, 215, .3);--silver-100: #F2F5F8;--silver-200: #D7E2EA;--silver-300: #BBCCD7;--silver-400: #8FA0AD;--silver-500: #646973;--silver-600: #3C4049;--silver-700: #25282F;--glow: rgba(187, 204, 215, .35);--glow-deep: rgba(143, 160, 173, .55);--shadow-deep: 0 30px 60px rgba(0,0,0,.55), 0 12px 24px rgba(0,0,0,.45);--shadow-card: 0 24px 48px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.04);--font: "Kanit", system-ui, sans-serif;--font-ar: "IBM Plex Sans Arabic", "Kanit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);color:var(--silver-200)}html{scroll-behavior:smooth}body{font-family:var(--font);font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 80% -10%,rgba(143,160,173,.1),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(100,105,115,.1),transparent 65%),var(--bg)}::selection{background:var(--silver-300);color:var(--bg)}.v-logo-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.v-logo-canvas canvas{display:block}.silver-text{background:linear-gradient(180deg,#646973,#bbccd7,#f2f5f8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 4px 30px rgba(187,204,215,.15))}.silver-text-soft{background:linear-gradient(180deg,#bbccd7,#8fa0ad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mega-heading{font-weight:900;text-transform:uppercase;line-height:.85;letter-spacing:-.04em;white-space:nowrap}.eyebrow{font-size:clamp(.7rem,.9vw,.85rem);text-transform:uppercase;letter-spacing:.35em;color:var(--silver-400);font-weight:500}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,56px);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);background:linear-gradient(180deg,#0a0a0ca6,#0a0a0c00);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.navbar.scrolled{border-bottom:1px solid var(--line);background:#0a0a0cb8}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand-mark{width:clamp(78px,6.5vw,104px);height:clamp(78px,6.5vw,104px);flex-shrink:0;display:inline-block;margin:-14px 0}.brand-mark canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(187,204,215,.6))}.brand-name{font-family:var(--font);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(1.15rem,.7rem + 1vw,1.5rem);line-height:1;white-space:nowrap;background:linear-gradient(180deg,#646973,#bbccd7,#f2f5f8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 4px 24px rgba(187,204,215,.2))}.nav-toggle{display:none;width:46px;height:46px;border:1px solid var(--line-strong);border-radius:12px;background:#bbccd70d;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;flex-shrink:0;transition:background .2s,border-color .2s}.nav-toggle:hover{background:#bbccd71a}.nav-toggle span{display:block;width:22px;height:2px;background:var(--silver-100);border-radius:2px;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .2s}.navbar.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar.menu-open .nav-toggle span:nth-child(2){opacity:0}.navbar.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{display:flex;gap:clamp(18px,3vw,40px);list-style:none}.nav-links a{color:var(--silver-200);text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(.75rem,.9vw,.95rem);font-weight:500;position:relative;padding:6px 2px;transition:opacity .2s,color .2s}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--silver-300),transparent);transform:scaleX(0);transform-origin:center;transition:transform .36s cubic-bezier(.2,.7,.2,1)}.nav-links a:hover{opacity:.85}.nav-links a:hover:after{transform:scaleX(1)}.btn-primary{--bg1: #2A2D33;--bg2: #6E7681;position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;border:none;cursor:pointer;color:#fff;font-family:var(--font);font-weight:500;text-transform:uppercase;letter-spacing:.22em;font-size:.82rem;background:linear-gradient(135deg,#1e2128,#4a4f58 35%,#bbccd7 75%,#6e7681);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000059,0 0 0 1px #bbccd759,0 6px 18px #00000073,0 0 32px #bbccd72e;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,filter .22s;text-decoration:none;white-space:nowrap}.btn-primary:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:linear-gradient(135deg,#ffffff0f,#fff0 50%);pointer-events:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff6,inset 0 -2px #0006,0 0 0 1px #bbccd78c,0 14px 32px #0000008c,0 0 48px #bbccd759;filter:brightness(1.05)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;border-radius:999px;border:1.5px solid var(--silver-200);color:var(--silver-200);background:transparent;cursor:pointer;font-family:var(--font);text-transform:uppercase;letter-spacing:.22em;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .22s,color .22s,transform .22s,box-shadow .22s;white-space:nowrap}.btn-ghost:hover{background:#d7e2ea14;box-shadow:0 0 26px #bbccd72e,inset 0 0 18px #bbccd70d;transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0)}.hero{position:relative;min-height:100vh;padding:120px clamp(20px,4vw,56px) 40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-decor{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 50% 60%,rgba(143,160,173,.1),transparent 70%),radial-gradient(40% 30% at 80% 20%,rgba(187,204,215,.06),transparent 70%);z-index:1}.hero-heading{font-size:clamp(4rem,17vw,17rem);z-index:10;position:relative;display:inline-block}.hero-heading-row{display:flex;align-items:flex-end;gap:clamp(12px,1.6vw,28px);margin-top:clamp(20px,4vw,40px);z-index:10;position:relative;line-height:.85}.hero-heading-group{font-family:Cinzel,serif;font-weight:600;font-style:italic;font-size:clamp(1.6rem,4vw,4rem);letter-spacing:.04em;text-transform:capitalize;padding-bottom:clamp(8px,1.5vw,22px);background:linear-gradient(180deg,#f2f5f8,#bbccd7 60%,#646973);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 16px rgba(187,204,215,.2));white-space:nowrap;flex-shrink:0}@media (max-width: 720px){.hero-heading-row{flex-direction:column;align-items:flex-start;gap:0}.hero-heading-group{padding-bottom:0;padding-left:4px}}.hero-foot{position:relative;z-index:10;display:flex;flex-direction:column;gap:clamp(40px,7vw,90px)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;position:relative;z-index:10;padding-bottom:0}.hero-tagline{max-width:320px;font-size:clamp(.85rem,1.1vw,1.05rem);font-weight:300;text-transform:uppercase;letter-spacing:.12em;color:var(--silver-200);line-height:1.4}.hero-stats{display:flex;gap:clamp(18px,3.5vw,56px);z-index:11;position:relative;justify-content:center;flex-wrap:wrap;padding:20px clamp(20px,4vw,48px);border:1px solid var(--line);border-radius:22px;background:#0a0b0e57;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);box-shadow:var(--shadow-card)}.hero-stat{text-align:center}.hero-stat-num{font-weight:900;font-size:clamp(1.4rem,2.2vw,2rem);background:linear-gradient(180deg,#bbccd7,#646973);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}.hero-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.3em;color:var(--silver-400);margin-top:4px}.marquee-section{padding:clamp(80px,12vw,160px) 0 clamp(40px,6vw,80px);overflow:hidden;position:relative}.marquee-row{display:flex;gap:16px;margin-bottom:16px;will-change:transform}.marquee-tile{flex-shrink:0;width:clamp(220px,28vw,380px);height:clamp(140px,18vw,240px);border-radius:24px;background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center;color:var(--silver-300);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:500;box-shadow:inset 0 1px #ffffff0a}.marquee-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 0% 0%,rgba(187,204,215,.18),transparent 50%),radial-gradient(80% 60% at 100% 100%,rgba(143,160,173,.1),transparent 50%);opacity:.7}.marquee-tile-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.marquee-tile-icon{font-size:clamp(2rem,3vw,3rem);background:linear-gradient(180deg,var(--silver-100),var(--silver-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(187,204,215,.15))}.section{position:relative;padding:clamp(80px,10vw,140px) clamp(20px,4vw,56px);z-index:10}.section-heading{font-size:clamp(3rem,12vw,11rem);text-align:center}.section-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}.section-eyebrow .bar{width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--silver-400),transparent)}.about{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(40px,6vw,80px);text-align:center;position:relative}.about-decor{position:absolute;width:clamp(80px,14vw,200px);height:clamp(80px,14vw,200px);border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.6}.about-decor.gear{background:conic-gradient(from 0deg,#3c4049,#bbccd7,#3c4049,#8fa0ad,#3c4049);mask:radial-gradient(circle,transparent 28%,#000 30%,#000 70%,transparent 75%);-webkit-mask:radial-gradient(circle,transparent 28%,#000 30%,#000 70%,transparent 75%);animation:spin 22s linear infinite;box-shadow:0 0 80px #8fa0ad40}@keyframes spin{to{transform:rotate(360deg)}}.about-paragraph{max-width:640px;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.7;font-weight:400;color:var(--silver-200)}.about-paragraph .char{transition:opacity 80ms}.services{background:linear-gradient(180deg,var(--bg) 0%,#0F1115 100%);border-top-left-radius:60px;border-top-right-radius:60px;border-top:1px solid var(--line);box-shadow:0 -30px 80px #8fa0ad0f}.services-list{max-width:1100px;margin:0 auto}.service-item{display:grid;grid-template-columns:clamp(80px,12vw,180px) 1fr auto;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(30px,4vw,56px) 0;border-bottom:1px solid var(--line);cursor:pointer;transition:padding-left .38s cubic-bezier(.2,.7,.2,1);position:relative}.service-item:hover{padding-left:16px}.service-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);width:4px;height:60%;background:linear-gradient(180deg,var(--silver-100),var(--silver-400));transform-origin:left;transition:transform .38s cubic-bezier(.2,.7,.2,1);border-radius:4px;box-shadow:0 0 18px var(--glow)}.service-item:hover:before{transform:translateY(-50%) scaleX(1)}.service-num{font-weight:900;font-size:clamp(3rem,9vw,8.5rem);line-height:1;background:linear-gradient(180deg,var(--silver-200) 0%,var(--silver-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em}.service-content{display:flex;flex-direction:column;gap:12px}.service-name{font-size:clamp(1.3rem,2.4vw,2.4rem);font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--silver-100)}.service-desc{max-width:640px;font-size:clamp(.85rem,1.1vw,1.05rem);color:var(--silver-400);line-height:1.6;font-weight:300}.service-arrow{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;transition:background .28s,border-color .28s,transform .38s cubic-bezier(.2,.7,.2,1);color:var(--silver-200)}.service-item:hover .service-arrow{background:var(--silver-100);color:var(--bg);transform:rotate(-45deg) scale(1.05);border-color:var(--silver-100);box-shadow:0 0 32px #bbccd766}@media (max-width: 720px){.service-item{grid-template-columns:clamp(60px,14vw,100px) 1fr}.service-arrow{display:none}}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(20px,2.5vw,32px);max-width:1280px;margin:60px auto 0}.team-card{position:relative;padding:32px 28px;border-radius:28px;background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--line);overflow:hidden;transition:transform .38s cubic-bezier(.2,.7,.2,1),border-color .28s,box-shadow .38s;cursor:pointer}.team-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 0% 0%,rgba(187,204,215,.12),transparent 60%);opacity:.6;transition:opacity .38s}.team-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#bbccd780,#bbccd700);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .38s;pointer-events:none}.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card),0 30px 60px #000000b3,0 0 60px #bbccd726;border-color:transparent}.team-card:hover:after{opacity:1}.team-card:hover:before{opacity:1}.team-avatar{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--silver-100),var(--silver-400) 55%,var(--silver-600) 100%);display:grid;place-items:center;font-weight:900;font-size:1.6rem;color:var(--bg);letter-spacing:-.02em;margin-bottom:22px;box-shadow:inset -4px -6px 12px #00000059,inset 4px 4px 10px #ffffff59,0 12px 24px #00000073,0 0 24px #bbccd72e;position:relative;z-index:2}.team-role{position:relative;z-index:2;font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--silver-400);margin-bottom:6px;font-weight:500}.team-name{position:relative;z-index:2;font-size:1.4rem;font-weight:500;color:var(--silver-100);line-height:1.15;margin-bottom:18px;letter-spacing:-.01em}.team-contact{position:relative;z-index:2;display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}.team-contact a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#bbccd70f;border:1px solid var(--line);color:var(--silver-200);text-decoration:none;font-size:.74rem;font-weight:500;letter-spacing:.06em;transition:background .22s,color .22s,transform .22s}.team-contact a:hover{background:var(--silver-100);color:var(--bg);transform:translateY(-2px)}.team-contact a svg{width:14px;height:14px}.contact{text-align:center}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);max-width:1200px;margin:60px auto 0;text-align:left}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}.contact-form{display:flex;flex-direction:column;gap:18px;padding:40px;border-radius:32px;background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--line);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(100% 60% at 0% 0%,rgba(187,204,215,.07),transparent 60%);pointer-events:none}.contact-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--silver-400);font-weight:500;display:block;margin-bottom:6px}.contact-input,.contact-textarea{width:100%;background:#0a0a0c80;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--silver-100);font-family:var(--font);font-size:.95rem;outline:none;transition:border-color .22s,background .22s,box-shadow .22s;resize:none}.contact-input:focus,.contact-textarea:focus{border-color:var(--silver-300);background:#0a0a0cb3;box-shadow:0 0 0 4px #bbccd714,0 0 24px #bbccd726}.contact-textarea{min-height:130px}.contact-aside{display:flex;flex-direction:column;gap:18px}.contact-card{padding:28px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(160deg,var(--surface),rgba(20,22,27,.6));display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--silver-200);transition:border-color .28s,transform .28s,background .28s;position:relative;overflow:hidden}.contact-card:hover{border-color:var(--silver-300);transform:translate(6px)}.contact-card .icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--silver-700),var(--silver-500));display:grid;place-items:center;margin-bottom:8px;color:var(--silver-100);box-shadow:inset 0 1px #ffffff26,0 0 18px #bbccd71f}.contact-card .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--silver-400)}.contact-card .value{font-size:1.05rem;font-weight:500;color:var(--silver-100)}.footer{border-top:1px solid var(--line);padding:40px clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--silver-500);font-size:.82rem;text-transform:uppercase;letter-spacing:.22em;position:relative;z-index:10}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in.from-left{transform:translate(-60px)}.fade-in.from-left.visible{transform:translate(0)}.fade-in.from-right{transform:translate(60px)}.fade-in.from-right.visible{transform:translate(0)}.magnetic{display:inline-block;transition:transform .6s ease-in-out;will-change:transform}.magnetic.active{transition:transform .3s ease-out}.float-wa{position:fixed;bottom:24px;right:24px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#bbccd7,#646973);display:grid;place-items:center;color:var(--bg);z-index:100;text-decoration:none;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #0000004d,0 12px 32px #0000008c,0 0 32px #bbccd759;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s}.float-wa:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--silver-300);opacity:0;transition:opacity .28s,transform .28s}.float-wa:hover{transform:translateY(-3px) scale(1.05);box-shadow:inset 0 1px #fff9,inset 0 -2px #00000059,0 16px 40px #000000a6,0 0 48px #bbccd78c}.float-wa:hover:after{opacity:1;transform:scale(1.05)}@media (max-width: 720px){.contact-form{padding:28px 22px}}@media (max-width: 820px){.navbar{padding:16px clamp(16px,4vw,32px)}.nav-toggle{display:flex}.nav-links{position:absolute;top:calc(100% + 6px);left:clamp(16px,4vw,32px);right:clamp(16px,4vw,32px);flex-direction:column;gap:4px;padding:10px;background:#0e1014f0;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow-deep);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .24s cubic-bezier(.2,.7,.2,1),transform .24s cubic-bezier(.2,.7,.2,1)}.nav-links.open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-links li{width:100%}.nav-links a{display:block;padding:13px 16px;border-radius:12px;font-size:.95rem;letter-spacing:.16em}.nav-links a:after{display:none}.nav-links a:hover{background:#bbccd714;opacity:1}}.footer-address{font-style:normal;color:inherit;letter-spacing:inherit}.footer-address[lang=ar]{font-family:IBM Plex Sans Arabic,Kanit,sans-serif;letter-spacing:.03em;text-transform:none;font-size:.78rem}