:root{--bg:#0b0f14;--bg2:#111823;--panel:#16202c;--text:#edf2f8;--muted:#a6b3c2;--line:rgba(255,255,255,.08);--accent:#e6841a;--accent2:#ffab4c;--max:1200px;--radius:20px;--shadow:0 14px 36px rgba(0,0,0,.28)}
.csbc-home,.csbc-page{background:var(--bg);color:var(--text);margin:0 calc(50% - 50vw);width:100vw}
.csbc-container{width:min(calc(100% - 32px),var(--max));margin:0 auto}
.csbc-hero{background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.csbc-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:96px 0 82px}
.csbc-eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid rgba(230,132,26,.34);background:rgba(230,132,26,.12);color:#ffd1a3;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin-bottom:16px}
.csbc-hero h1,.csbc-subhero h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;margin:0 0 12px;color:#fff}
.csbc-hero h2{font-size:clamp(1.5rem,2.2vw,2.3rem);line-height:1.15;margin:0 0 18px;color:#fff}
.csbc-lead,.csbc-support,.csbc-subhero p,.csbc-rich p,.csbc-card p,.csbc-head p,.csbc-intro p{color:var(--muted);font-size:1.05rem;line-height:1.75}
.csbc-btn-row,.csbc-btn-col{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}.csbc-btn-col{flex-direction:column;align-items:flex-start}.csbc-center{justify-content:center}
.csbc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:800;text-decoration:none !important;border:1px solid transparent;transition:all .18s ease}
.csbc-btn:hover{transform:translateY(-1px)} .csbc-btn-primary{background:var(--accent);color:#111 !important}.csbc-btn-primary:hover{background:var(--accent2)} .csbc-btn-secondary{background:transparent;color:#fff !important;border-color:rgba(230,132,26,.35)} .csbc-btn-secondary:hover{background:rgba(230,132,26,.1)}
.csbc-panel,.csbc-card,.csbc-callout{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.csbc-panel{padding:24px}.csbc-logo{width:100%;max-width:520px;display:block;margin:0 auto 16px}.csbc-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.csbc-mini{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)} .csbc-mini strong{display:block;color:#fff;margin-bottom:6px}.csbc-mini span{color:var(--muted);font-size:.95rem}
.csbc-section{padding:78px 0}.csbc-alt{background:var(--bg2)}.csbc-intro{text-align:center;max-width:860px}.csbc-intro,.csbc-head{margin-left:auto;margin-right:auto}.csbc-intro h3,.csbc-head h3,.csbc-page-body h3{font-size:clamp(1.9rem,3vw,3rem);line-height:1.15;margin:0 0 14px;color:#fff}.csbc-head{max-width:820px;margin-bottom:28px}
.csbc-grid,.csbc-page-grid{display:grid;gap:18px}.csbc-grid-4{grid-template-columns:repeat(4,1fr)}.csbc-grid-3{grid-template-columns:repeat(3,1fr)}.csbc-page-grid{grid-template-columns:repeat(2,1fr)}
.csbc-card{padding:24px}.csbc-card h4,.csbc-card h3{margin:0 0 12px;color:#fff;font-size:1.28rem}.csbc-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(230,132,26,.12);border:1px solid rgba(230,132,26,.28);color:#ffd1a3;font-weight:900;margin-bottom:14px}
.csbc-band{background-size:cover;background-position:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.csbc-band-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.csbc-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.csbc-pills span{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#d7e0ea;font-size:.94rem}
.csbc-final{padding-top:82px;padding-bottom:92px}.csbc-subhero{padding:70px 0 36px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));border-bottom:1px solid var(--line)}.csbc-page-body{padding:44px 0 82px}.csbc-rich{max-width:900px}.csbc-rich ul{margin:0 0 22px 20px;color:var(--text)} .csbc-rich li{margin:0 0 10px}.csbc-callout{padding:20px;margin:18px 0}
@media (max-width:1024px){.csbc-hero-grid,.csbc-band-grid,.csbc-grid-4,.csbc-grid-3,.csbc-page-grid{grid-template-columns:1fr}}
@media (max-width:767px){.csbc-hero-grid{padding:74px 0 60px}.csbc-section,.csbc-final,.csbc-page-body{padding-top:54px;padding-bottom:54px}.csbc-mini-grid{grid-template-columns:1fr}.csbc-btn{width:100%}.csbc-btn-col{align-items:stretch}}