/* ALTER Intelligence Visual Layer v0.3 */
:root{
  --intel-cyan:#8fd8d1;
  --intel-ink:#05080b;
  --intel-panel:#090d12;
  --intel-grid:rgba(143,216,209,.045);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9999;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:screen;
  opacity:.28;
}

.sidebar{
  background:
    linear-gradient(180deg,rgba(6,9,13,.98),rgba(4,6,9,.96)),
    repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(255,255,255,.018) 24px);
}
.sidebar::after{
  content:"ALTER // OMEGA";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:left center;
  font:600 8px var(--mono);
  letter-spacing:.24em;
  color:rgba(216,181,109,.11);
  pointer-events:none;
}

.topbar::after{
  content:"SESSION // AUTHOR-01";
  font:600 8px var(--mono);
  letter-spacing:.13em;
  color:rgba(216,181,109,.5);
  white-space:nowrap;
}
@media(max-width:1050px){.topbar::after{display:none}}

.page-head{
  position:relative;
  padding-bottom:14px;
  border-bottom:1px solid rgba(216,181,109,.12);
}
.page-head::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:92px;
  height:1px;
  background:var(--accent);
  box-shadow:0 0 16px rgba(216,181,109,.28);
}

.card{
  position:relative;
}
.card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(216,181,109,.035) 1px,transparent 1px),
    linear-gradient(rgba(216,181,109,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(135deg,black,transparent 42%);
  opacity:.25;
}
.card > *{position:relative}

.intel-access{
  background:
    radial-gradient(circle at 50% 42%,rgba(216,181,109,.08),transparent 28%),
    linear-gradient(180deg,#030507,#05080c 62%,#020304);
}
.intel-access::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(143,216,209,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,216,209,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center,black 0%,transparent 68%);
  pointer-events:none;
}
.classified-strip{
  position:absolute;
  left:0;
  right:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  border-top:1px solid rgba(216,181,109,.22);
  border-bottom:1px solid rgba(216,181,109,.22);
  background:rgba(216,181,109,.035);
  color:rgba(243,217,157,.58);
  font:700 8px var(--mono);
  letter-spacing:.2em;
  text-transform:uppercase;
}
.classified-strip.top{top:0}
.classified-strip.bottom{bottom:0}
.intel-access-panel{
  width:min(610px,92vw);
  border:1px solid rgba(216,181,109,.16);
  background:rgba(5,8,12,.58);
  backdrop-filter:blur(14px);
  box-shadow:0 35px 120px rgba(0,0,0,.7),inset 0 0 80px rgba(216,181,109,.018);
}
.access-kicker{
  margin-bottom:18px;
  color:rgba(143,216,209,.65);
  font:600 8px var(--mono);
  letter-spacing:.18em;
}
.access-terminal{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  margin:18px 0 4px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.07);
}
.access-terminal div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  background:#06090d;
  text-align:left;
}
.access-terminal span{
  font:600 7px var(--mono);
  letter-spacing:.12em;
  color:var(--muted);
}
.access-terminal strong{
  font:600 8px var(--mono);
  letter-spacing:.08em;
  color:#9fd7b5;
}
.access-fineprint{
  margin-top:14px;
  font:500 7px var(--mono);
  letter-spacing:.14em;
  color:#4d5663;
}

.property-query-card{
  overflow:hidden;
  margin-bottom:18px;
  padding:22px;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(360px,1.4fr);
  gap:22px 28px;
  align-items:center;
  border-color:rgba(143,216,209,.16);
  background:
    linear-gradient(135deg,rgba(11,18,23,.96),rgba(6,9,13,.94)),
    repeating-linear-gradient(90deg,transparent 0,transparent 49px,rgba(143,216,209,.025) 50px);
}
.property-query-card::after{
  content:"PROPERTY INTELLIGENCE";
  position:absolute;
  right:20px;
  top:16px;
  font:800 34px var(--mono);
  letter-spacing:.02em;
  color:rgba(143,216,209,.018);
  pointer-events:none;
}
.query-copy h3{
  margin:8px 0 7px;
  font-size:18px;
  letter-spacing:-.02em;
}
.query-copy p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.65;
}
.property-search{
  display:flex;
  gap:9px;
}
.property-search input{
  flex:1;
  height:44px;
  min-width:0;
  border:1px solid rgba(143,216,209,.17);
  border-radius:9px;
  background:#05090d;
  color:#e7f0f0;
  padding:0 13px;
  outline:none;
  font:500 11px var(--mono);
}
.property-search input:focus{
  border-color:rgba(143,216,209,.46);
  box-shadow:0 0 0 3px rgba(143,216,209,.05);
}
.query-status{
  grid-column:1/-1;
  border-top:1px solid rgba(143,216,209,.1);
  padding-top:10px;
  color:#6f8f90;
  font:600 8px var(--mono);
  letter-spacing:.13em;
}
.query-status span:not(.status-pulse){margin:0 10px;color:#40585a}
.status-pulse{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--intel-cyan);
  box-shadow:0 0 12px rgba(143,216,209,.55);
  margin-right:8px;
  animation:intelpulse 1.7s ease-in-out infinite;
}
@keyframes intelpulse{50%{opacity:.35;box-shadow:0 0 3px rgba(143,216,209,.2)}}

.site-grid{align-items:stretch}
.site-card{
  min-height:300px;
  cursor:pointer;
  overflow:hidden;
}
.site-card:hover{
  border-color:rgba(143,216,209,.22);
  box-shadow:0 24px 90px rgba(0,0,0,.5),inset 0 0 38px rgba(143,216,209,.018);
}
.site-photo-card{
  height:150px;
  border:1px solid rgba(255,255,255,.045);
}
.site-grid-visual{
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  background:
    radial-gradient(circle,rgba(143,216,209,.08),transparent 42%),
    linear-gradient(rgba(143,216,209,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,216,209,.035) 1px,transparent 1px);
  background-size:auto,20px 20px,20px 20px;
}
.site-grid-visual span{
  font-size:32px;
  color:rgba(143,216,209,.6);
  text-shadow:0 0 28px rgba(143,216,209,.25);
}
.site-grid-visual small{
  font:600 7px var(--mono);
  letter-spacing:.16em;
  color:#5f7b7c;
}
.site-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.site-card-head h3{margin-bottom:4px}
.source-seal{
  margin-top:12px;
  padding:4px 5px;
  border:1px solid rgba(143,216,209,.17);
  color:#76aaa6;
  font:700 6px var(--mono);
  letter-spacing:.1em;
}
.site-address{
  min-height:34px;
  margin:10px 0 12px;
  font-size:10px!important;
  line-height:1.5!important;
}
.site-mini-facts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  border:1px solid var(--line);
  background:var(--line);
}
.site-mini-facts span{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:7px 5px;
  background:#080c10;
  color:#58626f;
  font:600 6px var(--mono);
  letter-spacing:.08em;
}
.site-mini-facts b{
  color:#bdc7d0;
  font-size:9px;
}