/* Signal de l’aube: chaque section matérialise une source, un filtre, une priorité ou un signal commercial. */
.hero-image { background: linear-gradient(90deg, var(--bee-background) 0%, rgba(8,19,31,.96) 36%, rgba(8,19,31,.4) 100%), linear-gradient(0deg,var(--bee-background) 0%,transparent 42%), url("images/beesquad-hero-radar.jpg") center/cover no-repeat !important; }
.detection-chips { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 2px; }.detection-chips span { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border:1px solid rgba(255,211,77,.3); color:#dce8eb; background:rgba(8,19,31,.36); font:700 10px/1 var(--font-display); letter-spacing:.02em; }.detection-chips i { color:var(--bee-primary); font:700 8px/1 var(--font-display); font-style:normal; }.form-positioning { margin:0 0 17px; padding:11px 12px; border-left:3px solid var(--bee-primary); background:#e8e2d1; }.form-positioning p { margin:0 0 8px !important; color:#52666c !important; font:700 9px/1 var(--font-display) !important; letter-spacing:.1em; }.form-positioning span { display:block; margin-top:4px; color:#445b62; font-size:10px; line-height:1.3; }.form-positioning span::before { content:"✓"; margin-right:6px; color:#ca8d12; font-weight:800; }
.section { position: relative; }
.signal-rail { position: absolute; top: 0; right: 0; left: max(18px, calc((100vw - 1140px) / 2)); height: 1px; display: flex; align-items: center; background: rgba(8, 19, 31, .18); }
.signal-rail span { width: 13%; height: 3px; background: var(--bee-primary); }
.signal-rail i { width: 8px; height: 8px; margin-left: 12%; border: 1px solid #b8841a; background: var(--bee-paper); transform: rotate(30deg); }
.signal-rail i:nth-of-type(2) { background: var(--bee-primary); }
.signal-rail.light { background: var(--bee-line); }
.signal-rail.light i { border-color: rgba(255, 211, 77, .55); background: var(--bee-surface); }
.signal-rail.light i:nth-of-type(2) { background: var(--bee-primary); }
.value-card.featured { background: #e2e6df; }
.card-signal { display: flex; align-items: center; gap: 12px; color: #53666b; font: 700 9px/1 var(--font-display); letter-spacing: .09em; }
.step-meta { margin: 0 0 7px !important; color: var(--bee-primary) !important; font: 700 9px/1 var(--font-display) !important; letter-spacing: .1em; }
@media (max-width: 620px) { .signal-rail { left: 18px; }.signal-rail span { width: 22%; }.signal-rail i { margin-left: 13%; }.detection-chips { gap:5px; }.detection-chips span { font-size:9px; } }