.pro-welcome-chip {
  display: inline-flex;
  padding: 10px 16px;
  margin-bottom: 20px;
  border: 1px solid #ced9c8;
  border-radius: 999px;
  background: #edf2e7;
  color: #214d3e;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  text-decoration: none;
}
.pro-welcome { padding: 24px 24px 64px; scroll-margin-top: 110px; }
.pro-welcome-panel {
  max-width: 1120px;
  margin: 0 auto;
  padding: 52px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 32px 56px;
  border-radius: 32px;
  background: #143e32;
  color: #fff8ec;
}
.pro-welcome-eyebrow { color: #e8c991; font-size: 14px; letter-spacing: .08em; margin: 0 0 18px; }
.pro-welcome h2 { font-size: clamp(28px, 3.3vw, 44px); line-height: 1.45; font-weight: 600; margin: 0 0 20px; }
.pro-welcome h2 span { color: #f1d6a6; }
.pro-welcome-intro { color: #e0e9df; font-size: 16px; line-height: 1.9; margin: 0 0 20px; max-width: 540px; }
.pro-welcome-benefits { list-style: none; padding: 0; margin: 0 0 26px; font-size: 15px; line-height: 2; }
.pro-welcome-benefits li::before { content: '✓'; color: #f1d6a6; margin-right: 10px; }
.pro-welcome-cta { display: inline-flex; gap: 20px; align-items: center; justify-content: center; padding: 14px 22px; border-radius: 999px; background: #f1d6a6; color: #143e32; font-weight: 600; text-decoration: none; min-height: 48px; line-height: 1.6; }
.pro-welcome-cta:hover { background: #ffe7bd; }
.pro-welcome a:focus-visible, .pro-welcome-chip:focus-visible { outline: 3px solid #bd7938; outline-offset: 5px; }
.pro-welcome-route { font-size: 13px; line-height: 1.8; color: #d1dfd3; margin: 14px 0 0; }
.pro-welcome-pass { align-self: center; background: #f6eedf; color: #143e32; border-radius: 20px; padding: 30px 24px; text-align: center; box-shadow: 0 16px 32px #071b1929; }
.pro-welcome-pass-label { display: flex; justify-content: space-between; align-items: center; font-weight: 600; margin: 0 0 22px; }
.pro-welcome-pass-label span { border: 1px solid #b9c5b5; border-radius: 6px; padding: 4px 9px; font-size: 12px; letter-spacing: .12em; }
.pro-welcome-month { margin: 0; font-size: 23px; }
.pro-welcome-month strong { display: block; font-size: 112px; font-weight: 500; line-height: 1.15; }
.pro-welcome-free { font-size: 24px; margin: 12px 0 26px; font-weight: 600; }
.pro-welcome-pass-note { border-top: 1px dashed #bcc5b4; padding-top: 20px; margin: 0; font-size: 13px; line-height: 1.8; }
.pro-welcome-terms { grid-column: 1 / -1; border-top: 1px solid #537365; padding-top: 22px; font-size: 13px; color: #dce7dd; line-height: 1.9; }
.pro-welcome-terms p { margin: 0; }
.pro-welcome-terms strong { color: #f1d6a6; }
@media (max-width: 700px) {
  .pro-welcome { padding: 16px 16px 40px; }
  .pro-welcome-panel { grid-template-columns: minmax(0, 1fr); padding: 28px 22px; gap: 28px; border-radius: 24px; }
  .pro-welcome-pass { width: 100%; max-width: 320px; justify-self: center; }
  .pro-welcome-chip { font-size: 12px; border-radius: 16px; }
  .pro-welcome-cta { width: 100%; font-size: 14px; padding: 14px 16px; }
}