.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);padding:var(--spacing-16) 0}.service-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;transition:all var(--transition-base)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-300)}.service-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:var(--primary-50);color:var(--primary-700);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.service-icon{width:64px;height:64px;background:linear-gradient(135deg,#b3ffff 0,#80d4d4 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4)}.service-icon svg{width:2rem;height:2rem;color:var(--primary-600)}.service-card-code .service-icon svg,.service-card-research .service-icon svg{width:2.5rem;height:2.5rem}.service-audience{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.btn-service{display:inline-flex;align-items:center;gap:var(--spacing-2);background:var(--primary-500);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);text-decoration:none;font-weight:600;margin-top:var(--spacing-4);transition:all var(--transition-base);position:relative;z-index:2}.btn-service:hover{background:var(--primary-600);gap:var(--spacing-3)}.btn-outline-service{display:inline-flex;align-items:center;gap:var(--spacing-2);background:0 0;color:var(--primary-500);border:1px solid var(--primary-500);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);text-decoration:none;font-weight:600;margin-top:var(--spacing-4);transition:all var(--transition-base);position:relative;z-index:2}.btn-outline-service:hover{background:var(--primary-50);gap:var(--spacing-3)}.feature-list{list-style:none;margin:var(--spacing-4) 0}.feature-list li{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm)}.feature-list svg.icon{width:15px;height:15px;color:var(--primary-500);flex-shrink:0}.payment-info{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-light)}.payment-info svg.payment-icon{width:12px;height:12px;color:var(--text-tertiary);flex-shrink:0}.service-card .btn-outline-service,.service-card .btn-service{position:relative;z-index:2}.service-card .btn-outline-service svg.btn-arrow,.service-card .btn-service svg.btn-arrow{width:18px;height:18px;display:inline-block;flex-shrink:0;transition:transform var(--transition-base)}.service-card .btn-outline-service:hover svg.btn-arrow,.service-card .btn-service:hover svg.btn-arrow{transform:translateX(4px)}