/*
 * PARTNER BRIDGE — connected night skyline, 2026-10-09
 * Design only: the hero, scripts, CMS settings, auth, and GA4 are not changed.
 * Rollback: remove the <link> to city-continuum.css, or redeploy the prior ZIP.
 */
:root { --city-continuum-ink: rgba(8, 11, 16, .71); }
/* One fixed backdrop connects all sections rather than repeating the skyline. */
body {
  background-color: #0d1012;
  background-image:
    linear-gradient(180deg, rgba(6,10,16,.69), rgba(7,10,15,.74)),
    url('city-night-v2.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/* Leave the whole main hero, including its coin/city image animations, intact. */
.hero.city-hero { background: #10110f; }
/* Fade the previous solid backdrops into a continuous panorama. */
.ticker { background-color: rgba(10,15,19,.73); }
#intro, #customer, #partners, #settlement, #process, #faq {
  background-color: transparent;
}
.services {
  background: rgba(12,17,20,.57);
  border-block-color: rgba(215,185,118,.18);
}
.experience {
  background: rgba(15,19,20,.61);
  border-block-color: rgba(215,185,118,.23);
}
.statement {
  background: linear-gradient(112deg,rgba(215,185,118,.93),rgba(215,185,118,.85));
}
.contact {
  background: radial-gradient(ellipse at 50% 100%, rgba(215,185,118,.1), transparent 73%),
              rgba(11,15,19,.65);
}
footer { background: rgba(8,13,17,.62); }
/* Neutral translucent panels preserve readability over the city lights. */
.service-panel,
.role-card {
  background-color: rgba(13,17,21,.72);
  border-color: rgba(215,185,118,.22);
}
.partner-card, .step, .benefit, .customer-path article {
  text-shadow: 0 2px 14px rgba(0,0,0,.55);
}
#faq details {
  background: rgba(10,15,19,.38);
  padding-inline: 15px;
  border-color: rgba(215,185,118,.19);
}
#faq details:last-child { border-bottom-color: rgba(215,185,118,.19); }
/* Subtle gold dividers without a busy new layout. */
#intro,#services,#customer,#partners,#settlement,#process,#faq {
  border-bottom: 1px solid rgba(215,185,118,.075);
}
@media (max-width:800px) {
  /* Mobile: avoid expensive background-attachment:fixed repaints. */
  body {
    background-image:
      linear-gradient(180deg,rgba(6,10,16,.68),rgba(7,10,15,.77)),
      url('city-night-v2.webp');
    background-attachment: scroll;
    background-size: auto 100vh;
    background-repeat: repeat-y;
    background-position: 57% top;
  }
  .services, .experience, .contact { background-color: rgba(9,14,18,.65); }
  .role-card, .service-panel { background-color: rgba(13,17,21,.79); }
  #faq details { padding-inline: 9px; }
}
@media (prefers-reduced-transparency:reduce) {
  .services, .experience, .contact { background: rgba(10,14,18,.9); }
  .role-card, .service-panel { background-color: rgba(10,14,18,.93); }
}