:root{
  --bg:#020914;
  --panel:#071426;
  --panel-soft:rgba(8,24,45,.72);
  --line:rgba(107,181,255,.16);
  --text:#f4f8ff;
  --muted:#9eb1c8;
  --blue:#1266d9;
  --blue-bright:#2794ff;
  --red:#f51b28;
  --orange:#ff6b2e;
  --gold:#f8b716;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 75% 12%,rgba(21,101,216,.22),transparent 28%),
    linear-gradient(180deg,#020914 0%,#03101f 55%,#020914 100%);
}
a{color:inherit}
.ambient{position:fixed;pointer-events:none;filter:blur(60px);opacity:.34;border-radius:999px}
.ambient-one{width:320px;height:320px;background:#0f69df;top:12%;right:-120px}
.ambient-two{width:220px;height:220px;background:#f51b28;bottom:-100px;left:-100px;opacity:.12}
.page{width:min(1180px,calc(100% - 40px));margin:0 auto}
.topbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:28px 0;border-bottom:1px solid var(--line)
}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand img{
  display:block;width:190px;max-height:68px;object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))
}
.top-contact{font-size:.92rem;color:var(--muted);text-decoration:none}
.top-contact:hover{color:var(--text)}
.hero{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);
  gap:64px;align-items:center;padding:104px 0 78px
}
.kicker{
  display:flex;align-items:center;gap:10px;margin:0 0 22px;
  color:#8ec7ff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em
}
.kicker span{width:26px;height:2px;background:linear-gradient(90deg,var(--red),var(--gold))}
h1{
  margin:0;font-size:clamp(3.25rem,6.8vw,6.7rem);
  line-height:.96;letter-spacing:-.06em;max-width:900px
}
.intro{
  max-width:780px;margin:28px 0 0;color:var(--muted);
  font-size:clamp(1.06rem,1.8vw,1.28rem);line-height:1.75
}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.actions a{display:inline-flex;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:700}
.primary{background:linear-gradient(135deg,#1673e8,#0e4fae);box-shadow:0 14px 30px rgba(18,102,217,.22)}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.02)}
.profile-card{
  position:relative;overflow:hidden;padding:32px;border:1px solid rgba(75,156,255,.23);
  border-radius:22px;background:linear-gradient(145deg,rgba(7,20,38,.94),rgba(2,9,20,.96));
  box-shadow:0 28px 70px rgba(0,0,0,.35)
}
.card-glow{
  position:absolute;inset:auto -55px -70px auto;width:180px;height:180px;
  border-radius:50%;background:radial-gradient(circle,rgba(21,112,235,.58),transparent 70%)
}
.small-label{margin:0 0 44px;color:#6eaaf1;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.profile-card h2{margin:0;font-size:2rem;letter-spacing:-.04em}
.role{margin:8px 0 30px;color:#79b7ff;font-weight:600}
.contact-list{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:.9rem}
.contact-list a{text-decoration:none}
.contact-list a:hover{color:var(--text)}
.services{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 0 72px
}
.services article{
  min-height:250px;padding:25px;border-radius:18px;
  border:1px solid var(--line);background:var(--panel-soft);backdrop-filter:blur(10px)
}
.services article>span{font-size:.78rem;font-weight:800;color:#67aef7}
.services h3{margin:58px 0 14px;font-size:1.08rem;line-height:1.35}
.services p{margin:0;color:var(--muted);line-height:1.65;font-size:.92rem}
.status{
  display:flex;justify-content:space-between;align-items:center;gap:28px;
  border-top:1px solid var(--line);padding:28px 0 60px;color:var(--muted)
}
.status-left{display:flex;align-items:center;gap:12px}
.status p{margin:0}
.status a{color:var(--text)}
.pulse{
  width:9px;height:9px;border-radius:50%;background:#2fd68d;
  box-shadow:0 0 0 7px rgba(47,214,141,.12)
}
footer{
  width:min(1180px,calc(100% - 40px));margin:0 auto;
  display:flex;justify-content:space-between;gap:24px;
  padding:23px 0 34px;border-top:1px solid var(--line);
  color:#73879e;font-size:.78rem
}
.legal{max-width:620px;text-align:right}
@media(max-width:920px){
  .hero{grid-template-columns:1fr;gap:42px;padding-top:76px}
  .profile-card{max-width:520px}
  .services{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .page,footer{width:min(100% - 24px,1180px)}
  .brand img{width:152px}
  .top-contact{display:none}
  .hero{padding:66px 0 54px}
  h1{font-size:3.25rem}
  .services{grid-template-columns:1fr}
  .services article{min-height:210px}
  .services h3{margin-top:40px}
  .status,footer{flex-direction:column;align-items:flex-start}
  .legal{text-align:left}
}