.neighborhood-illustration{position:relative;min-height:440px;overflow:hidden;background:radial-gradient(circle at 48% 50%,rgba(235,157,79,.17),rgba(255,249,241,.72) 48%,transparent 72%)}
.neighborhood-map{position:absolute;inset:0;width:100%;height:100%}.map-land{fill:#fffaf3;stroke:#f4d6b6;stroke-width:1.5}.map-street{fill:none;stroke:#edcfaf;stroke-width:18;stroke-linecap:round;opacity:.28}.street-b{stroke-width:10;stroke-dasharray:4 11}.route{fill:none;stroke:url(#homeRoute);stroke-width:2;stroke-dasharray:7 8;opacity:.68}.route-dot{fill:#e58b35;filter:drop-shadow(0 0 7px rgba(229,139,53,.75))}
.home-node{position:absolute;z-index:3;width:142px;padding:12px 13px 12px 49px;border:1px solid #efb878;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 15px 36px rgba(145,84,30,.1);animation:homeNodeFloat 4.5s ease-in-out infinite}.home-node strong,.home-node small{display:block;white-space:nowrap}.home-node strong{color:#252a38;font-size:11px}.home-node small{margin-top:4px;color:#a06d3e;font-size:8px}.home-node>b{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:#39be73;box-shadow:0 0 0 5px rgba(57,190,115,.1);animation:homeOnline 1.8s ease-out infinite}.home-symbol{position:absolute;left:11px;top:12px;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#fff3e5}.home-symbol:before{content:"";width:14px;height:11px;border:2px solid #dc812e;border-top:0;border-radius:2px}.home-symbol:after{content:"";position:absolute;top:7px;width:13px;height:13px;border-left:2px solid #dc812e;border-top:2px solid #dc812e;transform:rotate(45deg);border-radius:2px}.home-symbol i{position:absolute;z-index:2;bottom:6px;width:4px;height:8px;background:#dc812e}.home-one{left:3%;top:57%}.home-two{left:15%;top:11%;animation-delay:.7s}.home-three{right:3%;top:23%;animation-delay:1.4s}.home-four{right:4%;bottom:12%;animation-delay:2.1s}
.neighborhood-router{position:absolute;z-index:4;left:46%;top:50%;width:158px;height:184px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #eda655;border-radius:50% 50% 44% 44%;background:rgba(255,255,255,.94);box-shadow:0 28px 65px rgba(151,83,27,.18);transform:translate(-50%,-50%);animation:routerBreath 4s ease-in-out infinite}.neighborhood-router>span{position:absolute;top:16px;color:#a86c31;font-size:8px;font-weight:800;letter-spacing:.08em}.neighborhood-router>span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#39be73}.router-globe{width:68px;height:68px;margin:8px 0 10px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#f6b573,#dc812e);box-shadow:0 13px 28px rgba(220,129,46,.28)}.router-globe svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8}.neighborhood-router strong{color:#252a38;font-size:22px}.neighborhood-router small{margin-top:4px;color:#ae7a47;font-size:8px;letter-spacing:.07em}
.network-legend{position:absolute;z-index:3;left:50%;bottom:12px;display:flex;gap:9px;transform:translateX(-50%)}.network-legend span{padding:7px 10px;border:1px solid #f0d4b5;border-radius:999px;background:rgba(255,255,255,.86);color:#93683e;font-size:8px;white-space:nowrap}.network-legend i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#e39448}

/* Dark-mode illustration palette: preserve the residential orange identity
   while replacing the light paper surfaces with the shared navy system. */
[data-theme="dark"] body[data-product="residential-proxy"] .neighborhood-illustration{
  background:radial-gradient(circle at 48% 50%,rgba(220,129,46,.18),rgba(37,42,56,.72) 48%,transparent 74%)!important;
}
[data-theme="dark"] body[data-product="residential-proxy"] .map-land{
  fill:#252a38;
  stroke:#775235;
}
[data-theme="dark"] body[data-product="residential-proxy"] .map-street{
  stroke:#9a6b43;
  opacity:.2;
}
[data-theme="dark"] body[data-product="residential-proxy"] .home-node{
  border-color:#775235;
  background:rgba(32,36,48,.96);
  box-shadow:0 16px 38px rgba(0,0,0,.28);
}
[data-theme="dark"] body[data-product="residential-proxy"] .home-node strong{
  color:#e5e7eb;
}
[data-theme="dark"] body[data-product="residential-proxy"] .home-node small{
  color:#d6a16d;
}
[data-theme="dark"] body[data-product="residential-proxy"] .home-symbol{
  background:rgba(220,129,46,.15);
}
[data-theme="dark"] body[data-product="residential-proxy"] .neighborhood-router{
  border-color:#8d5d32;
  background:rgba(32,36,48,.97);
  box-shadow:0 28px 70px rgba(0,0,0,.34);
}
[data-theme="dark"] body[data-product="residential-proxy"] .neighborhood-router>span,
[data-theme="dark"] body[data-product="residential-proxy"] .neighborhood-router small{
  color:#d6a16d;
}
[data-theme="dark"] body[data-product="residential-proxy"] .neighborhood-router strong{
  color:#e5e7eb;
}
[data-theme="dark"] body[data-product="residential-proxy"] .network-legend span{
  border-color:#66472f;
  background:rgba(37,42,56,.94);
  color:#d6a16d;
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
@keyframes homeNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes homeOnline{0%{box-shadow:0 0 0 0 rgba(57,190,115,.35)}75%,100%{box-shadow:0 0 0 9px rgba(57,190,115,0)}}@keyframes routerBreath{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}
@media(max-width:700px){.neighborhood-illustration{min-height:390px}.home-node{width:43px;height:43px;padding:0;border-radius:13px}.home-node strong,.home-node small{display:none}.home-symbol{left:6px;top:6px}.home-node>b{right:3px;top:3px}.neighborhood-router{left:50%;width:145px;height:170px}.network-legend{width:100%;justify-content:center}.network-legend span{padding:6px}.network-legend span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.home-node,.home-node>b,.neighborhood-router{animation:none}.neighborhood-map animateMotion{display:none}}