/* Opportunity Radar — Linear dark minimal (breathable) */
:root{
  --bg:#08090a;
  --panel:#121314;
  --elev:#18191b;
  --line:#23252a;
  --line-soft:#1b1d21;
  --text:#e8e8ea;
  --ink:#f4f4f5;
  --muted:#8a8f98;
  --muted-2:#62666d;
  --accent:#5e6ad2;
  --accent-soft:#7b83e0;
  --accent-bg:rgba(94,106,210,.12);
  --good:#3d9a78;
  --warn:#c4a35a;
  --rank:#62666d;
  --shadow:none;
  --glow:transparent;
  --ease:cubic-bezier(.2,.8,.2,1);
  --dur:140ms;
  --radius:8px;
}
.or-topbar{
  position:sticky; top:0; z-index:40;
  background:rgba(8,9,10,.82); backdrop-filter:blur(14px) saturate(1.1);
  border-bottom:1px solid var(--line);
}
.or-topbar-inner{
  max-width:920px; margin:0 auto; padding:1rem 1.35rem;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.or-brand{
  display:flex; align-items:center; gap:.7rem; text-decoration:none; color:var(--text); min-width:0;
}
.or-logo{
  width:30px; height:30px; flex-shrink:0; border-radius:7px;
  box-shadow:0 0 0 1px var(--line);
}
.or-brand-text{display:flex; flex-direction:column; line-height:1.25; min-width:0; gap:.14rem}
.or-brand-name{font-weight:560; font-size:.95rem; letter-spacing:-.02em; color:var(--ink)}
.or-brand-tag{font-size:.68rem; font-weight:450; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:min(48vw,360px)}
.or-nav{display:flex; align-items:center; gap:.5rem; flex-shrink:0}
.or-nav a.linkish{
  color:var(--muted); font-size:.8rem; font-weight:450; text-decoration:none;
  padding:.4rem .55rem; border-radius:6px;
  transition:color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.or-nav a.linkish:hover{color:var(--text); background:var(--elev)}
.or-lang{
  background:transparent; color:var(--muted); border:1px solid var(--line);
  border-radius:6px; padding:.38rem .6rem; font-weight:500; font-size:.78rem; cursor:pointer;
  transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.or-lang:hover{border-color:#34363d; color:var(--text); background:var(--elev)}
.or-nav-sub{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--accent); color:#fff;
  font-weight:520; font-size:.78rem; padding:.42rem .8rem; border-radius:6px; text-decoration:none;
  transition:background var(--dur) var(--ease), opacity var(--dur) var(--ease);
}
.or-nav-sub:hover{background:var(--accent-soft); text-decoration:none; color:#fff}
@media(max-width:560px){
  .or-brand-tag{display:none}
  .or-nav a.linkish{display:none}
  .or-nav-sub{padding:.38rem .6rem; font-size:.74rem}
}

.or-site-footer{
  margin-top:3.6rem; padding:2.25rem 0 0; border-top:1px solid var(--line);
  color:var(--muted); font-size:.76rem;
}
.or-foot-grid{
  display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:1.75rem; margin-bottom:1.6rem;
}
@media(max-width:700px){.or-foot-grid{grid-template-columns:1fr}}
.or-foot-brand{display:flex; gap:.7rem; align-items:flex-start}
.or-foot-brand .or-logo{width:26px; height:26px; border-radius:6px}
.or-foot-brand strong{display:block; color:var(--text); font-size:.88rem; font-weight:520; margin-bottom:.25rem}
.or-foot-col h4{
  margin:0 0 .55rem; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted-2); font-weight:520;
}
.or-foot-col a{display:block; color:var(--muted); text-decoration:none; margin:.4rem 0; font-weight:450; transition:color var(--dur) var(--ease)}
.or-foot-col a:hover{color:var(--accent-soft)}
.or-disclaimer{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:1.1rem 1.2rem; color:var(--muted); line-height:1.6; margin-bottom:1.2rem;
}
.or-copy{text-align:center; color:var(--muted-2); font-size:.7rem; padding-bottom:.85rem}