:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #091019;
  color: #e8eef6;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 10%, rgba(53, 111, 154, .2), transparent 34rem),
    linear-gradient(145deg, #091019, #0d1722 60%, #0a121b);
}

.shell { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 48px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 42px; }
.mark { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #3b5369; border-radius: 13px; background: #132231; color: #86c8ef; font-weight: 750; }
.eyebrow { margin: 0 0 3px; color: #7f96aa; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0; font-size: 25px; letter-spacing: -.02em; }
.summary { display: flex; gap: 18px; align-items: center; padding: 25px; border: 1px solid #29485a; border-radius: 18px; background: rgba(20, 42, 51, .72); box-shadow: 0 24px 70px rgba(0, 0, 0, .24); }
.summary h2 { margin: 0 0 5px; font-size: 18px; }
.summary p { margin: 0; color: #91a6b8; font-size: 14px; }
.pulse { width: 12px; height: 12px; flex: 0 0 auto; border-radius: 50%; background: #4ad39b; box-shadow: 0 0 0 7px rgba(74, 211, 155, .12); }
.services { margin-top: 18px; overflow: hidden; border: 1px solid #223342; border-radius: 18px; background: rgba(13, 25, 36, .76); }
.services article { display: flex; justify-content: space-between; gap: 24px; padding: 19px 22px; border-bottom: 1px solid #223342; font-size: 14px; }
.services article:last-child { border-bottom: 0; }
.services span { color: #c4d0dc; }
.services strong { color: #59d9a5; font-size: 12px; letter-spacing: .03em; }
footer { margin-top: 28px; color: #62778a; font-size: 12px; text-align: center; }

@media (max-width: 540px) {
  .shell { padding-top: 38px; }
  .services article { padding: 17px; }
}