.briefing-surface {
  position: relative;
  isolation: isolate;
  background: linear-gradient(125deg, #111827, #152744 72%, #192e52);
  color: white;
}
.briefing-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #2458dc;
  clip-path: polygon(100% 22%, 100% 69%, 87% 100%, 71% 100%);
}
.briefing-surface .footer-dark { background: transparent; }
.briefing-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(32px, 6vw, 88px);
  max-width: 1120px;
  align-items: start;
  min-height: 610px;
  padding-block: clamp(38px, 7vw, 88px);
}
.briefing-intro .section-label { color: #a8c7ff; margin-bottom: 14px; }
.briefing-intro h1 { font-size: clamp(2.5rem, 5vw, 4rem); margin-bottom: 18px; }
.briefing-intro p:not(.section-label) { color: #c9d6e9; line-height: 1.65; max-width: 42ch; }
.briefing-intro a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; }
.briefing-intro a:focus-visible { outline-color: #a8c7ff; }
.briefing-privacy { font-size: .87rem; margin-top: 16px; }
.briefing-card { background: white; color: var(--ink); border-radius: 22px; padding: clamp(20px, 4vw, 36px); box-shadow: 0 18px 46px #0b12274d; }
.briefing-card h2 { font-size: clamp(1.65rem, 3vw, 2.15rem); margin-bottom: 6px; }
.briefing-card h3 { font-size: 1.1rem; margin-bottom: 8px; }
.briefing-progress { margin: 0 0 20px; padding-bottom: 14px; border-bottom: 1px solid #dce2ec; color: #345582; font-size: .9rem; font-weight: 650; }
.briefing-card input[type="text"], .briefing-card select, .briefing-card textarea { border-radius: 9px; border-color: #8793a6; }
.briefing-card .briefing-button, .briefing-card .actions a { border-radius: 9px; }
.briefing-card #briefing-next { flex: 1 0 auto; }
.briefing-card .briefing-actions:last-child { margin-bottom: 0; }
@media (max-width: 760px) {
  .briefing-layout { grid-template-columns: 1fr; gap: 24px; }
  .briefing-intro h1 { max-width: none; }
}