:root {
  --serif: "Barlow Condensed", Impact, sans-serif;
  --sans: "Space Grotesk", Arial, sans-serif;
  --mono: "JetBrains Mono", Consolas, monospace;
}

/* Backdoored — fourth One City pillar */
.site-nav small,.site-footer small{color:#52d9c6;font:700 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.mod-card--backdoored .mod-kicker{color:#52d9c6}.coming-soon-chip{display:inline-flex;margin:0 0 22px;padding:8px 11px;border:1px solid rgba(82,217,198,.55);background:rgba(82,217,198,.08);color:#73ead8;font:700 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.backdoored-visual{min-height:560px;background:radial-gradient(circle at 70% 30%,rgba(82,217,198,.12),transparent 36%),linear-gradient(135deg,#111a19,#050707 62%);border:1px solid rgba(82,217,198,.18)}.breach-board,.backdoored-hero-panel{position:absolute;inset:clamp(24px,5vw,64px);display:grid;grid-template-rows:auto 1fr auto;padding:24px;border:1px solid rgba(82,217,198,.45);background:rgba(3,9,9,.86);box-shadow:0 0 70px rgba(40,180,160,.08)}.breach-top{display:grid;gap:7px;border-bottom:1px solid rgba(82,217,198,.22);padding-bottom:16px;font-family:var(--mono);text-transform:uppercase}.breach-top span{color:#6f8884;font-size:9px;letter-spacing:.16em}.breach-top strong{font-size:clamp(20px,3vw,38px);letter-spacing:.05em}.breach-top i{justify-self:start;padding:5px 7px;background:#52d9c6;color:#05100e;font:800 8px/1 var(--mono);letter-spacing:.12em}.property-scan{position:relative;display:grid;place-items:center;overflow:hidden}.property-scan:before,.property-scan:after{content:"";position:absolute;background:rgba(82,217,198,.12)}.property-scan:before{width:1px;height:100%}.property-scan:after{width:100%;height:1px}.scan-line{position:absolute;inset:18% 8% auto;height:1px;background:#52d9c6;box-shadow:0 0 18px #52d9c6;animation:scan 3.2s ease-in-out infinite alternate}.door-mark{display:grid;place-items:center;width:90px;height:130px;border:2px solid #52d9c6;color:#52d9c6;font:800 22px var(--mono);box-shadow:inset 0 0 30px rgba(82,217,198,.09)}.property-scan p{position:absolute;left:0;bottom:12px;margin:0;color:#71837f;font:500 8px/1.6 var(--mono);letter-spacing:.12em}.property-scan p strong{color:#fff}.breach-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;border-top:1px solid rgba(82,217,198,.22);padding-top:15px}.breach-readout span{color:#65807b;font:600 8px var(--mono);letter-spacing:.1em}.breach-readout strong{grid-row:2;color:#dffbf6;font:700 11px var(--mono)}.backdoored-stat{border-left-color:#52d9c6}.flow-node.backdoored{position:absolute;width:22%;left:39%;top:-44%;background:#eee9df;border-color:#52a99c}.flow-node.backdoored span{font-size:clamp(22px,3vw,42px)}

.backdoored-page{background:#050808}.backdoored-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,100px);align-items:center;padding:150px clamp(20px,6vw,96px) 80px;overflow:hidden}.backdoored-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(82,217,198,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,217,198,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.backdoored-hero-copy{position:relative;z-index:2;max-width:750px}.backdoored-hero h1{margin:24px 0;font:italic clamp(66px,9.5vw,150px)/.76 var(--serif);letter-spacing:-.055em}.backdoored-hero h1 em{color:#52d9c6}.backdoored-hero-copy>p:not(.eyebrow){max-width:650px;color:#b8c2bf;font-size:clamp(18px,2vw,23px);line-height:1.55}.release-note{display:block;margin-top:20px;color:#78908b;font:500 9px var(--mono);letter-spacing:.09em;text-transform:uppercase}.backdoored-hero-panel{position:relative;inset:auto;min-height:610px}.backdoored-intel{background:#08100f}.backdoored-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1280px;margin:auto;background:rgba(82,217,198,.18);border:1px solid rgba(82,217,198,.18)}.backdoored-feature-grid article{padding:clamp(24px,3vw,42px);background:#0b1413}.backdoored-feature-grid span,.connection-list span{color:#52d9c6;font:600 9px var(--mono);letter-spacing:.14em}.backdoored-feature-grid h3{margin:48px 0 15px;font:italic clamp(27px,3vw,40px)/.95 var(--serif)}.backdoored-feature-grid p,.connection-list p{color:#8fa09c;line-height:1.65}.backdoored-connection{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,130px);background:#e9e7df;color:#07100f}.backdoored-connection h2{margin:12px 0 0;font-size:clamp(50px,7vw,96px);line-height:.88;letter-spacing:-.055em}.backdoored-connection h2 em{color:#278f80}.connection-list>div{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:24px 0;border-top:1px solid #b9bcb5}.connection-list p{margin:0;color:#4d5855}.backdoored-conversion{background:linear-gradient(135deg,#071210,#11140d)}@keyframes scan{from{transform:translateY(20px)}to{transform:translateY(300px)}}

@media(max-width:900px){.backdoored-hero{grid-template-columns:1fr;padding-top:130px}.backdoored-hero-panel{min-height:520px}.backdoored-feature-grid{grid-template-columns:1fr 1fr}.backdoored-connection{grid-template-columns:1fr}.flow-node.backdoored{top:-55%}}
@media(max-width:620px){.backdoored-feature-grid{grid-template-columns:1fr}.backdoored-hero-panel{min-height:470px;padding:18px}.breach-readout{gap:6px}.flow-node.backdoored{position:static;grid-row:7;width:72%}.connection-list>div{grid-template-columns:1fr;gap:10px}}

/* Keep the Backdoored story in the dark security-console palette. */
.backdoored-connection{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(82,217,198,.12),transparent 30%),linear-gradient(135deg,#07100f,#050808 62%);color:#f1f3ef}
.backdoored-connection:before{content:"PROPERTY NETWORK / LIVE";position:absolute;right:clamp(20px,6vw,96px);top:30px;color:rgba(82,217,198,.38);font:600 8px var(--mono);letter-spacing:.18em}
.backdoored-connection h2 em{color:#52d9c6}
.connection-list{border-bottom:1px solid rgba(82,217,198,.2)}
.connection-list>div{border-top-color:rgba(82,217,198,.2)}
.connection-list p{color:#91a39f}
.backdoored-conversion{position:relative;background:radial-gradient(circle at 88% 20%,rgba(82,217,198,.14),transparent 28%),linear-gradient(135deg,#0b1715,#07100f 62%);border-top:1px solid rgba(82,217,198,.24);color:#f1f3ef}
.backdoored-conversion:before{content:"DEVELOPMENT STATUS / WATCHLIST";position:absolute;right:clamp(20px,6vw,96px);top:30px;color:rgba(82,217,198,.5);font:600 8px var(--mono);letter-spacing:.18em}
.backdoored-conversion h2{color:#fff}
.backdoored-conversion h2 em{color:#52d9c6}
.backdoored-conversion>div>p:last-child{color:#aebdb9}
.backdoored-conversion .conversion-actions>a:not(.button){color:#d8e5e2;border-bottom-color:rgba(82,217,198,.45)}

.brand {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 800;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.hero h1,
.section-heading h2,
.city-intro h2,
.proof-copy h2,
.conversion-section h2,
.intel-heading h2,
.career-title h2 {
  font-family: var(--serif);
  font-weight: 900;
  letter-spacing: -.035em;
}

.hero h1 em,
.mod-copy h3,
.flow-node span,
.intel-heading h2 em,
.career-title h2 em,
.conversion-section h2 em {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 700;
}

.hero h1 { line-height: .79; }
.hero h1 em { letter-spacing: -.025em; }
.mod-copy h3 { line-height: .8; letter-spacing: -.025em; text-transform: uppercase; }
.blade-quote blockquote { font-family: var(--serif); font-weight: 600; }

.city-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(234,255,62,.075), transparent 30%),
    linear-gradient(135deg, #0d0e0b, #070807);
  color: var(--ink);
}

.city-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
  pointer-events: none;
}

.city-intro,
.city-flow,
.city-outcomes { position: relative; z-index: 1; }
.city-intro .eyebrow { color: var(--acid); }
.city-intro>p:last-child { color: var(--muted); }

.city-flow {
  grid-template-columns: 1fr 70px 1.1fr 70px 1fr;
  padding-block: 28px 80px;
}

.flow-node,
.flow-core {
  aspect-ratio: auto;
  min-height: 190px;
  border-radius: 0;
  border: 1px solid #363830;
  background: rgba(14,16,12,.9);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
  box-shadow: inset 0 0 45px rgba(255,255,255,.015);
}

.flow-node span {
  font-size: clamp(38px,4.5vw,66px);
  text-transform: uppercase;
}

.flow-node small,
.flow-core small { color: #777b6d; }
.flow-core { min-height: 260px; background: var(--acid); color: #080808; border: 0; box-shadow: 0 25px 80px rgba(0,0,0,.5), 0 0 50px rgba(234,255,62,.1); }
.flow-core span { color: #343900; }
.flow-core strong { font-family: var(--serif); font-size: clamp(62px,8vw,112px); font-weight: 900; letter-spacing: -.04em; }
.flow-core small { color: #434900; }
.flow-line { position: relative; height: 1px; background: linear-gradient(90deg,#45483c,var(--acid),#45483c); }
.flow-line::after { content: ""; position: absolute; top: -3px; left: 50%; width: 7px; height: 7px; background: var(--acid); transform: rotate(45deg); box-shadow: 0 0 14px var(--acid); }

.flow-node.blade {
  position: absolute;
  width: 26%;
  left: 37%;
  top: 72%;
  min-height: 150px;
  background: #161015;
  border-color: #553346;
}

.city-outcomes {
  margin-top: 90px;
  background: #34362f;
  border-color: #34362f;
}

.city-outcomes div {
  background: #10110f;
  padding: 34px;
}

.city-outcomes strong { color: var(--ink); font-family: var(--serif); font-size: 27px; text-transform: uppercase; letter-spacing: .01em; }
.city-outcomes p { color: var(--muted); }

@media (max-width: 900px) {
  .city-flow { grid-template-columns: 1fr 28px 1.1fr 28px 1fr; }
  .flow-node,.flow-core { min-height: 150px; }
  .flow-node.blade { min-height: 120px; }
}

@media (max-width: 620px) {
  .city-flow { grid-template-columns: 1fr; padding-bottom: 20px; }
  .flow-node,.flow-core { width: 100%; min-height: 150px; }
  .flow-line { width: 1px; height: 28px; }
  .flow-node.blade { position: static; width: 100%; min-height: 140px; }
  .city-outcomes { margin-top: 30px; }
}

/* Responsive collision guardrails shared by every page. */
.site-header,
.site-nav,
.hero-content,
.section-heading > *,
.city-intro > *,
.mod-copy,
.conversion-section > * {
  min-width: 0;
}

.hero h1,
.section-heading h2,
.city-intro h2,
.proof-copy h2,
.conversion-section h2,
.backdoored-hero h1 {
  overflow-wrap: break-word;
}

@media (max-width: 1120px) {
  .site-header { flex-wrap: wrap; }
  .nav-toggle { display: block; margin-left: auto; }
  .site-nav {
    display: none;
    flex-basis: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 10px 0;
  }
  .site-nav.open { display: flex; }
  .site-nav a { padding: 13px 0; }
  .nav-cta { margin-top: 8px; text-align: center; }
}

@media (max-width: 620px) {
  .hero h1 {
    font-size: clamp(46px, 16vw, 68px);
    line-height: .88;
    letter-spacing: -.045em;
  }
  .hero h1 em {
    display: block;
    line-height: .92;
    transform: skew(-2deg) rotate(-.5deg);
  }
  .section-heading h2,
  .city-intro h2,
  .proof-copy h2,
  .conversion-section h2 {
    line-height: .98;
  }
}

/* Keep all four One City pillars in document flow so labels never collide. */
.city-flow {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 28px);
  align-items: center;
}

.city-flow .flow-line {
  width: 100%;
}

.city-flow .flow-node {
  min-width: 0;
  padding: clamp(14px, 2vw, 24px);
}

.city-flow .flow-node span,
.city-flow .flow-node small {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.city-flow .flow-node.blade,
.city-flow .flow-node.backdoored {
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  margin-top: clamp(22px, 3vw, 40px);
}

.city-flow .flow-node.blade {
  grid-column: 2 / 3;
  grid-row: 2;
}

.city-flow .flow-node.backdoored {
  grid-column: 4 / 5;
  grid-row: 2;
  background:
    radial-gradient(circle at 50% 25%, rgba(82,217,198,.15), transparent 55%),
    #0b1413;
  border-color: rgba(82,217,198,.55);
  color: #e7fffb;
  box-shadow: inset 0 0 40px rgba(82,217,198,.06), 0 18px 45px rgba(0,0,0,.28);
}

.city-flow .flow-node.backdoored small {
  color: #81b9b0;
}

.city-outcomes {
  margin-top: clamp(54px, 7vw, 90px);
}

@media (max-width: 900px) {
  .city-flow {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .city-flow .flow-node,
  .city-flow .flow-core,
  .city-flow .flow-node.blade,
  .city-flow .flow-node.backdoored {
    grid-column: 1;
    grid-row: auto;
    width: min(100%, 360px);
    margin: 0 auto;
  }

  .city-flow .flow-line {
    width: 1px;
    height: 28px;
    margin: 0 auto;
  }

  .city-outcomes {
    margin-top: 36px;
  }
}