body { margin: 0; background: #101614; color: #e7f2ee; font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
pre { background: #18211e; padding: 16px; border-radius: 12px; overflow: auto; font-size: 13px; }
.s3a780847-muted { color: #8aa399; }
.s3a780847-kicker { color: #3dcc8a; letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; }
.s3a780847-main { max-width: 1080px; margin: 0 auto; padding: 8px 24px 64px; }
.s3a780847-foot { max-width: 1080px; margin: 0 auto; padding: 0 24px 28px; color: #8aa399; font-size: 13px; display: flex; justify-content: space-between; gap: 12px; }

.s3a780847-bar { display: flex; gap: 28px; align-items: center; max-width: 1080px; margin: 0 auto; padding: 22px 24px; }
.s3a780847-name { font-weight: 700; letter-spacing: -0.03em; }
.s3a780847-nav { display: flex; gap: 16px; margin-left: auto; color: #8aa399; font-size: 14px; }
.s3a780847-hero { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 22px; align-items: start; }
.s3a780847-card { background: #18211e; border-radius: 18px; padding: 22px; }
.s3a780847-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; }
.s3a780847-cols article { background: #18211e; border-radius: 16px; padding: 18px; }
h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.05; letter-spacing: -0.03em; margin: 0 0 12px; }
@media (max-width: 800px) { .s3a780847-hero, .s3a780847-cols { grid-template-columns: 1fr; } .s3a780847-bar { flex-wrap: wrap; } }