body[data-brand="site-b"] {
  --bg: #211226;
  --surface: #2c1732;
  --surface-alt: #f8f0e1;
  --text: #fff8ed;
  --muted: #cbbbc7;
  --line: #5b415e;
  --accent: #c6ff35;
  --accent-ink: #1a2110;
  --radius: 0px;
  --display-font: "Arial Narrow", "Helvetica Neue", sans-serif;
  --body-font: Inter, ui-sans-serif, system-ui, sans-serif;
  background: var(--bg);
}

body[data-brand="site-b"] .shell { max-width: 1240px; }
body[data-brand="site-b"] .site-header { border-bottom: 1px solid var(--line); background: rgba(33, 18, 38, .94); }
body[data-brand="site-b"] .brand { text-transform: uppercase; letter-spacing: .08em; }
body[data-brand="site-b"] .brand-mark { display: grid; width: 2rem; aspect-ratio: 1; place-items: center; background: var(--accent); color: var(--accent-ink); transform: rotate(-8deg); }
body[data-brand="site-b"] .main-nav { font-size: .76rem; text-transform: uppercase; letter-spacing: .12em; }
body[data-brand="site-b"] .btn { border-radius: 0; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
body[data-brand="site-b"] .btn-primary { box-shadow: 5px 5px 0 #f8f0e1; }
body[data-brand="site-b"] .btn-secondary { border-color: var(--accent); color: var(--accent); }

body[data-brand="site-b"] .hero { min-height: 680px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); align-items: center; gap: 2rem; overflow: clip; }
body[data-brand="site-b"] .hero-copy { position: relative; z-index: 2; max-width: 700px; }
body[data-brand="site-b"] .eyebrow { color: var(--accent); font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
body[data-brand="site-b"] .hero-title, body[data-brand="site-b"] .page-hero h1 { font-family: var(--display-font); font-size: clamp(3.8rem, 6vw, 4.75rem); font-stretch: condensed; font-weight: 900; letter-spacing: -.065em; line-height: 1.04; text-transform: uppercase; }
body[data-brand="site-b"] .hero-lead { max-width: 31rem; margin-top: 2.2rem; font-size: 1.08rem; }
body[data-brand="site-b"] .hero-actions { margin-top: 2rem; }
body[data-brand="site-b"] .hero-visual { min-height: 520px; position: relative; display: grid; align-items: center; }
body[data-brand="site-b"] .device-stack { width: min(100%, 430px); margin-left: auto; transform: rotate(5deg); }
body[data-brand="site-b"] .device-card { border: 2px solid var(--accent); border-radius: 28px; background: #130d17; box-shadow: -18px 18px 0 #e950a8; }
body[data-brand="site-b"] .device-card:nth-child(2) { transform: translate(-26%, -14%) rotate(-14deg); opacity: .82; }
body[data-brand="site-b"] .device-screen { background: #2c1732; }
body[data-brand="site-b"] .app-grid { gap: .55rem; }
body[data-brand="site-b"] .app-tile { border-radius: 0; background: var(--surface-alt); color: #211226; }
body[data-brand="site-b"] .compatibility-strip { background: var(--accent); color: var(--accent-ink); transform: rotate(-1deg) scale(1.03); font-weight: 900; text-transform: uppercase; }

body[data-brand="site-b"] .section { padding-block: clamp(5rem, 10vw, 9rem); }
body[data-brand="site-b"] .section-heading { max-width: 52rem; }
body[data-brand="site-b"] .section-heading h2, body[data-brand="site-b"] .manifesto h2, body[data-brand="site-b"] .closing h2 { font-family: var(--display-font); font-size: clamp(3rem, 6vw, 6rem); font-weight: 900; letter-spacing: -.075em; line-height: .82; text-transform: uppercase; }
body[data-brand="site-b"] .feature-grid { grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
body[data-brand="site-b"] .feature-card { min-height: 250px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
body[data-brand="site-b"] .feature-card:nth-child(even) { background: #321a38; }
body[data-brand="site-b"] .feature-card h3 { color: var(--accent); text-transform: uppercase; letter-spacing: -.03em; }
body[data-brand="site-b"] .manifesto { background: var(--surface-alt); color: #211226; transform: skewY(-1.5deg); }
body[data-brand="site-b"] .manifesto > * { transform: skewY(1.5deg); }
body[data-brand="site-b"] .usecase-grid { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
body[data-brand="site-b"] .usecase-card { border-radius: 50% 50% 0 0; border: 1px solid var(--accent); background: #381d40; padding-top: 5rem; }
body[data-brand="site-b"] .usecase-card:nth-child(2) { transform: translateY(3rem); background: #e950a8; color: #211226; border-color: #e950a8; }
body[data-brand="site-b"] .pricing-grid { align-items: end; }
body[data-brand="site-b"] .plan-card { border-radius: 0; border-top: 4px solid var(--accent); }
body[data-brand="site-b"] .plan-card:nth-child(2) { transform: translateY(-1.5rem); background: var(--surface-alt); color: #211226; }
body[data-brand="site-b"] .faq-list { border-top: 1px solid var(--line); }
body[data-brand="site-b"] .faq-list > * { border-radius: 0; border-inline: 0; border-bottom: 1px solid var(--line); background: transparent; }
body[data-brand="site-b"] .closing { background: #e950a8; color: #211226; }
body[data-brand="site-b"] .manifesto .section-heading > p,
body[data-brand="site-b"] .closing .section-heading > p,
body[data-brand="site-b"] .usecase-card:nth-child(2) > p,
body[data-brand="site-b"] .usecase-card:nth-child(2) > span { color: #211226; }
body[data-brand="site-b"] .site-footer { border-top: 5px solid var(--accent); }

body[data-brand="site-b"] .page-hero { background: #381d40; }
body[data-brand="site-b"] .content-narrow { max-width: 730px; }
body[data-brand="site-b"] .dashboard { background: #180c1d; }
body[data-brand="site-b"] .sidebar { border-right: 1px solid var(--line); background: #25102b; }
body[data-brand="site-b"] .workspace { background: var(--bg); }
body[data-brand="site-b"] .panel, body[data-brand="site-b"] .stat-card, body[data-brand="site-b"] .table-wrap { border-radius: 0; border-color: var(--line); }
body[data-brand="site-b"] .stat-grid { gap: 0; }
body[data-brand="site-b"] .stat-card { border-right-width: 0; }
body[data-brand="site-b"] .stat-card:last-child { border-right-width: 1px; }
body[data-brand="site-b"] .checkout-layout { align-items: start; }
body[data-brand="site-b"] .wallet-grid { gap: 0; }

@media (max-width: 800px) {
  body[data-brand="site-b"] .hero { min-height: 0; grid-template-columns: 1fr; padding-block: 5rem 3rem; }
  body[data-brand="site-b"] .hero-title { font-size: clamp(2.875rem, 12vw, 3.8rem); line-height: 1.05; }
  body[data-brand="site-b"] .hero-visual { min-height: 360px; }
  body[data-brand="site-b"] .device-stack { margin-inline: auto; }
  body[data-brand="site-b"] .feature-grid, body[data-brand="site-b"] .usecase-grid { grid-template-columns: 1fr; }
  body[data-brand="site-b"] .usecase-card:nth-child(2), body[data-brand="site-b"] .plan-card:nth-child(2) { transform: none; }
  body[data-brand="site-b"] .stat-card { border-right-width: 1px; border-bottom-width: 0; }
  body[data-brand="site-b"] .stat-card:last-child { border-bottom-width: 1px; }
}