:root{--bg:#071522;--bg2:#091b2b;--card:#0d2133;--line:#21394d;--text:#f4f7fa;--muted:#9eb0bf;--blue:#48a7ef;--blue2:#167fd1;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 10%,rgba(44,128,193,.12),transparent 28%),radial-gradient(circle at 20% 80%,rgba(35,116,180,.08),transparent 24%);pointer-events:none;z-index:-1}.site-header{height:104px;max-width:var(--max);margin:auto;padding:14px 24px;display:flex;align-items:center;gap:34px;position:relative;z-index:10}.brand{margin-right:auto}.brand img,footer img{width:205px;height:68px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:24px}.site-header nav a,.text-link{color:#dfe8ef;text-decoration:none;font-size:14px}.site-header nav a:hover,.text-link:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;text-decoration:none;border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:14px 20px;font-weight:700;box-shadow:0 12px 28px rgba(20,117,190,.22)}.btn.small{padding:11px 15px;font-size:13px}.btn.ghost{background:transparent;border-color:#60778a;box-shadow:none}.section-pad{max-width:var(--max);margin:auto;padding:82px 24px}  .hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--blue);font-weight:800}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.06;margin:16px 0 22px;letter-spacing:-.045em}.hero h1 span{color:var(--blue)}.lead{font-size:18px;color:#c3cfda;max-width:700px}.pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px 0}.pill-grid div{border-right:1px solid var(--line);padding:4px 12px 4px 0;display:flex;flex-direction:column;gap:7px;font-size:13px}.pill-grid b{color:var(--blue);font-size:25px}.hero-actions{display:flex;align-items:center;gap:28px}.hero-art{height:500px;position:relative;overflow:hidden;background:radial-gradient(circle at 60% 45%,#163855 0,#091a29 38%,transparent 68%);border-radius:24px}.chip{position:absolute;right:9%;top:24%;width:72%;aspect-ratio:1.45;background:linear-gradient(145deg,#183956,#07121d);border:1px solid #35546c;border-radius:22px;transform:rotate(-7deg);box-shadow:0 38px 70px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:.45em}.chip:before,.chip:after{content:"";position:absolute;inset:-14px;border:2px dashed #31485a;border-radius:25px}.chip span{font-size:30px}.chip small{color:var(--blue);letter-spacing:.6em}.trace{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);width:60%;opacity:.5}.t1{top:18%;left:0}.t2{top:65%;right:0}.t3{bottom:13%;left:15%}.section-heading{text-align:center;max-width:780px;margin:0 auto 48px}.section-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:10px 0}.section-heading p:last-child{color:var(--muted)}.production{border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative}.steps:before{content:"";position:absolute;top:64px;left:7%;right:7%;height:1px;background:#35516a}.steps article{text-align:center;position:relative}.steps i{font-style:normal;color:var(--blue);font-size:12px}.icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:12px auto 18px;background:linear-gradient(145deg,#2a95e2,#175d96);font-size:25px;box-shadow:0 0 0 8px var(--bg)}.steps h3{font-size:15px}.steps p{font-size:12px;color:var(--muted)}.callout{border:1px solid #2e5879;background:#0b2031;padding:22px 28px;border-radius:6px;text-align:center;margin-top:42px;color:#c9d8e3}.sector-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.sector-grid article{background:linear-gradient(180deg,rgba(18,43,64,.8),rgba(8,23,36,.8));border:1px solid #294256;border-radius:6px;padding:24px 18px;min-height:220px}.sector-grid b{font-size:31px;color:var(--blue)}.sector-grid h3{font-size:16px}.sector-grid p{font-size:13px;color:var(--muted)}.logos-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.logo-grid a{height:118px;border:1px solid #294256;border-radius:7px;background:#0b1d2c;display:flex;align-items:center;justify-content:center;gap:14px;color:#e5edf3;text-decoration:none;font-size:20px;font-weight:700;transition:.25s}.logo-grid a:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 18px 30px rgba(0,0,0,.22)}.logo-grid img{width:48px;height:48px;object-fit:contain;border-radius:9px;background:white;padding:5px}.metrics{padding-top:70px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#0c2031;border:1px solid #274156;border-radius:8px}.metric-grid div{padding:35px;text-align:center;border-right:1px solid #274156}.metric-grid div:last-child{border:0}.metric-grid strong{display:block;font-size:46px;color:var(--blue)}.metric-grid strong:after{content:"+"}.metric-grid div:nth-child(2) strong:after,.metric-grid div:nth-child(3) strong:after{content:"%"}.metric-grid span{font-size:13px;color:var(--muted)}.contact-card{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center;background:linear-gradient(135deg,#0e263a,#0a1b2a);border:1px solid #2a455a;padding:44px;border-radius:10px}.contact-card h2{font-size:36px;line-height:1.2;margin:12px 0}.contact-card p{color:var(--muted)}.contact-actions{display:flex;flex-direction:column;gap:14px}footer{max-width:var(--max);margin:auto;padding:22px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-art{height:400px}.steps,.sector-grid{grid-template-columns:repeat(3,1fr)}.steps:before{display:none}.logo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.site-header{height:74px}.brand img{width:120px}.site-header .small{display:none}.section-pad{padding:58px 18px}.hero{padding-top:35px}.hero h1{font-size:40px}.pill-grid{grid-template-columns:repeat(2,1fr)}.steps,.sector-grid{grid-template-columns:1fr}.logo-grid,.metric-grid,.contact-card{grid-template-columns:1fr}.metric-grid div{border-right:0;border-bottom:1px solid #274156}.hero-art{height:300px}.contact-card{padding:28px}.contact-card h2{font-size:28px}}

/* Local hero image, enlarged branding and profile section */
.hero-art{height:500px;position:relative;overflow:hidden;border-radius:24px;background:#071522;border:1px solid rgba(72,167,239,.16)}
.hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.about{padding-top:34px;padding-bottom:34px}
.about-card{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:52px;align-items:center;background:linear-gradient(135deg,#0e263a,#091a29);border:1px solid #29465d;border-radius:16px;padding:34px}
.about-photo{min-height:390px;border-radius:12px;overflow:hidden;background:#0a1b2a}
.about-photo img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover;object-position:center 22%}
.about-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:10px 0 20px}
.about-copy p{color:#b7c6d2;font-size:17px;max-width:720px}
.about-copy .text-link{display:inline-block;margin-top:10px;color:var(--blue);font-weight:700}
.logo-grid img{width:132px;height:58px;object-fit:contain;border-radius:0;background:transparent;padding:0}
.logo-grid a{flex-direction:column;gap:8px}
.logo-grid a span{font-size:13px;color:#91a6b6;font-weight:600}
@media(max-width:980px){.about-card{grid-template-columns:1fr}.about-photo{max-height:520px}.brand img{width:180px}}
@media(max-width:640px){.site-header{height:84px}.brand img{width:155px;height:58px}.about-card{padding:18px;gap:24px}.about-photo,.about-photo img{min-height:320px}.hero-art{height:280px}.logo-grid img{width:110px;height:48px}}

/* Final visual refinements */
:root{--max:1500px}
.site-header{height:154px;padding-top:18px;padding-bottom:18px}
.brand img{width:512px;height:118px;max-width:38vw}
footer img{width:220px;height:70px}
.site-header nav{gap:22px}

.hero{
    position:relative;
    overflow:hidden;
    min-height:720px;

    display:flex;
    align-items:center;
}

.hero-background{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}

.hero-image{
    position:absolute;
    right:-260px;
    top:-40px;
    width:78%;
    height:auto;
    object-fit:contain;
    transform:scale(1.15);
    filter:
        brightness(.78)
        contrast(1.1);
}

.hero-copy{
    position:relative;
    z-index:3;
    width:610px;
}

.hero::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:

        linear-gradient(
            90deg,

            #071522 0%,

            rgba(7,21,34,.98) 22%,

            rgba(7,21,34,.93) 34%,

            rgba(7,21,34,.55) 50%,

            rgba(7,21,34,.08) 70%,

            rgba(7,21,34,.30) 100%
        ),

        linear-gradient(
            180deg,

            rgba(7,21,34,.65),

            transparent 18%,

            transparent 78%,

            rgba(7,21,34,.9)
        );

}

.hero-art{height:620px;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.42)}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,34,.2),transparent 45%),linear-gradient(180deg,transparent 70%,rgba(7,21,34,.25));pointer-events:none}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.12);filter:blur(2px) saturate(1.08) contrast(1.03)}
.logo-grid{gap:14px}
.logo-grid a{height:126px;background:linear-gradient(180deg,rgba(14,35,53,.92),rgba(8,24,37,.92));border-color:#263f53;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.logo-grid img{width:160px;height:54px;filter:grayscale(1) brightness(1.9) contrast(.9);opacity:.82;transition:.25s ease}
.logo-grid a:hover img{filter:grayscale(0) brightness(1.15) contrast(1);opacity:1;transform:scale(1.04)}
.logo-grid a span{color:#8299aa;letter-spacing:.04em}
.sector-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(72,167,239,.38);border-radius:14px;background:linear-gradient(145deg,rgba(72,167,239,.14),rgba(22,127,209,.035));color:var(--blue);margin-bottom:18px}
.sector-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sector-grid article{padding-top:22px}
@media(max-width:1180px){.brand img{width:370px;max-width:35vw}.site-header{height:130px}.site-header nav{gap:15px}.site-header nav a{font-size:13px}.hero-art{height:540px}}
@media(max-width:980px){.site-header{height:116px}.brand img{width:330px;max-width:70vw;height:90px}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{height:500px}.logo-grid img{width:145px}}
@media(max-width:640px){.site-header{height:102px}.brand img{width:285px;max-width:76vw;height:78px}.hero-art{height:340px;border-radius:20px}.hero-art img{transform:scale(1.16);filter:blur(1.5px) saturate(1.08)}.logo-grid img{width:135px;height:48px}.sector-icon{width:54px;height:54px}}

/* Upload-ready refinements: clear blended hero, unified logo wall and larger navigation */
.site-header nav{
  gap:30px;
  padding:10px 18px;
  border:1px solid rgba(72,167,239,.12);
  border-radius:999px;
  background:rgba(8,25,39,.58);
  backdrop-filter:blur(14px);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 35px rgba(0,0,0,.16)
}
.site-header nav a{
  position:relative;
  padding:9px 3px;
  font-size:16px;
  font-weight:600;
  letter-spacing:.01em
}
.site-header nav a:after{
  content:"";
  position:absolute;
  left:50%;right:50%;bottom:2px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--blue),#79c5ff);
  transition:.22s ease
}
.site-header nav a:hover:after{left:0;right:0}
.site-header .btn.small{font-size:15px;padding:13px 18px;border-radius:8px}
.hero-art{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  isolation:isolate
}
.hero-art:before{
  content:"";
  position:absolute;
  inset:-7%;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--bg) 0%,transparent 14%,transparent 86%,var(--bg) 100%),
    linear-gradient(180deg,var(--bg) 0%,transparent 13%,transparent 82%,var(--bg) 100%);
}
.hero-art:after{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:2;
  pointer-events:none;
  box-shadow:inset 0 0 70px 48px var(--bg)
}
.hero-art img{
  position:absolute;
  inset:-5%;
  width:110%;
  height:110%;
  object-fit:cover;
  object-position:center;
  transform:none;
  filter:saturate(1.08) contrast(1.05) brightness(.96);
  border-radius:0
}
.logo-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px
}
.logo-grid a{
  height:108px;
  padding:22px 24px;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(13,34,52,.86),rgba(8,23,36,.88));
  border:1px solid rgba(91,128,154,.28);
  overflow:hidden
}
.logo-grid img{
  width:100%;
  max-width:190px;
  height:58px;
  object-fit:contain;
  filter:grayscale(1) brightness(1.85) contrast(.78) sepia(.08) hue-rotate(162deg) saturate(.6);
  opacity:.84;
  transition:transform .25s ease,filter .25s ease,opacity .25s ease
}
.logo-grid a:hover{
  transform:translateY(-5px);
  border-color:rgba(72,167,239,.78);
  background:linear-gradient(180deg,rgba(19,49,74,.94),rgba(9,28,43,.95));
  box-shadow:0 20px 42px rgba(0,0,0,.3),0 0 0 1px rgba(72,167,239,.12) inset
}
.logo-grid a:hover img{
  transform:scale(1.055);
  filter:grayscale(1) brightness(2.2) contrast(.86) sepia(.15) hue-rotate(162deg) saturate(.85);
  opacity:1
}
@media(max-width:1180px){
  .site-header nav{gap:19px;padding:8px 13px}
  .site-header nav a{font-size:14px}
}
@media(max-width:980px){
  .hero-art{overflow:hidden;border-radius:22px}
  .hero-art:before{inset:0;background:linear-gradient(90deg,var(--bg),transparent 16%,transparent 84%,var(--bg)),linear-gradient(180deg,var(--bg),transparent 12%,transparent 84%,var(--bg))}
  .hero-art:after{inset:0;box-shadow:inset 0 0 46px 28px var(--bg)}
  .hero-art img{inset:0;width:100%;height:100%}
}
@media(max-width:640px){
  .logo-grid{grid-template-columns:1fr 1fr}
  .logo-grid a{height:88px;padding:16px}
  .logo-grid img{height:46px;max-width:145px}
}