:root{--blue:#0759d8;--deep:#061c65;--ink:#071439;--muted:#52607e;--pale:#eef7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.header{height:86px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.header-inner{height:100%;max-width:1424px;margin:auto;padding:0 25px;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:4px;font-style:normal}.brand i{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:37px;font-weight:900;color:#fff;background:linear-gradient(145deg,#56a8ff,#004acb);box-shadow:inset -7px -6px 0 rgba(0,43,148,.48);transform:rotate(-13deg)}.brand b{font-size:28px;letter-spacing:-1px}.brand em{color:#0759d8;font-size:17px;font-style:normal;font-weight:800;align-self:flex-end;margin-bottom:6px}.nav{margin:auto;display:flex;gap:66px;align-items:center;font-weight:600}.nav a{font-size:15px}.top-contact,.primary-button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#106cdd,#0050c9);color:#fff;border-radius:6px;font-weight:700;box-shadow:0 9px 20px rgba(0,87,207,.16)}.top-contact{padding:14px 19px;font-size:14px}.icon{width:20px;height:20px;flex:none}.nav-contact,.hamburger{display:none}.hero{min-height:550px;position:relative;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fff 34%,rgba(247,252,255,.82) 57%,#e5f4ff 100%)}.hero-copy{position:relative;z-index:2;max-width:1424px;margin:auto;padding:90px 38px}.eyebrow{color:#0870e7!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.4px!important;text-transform:uppercase!important;margin:0 0 14px!important}.hero h1{max-width:680px;margin:0;color:#061442;font-size:54px;line-height:1.08;letter-spacing:-2.6px;font-weight:750}.hero p:not(.eyebrow){max-width:585px;font-size:17px;line-height:1.5;color:#56617d;margin:20px 0 24px}.primary-button{padding:14px 21px;font-size:14px}.primary-button span{font-size:20px}.hero-art{position:absolute;inset:0 0 0 41%;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,0) 26%),url('../qamaq-hero-art.png') right center/auto 118% no-repeat;mix-blend-mode:multiply}.intro{display:grid;grid-template-columns:.55fr 1.45fr 1.15fr;gap:45px;max-width:1320px;margin:0 auto;padding:80px 25px 88px;align-items:start}.intro-label{font-size:14px;font-weight:800;color:#0a65d6;letter-spacing:1px;padding-top:9px}.intro h2,.section-head h2,.experience h2{margin:0;font-size:39px;line-height:1.12;letter-spacing:-1.6px}.intro p,.intro-note{font-size:16px;line-height:1.65;color:var(--muted);margin:20px 0 0}.intro-note{padding:0 0 0 26px;border-left:2px solid #75b9ff;margin-top:6px}.services-wrap{padding:75px max(25px,calc((100vw - 1320px)/2)) 88px;background:linear-gradient(180deg,#eff9ff,#e9f6ff);position:relative;overflow:hidden}.services-wrap:before{content:"";position:absolute;left:-5%;right:-5%;top:-46px;height:80px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}.section-head{max-width:670px;margin:0 auto 42px;text-align:center;position:relative}.section-head h2{font-size:40px}.section-head>p:last-child{color:var(--muted);font-size:16px;line-height:1.5;margin:16px 0 0}.services-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{min-height:278px;position:relative;padding:22px 20px 40px;background:rgba(255,255,255,.96);border-radius:12px;box-shadow:0 9px 22px rgba(53,99,141,.12);transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(32,93,152,.18)}.service-no{position:absolute;right:18px;top:17px;font-size:11px;color:#9bb4cf;font-weight:800}.service-icon{width:60px;height:60px;display:grid;place-items:center;margin-bottom:24px;border-radius:50%;color:#0759d8;background:radial-gradient(circle at 36% 30%,#fff,#dbeeff)}.service-icon .icon{width:31px;height:31px}.service h3{max-width:220px;margin:0 0 11px;font-size:17px;line-height:1.18;letter-spacing:-.5px}.service p{margin:0;color:#59627b;font-size:13px;line-height:1.43}.arrow{position:absolute;right:19px;bottom:15px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#0061d6;background:#e5f1ff;font-size:17px}.experience{display:grid;grid-template-columns:.85fr 1.15fr;min-height:510px;background:#071d5e;color:#fff}.experience-art{position:relative;overflow:hidden;background:radial-gradient(circle at 45% 46%,#2191ff,transparent 3%,transparent 20%),radial-gradient(circle at 67% 23%,#1b63d2,transparent 3%,transparent 28%),linear-gradient(135deg,#063c9f,#051a55 70%)}.experience-art:after{content:"";position:absolute;inset:12%;border:1px solid rgba(159,212,255,.34);border-radius:50%;box-shadow:0 0 0 42px rgba(63,159,255,.08),0 0 0 88px rgba(63,159,255,.05)}.experience-art span{position:absolute;color:#a6dbff;font:700 19px monospace;letter-spacing:5px;opacity:.7}.experience-art span:nth-child(1){top:24%;left:12%}.experience-art span:nth-child(2){top:48%;right:8%}.experience-art span:nth-child(3){bottom:19%;left:21%}.experience-copy{max-width:680px;padding:78px 9vw 70px 7vw}.experience-copy .eyebrow{color:#75c3ff!important}.experience h2{font-size:41px}.experience-copy>p:not(.eyebrow){color:#d2e4ff;font-size:15px;line-height:1.62;margin:20px 0 0}.experience-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.experience-points span{border:1px solid rgba(154,209,255,.55);border-radius:20px;padding:8px 12px;font-size:12px}.cta{max-width:1280px;margin:64px auto;padding:43px 50px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:linear-gradient(110deg,#0a5ce2,#0048c9);color:#fff}.cta .eyebrow{color:#9bd7ff!important}.cta h2{font-size:31px;margin:0 0 7px;letter-spacing:-1px}.cta p:not(.eyebrow){font-size:15px;line-height:1.35;margin:0}.cta a{display:flex;gap:9px;align-items:center;background:#fff;color:#0759d8;font-weight:700;padding:15px 21px;border-radius:6px;font-size:14px;white-space:nowrap}footer{color:#fff;background:linear-gradient(100deg,#073a9a,#003693);padding:42px max(36px,calc((100vw - 1336px)/2)) 18px}.footer-inner{display:grid;grid-template-columns:1.45fr 1.4fr .9fr 1.35fr;gap:38px}.footer-brand .brand i{width:40px;height:40px;font-size:29px}.footer-brand .brand b{font-size:23px}.footer-brand .brand em{font-size:13px;margin-bottom:4px}.footer-brand p{font-size:13px;line-height:1.35;margin:14px 0 26px}.footer-brand small{font-size:11px}.footer-links h3,.contact h3{font-size:13px;margin:0 0 10px}.footer-links a{display:block;font-size:12px;line-height:1.6}.contact p{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;margin:0 0 9px}.contact .icon{width:16px;height:16px;margin-top:1px}.legal{max-width:1336px;margin:22px auto 0;display:flex;justify-content:flex-end;gap:20px;font-size:11px}.legal span{width:1px;background:rgba(255,255,255,.8)}.to-top{position:fixed;z-index:32;right:24px;top:66vh;width:47px;height:47px;display:grid;place-items:center;border-radius:50%;font-size:26px;font-weight:700;color:#0759d8;background:#ffd900;box-shadow:0 8px 22px rgba(4,50,130,.24)}
@media(max-width:1020px){.nav{gap:25px}.hero h1{font-size:43px}.intro{grid-template-columns:1fr 2fr;gap:26px}.intro-note{grid-column:2}.services-grid{grid-template-columns:repeat(2,1fr)}.experience-copy{padding:60px 6vw}.footer-inner{grid-template-columns:1.5fr 1fr 1fr}.footer-brand{grid-row:span 2}.contact{grid-column:2/4}.hero-art{left:31%;opacity:.88}.cta{margin:45px 25px}}
@media(max-width:760px){body:has(.nav.open){overflow:hidden}.header{height:72px;isolation:isolate}.header.menu-active{background:#071b60}.header-inner{padding:0 18px}.brand i{width:38px;height:38px;font-size:28px}.brand b{font-size:23px}.brand em{font-size:12px;margin-bottom:4px}.top-contact{margin-left:auto;padding:11px 12px;font-size:11px}.top-contact .icon{width:17px}.hamburger{position:relative;z-index:1100;display:flex;margin-left:10px;width:46px;height:46px;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;border:1px solid rgba(135,206,255,.3);border-radius:7px;background:#071b60;cursor:pointer}.hamburger span{display:block;height:2px;width:22px;background:#fff;transition:transform .2s ease,opacity .2s ease}.hamburger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav{display:none}.nav.open{display:flex;position:fixed;inset:0;z-index:1000;margin:0;padding:calc(106px + env(safe-area-inset-top)) 28px calc(32px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-y:auto;overscroll-behavior:contain;background:#071b60;background-image:linear-gradient(145deg,#071b60 0%,#062d8d 100%);box-shadow:none}.nav.open a{display:block;padding:19px 2px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:clamp(25px,7vw,34px);font-weight:700;line-height:1.15}.nav.open .nav-contact{display:flex;align-items:center;justify-content:center;margin-top:32px;padding:19px 18px;gap:11px;border:0;border-radius:8px;color:#071439;background:#ffd900;font-size:18px;line-height:1.15;box-shadow:0 10px 24px rgba(0,0,0,.18)}.nav.open .nav-contact .icon{width:23px;height:23px}.hero{min-height:600px;background:linear-gradient(180deg,#fff 0%,#f7fcff 45%,#dcefff 100%)}.hero-copy{padding:52px 24px}.hero h1{font-size:clamp(36px,10vw,48px);line-height:1.06;letter-spacing:-1.9px}.hero p:not(.eyebrow){font-size:15px}.hero-art{left:0;top:auto;height:300px;background:linear-gradient(180deg,rgba(245,252,255,.96),rgba(240,250,255,.05) 38%),url('../qamaq-hero-art.png') center bottom/135% auto no-repeat;mix-blend-mode:normal}.intro{display:block;padding:52px 24px}.intro h2,.section-head h2{font-size:31px}.intro p{font-size:15px}.intro-label{padding:0 0 18px}.intro-note{padding:18px 0 0;border-left:0;border-top:2px solid #75b9ff;margin-top:25px}.services-wrap{padding:61px 18px 52px}.section-head{margin-bottom:27px}.services-grid{grid-template-columns:1fr 1fr;gap:11px}.service{min-height:245px;padding:16px 13px 36px}.service-icon{width:51px;height:51px;margin-bottom:17px}.service h3{font-size:15px}.service p{font-size:12px}.experience{grid-template-columns:1fr}.experience-art{height:220px}.experience-copy{padding:52px 24px}.experience h2{font-size:33px}.experience-copy>p:not(.eyebrow){font-size:14px}.cta{margin:0 18px 42px;padding:28px 22px;gap:20px;align-items:flex-start;flex-direction:column}.cta h2{font-size:28px}.cta a{width:100%;justify-content:center}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-brand p{margin-bottom:13px}.contact{grid-column:1/-1}.legal{justify-content:center;flex-wrap:wrap}.to-top{right:15px;top:69vh;width:45px;height:45px}}
@media(max-width:430px){.top-contact{font-size:0;padding:11px}.top-contact .icon{width:20px}.hero{min-height:635px}.services-grid{grid-template-columns:1fr}.service{min-height:175px}.service-icon{float:left;margin:0 12px 4px 0}.service h3{padding-top:8px}.service p{clear:both}.footer-inner{grid-template-columns:1fr}.footer-links{margin-top:2px}}

/* Mobile navigation is an isolated, opaque surface: page content can never show through it. */
@media(max-width:760px){
  .header{z-index:1100!important}
  .hamburger{z-index:1101!important}
  .nav.open{display:flex!important;position:fixed!important;inset:0!important;z-index:1000!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important;isolation:isolate}
  body:has(.nav.open) .to-top{display:none}
}

/* Independent mobile navigation surface — it is never constrained by the header. */
.desktop-nav{margin:0;display:flex;gap:clamp(28px,4vw,66px);align-items:center;justify-self:center;font-weight:600;white-space:nowrap}.desktop-nav a{font-size:15px}
@media(max-width:1020px){.desktop-nav{gap:25px}}
@media(max-width:760px){
  .desktop-nav{display:none}
  body:has(.mobile-menu){overflow:hidden}
  .mobile-menu{position:fixed!important;inset:0!important;z-index:10000!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:calc(108px + env(safe-area-inset-top)) 28px calc(32px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#071b60!important;background-image:linear-gradient(145deg,#071b60 0%,#062d8d 100%)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .mobile-menu{background:#fff!important;background-image:none!important}
  .mobile-menu a{display:block;padding:19px 2px;border-bottom:1px solid rgba(6,20,66,.16);color:#061442;font-size:clamp(25px,7vw,34px);font-weight:700;line-height:1.15}
  .mobile-menu .nav-contact{display:flex;align-items:center;justify-content:center;margin-top:32px;padding:19px 18px;gap:11px;border:0;border-radius:8px;color:#071439;background:#ffd900;font-size:18px;line-height:1.15;box-shadow:0 10px 24px rgba(0,0,0,.18)}
  .mobile-menu .nav-contact .icon{width:23px;height:23px}
  .header{position:sticky!important;z-index:10001!important;background:#fff!important}
  .hamburger{z-index:10002!important}
  body:has(.mobile-menu) .top-contact{visibility:hidden}
  body:has(.mobile-menu) .to-top{display:none!important}
}

/* Desktop header: three independent columns keep navigation exactly centered. */
@media(min-width:761px){
  .header-inner{width:100%;max-width:none;margin:0;padding:0 48px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
  .header-inner>a:first-child{justify-self:start}
  .desktop-nav{justify-self:center}
  .top-contact{justify-self:end}
}

/* A single desktop frame. Nothing inside the site is calculated from the
   physical monitor width, so the layout cannot stretch past 1240 px. */
@media(min-width:761px){
  :root{--qamaq-frame:1240px;--qamaq-inset:clamp(24px,3.87vw,48px)}
  body{background:#eef3f8}
  main#top{width:min(100%,var(--qamaq-frame));min-height:100vh;margin:0 auto;overflow-x:clip;background:#fff;box-shadow:0 0 32px rgba(7,20,57,.08)}
  .header-inner,.hero-copy,.intro{width:100%;max-width:none;padding-left:var(--qamaq-inset);padding-right:var(--qamaq-inset)}
  .services-wrap,footer{padding-left:var(--qamaq-inset);padding-right:var(--qamaq-inset)}
  .experience{padding-left:0;padding-right:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .experience-copy{padding:78px var(--qamaq-inset) 70px 64px}
  .cta{width:auto;max-width:none;margin-left:var(--qamaq-inset);margin-right:var(--qamaq-inset)}
  .footer-inner,.legal{width:100%;max-width:none}
}

@media(min-width:1241px){
  .to-top{right:calc((100vw - 1240px)/2 + 24px)}
}


/* Static package compatibility. */
svg.icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
  .mobile-menu[hidden]{display:none!important}
  .mobile-menu:not([hidden]){display:flex!important}
  body:has(.mobile-menu[hidden]){overflow:auto!important}
  body:has(.mobile-menu[hidden]) .top-contact{visibility:visible!important}
  body:has(.mobile-menu[hidden]) .to-top{display:grid!important}
  body:has(.mobile-menu:not([hidden])){overflow:hidden!important}
}