.page-shell { max-width: 1040px; margin: 0 auto; padding: 32px 18px 72px; }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 28px; flex-wrap: wrap; }
.topbar a { color: var(--accent); text-decoration: none; font-family: var(--mono); font-size: 0.82rem; }
.hero-card, .block, .step-card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.hero-card { padding: 28px; margin-bottom: 22px; }
.hero-card h1 { font-size: 2rem; margin-bottom: 10px; }
.hero-card p { color: var(--muted); line-height: 1.7; max-width: 780px; }
.badge { display: inline-block; margin-bottom: 14px; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(103, 199, 255, 0.2); color: var(--accent); font-size: 0.72rem; font-family: var(--mono); }
.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 22px; }
.step-card { padding: 22px; }
.step-kicker { color: var(--accent); font-family: var(--mono); font-size: 0.72rem; margin-bottom: 8px; }
.step-card h2 { font-size: 1rem; margin-bottom: 8px; }
.step-card p { color: var(--muted); line-height: 1.65; font-size: 0.9rem; }
.block { padding: 24px; }
.block h2 { font-size: 1rem; margin-bottom: 10px; }
.block p, .block li { color: var(--muted); line-height: 1.75; }
.block ul { margin-left: 18px; }
.cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 11px 18px; border-radius: 10px; text-decoration: none; font-family: var(--mono); font-size: 0.82rem; }
.btn-primary { background: var(--accent); color: #03121d; }
.btn-secondary { border: 1px solid var(--line); color: var(--text); }