:root {
  --bg: #050816;
  --surface: rgba(15, 24, 52, 0.62);
  --stroke: rgba(123, 154, 255, 0.25);
  --text: #e9efff;
  --muted: #b6c4ea;
  --brand: #5ea1ff;
  --brand2: #64f0d8;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  background: radial-gradient(circle at 15% 15%, #16347b, transparent 35%), radial-gradient(circle at 85% 20%, #1d6c7c, transparent 30%), var(--bg);
  color: var(--text);
  overflow-x: hidden;
}
.container { width: min(1100px, 92vw); margin: 0 auto; }
.site-header { position: sticky; top: 0; backdrop-filter: blur(10px); background: rgba(5, 8, 22, 0.55); border-bottom: 1px solid rgba(255,255,255,0.06); z-index: 9; }
.nav-wrap { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; }
.brand img { height: 36px; }
nav a { color: var(--muted); text-decoration: none; margin-left: 22px; font-weight: 600; }
nav a:hover { color: var(--text); }
.hero { padding: 96px 0 56px; }
.eyebrow { color: var(--brand2); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; font-size: 0.78rem; }
h1, h2, h3 { font-family: "Space Grotesk", sans-serif; margin: 0 0 14px; }
h1 { font-size: clamp(2.2rem, 6vw, 4.5rem); line-height: 1.05; }
.lead { color: var(--muted); font-size: 1.1rem; max-width: 760px; }
.cta-row { display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap; }
.btn { display: inline-block; border-radius: 999px; padding: 12px 20px; text-decoration: none; font-weight: 700; }
.btn-primary { background: linear-gradient(120deg, var(--brand), var(--brand2)); color: #06112c; }
.btn-ghost { color: var(--text); border: 1px solid var(--stroke); }
.section { padding: 48px 0; }
.grid { display: grid; gap: 16px; }
.cards { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.cards article, .team-card, .contact { background: var(--surface); border: 1px solid var(--stroke); border-radius: 20px; padding: 22px; }
.cards p, .muted, .team-card span, .contact p { color: var(--muted); }
.team-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.team-card p { margin-top: 0; font-weight: 700; color: #d4e2ff; }
.site-footer { border-top: 1px solid rgba(255,255,255,0.08); margin-top: 50px; }
.site-footer p { color: var(--muted); text-align: center; padding: 26px 0 38px; margin: 0; }
.bg-orb { position: fixed; width: 460px; height: 460px; border-radius: 50%; filter: blur(90px); pointer-events: none; opacity: 0.25; }
.orb-a { background: #4e7dff; top: -90px; left: -120px; }
.orb-b { background: #43d8c6; bottom: -140px; right: -120px; }
@media (max-width: 700px) { nav { display: none; } .hero { padding-top: 64px; } }

.brand img { height: 50px; }

.visual-strip img,
.image-grid img {
  width: 100%;
  border-radius: 20px;
  border: 1px solid var(--stroke);
  display: block;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 900px) {
  .image-grid { grid-template-columns: 1fr; }
  .brand img { height: 44px; }
}

.team-avatar {
  width: 108px;
  height: 108px;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid rgba(111, 180, 255, 0.6);
  margin-bottom: 12px;
  background: #12264d;
}

.screen{border:1px solid var(--stroke);border-radius:20px;overflow:hidden;background:#0b1a39;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.screen-top{height:40px;background:linear-gradient(90deg,#173764,#122a4f);display:flex;align-items:center;padding:0 14px;gap:8px}
.screen-top span{width:10px;height:10px;border-radius:50%;background:#6ca4ff;opacity:.9}
.screen-top span:nth-child(2){background:#58d8c3}.screen-top span:nth-child(3){background:#9bc5ff}
.screen-body{padding:18px;background:linear-gradient(160deg,#122b53,#0f2344)}
.hero-screen .kpi{height:52px;border-radius:10px;background:#1a3f74;display:inline-block;width:31%;margin-right:2%}
.hero-screen .kpi:last-child{margin-right:0}
.hero-screen .chart{margin-top:16px;height:150px;border-radius:12px;background:linear-gradient(180deg,#173966,#122d53)}
.hero-screen .rows{margin-top:14px;height:90px;border-radius:12px;background:repeating-linear-gradient(180deg,#89b4ec 0 8px,transparent 8px 24px);opacity:.45}
.alt-a{display:grid;grid-template-columns:140px 1fr;gap:14px;min-height:220px}
.alt-a .sidebar{border-radius:10px;background:#1a3f74}
.alt-a .panel{border-radius:10px;background:linear-gradient(120deg,#204a82,#183b69)}
.alt-b{min-height:220px}
.alt-b .message{height:42px;border-radius:10px;background:#1b4278;margin-bottom:10px}
.alt-b .message.short{width:70%}

.visual-strip,.image-grid{display:none !important;}


.contact-form{display:grid;gap:10px;max-width:640px;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:18px}
.contact-form label{font-weight:600;color:#d9e6ff}
.contact-form input,.contact-form textarea{width:100%;background:#0f2246;border:1px solid #345b97;color:var(--text);border-radius:10px;padding:10px;font:inherit}
.contact-form button{border:none;cursor:pointer;width:max-content}

.form-sub{color:var(--muted);margin-top:0}
.pl-inquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-inquiry-form{max-width:760px;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:18px}
.site-inquiry-form label{display:block;font-weight:600;color:#d9e6ff;margin-bottom:6px}
.site-inquiry-form input,.site-inquiry-form textarea{width:100%;background:#0f2246;border:1px solid #345b97;color:var(--text);border-radius:10px;padding:10px;font:inherit}
.pl-inquiry-submit{margin-top:16px;background:linear-gradient(135deg,#5ea1ff,#64f0d8);color:#082037;border:0;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:opacity .2s,transform .1s}
.pl-inquiry-submit:hover{opacity:.88}.pl-inquiry-submit:active{transform:scale(.98)}
@media (max-width:700px){.pl-inquiry-grid{grid-template-columns:1fr}}

.contact-direct{
  margin-top:14px;
  max-width:760px;
  padding:12px 14px;
  border:1px solid rgba(111,180,255,.35);
  border-radius:12px;
  background:linear-gradient(135deg, rgba(18,43,83,.55), rgba(13,35,66,.55));
  color:var(--muted);
}
.contact-direct strong{color:#eaf2ff;margin-right:6px}
.contact-direct a{
  color:#7ad9ff;
  text-decoration:none;
  font-weight:700;
}
.contact-direct a:hover{text-decoration:underline;color:#9de8ff}