/* First Signal A1 visual identity — presentation layer only; no data or auth changes. */
:root{--bg:#030d0d;--panel:#071b1b;--panel2:#0b2523;--border:#1a4840;--text:#f5fffc;--muted:#a0bcb6;--mint:#5bf1c1;--mintsoft:#103b30}
body{background:radial-gradient(ellipse at 90% 0%,#0a2b24 0%,transparent 43%),var(--bg)}
.sidebar{background:#041411;border-right-color:#194137}
.brand{letter-spacing:0;gap:12px}
.brand strong{font-size:15px;letter-spacing:-.35px;color:#f5fffc}
.brand small{letter-spacing:1px}
.brand-symbol{border:0;border-radius:0;background:none;width:39px;height:39px;overflow:visible}
.brand-symbol:before{content:'';inset:0;border-radius:0;background:#5bf1c1;clip-path:polygon(0 70%,19% 62%,19% 100%,0 100%,28% 47%,48% 39%,48% 100%,28% 100%,57% 21%,78% 10%,78% 100%,57% 100%);filter:drop-shadow(0 0 4px #5bf1c155)}
.brand-symbol span{display:none}
.headline h1{font-weight:800;letter-spacing:-1.1px}
.primary{background:#5bf1c1;border-color:#5bf1c1;color:#042219;box-shadow:0 6px 25px #31d6a31b}
.radar-panel,.detail-panel,.feed-panel,.plans-panel,.metric{background:linear-gradient(145deg,#0a211f,#071714);border-color:#1d4a40}
.radar-field{background:radial-gradient(circle,#0a3128 0%,#061b19 63%,#041411 100%);border-color:#286d58;box-shadow:0 0 0 9px #1a5b3d18,inset 0 0 50px #0d63402e,0 0 70px #10ac6b12}
.radar-ring{border-color:#36a37c55}.radar-axis{background:#3fa47c38}
.radar-panel .section-head h2{letter-spacing:-.35px}
.nav.on{background:#10392e;border-color:#287c5b}
.signal-card{background:#0c2622;border-color:#285246}
.signal-card:hover,.signal-card.selected{background:#103b30;border-color:#5bf1c1}
@media(max-width:560px){.brand strong{font-size:11px}.brand-symbol{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

/* B3: restrained discovery sweep in the hero; decorative and non-interactive. */
.brand-hero{position:relative;isolation:isolate;overflow:hidden;min-height:190px;padding:33px 38px;background:radial-gradient(ellipse at 85% 45%,#114c3b 0%,transparent 48%),linear-gradient(110deg,#0b2420,#061411 75%);border-color:#25624e;box-shadow:inset 3px 0 0 #5bf1c1,0 15px 45px #0002}
.brand-hero>*{position:relative;z-index:2}
.brand-hero-name{color:#6ef6c7;letter-spacing:2.7px}
.brand-hero-headline{font-size:clamp(32px,3.8vw,54px);max-width:700px;line-height:1.08}
.brand-hero-tagline{color:#b2d5c8}
.brand-hero:before{content:'';position:absolute;z-index:1;right:-2%;top:7%;width:min(47%,440px);height:87%;opacity:.85;background:radial-gradient(circle at 77% 34%,#c7ffeb 0 3px,#65eabd 4px 6px,transparent 7px),radial-gradient(circle at 77% 34%,transparent 0 14px,#4be5ac30 15px 16px,transparent 17px),repeating-radial-gradient(circle at 77% 34%,transparent 0 42px,#52d7aa18 43px 44px,transparent 45px 76px);pointer-events:none}
.brand-hero:after{content:'';position:absolute;z-index:1;right:8%;top:34%;width:min(31%,270px);height:2px;transform-origin:100% 50%;transform:rotate(-24deg);background:linear-gradient(90deg,transparent,#52e5b488,#a5ffe1);box-shadow:0 0 16px #50e9ad77;animation:first-signal-discovery 8s ease-in-out infinite;pointer-events:none}
@keyframes first-signal-discovery{0%,15%{opacity:0;transform:rotate(-36deg) scaleX(.6)}35%,72%{opacity:1;transform:rotate(-24deg) scaleX(1)}90%,100%{opacity:0;transform:rotate(-14deg) scaleX(.85)}}
@media(max-width:730px){.brand-hero{min-height:165px;padding:24px 20px}.brand-hero-headline{max-width:75%;font-size:clamp(26px,6.2vw,38px)}.brand-hero:before{width:48%;right:-10%;opacity:.55}.brand-hero:after{right:3%;width:30%}}
@media(max-width:400px){.brand-hero-headline{max-width:100%}.brand-hero:before,.brand-hero:after{opacity:.2}}
@media(prefers-reduced-motion:reduce){.brand-hero:after{animation:none;opacity:.65}}