body { min-height: 100vh; }
.hero { padding: 5rem 0; text-align: center; }
.hero h1 { font-size: 3rem; font-weight: 700; }
.hero p { font-size: 1.2rem; color: #adb5bd; }
.api-card { border: 1px solid #2b3035; border-radius: .75rem; padding: 2rem; height: 100%; }
.api-card:hover { border-color: #0d6efd; }
.tariff-card { border: 1px solid #2b3035; border-radius: .75rem; padding: 1.5rem; text-align: center; }
.tariff-card.highlight { border-color: #0d6efd; }
.tariff-card .price { font-size: 2rem; font-weight: 700; }
.demo-card { border: 1px solid #2b3035; border-radius: .5rem; padding: 1rem; }
pre { background: #1a1d20; padding: 1rem; border-radius: .5rem; }
.code-block { position: relative; }
.copy-btn { position: absolute; top: .5rem; right: .5rem; }