/* Alpha Signal SOS — PRO
   Axes: SOS signal tower · Beacon Bea · Morse Max · lighthouse HUD · Share Tech Mono · urgent ping · SEND THE SOS */
:root{
  --navy:#050b18;--tower:#0a1528;--panel:#112038;--warn:#ff2a3a;--flare:#ff6b4a;
  --fog:#a8c0e0;--paper:#eef4ff;--grid:rgba(255,42,58,.22);
  --display:"Share Tech Mono",ui-monospace,monospace;--body:"Share Tech Mono",ui-monospace,monospace;
  --wrap:1100px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--paper);font-family:var(--body);line-height:1.55;
  background-image:
    radial-gradient(ellipse at 70% 0%,rgba(255,42,58,.16),transparent 42%),
    radial-gradient(ellipse at 10% 80%,rgba(40,100,220,.12),transparent 48%),
    repeating-linear-gradient(90deg,transparent,transparent 48px,rgba(255,42,58,.028) 49px);
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--flare);text-decoration:none}
a:hover{color:#ffb39a}

.tower-bar{position:sticky;top:0;z-index:60;background:rgba(5,11,24,.95);border-bottom:2px solid var(--grid);backdrop-filter:blur(8px)}
.tower-bar__row{width:min(100% - 2rem,var(--wrap));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem 0}
.sos-crest{display:flex;align-items:center;gap:.65rem;color:var(--warn);font-family:var(--display);font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}
.sos-crest img{width:40px;height:40px;border-radius:4px;object-fit:cover;border:2px solid var(--warn);box-shadow:0 0 16px rgba(255,42,58,.5)}
.sos-crest small{display:block;font-size:.55rem;letter-spacing:.22em;color:var(--fog);font-weight:400}
.flare-nav{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.flare-nav a{color:var(--fog);padding:.28rem .4rem}
.flare-nav a:hover{color:var(--warn)}
.sos-pill{background:linear-gradient(135deg,var(--warn),var(--flare));color:#fff!important;padding:.5rem .85rem!important;font-weight:700;border-radius:2px;box-shadow:0 0 20px rgba(255,42,58,.45);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}

.radar-hero{position:relative;min-height:min(86vh,740px);display:grid;place-items:center;overflow:hidden;border-bottom:2px solid var(--grid)}
.radar-hero__sweep{position:absolute;inset:0;background:url("hero.png") center/cover no-repeat;opacity:.36;filter:saturate(1.2) contrast(1.08)}
.tower-glass{position:relative;z-index:2;width:min(94vw,620px);background:rgba(10,21,40,.94);border:2px solid rgba(255,42,58,.55);box-shadow:0 0 50px rgba(255,42,58,.2),inset 0 0 40px rgba(40,100,220,.08);padding:2.2rem 1.85rem;text-align:left;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
.ping-tag{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--warn);margin:0 0 .6rem}
.tower-glass h1{margin:0;font-family:var(--display);font-size:clamp(1.7rem,4.8vw,2.6rem);line-height:1.15;color:var(--paper);text-shadow:0 0 22px rgba(255,42,58,.4)}
.radar-lede{margin:1rem 0 0;font-size:.9rem;color:var(--fog);max-width:48ch}
.flare-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0 .8rem}
.btn-sos{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--warn),#ff4d5c);color:#fff!important;padding:.88rem 1.25rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 26px rgba(255,42,58,.5);font-family:var(--display);font-size:.95rem;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.btn-sos:hover{background:var(--flare);color:#1a0508!important}
.btn-ghost-signal{display:inline-flex;padding:.75rem 1rem;border:1px solid rgba(255,107,74,.5);color:var(--flare)!important;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(5,11,24,.6)}
.warn-chip{font-size:.66rem;color:var(--fog);border:1px dashed rgba(168,192,224,.35);padding:.3rem .7rem;letter-spacing:.1em}
.pulse-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin:1.4rem 0 0;width:100%;max-width:460px}
@media(max-width:520px){.pulse-strip{grid-template-columns:1fr 1fr}}
.pulse-cell{background:rgba(5,11,24,.9);border:1px solid var(--grid);padding:.5rem .35rem}
.pulse-cell dt{margin:0;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.pulse-cell dd{margin:.18rem 0 0;font-size:.98rem;color:var(--warn);font-weight:700}

.tower-deck{padding:3.2rem 0;border-bottom:1px solid var(--grid)}
.tower-shell{width:min(100% - 2rem,var(--wrap));margin-inline:auto}
.freq-head{margin-bottom:1.4rem}
.tower-badge{display:inline-block;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(255,42,58,.5);padding:.24rem .55rem;margin-bottom:.55rem}
.freq-head h2{margin:0;font-family:var(--display);font-size:clamp(1.35rem,2.8vw,1.95rem);color:var(--paper);letter-spacing:.04em}
.freq-head p{margin:.4rem 0 0;color:var(--fog);font-size:.86rem}
.pulse-live{color:var(--flare);font-weight:700}
.pulse-live.is-armed{color:#7dff9a}

.radar-board{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.3rem}
@media(max-width:720px){.radar-board{grid-template-columns:1fr 1fr}}
.radar-tile{background:var(--tower);border:1px solid var(--grid);border-left:3px solid var(--warn);padding:1.15rem .9rem;text-align:left}
.radar-num{font-family:var(--display);font-size:1.55rem;color:var(--warn)}
.radar-lab{font-size:.64rem;color:var(--fog);letter-spacing:.1em;text-transform:uppercase;margin-top:.28rem}

.ping-rail{display:flex;flex-direction:column;gap:.45rem}
.ping-empty{color:var(--fog);padding:1.1rem;border:1px dashed var(--grid);text-align:center}
.blip-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:.7rem;align-items:center;padding:.78rem .95rem;background:var(--tower);border:1px solid var(--grid);border-left:4px solid var(--warn);color:var(--paper);transition:border-color .2s,background .2s}
.blip-row:hover{background:var(--panel);border-color:var(--flare);color:#fff}
.blip-led{width:9px;height:9px;background:var(--warn);box-shadow:0 0 12px var(--warn);animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.blip-chain{font-size:.62rem;letter-spacing:.14em;font-weight:700;color:var(--warn);border:1px solid rgba(255,42,58,.45);padding:.16rem .4rem}
.blip-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.blip-sym{font-weight:700;font-size:.95rem}
.blip-topic{font-size:.74rem;color:var(--fog);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blip-mc{font-weight:700;color:var(--flare);font-size:.88rem}

.bea-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.6rem;align-items:stretch}
@media(max-width:880px){.bea-split{grid-template-columns:1fr}}
.bea-copy .radar-lede{font-size:1.02rem;color:var(--paper);margin:0;max-width:none}
.bea-portrait{margin:0;border:2px solid var(--grid);background:var(--panel);overflow:hidden;box-shadow:0 0 28px rgba(255,42,58,.15)}
.bea-portrait img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 15%;filter:contrast(1.08) saturate(1.1)}
.bea-portrait figcaption{padding:1.05rem 1.15rem 1.3rem;border-top:3px solid var(--warn)}
.bea-portrait h3{margin:0 0 .15rem;color:var(--warn);font-family:var(--display);font-size:1.35rem;letter-spacing:.06em}
.bea-role{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--flare);margin:0 0 .45rem}
.bea-portrait p{margin:0;color:var(--fog);font-size:.86rem}

.morse-quote{margin:0;padding:1.5rem 1.4rem;background:var(--tower);border:1px solid var(--grid);border-top:4px solid var(--warn)}
.morse-quote p{margin:0;font-size:1.02rem;color:var(--paper)}
.morse-quote cite{display:block;margin-top:.8rem;font-style:normal;color:var(--fog);font-size:.82rem}
.morse-quote strong{color:var(--warn)}

.protocol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
@media(max-width:780px){.protocol-grid{grid-template-columns:1fr}}
.protocol-card{background:var(--tower);border:1px solid var(--grid);padding:1.15rem 1.05rem}
.protocol-mark{display:inline-block;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--warn);margin-bottom:.4rem}
.protocol-card h3{margin:0 0 .35rem;font-size:1.02rem;color:var(--paper)}
.protocol-card p{margin:0;color:var(--fog);font-size:.84rem}

.sos-band{margin-top:1.65rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 1.25rem;background:linear-gradient(100deg,rgba(255,42,58,.16),rgba(40,100,220,.08));border:1px solid rgba(255,42,58,.4)}
.sos-band h2{margin:0;font-size:1.15rem;letter-spacing:.04em}
.sos-band p{margin:.28rem 0 0;color:var(--fog);font-size:.84rem}

.signal-matrix{display:flex;flex-wrap:wrap;gap:.5rem}
.signal-matrix a{padding:.5rem .8rem;background:var(--tower);border:1px solid var(--grid);color:var(--fog);font-size:.74rem;letter-spacing:.05em}
.signal-matrix a:hover{border-color:var(--warn);color:var(--warn)}
.signal-hot{background:rgba(255,42,58,.12)!important;border-color:rgba(255,42,58,.5)!important;color:var(--warn)!important}

.sos-reviews{padding:3.2rem 0;border-bottom:1px solid var(--grid);background:rgba(10,21,40,.5)}
.sos-reviews h2{margin:0 0 .3rem;font-size:clamp(1.35rem,2.8vw,1.9rem)}
.sos-reviews .radar-lede{margin:0 0 1.3rem;max-width:52ch}
.flare-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;-webkit-overflow-scrolling:touch}
.flare-carousel:hover{animation-play-state:paused}
.flare-slide{flex:0 0 min(78vw,300px);scroll-snap-align:start;margin:0;border:2px solid var(--grid);background:var(--panel);overflow:hidden}
.flare-slide img{width:100%;aspect-ratio:3/4;object-fit:cover}
.flare-hint{margin:.75rem 0 0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fog)}

.tower-reel{padding:3.1rem 0;border-bottom:1px solid var(--grid)}
.tower-reel h2{margin:0 0 1rem;font-size:clamp(1.3rem,2.8vw,1.85rem)}
.tower-screen{border:2px solid var(--grid);overflow:hidden;background:#000;box-shadow:0 0 28px rgba(255,42,58,.12)}
.kit-video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}

.desk-foot{padding:2.7rem 0 1.4rem;border-bottom:1px solid var(--grid)}
.desk-foot h2{margin:0 0 1rem;font-size:1.25rem}
.desk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
@media(max-width:820px){.desk-grid{grid-template-columns:1fr 1fr}}
.desk-grid div{background:var(--tower);border:1px solid var(--grid);padding:.95rem}
.desk-grid strong{display:block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--warn);margin-bottom:.3rem}
.desk-grid a{color:var(--flare);word-break:break-all}

.kit-locked-foot{padding:1.3rem 1rem 2rem;text-align:center;background:rgba(2,6,14,.96);border-top:2px solid var(--grid)}
.kit-locked-foot p{margin:.2rem 0;color:var(--fog);font-size:.82rem;letter-spacing:.05em}
.kit-locked-foot p:first-child{color:var(--warn);font-weight:700}

@media(max-width:640px){
  .flare-nav a:not(.sos-pill){display:none}
}