.section-page { min-height: calc(100vh - var(--header-height)); padding: 5rem 0; }
.section-hero { max-width: 760px; }
.section-kicker { color: var(--color-accent); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.section-page h1 { margin: .5rem 0 1rem; font-size: clamp(2rem, 5vw, 3.5rem); }
.section-lead { color: var(--color-text-muted); font-size: 1.05rem; max-width: 650px; }
.coming-soon { margin-top: 2rem; padding: 1.25rem; max-width: 650px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.coming-soon strong { color: var(--color-green); }
.section-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
.section-link { display:inline-flex; padding:.65rem .9rem; border-radius:var(--radius-sm); background:var(--color-surface-2); color:var(--color-text); }
.section-link:hover { background:var(--color-surface-3); }
.about-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; margin-top:2rem; }
.about-card { padding:1.2rem; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.about-card h2 { font-size:1.05rem; margin-bottom:.5rem; }
.about-card p { color:var(--color-text-muted); font-size:.9rem; }
@media (max-width:760px) { .about-grid { grid-template-columns:1fr; } }