.discover-pro { padding: 40px 0; }
.discover-pro-banner { display: flex; justify-content: space-between; align-items: center; gap: 48px; padding: 40px 44px; border: 1px solid #ead6de; border-radius: 20px; background: linear-gradient(115deg, #fff, #faedf1); }
.discover-pro-copy { max-width: 820px; }
.discover-pro-eyebrow { display: flex; align-items: center; gap: 12px; color: #64505a; font-size: 16px; font-weight: 500; margin-bottom: 16px; }
.discover-pro-banner h2 { font-size: clamp(30px, 3vw, 42px); }
.discover-pro-description { max-width: 720px; margin-top: 16px; color: #585b62; font-size: 19px; }
.discover-pro-button { flex-shrink: 0; background: linear-gradient(135deg, #d93a50, #b01029 45%, #7a0e22); border-color: #b01029; color: #fff; }
.discover-pro-button:hover { background: #7a0e22; color: #fff; }
.discover-pro-button:focus-visible { outline-color: #b01029; }
.discover-pro-badge { display: inline-flex; flex-shrink: 0; padding: 2px 8px; border-radius: 5px; background: linear-gradient(var(--badge-angle, 63deg), #d93a50, #b01029 45%, #7a0e22); color: #fff; font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 0; }
@media (max-width: 850px) { .discover-pro-banner { gap: 28px; padding: 30px; } .discover-pro-description { font-size: 17px; } }
@media (max-width: 600px) { .discover-pro-banner { flex-direction: column; align-items: flex-start; gap: 24px; padding: 26px 22px; } }