body{background:#05070b}
.nav{position:absolute;left:50%;transform:translateX(-50%);top:0;border-bottom-color:rgba(255,255,255,.1)}
.hero{isolation:isolate;width:100%;max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));overflow:hidden}
.hero-backdrop{position:absolute;z-index:-3;inset:0;background-image:url('naeem-operations-background.webp');background-position:center;background-size:cover;filter:saturate(.75) contrast(1.08);transform:scale(1.03);transition:transform .3s ease-out}
.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.97) 0%,rgba(5,7,11,.82) 40%,rgba(5,7,11,.48) 72%,rgba(5,7,11,.66) 100%),linear-gradient(0deg,#05070b 0%,transparent 28%,rgba(3,5,9,.26) 100%)}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 46%,rgba(62,230,208,.13),transparent 28%),repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.025) 10%);pointer-events:none}
.hero-copy{position:relative;z-index:2;text-shadow:0 2px 28px rgba(0,0,0,.48)}
.hero h1{font-size:clamp(58px,6.7vw,104px);max-width:880px}
.hero .intro{color:#c2c9cf;max-width:650px}
.hero .eyebrow strong{font:500 11px 'DM Sans';letter-spacing:.2em;color:var(--cyan);min-width:126px}
.hero .eyebrow i{height:12px;width:1px;background:#58616b}
.hero-art{z-index:2}
.orb{background:radial-gradient(circle at 42% 38%,rgba(29,63,70,.86),rgba(8,14,20,.78) 52%,rgba(7,9,13,.4) 72%);backdrop-filter:blur(5px)}
.signal-card{position:absolute;padding:10px 13px;background:rgba(6,11,16,.67);border:1px solid rgba(82,116,122,.4);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.25)}
.signal-card small,.signal-card strong{display:block;line-height:1.3}.signal-card small{font-size:8px;letter-spacing:.2em;color:#697985}.signal-card strong{font-size:10px;letter-spacing:.12em;color:#b8fff5;margin-top:4px}.signal-card-top{top:8%;right:5%}.signal-card-side{left:-4%;bottom:19%}
.button{backdrop-filter:blur(8px)}.ghost{background:rgba(7,10,15,.35);border-color:rgba(255,255,255,.2)}
.toolkit{background:rgba(8,12,17,.97);box-shadow:0 -20px 70px #05070b}
.about,.expertise{position:relative}
.about::before,.expertise::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(130px);opacity:.09;pointer-events:none;background:var(--cyan)}
.about::before{right:-280px;top:15%}.expertise::before{left:-320px;bottom:5%}
.cursor-glow{position:fixed;z-index:0;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(62,230,208,.055),transparent 66%);pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s}
@media(prefers-reduced-motion:reduce){.hero-backdrop{transition:none}.cursor-glow{display:none}}
@media(max-width:800px){.nav{position:absolute}.hero{padding-left:16px;padding-right:16px}.hero::before{background:linear-gradient(90deg,rgba(5,7,11,.92),rgba(5,7,11,.66)),linear-gradient(0deg,#05070b,transparent 45%)}.hero h1{font-size:51px}.hero-art{opacity:.82}.signal-card{display:none}.cursor-glow{display:none}}