:root{
  --bg-1:#041325;
  --bg-2:#03122a;
  --bg-3:#020916;
  --line:rgba(44,171,224,.34);
  --line-soft:rgba(44,171,224,.22);
  --text:#e7eef9;
  --muted:#a7b8cf;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  overflow-x:hidden;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 0% 8%, rgba(16,114,152,.65), transparent 18%),
    radial-gradient(circle at 100% 92%, rgba(0,61,128,.32), transparent 16%),
    linear-gradient(90deg, #03162c 0%, #020918 42%, #03162c 100%);
}

.scale-wrap{
  width:125%;
  transform:scale(0.8);
  transform-origin:top left;
}

.page-shell{
  width:min(1220px, calc(100% - 36px));
  margin:22px auto 28px;
}

.topbar{
  display:flex;
  align-items:center;
  gap:24px;
  min-height:138px;
  padding:18px 34px;
  border:2px solid var(--line-soft);
  border-radius:30px;
  background:linear-gradient(90deg, rgba(5,22,48,.98), rgba(2,9,24,.96));
  box-shadow: inset 0 0 0 1px rgba(129,212,250,.04), 0 20px 70px rgba(0,0,0,.20);
}

.brand-mark-wrap{
  width:100px;
  height:100px;
  border-radius:28px;
  border:2px solid var(--line);
  background:radial-gradient(circle at 50% 35%, rgba(11,41,74,.95), rgba(7,24,50,.98));
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.brand-mark{width:58px;height:58px}

.wordmark{
  font-size:19px;
  line-height:1;
  font-weight:800;
  letter-spacing:.28em;
  margin-bottom:10px;
}

.strapline{
  color:var(--muted);
  font-size:18px;
  line-height:1.45;
}

.hero-card{
  margin-top:34px;
  padding:64px 64px 66px;
  border:2px solid var(--line-soft);
  border-radius:42px;
  background:linear-gradient(180deg, rgba(4,24,54,.97), rgba(2,16,40,.98));
  box-shadow: inset 0 0 0 1px rgba(129,212,250,.035), 0 18px 60px rgba(0,0,0,.22);
}

h1{
  margin:0;
  max-width:1080px;
  font-weight:800;
  font-size:clamp(44px, 6vw, 86px);
  line-height:.96;
  letter-spacing:-.06em;
}

.lead{
  max-width:1100px;
  margin:34px 0 0;
  color:var(--muted);
  font-size:21px;
  line-height:1.62;
}

.industry-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
  margin-top:40px;
}

.industry-card{
  min-height:178px;
  padding:30px 30px 28px;
  border-radius:28px;
  border:2px solid var(--line-soft);
  background:linear-gradient(180deg, rgba(3,17,42,.76), rgba(3,14,34,.82));
}

.industry-card h2{
  margin:0 0 16px;
  font-size:24px;
  line-height:1.18;
  font-weight:750;
  letter-spacing:-.03em;
}

.industry-card p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.52;
}

@media (max-width: 980px){
  .scale-wrap{width:100%; transform:none}
  .page-shell{width:min(100% - 24px, 1220px)}
  .topbar{padding:18px 22px}
  .hero-card{padding:40px 24px}
  .industry-grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 680px){
  .topbar{flex-direction:column; align-items:flex-start; gap:18px; min-height:auto}
  .brand-mark-wrap{width:86px;height:86px}
  .brand-mark{width:50px;height:50px}
  .wordmark{font-size:18px}
  .strapline{font-size:16px}
  .industry-grid{grid-template-columns:1fr}
}