@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--bg:#08090b;--ink:#f7f4ed;--muted:#bcb8af;--gold:#d9aa40;--line:#2a2b2d;--card:#111317}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:86px;display:flex;align-items:center;gap:28px;padding:12px clamp(20px,5vw,74px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#08090be8;backdrop-filter:blur(12px);z-index:8}.brand img{width:164px;height:58px;object-fit:contain}nav{margin-left:auto;display:flex;gap:27px;align-items:center;font-size:14px;font-weight:700}nav a:hover,.services-toggle:hover{color:var(--gold)}.services-toggle{border:0;background:none;color:inherit;font:inherit;cursor:pointer}.drop{display:none;position:absolute;top:67px;right:150px;padding:12px;background:#121316;border:1px solid #50442c;min-width:230px}.drop.open{display:grid;gap:12px}.head-cta,.button{background:var(--gold);color:#15120c;padding:13px 20px;font-size:13px;font-weight:800}.menu{display:none;background:none;border:0;color:white;font-size:22px}main{min-height:80vh}.hero{min-height:610px;display:grid;align-items:center;padding:70px clamp(20px,8vw,130px);background:linear-gradient(90deg,#07080beF 0%,#07080bbb 42%,transparent 75%),url('assets/dubai-tech-hero.webp') center/cover}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:800}.hero h1,.split h2,.title h1{font:700 clamp(2.4rem,5.6vw,5.4rem)/.98 'Space Grotesk';max-width:650px;margin:18px 0}.hero h1 span{color:var(--gold)}p{color:var(--muted);line-height:1.75;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button.alt{border:1px solid #e2be68;background:transparent;color:var(--gold)}.features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px clamp(20px,6vw,90px)}.feature{padding:8px 28px;border-right:1px solid var(--line)}.feature:last-child{border:0}.feature b{display:block;color:var(--gold);margin-bottom:7px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:105px clamp(20px,8vw,130px);background:linear-gradient(135deg,#101318,#07080b)}.split h2{font-size:clamp(2rem,3.5vw,3.8rem)}.visual{min-height:330px;border:1px solid #3c3730;background:linear-gradient(145deg,#d49b2b25,#0000),url('assets/dubai-tech-hero.webp') right/cover}.section{padding:92px clamp(20px,8vw,130px)}.section h2{font:700 clamp(2rem,3.7vw,4rem)/1 'Space Grotesk';margin:9px 0 36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:var(--card);padding:30px;min-height:220px;transition:.25s}.card:hover{transform:translateY(-6px);border-color:var(--gold)}.card b{font:700 1.25rem 'Space Grotesk';display:block;margin-bottom:13px}.card a{color:var(--gold);font-weight:800}.band{padding:46px clamp(20px,8vw,130px);background:linear-gradient(90deg,#a7731a,#1a1710);display:flex;justify-content:space-between;gap:25px;align-items:center}.band h3{font:700 1.7rem 'Space Grotesk';margin:0}.title{padding:90px clamp(20px,8vw,130px);background:linear-gradient(100deg,#07080be8,#0004),url('assets/dubai-tech-hero.webp') center/cover}.content{padding:65px clamp(20px,16vw,260px)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-box{border:1px solid var(--line);padding:26px}input,textarea{width:100%;padding:14px;background:#111317;border:1px solid #45413a;color:white;margin:8px 0 14px;font:inherit}footer{padding:60px clamp(20px,8vw,130px) 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer img{width:190px;height:70px;object-fit:contain}.credit{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.float{position:fixed;right:22px;bottom:20px;background:#25d366;color:#fff;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:28px;z-index:9}@media(max-width:760px){header{height:70px;padding:8px 14px;gap:10px}.brand img{width:105px;height:46px}.menu{display:block;order:1}nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0c0d0f;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--gold)}nav.open{display:flex}.drop{position:static;min-width:0}.head-cta{margin-left:auto;padding:10px;font-size:11px}.hero{min-height:560px;padding:55px 22px;background-position:63% center}.features,.cards{grid-template-columns:1fr 1fr}.feature{padding:18px 10px;border-right:0}.split,.contact-grid{grid-template-columns:1fr;gap:28px;padding:60px 22px}.section{padding:62px 22px}.band{padding:35px 22px;display:block}.band .button{display:inline-block;margin-top:20px}footer{grid-template-columns:1fr 1fr;padding:45px 22px 20px}.hero h1{font-size:2.8rem}.cards .card{padding:20px;min-height:190px}.cards .card:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:no-preference){.hero h1,.hero p{animation:rise .8s both}.card{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
/* Revision: transparent original logo, richer backgrounds and motion */
.brand img,footer img{background:transparent!important;mix-blend-mode:normal}.brand{display:flex;align-items:center}.brand img{filter:drop-shadow(0 4px 8px #0006)}.content,.section{background-image:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.025)),url('assets/network-operations-bg.webp');background-size:cover;background-position:center;background-blend-mode:soft-light}.background-panel{padding:38px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25)),url('assets/network-operations-bg.webp') center/cover}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}.service-list div{border-top:2px solid var(--gold);padding:18px;background:var(--card)}.feature,.card,.button{transition:transform .25s ease,box-shadow .25s ease}.feature:hover,.card:hover{box-shadow:0 15px 32px #0004}.button:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:no-preference){.background-panel{animation:slow-pan 16s ease-in-out infinite alternate}.feature{animation:pulse-in .55s both}.feature:nth-child(2){animation-delay:.08s}.feature:nth-child(3){animation-delay:.16s}.feature:nth-child(4){animation-delay:.24s}@keyframes slow-pan{to{background-position:65% center}}@keyframes pulse-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}@media(max-width:760px){.service-list{grid-template-columns:1fr}.brand img{width:120px;height:50px}}
/* Revision: transparent original logo, richer backgrounds and motion */
.brand img,footer img{background:transparent!important;mix-blend-mode:normal}.brand{display:flex;align-items:center}.brand img{filter:drop-shadow(0 4px 8px #0006)}.content,.section{background-image:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.025)),url('assets/network-operations-bg.webp');background-size:cover;background-position:center;background-blend-mode:soft-light}.background-panel{padding:38px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25)),url('assets/network-operations-bg.webp') center/cover}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}.service-list div{border-top:2px solid var(--gold);padding:18px;background:var(--card)}.feature,.card,.button{transition:transform .25s ease,box-shadow .25s ease}.feature:hover,.card:hover{box-shadow:0 15px 32px #0004}.button:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:no-preference){.background-panel{animation:slow-pan 16s ease-in-out infinite alternate}.feature{animation:pulse-in .55s both}.feature:nth-child(2){animation-delay:.08s}.feature:nth-child(3){animation-delay:.16s}.feature:nth-child(4){animation-delay:.24s}@keyframes slow-pan{to{background-position:65% center}}@keyframes pulse-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}@media(max-width:760px){.service-list{grid-template-columns:1fr}.brand img{width:120px;height:50px}}
/* Final content and visual refinement */
.brand img{width:196px;height:68px;object-fit:contain}.content,.section{background-image:linear-gradient(95deg,rgba(7,10,15,.93),rgba(7,10,15,.48)),url('assets/cloudgen-it-consultation.webp');background-position:center;background-size:cover;background-attachment:fixed}.content p{max-width:760px}.social-display{grid-column:1/-1;display:flex;gap:11px;align-items:center;padding:18px 0 6px}.social-label{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:6px}.social-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:17px;transition:.25s}.social-icon:hover{transform:translateY(-4px) rotate(-3deg);border-color:var(--gold);color:var(--gold)}.fb{color:#1877f2}.ig{color:#e4405f}.in{color:#0a66c2}.tt{color:#fff}.yt{color:#ff0033}@media(max-width:760px){.brand img{width:138px;height:53px}.social-display{gap:8px;flex-wrap:wrap}.social-label{width:100%;margin-bottom:5px}.content,.section{background-attachment:scroll}}
/* Noticeable reveal animation and expanded content */
.reveal{opacity:0;transform:translateY(38px) scale(.985);transition:opacity .75s ease var(--delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.reveal.in-view{opacity:1;transform:none}.hero.reveal,.title.reveal{transform:scale(1.04);transform-origin:center}.hero.reveal.in-view,.title.reveal.in-view{transform:scale(1)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.08) 47%,transparent 78%);transform:translateX(-130%);animation:light-sweep 8s ease-in-out infinite;pointer-events:none}.hero{position:relative;overflow:hidden}.hero>div{position:relative;z-index:1}.rich-section{padding-bottom:48px}.rich-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}.detail-stack{display:grid;gap:12px}.detail-item{display:flex;gap:17px;align-items:center;padding:20px;border:1px solid var(--line);background:var(--card);transition:.3s}.detail-item:hover{transform:translateX(10px);border-color:var(--gold);box-shadow:0 16px 28px #0003}.detail-item span{font:800 1.4rem 'Space Grotesk';color:var(--gold)}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:62px clamp(20px,8vw,130px);background:linear-gradient(110deg,#09323a,#147d8a)}.cta-strip h2{font:700 clamp(1.7rem,3vw,3.2rem)/1.08 'Space Grotesk';max-width:760px;margin:10px 0 0}@keyframes light-sweep{0%,30%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero:before{display:none}}@media(max-width:760px){.rich-grid{grid-template-columns:1fr;gap:25px}.cta-strip{display:block;padding:42px 22px}.cta-strip .button{display:inline-block;margin-top:22px}.detail-item:hover{transform:none}}
/* Twelve-page content enhancement */
.twelve-page-content{position:relative;overflow:hidden}.twelve-page-content .section-intro{max-width:760px;font-size:1.08rem;line-height:1.85}.content-grid{margin-top:1.8rem}.content-grid .background-panel{min-height:220px}.content-list{margin:1.1rem 0 0;padding-left:1.2rem;display:grid;gap:.65rem;line-height:1.6}.content-list li::marker{color:var(--accent,#c7a24c)}@media (max-width:700px){.content-grid .background-panel{min-height:auto}.twelve-page-content .section-intro{font-size:1rem}}
.more-drop{right:72px}
/* Performance and contrast repair */
main{min-height:0}.content,.section{background-attachment:scroll!important}.reveal{opacity:1;transform:none;transition:transform .3s ease,box-shadow .3s ease}.hero.reveal,.title.reveal{transform:none}.title{background:linear-gradient(90deg,rgba(250,247,240,.88),rgba(250,247,240,.48)),url('assets/dubai-tech-hero.webp') center/cover}.title h1{color:#142d38;text-shadow:0 2px 10px rgba(255,255,255,.65)}.title p{color:#1d3f4a;font-weight:600;text-shadow:0 1px 7px rgba(255,255,255,.7)}
.background-panel,.feature,.card,.hero:before{animation:none!important}
