.bbs{--p:#4b2c82;--g:#f2b705;--cols:4;max-width:1240px;margin:0 auto;padding:88px 24px 72px;box-sizing:border-box;font-family:'Roboto',sans-serif}
.bbs *{box-sizing:border-box}
.bbs__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:40px}
.bbs__eyebrow{font-size:12px;font-weight:700;letter-spacing:.24em;color:var(--p);text-transform:uppercase}
.bbs__head h2{margin:0;font-family:'Roboto',sans-serif;font-size:36px;font-weight:700;color:#1f1a2e}
.bbs__rule{width:64px;height:4px;border-radius:2px;background:var(--g);margin-top:6px}
.bbs__grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:20px}
.bbs__card{position:relative;overflow:hidden;padding:28px 24px;border-radius:20px;background:#fff;border:1px solid #ece9f2;display:flex;flex-direction:column;gap:6px;transition:transform .2s,box-shadow .2s}
.bbs__card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(30,20,60,.4)}
.bbs__card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:#f3eefb}
.bbs__card svg{position:relative;z-index:1;width:46px;height:46px;padding:11px;border-radius:13px;background:var(--p);color:var(--g);margin-bottom:10px}
.bbs__num{position:relative;z-index:1;font-size:44px;line-height:1;font-weight:700;color:var(--p);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bbs__num sup{font-size:24px;color:var(--g);margin-left:2px;vertical-align:top;position:relative;top:4px}
.bbs__lbl{position:relative;z-index:1;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5d5670}
@media (max-width:1100px){.bbs__grid{grid-template-columns:repeat(min(var(--cols),3),minmax(0,1fr))}}
@media (max-width:767px){.bbs{padding:64px 18px 56px}.bbs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (max-width:480px){.bbs__head h2{font-size:28px}.bbs__card{padding:20px 16px}.bbs__num{font-size:34px}.bbs__lbl{font-size:11px;letter-spacing:.06em}}

.bbs__note{margin:18px 0 0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 6px;text-align:right;font-size:12px;line-height:1.6;color:#6b647a}
.bbs__note a{color:var(--p);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.bbs__note a:hover{color:#2e1a52}
@media (max-width:600px){.bbs__note{justify-content:flex-start;text-align:left}}