:root {
  --pc-bg: #070d18;
  --pc-panel: rgba(9,18,32,.56);
  --pc-panel-strong: rgba(7,16,29,.88);
  --pc-border: rgba(148,163,184,.11);
  --pc-text: #eef6ff;
  --pc-muted: #8ea0b7;
  --pc-soft: #657990;
  --pc-cyan: #67e8f9;
}

body {
  background:
    radial-gradient(circle at 8% 8%, rgba(34,211,238,.04), transparent 30rem),
    radial-gradient(circle at 92% 32%, rgba(59,130,246,.025), transparent 31rem),
    var(--pc-bg) !important;
  color: var(--pc-text) !important;
}

body::before {
  opacity: .22 !important;
  filter: saturate(.5);
}

.container,
.page-wrap,
main > .container {
  max-width: 1180px !important;
}

.hero,
.hero-section {
  padding-top: clamp(36px,6vw,66px) !important;
}

.hero-card,
.panel,
.card,
.section-card,
.mini-panel,
.faq-item,
.next-link,
.trust-link,
.shortcut-link {
  border-color: var(--pc-border) !important;
  box-shadow: none !important;
}

.hero-card,
.panel-dark,
.panel-soft,
.card,
.section-card,
.mini-panel {
  background: rgba(8,17,30,.52) !important;
}

.hero-card::before,
.section-card::before {
  height: 1px !important;
  background: linear-gradient(90deg,transparent,rgba(103,232,249,.58),transparent) !important;
}

.eyebrow,
.kicker {
  border-color: rgba(103,232,249,.16) !important;
  background: rgba(103,232,249,.05) !important;
  color: #8de8f3 !important;
}

h1 {
  color: #f8fbff !important;
  font-size: clamp(36px,5vw,58px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.046em !important;
}

h1 em,
.gradient-text {
  color: var(--pc-cyan) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

h2,
h3 { color: #eaf3fc !important; }

.hero-lead,
.lead,
.section-intro,
.card p,
.faq-a,
.next-desc,
.trust-desc,
.shortcut-desc,
.step-desc,
.text-muted {
  color: var(--pc-muted) !important;
}

.btn-primary,
.button-primary {
  border: 1px solid rgba(103,232,249,.40) !important;
  background: linear-gradient(180deg,rgba(34,211,238,.19),rgba(8,145,178,.13)) !important;
  color: #e8fdff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.btn-secondary,
.btn-ghost,
.button-secondary,
.button-ghost {
  border-color: rgba(148,163,184,.14) !important;
  background: rgba(15,23,42,.34) !important;
  color: #d8e4f1 !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-ghost:hover,
.button-primary:hover,
.button-secondary:hover,
.button-ghost:hover {
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

.card:hover,
.next-link:hover,
.trust-link:hover,
.shortcut-link:hover {
  transform: none !important;
  background: rgba(10,22,38,.66) !important;
  border-color: rgba(103,232,249,.18) !important;
}

.pc-docs,
.pc-related,
.pc-trust-bridge {
  max-width: 1160px;
  margin: clamp(26px,5vw,52px) auto 0;
  padding: 0 24px;
}

.pc-docs-shell,
.pc-related-shell,
.pc-trust-shell {
  padding: clamp(28px,5vw,46px) 0;
  border-top: 1px solid rgba(148,163,184,.10);
}

.pc-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--pc-cyan);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pc-kicker::before {
  content: "";
  width: 18px;
  height: 1px;
  background: var(--pc-cyan);
}

.pc-docs h2,
.pc-related h2,
.pc-trust-bridge h2 {
  margin: 10px 0 12px;
  color: #f1f7fd;
  font-size: clamp(27px,4vw,42px);
  line-height: 1.06;
  letter-spacing: -.038em;
}

.pc-docs-shell > p,
.pc-related-head p,
.pc-trust-bridge p {
  max-width: 760px;
  margin: 0;
  color: var(--pc-muted);
  font-size: 13px;
  line-height: 1.72;
}

.pc-docs-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-top: 28px;
}

.pc-doc-card {
  min-height: 190px;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--pc-border);
  border-radius: 12px;
  background: rgba(8,17,30,.50);
}

.pc-doc-card span {
  color: #5f7891;
  font-size: 10px;
  font-weight: 780;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pc-doc-card strong {
  display: block;
  margin: 12px 0 7px;
  color: #dfeaf6;
  font-size: 14px;
}

.pc-doc-card p {
  margin: 0;
  color: #71859c;
  font-size: 11px;
  line-height: 1.62;
}

.pc-doc-links {
  display: grid;
  gap: 6px;
  margin-top: auto;
  padding-top: 16px;
}

.pc-doc-links a,
.pc-related-links a,
.pc-trust-links a {
  color: #85e3ef;
  text-decoration: none;
  font-size: 11px;
  font-weight: 690;
}

.pc-doc-links a:hover,
.pc-related-links a:hover,
.pc-trust-links a:hover { color: #c6f8ff; }

.pc-related-shell,
.pc-trust-shell {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: clamp(28px,5vw,64px);
}

.pc-related-links {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  align-content: start;
}

.pc-related-links a,
.pc-trust-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--pc-border);
  border-radius: 10px;
  background: rgba(8,17,30,.48);
}

.pc-related-links a::after {
  content: "→";
  color: #4e687f;
}

.pc-related-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.pc-action {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 9px;
  background: rgba(15,23,42,.34);
  color: #dce8f4;
  text-decoration: none;
  font-size: 11px;
  font-weight: 720;
}

.pc-action-primary {
  border-color: rgba(103,232,249,.38);
  background: rgba(34,211,238,.10);
  color: #e7fdff;
}

.pc-trust-links {
  display: grid;
  gap: 8px;
  align-content: center;
}

@media (max-width: 980px) {
  .pc-docs-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pc-related-shell,
  .pc-trust-shell { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .container,
  .page-wrap,
  .pc-docs,
  .pc-related,
  .pc-trust-bridge {
    padding-inline: 10px !important;
  }

  .hero-card,
  .panel,
  .section-card { padding-inline: 18px !important; }

  .grid-2,
  .grid-3,
  .grid-4,
  .trust-grid,
  .shortcut-grid,
  .pc-docs-grid,
  .pc-related-links {
    grid-template-columns: 1fr !important;
  }

  .pc-related-actions,
  .pc-related-actions .pc-action { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}