/* Final public-site polish: stable typography, compact navigation and mobile layout. */
html, body { max-width: 100%; overflow-x: hidden; }
.hero-copy, .section-heading, .start-copy, .start-hero-copy, .join-intro,
.portal-login-copy, .policy-heading, .policy-copy { min-width: 0; }
.hero h1, .section-heading h2, .start-hero h1, .start-copy h2,
.join-intro h1, .portal-login-copy h1, .policy-hero h1, .policy-heading h2 {
  overflow-wrap: normal;
  text-wrap: balance;
}
.hero-lead, .section-heading p, .start-copy p, .start-hero-copy > p,
.join-intro > p, .portal-login-copy > p, .policy-copy p {
  overflow-wrap: break-word;
}

/* Keep the large hero statement fully inside its half of the split layout. */
@media (min-width: 901px) {
  .hero { grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); column-gap: clamp(36px, 5vw, 76px); }
  .hero-copy { width: 100%; max-width: 680px; padding-right: clamp(20px, 2vw, 36px); }
  .hero h1 { max-width: 100%; font-size: clamp(56px, 5vw, 88px); }
  .hero-lead, .realm-strip { max-width: 100%; }
}

@media (max-width: 860px) {
  .unified-site-header {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 0;
    padding: 8px 16px 0;
  }
  .unified-site-header .brand img { width: 44px; height: 44px; }
  .unified-site-header .unified-account-actions {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    justify-content: flex-end;
  }
  .unified-site-header .header-login { display: inline-flex; padding: 10px 0; }
  .unified-site-header .unified-nav {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: .75fr 1.35fr .95fr 1.15fr;
    gap: 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0;
    overflow: visible;
    border-top: 1px solid #21191c;
  }
  .unified-site-header .unified-nav a {
    min-width: 0;
    padding: 13px 5px;
    text-align: center;
    font-size: 7.5px;
    letter-spacing: .045em;
    border-right: 1px solid #21191c;
  }
  .unified-site-header .unified-nav a:nth-child(3) { display: none; }
  .unified-site-header .unified-nav a:last-child { border-right: 0; }
  .header-account { max-width: 150px; }
}

@media (max-width: 560px) {
  .hero { padding: 42px 7vw 68px; }
  .hero h1 { margin: 18px 0; font-size: clamp(44px, 13.5vw, 60px); line-height: 1.02; letter-spacing: -.035em; }
  .hero-lead { font-size: 16px; line-height: 1.65; }
  .hero-actions { gap: 10px; }
  .hero-actions .button { width: 100%; min-height: 50px; padding-inline: 16px; }
  .section-heading h2, .download-section h2, .community-section h2,
  .start-copy h2, .vaultbot-guide-copy h2, .start-support h2 {
    font-size: clamp(36px, 11vw, 48px);
    line-height: 1.06;
  }
  .status-bar { min-height: 58px; padding-inline: 18px; }
  footer div:last-child { flex-wrap: wrap; justify-content: center; row-gap: 12px; }
}

/* Public realm-status entry point. */
.status-bar .status-live-link{display:flex;align-items:center;gap:.65rem;color:#c8c1bc;text-decoration:none;font-weight:800}.status-bar .status-live-link:hover{color:#efca72}