/* Nolonex.com.ng — enterprise corporate rebuild inspired by clean B2B tech/corporate sites */
:root{--navy:#071A2E;--blue:#003B71;--blue2:#0A4F93;--teal:#009B77;--teal2:#00A7B5;--gold:#B58A3A;--gold2:#D8BD78;--ink:#102A43;--muted:#5E7182;--line:#DCE6EC;--line2:#EEF3F6;--paper:#FFFFFF;--soft:#F5F8FA;--soft2:#EDF5F4;--shadow:0 22px 70px rgba(7,26,46,.10);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.topbar{background:var(--navy);color:#e9f3f6;font-size:.86rem}.topbar-inner{height:38px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar a{color:#fff;font-weight:750}.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line2)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{min-width:305px}.brand-logo{height:62px;width:auto;max-width:420px}.nav-menu{display:flex;align-items:center;gap:.25rem}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.35rem;padding:.82rem .9rem;border-radius:999px;color:#16324a;font-weight:780;font-size:.94rem}.nav-link:hover{background:var(--soft);color:var(--blue)}.nav-link:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.55;margin-top:-4px}.nav-item.simple .nav-link:after{display:none}.mega{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);width:760px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 90px rgba(7,26,46,.16);padding:1rem;display:grid;grid-template-columns:.92fr 1.08fr;gap:1rem;opacity:0;visibility:hidden;transition:.18s ease}.nav-item:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega-panel{border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:1.15rem;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}.mega-panel span{color:#bfe7de;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.mega-panel b{font-size:1.45rem;line-height:1.1;margin:.55rem 0}.mega-panel p{color:#d8e6ee;line-height:1.55;margin:0}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mega-link{border:1px solid var(--line2);border-radius:16px;padding:.85rem;background:#fff}.mega-link:hover{border-color:#c9d8e0;background:#f8fbfc}.mega-link b{display:block;color:var(--navy);font-size:.95rem;margin-bottom:.25rem}.mega-link span{color:var(--muted);font-size:.84rem;line-height:1.35}.actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border-radius:999px;padding:.92rem 1.15rem;font-weight:900;border:1px solid transparent;transition:.18s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 36px rgba(0,59,113,.18)}.btn-primary:hover{background:#052f5c}.btn-secondary{background:#fff;color:var(--blue);border-color:#bed1dc}.btn-secondary:hover{border-color:var(--blue)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#08192c}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.7rem .85rem;color:var(--navy);font-weight:850}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbfc 100%);border-bottom:1px solid var(--line2)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 8%,rgba(0,155,119,.13),transparent 25%),radial-gradient(circle at 18% 22%,rgba(181,138,58,.12),transparent 24%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:3rem;align-items:center;padding:5.7rem 0 5.8rem}.kicker{color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:950;margin-bottom:1rem}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.7rem,5.8vw,6.65rem);line-height:.92;letter-spacing:-.065em;color:var(--navy);margin-bottom:1.25rem}.hero h1 span{display:block;color:var(--blue)}.lead{font-size:1.18rem;line-height:1.72;color:#536B7C;max-width:680px;margin-bottom:1.45rem}.pills{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.2rem 0 1.6rem}.pill{border:1px solid #d4e0e7;background:#fff;color:#15334c;border-radius:999px;padding:.55rem .82rem;font-weight:830;font-size:.88rem;box-shadow:0 8px 22px rgba(7,26,46,.05)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.hero-visual{position:relative;border-radius:34px;background:#f7fbfc;box-shadow:var(--shadow);border:1px solid #d8e6ec;overflow:hidden;min-height:600px}.hero-visual .platform-svg{width:100%;height:100%;position:absolute;inset:0}.floating-proof{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.proof{background:rgba(255,255,255,.88);border:1px solid #dce8ee;border-radius:18px;padding:.9rem;backdrop-filter:blur(12px);box-shadow:0 14px 30px rgba(7,26,46,.08)}.proof b{display:block;color:var(--navy);font-size:.92rem;margin-bottom:.2rem}.proof span{color:var(--muted);font-size:.82rem;line-height:1.35}.logo-strip{padding:1.3rem 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:#fff}.logo-strip .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#748795;font-size:.92rem}.logo-cloud{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.mini-logo{border:1px solid var(--line2);border-radius:999px;padding:.48rem .72rem;background:#fafcfd;color:#486173;font-weight:820}.section{padding:5.5rem 0}.section.soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2{font-size:clamp(2.3rem,3.55vw,4.25rem);line-height:1;letter-spacing:-.05em;color:var(--navy);margin:0;max-width:800px}.section-head p{color:var(--muted);line-height:1.65;max-width:450px;margin:0}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.panel,.stat,.resource-card,.news-card{background:#fff;border:1px solid var(--line2);border-radius:26px;padding:1.35rem;box-shadow:0 14px 40px rgba(7,26,46,.06)}.card{position:relative;min-height:252px;overflow:hidden}.card:before{content:"";display:block;width:70px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal),var(--gold));margin-bottom:1.1rem}.card h3,.panel h3,.resource-card h3,.news-card h3{color:var(--navy);font-size:1.38rem;line-height:1.15;letter-spacing:-.02em;margin-bottom:.65rem}.card p,.panel p,.resource-card p,.news-card p{color:var(--muted);line-height:1.64}.card a.card-link{position:absolute;left:1.35rem;bottom:1.15rem;color:var(--blue);font-weight:900}.card:hover,.panel:hover,.resource-card:hover,.news-card:hover{border-color:#cddde5;box-shadow:0 22px 70px rgba(7,26,46,.10);transform:translateY(-2px)}.featured{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;align-items:stretch}.visual-card{position:relative;border-radius:30px;overflow:hidden;min-height:470px;border:1px solid var(--line);background:#f7fbfc;box-shadow:var(--shadow)}.visual-card svg{position:absolute;inset:0;width:100%;height:100%}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(7,26,46,.58))}.visual-content{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.5rem;color:#fff}.visual-content h3{font-size:1.8rem;letter-spacing:-.03em;margin-bottom:.35rem}.visual-content p{line-height:1.6;color:#e9f1f4;margin:0}.platform-band{background:var(--navy);color:#fff;border-radius:34px;padding:2rem;box-shadow:var(--shadow)}.platform-band h2{font-size:clamp(2.2rem,3.4vw,4rem);line-height:1;letter-spacing:-.045em;margin-bottom:1rem}.platform-band p{color:#d5e2e8;line-height:1.65;max-width:760px}.layer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:1.5rem}.layer{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1rem}.layer span{display:block;color:#bfe9dd;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:950;margin-bottom:.5rem}.layer b{font-size:1rem;line-height:1.25}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat b{display:block;font-size:2.1rem;color:var(--blue);margin-bottom:.25rem}.stat span{color:var(--muted);line-height:1.45}.news-card{min-height:230px}.meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:950;margin-bottom:.75rem}.cta{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:center;border-radius:34px;padding:2rem;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:var(--shadow)}.cta h2{font-size:clamp(2.2rem,3.4vw,3.9rem);line-height:1;letter-spacing:-.045em;margin-bottom:.8rem}.cta p{color:#d9e7ed;line-height:1.65}.cta .btn-secondary{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff}.page-hero{padding:5rem 0;background:linear-gradient(180deg,#fff,#f7fbfc);border-bottom:1px solid var(--line2);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 0,rgba(0,155,119,.11),transparent 24%),radial-gradient(circle at 12% 0,rgba(181,138,58,.10),transparent 24%)}.page-hero .container{position:relative}.breadcrumb{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-weight:950;font-size:.8rem;margin-bottom:1rem}.page-hero h1{font-size:clamp(3rem,5vw,5.7rem);line-height:.96;letter-spacing:-.055em;color:var(--navy);max-width:1000px;margin-bottom:1rem}.page-hero p{font-size:1.16rem;line-height:1.7;color:var(--muted);max-width:820px}.form{display:grid;gap:1rem}.field{display:grid;gap:.45rem}.field label{color:var(--navy);font-weight:850}.field input,.field textarea,.field select{width:100%;border:1px solid #cad9e1;background:#fff;border-radius:16px;padding:1rem;font:inherit;color:var(--navy)}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid rgba(0,155,119,.15);border-color:var(--teal)}.notice{display:none;border:1px solid rgba(0,155,119,.25);background:#eef9f6;color:#075b4b;border-radius:16px;padding:1rem}.contact-list{display:grid;gap:.8rem}.contact-list div{padding:1rem;border:1px solid var(--line2);border-radius:18px;background:#fff}.contact-list b{display:block;color:var(--navy);margin-bottom:.25rem}.tag-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.tag{border:1px solid #d9e4ea;border-radius:999px;padding:.35rem .6rem;color:#496071;font-weight:800;font-size:.8rem}.footer{background:#071A2E;color:#dbe6eb;padding:3.4rem 0 1.4rem}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:1.8rem}.footer-logo{height:70px;width:auto;max-width:420px;margin-bottom:1rem}.footer p,.footer a,.footer span{color:#b8c8d2;line-height:1.65}.footer h4{color:#fff;margin:0 0 .85rem}.footer-links{display:grid;gap:.55rem}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;color:#9fb2bf;font-size:.9rem}@media (max-width:1120px){.nav-menu,.actions{display:none}.menu-btn{display:block}.hero-grid,.featured,.cta{grid-template-columns:1fr}.hero-visual{min-height:560px}.grid-4,.layer-grid,.stats{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head p{margin-top:1rem}.footer-grid{grid-template-columns:1fr 1fr}.brand{min-width:0}.mobile-menu.open{display:grid;gap:.5rem;padding:1rem 0;border-top:1px solid var(--line2)}.mobile-menu a{padding:.95rem;border-radius:16px;background:#f7fbfc;color:var(--navy);font-weight:800}}@media (max-width:720px){.container{width:min(var(--max),calc(100% - 30px))}.topbar{display:none}.nav{height:78px}.brand-logo{height:52px;max-width:300px}.hero-grid{padding:3.3rem 0}.hero h1{font-size:clamp(3rem,13vw,4.4rem)}.page-hero h1{font-size:clamp(2.7rem,12vw,4.2rem)}.hero-visual{min-height:430px}.floating-proof{position:relative;left:auto;right:auto;bottom:auto;padding:1rem;grid-template-columns:1fr}.grid-2,.grid-3,.grid-4,.stats,.layer-grid{grid-template-columns:1fr}.section{padding:4rem 0}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.cta{display:block}.footer-logo{height:58px}}


/* =========================================================
   V4 CORPORATE COLOR + SWAG
   Cleaner enterprise website with colour depth: not too white,
   not neon, still premium for government and private sector.
   ========================================================= */
:root{
  --navy:#051B33;
  --blue:#042E60;
  --blue2:#0B5CAA;
  --blue3:#EAF4FF;
  --teal:#00A88F;
  --teal2:#55D5C4;
  --gold:#C7922B;
  --gold2:#E7C46F;
  --ink:#0A1C31;
  --muted:#526A7D;
  --soft:#F3F8FC;
  --soft2:#EAF7F4;
  --cream:#FFF7E8;
  --violet:#5147B8;
  --line:#D9E7EF;
  --shadow:0 24px 80px rgba(5,27,51,.13);
}
body.theme-v4{
  background:
    radial-gradient(circle at 10% -6%, rgba(0,168,143,.18), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(199,146,43,.18), transparent 24%),
    radial-gradient(circle at 64% 45%, rgba(11,92,170,.075), transparent 32%),
    linear-gradient(180deg,#F7FBFF 0%,#EEF7F4 36%,#F8FAFC 70%,#FFFFFF 100%) !important;
}
body.theme-v4:before{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(4,46,96,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4,46,96,.03) 1px, transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(180deg,black 0%,transparent 86%);
}
/* Top bar now has brand colour rather than plain corporate navy */
.topbar{
  background:linear-gradient(90deg,#051B33 0%,#042E60 42%,#007B73 70%,#C7922B 100%) !important;
  color:#fff !important;
}
.topbar a{color:#fff !important;}
.header{
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(4,46,96,.10)!important;
  box-shadow:0 16px 45px rgba(5,27,51,.10)!important;
}
.brand-logo{filter:drop-shadow(0 9px 22px rgba(4,46,96,.10))!important;}
.nav-link:hover{
  background:linear-gradient(135deg,rgba(4,46,96,.07),rgba(0,168,143,.08))!important;
  color:#042E60!important;
  border-color:rgba(0,168,143,.20)!important;
}
.btn-primary{
  background:linear-gradient(135deg,#042E60 0%,#0B5CAA 52%,#00A88F 100%)!important;
  box-shadow:0 16px 38px rgba(4,46,96,.18),0 0 0 1px rgba(255,255,255,.18) inset!important;
}
.btn-primary:hover{background:linear-gradient(135deg,#051B33 0%,#0B5CAA 48%,#00A88F 100%)!important;}
.btn-secondary{
  background:linear-gradient(135deg,#fff,#F3F8FC)!important;
  color:#042E60!important;
  border-color:rgba(4,46,96,.18)!important;
}
.btn-gold{
  background:linear-gradient(135deg,#C7922B,#E7C46F)!important;
  color:#071A2E!important;
}
.mega-panel{
  background:
    radial-gradient(circle at 85% 15%,rgba(0,168,143,.28),transparent 26%),
    linear-gradient(135deg,#051B33,#042E60 58%,#007B73)!important;
}
.mega-link:hover{
  background:linear-gradient(135deg,#F8FCFF,#EFFAF8)!important;
  border-color:rgba(0,168,143,.26)!important;
}
/* Hero becomes a colourful corporate canvas instead of mostly white */
.hero{
  background:
    linear-gradient(105deg,rgba(255,255,255,.96) 0%,rgba(244,250,255,.92) 44%,rgba(232,247,244,.92) 66%,rgba(255,247,232,.84) 100%),
    radial-gradient(circle at 86% 7%,rgba(0,168,143,.24),transparent 28%),
    radial-gradient(circle at 20% 16%,rgba(199,146,43,.18),transparent 22%),
    linear-gradient(180deg,#FFFFFF,#EEF7F4)!important;
  border-bottom:1px solid rgba(4,46,96,.08)!important;
}
.hero:before{
  background:
    radial-gradient(circle at 82% 16%,rgba(0,168,143,.18),transparent 24%),
    radial-gradient(circle at 15% 30%,rgba(199,146,43,.15),transparent 22%),
    linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.16))!important;
}
.hero:after{
  content:"";
  position:absolute;
  right:-120px;top:70px;
  width:420px;height:420px;border-radius:50%;
  background:conic-gradient(from 180deg,rgba(4,46,96,.20),rgba(0,168,143,.34),rgba(199,146,43,.26),rgba(4,46,96,.20));
  filter:blur(8px);
  opacity:.62;
  pointer-events:none;
}
.hero-grid{position:relative;z-index:2;}
.kicker{color:#B37A17!important;}
.hero h1{color:#051B33!important;}
.hero h1 span{
  color:#042E60!important;
  background:linear-gradient(90deg,#042E60 0%,#0B5CAA 48%,#00A88F 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.lead{color:#415A6F!important;}
.pill{
  background:linear-gradient(135deg,#FFFFFF,#EFFAF8)!important;
  border:1px solid rgba(0,168,143,.20)!important;
  color:#073356!important;
  box-shadow:0 10px 24px rgba(5,27,51,.07)!important;
}
.hero-visual{
  border:1px solid rgba(0,168,143,.22)!important;
  background:linear-gradient(135deg,#EAF4FF,#EEF7F4)!important;
  box-shadow:0 32px 90px rgba(4,46,96,.16),0 18px 55px rgba(0,168,143,.10)!important;
}
.hero-visual:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(4,46,96,.07),rgba(0,168,143,.08),rgba(199,146,43,.055));
  z-index:1;pointer-events:none;
}
.hero-visual svg{z-index:0;}
.floating-proof{z-index:3!important;}
.proof{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(0,168,143,.16)!important;
  box-shadow:0 18px 34px rgba(5,27,51,.10)!important;
}
.proof b{color:#051B33!important;}
.logo-strip{
  background:linear-gradient(90deg,#FFFFFF,#F0FAF7,#FFF7E8)!important;
  border-top:1px solid rgba(4,46,96,.08)!important;
  border-bottom:1px solid rgba(4,46,96,.08)!important;
}
.mini-logo{
  background:#fff!important;
  border-color:rgba(0,168,143,.18)!important;
  color:#042E60!important;
  box-shadow:0 8px 22px rgba(5,27,51,.06)!important;
}
/* Alternating sections carry colour blocks */
.section{background:transparent!important;}
.section.soft{
  background:
    radial-gradient(circle at 10% 10%,rgba(0,168,143,.09),transparent 25%),
    radial-gradient(circle at 92% 16%,rgba(199,146,43,.12),transparent 24%),
    linear-gradient(135deg,#EFF6FF 0%,#EEF8F4 58%,#FFF7E8 100%)!important;
}
.section:nth-of-type(odd):not(.soft){
  background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(243,248,252,.72))!important;
}
.section-head h2{color:#051B33!important;}
.section-head p{color:#4E6679!important;}
.card,.panel,.stat,.resource-card,.news-card{
  background:linear-gradient(180deg,#FFFFFF 0%,#F9FCFE 100%)!important;
  border:1px solid rgba(4,46,96,.08)!important;
  box-shadow:0 18px 55px rgba(5,27,51,.08)!important;
}
.card:before{
  height:5px!important;
  background:linear-gradient(90deg,#042E60,#0B5CAA,#00A88F,#C7922B)!important;
}
.card:nth-child(2n):before{background:linear-gradient(90deg,#00A88F,#0B5CAA)!important;}
.card:nth-child(3n):before{background:linear-gradient(90deg,#C7922B,#00A88F)!important;}
.card:nth-child(4n):before{background:linear-gradient(90deg,#5147B8,#0B5CAA,#00A88F)!important;}
.card:hover,.panel:hover,.resource-card:hover,.news-card:hover{
  border-color:rgba(0,168,143,.30)!important;
  box-shadow:0 28px 82px rgba(5,27,51,.13),0 0 44px rgba(0,168,143,.08)!important;
}
.visual-card{
  border-color:rgba(0,168,143,.18)!important;
  box-shadow:0 24px 74px rgba(5,27,51,.13)!important;
}
/* The platform band gets Cato-like impact */
.platform-band{
  background:
    radial-gradient(circle at 85% 12%,rgba(0,168,143,.32),transparent 27%),
    radial-gradient(circle at 8% 80%,rgba(199,146,43,.20),transparent 30%),
    linear-gradient(135deg,#051B33 0%,#042E60 48%,#007B73 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.layer{
  background:rgba(255,255,255,.115)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.layer span{color:#BFF2E8!important;}
.stats .stat,.stat{
  background:linear-gradient(180deg,#FFFFFF,#F6FBFC)!important;
}
.stat b{color:#042E60!important;}
.news-card{position:relative;overflow:hidden;}
.news-card:after{
  content:"";position:absolute;right:-40px;top:-40px;width:125px;height:125px;border-radius:50%;
  background:linear-gradient(135deg,rgba(0,168,143,.12),rgba(199,146,43,.13));
}
/* Page heroes: add colour and executive polish */
.page-hero{
  background:
    radial-gradient(circle at 82% 4%,rgba(0,168,143,.19),transparent 24%),
    radial-gradient(circle at 12% 20%,rgba(199,146,43,.16),transparent 24%),
    linear-gradient(135deg,#FFFFFF 0%,#F1F8FF 48%,#EEF8F4 100%)!important;
  border-bottom:1px solid rgba(4,46,96,.08)!important;
}
.page-hero:before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.45),rgba(255,255,255,.75)),
    linear-gradient(135deg,rgba(4,46,96,.045),rgba(0,168,143,.055))!important;
}
.page-hero h1{color:#051B33!important;}
.page-hero p{color:#4C6375!important;}
.breadcrumb{color:#B37A17!important;}
/* Contact and forms */
.field input,.field textarea,.field select{
  border-color:rgba(4,46,96,.15)!important;
  box-shadow:0 12px 30px rgba(5,27,51,.06)!important;
}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:4px solid rgba(0,168,143,.14)!important;
  border-color:#00A88F!important;
}
.contact-list div{
  background:linear-gradient(180deg,#fff,#F8FCFE)!important;
  border-color:rgba(4,46,96,.08)!important;
}
.cta{
  background:
    radial-gradient(circle at 90% 20%,rgba(0,168,143,.25),transparent 28%),
    radial-gradient(circle at 20% 80%,rgba(199,146,43,.22),transparent 30%),
    linear-gradient(135deg,#051B33,#042E60 55%,#007B73 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 90px rgba(4,46,96,.18)!important;
}
.footer{
  background:
    radial-gradient(circle at 85% 10%,rgba(0,168,143,.20),transparent 26%),
    linear-gradient(135deg,#051B33 0%,#042E60 70%,#033A48 100%)!important;
}
.footer h4{color:#FFFFFF!important;}
.footer a:hover{color:#fff!important;}
/* Mobile friendliness */
@media (max-width:1120px){
  .mobile-menu.open{background:linear-gradient(180deg,#fff,#F3F8FC)!important;}
}


/* =========================================================
   V5 ELEGANT LOGO + MOTION + HERO SPACE FIX
   More refined logo handling, moving top messages, richer hero visual.
   ========================================================= */
body.theme-v5{
  background:
    radial-gradient(circle at 8% -8%,rgba(0,168,143,.18),transparent 30%),
    radial-gradient(circle at 88% 2%,rgba(199,146,43,.20),transparent 24%),
    radial-gradient(circle at 58% 42%,rgba(11,92,170,.09),transparent 34%),
    linear-gradient(180deg,#F8FCFF 0%,#EEF7F5 38%,#F7FAFC 72%,#FFFFFF 100%) !important;
}
/* Elegant larger logo placement */
.brand{min-width:370px!important;display:flex;align-items:center!important;}
.brand-logo{height:70px!important;max-width:500px!important;object-fit:contain!important;filter:drop-shadow(0 11px 26px rgba(4,46,96,.11))!important;}
.footer-logo{height:72px!important;max-width:460px!important;width:auto!important;}
/* Top ticker / moving tail messages */
.topbar-marquee{height:42px!important;overflow:hidden!important;background:linear-gradient(90deg,#051B33 0%,#042E60 38%,#007B73 70%,#C7922B 100%)!important;color:#fff!important;border-bottom:none!important;display:flex!important;align-items:center!important;}
.ticker-track{display:flex!important;gap:0!important;width:max-content!important;white-space:nowrap!important;animation:nxTicker 38s linear infinite!important;will-change:transform!important;}
.ticker-track span{display:inline-flex!important;align-items:center!important;gap:.55rem!important;padding:0 1.25rem!important;font-size:.87rem!important;font-weight:780!important;letter-spacing:.01em!important;}
.ticker-track span:before{content:"";width:7px;height:7px;border-radius:50%;background:#E7C46F;box-shadow:0 0 14px rgba(255,255,255,.35);}
@keyframes nxTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.topbar-inner{display:none!important;}
/* Hero: use empty space above Assess/Architect/Operate */
.hero-visual{min-height:640px!important;isolation:isolate!important;}
.hero-command-panel{position:absolute;top:28px;left:28px;right:28px;z-index:3;background:rgba(255,255,255,.90);backdrop-filter:blur(16px);border:1px solid rgba(4,46,96,.10);border-radius:24px;padding:1.15rem;box-shadow:0 24px 65px rgba(5,27,51,.14);}
.command-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem;}
.command-header span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#B37A17;font-weight:950;}
.command-header b{font-size:1.14rem;color:#051B33;letter-spacing:-.02em;}
.command-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;}
.command-metrics div{border-radius:18px;background:linear-gradient(180deg,#FFFFFF,#F3FAFC);border:1px solid rgba(0,168,143,.15);padding:.8rem;}
.command-metrics strong{display:block;color:#042E60;font-size:1.05rem;line-height:1.1;margin-bottom:.22rem;}
.command-metrics small{color:#526A7D;font-weight:760;}
.command-flow{display:grid;grid-template-columns:1.25fr .85fr 1.1fr .7fr 1fr;gap:.45rem;margin-top:.9rem;}
.command-flow i{height:7px;border-radius:99px;background:linear-gradient(90deg,#042E60,#0B5CAA,#00A88F,#C7922B);box-shadow:0 8px 20px rgba(4,46,96,.13);}
.floating-proof{z-index:4!important;left:24px!important;right:24px!important;bottom:24px!important;}
.proof{padding:1rem!important;}
.proof b{font-size:1rem!important;}
.proof span{font-size:.86rem!important;}
/* Give the platform illustration breathing room around overlays */
.hero-visual .platform-svg{transform:scale(.96) translateY(22px);transform-origin:center center;opacity:.95;}
/* More premium navigation */
.header{background:rgba(255,255,255,.92)!important;box-shadow:0 18px 50px rgba(5,27,51,.10)!important;}
.nav-link{font-weight:840!important;}
.nav-link:hover{box-shadow:0 10px 28px rgba(5,27,51,.07)!important;}
/* Internal pages colour balance */
.page-hero{background:radial-gradient(circle at 82% 4%,rgba(0,168,143,.20),transparent 24%),radial-gradient(circle at 12% 20%,rgba(199,146,43,.18),transparent 24%),linear-gradient(135deg,#FFFFFF 0%,#EEF8FF 48%,#EEF8F4 100%)!important;}
.page-hero h1{color:#051B33!important;}
.card,.panel,.stat,.resource-card,.news-card{border-color:rgba(4,46,96,.09)!important;}
.card h3,.panel h3,.news-card h3,.resource-card h3{color:#051B33!important;}
/* CTA and footer retained corporate colour with polish */
.cta{box-shadow:0 34px 95px rgba(4,46,96,.20)!important;}
.footer{background:radial-gradient(circle at 86% 8%,rgba(0,168,143,.20),transparent 26%),linear-gradient(135deg,#051B33 0%,#042E60 68%,#033A48 100%)!important;}
@media(max-width:1120px){.brand-logo{height:60px!important;max-width:330px!important}.brand{min-width:0!important}.hero-command-panel{position:relative;top:auto;left:auto;right:auto;margin:1rem;}.hero-visual .platform-svg{position:absolute;inset:0;transform:scale(1.02);}.floating-proof{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:1rem!important;margin-top:0!important;}}
@media(max-width:720px){.topbar-marquee{height:38px!important}.ticker-track span{font-size:.78rem;padding:0 .95rem!important}.brand-logo{height:52px!important}.command-metrics{grid-template-columns:repeat(2,1fr)}.command-header{display:block}.hero-visual{min-height:520px!important}.floating-proof{grid-template-columns:1fr!important}.hero-command-panel{margin:.85rem;padding:1rem}.footer-logo{height:58px!important;}}

/* V6 image refresh: crisp, locally hosted African technology imagery */
.page-home .hero-visual{
  background-color:#071A2E!important;
  background-image:
    linear-gradient(90deg,rgba(5,27,51,.78) 0%,rgba(4,46,96,.32) 46%,rgba(5,27,51,.08) 100%),
    url("/assets/img/people/african-cyber-infrastructure.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.page-home .hero-visual:before{
  background:linear-gradient(180deg,rgba(5,27,51,.04) 35%,rgba(5,27,51,.66) 100%)!important;
}
.page-home .hero-visual .platform-svg{display:none!important;}
.page-home .hero-command-panel{
  top:24px!important;
  left:24px!important;
  right:auto!important;
  width:min(72%,440px)!important;
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(255,255,255,.56)!important;
  box-shadow:0 28px 74px rgba(5,27,51,.24)!important;
}

.page-home .featured .visual-card,
.page-industries .visual-card{
  background-color:#071A2E!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  image-rendering:auto;
}
.page-home .featured .visual-card{
  background-image:url("/assets/img/people/african-leadership-meeting.webp")!important;
  background-position:center 58%!important;
}
.page-home .featured .visual-card svg,
.page-industries .visual-card svg{display:none!important;}
.page-home .featured .visual-card:after,
.page-industries .visual-card:after{
  background:linear-gradient(180deg,rgba(5,27,51,.02) 30%,rgba(5,27,51,.88) 100%)!important;
}

.page-industries .visual-card:nth-child(1){
  background-image:url("/assets/img/people/african-leadership-meeting.webp")!important;
  background-position:center 58%!important;
}
.page-industries .visual-card:nth-child(2){
  background-image:url("/assets/img/people/hero-african-tech-team.webp")!important;
  background-position:center 66%!important;
}
.page-industries .visual-card:nth-child(3){
  background-image:url("/assets/img/people/african-cyber-infrastructure.webp")!important;
  background-position:center!important;
}
.page-industries .visual-card:nth-child(4){
  background-image:url("/assets/img/people/african-leadership-meeting.webp")!important;
  background-position:center 58%!important;
}
.page-industries .visual-card:nth-child(5){
  background-image:url("/assets/img/people/african-industrial-engineer.webp")!important;
  background-position:center 36%!important;
}
.page-industries .visual-card:nth-child(6){
  background-image:url("/assets/img/people/hero-african-tech-team.webp")!important;
  background-position:center 66%!important;
}

@media(max-width:1120px){
  .page-home .hero-command-panel{top:auto!important;left:auto!important;right:auto!important;width:auto!important;}
  .page-home .hero-visual{background-position:60% center!important;}
}
@media(max-width:720px){
  .page-home .hero-visual{background-position:64% center!important;}
}


/* V7 elevated global logo system */
.brand img,
.brand-logo,
.header .logo img,
.footer img[src*="logo"],
.footer-logo {
  object-fit: contain !important;
}

.brand img,
.brand-logo,
.header .logo img {
  height: 64px !important;
  max-width: 430px !important;
}

.footer img[src*="logo"],
.footer-logo {
  height: 70px !important;
  max-width: 460px !important;
  width: auto !important;
}

.header, .nav, .brand {
  overflow: visible !important;
}

@media (max-width: 760px) {
  .brand img,
  .brand-logo,
  .header .logo img {
    height: 52px !important;
    max-width: 300px !important;
  }
}


/* V8 official attached NX logo lockup */
.brand,
.header .brand {
  display: flex !important;
  align-items: center !important;
  min-width: 330px !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
.brand img,
.brand-logo,
.header .logo img {
  height: 70px !important;
  max-width: 390px !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
}
.footer img[src*="logo"],
.footer-logo {
  height: 78px !important;
  max-width: 460px !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.header,
.nav {
  overflow: visible !important;
}
@media (max-width: 1120px) {
  .brand, .header .brand { min-width: 260px !important; }
  .brand img, .brand-logo, .header .logo img { height: 62px !important; max-width: 330px !important; }
}
@media (max-width: 760px) {
  .brand, .header .brand { min-width: 0 !important; }
  .brand img, .brand-logo, .header .logo img { height: 54px !important; max-width: 286px !important; }
  .footer img[src*="logo"], .footer-logo { height: 64px !important; max-width: 330px !important; }
}