.brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 10px 0 14px;
}

.crest {
  height: 64px;
  width: 64px;
  object-fit: contain;
}

.logo {
  height: 44px;
  width: auto;
  object-fit: contain;
}
:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background: #0b0f14; color: #e7edf6; }
.wrap { max-width: 920px; margin: 0 auto; padding: 44px 18px; }
.hero { margin-bottom: 18px; }
.kicker { font-size: 13px; opacity: 0.75; margin-bottom: 10px; }
.kicker a { color: inherit; text-decoration: none; border-bottom: 1px dashed rgba(231,237,246,0.35); }
h1 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 44px); letter-spacing: 0.3px; }
.tagline { margin: 0; opacity: 0.85; font-size: 16px; line-height: 1.5; }

.card { background: #121a24; border: 1px solid #1d2a3a; border-radius: 16px; padding: 18px; }
h2 { margin: 0 0 10px; font-size: 20px; }
h3 { margin: 14px 0 8px; font-size: 16px; opacity: 0.95; }

.grid { display: grid; gap: 16px; grid-template-columns: 1fr; margin-top: 10px; }
@media (min-width: 720px) { .grid { grid-template-columns: 1.1fr 0.9fr; } }

.list { list-style: none; padding: 0; margin: 0; }
.list li { margin: 8px 0; }
a { color: #9bd1ff; }

.note { margin: 10px 0 0; opacity: 0.7; font-size: 13px; }

.btn {
  display: inline-block;
  background: #1d2a3a;
  color: #e7edf6;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(231,237,246,0.12);
}

.foot { margin-top: 18px; opacity: 0.7; }