* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary-color: #0066cc;
            --secondary-color: #00a8ff;
            --accent-color: #ff6b35;
            --dark-color: #1a1a1a;
            --light-color: #f8f9fa;
            --text-color: #333;
            --border-color: #e0e0e0;
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            --gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: var(--text-color);
            overflow-x: hidden;
        }

        /* Cookie Consent Banner */
        .cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: var(--dark-color);
            color: white;
            padding: 20px;
            z-index: 10000;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }

        .cookie-banner.show {
            transform: translateY(0);
        }

        .cookie-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .cookie-text {
            flex: 1;
            min-width: 300px;
        }

        .cookie-buttons {
            display: flex;
            gap: 10px;
        }

        .cookie-btn {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-weight: 600;
            transition: background-color 0.3s;
        }

        .cookie-accept {
            background: var(--primary-color);
            color: white;
        }

        .cookie-decline {
            background: transparent;
            color: white;
            border: 2px solid white;
        }

        .cookie-btn:hover {
            opacity: 0.8;
        }

        /* Header */
        header {
            position: fixed;
            top: 0;
            width: 100%;
            background: white;
            z-index: 1000;
            padding: 15px 0;
            transition: all 0.3s ease;
            border-bottom: 1px solid var(--border-color);
            box-shadow: var(--shadow);
        }

        .header-scrolled {
            padding: 10px 0;
            box-shadow: var(--shadow);
        }

        nav {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }

        .logo-container {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo-img {
            height: 45px;
            width: auto;
            transition: transform 0.3s ease;
        }

        .logo-container:hover .logo-img {
            transform: scale(1.05);
        }

        .logo-text {
            font-size: 24px;
            font-weight: bold;
            color: var(--primary-color);
            display: block;
        }

        .nav-menu {
            display: flex;
            list-style: none;
            gap: 30px;
        }

        .nav-menu a {
            text-decoration: none;
            color: var(--text-color);
            font-weight: 500;
            transition: color 0.3s;
            position: relative;
        }

        .nav-menu a:hover {
            color: var(--primary-color);
        }

        .nav-menu a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary-color);
            transition: width 0.3s;
        }

        .nav-menu a:hover::after {
            width: 100%;
        }

        .mobile-toggle {
            display: none;
            flex-direction: column;
            cursor: pointer;
            padding: 5px;
        }

        .mobile-toggle span {
            width: 25px;
            height: 3px;
            background: var(--text-color);
            margin: 3px 0;
            transition: 0.3s;
        }

        .language-switch {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-left: 20px;
        }

        .lang-link {
            text-decoration: none;
            color: var(--text-color);
            font-weight: 500;
            padding: 5px 10px;
            border-radius: 5px;
            transition: all 0.3s ease;
        }

        .lang-link:hover {
            background: var(--primary-color);
            color: white;
        }

        .lang-link.active {
            background: var(--primary-color);
            color: white;
        }

        /* Hero Section */
        .hero {
            height: 100vh;
            position: relative;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('/images/big-office.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 1;
        }

        .hero::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(75, 0, 130, 0.8), rgba(31, 81, 155, 0.8), rgba(199, 0, 57, 0.8));
            z-index: 2;
        }

        .hero-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            color: white;
            z-index: 3;
            position: relative;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            margin-bottom: 20px;
            animation: fadeInUp 1s ease;
        }

        .hero .tagline {
            font-size: clamp(1.2rem, 2.5vw, 1.8rem);
            margin-bottom: 15px;
            opacity: 0.95;
            animation: fadeInUp 1s ease 0.2s both;
            font-style: italic;
            color: #ffd700;
        }

        .hero p {
            font-size: clamp(1.1rem, 2vw, 1.4rem);
            margin-bottom: 30px;
            opacity: 0.9;
            animation: fadeInUp 1s ease 0.4s both;
        }

        .cta-button {
            display: inline-block;
            padding: 15px 30px;
            background: var(--accent-color);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
            animation: fadeInUp 1s ease 0.6s both;
            box-shadow: 0 5px 20px rgba(255, 107, 53, 0.3);
        }

        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
        }

        /* Services Section */
        .services {
            padding: 100px 0;
            background: var(--light-color);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-title h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: var(--primary-color);
        }

        .section-title p {
            font-size: 1.2rem;
            color: #666;
            max-width: 600px;
            margin: 0 auto;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .service-card {
            background: white;
            padding: 40px;
            border-radius: 20px;
            box-shadow: var(--shadow);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: var(--gradient);
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .service-icon {
            width: 50px;
            height: 50px;
            background: var(--primary-color);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            font-size: 1.5rem;
            color: white;
            font-weight: 600;
        }

        .service-card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--primary-color);
        }

        .service-card p {
            line-height: 1.8;
            color: #666;
            margin-bottom: 20px;
        }

        /* Partners Section */
        .partners {
            padding: 80px 0;
            background: white;
        }

        .partners-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 30px;
            align-items: center;
            opacity: 0.6;
        }

        .partner-logo {
            height: 60px;
            background: var(--light-color);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: var(--text-color);
            transition: all 0.3s ease;
        }

        .partner-logo:hover {
            opacity: 1;
            transform: scale(1.05);
        }

        /* Industry Experience Section */
        .industries {
            padding: 100px 0;
            background: white;
        }

        .industries-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }

        .industry-card {
            background: white;
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            transition: all 0.3s ease;
            border: 3px solid transparent;
            box-shadow: var(--shadow);
            overflow: hidden;
        }

        .industry-card:hover {
            border-color: var(--primary-color);
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .industry-image {
            width: 100%;
            height: 200px;
            margin-bottom: 20px;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            background: var(--light-color);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .industry-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .industry-card:hover .industry-image img {
            transform: scale(1.05);
        }

        .industry-icon {
            font-size: 3rem;
            color: var(--primary-color);
        }

        .industry-card h3 {
            color: var(--primary-color);
            margin-bottom: 15px;
            font-size: 1.3rem;
        }

        /* About Section */
        .about {
            padding: 100px 0;
            background: var(--light-color);
        }

        .about-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .about-text h2 {
            font-size: 2.5rem;
            margin-bottom: 30px;
            color: var(--primary-color);
        }

        .about-text p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 20px;
            color: #666;
        }

        .stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
            margin-top: 40px;
        }

        .stat-item {
            text-align: center;
            padding: 20px;
            background: white;
            border-radius: 15px;
            box-shadow: var(--shadow);
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: bold;
            color: var(--primary-color);
            display: block;
        }

        .stat-label {
            font-size: 0.9rem;
            color: #666;
            margin-top: 5px;
        }

        .about-image {
            position: relative;
            border-radius: 20px;
            height: 400px;
            overflow: hidden;
            background: var(--gradient);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
        }

        .about-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
            transition: transform 0.3s ease;
        }

        .about-image:hover img {
            transform: scale(1.05);
        }

        .placeholder-content {
            padding: 40px;
        }

        .placeholder-icon {
            font-size: 4rem;
            margin-bottom: 20px;
        }

        /* Contact Section */
        .contact {
            padding: 100px 0;
            background: var(--dark-color);
            color: white;
        }

        .contact-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
        }

        .contact-info h2 {
            font-size: 2.5rem;
            margin-bottom: 30px;
            color: white;
        }

        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .contact-icon {
            width: 40px;
            height: 40px;
            background: var(--primary-color);
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            font-size: 1rem;
            color: white;
        }

        .contact-form {
            background: rgba(255, 255, 255, 0.1);
            padding: 40px;
            border-radius: 20px;
            backdrop-filter: blur(10px);
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: 600;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 15px;
            border: none;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            font-size: 1rem;
        }

        .form-group input::placeholder,
        .form-group textarea::placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .form-group select option {
            background: var(--dark-color);
            color: white;
        }

        .submit-btn {
            background: var(--accent-color);
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
            width: 100%;
        }

        .submit-btn:hover {
            background: #e55a2b;
            transform: translateY(-2px);
        }

        /* Footer */
        footer {
            background: #111;
            color: white;
            padding: 50px 0 20px;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 30px;
        }

        .footer-section h3 {
            margin-bottom: 20px;
            color: var(--primary-color);
        }

        .footer-section p,
        .footer-section a {
            color: #ccc;
            text-decoration: none;
            line-height: 1.8;
        }

        .footer-section a:hover {
            color: var(--primary-color);
        }

        .footer-bottom {
            border-top: 1px solid #333;
            padding-top: 20px;
            text-align: center;
            color: #888;
        }

        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Scroll Animations */
        .fade-in {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.6s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .mobile-toggle {
                display: flex;
            }

            .nav-menu {
                position: fixed;
                top: 70px;
                left: -100%;
                width: 100%;
                height: calc(100vh - 70px);
                background: white;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center;
                padding-top: 50px;
                transition: left 0.3s ease;
                box-shadow: var(--shadow);
            }

            .nav-menu.active {
                left: 0;
            }

            .nav-menu li {
                margin: 10px 0;
            }

            .mobile-toggle.active span:nth-child(1) {
                transform: rotate(-45deg) translate(-5px, 6px);
            }

            .mobile-toggle.active span:nth-child(2) {
                opacity: 0;
            }

            .mobile-toggle.active span:nth-child(3) {
                transform: rotate(45deg) translate(-5px, -6px);
            }

            .logo-img {
                height: 40px;
            }

            .logo-text {
                font-size: 18px;
            }

            .language-switch {
                margin-left: 0;
                margin-top: 10px;
            }

            .about-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .contact-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }

            .industries-grid {
                grid-template-columns: 1fr;
            }

            .industry-image {
                height: 150px;
            }

            .cookie-content {
                flex-direction: column;
                text-align: center;
            }

            .stats {
                grid-template-columns: 1fr;
            }
        }
    

/* Language switch */
.lang-switch{display:flex;align-items:center;gap:8px;margin-left:16px;}
@media (max-width:768px){
  .lang-switch{margin-left:10px;}
}
/* Better responsive spacing */
@media (max-width:480px){
  .hero-content h1{font-size:2.2rem;}
  .hero{height:auto;min-height:90vh;padding-top:80px;padding-bottom:40px;}
}


/* --- Enterprise extensions (clean + premium) --- */
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.cta-button.secondary{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.22)}
.cta-button.secondary:hover{background:rgba(255,255,255,0.18)}

.capabilities{padding:70px 0}
.capabilities .section-title p{max-width:860px;margin:0 auto}
.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.capability-card{background:#ffffff;border:1px solid rgba(0,0,0,0.06);border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,0.06)}
.capability-card h3{margin:10px 0 8px 0;font-size:18px;line-height:1.25}
.capability-card p{margin:0;color:rgba(0,0,0,0.68);font-size:15px;line-height:1.55}

.capability-icon{width:44px;height:44px;border-radius:14px;background:rgba(33,95,199,0.10);display:grid;place-items:center}
.capability-icon::before{content:"";width:22px;height:22px;background:rgb(33,95,199);display:block;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}

.capability-icon[data-icon="shield"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3zm0 18c-3.1-1.1-5.3-4.7-5.3-8.8V6.5L12 4.4l5.3 2.1v4.7c0 4.1-2.2 7.7-5.3 8.8z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3zm0 18c-3.1-1.1-5.3-4.7-5.3-8.8V6.5L12 4.4l5.3 2.1v4.7c0 4.1-2.2 7.7-5.3 8.8z'/></svg>")}
.capability-icon[data-icon="zap"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M13 2 3 14h7l-1 8 12-14h-7l-1-6z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M13 2 3 14h7l-1 8 12-14h-7l-1-6z'/></svg>")}
.capability-icon[data-icon="moon"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21 14.5A8.5 8.5 0 0 1 9.5 3a7 7 0 1 0 11.5 11.5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21 14.5A8.5 8.5 0 0 1 9.5 3a7 7 0 1 0 11.5 11.5z'/></svg>")}
.capability-icon[data-icon="tag"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20.6 13.4 12 22 2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8zM7.5 7A1.5 1.5 0 1 0 6 5.5 1.5 1.5 0 0 0 7.5 7z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20.6 13.4 12 22 2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8zM7.5 7A1.5 1.5 0 1 0 6 5.5 1.5 1.5 0 0 0 7.5 7z'/></svg>")}
.capability-icon[data-icon="file"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 2 6 6h-6z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 2 6 6h-6z'/></svg>")}
.capability-icon[data-icon="map"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M15 5 9 3 3 5v16l6-2 6 2 6-2V3zM9 5.2l6 2v13.6l-6-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M15 5 9 3 3 5v16l6-2 6 2 6-2V3zM9 5.2l6 2v13.6l-6-2z'/></svg>")}

.assessment-panel{display:none;margin:18px 0 8px 0;padding:18px;border-radius:16px;border:1px solid rgba(0,0,0,0.08);background:rgba(0,0,0,0.02)}
.assessment-panel.is-visible{display:block}
.assessment-header h4{margin:0 0 6px 0;font-size:16px}
.assessment-header p{margin:0;color:rgba(0,0,0,0.62);font-size:13px}
.assessment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.checkbox-row{display:flex;gap:12px;flex-wrap:wrap}
.checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(0,0,0,0.72)}
.checkbox input{accent-color:rgb(33,95,199)}

.enterprise-page{background:#0b1220;color:#e6eefc}
.enterprise-page .section-title h2{color:#e6eefc}
.enterprise-page .section-title p{color:rgba(230,238,252,0.75)}
.enterprise-hero{position:relative}
.enterprise-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,32,0.86),rgba(11,18,32,0.60))}
.enterprise-hero .hero-content{position:relative}
.enterprise-dark{background:#0b1220;padding:70px 0}
.enterprise-page .capability-card{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.10);box-shadow:none}
.enterprise-page .capability-card p{color:rgba(230,238,252,0.75)}
.enterprise-page .capability-icon{background:rgba(33,95,199,0.18)}
.enterprise-page .capability-icon::before{background:#dbe8ff}

.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.process-step{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10)}
.process-num{width:32px;height:32px;border-radius:10px;background:rgba(33,95,199,0.22);display:grid;place-items:center;font-weight:700;color:#dbe8ff;flex:0 0 auto}
.process-step h3{margin:0 0 6px 0;font-size:16px;color:#e6eefc}
.process-step p{margin:0;color:rgba(230,238,252,0.75);font-size:14px;line-height:1.55}

.enterprise-cta{background:#0b1220;padding:70px 0}
.cta-panel{border-radius:20px;padding:26px;background:linear-gradient(135deg,rgba(33,95,199,0.22),rgba(255,255,255,0.06));border:1px solid rgba(255,255,255,0.10)}
.cta-panel h2{margin:0 0 10px 0;color:#e6eefc}
.cta-panel p{margin:0 0 18px 0;color:rgba(230,238,252,0.78)}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}

@media (max-width: 980px){
  .capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .capabilities-grid{grid-template-columns:1fr}
  .assessment-grid{grid-template-columns:1fr}
}


/* SVG service icons */
.service-icon-img{width:48px;height:48px;display:block;}
.enterprise-page .service-icon-img{filter: drop-shadow(0 6px 14px rgba(122,167,255,.18));}


/* --- Icon/SVG alignment fixes (PCN) --- */
.service-icon-img{
  width:28px !important;
  height:28px !important;
  display:block;
}
.service-icon{
  overflow:hidden;
}
/* Use SVGs in industry cards as contained illustrations (no crop) */
.industry-card img[src$=".svg"]{
  width:100%;
  height:220px;
  object-fit:contain !important;
  padding:28px 28px 10px 28px;
  background: radial-gradient(70% 70% at 50% 35%, rgba(33,95,199,0.10) 0%, rgba(255,255,255,0.00) 60%);
}
@media (max-width: 640px){
  .industry-card img[src$=".svg"]{
    height:190px;
    padding:22px 22px 6px 22px;
  }
}

/* =============================
   Enterprise section (integrated)
   ============================= */
.enterprise-section{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(59,130,246,.18), transparent 60%),
              radial-gradient(900px 500px at 85% 40%, rgba(99,102,241,.14), transparent 55%),
              #0b1020;
  color:#e7eefc;
  padding: 70px 0;
}
.enterprise-section .section-title h2{color:#ffffff;}
.enterprise-section .section-title p{color: rgba(231,238,252,.78);}

.enterprise-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 26px;
}

.enterprise-card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 22px 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
  backdrop-filter: blur(6px);
}

.enterprise-illus{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 170px;
  border-radius: 14px;
  background: radial-gradient(500px 240px at 50% 30%, rgba(59,130,246,.10), transparent 60%);
  overflow:hidden;
  margin-bottom: 14px;
}

.enterprise-illus img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
}

.enterprise-card h3{
  color:#ffffff;
  margin: 6px 0 8px;
  font-size: 18px;
  line-height: 1.25;
}
.enterprise-card p{
  color: rgba(231,238,252,.78);
  font-size: 14.5px;
  line-height: 1.55;
  margin: 0;
}

.enterprise-cta{
  display:flex;
  gap: 12px;
  justify-content:center;
  margin-top: 26px;
  flex-wrap: wrap;
}

@media (max-width: 1100px){
  .enterprise-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .enterprise-section{padding: 56px 0;}
  .enterprise-grid{grid-template-columns: 1fr;}
  .enterprise-illus{height: 150px;}
}

/* ===== Fine-tuning (Home icon, flags, unified hover, icons) ===== */

/* Home icon in nav */
.nav-home a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px}
.nav-home a:hover{background:rgba(33,95,199,0.08)}
.nav-home-icon{width:20px;height:20px;display:block;background:var(--primary-color);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 3 2 12h3v9h6v-6h2v6h6v-9h3L12 3z'/></svg>") no-repeat center / contain;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 3 2 12h3v9h6v-6h2v6h6v-9h3L12 3z'/></svg>") no-repeat center / contain;}

/* Language flags */
.flag-icon{width:18px;height:18px;display:block;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,0.06)}
.language-switch .lang-link{padding:8px 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px}
.language-switch .lang-link.active{background:rgba(33,95,199,0.10)}

/* Unify hover style: industries-like border + lift */
.capability-card{border:3px solid transparent;transition:all 0.3s ease}
.capability-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}

.service-card{border:3px solid transparent}
.service-card:hover{border-color:var(--primary-color)}

/* Service icons should match capability icon style (light grey/blue background) */
.service-icon{background:rgba(33,95,199,0.10);color:var(--primary-color);border-radius:14px}
.service-icon-img{width:26px;height:26px;display:block}

/* Contact list without emoji icons */
.contact-item{gap:0}

/* Privacy checkbox: responsive + aligned */
.privacy-consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.45}
.privacy-consent input[type="checkbox"]{margin-top:3px;flex:0 0 auto}
.privacy-consent span{display:block}

/* Footer link contrast */
footer a{color:rgba(255,255,255,0.78)}
footer a:hover{color:#fff}
.footer-bottom a{color:rgba(255,255,255,0.78)}
.footer-bottom a:hover{color:#fff}

/* Additional mask icons for services (match "Was Sie erwarten können") */
.capability-icon[data-icon="layers"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 2 7l10 5 10-5-10-5zm0 7L2 4v3l10 5 10-5V4l-10 5zm0 6L2 10v3l10 5 10-5v-3l-10 5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2 2 7l10 5 10-5-10-5zm0 7L2 4v3l10 5 10-5V4l-10 5zm0 6L2 10v3l10 5 10-5v-3l-10 5z'/></svg>")}
.capability-icon[data-icon="desktop"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 4h18v12H3V4zm2 2v8h14V6H5zm5 12h4v2H10v-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 4h18v12H3V4zm2 2v8h14V6H5zm5 12h4v2H10v-2z'/></svg>")}
.capability-icon[data-icon="laptop"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M4 5h16v10H4V5zm2 2v6h12V7H6zM2 17h20v2H2v-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M4 5h16v10H4V5zm2 2v6h12V7H6zM2 17h20v2H2v-2z'/></svg>")}
.capability-icon[data-icon="wifi"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 18a2 2 0 1 0 0 .01zM2 8l2 2a12 12 0 0 1 16 0l2-2A14.8 14.8 0 0 0 2 8zm4 4 2 2a8 8 0 0 1 8 0l2-2a10.8 10.8 0 0 0-12 0z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 18a2 2 0 1 0 0 .01zM2 8l2 2a12 12 0 0 1 16 0l2-2A14.8 14.8 0 0 0 2 8zm4 4 2 2a8 8 0 0 1 8 0l2-2a10.8 10.8 0 0 0-12 0z'/></svg>")}
.capability-icon[data-icon="card"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm0 4h18V7H3v2zm3 8h6v-2H6v2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm0 4h18V7H3v2zm3 8h6v-2H6v2z'/></svg>")}
.capability-icon[data-icon="tool"]::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M22 19.6 13.4 11a6 6 0 0 1-7.9-7.9l3 3 2-2-3-3A6 6 0 0 1 14 9.6l8.6 8.6-2.6 1.4zM3 21l6.5-6.5 2.5 2.5L5.5 23H3v-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M22 19.6 13.4 11a6 6 0 0 1-7.9-7.9l3 3 2-2-3-3A6 6 0 0 1 14 9.6l8.6 8.6-2.6 1.4zM3 21l6.5-6.5 2.5 2.5L5.5 23H3v-2z'/></svg>")}

/* Service cards now use capability-icon, so align spacing */
.services-grid .capability-icon{margin-bottom:25px}

/* === PCN Fine-tuning overrides (v3) === */

/* NAV: keep icons + text on one baseline */
nav .nav-menu a{
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1;
}
.nav-home a{padding:10px 12px;}
.nav-home-icon{
  width:18px;height:18px;display:inline-block;
  background: currentColor;
  -webkit-mask: url(/images/icon-home.svg) no-repeat center / contain;
          mask: url(/images/icon-home.svg) no-repeat center / contain;
}

/* language flags */
.language-switch{display:flex;align-items:center;gap:10px;}
.language-switch .flag-icon{width:20px;height:14px;display:block;border-radius:2px;}

/* SERVICES: remove blue top bar definitively */
.service-card::before{content:none !important;display:none !important;}

/* unify hover frame style across cards */
.service-card,
.capability-card,
.industry-card{
  border:3px solid transparent;
}
.service-card:hover,
.capability-card:hover,
.industry-card:hover{
  border-color: var(--primary-color);
}

/* Partners: single row on desktop, wrap on small */
.partners-grid{
  display:flex !important;
  flex-wrap:nowrap;
  gap:14px;
  justify-content:center;
  overflow-x:auto;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}
.partners-grid::-webkit-scrollbar{height:6px;}
.partner-logo{min-width:130px;flex:0 0 auto;}
@media (max-width: 900px){
  .partners-grid{flex-wrap:wrap;overflow:visible;}
  .partner-logo{min-width:140px;}
}

/* Where rollouts happen: 4 cols desktop, 2 cols tablet, 1 col mobile */
.industries-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap:26px;
}
@media (max-width: 1100px){
  .industries-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 640px){
  .industries-grid{grid-template-columns: 1fr !important;}
}

/* Checkbox alignment */
.form-group label.privacy-consent,
label.privacy-consent{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  gap:10px !important;
}
label.privacy-consent input[type=checkbox]{
  margin-top:3px !important;
}


/* PATCH v4 */header nav,header nav *{box-sizing:border-box}.nav-menu{display:flex;align-items:center;gap:22px}.nav-menu li a{display:inline-flex;align-items:center;gap:8px;line-height:1}.nav-home a{display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px}.nav-home-icon{width:18px;height:18px;display:inline-block;background:currentColor;-webkit-mask:url('/images/icon-home.svg') center/contain no-repeat;mask:url('/images/icon-home.svg') center/contain no-repeat}.language-switch{display:inline-flex;align-items:center;gap:10px;margin-left:18px}.lang-link{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent!important;border:0!important;box-shadow:none!important}.flag-icon{width:20px;height:14px;display:block;border-radius:2px}.enterprise-illus{display:flex;align-items:center;justify-content:center;min-height:110px;margin-bottom:18px}.enterprise-illus img{display:block;max-width:160px;width:100%;height:auto;object-fit:contain;margin:0 auto}.partners-grid{display:none!important}.partners-marquee{overflow:hidden;width:100%;position:relative}.partners-track{display:flex;width:max-content;gap:14px;align-items:center;animation:partners-marquee 40s linear infinite}.partners-track:hover{animation-play-state:paused}.partner-logo{flex:0 0 auto;min-width:140px;text-align:center}@keyframes partners-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.privacy-consent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;text-align:left!important}.privacy-consent input[type='checkbox']{margin-top:4px;flex:0 0 auto}.privacy-consent span{display:block}.contact-info p:first-of-type{margin-bottom:14px}
.privacy-consent{width:100%!important;justify-content:flex-start!important}.privacy-consent span{flex:1 1 auto}

/* === PATCH v5 (final fixes) === */
.nav-home a{height:40px;width:40px}.nav-home-icon{width:22px;height:22px}.language-switch{display:flex;align-items:center;gap:12px}.language-switch .lang-link{background:transparent!important;border-radius:0!important;padding:0!important;border:0!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;line-height:1}.language-switch .lang-link.active{opacity:1}.language-switch .lang-link:not(.active){opacity:.72}.language-switch .flag-icon{width:22px;height:22px;display:block}.enterprise-illus{height:230px}.enterprise-illus img{width:auto!important;height:auto!important;max-width:92%!important;max-height:92%!important;padding:0!important;object-fit:contain}label.privacy-consent,.privacy-consent{display:grid!important;grid-template-columns:18px 1fr!important;column-gap:12px!important;align-items:start!important;justify-items:start!important;width:100%!important}.privacy-consent input[type='checkbox']{margin:4px 0 0 0!important}.privacy-consent span{margin:0!important;padding:0!important;text-align:left!important;justify-self:start!important}

/* === PATCH v6 (final UI polish) === */
.nav-home a{height:44px;width:44px}.nav-home-icon{width:26px;height:26px}.enterprise-illus{height:420px;min-height:420px}.enterprise-illus img{max-width:100%!important;max-height:100%!important}@media (max-width:1100px){.enterprise-illus{height:320px;min-height:320px}}@media (max-width:640px){.enterprise-illus{height:240px;min-height:240px}}.contact-form .form-group label.privacy-consent,.contact-form label.privacy-consent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;margin:0!important}.contact-form label.privacy-consent input[type='checkbox']{margin:5px 0 0 0!important}.contact-form label.privacy-consent span{flex:1 1 auto!important;margin:0!important;padding:0!important;text-align:left!important}


/* === PCN v7 HOTFIX (scoped): Enterprise icons bigger (NO card resize) + Contact checkbox alignment === */

/* Enterprise: make illustrations fill the existing illustration area */
.enterprise-section .enterprise-illus{
  height: 180px !important;        /* keep area stable */
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
}
.enterprise-section .enterprise-illus img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;      /* was 85% -> bigger */
  max-height: 180px !important;    /* fill the box */
  object-fit: contain !important;
  background: transparent !important;
}

/* Mobile adjustments: keep box smaller but still fill it */
@media (max-width: 1100px){
  .enterprise-section .enterprise-illus{height: 165px !important; min-height:165px !important;}
  .enterprise-section .enterprise-illus img{max-height:165px !important;}
}
@media (max-width: 640px){
  .enterprise-section .enterprise-illus{height: 150px !important; min-height:150px !important;}
  .enterprise-section .enterprise-illus img{max-height:150px !important;}
}

/* Contact: privacy consent checkbox must sit left, text directly next to it (no right-shift) */
.contact-form label.privacy-consent,
.contact-form .privacy-consent{
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 10px 0 0 0 !important;
  text-align: left !important;
}

.contact-form label.privacy-consent input[type="checkbox"],
.contact-form .privacy-consent input[type="checkbox"]{
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 4px 0 0 0 !important;
}

.contact-form label.privacy-consent span,
.contact-form .privacy-consent span{
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* === FIX: About section layout restore === */

.about-content{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  gap: 60px !important;
}

/* Mobile soll weiterhin 1 Spalte bleiben */
@media (max-width: 768px){
  .about-content{
    grid-template-columns: 1fr !important;
  }
}