.flagship-section { padding: 52px 0 80px; scroll-margin-top: 100px; }
.flagship-heading { display: grid; grid-template-columns: 1.25fr 1fr; gap: 48px; align-items: end; margin-bottom: 30px; }
.flagship-heading h2 { max-width: 650px; font-size: clamp(1.9rem, 3vw, 2.75rem); }
.flagship-heading > p { margin: 0; color: var(--text-soft); }
.flagship-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.flagship-card { display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid #cddbd7; border-radius: 26px; background: linear-gradient(145deg, #ecf7f0, #fff 80%); box-shadow: 0 14px 45px rgba(7, 17, 31, .06); }
.flagship-card-mcp { color: #fff; border-color: #223b58; background: radial-gradient(circle at 100% 0, #244f69, transparent 65%), #0b1c30; }
.flagship-card-backup { border-color: #cfdde8; background: linear-gradient(145deg, #eaf2fb, #fff 80%); }
.flagship-card-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 28px; }
.flagship-mark { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid currentColor; border-radius: 14px; font-size: 1.65rem; font-weight: 850; line-height: 1; }
.flagship-badge { padding: 5px 10px; border: 1px solid rgba(16, 32, 51, .16); border-radius: 999px; font-size: .7rem; font-weight: 800; }
.flagship-card-mcp .flagship-badge { border-color: rgba(255, 255, 255, .3); }
.flagship-name { margin: 0 0 12px; font-size: 1.1rem; font-weight: 850; }
.flagship-card h3 { max-width: 310px; font-size: clamp(1.5rem, 2.1vw, 1.95rem); line-height: 1.15; }
.flagship-description { margin: 20px 0; color: #4a5e6d; font-size: .94rem; }
.flagship-card-mcp .flagship-description { color: #d0ddea; }
.flagship-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: auto 0 24px; padding: 0; list-style: none; }
.flagship-tags li { padding: 4px 9px; border-radius: 7px; background: rgba(16, 32, 51, .055); font-size: .7rem; font-weight: 700; }
.flagship-card-mcp .flagship-tags li { background: rgba(255, 255, 255, .1); }
.flagship-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 18px; border-top: 1px solid rgba(16, 32, 51, .16); font-size: .9rem; font-weight: 850; }
.flagship-card-mcp .flagship-link { border-color: rgba(255, 255, 255, .23); }
.flagship-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.flagship-link:focus-visible { outline: 3px solid #4180a5; outline-offset: 6px; border-radius: 3px; }
.flagship-section + .product-intro-section { margin-top: 0; }
@media (max-width: 1000px) {
    .flagship-heading { grid-template-columns: 1fr; gap: 18px; }
    .flagship-card { padding: 22px; }
    .flagship-card-top { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 760px) {
    .flagship-section { padding: 32px 0 48px; }
    .flagship-grid { grid-template-columns: 1fr; gap: 16px; }
    .flagship-card { padding: 26px; }
    .flagship-card-top { flex-direction: row; align-items: center; margin-bottom: 20px; }
    .flagship-card h3 { max-width: none; }
}