.services-page {
            padding-bottom: 0;
        }

        .service-detail {
            display: grid;
            grid-template-columns: 120px 1fr;
            gap: var(--space-8);
            padding: var(--space-10);
            background: var(--bg-secondary);
            border: 1px solid var(--border-primary);
            border-radius: var(--radius-2xl);
            margin-bottom: var(--space-8);
            transition: all var(--transition-base);
        }

        .service-detail:hover {
            border-color: rgba(212, 175, 55, 0.3);
            box-shadow: var(--shadow-gold);
        }

        @media (max-width: 768px) {
            .service-detail {
                grid-template-columns: 1fr;
                text-align: center;
            }
        }

        .service-icon-large {
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(212, 175, 55, 0.1);
            border: 2px solid rgba(212, 175, 55, 0.3);
            border-radius: var(--radius-xl);
        }

        @media (max-width: 768px) {
            .service-icon-large {
                margin: 0 auto;
            }
        }

        .service-icon-large i {
            font-size: var(--text-4xl);
            color: var(--accent-primary);
        }

        .service-content h2 {
            font-family: var(--font-display);
            font-size: var(--text-2xl);
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: var(--space-3);
        }

        .service-intro {
            font-size: var(--text-lg);
            color: var(--text-secondary);
            line-height: 1.7;
            margin-bottom: var(--space-5);
        }

        .service-list {
            margin-bottom: var(--space-5);
        }

        .service-list h4 {
            font-size: var(--text-base);
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: var(--space-3);
        }

        .service-list ul {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-2);
        }

        @media (max-width: 640px) {
            .service-list ul {
                grid-template-columns: 1fr;
            }
        }

        .service-list li {
            display: flex;
            align-items: center;
            gap: var(--space-2);
            font-size: var(--text-sm);
            color: var(--text-secondary);
        }

        @media (max-width: 768px) {
            .service-list li {
                justify-content: center;
            }
        }

        .service-list i {
            color: var(--accent-primary);
            font-size: var(--text-xs);
        }

        .service-tools {
            display: flex;
            gap: var(--space-3);
            margin-bottom: var(--space-5);
            flex-wrap: wrap;
        }

        @media (max-width: 768px) {
            .service-tools {
                justify-content: center;
            }
        }

        .tool-badge {
            display: inline-flex;
            align-items: center;
            gap: var(--space-2);
            padding: var(--space-2) var(--space-4);
            background: rgba(212, 175, 55, 0.1);
            border: 1px solid rgba(212, 175, 55, 0.3);
            border-radius: var(--radius-full);
            font-size: var(--text-xs);
            color: var(--accent-primary);
        }

        .tool-badge a {
            color: var(--accent-primary);
        }

        .btn-outline-white {
            background: transparent;
            border: 2px solid var(--white);
            color: var(--white);
        }

        .btn-outline-white:hover {
            background: var(--white);
            color: var(--black);
        }