.sec_contact_flow {
  padding: 0 40px 32px;
  background: #081a2d;

  .wrap { margin: 0 auto; max-width: 1360px; }
  .panel { position: relative; overflow: hidden; isolation: isolate; padding: 30px 40px; min-height: 155px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; border: 1px solid #458ed9; border-radius: 10px; background: radial-gradient(circle at 69% 65%, #1d66b0 0, transparent 25%), linear-gradient(105deg, #102e50, #0e2242 70%, #0b1f41); box-shadow: inset 0 1px #a7cbf436; transition: border-color .25s, filter .25s; &:hover, &:focus-visible { border-color: #9ac7ff; filter: brightness(1.14); } }
  .panel::before { position: absolute; z-index: -1; right: -1%; bottom: -18%; width: 48%; height: 133%; background: repeating-linear-gradient(90deg, #6eb8ff68 0 1px, transparent 1px 68px), repeating-linear-gradient(0deg, #6eb8ff55 0 1px, transparent 1px 58px), linear-gradient(145deg, #3388fa75, #0e2342 65%); content: ""; clip-path: polygon(0 100%, 50% 4%, 100% 4%, 100% 100%); filter: drop-shadow(0 0 25px #4691ff); }
  .main { display: grid; gap: 9px; }
  .kicker { display: inline-flex; align-items: center; gap: 16px; color: #84b7ff; span { width: 32px; height: 2px; display: inline-block; background: linear-gradient(90deg, #45c2f8, #8d5aff); } }
  .title { color: #fff; font-size: 24px; font-weight: 800; line-height: 1.4em; span { font-size: 23px; } }
  .copy { color: #d3e4f9; font-size: 13px; line-height: 1.6em; }
  .signature { padding-left: 15px; flex: 0 0 auto; border-left: 1px solid #77a6dd; color: #d2e4ff; font-family: var(--font-en); font-size: 10px; line-height: 1.7em; letter-spacing: .25em; }

  @media (max-width: 900px) { padding-inline: 28px; .panel { padding: 27px; } }
  @media (max-width: 600px) { padding: 0 18px 27px; .panel { padding: 24px 21px; min-height: 0; } .title { font-size: 20px; } .signature { display: none; } .panel::before { right: -49%; width: 95%; opacity: .55; } }
}