@font-face{font-family:Unbounded;src:url('../fonts/unbounded-cyr.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+1C80-1C8A,U+20B4}
@font-face{font-family:Unbounded;src:url('../fonts/unbounded-lat.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:Manrope;src:url('../fonts/manrope-cyr.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+1C80-1C8A,U+20B4}
@font-face{font-family:Manrope;src:url('../fonts/manrope-lat.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-024F}

:root{--black:#080a0d;--panel:#0d1014;--lime:#d8ff3e;--violet:#7657ff;--white:#f4f3ee;--muted:#969b9f;--line:#ffffff24;--font-unbounded:Unbounded,Arial,sans-serif;--font-manrope:Manrope,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-manrope);font-size:16px}
a{color:inherit;text-decoration:none}
button{font:inherit}
.radar-page{min-height:100vh;overflow:hidden;background:var(--black)}
.radar-header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:5}
.radar-brand{display:flex;align-items:center;gap:13px;width:max-content}
.radar-brand>b{width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:500 12px var(--font-unbounded)}
.radar-brand>span{font:500 12px var(--font-unbounded);letter-spacing:.07em}
.radar-brand small{display:block;margin-top:4px;font:600 7px var(--font-manrope);letter-spacing:.12em;opacity:.45}
.radar-header-actions{display:flex;align-items:center;gap:34px}
.sound-toggle{display:flex;align-items:center;gap:9px;padding:8px 0;border:0;background:transparent;color:#ffffff82;cursor:pointer;font:650 8px var(--font-unbounded);letter-spacing:.1em;transition:color .2s}
.sound-toggle>span{width:6px;height:6px;border-radius:50%;background:#ffffff45;box-shadow:0 0 0 transparent;transition:background .2s,box-shadow .2s}
.sound-toggle:hover,.sound-toggle:focus-visible{color:var(--white);outline:none}
.sound-toggle:focus-visible{box-shadow:0 1px 0 var(--lime)}
.sound-toggle[aria-pressed="true"]{color:var(--white)}
.sound-toggle[aria-pressed="true"]>span{background:var(--lime);box-shadow:0 0 10px #d8ff3e8f}
.sound-toggle:disabled{cursor:not-allowed;opacity:.45}
.back-link{font-size:9px;letter-spacing:.14em;display:flex;gap:18px;align-items:center}
.back-link span{color:var(--lime);font-size:17px}
.radar-intro{min-height:690px;padding:155px 4vw 70px;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(130deg,#080a0d 45%,#11101a 100%)}
.radar-grid{position:absolute;inset:86px 0 0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.intro-copy{position:relative;z-index:2}
.eyebrow,.section-index{margin:0 0 28px;color:var(--lime);font-size:9px;font-weight:700;letter-spacing:.2em}
.radar-intro h1{margin:0;font:500 clamp(70px,10vw,150px)/.82 var(--font-unbounded);letter-spacing:-.075em}
.radar-intro h1 em{color:var(--lime);font-style:normal}
.intro-lead{margin:44px 0 0;max-width:650px;color:#ffffffa0;font-size:clamp(16px,1.6vw,23px);line-height:1.5}
.radar-orbit{--radar-opacity:1;position:absolute;left:83%;right:auto;top:54%;transform:translate(-50%,-50%);transform-origin:50% 50%;opacity:var(--radar-opacity);border:1px solid #d8ff3e42;border-radius:50%;pointer-events:none}
.radar-orbit-outer{width:min(47vw,650px);aspect-ratio:1;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 24.6%,#d8ff3e24 24.8% 25%,transparent 25.2% 49.6%,#d8ff3e2e 49.8% 50%,transparent 50.2% 74.6%,#d8ff3e24 74.8% 75%,transparent 75.2%),radial-gradient(circle,#d8ff3e0d 0,#080a0d 72%);box-shadow:inset 0 0 90px #d8ff3e12,0 0 0 75px #d8ff3e08}
.radar-orbit-outer::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#d8ff3e08 77%,#d8ff3e17 88%,#d8ff3e52 97%,#d8ff3e9e 99%,transparent 100%);animation:radar-page-sweep 4s linear infinite;will-change:transform}
.radar-orbit-outer::after{content:"";position:absolute;inset:10%;border:1px solid #d8ff3e2e;border-radius:50%;box-shadow:inset 0 0 35px #d8ff3e0f,0 0 28px #d8ff3e0d}
.radar-orbit-inner{width:min(28vw,390px);aspect-ratio:1;border-color:#d8ff3e52;background:radial-gradient(circle,#d8ff3e26 0,#d8ff3e0f 48%,#080a0dc7 73%);box-shadow:inset 0 0 35px #d8ff3e12,0 0 24px #d8ff3e0d;transition:border-color .2s,box-shadow .2s}
.radar-orbit-inner::before{content:"";position:absolute;inset:17%;border:1px solid #d8ff3e3d;border-radius:50%;box-shadow:0 0 24px #d8ff3e12;transition:border-color .2s,box-shadow .2s}
.radar-orbit-inner::after{content:"";position:absolute;inset:21%;border-radius:50%;background:var(--lime);box-shadow:0 0 50px #d8ff3e30;animation:radar-center-breathe 4.8s ease-in-out infinite}
.radar-intro.is-detected .radar-orbit-inner{border-color:#d8ff3e8f;box-shadow:inset 0 0 42px #d8ff3e24,0 0 34px #d8ff3e1f}
.radar-intro.is-detected .radar-orbit-inner::before{border-color:#d8ff3e8f;box-shadow:0 0 32px #d8ff3e2e}
.radar-intro.is-detected .radar-orbit-inner::after{animation:radar-center-breathe 4.8s ease-in-out infinite,radar-detected-core .46s ease-out}
.radar-status{position:absolute;right:5vw;bottom:65px;z-index:2;display:flex;align-items:center;gap:12px}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d8ff3e66;animation:radar-live-pulse 2.2s ease-in-out infinite}
.radar-status strong{display:block;font:600 12px var(--font-unbounded);letter-spacing:.12em}
.radar-status small{display:block;margin-top:7px;color:#ffffff72;font-size:8px;letter-spacing:.12em}
.demo-notice{min-height:58px;padding:14px 4vw;display:flex;align-items:center;gap:24px;background:var(--lime);color:var(--black)}
.demo-notice strong{font:650 11px var(--font-unbounded);letter-spacing:.08em}
.demo-notice span{font-size:12px;font-weight:700}
.radar-feed{padding:110px 4vw 130px}
.feed-head{display:grid;grid-template-columns:1fr minmax(260px,.48fr);gap:6vw;align-items:end;margin-bottom:62px}
.section-index{color:var(--violet);margin-bottom:24px}
.feed-head h2{margin:0;font:500 clamp(38px,5vw,72px)/1.02 var(--font-unbounded);letter-spacing:-.06em}
.feed-head>p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.radar-filters{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.radar-filters button{min-height:56px;padding:0 25px;border:0;border-right:1px solid var(--line);background:transparent;color:#ffffff8f;cursor:pointer;font:600 9px var(--font-unbounded);letter-spacing:.08em;transition:background .2s,color .2s}
.radar-filters button:hover,.radar-filters button:focus-visible{color:var(--white);outline:1px solid var(--lime);outline-offset:-1px}
.radar-filters button[aria-pressed="true"]{background:var(--lime);color:var(--black)}
.feed-count{min-height:18px;margin:22px 0;color:#ffffff62;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.signal-list{border-top:1px solid var(--line);transition:opacity .18s ease}
.signal-list.is-filtering{opacity:0}
.signal-group-title{margin:0;padding:28px 0 0;color:var(--lime);font:500 clamp(18px,2vw,24px)/1.3 var(--font-unbounded)}
.signal-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4vw;padding:54px 0 62px;border-bottom:1px solid var(--line);transition:background .2s,border-color .2s,transform .2s}
.signal-card:hover{background:#ffffff04;border-color:#d8ff3e32;transform:translateY(-2px)}
.signal-meta{display:flex;flex-direction:column;gap:14px;color:#ffffff6e;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.signal-category{color:var(--lime);font:650 9px var(--font-unbounded);line-height:1.4}
.signal-number{margin-top:auto;color:#ffffff35;font:500 22px var(--font-unbounded)}
.signal-content{max-width:1000px}
.signal-content h3{max-width:880px;margin:0 0 39px;font:500 clamp(27px,3vw,46px)/1.12 var(--font-unbounded);letter-spacing:-.045em}
.signal-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.signal-section{padding:26px;border:1px solid var(--line);background:#ffffff05}
.signal-section.impact{background:#d8ff3e0e;border-color:#d8ff3e3b}
.signal-section.actions{grid-column:1/-1;background:#7657ff12;border-color:#7657ff55}
.signal-section h4{margin:0 0 17px;color:#ffffff66;font:650 9px var(--font-unbounded);letter-spacing:.1em;text-transform:uppercase}
.signal-section.impact h4{color:var(--lime)}
.signal-section p{margin:0;color:#d4d6d4;font-size:14px;line-height:1.75}
.signal-section p+p{margin-top:12px}
.signal-section ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.signal-section li{position:relative;padding-left:18px;color:#d4d6d4;font-size:14px;line-height:1.6}
.signal-section li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--violet)}
.signal-source{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px;color:#ffffff78;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.signal-source a{padding-bottom:5px;border-bottom:1px solid var(--lime);color:var(--white);font-weight:800}
.signal-source a span{color:var(--lime);font-size:15px}
.feed-error{padding:40px;border:1px solid #7657ff66;background:#7657ff12}
.feed-error strong,.feed-error span{display:block}
.feed-error span{margin-top:10px;color:var(--muted)}
.radar-footer{min-height:135px;padding:35px 4vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-top:1px solid var(--line);color:#ffffff68;font-size:8px;letter-spacing:.12em}
.radar-footer .radar-brand{color:var(--white)}

@keyframes radar-page-sweep{to{transform:rotate(1turn)}}
@keyframes radar-center-breathe{0%,100%{filter:brightness(1);box-shadow:0 0 38px #d8ff3e29}50%{filter:brightness(1.08);box-shadow:0 0 54px #d8ff3e42}}
@keyframes radar-detected-core{0%,100%{filter:brightness(1);box-shadow:0 0 38px #d8ff3e29}32%{filter:brightness(1.16);box-shadow:0 0 68px #d8ff3e66}}
@keyframes radar-live-pulse{0%,100%{opacity:.55;box-shadow:0 0 7px #d8ff3e4f}50%{opacity:1;box-shadow:0 0 14px #d8ff3e8a}}
@keyframes radar-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes radar-graphic-enter{from{opacity:.6}to{opacity:var(--radar-opacity)}}
.motion-ready .intro-copy .eyebrow{animation:radar-enter .42s ease-out both}
.motion-ready .intro-copy h1{animation:radar-enter .48s .08s ease-out both}
.motion-ready .intro-lead{animation:radar-enter .46s .16s ease-out both}
.motion-ready .radar-orbit{animation:radar-graphic-enter .5s .22s ease-out both}
.motion-ready .radar-status{animation:radar-enter .42s .3s ease-out both}
.motion-ready [data-reveal]{opacity:0;transform:translateY(15px);transition:opacity .46s ease-out,transform .46s ease-out}
.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}

@media(max-width:900px){.radar-intro{min-height:610px}.radar-orbit{left:86%;top:56%;--radar-opacity:.65}.radar-orbit-outer{width:480px}.radar-orbit-inner{width:285px}.radar-orbit-outer::after{background:radial-gradient(circle at 18% 30%,#d8ff3e 0 2px,#d8ff3e8f 3px,transparent 8px),radial-gradient(circle at 45% 64%,#d8ff3e 0 2px,#d8ff3e70 3px,transparent 7px),radial-gradient(circle at 58% 79%,#d8ff3e 0 1px,#d8ff3e66 2px,transparent 6px);animation:radar-signal-pulse 3.2s ease-in-out infinite}.radar-status{right:4vw}.signal-card{grid-template-columns:115px minmax(0,1fr);gap:28px}.signal-sections{grid-template-columns:1fr}.signal-section.actions{grid-column:auto}}
@media(max-width:620px){.radar-header{height:74px;padding:0 20px}.radar-brand>b{width:38px;height:38px}.radar-header-actions{gap:15px}.sound-toggle{font-size:7px;gap:6px}.back-link{font-size:0;gap:0}.back-link span{font-size:22px}.radar-intro{min-height:570px;padding:135px 20px 58px;align-items:flex-start}.radar-grid{inset:74px 0 0;background-size:58px 58px}.radar-intro h1{font-size:clamp(53px,17vw,78px)}.intro-lead{margin-top:32px;font-size:15px}.radar-orbit{left:calc(100% - 22px);top:70%}.radar-orbit-outer{width:300px;--radar-opacity:.55}.radar-orbit-inner{width:180px;--radar-opacity:.62}.radar-status{left:20px;right:auto;bottom:36px}.demo-notice{padding:14px 20px;align-items:flex-start;gap:7px;flex-direction:column}.demo-notice span{font-size:11px;line-height:1.45}.radar-feed{padding:78px 20px 90px}.feed-head{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.feed-head h2{font-size:39px}.feed-head>p{font-size:13px}.radar-filters{display:grid;grid-template-columns:1fr 1fr}.radar-filters button{padding:0 10px;border-bottom:1px solid var(--line);font-size:8px}.feed-count{margin:18px 0}.signal-card{display:block;padding:38px 0 46px}.signal-meta{display:grid;grid-template-columns:1fr auto;margin-bottom:22px}.signal-number{display:none}.signal-content h3{margin-bottom:28px;font-size:27px}.signal-sections{gap:14px}.signal-section{padding:21px}.signal-section p,.signal-section li{font-size:13px}.signal-source{align-items:flex-start;flex-direction:column;line-height:1.5}.radar-footer{padding:32px 20px;grid-template-columns:1fr auto;gap:28px}.radar-footer>span:first-of-type{display:none}}
@media(max-width:400px){.radar-intro h1{font-size:52px}.feed-head h2{font-size:35px}.signal-content h3{font-size:24px}.radar-filters button{font-size:7px}.radar-footer>span:last-child{font-size:7px}}
@keyframes radar-signal-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.radar-orbit-outer::before,.radar-orbit-outer::after,.radar-orbit-inner::after,.status-dot,.motion-ready .intro-copy .eyebrow,.motion-ready .intro-copy h1,.motion-ready .intro-lead,.motion-ready .radar-orbit,.motion-ready .radar-status{animation:none}.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}*{transition:none!important}}