@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@400;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css');

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { background: #0a0a0a; color: #d0d0d0; font-family: 'Barlow', sans-serif; font-weight: 400; overflow-x: hidden; }

/* ── NAV ── */
.bt-nav { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-bottom: 1px solid #2a2a2a; background: #0a0a0a; position: sticky; top: 0; z-index: 100; }
.bt-logo-area { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.bt-logo-text { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 3px; color: #fff; }
.bt-logo-sub { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: 2px; color: #c0392b; text-transform: uppercase; }
.bt-nav-links { display: flex; gap: 24px; list-style: none; }
.bt-nav-links a { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #bbb; text-decoration: none; transition: color 0.2s; }
.bt-nav-links a:hover, .bt-nav-links a.active { color: #fff; }
.bt-cta-nav { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #fff; background: #c0392b; border: none; padding: 8px 16px; cursor: pointer; white-space: nowrap; }
.bt-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }
.bt-hamburger span { display: block; width: 22px; height: 2px; background: #fff; transition: all 0.3s; }
.bt-mobile-menu { display: none; background: #0d0d0d; border-bottom: 1px solid #2a2a2a; padding: 16px 24px; flex-direction: column; gap: 0; }
.bt-mobile-menu.open { display: flex; }
.bt-mobile-menu a { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #bbb; text-decoration: none; padding: 12px 0; border-bottom: 1px solid #1a1a1a; }
.bt-mobile-menu a:last-child { border-bottom: none; }
.bt-mobile-menu a.bt-mobile-cta { color: #c0392b; margin-top: 8px; }

/* ── FOOTER ── */
.bt-footer { background: #050505; padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #2a2a2a; flex-wrap: wrap; gap: 12px; }
.bt-footer-copy { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: 2px; color: #555; text-transform: uppercase; }
.bt-footer-links { display: flex; gap: 16px; flex-wrap: wrap; }
.bt-footer-links a { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: 2px; color: #555; text-decoration: none; text-transform: uppercase; }
.bt-footer-links a:hover { color: #aaa; }

/* ── SHARED ELEMENTS ── */
.bt-eyebrow { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 4px; color: #c0392b; text-transform: uppercase; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.bt-eyebrow::before { content: ''; display: inline-block; width: 24px; height: 1px; background: #c0392b; }
.bt-section-label { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: 4px; color: #c0392b; text-transform: uppercase; margin-bottom: 10px; }
.bt-section-title { font-family: 'Bebas Neue', sans-serif; font-size: 36px; color: #fff; letter-spacing: 2px; line-height: 1; margin-bottom: 20px; }
.bt-body-text { font-size: 15px; color: #aaa; line-height: 1.8; font-weight: 400; }
.bt-body-text strong { color: #ddd; font-weight: 600; }
.bt-scanline { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: rgba(192,57,43,0.4); animation: scan 5s linear infinite; pointer-events: none; }
@keyframes scan { 0% { top: 0; opacity: 0.6; } 100% { top: 100%; opacity: 0; } }

/* ── MOBILE ── */
@media (max-width: 768px) {
  .bt-nav-links, .bt-cta-nav { display: none; }
  .bt-hamburger { display: flex; }
  .bt-section-title { font-size: 28px; }
  .bt-footer { flex-direction: column; align-items: flex-start; }
}