:root{color-scheme:dark;--brand: #1792ad;--brand-2: #5dc9e0;--accent: #8b5cf6;--navy: #071522;--navy-deep: #04101b;--card: #112240;--paper: #f4f4f4;--text: #f7fbff;--muted: #b1c5d4;--soft: rgba(255, 255, 255, .08);--line: rgba(125, 211, 252, .16);--shadow: 0 32px 90px rgba(0, 0, 0, .42);font-family:Tajawal,Outfit,system-ui,sans-serif;background:var(--navy-deep);color:var(--text)}*{box-sizing:border-box}html{background:var(--navy-deep);overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden;background:linear-gradient(rgba(93,201,224,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,201,224,.035) 1px,transparent 1px),radial-gradient(circle at 76% 8%,rgba(93,201,224,.22),transparent 28rem),radial-gradient(circle at 10% 18%,rgba(139,92,246,.16),transparent 32rem),linear-gradient(135deg,#04101b,#071928 44%,#0b1023);background-size:58px 58px,58px 58px,auto,auto,auto}body::selection{background:var(--brand-2);color:var(--navy-deep)}a{color:inherit;text-decoration:none}main{position:relative;isolation:isolate;overflow:hidden}main:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(4,16,27,.92),transparent 24%,transparent 76%,rgba(4,16,27,.82)),radial-gradient(circle at 50% 0%,rgba(93,201,224,.08),transparent 42rem)}.section-shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.site-header{position:fixed;top:.85rem;left:50%;z-index:50;display:flex;width:min(1180px,calc(100% - 2rem));align-items:center;justify-content:space-between;gap:.65rem;min-height:5.2rem;padding:.8rem 1rem;border:1px solid rgba(93,201,224,.18);border-radius:999px;background:#05111dd1;box-shadow:0 14px 42px #00000038;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translate(-50%)}.brand{display:inline-flex;align-items:center;min-width:max-content}.brand img{display:block;width:auto;height:3.4rem;object-fit:contain;transform:none;filter:drop-shadow(0 12px 28px rgba(23,146,173,.25))}nav{display:flex;align-items:center;gap:.15rem}nav a{border-radius:999px;color:#d8e8f2;font-size:.9rem;font-weight:800;line-height:1;padding:.7rem .9rem;transition:transform .18s ease,background .18s ease,color .18s ease}nav a:hover,nav a:focus-visible{background:#5dc9e021;color:var(--brand-2);outline:none;transform:translateY(-1px)}.menu-toggle{display:none;width:2.85rem;height:2.85rem;place-items:center;flex-shrink:0;border:1px solid rgba(93,201,224,.22);border-radius:999px;background:#ffffff14;color:var(--text);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.menu-toggle:hover,.menu-toggle:focus-visible{border-color:#5dc9e08c;background:#5dc9e024;outline:none;transform:translateY(-1px)}.menu-toggle span{grid-area:1 / 1;width:1.2rem;height:2px;border-radius:999px;background:currentColor;transition:opacity .18s ease,transform .18s ease}.menu-toggle span:nth-child(1){transform:translateY(-.4rem)}.menu-toggle span:nth-child(3){transform:translateY(.4rem)}.menu-open .menu-toggle span:nth-child(1){transform:rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}.hero{position:relative;display:grid;min-height:100svh;grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:7rem 4.8rem}.mesh-bg{position:absolute;inset:5rem -4rem 0;z-index:-1;border-radius:4rem;background:radial-gradient(circle at 72% 20%,rgba(93,201,224,.14),transparent 20rem),radial-gradient(circle at 22% 68%,rgba(139,92,246,.12),transparent 20rem),linear-gradient(135deg,#1122401a,#04101b14);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}.orb{position:absolute;z-index:-1;border-radius:999px;pointer-events:none}.orb-a{top:18%;right:-8rem;width:22rem;height:22rem;background:radial-gradient(circle,rgba(93,201,224,.34),transparent 68%);filter:blur(4px)}.orb-b{bottom:8%;left:-10rem;width:28rem;height:28rem;background:radial-gradient(circle,rgba(139,92,246,.24),transparent 68%);filter:blur(6px)}.eyebrow{margin:0 0 1.15rem;color:var(--brand-2);font-family:Outfit,Tajawal,sans-serif;font-size:clamp(.82rem,1.2vw,.96rem);font-weight:800;letter-spacing:.095em;line-height:1.8;text-transform:uppercase}.hero-title{margin:0;color:var(--paper);font-size:clamp(3.75rem,7vw,6.65rem);font-weight:800;letter-spacing:-.045em;line-height:1.18}.clip-line{display:block;overflow:hidden;padding-bottom:.08em}.line{display:block}.gradient-text{background:linear-gradient(98deg,var(--brand-2) 0%,var(--brand) 45%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:680px;margin:1.2rem 0 0;color:#d2e0e9;font-size:clamp(1.06rem,1.35vw,1.22rem);font-weight:500;line-height:2.05}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;border-radius:999px;font-weight:800;line-height:1;padding:.92rem 1.38rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button:hover,.button:focus-visible{outline:none;transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#03111a;box-shadow:0 18px 48px #1792ad57}.button.primary:hover{box-shadow:0 24px 64px #1792ad6b}.button.secondary{border:1px solid rgba(255,255,255,.14);background:#ffffff0e;color:#eff8fc}.button.secondary:hover{border-color:#5dc9e06b;background:#5dc9e01a}.hero-visual{position:relative;display:grid;gap:.85rem}.logo-stage{position:relative;display:flex;min-height:22rem;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(93,201,224,.18);border-radius:2rem;background:radial-gradient(circle at 50% 36%,rgba(23,146,173,.24),transparent 12rem),radial-gradient(circle at 10% 100%,rgba(139,92,246,.16),transparent 15rem),linear-gradient(145deg,#112240d1,#081623b8);box-shadow:var(--shadow);padding:1.4rem}.logo-stage:before{content:"";position:absolute;inset:1rem;border:1px solid rgba(93,201,224,.16);border-radius:1.55rem}.logo-stage img{position:relative;z-index:2;width:min(72%,18rem);height:auto;margin:auto;filter:drop-shadow(0 22px 38px rgba(0,0,0,.32))}.logo-glow{position:absolute;width:18rem;height:18rem;border-radius:50%;background:conic-gradient(from 180deg,transparent,rgba(93,201,224,.7),transparent,rgba(139,92,246,.55),transparent);filter:blur(14px);opacity:.52}.stage-caption{position:relative;z-index:2;display:grid;gap:.45rem;border:1px solid rgba(93,201,224,.15);border-radius:1.25rem;background:#04101b5c;padding:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-caption span{color:var(--brand-2);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.stage-caption strong{color:var(--paper);font-size:1.2rem;line-height:1.75}.focus-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.focus-list span{border:1px solid rgba(93,201,224,.16);border-radius:1.05rem;background:#ffffff0e;color:#e7f7fc;font-size:.95rem;font-weight:800;line-height:1.35;padding:.9rem;text-align:center}.signal-row{display:flex;flex-wrap:wrap;gap:.55rem}.signal-pill{border:1px solid rgba(93,201,224,.18);border-radius:999px;background:#ffffff0e;color:#dff5fb;font-size:.9rem;font-weight:800;line-height:1;padding:.78rem .95rem}.about-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.6rem,5vw,4rem);align-items:end;margin-top:1rem;border:1px solid rgba(93,201,224,.17);border-radius:2.5rem;background:linear-gradient(135deg,#112240b8,#071522b8),radial-gradient(circle at 18% 0%,rgba(93,201,224,.14),transparent 20rem);box-shadow:0 26px 80px #00000038;padding:clamp(1.5rem,5vw,3rem)}.about-band h2,.section-heading h2,.contact-section h2{margin:0;color:var(--paper);font-size:clamp(2.25rem,5.2vw,4.85rem);font-weight:800;letter-spacing:-.05em;line-height:1.25}.about-band p,.section-heading p,.contact-section p,.why-card p,.service-card p{color:var(--muted);font-size:1.08rem;font-weight:500;line-height:2.08}.about-band>p{margin:0;color:#d2e2eb;font-size:1.16rem;line-height:2.2}.section-block{padding-top:clamp(5rem,9vw,8rem)}.section-heading{max-width:780px;margin-bottom:2.1rem}.section-heading h2{margin-bottom:1rem}.section-heading p{max-width:690px;margin:0}.why-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.why-card,.service-card{position:relative;overflow:hidden;border:1px solid rgba(93,201,224,.15);background:linear-gradient(145deg,#112240c7,#081725d1),radial-gradient(circle at 18% 0%,rgba(93,201,224,.1),transparent 16rem);box-shadow:0 20px 60px #00000036;transition:transform .22s ease,border-color .22s ease,background .22s ease}.why-card:hover,.service-card:hover{border-color:#5dc9e05c;transform:translateY(-6px)}.why-card{min-height:21rem;border-radius:1.8rem;padding:1.35rem}.why-card:after,.service-card:after{content:"";position:absolute;inset:auto -20% -45% 10%;height:10rem;border-radius:50%;background:#5dc9e014;filter:blur(18px)}.why-card span{display:inline-grid;width:3rem;height:3rem;place-items:center;margin-bottom:4.5rem;border:1px solid rgba(93,201,224,.22);border-radius:1rem;color:var(--brand-2);font-family:Outfit,sans-serif;font-weight:800}.why-card h3,.service-card h3{position:relative;z-index:1;margin:0 0 .75rem;color:var(--paper);font-size:clamp(1.32rem,2vw,1.58rem);font-weight:800;letter-spacing:-.02em;line-height:1.55}.why-card p,.service-card p{position:relative;z-index:1;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.service-card{min-height:17rem;border-radius:1.8rem;padding:1.4rem}.service-mark{display:grid;width:3.25rem;height:3.25rem;place-items:center;margin-bottom:2.2rem;border-radius:1rem;background:linear-gradient(135deg,var(--brand-2),var(--brand));color:var(--navy-deep);font-size:1.15rem;font-weight:800;box-shadow:0 18px 38px #1792ad40}.contact-section{display:grid;grid-template-columns:1fr minmax(300px,.62fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;margin-top:clamp(5rem,9vw,8rem);margin-bottom:4.5rem;overflow:hidden;border:1px solid rgba(93,201,224,.22);border-radius:2.6rem;background:radial-gradient(circle at 18% 32%,rgba(93,201,224,.2),transparent 24rem),radial-gradient(circle at 86% 0%,rgba(139,92,246,.18),transparent 22rem),linear-gradient(135deg,#112240eb,#05111df0);box-shadow:var(--shadow);padding:clamp(1.6rem,5vw,3.4rem)}.contact-section h2{max-width:12ch;margin-bottom:1rem}.contact-card{display:grid;gap:.85rem;border:1px solid rgba(255,255,255,.1);border-radius:1.65rem;background:#ffffff0f;padding:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.contact-card a,.contact-card span{border:1px solid rgba(93,201,224,.15);border-radius:999px;background:#04101b52;color:#eff9fc;font-family:Outfit,Tajawal,sans-serif;font-size:1rem;font-weight:800;line-height:1.4;padding:1rem;text-align:center;transition:border-color .18s ease,color .18s ease,transform .18s ease}.contact-card a:hover,.contact-card a:focus-visible{border-color:#5dc9e07a;color:var(--brand-2);outline:none;transform:translateY(-2px)}footer{display:flex;width:min(1180px,calc(100% - 2rem));align-items:center;justify-content:space-between;gap:1rem;margin:0 auto;border-top:1px solid rgba(93,201,224,.13);color:var(--muted);padding:1.35rem 0 2rem}footer img{width:8.5rem;height:auto;opacity:.82}footer p{margin:0;font-size:.98rem;line-height:1.9}@media(max-width:1050px){.hero,.about-band,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:8.8rem}.hero-visual{max-width:760px;width:100%}.why-layout,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-card{min-height:18rem}.service-card{min-height:15rem}}@media(max-width:820px){.site-header{align-items:center;border-radius:1.35rem;flex-direction:row;gap:.65rem;min-height:4.2rem;padding:.55rem .65rem}.brand img{width:auto;height:2.85rem}.menu-toggle{display:grid}nav{position:absolute;top:calc(100% + .55rem);left:0;right:0;display:grid;gap:.35rem;width:100%;max-height:0;overflow:hidden;border:1px solid rgba(93,201,224,0);border-radius:1.15rem;background:#05111df0;box-shadow:0 18px 48px #00000047;opacity:0;padding:0;pointer-events:none;transform:translateY(-.35rem);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:max-height .22s ease,opacity .18s ease,padding .18s ease,transform .18s ease,border-color .18s ease}nav a{display:flex;justify-content:center;min-width:0;font-size:.92rem;padding:.85rem .9rem}.menu-open nav{max-height:20rem;border-color:#5dc9e02e;opacity:1;padding:.55rem;pointer-events:auto;transform:translateY(0)}.hero{padding-top:7.8rem}.hero-title{font-size:clamp(3.35rem,12vw,5.4rem)}.logo-stage{min-height:20rem}.about-band,.contact-section{border-radius:2rem}}@media(max-width:620px){.section-shell,.site-header,footer{width:min(100% - 1.1rem,1180px)}.site-header{top:.55rem;min-height:3.75rem;padding:.45rem .5rem}.hero{gap:2rem;padding-block:7.4rem 3.8rem}.hero-title{font-size:clamp(2.75rem,13vw,4.15rem);letter-spacing:-.035em;line-height:1.26}.hero-copy,.about-band>p{font-size:1rem;line-height:2.05}.hero-actions{flex-direction:column}.button{width:100%}.logo-stage{min-height:16.5rem;border-radius:1.55rem;padding:1rem}.logo-stage:before{inset:.65rem;border-radius:1.15rem}.logo-stage img{width:min(78%,15rem)}.stage-caption{border-radius:1rem;padding:.85rem}.stage-caption strong{font-size:1.02rem;line-height:1.75}.focus-list{grid-template-columns:1fr;gap:.55rem}.focus-list span,.signal-pill{font-size:.86rem;padding:.72rem .8rem}.visual-card h2,.about-band h2,.section-heading h2,.contact-section h2{line-height:1.32}.why-layout,.services-grid{grid-template-columns:1fr}.why-card,.service-card{min-height:auto}.why-card span{margin-bottom:2.4rem}.about-band,.contact-section{border-radius:1.45rem;padding:1.15rem}.section-block{padding-top:4.2rem}.section-heading{margin-bottom:1.35rem}.about-band h2,.section-heading h2,.contact-section h2{font-size:clamp(2rem,10vw,3rem);letter-spacing:-.035em}.about-band p,.section-heading p,.contact-section p,.why-card p,.service-card p{font-size:.98rem;line-height:2}.why-card,.service-card{border-radius:1.35rem;padding:1.1rem}.service-mark{margin-bottom:1.4rem}.contact-card{border-radius:1.2rem;padding:.75rem}.contact-card a,.contact-card span{border-radius:1rem;font-size:.92rem;overflow-wrap:anywhere}footer{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.site-header{align-items:center;border-radius:1rem;flex-direction:row;gap:.4rem}.brand img{height:2.55rem}nav a{font-size:.88rem;padding:.78rem .72rem}.hero{padding-top:7.2rem}.hero-title{font-size:clamp(2.55rem,14vw,3.45rem)}.hero-actions{margin-top:1.45rem}.button{min-height:3rem;padding:.82rem 1rem}.signal-row{gap:.45rem}footer img{width:7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}