.zs-c { font-family: inherit; } .zs-c-hero { background: linear-gradient(135deg, #000000 0%, #1a1a1a 60%, #000000 100%); padding: 52px 24px 44px; text-align: center; border-radius: 6px; margin-bottom: 24px; } .zs-c-hero h1 { font-size: clamp(24px, 5vw, 36px); font-weight: 800; font-style: italic; color: #fff; margin-bottom: 12px; } .zs-c-hero p { font-size: 15px; color: rgba(255,255,255,0.88); max-width: 460px; margin: 0 auto; line-height: 1.65; } .zs-c-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-bottom: 28px; } .zs-c-card { background: #fafafa; border: 1px solid #e0e0e0; padding: 20px; border-radius: 4px; } .zs-c-card-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: #888; margin-bottom: 6px; } .zs-c-card-value { font-size: 14px; color: #1a1a1a; font-weight: 500; } .zs-c-section { margin-bottom: 28px; } .zs-c-header { display: flex; align-items: center; border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden; margin-bottom: 16px; } .zs-c-num { background: #1a1a2e; color: #fff; font-size: 13px; font-weight: 700; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; } .zs-c-title { flex: 1; padding: 0 20px; font-size: 15px; font-weight: 700; color: #1a1a1a; } .zs-c-body { font-size: 14px; color: #555; line-height: 1.8; padding: 0 4px; }