/* Extracted inline styles from /solutions/operations.html (H5) */
body { background: #1a1d23; color: #fff; font-family: 'Montserrat', sans-serif; }
        body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at top left, rgba(59, 130, 246, 0.15) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(59, 130, 246, 0.08) 0%, transparent 50%); pointer-events: none; z-index: 0; }
        main { position: relative; z-index: 1; }
        .container { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; }
        .gradient-text { background: linear-gradient(135deg, #3B82F6 0%, #60a5fa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .hero-section { padding: 8rem 0 3rem; }
        .kicker { color: #60a5fa; font-weight: 600; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1rem; }
        .hero-section h1 { font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 800; margin-bottom: 1rem; line-height: 1.2; }
        .hero-section .subtitle { font-size: 1.125rem; color: #9ca3af; max-width: 700px; line-height: 1.7; margin-bottom: 2rem; }
        .cta-row { display: flex; gap: 1rem; flex-wrap: wrap; }
        .btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.875rem 1.75rem; border-radius: 0.5rem; font-weight: 600; text-decoration: none; transition: all 0.2s; }
        .btn-primary { background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff; }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3); }
        .btn-secondary { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; }
        .section { padding: 3rem 0; }
        .card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 1rem; padding: 2rem; margin-bottom: 1.5rem; }
        .card h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }
        .card h3 { font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem; }
        .card p { color: #9ca3af; line-height: 1.7; }
        .card ul { color: #9ca3af; margin: 1rem 0; padding-left: 1.5rem; }
        .card ul li { margin-bottom: 0.75rem; line-height: 1.6; }
        .chip-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
        .chip { background: rgba(59, 130, 246, 0.15); color: #93c5fd; padding: 0.5rem 1rem; border-radius: 2rem; font-size: 0.875rem; font-weight: 500; }
        .workflow-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem; }
        .workflow-card { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 0.75rem; padding: 1.25rem; }
        .workflow-card h3 { color: #fff; }
        .final-cta { text-align: center; padding: 3rem 2rem; background: rgba(59, 130, 246, 0.05); border: 1px solid rgba(59, 130, 246, 0.15); border-radius: 1.5rem; margin: 2rem 0; }
        .final-cta h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }
        .final-cta p { color: #9ca3af; max-width: 500px; margin: 0 auto 2rem; }
        .final-cta .cta-row { justify-content: center; }
        .back-link { display: inline-flex; align-items: center; gap: 0.5rem; color: #60a5fa; text-decoration: none; font-weight: 500; margin-bottom: 1rem; }
        .back-link:hover { text-decoration: underline; }