/* ===================================================================
   Pulse — max-impact marketing. Deep navy canvas, neon orange/cyan
   accents, a bold grotesk display and a full-bleed carousel.
   Sector-neutral.
   =================================================================== */

:root {
  --font-display:    'Archivo', 'Inter', sans-serif;
  --color-bg:        #0d1022;
  --color-surface:   #141833;
  --color-border:    rgba(255, 255, 255, 0.14);
  --color-border-lt: rgba(255, 255, 255, 0.08);
  --color-text:      #eef1ff;
  --color-text-2:    #b7c0ea;
  --color-text-3:    #8b96c8;
  --color-primary:   #ff5d00;
  --color-primary-h: #ff7a2e;
  --color-primary-l: rgba(255, 93, 0, 0.16);
  --color-muted-bg:  #1b2149;
}

body {
  background:
    radial-gradient(circle at top left, rgba(255, 93, 0, 0.22), transparent 30%),
    radial-gradient(circle at top right, rgba(102, 240, 255, 0.18), transparent 24%),
    linear-gradient(180deg, #080b18 0%, #10142c 48%, #0b0f22 100%);
  background-attachment: fixed;
}

/* Loud display type */
.sf-hero__title,
.sf-detail__title,
.sf-catalog__title,
.sf-entry__title,
.sf-stat__value {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.01em;
}
.sf-hero--stats .sf-hero__title { font-size: clamp(2.8rem, 8vw, 5.4rem); line-height: .92; }

/* Neon accents */
.sf-hero__eyebrow,
.sf-entry__marker { color: #66f0ff; }
.sf-entry__price,
.sf-detail__price { color: #ffe45b; }
.sf-entry { border-color: rgba(255, 255, 255, 0.14); }
.sf-entry:hover { border-color: rgba(255, 93, 0, 0.5); }
.btn--primary { box-shadow: 0 14px 30px -8px rgba(255, 93, 0, 0.55); }