:root {
      --bg: #f7f7f3;
      --bg-accent: #efefe8;
      --surface: rgba(255,255,255,0.94);
      --text: #14161a;
      --muted: #6b7280;
      --line: #e5e7eb;
      --line-strong: #d1d5db;
      --primary: #111827;
      --shadow: 0 16px 40px rgba(15,23,42,0.07);
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      min-height: 100vh;
      font-family: "Aptos", "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at 0% 0%, rgba(255,255,255,0.9), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(255,255,255,0.75), transparent 22%),
        linear-gradient(180deg, #fbfbf8 0%, var(--bg) 50%, var(--bg-accent) 100%);
    }
    a { color: inherit; text-decoration: none; }
    button, input, select, textarea { font: inherit; }
    code {
      font-family: Consolas, "Courier New", monospace;
      font-size: 0.94em;
      padding: 2px 7px;
      border-radius: 8px;
      background: #f3f4f6;
      color: #1f2937;
    }
    pre {
      margin: 0;
      padding: 16px 18px;
      border-radius: 18px;
      overflow: auto;
      background: #111827;
      color: #f9fafb;
      font-size: 12px;
      line-height: 1.65;
    }
    .public-shell {
      max-width: 1120px;
      margin: 0 auto;
      padding: 24px 20px 56px;
    }
    .site-topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 16px 18px;
      border-radius: 22px;
      background: rgba(255,255,255,0.84);
      border: 1px solid rgba(229,231,235,0.92);
      box-shadow: var(--shadow);
      backdrop-filter: blur(12px);
    }
    .site-brand { display: inline-flex; align-items: center; gap: 14px; min-width: 0; }
    .site-mark {
      width: 124px;
      height: 50px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 8px 12px;
      border-radius: 16px;
      background: #ffffff;
      border: 1px solid var(--line);
    }
    .site-mark img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
    .site-copy {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 3px;
    }
    .site-copy strong {
      font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
      font-size: 24px;
      line-height: 1;
      color: var(--text);
    }
    .site-copy span {
      color: var(--muted);
      font-size: 13px;
    }
    .site-actions,
    .hero-actions,
    .portal-actions,
    .actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .hero-actions,
    .portal-actions,
    .actions { margin-top: 16px; }
    .public-session,
    .locale-switch {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 14px;
      background: #ffffff;
      border: 1px solid var(--line);
    }
    .public-session {
      flex-direction: column;
      align-items: flex-start;
      gap: 2px;
    }
    .public-session strong { font-size: 13px; color: var(--text); }
    .public-session span {
      color: var(--muted);
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .locale-label { color: var(--muted); font-size: 12px; }
    .locale-select {
      border: 0;
      background: transparent;
      color: var(--text);
    }
    .landing-stack {
      display: flex;
      flex-direction: column;
      gap: 18px;
      margin-top: 20px;
    }
    .page-footer {
      display: flex;
      justify-content: center;
      margin-top: 18px;
      padding-bottom: 8px;
    }
    .footer-tools {
      display: flex;
      justify-content: center;
    }
    .landing-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
      gap: 16px;
      align-items: stretch;
    }
    .launch-hero {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
      gap: 18px;
      align-items: stretch;
      padding: clamp(22px, 4vw, 44px);
      min-height: 560px;
      overflow: hidden;
      border-radius: 34px;
      background:
        radial-gradient(circle at 8% 12%, rgba(239,68,68,0.18), transparent 22%),
        radial-gradient(circle at 78% 0%, rgba(34,197,94,0.18), transparent 24%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 48%, #eef2ff 100%);
      border: 1px solid rgba(17,24,39,0.10);
      box-shadow: var(--shadow);
    }
    .launch-hero::before {
      content: "";
      position: absolute;
      inset: 18px;
      pointer-events: none;
      border-radius: 26px;
      border: 1px solid rgba(17,24,39,0.08);
    }
    .launch-copy {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 22px;
      max-width: 720px;
    }
    .launch-kicker {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: 8px 12px;
      border-radius: 999px;
      background: #111827;
      color: #ffffff;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    .launch-copy h1 {
      margin: 0;
      color: #0b1020;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: clamp(3.6rem, 8.2vw, 7.9rem);
      line-height: 0.86;
      letter-spacing: -0.08em;
      max-width: 780px;
    }
    .launch-copy p {
      max-width: 660px;
      margin: 0;
      color: #475569;
      font-size: clamp(1rem, 1.65vw, 1.25rem);
      line-height: 1.7;
    }
    .launch-primary {
      background: #111827;
      color: #ffffff;
      border-color: #111827;
      box-shadow: 0 16px 34px rgba(17,24,39,0.22);
    }
    .launch-secondary {
      background: rgba(255,255,255,0.78);
      color: #111827;
      border-color: rgba(17,24,39,0.16);
    }
    .flow-visual {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 22px;
      min-height: 430px;
      padding: clamp(20px, 3vw, 34px);
      border-radius: 30px;
      background: #0b1020;
      color: #ffffff;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10), 0 30px 70px rgba(15,23,42,0.28);
    }
    .flow-visual::before,
    .flow-visual::after {
      content: "";
      position: absolute;
      pointer-events: none;
      border-radius: 999px;
      filter: blur(2px);
      opacity: 0.8;
    }
    .flow-visual::before {
      width: 180px;
      height: 180px;
      right: 18px;
      top: 18px;
      background: radial-gradient(circle, rgba(56,189,248,0.38), transparent 66%);
    }
    .flow-visual::after {
      width: 220px;
      height: 220px;
      left: -60px;
      bottom: -60px;
      background: radial-gradient(circle, rgba(168,85,247,0.34), transparent 68%);
    }
    .flow-topline,
    .flow-nodes,
    .flow-pills {
      position: relative;
      z-index: 1;
    }
    .flow-topline {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      color: #cbd5e1;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.14em;
    }
    .flow-topline strong {
      color: #ffffff;
      font-size: clamp(1.6rem, 3.4vw, 3.1rem);
      line-height: 0.9;
      letter-spacing: -0.05em;
      text-transform: none;
    }
    .flow-band {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(8, minmax(18px, 1fr));
      gap: 8px;
      align-items: end;
      min-height: 150px;
      padding: 16px;
      border-radius: 24px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.10);
    }
    .flow-band i {
      display: block;
      min-height: 74px;
      border-radius: 16px;
      background: linear-gradient(180deg, #22c55e, #38bdf8 48%, #a855f7);
      box-shadow: 0 16px 40px rgba(56,189,248,0.18);
    }
    .flow-band i:nth-child(2n) { min-height: 116px; }
    .flow-band i:nth-child(3n) { min-height: 146px; background: linear-gradient(180deg, #f97316, #ef4444); }
    .flow-band i:nth-child(4n) { min-height: 92px; }
    .flow-nodes {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }
    .flow-nodes span,
    .flow-pills span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.12);
      color: #e5e7eb;
      font-size: 12px;
      font-weight: 800;
    }
    .flow-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .flow-pills span {
      border-radius: 999px;
      min-height: 0;
      background: rgba(255,255,255,0.12);
    }
    .proof-grid,
    .launch-entry-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }
    .launch-proof,
    .launch-entry {
      padding: 24px;
      border-radius: 28px;
      background: #ffffff;
      border: 1px solid rgba(17,24,39,0.10);
      box-shadow: var(--shadow);
    }
    .launch-proof {
      min-height: 250px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
    }
    .launch-proof > span,
    .launch-entry > span {
      display: inline-flex;
      width: fit-content;
      color: #ef4444;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .launch-proof h3,
    .launch-entry h3 {
      margin: 0;
      color: #111827;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: clamp(1.65rem, 2.5vw, 2.35rem);
      line-height: 0.98;
      letter-spacing: -0.05em;
    }
    .launch-proof p,
    .launch-entry p {
      margin: 0;
      color: #64748b;
      line-height: 1.7;
    }
    .launch-entry {
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-height: 230px;
    }
    .launch-entry.accent {
      background: #111827;
      color: #ffffff;
    }
    .launch-entry.accent h3,
    .launch-entry.accent p {
      color: #ffffff;
    }
    .launch-entry.accent p { color: #cbd5e1; }

    .entry-grid,
    .portal-grid,
    .auth-grid,
    .form-grid {
      display: grid;
      gap: 16px;
    }
    .entry-grid,
    .portal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .auth-grid { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
    .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .form-grid.single { grid-template-columns: 1fr; }
    .entry-card {
      display: flex;
      flex-direction: column;
      gap: 12px;
      min-height: 210px;
    }
    .entry-card .actions { margin-top: auto; }
    .list,
    .card-list {
      margin: 0;
      padding-left: 1.15rem;
    }
    .list li,
    .card-list li {
      margin-bottom: 10px;
      line-height: 1.65;
      color: var(--muted);
    }
    .field {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .field label {
      color: #4b5563;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .field input,
    .field select,
    .field textarea {
      width: 100%;
      border: 1px solid var(--line-strong);
      border-radius: 14px;
      padding: 13px 14px;
      background: #ffffff;
      color: var(--text);
    }
    .field textarea { min-height: 120px; resize: vertical; }
    .field-note {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.5;
    }
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 10px 16px;
      border: 1px solid transparent;
      border-radius: 14px;
      cursor: pointer;
      font-size: 14px;
      font-weight: 700;
      background: var(--primary);
      color: #ffffff;
    }
    .button.secondary {
      background: #f3f4f6;
      border-color: var(--line);
      color: var(--text);
    }
    .button.ghost {
      background: #ffffff;
      border-color: var(--line);
      color: var(--text);
    }
    .flash {
      padding: 14px 16px;
      border-radius: 16px;
      border: 1px solid transparent;
      font-weight: 600;
    }
    .flash.success {
      background: #eefaf2;
      border-color: #c8ead1;
      color: #166534;
    }
    .flash.danger {
      background: #fef2f2;
      border-color: #fecaca;
      color: #b91c1c;
    }
    form.inline { display: inline; }
    @media (max-width: 980px) {
      .landing-hero,
      .auth-grid,
      .entry-grid,
      .portal-grid,
      .form-grid {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 720px) {
      .launch-hero,
      .proof-grid,
      .launch-entry-grid,
      .flow-nodes {
        grid-template-columns: 1fr;
      }
      .launch-hero {
        min-height: 0;
        padding: 18px;
      }
      .launch-copy h1 {
        font-size: clamp(3rem, 18vw, 4.6rem);
      }
      .flow-visual {
        min-height: 360px;
      }
    }
    @media (max-width: 820px) {
      .public-shell { padding-inline: 16px; }
      .site-topbar {
        flex-direction: column;
        align-items: flex-start;
      }
      .site-actions { width: 100%; }
      .site-brand { align-items: flex-start; }
      .hero-copy { min-height: 0; }
      .page-footer {
        justify-content: stretch;
      }
      .footer-tools,
      .footer-tools .locale-switch {
        width: 100%;
      }
    }

:root {
  --page-bg:#f3f3f0;
  --surface:#ffffff;
  --surface-muted:#e9e9e6;
  --ink:#111111;
  --muted:#60666c;
  --line:#b9bec2;
  --line-strong:#111111;
  --success:#087f5b;
  --danger:#c73f32;
  --info:#2563b8;
  --warning:#a86800;
  --rail:248px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --radius:2px;
}
*{box-sizing:border-box}
html{background:var(--page-bg)}
body.pg-app,body.pg-public{margin:0;min-height:100vh;background:var(--page-bg)!important;color:var(--ink)!important;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;letter-spacing:0!important}
a{color:inherit}
:focus-visible{outline:3px solid var(--info)!important;outline-offset:2px}
button,input,select,textarea{font:inherit;letter-spacing:0}
input,select,textarea{width:100%;min-height:40px;padding:8px 10px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius)!important}
textarea{min-height:112px;resize:vertical}
label{font-size:13px;font-weight:650;color:var(--ink)}
code{padding:1px 4px!important;background:var(--surface-muted)!important;color:var(--ink)!important;border-radius:0!important;overflow-wrap:anywhere}
pre{max-width:100%;max-height:360px;overflow:auto;margin:0;padding:12px;background:#171717!important;color:#f4f4f4!important;border:1px solid #171717;border-radius:0!important;white-space:pre-wrap;overflow-wrap:anywhere}
.shell{max-width:none!important;margin:0!important;padding:0!important}
.topbar,.site-topbar{position:sticky!important;top:0!important;z-index:20;min-height:64px;margin:0!important;padding:10px 18px!important;background:var(--surface)!important;border:0!important;border-bottom:2px solid var(--line-strong)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
.brand,.site-brand{gap:10px!important}
.brand-mark,.site-mark{width:38px!important;height:38px!important;border:1px solid var(--line-strong)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important}
.brand-copy h1,.site-copy strong{margin:0!important;font-size:15px!important;line-height:1.2!important;letter-spacing:0!important}
.brand-copy p,.site-copy span{margin:2px 0 0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important}
.layout{display:grid!important;grid-template-columns:var(--rail) minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;min-height:calc(100vh - 64px)}
.sidebar{position:sticky!important;top:64px!important;height:calc(100vh - 64px);overflow:auto;padding:18px 14px!important;background:var(--surface-muted)!important;border:0!important;border-right:1px solid var(--line-strong)!important;border-radius:0!important;box-shadow:none!important}
.sidebar-panel{padding:0 4px 14px!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;border-radius:0!important}
.sidebar-panel strong{font-size:12px!important;text-transform:uppercase;letter-spacing:0!important}
.sidebar-panel p{font-size:12px!important;line-height:1.45!important}
.sidebar-title{display:none!important}
.pg-nav-section{margin:0 0 18px}
.pg-nav-heading{margin:0 0 5px!important;padding:0 6px!important;color:var(--muted)!important;font-family:inherit!important;font-size:10px!important;line-height:1.4!important;text-transform:uppercase;letter-spacing:0!important;font-weight:750!important}
.pg-nav-list,.nav-group{display:grid!important;gap:1px!important}
.nav-link{display:flex!important;align-items:center;min-height:36px;padding:7px 8px!important;color:var(--ink)!important;background:transparent!important;border:0!important;border-left:2px solid transparent!important;border-radius:0!important;font-size:13px!important;font-weight:550!important}
.nav-link:hover{background:var(--surface)!important}
.nav-link.active{background:var(--surface)!important;color:var(--ink)!important;border-left-color:var(--line-strong)!important;box-shadow:none!important}
.content-card{min-width:0;margin:0!important;padding:22px 26px 48px!important;background:var(--surface)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.content-card>h1:first-child,.content-card>h2:first-child{margin-top:0;padding-bottom:12px;border-bottom:2px solid var(--line-strong)}
h1,h2,h3{font-family:inherit!important;letter-spacing:0!important;color:var(--ink)!important}
h1{font-size:24px!important;line-height:1.2}
h2{font-size:17px!important;line-height:1.3}
h3{font-size:14px!important;line-height:1.35}
p{line-height:1.5}
.muted{color:var(--muted)!important}
.card,.content-card .card,.public-card,.landing-card,.auth-card,.feature-card,.stat-card{margin:0!important;padding:16px!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important}
.grid{gap:12px!important}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.card>.stats{display:block!important;margin-top:6px!important;padding:0!important;background:transparent!important;border:0!important;font-size:24px!important;font-weight:700!important;line-height:1.15!important;overflow-wrap:anywhere}
.button,button[type="submit"],input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;min-height:38px;width:auto;padding:8px 12px!important;background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important;border-radius:var(--radius)!important;box-shadow:none!important;font-family:inherit!important;font-weight:650!important;letter-spacing:0!important;cursor:pointer}
.button:hover,button[type="submit"]:hover{background:#303030!important}
.button.secondary,.button.ghost{background:var(--surface)!important;color:var(--ink)!important}
.button.danger,button.danger{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}
.toolbar,.actions,.pg-toolbar,.pg-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px!important}
.viewer{border:0!important;padding:0!important}
.viewer-meta strong{font-size:13px!important}.viewer-meta span{font-size:11px!important}
.viewer-role,.badge,.pill,.chip{padding:2px 6px!important;border:1px solid var(--line)!important;border-radius:2px!important;background:var(--surface-muted)!important;color:var(--ink)!important;box-shadow:none!important}
.flash{padding:10px 12px!important;margin:0 0 14px!important;border:1px solid currentColor!important;border-radius:0!important;background:var(--surface)!important}
.flash.success,.status[data-state="ok"]{color:var(--success)!important}
.flash.danger,.status[data-state="error"]{color:var(--danger)!important}
.status[data-state="warning"]{color:var(--warning)!important}
table{width:100%;border-collapse:collapse!important;background:var(--surface)!important;font-size:12px!important}
th,td{padding:9px 10px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:left;vertical-align:top;overflow-wrap:anywhere}
th{position:sticky;top:0;z-index:1;background:var(--surface-muted)!important;color:var(--ink)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:0!important}
tr:hover td{background:#fafafa}
.table-scroll{max-width:100%;overflow:auto;border-top:2px solid var(--line-strong)}
.content-card>table,.card>table{display:block;max-width:100%;overflow:auto;border-top:2px solid var(--line-strong)}
.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important}
.form-grid>label,.form-grid>.field{min-width:0}
details{border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}
summary{padding:10px 12px!important}
dialog{max-width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);border:2px solid var(--line-strong);border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.page-footer{margin:0!important;padding:12px 18px!important;background:var(--surface)!important;border-top:1px solid var(--line)!important;border-radius:0!important}
.locale-switch{border-radius:var(--radius)!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important}.locale-select{border-radius:0!important}
.public-shell{max-width:none!important;min-height:100vh!important;padding:0!important}
.landing-stack{width:min(1120px,calc(100% - 32px));margin:0 auto!important;padding:28px 0 48px!important;gap:16px!important}
.hero,.landing-hero,.hero-copy{min-height:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.hero h1,.landing-hero h1{font-size:30px!important;max-width:760px!important}
.feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:2px solid var(--line-strong)!important}
.feature-grid>*{border-radius:0!important;border-width:0 1px 1px 0!important}
.pg-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px;padding:0 0 12px;border-bottom:2px solid var(--line-strong)}
.pg-page-header h1{margin:3px 0 0}
.pg-eyebrow{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:700}
.pg-header-actions{display:flex;flex-wrap:wrap;gap:8px}
.pg-metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0 0 20px;border:1px solid var(--line-strong)}
.pg-metric{min-width:0;padding:11px 12px;border-right:1px solid var(--line)}
.pg-metric dt{color:var(--muted);font-size:11px;line-height:1.3;text-transform:uppercase}.pg-metric dd{margin:4px 0 0;font-size:22px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}
.pg-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 0;padding:9px 0;border-top:2px solid var(--line-strong);border-bottom:1px solid var(--line)}
.pg-section-header h2{margin:0}.pg-section-header span{color:var(--muted);font-size:12px}
.pg-empty-state{padding:30px 12px;text-align:center;border-bottom:1px solid var(--line);color:var(--muted)}
.pg-public-body{display:grid;gap:18px}
.auth-grid,.pg-auth-layout .auth-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,340px)!important;gap:0!important;border-top:2px solid var(--line-strong)!important}
.auth-grid>.surface-card,.pg-form-section{padding:18px!important;background:var(--surface)!important;border:0!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
.auth-hero{min-height:0!important;margin:0!important;padding:12px 0!important;border-bottom:2px solid var(--line-strong)!important;background:transparent!important}
.auth-hero h1{font-size:26px!important;margin:3px 0 6px!important}.auth-hero p{max-width:760px;margin:0;color:var(--muted)}
.eyebrow,.card-kicker{color:var(--muted)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0!important}
.callout{padding:12px!important;margin:0 0 14px!important;border:1px solid currentColor!important;border-radius:0!important;background:var(--surface)!important}
.callout.success{color:var(--success)!important}.callout.danger{color:var(--danger)!important}
.pg-home-header{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;align-items:end!important;gap:24px!important;min-height:0!important;padding:24px 0!important;background:transparent!important;border:0!important;border-top:2px solid var(--line-strong)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.pg-home-copy{display:grid;gap:9px;min-width:0}.pg-home-copy h1{margin:0!important;font-size:32px!important}.pg-home-copy h2{margin:0!important;font-size:18px!important}.pg-home-copy p{max-width:760px;margin:0;color:var(--muted)}
.pg-home-flow{display:grid!important;gap:0!important;min-height:0!important;padding:0!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.pg-home-flow-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}
.pg-home-flow-summary span{color:var(--muted);font-size:11px;text-transform:uppercase}.pg-home-flow-summary strong{font-size:18px;line-height:1.2;text-transform:none}
.pg-home-leg-band{display:none!important}
.pg-home-flow-nodes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.pg-home-flow-nodes span{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:8px!important;background:var(--surface)!important;color:var(--ink)!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;font-size:12px!important;font-weight:700!important}
.pg-home-flow-pills{display:flex!important;flex-wrap:wrap;gap:0!important;border-top:1px solid var(--line)!important}
.pg-home-flow-pills span{min-height:0!important;padding:7px 10px!important;background:var(--surface-muted)!important;color:var(--muted)!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;font-size:11px!important;font-weight:600!important}
.pg-home-proof-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:2px solid var(--line-strong);border-bottom:1px solid var(--line)}
.pg-home-proof{display:grid;align-content:start;gap:8px;min-height:0;padding:14px 16px;border-right:1px solid var(--line)}
.pg-home-proof h3,.pg-home-proof p{margin:0}.pg-home-proof p{color:var(--muted);font-size:13px}.pg-home-sequence{color:var(--danger);font-size:10px;font-weight:750}
.pg-home-entry-list{display:grid;border-top:2px solid var(--line-strong)}
.pg-home-entry{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:0!important;padding:14px 0!important;background:transparent!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
.pg-home-entry h3,.pg-home-entry p{margin:3px 0 0}.pg-home-entry p{color:var(--muted);font-size:13px}.pg-home-entry>span{color:var(--muted);font-size:11px;text-transform:uppercase}
.mobile-nav-toggle{display:none;min-width:40px;min-height:40px;padding:6px!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important}
.pg-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
  .topbar,.site-topbar{position:static!important;align-items:center!important;flex-direction:row!important}
  .brand-copy p,.site-copy span{display:none}
  .layout{grid-template-columns:1fr!important;min-height:0}
  .sidebar{display:none;position:static!important;height:auto!important;border-right:0!important;border-bottom:2px solid var(--line-strong)!important}
  .sidebar[data-open="true"]{display:block}
  .mobile-nav-toggle{display:inline-flex}
  .content-card{padding:18px 14px 36px!important}
  .grid.two,.grid.three,.form-grid,.feature-grid{grid-template-columns:1fr!important}
  .auth-grid,.pg-auth-layout .auth-grid{grid-template-columns:1fr!important}
  .pg-home-header,.pg-home-proof-list{grid-template-columns:1fr!important}
  .pg-home-entry{grid-template-columns:1fr!important}
  .pg-page-header{align-items:flex-start;flex-direction:column}
  .pg-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-stack{width:min(100% - 24px,720px);padding-top:18px!important}
  .hero{align-items:flex-start!important;flex-direction:column!important}
  .hero h1{font-size:24px!important}
  th,td{min-width:110px}
}
@media(max-width:520px){.pg-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar,.site-actions{width:100%}.content-card{padding-inline:10px!important}}

/* C2 Signal Chamber homepage. */
.signal-hero{position:relative;isolation:isolate;display:grid;align-content:end;width:100vw;height:min(760px,calc(100svh - 104px));min-height:560px;margin:0 0 0 calc(50% - 50vw);padding:clamp(36px,7vw,92px) max(24px,calc((100vw - 1120px)/2));overflow:hidden;background:#0a0c0b;color:#f5f5f1}
.signal-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%}
.signal-hero-copy{display:grid;align-content:end;gap:14px;width:min(720px,65%);padding-bottom:clamp(32px,8vh,84px)}
.signal-eyebrow,.signal-detail-index{color:#ef4938;font-size:12px;font-weight:800;text-transform:uppercase}
.signal-hero h1{max-width:900px;margin:0;color:#fff!important;font-size:clamp(38px,6vw,78px)!important;line-height:1.02!important;letter-spacing:0!important}
.signal-offer{max-width:620px;margin:0;color:#bdc6c1;font-size:clamp(18px,2.2vw,28px);line-height:1.35}
.signal-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.signal-actions .button{min-height:44px;padding:10px 16px!important;text-decoration:none}
.signal-actions .signal-primary{background:#ef4938!important;border-color:#ef4938!important;color:#fff!important}
.signal-actions .signal-secondary{background:transparent!important;border-color:#77817c!important;color:#fff!important}
.signal-summary{position:absolute;right:max(24px,calc((100vw - 1120px)/2));bottom:clamp(36px,8vh,84px);display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));width:min(380px,32vw);margin:0;border-top:1px solid #46504b}
.signal-summary div{padding:12px 10px;border-right:1px solid #46504b}
.signal-summary dt{color:#9da7a2;font-size:11px;text-transform:uppercase}
.signal-summary dd{margin:5px 0 0;color:#fff;font-size:27px;font-weight:800;font-variant-numeric:tabular-nums}
.signal-light-detail{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.4fr) auto;gap:clamp(24px,5vw,64px);align-items:start;padding:64px 0 72px;background:#fff;color:#17201c}
.signal-light-detail>header h2{max-width:430px;margin:8px 0 12px;font-size:32px!important;line-height:1.15!important}
.signal-light-detail>header p{max-width:460px;margin:0;color:#5f6964;font-size:14px;line-height:1.6}
.signal-architecture{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid #17201c;border-bottom:1px solid #b9c0bb}
.signal-architecture strong{grid-column:1/-1;padding:15px 0;font-size:18px;overflow-wrap:anywhere}
.signal-architecture span{min-height:56px;padding:12px 8px 12px 0;border-top:1px solid #d4d9d5;color:#5f6964;font-size:12px}
.signal-detail-actions{display:grid;gap:8px;min-width:140px}
.signal-detail-actions .button{text-decoration:none}
.signal-setup-note{grid-column:1/-1;margin:0;padding:12px 0;border-top:1px solid #b87308;color:#6f4b12;font-size:13px}
@media(prefers-reduced-motion:reduce){.signal-canvas{opacity:.82}}
@media(max-width:900px){
  .signal-hero{height:calc(100svh - 96px);min-height:430px;padding-inline:20px}
  .signal-hero-copy{width:min(680px,100%);padding-bottom:150px}
  .signal-summary{right:20px;bottom:24px;left:20px;width:auto}
  .signal-light-detail{grid-template-columns:1fr;padding:46px 0 54px}
  .signal-detail-actions{display:flex;flex-wrap:wrap}
}
@media(max-width:520px){
  .signal-hero{min-height:450px}
  .signal-hero h1{font-size:40px!important}
  .signal-offer{font-size:18px}
  .signal-summary dd{font-size:22px}
  .signal-summary dt{font-size:10px}
  .signal-architecture strong{font-size:15px}
  .signal-architecture span{font-size:10px}
}