/* Platform skin — deep navy + warm lamplight gold. Reputable, calm, confident. */
@font-face {
  font-family: 'Sora';
  src: url('/fonts/sora-latin-600.woff2') format('woff2');
  font-weight: 600; font-display: swap;
}
body.platform {
  --bg: #080d1a; --bg-raise: #0d1526; --card: #101a30; --border: #1e2c4a;
  --text: #e9edf6; --muted: #93a0b8;
  --accent: #e8b64c; --accent-ink: #1a1204;
  background-image:
    radial-gradient(1000px 420px at 50% -12%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%);
  background-repeat: no-repeat;
}
.platform h1, .platform h2, .platform .brand { font-family: 'Sora', system-ui, sans-serif; font-weight: 600; letter-spacing: -0.015em; }
.platform .button:not(.secondary) { background: var(--accent); color: var(--accent-ink); }
.platform .button:not(.secondary):hover { box-shadow: 0 4px 18px color-mix(in srgb, var(--accent) 40%, transparent); }
.platform .button:active { transform: translateY(0) scale(.98); }
.platform a:not(.button):not(.brand) { color: var(--accent); }
.platform .site-header nav a, .platform .site-footer a, .platform .brand { color: var(--text); }

/* Marketing blocks */
.trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); margin: var(--space-5) 0; }
.trust-strip .card h3 { margin-top: 0; }
.trust-strip .card p { margin-bottom: 0; }
.how-steps { list-style: none; padding: 0; counter-reset: step; }
.how-steps li { position: relative; padding: var(--space-3) 0 var(--space-3) 56px; border-bottom: 1px solid var(--border); }
.how-steps li::before { counter-increment: step; content: counter(step);
  position: absolute; left: 0; top: var(--space-3); width: 36px; height: 36px;
  display: grid; place-items: center; border-radius: 50%;
  background: var(--accent); color: var(--accent-ink); font-weight: 700; }
.platform details { border-bottom: 1px solid var(--border); padding: var(--space-3) 0; }
.platform details summary { cursor: pointer; font-weight: 700; list-style: none; position: relative; padding-left: 26px; }
.platform details summary::before { content: '+'; position: absolute; left: 0; top: -1px; color: var(--accent); font-size: 20px; }
.platform details[open] summary::before { content: '–'; }
.platform details summary:hover { color: var(--accent); }

/* Dashboard */
.dash-subnav { display: flex; gap: var(--space-3); flex-wrap: wrap; border-bottom: 1px solid var(--border);
  padding-bottom: var(--space-3); margin-bottom: var(--space-4); }
.dash-subnav a { text-decoration: none; color: var(--muted); padding: 6px 10px; border-radius: var(--radius-s); }
.dash-subnav a:hover { color: var(--text); background: var(--bg-raise); text-decoration: none; }
.dash-subnav a[aria-current="page"] { color: var(--text); background: var(--card); border: 1px solid var(--border); }
.platform input, .platform textarea, .platform select {
  background: var(--bg-raise); color: var(--text); border: 1px solid var(--border);
  border-radius: var(--radius-s); padding: 9px 12px; font: inherit;
}
.platform input[type="checkbox"] { width: auto; }
.platform code { background: var(--bg-raise); border: 1px solid var(--border); border-radius: 4px; padding: 1px 6px; }

@media (max-width: 860px) { .trust-strip { grid-template-columns: 1fr; } }