:root {
  --sbc-primary: #121635;
  --sbc-secondary: #142a45;
  --sbc-accent: #f28c28;
  --sbc-white: #ffffff;
  --sbc-light: #f5f7fa;
  --sbc-gray: #6b7280;
  --sbc-dark: #0b1026;
  --sbc-border: rgba(18,22,53,.10);
  --sbc-font-primary: "Inter", Arial, sans-serif;
  --sbc-font-heading: "Montserrat", "Inter", Arial, sans-serif;
  --sbc-container: 1180px;
  --sbc-radius: 16px;
  --sbc-radius-sm: 8px;
  --sbc-shadow: 0 18px 50px rgba(0, 0, 0, 0.16);
  --sbc-shadow-soft: 0 12px 32px rgba(18, 22, 53, 0.10);
  --sbc-transition: all 0.25s ease;
}
* { box-sizing: border-box; }
body { font-family: var(--sbc-font-primary); color: var(--sbc-dark); background: var(--sbc-white); }
.sbc-container { width: min(var(--sbc-container), calc(100% - 40px)); margin: 0 auto; }
.sbc-section { padding: 90px 0; }
.sbc-section-light { background: var(--sbc-light); }
.sbc-section-dark { background: var(--sbc-primary); color: var(--sbc-white); }
.sbc-eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:14px; color:var(--sbc-accent); font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sbc-title { margin:0 0 18px; font-family:var(--sbc-font-heading); font-size:clamp(32px,4vw,52px); line-height:1.08; color:var(--sbc-primary); }
.sbc-section-dark .sbc-title { color:#fff; }
.sbc-text { font-size:17px; line-height:1.75; color:var(--sbc-gray); }
.sbc-section-dark .sbc-text { color:rgba(255,255,255,.78); }
.sbc-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:14px 24px; border-radius:var(--sbc-radius-sm); font-weight:800; text-decoration:none; transition:var(--sbc-transition); border:0; cursor:pointer; }
.sbc-btn-primary { background:var(--sbc-accent); color:#fff; }
.sbc-btn-primary:hover { transform:translateY(-2px); box-shadow:var(--sbc-shadow-soft); color:#fff; }
.sbc-btn-outline { border:1px solid rgba(255,255,255,.65); color:#fff; background:transparent; }
.sbc-btn-outline:hover { background:#fff; color:var(--sbc-primary); }
.sbc-btn-dark { background:var(--sbc-primary); color:#fff; }
.sbc-btn-dark:hover { background:var(--sbc-secondary); color:#fff; transform:translateY(-2px); }
.sbc-grid { display:grid; gap:28px; }
@media (max-width:768px){ .sbc-section{padding:64px 0}.sbc-container{width:min(100% - 28px,var(--sbc-container))} }