:root{--bspro-bg:#0b1220;--bspro-bg2:#0f1b33;--bspro-card:#101b33;--bspro-border:rgba(255,255,255,.08);--bspro-text:#e8eefc;--bspro-muted:rgba(232,238,252,.72);--bspro-brand:#7c5cff;--bspro-accent:#20c997;--bspro-shadow:0 18px 45px rgba(0,0,0,.35)}
*{box-sizing:border-box}
body.bspro{margin:0;background:radial-gradient(1200px 800px at 20% 0%,rgba(124,92,255,.22),transparent 55%),radial-gradient(900px 600px at 80% 20%,rgba(32,201,151,.18),transparent 55%),var(--bspro-bg);color:var(--bspro-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.bspro-container{max-width:1160px;margin:0 auto;padding:0 20px}
.bspro-header{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--bspro-border)}
.bspro-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
.bspro-brand{font-weight:700;letter-spacing:.3px}
.bspro-nav{display:flex;align-items:center;gap:18px}
.bspro-nav a{color:var(--bspro-muted)}
.bspro-nav a:hover{color:var(--bspro-text)}
.bspro-navtoggle{display:none;background:transparent;border:0;color:var(--bspro-text);width:44px;height:44px;align-items:center;justify-content:center;gap:5px;flex-direction:column}
.bspro-navtoggle span{display:block;width:22px;height:2px;background:var(--bspro-text);opacity:.85}
.bspro-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;font-weight:650;background:linear-gradient(135deg,var(--bspro-brand),#4aa3ff);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(124,92,255,.25)}
.bspro-btn--ghost{background:transparent;box-shadow:none;color:var(--bspro-text)}
.bspro-btn--sm{padding:9px 12px;border-radius:10px}
.bspro-hero{padding:70px 0 30px}
.bspro-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}
.bspro-lead{color:var(--bspro-muted);font-size:1.05rem;line-height:1.6;margin:14px 0 18px}
.bspro-actions{display:flex;gap:12px;flex-wrap:wrap}
.bspro-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.bspro-badges span{border:1px solid var(--bspro-border);background:rgba(255,255,255,.03);padding:8px 10px;border-radius:999px;color:var(--bspro-muted);font-size:.9rem}
.bspro-section{padding:56px 0}
.bspro-section--alt{background:linear-gradient(180deg,transparent,rgba(255,255,255,.02),transparent)}
.bspro-section--cta{padding:42px 0}
.bspro-muted{color:var(--bspro-muted)}
.bspro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.bspro-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bspro-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid var(--bspro-border);border-radius:18px;padding:18px;box-shadow:var(--bspro-shadow)}
.bspro-card--hero{padding:20px}
.bspro-link{display:inline-flex;margin-top:10px;color:#b6c6ff}
.bspro-link:hover{color:#fff}
.bspro-price__value{font-size:1.35rem;font-weight:750;margin:10px 0 12px}
.bspro-price--featured{border-color:rgba(124,92,255,.5);box-shadow:0 18px 60px rgba(124,92,255,.18)}
.bspro-list{margin:0;padding-left:18px;color:var(--bspro-muted)}
.bspro-list li{margin:8px 0}
.bspro-faq{display:grid;gap:12px;margin-top:18px}
.bspro-faq summary{cursor:pointer;font-weight:650}
.bspro-faq details>div{margin-top:10px;color:var(--bspro-muted);line-height:1.6}
.bspro-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(800px 400px at 20% 0%,rgba(124,92,255,.25),transparent 55%),radial-gradient(650px 350px at 85% 30%,rgba(32,201,151,.18),transparent 55%),rgba(255,255,255,.02);border:1px solid var(--bspro-border);border-radius:22px;padding:22px}
.bspro-content{padding:18px 0 56px}
.bspro-footer{border-top:1px solid var(--bspro-border);padding:22px 0;color:var(--bspro-muted)}
.bspro-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bspro-footer__links{display:flex;gap:14px;flex-wrap:wrap}
.bspro-card__kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.kpi{padding:14px;border:1px solid var(--bspro-border);border-radius:14px;background:rgba(0,0,0,.15)}
.kpi__label{color:var(--bspro-muted);font-size:.9rem}
.kpi__value{font-size:1.25rem;font-weight:760;margin-top:6px}
.bspro-mini{border:1px solid var(--bspro-border);border-radius:16px;padding:14px;background:rgba(0,0,0,.12)}
.bspro-mini__title{font-weight:700;margin-bottom:10px}
.bspro-mini__row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:var(--bspro-muted)}
@media (max-width: 980px){.bspro-hero__grid{grid-template-columns:1fr}.bspro-grid--3{grid-template-columns:1fr}.bspro-grid{grid-template-columns:1fr}.bspro-cta{flex-direction:column;align-items:flex-start}}
@media (max-width: 760px){.bspro-nav{display:none}.bspro-navtoggle{display:flex}.bspro-header[data-bspro-navopen="1"] .bspro-nav{display:flex;flex-direction:column;position:absolute;left:12px;right:12px;top:64px;padding:14px;border:1px solid var(--bspro-border);border-radius:16px;background:rgba(11,18,32,.92)}}
