:root{
  --bg:#07090d;--bg2:#0a0d12;--panel:#0e1218;--panel2:#111720;
  --text:#f4f7fb;--muted:#8893a2;--faint:#596474;--line:rgba(255,255,255,.09);
  --accent:#c8ff4d;--accent2:#83ffcf;--max:1240px;--radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 50% -20%,rgba(200,255,77,.08),transparent 32rem),
  linear-gradient(180deg,var(--bg),#080b10 55%,#07090d);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--accent);color:#050704}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--accent);color:#050704;padding:10px 14px;border-radius:10px;font-weight:800}
.skip-link:focus{top:16px}
.ambient{position:fixed;pointer-events:none;filter:blur(120px);opacity:.12;border-radius:50%;z-index:-1}
.ambient-one{width:420px;height:420px;background:var(--accent);right:-180px;top:120px}
.ambient-two{width:320px;height:320px;background:#4d7cff;left:-180px;top:740px}
.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}

.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,9,13,.72);backdrop-filter:blur(20px) saturate(140%)}
.header-inner{width:min(calc(100% - 48px),var(--max));height:74px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.brand{display:inline-flex;align-items:center;gap:7px;width:max-content;font-weight:900;font-size:19px;letter-spacing:-.045em}
.brand-divider{color:#46505d}.brand-ai{color:var(--accent)}
.top-nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}
.top-nav a{transition:color .2s ease}.top-nav a:hover{color:var(--text)}
.header-status{justify-self:end;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.16em;font-weight:900;color:#b5c0cc}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(200,255,77,.45);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(200,255,77,.4)}70%{box-shadow:0 0 0 9px rgba(200,255,77,0)}100%{box-shadow:0 0 0 0 rgba(200,255,77,0)}}

.hero{padding:110px 0 58px}
.hero-kicker,.eyebrow{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.hero-kicker{display:flex;align-items:center;gap:11px;margin-bottom:28px}
.hero h1{margin:0;max-width:1080px;font-size:clamp(58px,9.2vw,126px);line-height:.86;letter-spacing:-.075em;font-weight:850}
.hero h1 span{display:inline-block;color:#667180}
.hero-copy{max-width:710px;margin:35px 0 0;color:#a0abb8;font-size:clamp(17px,2vw,21px);line-height:1.55;letter-spacing:-.015em}
.hero-actions{display:flex;gap:12px;align-items:center;margin-top:34px}
.primary-cta,.secondary-cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.primary-cta{background:var(--accent);color:#080b07;gap:16px}.primary-cta:hover{transform:translateY(-2px);background:#d5ff72}
.secondary-cta{border:1px solid var(--line);color:#b3bdc8;background:rgba(255,255,255,.02)}.secondary-cta:hover{border-color:rgba(255,255,255,.2);color:var(--text)}
.signal-strip{margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
.signal-strip>div{padding:21px 22px 20px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.signal-strip>div:not(:first-child){padding-left:22px}.signal-strip>div:last-child{border-right:0}
.signal-strip strong{font-size:18px;letter-spacing:-.03em}.signal-strip span{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.11em}

.source-marquee{overflow:hidden;border-bottom:1px solid var(--line);white-space:nowrap}
.marquee-track{width:max-content;padding:17px 0;display:flex;align-items:center;gap:34px;color:#697482;font-size:10px;letter-spacing:.22em;font-weight:900;animation:marquee 32s linear infinite}
.marquee-track i{font-style:normal;color:#35404c;font-size:7px}
@keyframes marquee{to{transform:translateX(-50%)}}

.radar{padding:94px 0 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px}
.eyebrow{margin:0 0 12px}
.section-heading h2,.sources h2,.about h2,.brief h2{margin:0;font-size:clamp(38px,5vw,64px);letter-spacing:-.055em;line-height:.98}
.section-heading>p{max-width:390px;margin:0 0 7px;color:var(--muted);font-size:14px}
.toolbar{position:sticky;top:74px;z-index:40;margin:0 -10px 28px;padding:12px 10px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(7,9,13,.84);backdrop-filter:blur(18px)}
.filters{display:flex;flex-wrap:wrap;gap:7px}
.filter{appearance:none;border:1px solid var(--line);background:#0b0f15;color:#7f8a98;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:750;cursor:pointer;transition:all .18s ease}
.filter:hover{color:var(--text);border-color:rgba(255,255,255,.18)}
.filter.active{color:#080b07;background:var(--accent);border-color:var(--accent)}
.search-wrap{position:relative;display:block;min-width:260px}
.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-52%);color:#677281;font-size:18px}
.search-wrap input{width:100%;height:40px;padding:0 14px 0 38px;border:1px solid var(--line);border-radius:999px;background:#0b0f15;color:var(--text);outline:none;font-size:12px}
.search-wrap input:focus{border-color:rgba(200,255,77,.45);box-shadow:0 0 0 3px rgba(200,255,77,.06)}

.featured-wrap{margin-bottom:14px}
.featured-story{position:relative;overflow:hidden;min-height:430px;border:1px solid var(--line);border-radius:var(--radius);background:
  linear-gradient(120deg,rgba(200,255,77,.065),transparent 36%),
  linear-gradient(180deg,#0f141b,#0b0f14);
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);transition:border-color .25s ease,transform .25s ease}
.featured-story:hover{border-color:rgba(200,255,77,.3);transform:translateY(-2px)}
.featured-main{padding:46px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.featured-topline{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.featured-topline strong{color:var(--text)}.featured-topline i{width:3px;height:3px;border-radius:50%;background:#47515e}
.featured-title{max-width:820px;margin:24px 0 34px;font-size:clamp(34px,4.7vw,62px);line-height:.98;letter-spacing:-.055em}
.featured-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.category-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;color:#a5b0bd;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.open-label{font-size:12px;color:#a3adba}.open-label b{color:var(--accent);margin-left:7px}
.featured-visual{border-left:1px solid var(--line);position:relative;min-height:100%;display:flex;align-items:end;justify-content:flex-end;padding:34px;background-image:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px}
.featured-visual:before{content:"";position:absolute;inset:18% 16%;border:1px solid rgba(200,255,77,.16);border-radius:50%;box-shadow:0 0 80px rgba(200,255,77,.08),inset 0 0 50px rgba(200,255,77,.04)}
.signal-number{position:relative;font-size:clamp(90px,11vw,152px);line-height:.75;font-weight:900;letter-spacing:-.09em;color:rgba(255,255,255,.055);user-select:none}
.signal-cross{position:absolute;left:28px;top:28px;color:var(--accent);font-size:20px;font-weight:200}

.feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.story-card{position:relative;min-height:265px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));padding:27px;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.story-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}
.story-card:hover .story-title{color:var(--accent)}
.story-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
.story-source{color:#dbe1e8;font-weight:800}.story-time{color:#66717f}
.story-title{margin:31px 0 24px;font-size:clamp(22px,2.4vw,31px);line-height:1.07;letter-spacing:-.038em;transition:color .2s ease}
.story-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}
.story-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#909aa7;transition:transform .2s ease,border-color .2s ease,color .2s ease}
.story-card:hover .story-arrow{transform:rotate(45deg);color:var(--accent);border-color:rgba(200,255,77,.35)}
.empty{border:1px dashed var(--line);border-radius:20px;padding:54px;text-align:center;color:var(--muted)}

.brief{position:relative;overflow:hidden;margin-top:110px;border:1px solid var(--line);border-radius:var(--radius);min-height:330px;padding:46px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;background:#0c1016}
.brief-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,77,.17),transparent 65%);right:-160px;top:-260px;pointer-events:none}
.brief h2{font-size:clamp(48px,6.5vw,84px)}
.brief-copy{position:relative;justify-self:end;max-width:360px;padding-bottom:8px}
.brief-copy p{color:#919caa;font-size:16px;line-height:1.6;margin:0 0 24px}
.coming-soon{display:inline-flex;padding:8px 10px;border:1px solid rgba(200,255,77,.35);border-radius:999px;color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:900}

.sources{padding:110px 0 0}
.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.source-grid a{min-height:205px;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;background:#0b0f14;transition:transform .2s ease,border-color .2s ease}
.source-grid a:hover{transform:translateY(-3px);border-color:rgba(200,255,77,.25)}
.source-index{font-size:10px;color:#56616e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.source-grid strong{margin-top:auto;font-size:21px;letter-spacing:-.03em}
.source-grid span:not(.source-index){color:#6f7a88;font-size:12px;margin-top:3px}
.source-grid b{align-self:flex-end;margin-top:18px;color:var(--accent);font-weight:400}

.about{padding:120px 0 115px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.about-lead{position:sticky;top:120px;align-self:start}
.about-lead h2{max-width:540px}
.principles{display:grid;gap:10px}
.principles article{border-top:1px solid var(--line);padding:25px 0 30px;display:grid;grid-template-columns:46px 1fr;column-gap:15px}
.principles article>span{grid-row:1/3;color:#53606e;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:4px}
.principles h3{margin:0;font-size:23px;letter-spacing:-.035em}
.principles p{margin:8px 0 0;color:var(--muted);max-width:530px;font-size:14px}

.footer{border-top:1px solid var(--line);min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#687382;font-size:11px}
.footer-brand{font-size:16px}.footer p{margin:0}.footer p:last-child{justify-self:end}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:900px){
  .featured-story{grid-template-columns:1fr}.featured-visual{min-height:220px;border-left:0;border-top:1px solid var(--line)}
  .source-grid{grid-template-columns:repeat(2,1fr)}
  .about{grid-template-columns:1fr;gap:40px}.about-lead{position:static}
  .brief{grid-template-columns:1fr;gap:40px}.brief-copy{justify-self:start}
}
@media(max-width:720px){
  .shell,.header-inner{width:min(calc(100% - 28px),var(--max))}
  .header-inner{grid-template-columns:1fr auto}.top-nav{display:none}.site-header{position:sticky}
  .hero{padding:74px 0 42px}.hero h1{font-size:clamp(54px,17vw,82px);line-height:.89}.hero-copy{font-size:17px}
  .hero-actions{align-items:stretch}.primary-cta,.secondary-cta{padding-inline:15px}
  .signal-strip{grid-template-columns:1fr 1fr;margin-top:52px}.signal-strip>div{border-bottom:1px solid var(--line)}.signal-strip>div:nth-child(2){border-right:0}.signal-strip>div:nth-last-child(-n+2){border-bottom:0}
  .radar,.sources{padding-top:72px}.section-heading{display:block}.section-heading>p{margin-top:16px}
  .toolbar{top:74px;align-items:stretch;flex-direction:column}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap}
  .search-wrap{min-width:0;width:100%}
  .featured-main{padding:28px}.featured-title{font-size:36px}.featured-footer{align-items:flex-end}.featured-visual{min-height:170px}
  .feed-grid{grid-template-columns:1fr}.story-card{min-height:230px}.story-title{font-size:25px}
  .brief{margin-top:78px;padding:28px}.brief h2{font-size:50px}
  .source-grid{grid-template-columns:1fr 1fr}.source-grid a{min-height:175px}
  .about{padding:88px 0 82px}.principles article{grid-template-columns:38px 1fr}
  .footer{grid-template-columns:1fr auto;gap:16px;padding:28px 0;min-height:0}.footer p:nth-child(2){grid-column:1/-1;grid-row:2}.footer p:last-child{grid-column:2;grid-row:1}
}
@media(max-width:460px){
  .source-grid{grid-template-columns:1fr}.source-grid a{min-height:150px}
  .hero-actions{flex-direction:column}.secondary-cta{border-color:transparent;justify-content:flex-start;padding-left:3px}
  .signal-strip>div{padding:17px 14px 17px 0}.signal-strip>div:not(:first-child){padding-left:14px}
  .featured-title{font-size:31px}.featured-visual{min-height:145px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.pulse-dot,.marquee-track{animation:none}.primary-cta,.story-card,.featured-story,.source-grid a{transition:none}
}

/* =========================
   SXF PREMIUM SIGNAL HERO
========================= */
.hero-premium{padding:58px 0 52px}
.hero-frame{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);
  gap:32px;
  align-items:stretch;
  min-height:660px;
}
.hero-identity{
  position:relative;
  z-index:2;
  padding:52px 14px 12px 0;
  display:flex;
  flex-direction:column;
}
.hero-premium .hero-kicker{margin-bottom:24px}
.hero-premium h1{
  max-width:590px;
  font-size:clamp(48px,5.6vw,78px);
  line-height:.92;
  letter-spacing:-.065em;
}
.hero-premium h1 span{color:#6c7785}
.hero-premium .hero-copy{
  max-width:520px;
  margin-top:27px;
  font-size:16px;
  line-height:1.72;
  color:#97a2af;
}
.hero-premium .hero-actions{margin-top:28px}
.hero-premium .signal-strip{
  margin-top:auto;
  grid-template-columns:repeat(2,1fr);
}
.hero-premium .signal-strip>div{
  min-height:70px;
  padding:17px 16px 16px 0;
}
.hero-premium .signal-strip>div:nth-child(2){border-right:0}
.hero-premium .signal-strip>div:nth-child(3),
.hero-premium .signal-strip>div:nth-child(4){border-top:1px solid var(--line)}
.hero-premium .signal-strip>div:nth-child(3){padding-left:0}
.hero-premium .signal-strip strong{font-size:17px}
.hero-premium .signal-strip span{font-size:9px;letter-spacing:.14em}

.hero-radar{
  position:relative;
  overflow:hidden;
  min-height:660px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 48%,rgba(200,255,77,.055),transparent 18rem),
    radial-gradient(circle at 82% 18%,rgba(87,126,255,.07),transparent 17rem),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
    #090d12;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 30px 100px rgba(0,0,0,.32);
  isolation:isolate;
}
.hero-radar-grid{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:40px 40px;
  opacity:.43;
  mask-image:radial-gradient(circle at center,#000 12%,rgba(0,0,0,.9) 50%,transparent 92%);
}
.hero-radar-haze{
  position:absolute;
  width:520px;height:520px;
  left:50%;top:47%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,77,.075),rgba(200,255,77,.02) 36%,transparent 70%);
  filter:blur(7px);
}
.hero-radar-sweep{
  position:absolute;
  width:520px;height:520px;
  left:50%;top:47%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:conic-gradient(
    from 0deg,
    transparent 0deg 305deg,
    rgba(200,255,77,.02) 310deg,
    rgba(200,255,77,.19) 338deg,
    rgba(200,255,77,.48) 349deg,
    transparent 360deg
  );
  opacity:.75;
  animation:sxfRadarSweep 11s linear infinite;
  transform-origin:center;
}
@keyframes sxfRadarSweep{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
.orbit{
  position:absolute;
  left:50%;top:47%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(200,255,77,.135);
  box-shadow:inset 0 0 55px rgba(200,255,77,.018);
}
.orbit-outer{width:510px;height:510px}
.orbit-mid{width:360px;height:360px}
.orbit-inner{width:205px;height:205px;border-color:rgba(200,255,77,.21)}
.axis{position:absolute;background:rgba(255,255,255,.055)}
.axis-x{left:42px;right:42px;top:47%;height:1px}
.axis-y{top:42px;bottom:42px;left:50%;width:1px}
.radar-core{
  position:absolute;
  left:50%;top:47%;
  width:116px;height:116px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(200,255,77,.28);
  background:radial-gradient(circle at 42% 35%,rgba(200,255,77,.14),rgba(8,12,16,.92) 66%);
  box-shadow:0 0 60px rgba(200,255,77,.08),inset 0 0 28px rgba(200,255,77,.05);
  display:grid;
  place-content:center;
  text-align:center;
}
.radar-core:before,
.radar-core:after{
  content:"";
  position:absolute;
  border:1px solid rgba(200,255,77,.13);
  border-radius:50%;
}
.radar-core:before{inset:-14px}
.radar-core:after{inset:-29px;border-style:dashed}
.radar-core-mark{
  font-size:20px;
  font-weight:900;
  letter-spacing:-.04em;
}
.radar-core-sub{
  margin-top:2px;
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
  color:#71806b;
}

.signal-node{
  position:absolute;
  z-index:3;
  display:grid;
  grid-template-columns:12px auto;
  column-gap:9px;
  align-items:center;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(8,12,16,.76);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.signal-node i{
  grid-row:1/3;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 0 rgba(200,255,77,.3);
  animation:sxfNodePulse 2.4s ease-out infinite;
}
@keyframes sxfNodePulse{
  0%{box-shadow:0 0 0 0 rgba(200,255,77,.34)}
  70%{box-shadow:0 0 0 9px rgba(200,255,77,0)}
  100%{box-shadow:0 0 0 0 rgba(200,255,77,0)}
}
.signal-node span{
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  color:#dce3ea;
}
.signal-node small{
  margin-top:2px;
  font-size:7px;
  letter-spacing:.12em;
  color:#5e6a78;
}
.signal-node-openai{left:10%;top:22%}
.signal-node-google{right:10%;top:27%}
.signal-node-hf{left:13%;bottom:18%}
.signal-node-github{right:11%;bottom:17%}

.radar-chip{
  position:absolute;
  z-index:2;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:999px;
  background:rgba(255,255,255,.018);
  color:#65717f;
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
}
.chip-model{left:31%;top:13%}
.chip-tools{right:27%;top:14%}
.chip-research{left:26%;bottom:13%}
.chip-open{right:23%;bottom:11%}

.hero-live-signal{
  position:absolute;
  z-index:5;
  right:22px;
  bottom:22px;
  width:min(330px,calc(100% - 44px));
  padding:18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018)),
    rgba(9,13,18,.88);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(0,0,0,.32);
  transition:transform .22s ease,border-color .22s ease;
}
.hero-live-signal:hover{
  transform:translateY(-3px);
  border-color:rgba(200,255,77,.28);
}
.hero-live-top,
.hero-live-source,
.hero-live-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.hero-live-top{
  color:#677482;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
}
.hero-live-top b{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--accent);
  font-weight:900;
}
.hero-live-top b i{
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);
}
.hero-live-source{
  margin-top:14px;
  font-size:10px;
  color:#687482;
}
.hero-live-source strong{
  color:#dce3ea;
  font-size:11px;
}
.hero-live-signal h2{
  margin:15px 0 18px;
  font-size:clamp(20px,2.2vw,28px);
  line-height:1.06;
  letter-spacing:-.04em;
}
.hero-live-foot{
  color:#75818e;
  font-size:9px;
}
.hero-live-foot .category-pill{
  padding:6px 9px;
  font-size:8px;
}
.radar-meta{
  position:absolute;
  color:#4f5a67;
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.15em;
}
.radar-meta-a{left:22px;bottom:22px}
.radar-meta-b{right:22px;top:22px}

@media(max-width:1080px){
  .hero-frame{
    grid-template-columns:1fr;
    min-height:0;
  }
  .hero-identity{
    padding:34px 0 0;
  }
  .hero-premium .signal-strip{
    margin-top:42px;
  }
  .hero-radar{
    min-height:590px;
  }
}
@media(max-width:720px){
  .hero-premium{padding:34px 0 38px}
  .hero-identity{padding-top:20px}
  .hero-premium h1{
    font-size:clamp(42px,13vw,66px);
    max-width:540px;
  }
  .hero-premium .hero-copy{font-size:15px}
  .hero-radar{
    min-height:500px;
    border-radius:24px;
  }
  .hero-radar-sweep{width:400px;height:400px}
  .orbit-outer{width:390px;height:390px}
  .orbit-mid{width:280px;height:280px}
  .orbit-inner{width:160px;height:160px}
  .radar-core{width:94px;height:94px}
  .signal-node-openai{left:6%;top:18%}
  .signal-node-google{right:5%;top:22%}
  .signal-node-hf{left:7%;bottom:26%}
  .signal-node-github{right:5%;bottom:25%}
  .chip-model{left:25%;top:12%}
  .chip-tools{right:20%;top:13%}
  .chip-research{left:18%;bottom:16%}
  .chip-open{right:15%;bottom:14%}
  .hero-live-signal{
    left:16px;
    right:16px;
    bottom:16px;
    width:auto;
  }
  .radar-meta-a,.radar-meta-b{display:none}
}
@media(max-width:460px){
  .hero-radar{min-height:450px}
  .hero-radar-sweep{width:340px;height:340px}
  .orbit-outer{width:330px;height:330px}
  .orbit-mid{width:235px;height:235px}
  .orbit-inner{width:135px;height:135px}
  .signal-node{padding:7px 8px}
  .signal-node span{font-size:8px}
  .signal-node small{font-size:6px}
  .radar-chip{font-size:7px;padding:6px 7px}
  .hero-live-signal h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .hero-radar-sweep,.signal-node i{animation:none}
  .hero-live-signal{transition:none}
}

/* SXF INTERNAL DISCOVERY GATEWAYS */
.discovery-gateways{padding:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.discovery-gateway{min-height:210px;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));display:grid;grid-template-rows:auto 1fr auto;transition:transform .2s ease,border-color .2s ease}
.discovery-gateway:hover{transform:translateY(-3px);border-color:rgba(200,255,77,.26)}
.gateway-index{color:#596573;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.discovery-gateway div{align-self:end}
.discovery-gateway strong{display:block;font-size:28px;letter-spacing:-.045em}
.discovery-gateway p{max-width:520px;margin:8px 0 22px;color:#7e8997;font-size:13px;line-height:1.65}
.discovery-gateway b{color:var(--accent);font-size:11px;font-weight:800}
@media(max-width:720px){.discovery-gateways{grid-template-columns:1fr}.discovery-gateway{min-height:180px}}


/* SXF ACCESSIBILITY + MOBILE NAV HARDENING */
:where(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.top-nav a[aria-current="page"]{color:var(--text)}
.signal-strip span,.story-time,.source-index,.principles article>span{color:#7b8796}
@media(max-width:720px){
  .site-header .header-inner{height:auto;min-height:74px;padding:10px 0 9px;grid-template-columns:1fr auto;row-gap:6px}
  .site-header .top-nav{display:flex;grid-column:1/-1;grid-row:2;width:100%;overflow-x:auto;gap:20px;padding:7px 1px 4px;white-space:nowrap;scrollbar-width:none}
  .site-header .top-nav::-webkit-scrollbar{display:none}
  .site-header .top-nav a{flex:0 0 auto;padding:4px 0}
  .toolbar{top:119px}
}