/* BuildSight AI — brand layer: navy #22396F ground, blush #FFDCDC / pink #FF91C8 / rose #D45060 accents.
   Teal stays reserved for AI detections; green and amber stay the on-schedule and at-risk states. */

/* navigation */
.nav.is-solid { background: rgba(6, 11, 23, 0.8); }
.nav__sheet { background: rgba(6, 11, 23, 0.97); }

/* hero: navy night sky over the dusk site */
.hero { background: linear-gradient(180deg, #060b17 0%, #0a1430 34%, #12224a 100%); }
.hero__art::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 34%, rgba(212, 80, 96, 0.5) 48%, rgba(255, 145, 200, 0.28) 58%, transparent 72%), linear-gradient(180deg, rgba(34, 57, 111, 0.75) 0%, rgba(34, 57, 111, 0.4) 42%, rgba(34, 57, 111, 0) 72%); mix-blend-mode: color; pointer-events: none; }
.hero__tag, .hero__scan { z-index: 2; }
.hero__sub { color: #c6cfe2; }

/* shared pieces */
.eyebrow { border-color: rgba(76, 108, 184, 0.45); background: rgba(34, 57, 111, 0.35); color: #c9d3ea; }
.btn--ghost { border-color: var(--navy-hi); background: var(--navy); color: #fff; }
.btn--ghost:hover { border-color: #46659f; background: #2a4685; }
.status--dev { color: #c9d3ea; background: rgba(34, 57, 111, 0.55); }

/* product window and video glow navy */
.window { background: rgba(10, 18, 36, 0.86); box-shadow: 0 40px 120px rgba(2, 6, 16, 0.8), 0 0 0 1px rgba(142, 165, 218, 0.05) inset, 0 -30px 140px rgba(34, 57, 111, 0.55); }
.window__bar { background: rgba(34, 57, 111, 0.18); }
.window__dots i { background: #23365f; }
.walk { background: radial-gradient(ellipse 70% 55% at 50% 58%, rgba(34, 57, 111, 0.42), transparent 72%); }
.player { box-shadow: 0 40px 140px rgba(2, 6, 16, 0.85), 0 0 120px rgba(34, 57, 111, 0.55); }
.chapters button { background: rgba(34, 57, 111, 0.14); }

/* sections */
.flow__src li { background: var(--panel); }
.flow__lines path { stroke: rgba(142, 165, 218, 0.22); }
.how__visual { background: radial-gradient(ellipse at 70% 0%, rgba(34, 57, 111, 0.45), transparent 62%), var(--panel); }
.feat { background: linear-gradient(180deg, rgba(34, 57, 111, 0.16), rgba(34, 57, 111, 0.04)), var(--bg-1); }
.frame { background: var(--panel); }

/* Technology: the signature navy band */
.tech { background: radial-gradient(ellipse 90% 80% at 50% 0%, rgba(34, 57, 111, 0.9), rgba(34, 57, 111, 0.25) 55%, transparent 85%), #08101f; }
.passes li { border-color: rgba(76, 108, 184, 0.38); background: rgba(34, 57, 111, 0.28); }
.passes li::after { border-color: var(--navy-tint); }
.tech__foot { border-color: rgba(76, 108, 184, 0.38); background: rgba(34, 57, 111, 0.22); }

.mods li, .roles li, .secu__list li { background: linear-gradient(180deg, rgba(34, 57, 111, 0.14), transparent), var(--bg-1); }
.mods li:hover { border-color: rgba(76, 108, 184, 0.55); }
.secu__list li > span { background: rgba(34, 57, 111, 0.55); color: #c9d3ea; }
.vs__row span:last-child { background: rgba(34, 57, 111, 0.3); }
.pilot__card { border-color: rgba(76, 108, 184, 0.55); background: radial-gradient(ellipse at 0% 0%, rgba(255, 145, 200, 0.16), transparent 55%), linear-gradient(135deg, #22396f 0%, #142451 55%, #0d1838 100%); }
.pilot__steps li { background: rgba(6, 11, 23, 0.35); border-color: rgba(142, 165, 218, 0.18); }
.final__art { filter: hue-rotate(-8deg) saturate(0.95); }
.final::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 30%, rgba(212, 80, 96, 0.45) 50%, rgba(255, 145, 200, 0.22) 62%, transparent 76%), linear-gradient(180deg, rgba(34, 57, 111, 0.55), rgba(34, 57, 111, 0) 60%); mix-blend-mode: color; pointer-events: none; }
.final__in { position: relative; }
.final__in::before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: min(1100px, 120%); height: 150%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(6, 11, 23, 0.82), rgba(6, 11, 23, 0.45) 55%, transparent 75%); pointer-events: none; }
.foot { background: #050914; }

/* the live app inside the hero window follows the same navy ground */
.bsa-side { background: #08101f; }
.bsa-top { background: rgba(10, 18, 36, 0.92); }
.bsa-cmd { background: #050914; }

/* status text: rose for shapes and bars, a lighter rose for small text so it stays readable on navy */
.bs-pill--late, td.is-late, dd.is-late, b.is-late, .bad, .bsa-table td.is-late, .hv__att i.late { color: var(--bad-text); }
.bsa-att__shape.is-late, .bs-plan__zone--late .bs-plan__shape { color: var(--bad); fill: var(--bad); }

/* blush details */
.nav__brand em, .wm em, .mark em { color: var(--accent); }
a:hover { color: #ffffff; }
.btn--text:hover { color: #ffffff; }
.eyebrow i { background: var(--accent); box-shadow: 0 0 10px rgba(255, 145, 200, 0.8); }
.chip { background: rgba(255, 145, 200, 0.14); color: var(--accent-2); }
.bsa-msg--u p { background: rgba(255, 145, 200, 0.16); }
.page-hero::before { background: radial-gradient(ellipse 60% 70% at 70% 0%, rgba(255, 145, 200, 0.14), transparent 70%), radial-gradient(ellipse 60% 70% at 10% 20%, rgba(34, 57, 111, 0.55), transparent 70%); }