* { box-sizing: border-box; }

body {
  font-family: 'Barlow', sans-serif;
  background-color: #0A0A0A;
  color: #E0E0E0;
}

/* ── Hex honeycomb pattern ── */

/* ── ORANGE hex (active) ── */
.hex-bg {
  background-color: #0A0A0A;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-2.31L54 49.42V17.58L28 2.31 2 17.58v31.84L28 63.69z' fill='%23E84000' fill-opacity='0.07'/%3E%3C/svg%3E");
}
@media (max-width: 640px) {
  .hex-bg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-2.31L54 49.42V17.58L28 2.31 2 17.58v31.84L28 63.69z' fill='%23E84000' fill-opacity='0.14'/%3E%3C/svg%3E");
  }
}
.hex-bg-dark {
  background-color: #121212;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-2.31L54 49.42V17.58L28 2.31 2 17.58v31.84L28 63.69z' fill='%23E84000' fill-opacity='0.05'/%3E%3C/svg%3E");
}

/* ── PURPLE hex — comment out ORANGE above and uncomment below ──
.hex-bg {
  background-color: #0A0A0A;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-2.31L54 49.42V17.58L28 2.31 2 17.58v31.84L28 63.69z' fill='%239333EA' fill-opacity='0.07'/%3E%3C/svg%3E");
}
@media (max-width: 640px) {
  .hex-bg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-2.31L54 49.42V17.58L28 2.31 2 17.58v31.84L28 63.69z' fill='%239333EA' fill-opacity='0.14'/%3E%3C/svg%3E");
  }
}
.hex-bg-dark {
  background-color: #121212;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-2.31L54 49.42V17.58L28 2.31 2 17.58v31.84L28 63.69z' fill='%239333EA' fill-opacity='0.05'/%3E%3C/svg%3E");
}
*/

/* ── Angled section clips ── */
.clip-bottom { clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
.clip-top    { clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 100%); }

/* ── Glows ── */
/* ORANGE (active) */
.glow-orange    { box-shadow: 0 0 40px rgba(232,64,0,0.25); }
.glow-orange-sm { box-shadow: 0 0 18px rgba(232,64,0,0.18); }
/* PURPLE — comment out ORANGE above and uncomment below
.glow-orange    { box-shadow: 0 0 40px rgba(147,51,234,0.30); }
.glow-orange-sm { box-shadow: 0 0 18px rgba(147,51,234,0.22); }
*/

/* ── Live pulse ── */
@keyframes live-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.35; }
}
.live-dot { animation: live-pulse 1.4s ease-in-out infinite; }

/* ── Custom scrollbar ── */
::-webkit-scrollbar       { width: 5px; }
::-webkit-scrollbar-track { background: #0A0A0A; }
/* ORANGE (active) */
::-webkit-scrollbar-thumb { background: #E84000; border-radius: 3px; }
/* PURPLE — comment out ORANGE above and uncomment below
::-webkit-scrollbar-thumb { background: #9333EA; border-radius: 3px; }
*/

/* ── Section heading helper ── */
.section-label {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 3rem;
}
/* ORANGE (active) */
.section-bar { width: 4px; height: 2.5rem; background: #E84000; flex-shrink: 0; }
/* PURPLE — comment out ORANGE above and uncomment below
.section-bar { width: 4px; height: 2.5rem; background: #9333EA; flex-shrink: 0; }
*/