/*
 * Gorilla Import — main stylesheet
 * Zbudowane z sekcji HTML (hero, why, process, work, contact, header, footer).
 * Style sa scope'owane po ID sekcji (#gh-*), wiec sie nie koliduja.
 */

/* ============ HEADER ============ */
/* =========================================
   GORILLA IMPORT — HEADER · TOP 1%
   Two-tier · magnetic · scroll-aware · full overlay menu
   ========================================= */

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

        body {
            background: #050505;
            font-family: 'Inter', sans-serif;
        }

        #gh-header,
        #gh-header *,
        #gh-menu-overlay,
        #gh-menu-overlay * {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box !important;
        }

        #gh-header a,
        #gh-menu-overlay a {
            text-decoration: none !important;
        }

        #gh-header ul,
        #gh-menu-overlay ul {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #gh-header li,
        #gh-menu-overlay li {
            list-style: none !important;
        }

        #gh-header {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 1000 !important;
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        /* hides header when scrolling down fast, shows on scroll up */
        #gh-header.gh-hidden {
            transform: translateY(-100%) !important;
        }

        /* ===== Top hairline accent ===== */
        #gh-header .gh-accent {
            height: 2px !important;
            background: linear-gradient(90deg,
                    transparent 0%,
                    rgba(197, 0, 0, 0.0) 8%,
                    #c50000 28%, #ff1a1a 50%, #c50000 72%,
                    rgba(197, 0, 0, 0.0) 92%, transparent 100%) !important;
            box-shadow: 0 0 16px rgba(197, 0, 0, 0.6) !important;
            position: relative !important;
            z-index: 3 !important;
        }

        /* ============================================
   TIER 1 — UTILITY STRIP
   ============================================ */
        #gh-header .gh-top {
            background: #000 !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
            overflow: hidden !important;
            max-height: 46px !important;
            transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.35s ease !important;
        }

        #gh-header.gh-scrolled .gh-top {
            max-height: 0 !important;
            opacity: 0 !important;
            border-bottom-color: transparent !important;
        }

        #gh-header .gh-top-inner {
            max-width: 1520px !important;
            margin: 0 auto !important;
            padding: 9px 36px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 24px !important;
            font-size: 12px !important;
            font-weight: 500 !important;
        }

        #gh-header .gh-top-left {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            color: rgba(255, 255, 255, 0.45) !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10px !important;
            letter-spacing: 0.18em !important;
            text-transform: uppercase !important;
        }

        #gh-header .gh-top-left .gh-live-dot {
            position: relative !important;
            width: 6px !important;
            height: 6px !important;
            border-radius: 50% !important;
            background: #c50000 !important;
            box-shadow: 0 0 7px #c50000 !important;
            flex-shrink: 0 !important;
        }

        #gh-header .gh-top-left .gh-live-dot::after {
            content: '' !important;
            position: absolute !important;
            inset: -3px !important;
            border-radius: 50% !important;
            border: 1px solid #c50000 !important;
            opacity: 0.5 !important;
            animation: ghPulse 2.6s ease-out infinite !important;
        }

        @keyframes ghPulse {
            0% {
                transform: scale(0.6);
                opacity: 0.7;
            }

            100% {
                transform: scale(2.2);
                opacity: 0;
            }
        }

        #gh-header .gh-top-right {
            display: flex !important;
            align-items: center !important;
            gap: 22px !important;
        }

        #gh-header .gh-top-link {
            display: inline-flex !important;
            align-items: center !important;
            gap: 7px !important;
            color: rgba(255, 255, 255, 0.65) !important;
            transition: color 0.25s ease !important;
        }

        #gh-header .gh-top-link:hover {
            color: #fff !important;
        }

        #gh-header .gh-top-link svg {
            width: 12px !important;
            height: 12px !important;
            opacity: 0.65 !important;
            transition: opacity 0.25s !important;
        }

        #gh-header .gh-top-link:hover svg {
            opacity: 1 !important;
        }

        #gh-header .gh-top-link.gh-phone strong {
            font-weight: 600 !important;
        }

        #gh-header .gh-top-divider {
            width: 1px !important;
            height: 12px !important;
            background: rgba(255, 255, 255, 0.12) !important;
        }

        #gh-header .gh-top-socials {
            display: flex !important;
            align-items: center !important;
            gap: 14px !important;
        }

        #gh-header .gh-top-socials a {
            color: rgba(255, 255, 255, 0.45) !important;
            display: inline-flex !important;
            transition: color 0.25s ease, transform 0.25s ease !important;
        }

        #gh-header .gh-top-socials a:hover {
            color: #c50000 !important;
            transform: translateY(-1px) !important;
        }

        #gh-header .gh-top-socials svg {
            width: 14px !important;
            height: 14px !important;
        }

        /* ============================================
   TIER 2 — MAIN NAV
   ============================================ */
        #gh-header .gh-main {
            background: rgba(7, 5, 6, 0.72) !important;
            backdrop-filter: blur(28px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
            transition: background 0.5s ease, border-color 0.5s ease, padding 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
            padding: 16px 0 !important;
        }

        #gh-header.gh-scrolled .gh-main {
            background: rgba(5, 4, 4, 0.92) !important;
            padding: 11px 0 !important;
            border-bottom-color: rgba(255, 255, 255, 0.09) !important;
        }

        #gh-header .gh-main-inner {
            max-width: 1520px !important;
            margin: 0 auto !important;
            padding: 0 36px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 36px !important;
        }

        /* ----- Brand ----- */
        #gh-header .gh-brand {
            display: inline-flex !important;
            align-items: center !important;
            gap: 14px !important;
            position: relative !important;
            isolation: isolate !important;
            flex-shrink: 0 !important;
        }

        #gh-header .gh-logo-wrap {
            position: relative !important;
            width: 54px !important;
            height: 54px !important;
            display: grid !important;
            place-items: center !important;
            flex-shrink: 0 !important;
            transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #gh-header.gh-scrolled .gh-logo-wrap {
            width: 46px !important;
            height: 46px !important;
        }

        #gh-header .gh-brand:hover .gh-logo-wrap {
            transform: scale(1.06) rotate(-3deg) !important;
        }

        /* glow ring behind logo */
        #gh-header .gh-logo-wrap::before {
            content: '' !important;
            position: absolute !important;
            inset: -8px !important;
            background: radial-gradient(circle, rgba(197, 0, 0, 0.22) 0%, transparent 68%) !important;
            filter: blur(10px) !important;
            z-index: -1 !important;
            opacity: 0 !important;
            transition: opacity 0.55s ease !important;
        }

        #gh-header .gh-brand:hover .gh-logo-wrap::before {
            opacity: 1 !important;
        }

        #gh-header .gh-logo {
            width: 100% !important;
            height: auto !important;
            max-height: 100% !important;
            object-fit: contain !important;
            display: block !important;
            filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.5)) !important;
        }

        #gh-header .gh-brand-text {
            display: flex !important;
            flex-direction: column !important;
            gap: 5px !important;
            line-height: 1 !important;
        }

        #gh-header .gh-brand-text strong {
            font-size: 18px !important;
            font-weight: 700 !important;
            letter-spacing: -0.025em !important;
            color: #fff !important;
        }

        #gh-header .gh-brand-text small {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 9px !important;
            letter-spacing: 0.24em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.48) !important;
            font-weight: 500 !important;
        }

        /* ----- Nav menu ----- */
        #gh-header .gh-nav {
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
        }

        #gh-header .gh-nav a {
            position: relative !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 7px !important;
            padding: 9px 16px !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.66) !important;
            border-radius: 999px !important;
            transition: color 0.3s ease, background 0.3s ease !important;
        }

        #gh-header .gh-nav a .gh-nav-dot {
            width: 4px !important;
            height: 4px !important;
            border-radius: 50% !important;
            background: #c50000 !important;
            box-shadow: 0 0 5px #c50000 !important;
            opacity: 0 !important;
            transform: scale(0) !important;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #gh-header .gh-nav a:hover {
            color: #fff !important;
            background: rgba(255, 255, 255, 0.04) !important;
        }

        #gh-header .gh-nav a:hover .gh-nav-dot {
            opacity: 1 !important;
            transform: scale(1) !important;
        }

        /* active item */
        #gh-header .gh-nav a.gh-active {
            color: #fff !important;
            background: rgba(197, 0, 0, 0.10) !important;
        }

        #gh-header .gh-nav a.gh-active .gh-nav-dot {
            opacity: 1 !important;
            transform: scale(1) !important;
        }

        /* ----- Actions ----- */
        #gh-header .gh-actions {
            display: flex !important;
            align-items: center !important;
            gap: 14px !important;
            flex-shrink: 0 !important;
        }

        /* phone quick-pill (shows when top strip collapses) */
        #gh-header .gh-phone-pill {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 10px 16px !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
            border-radius: 999px !important;
            color: #fff !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            background: rgba(255, 255, 255, 0.02) !important;
            max-width: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            opacity: 0 !important;
            overflow: hidden !important;
            white-space: nowrap !important;
            border-color: transparent !important;
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #gh-header.gh-scrolled .gh-phone-pill {
            max-width: 220px !important;
            padding: 10px 16px !important;
            opacity: 1 !important;
            border-color: rgba(255, 255, 255, 0.12) !important;
        }

        #gh-header .gh-phone-pill:hover {
            background: rgba(197, 0, 0, 0.12) !important;
            border-color: rgba(197, 0, 0, 0.4) !important;
        }

        #gh-header .gh-phone-pill svg {
            width: 13px !important;
            height: 13px !important;
            color: #c50000 !important;
        }

        /* primary CTA */
        #gh-header .gh-cta {
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
            padding: 13px 24px !important;
            background: #c50000 !important;
            color: #fff !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            letter-spacing: 0.05em !important;
            text-transform: uppercase !important;
            border-radius: 999px !important;
            position: relative !important;
            overflow: hidden !important;
            transition: all 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.25),
                0 8px 24px -8px rgba(197, 0, 0, 0.6) !important;
        }

        #gh-header .gh-cta::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            background: linear-gradient(90deg, #ff1a1a 0%, #c50000 100%) !important;
            transform: translateX(-101%) !important;
            transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #gh-header .gh-cta:hover::before {
            transform: translateX(0) !important;
        }

        #gh-header .gh-cta:hover {
            letter-spacing: 0.08em !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.25),
                0 14px 34px -8px rgba(197, 0, 0, 0.8) !important;
        }

        #gh-header .gh-cta>* {
            position: relative !important;
            z-index: 1 !important;
        }

        #gh-header .gh-cta svg {
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #gh-header .gh-cta:hover svg {
            transform: translateX(4px) !important;
        }

        /* ----- Burger ----- */
        #gh-header .gh-burger {
            display: none !important;
            width: 46px !important;
            height: 46px !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
            border-radius: 12px !important;
            background: rgba(255, 255, 255, 0.03) !important;
            cursor: pointer !important;
            position: relative !important;
            flex-shrink: 0 !important;
            transition: all 0.35s ease !important;
        }

        #gh-header .gh-burger:hover {
            background: rgba(197, 0, 0, 0.12) !important;
            border-color: rgba(197, 0, 0, 0.4) !important;
        }

        #gh-header .gh-burger span {
            position: absolute !important;
            left: 50% !important;
            width: 18px !important;
            height: 1.6px !important;
            background: #fff !important;
            border-radius: 2px !important;
            transform: translateX(-50%) !important;
            transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        #gh-header .gh-burger span:nth-child(1) {
            top: 17px !important;
        }

        #gh-header .gh-burger span:nth-child(2) {
            top: 22.2px !important;
            width: 12px !important;
        }

        #gh-header .gh-burger span:nth-child(3) {
            top: 27.4px !important;
        }

        #gh-header .gh-burger.gh-open span:nth-child(1) {
            top: 22.2px !important;
            transform: translateX(-50%) rotate(45deg) !important;
        }

        #gh-header .gh-burger.gh-open span:nth-child(2) {
            opacity: 0 !important;
            width: 0 !important;
        }

        #gh-header .gh-burger.gh-open span:nth-child(3) {
            top: 22.2px !important;
            transform: translateX(-50%) rotate(-45deg) !important;
        }

        /* ============================================
   MOBILE FULL-SCREEN OVERLAY MENU
   ============================================ */
        #gh-menu-overlay {
            position: fixed !important;
            inset: 0 !important;
            z-index: 999 !important;
            background: rgba(5, 3, 4, 0.0) !important;
            backdrop-filter: blur(0px) !important;
            -webkit-backdrop-filter: blur(0px) !important;
            opacity: 0 !important;
            visibility: hidden !important;
            transition: opacity 0.5s ease, visibility 0.5s ease, backdrop-filter 0.5s ease !important;
            display: flex !important;
            flex-direction: column !important;
        }

        #gh-menu-overlay.gh-open {
            background: rgba(5, 3, 4, 0.97) !important;
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px) !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        /* red glow in overlay */
        #gh-menu-overlay::before {
            content: '' !important;
            position: absolute !important;
            top: 20% !important;
            right: -20% !important;
            width: 70vw !important;
            height: 70vw !important;
            background: radial-gradient(circle, rgba(197, 0, 0, 0.14) 0%, transparent 62%) !important;
            filter: blur(80px) !important;
            pointer-events: none !important;
        }

        #gh-menu-overlay .gh-overlay-inner {
            margin-top: auto !important;
            margin-bottom: auto !important;
            padding: 120px 32px 60px !important;
            position: relative !important;
            z-index: 1 !important;
        }

        #gh-menu-overlay .gh-overlay-label {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10px !important;
            letter-spacing: 0.28em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.40) !important;
            margin-bottom: 28px !important;
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
        }

        #gh-menu-overlay .gh-overlay-label::after {
            content: '' !important;
            flex: 1 !important;
            height: 1px !important;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.14), transparent) !important;
        }

        #gh-menu-overlay .gh-overlay-nav {
            display: flex !important;
            flex-direction: column !important;
            gap: 4px !important;
            margin-bottom: 48px !important;
        }

        #gh-menu-overlay .gh-overlay-nav a {
            display: flex !important;
            align-items: baseline !important;
            gap: 16px !important;
            padding: 12px 0 !important;
            font-size: clamp(34px, 9vw, 52px) !important;
            font-weight: 700 !important;
            letter-spacing: -0.035em !important;
            color: rgba(255, 255, 255, 0.92) !important;
            line-height: 1.05 !important;
            transition: color 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
            transform: translateX(0) !important;
        }

        #gh-menu-overlay .gh-overlay-nav a .gh-idx {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            color: rgba(197, 0, 0, 0.9) !important;
            letter-spacing: 0 !important;
        }

        #gh-menu-overlay .gh-overlay-nav a:hover,
        #gh-menu-overlay .gh-overlay-nav a:active {
            color: #fff !important;
            transform: translateX(10px) !important;
        }

        /* staggered entrance */
        #gh-menu-overlay.gh-open .gh-overlay-nav a {
            animation: ghMenuIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both !important;
        }

        #gh-menu-overlay.gh-open .gh-overlay-nav a:nth-child(1) {
            animation-delay: 0.08s !important;
        }

        #gh-menu-overlay.gh-open .gh-overlay-nav a:nth-child(2) {
            animation-delay: 0.14s !important;
        }

        #gh-menu-overlay.gh-open .gh-overlay-nav a:nth-child(3) {
            animation-delay: 0.20s !important;
        }

        #gh-menu-overlay.gh-open .gh-overlay-nav a:nth-child(4) {
            animation-delay: 0.26s !important;
        }

        @keyframes ghMenuIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        #gh-menu-overlay .gh-overlay-foot {
            display: flex !important;
            flex-direction: column !important;
            gap: 18px !important;
        }

        #gh-menu-overlay .gh-overlay-cta {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            padding: 18px 28px !important;
            background: #c50000 !important;
            color: #fff !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            border-radius: 14px !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 12px 32px -8px rgba(197, 0, 0, 0.6) !important;
        }

        #gh-menu-overlay .gh-overlay-contact {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px 22px !important;
            font-size: 14px !important;
        }

        #gh-menu-overlay .gh-overlay-contact a {
            color: rgba(255, 255, 255, 0.65) !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
        }

        #gh-menu-overlay .gh-overlay-contact a:hover {
            color: #c50000 !important;
        }

        #gh-menu-overlay .gh-overlay-contact svg {
            width: 13px !important;
            height: 13px !important;
        }

        #gh-menu-overlay .gh-overlay-socials {
            display: flex !important;
            gap: 12px !important;
            margin-top: 6px !important;
        }

        #gh-menu-overlay .gh-overlay-socials a {
            width: 42px !important;
            height: 42px !important;
            border-radius: 50% !important;
            border: 1px solid rgba(255, 255, 255, 0.14) !important;
            display: grid !important;
            place-items: center !important;
            color: rgba(255, 255, 255, 0.6) !important;
            transition: all 0.3s ease !important;
        }

        #gh-menu-overlay .gh-overlay-socials a:hover {
            background: #c50000 !important;
            border-color: #c50000 !important;
            color: #fff !important;
        }

        #gh-menu-overlay .gh-overlay-socials svg {
            width: 16px !important;
            height: 16px !important;
        }

        /* ============================================
   RESPONSIVE
   ============================================ */
        @media (max-width: 1180px) {
            #gh-header .gh-nav a {
                padding: 9px 13px !important;
                font-size: 13.5px !important;
            }

            #gh-header .gh-main-inner {
                gap: 24px !important;
            }
        }

        @media (max-width: 980px) {
            #gh-header .gh-top {
                display: none !important;
            }

            #gh-header .gh-nav {
                display: none !important;
            }

            #gh-header .gh-phone-pill {
                display: none !important;
            }

            #gh-header .gh-burger {
                display: block !important;
            }

            #gh-header .gh-cta span {
                display: none !important;
            }

            #gh-header .gh-cta {
                padding: 0 !important;
                width: 46px !important;
                height: 46px !important;
                justify-content: center !important;
            }

            #gh-header.gh-scrolled .gh-cta {
                width: 46px !important;
                height: 46px !important;
            }

            #gh-header .gh-main-inner {
                padding: 0 20px !important;
                gap: 14px !important;
            }

            #gh-header .gh-main {
                padding: 12px 0 !important;
            }

            #gh-header.gh-scrolled .gh-main {
                padding: 9px 0 !important;
            }
        }

        @media (max-width: 540px) {
            #gh-header .gh-logo-wrap {
                width: 46px !important;
                height: 46px !important;
            }

            #gh-header .gh-brand-text strong {
                font-size: 16px !important;
            }

            #gh-header .gh-brand-text small {
                font-size: 8px !important;
                letter-spacing: 0.2em !important;
            }

            #gh-header .gh-brand {
                gap: 11px !important;
            }

            #gh-menu-overlay .gh-overlay-inner {
                padding: 110px 24px 48px !important;
            }
        }

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

        body {
            background: #000;
            font-family: 'Inter', sans-serif;
        }

        #gh-hero,
        #gh-hero * {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box !important;
        }

        /* === FULL-BLEED HERO — fills the screen === */
        #gh-hero {
            position: relative !important;
            width: 100% !important;
            min-height: 88vh !important;
            display: flex !important;
            align-items: center !important;
            background: #000 !important;
            overflow: hidden !important;
            isolation: isolate !important;
        }

        #gh-hero .gh-video {
            position: absolute !important;
            inset: 0 !important;
            z-index: 0 !important;
            overflow: hidden !important;
        }

        #gh-hero .gh-video video {
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            transform: translate(-50%, -50%) !important;
            pointer-events: none !important;
        }

        #gh-hero .gh-overlay {
            position: absolute !important;
            inset: 0 !important;
            z-index: 1 !important;
            pointer-events: none !important;
            background:
                radial-gradient(ellipse 75% 100% at 0% 50%, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.50) 35%, rgba(0, 0, 0, 0.15) 60%, transparent 80%),
                linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, transparent 25%, transparent 65%, rgba(0, 0, 0, 0.75) 100%) !important;
        }

        /* Content sits centered, big top padding clears the fixed header */
        #gh-hero .gh-content {
            position: relative !important;
            z-index: 5 !important;
            width: 100% !important;
            max-width: 1480px !important;
            margin: 0 auto !important;
            padding: 180px 32px 120px !important;
        }

        #gh-hero .gh-eyebrow {
            display: inline-flex !important;
            align-items: center !important;
            gap: 11px !important;
            padding: 10px 20px 10px 14px !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
            backdrop-filter: blur(20px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
            border: 1px solid rgba(255, 255, 255, 0.10) !important;
            border-radius: 999px !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            letter-spacing: 0.22em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.88) !important;
            margin-bottom: 40px !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
        }

        #gh-hero .gh-eyebrow .dot {
            width: 7px !important;
            height: 7px !important;
            border-radius: 50% !important;
            background: #c50000 !important;
            box-shadow: 0 0 8px #c50000 !important;
            animation: gh-pulse 2.4s ease-in-out infinite !important;
            flex-shrink: 0 !important;
        }

        @keyframes gh-pulse {

            0%,
            100% {
                opacity: 1;
                transform: scale(1);
            }

            50% {
                opacity: 0.65;
                transform: scale(1.18);
            }
        }

        /* HEADLINE — big and dominant */
        #gh-hero h1 {
            font-size: clamp(64px, 10.5vw, 156px) !important;
            font-weight: 700 !important;
            line-height: 0.94 !important;
            letter-spacing: -0.045em !important;
            color: #fff !important;
            margin: 0 0 36px 0 !important;
            padding: 0 !important;
            max-width: 1200px !important;
            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6) !important;
        }

        #gh-hero h1 .gh-dot {
            display: inline-block !important;
            width: 0.14em !important;
            height: 0.14em !important;
            background: #c50000 !important;
            vertical-align: baseline !important;
            margin-left: 0.08em !important;
            margin-bottom: 0.04em !important;
            box-shadow: 0 0 0 1px rgba(197, 0, 0, 0.30), 0 0 16px rgba(197, 0, 0, 0.55) !important;
        }

        #gh-hero .gh-lead {
            font-size: 17px !important;
            font-weight: 400 !important;
            line-height: 1.6 !important;
            color: rgba(255, 255, 255, 0.78) !important;
            max-width: 560px !important;
            margin: 0 0 48px 0 !important;
            padding: 0 !important;
            text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5) !important;
        }

        #gh-hero .gh-form {
            display: flex !important;
            align-items: center !important;
            max-width: 560px !important;
            padding: 6px 6px 6px 4px !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) !important;
            backdrop-filter: blur(24px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
            border-radius: 999px !important;
            position: relative !important;
            overflow: hidden !important;
            box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
        }

        #gh-hero .gh-form::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            padding: 1px !important;
            border-radius: inherit !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.18)) !important;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
            -webkit-mask-composite: xor !important;
            mask-composite: exclude !important;
            pointer-events: none !important;
        }

        #gh-hero .gh-input {
            flex: 1 !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            padding: 0 10px 0 24px !important;
            position: relative !important;
            z-index: 1 !important;
        }

        #gh-hero .gh-input .gh-prefix {
            font-size: 15px !important;
            font-weight: 600 !important;
            color: rgba(255, 255, 255, 0.55) !important;
        }

        #gh-hero .gh-input input {
            flex: 1 !important;
            width: 100% !important;
            background: transparent !important;
            border: none !important;
            outline: none !important;
            color: #fff !important;
            font-family: inherit !important;
            font-size: 15px !important;
            padding: 16px 0 !important;
        }

        #gh-hero .gh-input input::placeholder {
            color: rgba(255, 255, 255, 0.40) !important;
        }

        #gh-hero .gh-submit {
            display: inline-flex !important;
            align-items: center !important;
            gap: 9px !important;
            padding: 15px 28px !important;
            background: #c50000 !important;
            color: #fff !important;
            font-family: inherit !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            letter-spacing: 0.10em !important;
            text-transform: uppercase !important;
            border: none !important;
            border-radius: 999px !important;
            cursor: pointer !important;
            white-space: nowrap !important;
            transition: all 0.35s !important;
            position: relative !important;
            overflow: hidden !important;
            z-index: 2 !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 8px 22px -6px rgba(197, 0, 0, 0.55) !important;
        }

        #gh-hero .gh-submit:hover {
            background: #ef0707 !important;
            letter-spacing: 0.14em !important;
        }

        #gh-hero .gh-submit svg {
            transition: transform 0.3s !important;
        }

        #gh-hero .gh-submit:hover svg {
            transform: translateX(3px) !important;
        }

        #gh-hero .gh-alt {
            display: flex !important;
            align-items: center !important;
            gap: 16px !important;
            margin-top: 26px !important;
            font-size: 13.5px !important;
            color: rgba(255, 255, 255, 0.55) !important;
            flex-wrap: wrap !important;
        }

        #gh-hero .gh-alt .gh-alt-label {
            color: rgba(255, 255, 255, 0.38) !important;
            font-size: 12px !important;
        }

        #gh-hero .gh-alt a {
            color: rgba(255, 255, 255, 0.80) !important;
            text-decoration: none !important;
            font-weight: 500 !important;
            transition: color 0.25s !important;
        }

        #gh-hero .gh-alt a:hover {
            color: #c50000 !important;
        }

        #gh-hero .gh-alt .gh-sep {
            width: 3px !important;
            height: 3px !important;
            background: rgba(255, 255, 255, 0.25) !important;
            border-radius: 50% !important;
        }

        @media (max-width: 900px) {
            #gh-hero {
                min-height: 80vh !important;
            }

            #gh-hero .gh-content {
                padding: 140px 24px 90px !important;
            }

            #gh-hero h1 {
                font-size: clamp(48px, 11vw, 96px) !important;
            }

            #gh-hero .gh-lead {
                font-size: 15.5px !important;
                margin-bottom: 38px !important;
            }
        }

        @media (max-width: 540px) {
            #gh-hero {
                min-height: auto !important;
            }

            #gh-hero .gh-content {
                padding: 120px 16px 70px !important;
            }

            #gh-hero h1 {
                font-size: 44px !important;
                margin-bottom: 28px !important;
            }

            #gh-hero .gh-eyebrow {
                font-size: 11px !important;
                margin-bottom: 32px !important;
            }

            #gh-hero .gh-form {
                flex-direction: column !important;
                border-radius: 14px !important;
                padding: 8px !important;
                gap: 6px !important;
            }

            #gh-hero .gh-input {
                width: 100% !important;
                padding: 4px 16px !important;
                background: rgba(255, 255, 255, 0.04) !important;
                border-radius: 999px !important;
            }

            #gh-hero .gh-submit {
                width: 100% !important;
                justify-content: center !important;
            }
        }

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

        body {
            background: #000;
            font-family: 'Inter', sans-serif;
            color: #fff;
        }

        #gh-why,
        #gh-why * {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box !important;
        }

        #gh-why {
            position: relative !important;
            background: linear-gradient(180deg, #0a0606 0%, #0d0606 45%, #080404 100%) !important;
            padding: 120px 0 110px !important;
            overflow: hidden !important;
            isolation: isolate !important;
        }

        /* Strong red divider at top */
        #gh-why::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 2px !important;
            background: linear-gradient(90deg, transparent 0%, #c50000 30%, #c50000 70%, transparent 100%) !important;
            box-shadow: 0 0 18px rgba(197, 0, 0, 0.6) !important;
            z-index: 3 !important;
        }

        /* Ambient red glow */
        #gh-why::after {
            content: '' !important;
            position: absolute !important;
            top: 8% !important;
            right: -8% !important;
            width: 55vmax !important;
            height: 55vmax !important;
            background: radial-gradient(circle, rgba(197, 0, 0, 0.12) 0%, transparent 62%) !important;
            filter: blur(70px) !important;
            mix-blend-mode: screen !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        #gh-why .gh-container {
            width: 100% !important;
            max-width: 1480px !important;
            margin: 0 auto !important;
            padding: 0 32px !important;
            position: relative !important;
            z-index: 1 !important;
        }

        /* Meta row */
        #gh-why .gh-meta {
            display: flex !important;
            align-items: center !important;
            gap: 18px !important;
            margin-bottom: 70px !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.26em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.40) !important;
            width: 100% !important;
        }

        #gh-why .gh-meta .num {
            color: #c50000 !important;
            font-weight: 600 !important;
            flex-shrink: 0 !important;
        }

        #gh-why .gh-meta .label {
            color: rgba(255, 255, 255, 0.65) !important;
            flex-shrink: 0 !important;
        }

        #gh-why .gh-meta .fill {
            flex: 1 1 auto !important;
            min-width: 40px !important;
            height: 1px !important;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 60%, rgba(255, 255, 255, 0.04) 100%) !important;
        }

        #gh-why .gh-meta .loc {
            color: rgba(255, 255, 255, 0.40) !important;
            flex-shrink: 0 !important;
        }

        /* ============================================
   SHOWCASE — text left, Mercedes right (bleeds off edge)
   ============================================ */
        #gh-why .gh-showcase {
            display: grid !important;
            grid-template-columns: 1fr 1.05fr !important;
            gap: 50px !important;
            align-items: center !important;
            margin-bottom: 90px !important;
            position: relative !important;
        }

        #gh-why .gh-copy {
            position: relative !important;
            z-index: 2 !important;
        }

        #gh-why h2 {
            font-size: clamp(40px, 5.4vw, 76px) !important;
            font-weight: 700 !important;
            line-height: 1.0 !important;
            letter-spacing: -0.04em !important;
            color: #fff !important;
            margin: 0 0 32px 0 !important;
            padding: 0 !important;
        }

        #gh-why h2 .line {
            display: block !important;
            color: #fff !important;
        }

        #gh-why h2 .accent {
            color: #c50000 !important;
        }

        #gh-why .gh-copy p {
            font-size: 16.5px !important;
            font-weight: 400 !important;
            line-height: 1.62 !important;
            color: rgba(255, 255, 255, 0.78) !important;
            margin: 0 0 28px 0 !important;
            padding: 0 !important;
            max-width: 500px !important;
        }

        #gh-why .gh-attr {
            display: flex !important;
            align-items: center !important;
            gap: 14px !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.22em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.55) !important;
        }

        #gh-why .gh-attr-line {
            width: 36px !important;
            height: 1px !important;
            background: #c50000 !important;
            box-shadow: 0 0 6px rgba(197, 0, 0, 0.4) !important;
        }

        /* === MERCEDES SHOWCASE === */
        #gh-why .gh-car-wrap {
            position: relative !important;
            z-index: 1 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        /* Red glow pool beneath the car */
        #gh-why .gh-car-wrap::before {
            content: '' !important;
            position: absolute !important;
            bottom: 8% !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            width: 90% !important;
            height: 60px !important;
            background: radial-gradient(ellipse, rgba(197, 0, 0, 0.45) 0%, rgba(197, 0, 0, 0.12) 45%, transparent 75%) !important;
            filter: blur(28px) !important;
            z-index: 0 !important;
            pointer-events: none !important;
        }

        /* Faint floor shadow ellipse */
        #gh-why .gh-car-wrap::after {
            content: '' !important;
            position: absolute !important;
            bottom: 10% !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            width: 78% !important;
            height: 24px !important;
            background: radial-gradient(ellipse, rgba(0, 0, 0, 0.7) 0%, transparent 72%) !important;
            filter: blur(16px) !important;
            z-index: 1 !important;
            pointer-events: none !important;
        }

        #gh-why .gh-car {
            position: relative !important;
            z-index: 2 !important;
            width: 118% !important;
            max-width: 118% !important;
            height: auto !important;
            display: block !important;
            filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.6)) !important;
            animation: gh-float 6s ease-in-out infinite !important;
        }

        @keyframes gh-float {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        /* ============================================
   STATS BAND
   ============================================ */
        #gh-why .gh-stats {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 14px !important;
            position: relative !important;
            z-index: 2 !important;
        }

        #gh-why .gh-stat {
            position: relative !important;
            padding: 30px 26px 26px !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.005)) !important;
            border: 1px solid rgba(255, 255, 255, 0.06) !important;
            border-radius: 14px !important;
            backdrop-filter: blur(18px) saturate(140%) !important;
            -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
            transition: all 0.35s !important;
            isolation: isolate !important;
        }

        #gh-why .gh-stat::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            padding: 1px !important;
            border-radius: inherit !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0.14)) !important;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
            -webkit-mask-composite: xor !important;
            mask-composite: exclude !important;
            opacity: 0 !important;
            transition: opacity 0.4s !important;
            pointer-events: none !important;
        }

        #gh-why .gh-stat::after {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 0 !important;
            height: 2px !important;
            background: #c50000 !important;
            box-shadow: 0 0 10px rgba(197, 0, 0, 0.45) !important;
            transition: width 0.55s cubic-bezier(0.4, 0, 0.2, 1) !important;
            border-radius: 14px 14px 0 0 !important;
        }

        #gh-why .gh-stat:hover {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)) !important;
            border-color: rgba(255, 255, 255, 0.10) !important;
            transform: translateY(-3px) !important;
        }

        #gh-why .gh-stat:hover::before {
            opacity: 1 !important;
        }

        #gh-why .gh-stat:hover::after {
            width: 50% !important;
        }

        #gh-why .gh-stat .num {
            display: block !important;
            font-size: clamp(44px, 4.6vw, 66px) !important;
            font-weight: 300 !important;
            color: #fff !important;
            line-height: 1 !important;
            letter-spacing: -0.045em !important;
            margin-bottom: 22px !important;
        }

        #gh-why .gh-stat .num sup {
            font-size: 0.32em !important;
            font-weight: 500 !important;
            color: #c50000 !important;
            vertical-align: super !important;
            margin-left: 2px !important;
        }

        #gh-why .gh-stat h3 {
            font-size: 12.5px !important;
            font-weight: 600 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            margin: 0 0 8px 0 !important;
            padding: 0 !important;
            color: #fff !important;
            line-height: 1.25 !important;
        }

        #gh-why .gh-stat p {
            font-size: 12.5px !important;
            line-height: 1.5 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            font-weight: 400 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* ============================================
   RESPONSIVE
   ============================================ */
        @media (max-width: 1100px) {
            #gh-why {
                padding: 100px 0 90px !important;
            }

            #gh-why .gh-showcase {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
                margin-bottom: 70px !important;
            }

            #gh-why .gh-car {
                width: 100% !important;
                max-width: 600px !important;
                margin: 0 auto !important;
            }

            #gh-why .gh-car-wrap {
                order: -1 !important;
                margin-bottom: 10px !important;
            }

            #gh-why .gh-stats {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }

        @media (max-width: 540px) {
            #gh-why {
                padding: 80px 0 70px !important;
            }

            #gh-why .gh-container {
                padding: 0 16px !important;
            }

            #gh-why .gh-meta {
                font-size: 9.5px !important;
                gap: 10px !important;
                margin-bottom: 48px !important;
                flex-wrap: wrap !important;
            }

            #gh-why .gh-meta .fill {
                display: none !important;
            }

            #gh-why h2 {
                font-size: 36px !important;
                margin-bottom: 26px !important;
            }

            #gh-why .gh-copy p {
                font-size: 15px !important;
            }

            #gh-why .gh-stats {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
            }

            #gh-why .gh-stat {
                padding: 26px 22px !important;
            }

            #gh-why .gh-stat .num {
                font-size: 50px !important;
                margin-bottom: 18px !important;
            }
        }

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

        body {
            background: #000;
            font-family: 'Inter', sans-serif;
            color: #fff;
        }

        #gh-process,
        #gh-process * {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box !important;
        }

        #gh-process {
            position: relative !important;
            background: linear-gradient(180deg, #080404 0%, #0b0505 50%, #060303 100%) !important;
            padding: 120px 0 120px !important;
            overflow: hidden !important;
            isolation: isolate !important;
        }

        /* Strong red divider at top */
        #gh-process::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 2px !important;
            background: linear-gradient(90deg, transparent 0%, #c50000 30%, #c50000 70%, transparent 100%) !important;
            box-shadow: 0 0 18px rgba(197, 0, 0, 0.6) !important;
            z-index: 3 !important;
        }

        /* Ambient red glow, left side this time (alternates vs section above) */
        #gh-process::after {
            content: '' !important;
            position: absolute !important;
            top: 30% !important;
            left: -12% !important;
            width: 55vmax !important;
            height: 55vmax !important;
            background: radial-gradient(circle, rgba(197, 0, 0, 0.09) 0%, transparent 62%) !important;
            filter: blur(80px) !important;
            mix-blend-mode: screen !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        #gh-process .gh-container {
            width: 100% !important;
            max-width: 1480px !important;
            margin: 0 auto !important;
            padding: 0 32px !important;
            position: relative !important;
            z-index: 1 !important;
        }

        /* Meta row */
        #gh-process .gh-meta {
            display: flex !important;
            align-items: center !important;
            gap: 18px !important;
            margin-bottom: 50px !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.26em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.40) !important;
            width: 100% !important;
        }

        #gh-process .gh-meta .num {
            color: #c50000 !important;
            font-weight: 600 !important;
            flex-shrink: 0 !important;
        }

        #gh-process .gh-meta .label {
            color: rgba(255, 255, 255, 0.65) !important;
            flex-shrink: 0 !important;
        }

        #gh-process .gh-meta .fill {
            flex: 1 1 auto !important;
            min-width: 40px !important;
            height: 1px !important;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 60%, rgba(255, 255, 255, 0.04) 100%) !important;
        }

        #gh-process .gh-meta .loc {
            color: rgba(255, 255, 255, 0.40) !important;
            flex-shrink: 0 !important;
        }

        /* Section heading */
        #gh-process .gh-head {
            display: flex !important;
            justify-content: space-between !important;
            align-items: flex-end !important;
            gap: 40px !important;
            margin-bottom: 80px !important;
            flex-wrap: wrap !important;
        }

        #gh-process h2 {
            font-size: clamp(40px, 5.4vw, 76px) !important;
            font-weight: 700 !important;
            line-height: 1.0 !important;
            letter-spacing: -0.04em !important;
            color: #fff !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #gh-process h2 .accent {
            color: #c50000 !important;
        }

        #gh-process .gh-head-note {
            font-size: 15px !important;
            line-height: 1.6 !important;
            color: rgba(255, 255, 255, 0.62) !important;
            max-width: 380px !important;
            padding-bottom: 8px !important;
        }

        /* ============================================
   TIMELINE
   ============================================ */
        #gh-process .gh-timeline {
            position: relative !important;
            padding-left: 0 !important;
        }

        /* The vertical spine */
        #gh-process .gh-timeline::before {
            content: '' !important;
            position: absolute !important;
            left: 27px !important;
            top: 14px !important;
            bottom: 14px !important;
            width: 2px !important;
            background: linear-gradient(180deg,
                    rgba(197, 0, 0, 0.0) 0%,
                    rgba(197, 0, 0, 0.55) 8%,
                    rgba(197, 0, 0, 0.55) 92%,
                    rgba(197, 0, 0, 0.0) 100%) !important;
            z-index: 0 !important;
        }

        #gh-process .gh-step {
            position: relative !important;
            display: grid !important;
            grid-template-columns: 56px 1fr !important;
            gap: 28px !important;
            padding-bottom: 28px !important;
        }

        #gh-process .gh-step:last-child {
            padding-bottom: 0 !important;
        }

        /* Node marker */
        #gh-process .gh-node {
            position: relative !important;
            z-index: 2 !important;
            width: 56px !important;
            height: 56px !important;
            border-radius: 50% !important;
            display: grid !important;
            place-items: center !important;
            background: linear-gradient(135deg, #1a0a0a, #0d0505) !important;
            border: 1px solid rgba(197, 0, 0, 0.35) !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.85) !important;
            flex-shrink: 0 !important;
            transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
            box-shadow: 0 0 0 6px rgba(8, 4, 4, 1), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
        }

        /* Card */
        #gh-process .gh-card {
            position: relative !important;
            padding: 24px 28px !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)) !important;
            border: 1px solid rgba(255, 255, 255, 0.06) !important;
            border-radius: 14px !important;
            backdrop-filter: blur(16px) saturate(140%) !important;
            -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
            transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
            isolation: isolate !important;
        }

        #gh-process .gh-card::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            padding: 1px !important;
            border-radius: inherit !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0.12)) !important;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
            -webkit-mask-composite: xor !important;
            mask-composite: exclude !important;
            opacity: 0 !important;
            transition: opacity 0.4s !important;
            pointer-events: none !important;
        }

        /* Left red accent bar */
        #gh-process .gh-card::after {
            content: '' !important;
            position: absolute !important;
            left: 0 !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: 2px !important;
            height: 0 !important;
            background: #c50000 !important;
            box-shadow: 0 0 10px rgba(197, 0, 0, 0.5) !important;
            transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
            border-radius: 2px !important;
        }

        #gh-process .gh-step:hover .gh-node {
            background: linear-gradient(135deg, #c50000, #8a0000) !important;
            border-color: #c50000 !important;
            color: #fff !important;
            transform: scale(1.08) !important;
            box-shadow: 0 0 0 6px rgba(8, 4, 4, 1), 0 8px 24px -6px rgba(197, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
        }

        #gh-process .gh-step:hover .gh-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)) !important;
            border-color: rgba(255, 255, 255, 0.10) !important;
            transform: translateX(4px) !important;
        }

        #gh-process .gh-step:hover .gh-card::before {
            opacity: 1 !important;
        }

        #gh-process .gh-step:hover .gh-card::after {
            height: 60% !important;
        }

        #gh-process .gh-card h3 {
            font-size: 17px !important;
            font-weight: 600 !important;
            letter-spacing: -0.01em !important;
            color: #fff !important;
            margin: 0 0 6px 0 !important;
            padding: 0 !important;
            line-height: 1.3 !important;
        }

        #gh-process .gh-card p {
            font-size: 13.5px !important;
            line-height: 1.55 !important;
            color: rgba(255, 255, 255, 0.60) !important;
            font-weight: 400 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Closing line under timeline */
        #gh-process .gh-close {
            margin-top: 60px !important;
            padding-top: 36px !important;
            border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 32px !important;
            flex-wrap: wrap !important;
        }

        #gh-process .gh-close-text {
            font-size: 15px !important;
            color: rgba(255, 255, 255, 0.70) !important;
            line-height: 1.55 !important;
        }

        #gh-process .gh-close-text strong {
            color: #fff !important;
            font-weight: 600 !important;
        }

        #gh-process .gh-close-cta {
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
            padding: 14px 26px !important;
            background: #c50000 !important;
            color: #fff !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
            border-radius: 999px !important;
            white-space: nowrap !important;
            transition: all 0.35s !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 22px -6px rgba(197, 0, 0, 0.55) !important;
        }

        #gh-process .gh-close-cta:hover {
            background: #ef0707 !important;
            letter-spacing: 0.09em !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 12px 30px -6px rgba(197, 0, 0, 0.7) !important;
        }

        #gh-process .gh-close-cta svg {
            transition: transform 0.3s !important;
        }

        #gh-process .gh-close-cta:hover svg {
            transform: translateX(4px) !important;
        }

        /* ============================================
   RESPONSIVE
   ============================================ */
        @media (max-width: 1100px) {
            #gh-process {
                padding: 100px 0 100px !important;
            }

            #gh-process .gh-head {
                margin-bottom: 60px !important;
            }
        }

        @media (max-width: 540px) {
            #gh-process {
                padding: 80px 0 80px !important;
            }

            #gh-process .gh-container {
                padding: 0 16px !important;
            }

            #gh-process .gh-meta {
                font-size: 9.5px !important;
                gap: 10px !important;
                margin-bottom: 40px !important;
                flex-wrap: wrap !important;
            }

            #gh-process .gh-meta .fill {
                display: none !important;
            }

            #gh-process h2 {
                font-size: 36px !important;
            }

            #gh-process .gh-head {
                margin-bottom: 48px !important;
                gap: 20px !important;
            }

            #gh-process .gh-head-note {
                font-size: 14px !important;
            }

            #gh-process .gh-timeline::before {
                left: 21px !important;
            }

            #gh-process .gh-step {
                grid-template-columns: 44px 1fr !important;
                gap: 18px !important;
                padding-bottom: 20px !important;
            }

            #gh-process .gh-node {
                width: 44px !important;
                height: 44px !important;
                font-size: 12px !important;
                box-shadow: 0 0 0 5px rgba(8, 4, 4, 1) !important;
            }

            #gh-process .gh-card {
                padding: 20px 22px !important;
            }

            #gh-process .gh-card h3 {
                font-size: 15.5px !important;
            }

            #gh-process .gh-close {
                margin-top: 44px !important;
                padding-top: 32px !important;
                gap: 24px !important;
            }

            #gh-process .gh-close-cta {
                width: 100% !important;
                justify-content: center !important;
            }
        }

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

        body {
            background: #000;
            font-family: 'Inter', sans-serif;
            color: #fff;
        }

        #gh-work,
        #gh-work * {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box !important;
        }

        #gh-work {
            position: relative !important;
            background: linear-gradient(180deg, #060303 0%, #0a0505 50%, #080404 100%) !important;
            padding: 120px 0 120px !important;
            overflow: hidden !important;
            isolation: isolate !important;
        }

        /* Strong red divider at top */
        #gh-work::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 2px !important;
            background: linear-gradient(90deg, transparent 0%, #c50000 30%, #c50000 70%, transparent 100%) !important;
            box-shadow: 0 0 18px rgba(197, 0, 0, 0.6) !important;
            z-index: 3 !important;
        }

        /* Ambient red glow — right side */
        #gh-work::after {
            content: '' !important;
            position: absolute !important;
            top: 12% !important;
            right: -12% !important;
            width: 55vmax !important;
            height: 55vmax !important;
            background: radial-gradient(circle, rgba(197, 0, 0, 0.09) 0%, transparent 62%) !important;
            filter: blur(80px) !important;
            mix-blend-mode: screen !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        #gh-work .gh-container {
            width: 100% !important;
            max-width: 1480px !important;
            margin: 0 auto !important;
            padding: 0 32px !important;
            position: relative !important;
            z-index: 1 !important;
        }

        /* Meta row */
        #gh-work .gh-meta {
            display: flex !important;
            align-items: center !important;
            gap: 18px !important;
            margin-bottom: 50px !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.26em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.40) !important;
            width: 100% !important;
        }

        #gh-work .gh-meta .num {
            color: #c50000 !important;
            font-weight: 600 !important;
            flex-shrink: 0 !important;
        }

        #gh-work .gh-meta .label {
            color: rgba(255, 255, 255, 0.65) !important;
            flex-shrink: 0 !important;
        }

        #gh-work .gh-meta .fill {
            flex: 1 1 auto !important;
            min-width: 40px !important;
            height: 1px !important;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 60%, rgba(255, 255, 255, 0.04) 100%) !important;
        }

        #gh-work .gh-meta .loc {
            color: rgba(255, 255, 255, 0.40) !important;
            flex-shrink: 0 !important;
        }

        /* Section heading + arrow controls in one row */
        #gh-work .gh-head {
            display: flex !important;
            justify-content: space-between !important;
            align-items: flex-end !important;
            gap: 40px !important;
            margin-bottom: 48px !important;
            flex-wrap: wrap !important;
        }

        #gh-work .gh-head-left {
            display: flex !important;
            flex-direction: column !important;
            gap: 18px !important;
        }

        #gh-work h2 {
            font-size: clamp(40px, 5.4vw, 76px) !important;
            font-weight: 700 !important;
            line-height: 1.0 !important;
            letter-spacing: -0.04em !important;
            color: #fff !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #gh-work h2 .accent {
            color: #c50000 !important;
        }

        #gh-work .gh-head-note {
            font-size: 15px !important;
            line-height: 1.6 !important;
            color: rgba(255, 255, 255, 0.62) !important;
            max-width: 420px !important;
        }

        /* Arrow controls */
        #gh-work .gh-controls {
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            padding-bottom: 6px !important;
            flex-shrink: 0 !important;
        }

        #gh-work .gh-arrow {
            width: 52px !important;
            height: 52px !important;
            border-radius: 50% !important;
            display: grid !important;
            place-items: center !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)) !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
            color: #fff !important;
            cursor: pointer !important;
            transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
            -webkit-tap-highlight-color: transparent !important;
        }

        #gh-work .gh-arrow:hover {
            background: #c50000 !important;
            border-color: #c50000 !important;
            box-shadow: 0 8px 22px -6px rgba(197, 0, 0, 0.6) !important;
        }

        #gh-work .gh-arrow:active {
            transform: scale(0.94) !important;
        }

        #gh-work .gh-arrow:disabled {
            opacity: 0.3 !important;
            cursor: not-allowed !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)) !important;
            border-color: rgba(255, 255, 255, 0.12) !important;
            box-shadow: none !important;
        }

        #gh-work .gh-arrow svg {
            width: 18px !important;
            height: 18px !important;
        }

        /* ============================================
   HORIZONTAL SCROLL TRACK
   ============================================ */
        #gh-work .gh-scroller-wrap {
            position: relative !important;
            margin: 0 -32px !important;
            /* bleed to edges */
        }

        /* edge fade hints */
        #gh-work .gh-scroller-wrap::before,
        #gh-work .gh-scroller-wrap::after {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            bottom: 0 !important;
            width: 60px !important;
            z-index: 2 !important;
            pointer-events: none !important;
        }

        #gh-work .gh-scroller-wrap::before {
            left: 0 !important;
            background: linear-gradient(90deg, #080404 0%, transparent 100%) !important;
        }

        #gh-work .gh-scroller-wrap::after {
            right: 0 !important;
            background: linear-gradient(270deg, #080404 0%, transparent 100%) !important;
        }

        #gh-work .gh-scroller {
            display: flex !important;
            gap: 16px !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            scroll-behavior: smooth !important;
            scroll-snap-type: x mandatory !important;
            padding: 6px 32px !important;
            -ms-overflow-style: none !important;
            scrollbar-width: none !important;
        }

        #gh-work .gh-scroller::-webkit-scrollbar {
            display: none !important;
        }

        #gh-work .gh-card {
            position: relative !important;
            flex: 0 0 340px !important;
            width: 340px !important;
            aspect-ratio: 4 / 3 !important;
            border-radius: 14px !important;
            overflow: hidden !important;
            background: #0d0808 !important;
            border: 1px solid rgba(255, 255, 255, 0.06) !important;
            cursor: pointer !important;
            isolation: isolate !important;
            scroll-snap-align: start !important;
            transition: border-color 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
        }

        #gh-work .gh-card img {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
            transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease !important;
            filter: saturate(0.92) brightness(0.82) !important;
            z-index: 0 !important;
        }

        #gh-work .gh-card::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 1 !important;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 35%, rgba(0, 0, 0, 0.45) 65%, rgba(0, 0, 0, 0.88) 100%) !important;
            pointer-events: none !important;
        }

        #gh-work .gh-card::after {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 0 !important;
            height: 2px !important;
            background: #c50000 !important;
            box-shadow: 0 0 10px rgba(197, 0, 0, 0.6) !important;
            z-index: 4 !important;
            transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
        }

        #gh-work .gh-card:hover {
            border-color: rgba(197, 0, 0, 0.30) !important;
            transform: translateY(-4px) !important;
        }

        #gh-work .gh-card:hover img {
            transform: scale(1.07) !important;
            filter: saturate(1.05) brightness(0.95) !important;
        }

        #gh-work .gh-card:hover::after {
            width: 100% !important;
        }

        #gh-work .gh-card-body {
            position: absolute !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            z-index: 2 !important;
            padding: 20px 20px 18px !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 5px !important;
        }

        #gh-work .gh-card-tags {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 9.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.16em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.58) !important;
        }

        #gh-work .gh-card-tags .gh-brand-tag {
            color: #fff !important;
        }

        #gh-work .gh-card-tags .gh-dot-sep {
            width: 3px !important;
            height: 3px !important;
            background: #c50000 !important;
            border-radius: 50% !important;
            box-shadow: 0 0 4px rgba(197, 0, 0, 0.7) !important;
        }

        #gh-work .gh-card-model {
            font-size: 19px !important;
            font-weight: 600 !important;
            letter-spacing: -0.015em !important;
            color: #fff !important;
            line-height: 1.2 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #gh-work .gh-card-idx {
            position: absolute !important;
            top: 15px !important;
            right: 17px !important;
            z-index: 3 !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 11px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            letter-spacing: 0.05em !important;
            transition: color 0.4s ease !important;
        }

        #gh-work .gh-card:hover .gh-card-idx {
            color: #c50000 !important;
        }

        /* Progress bar under scroller */
        #gh-work .gh-progress {
            margin-top: 28px !important;
            height: 2px !important;
            background: rgba(255, 255, 255, 0.08) !important;
            border-radius: 2px !important;
            overflow: hidden !important;
            position: relative !important;
        }

        #gh-work .gh-progress-bar {
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            bottom: 0 !important;
            width: 20% !important;
            background: #c50000 !important;
            box-shadow: 0 0 8px rgba(197, 0, 0, 0.6) !important;
            border-radius: 2px !important;
            transition: width 0.2s ease, left 0.2s ease !important;
        }

        /* Footer line */
        #gh-work .gh-work-foot {
            margin-top: 44px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 32px !important;
            flex-wrap: wrap !important;
        }

        #gh-work .gh-work-foot-text {
            font-size: 15px !important;
            color: rgba(255, 255, 255, 0.70) !important;
            line-height: 1.55 !important;
        }

        #gh-work .gh-work-foot-text strong {
            color: #fff !important;
            font-weight: 600 !important;
        }

        #gh-work .gh-work-cta {
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
            padding: 14px 26px !important;
            background: #c50000 !important;
            color: #fff !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
            border-radius: 999px !important;
            white-space: nowrap !important;
            transition: all 0.35s !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 22px -6px rgba(197, 0, 0, 0.55) !important;
        }

        #gh-work .gh-work-cta:hover {
            background: #ef0707 !important;
            letter-spacing: 0.09em !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 12px 30px -6px rgba(197, 0, 0, 0.7) !important;
        }

        #gh-work .gh-work-cta svg {
            transition: transform 0.3s !important;
        }

        #gh-work .gh-work-cta:hover svg {
            transform: translateX(4px) !important;
        }

        /* ============================================
   RESPONSIVE
   ============================================ */
        @media (max-width: 1100px) {
            #gh-work {
                padding: 100px 0 100px !important;
            }
        }

        @media (max-width: 540px) {
            #gh-work {
                padding: 80px 0 80px !important;
            }

            #gh-work .gh-container {
                padding: 0 16px !important;
            }

            #gh-work .gh-meta {
                font-size: 9.5px !important;
                gap: 10px !important;
                margin-bottom: 40px !important;
                flex-wrap: wrap !important;
            }

            #gh-work .gh-meta .fill {
                display: none !important;
            }

            #gh-work h2 {
                font-size: 36px !important;
            }

            #gh-work .gh-head {
                margin-bottom: 36px !important;
                gap: 24px !important;
            }

            #gh-work .gh-head-note {
                font-size: 14px !important;
            }

            #gh-work .gh-controls {
                display: none !important;
            }

            /* swipe instead on mobile */
            #gh-work .gh-scroller-wrap {
                margin: 0 -16px !important;
            }

            #gh-work .gh-scroller-wrap::before,
            #gh-work .gh-scroller-wrap::after {
                width: 30px !important;
            }

            #gh-work .gh-scroller {
                padding: 6px 16px !important;
            }

            #gh-work .gh-card {
                flex: 0 0 78vw !important;
                width: 78vw !important;
            }

            #gh-work .gh-work-foot {
                margin-top: 36px !important;
                gap: 22px !important;
            }

            #gh-work .gh-work-cta {
                width: 100% !important;
                justify-content: center !important;
            }
        }

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

        body {
            background: #000;
            font-family: 'Inter', sans-serif;
            color: #fff;
        }

        #gh-contact,
        #gh-contact * {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box !important;
        }

        #gh-contact {
            position: relative !important;
            background: linear-gradient(180deg, #080404 0%, #0c0505 50%, #060303 100%) !important;
            padding: 180px 0 180px !important;
            overflow: hidden !important;
            isolation: isolate !important;
        }

        #gh-contact::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 2px !important;
            background: linear-gradient(90deg, transparent 0%, #c50000 30%, #c50000 70%, transparent 100%) !important;
            box-shadow: 0 0 18px rgba(197, 0, 0, 0.6) !important;
            z-index: 3 !important;
        }

        #gh-contact::after {
            content: '' !important;
            position: absolute !important;
            bottom: 5% !important;
            left: -12% !important;
            width: 55vmax !important;
            height: 55vmax !important;
            background: radial-gradient(circle, rgba(197, 0, 0, 0.10) 0%, transparent 62%) !important;
            filter: blur(80px) !important;
            mix-blend-mode: screen !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        #gh-contact .gh-container {
            width: 100% !important;
            max-width: 1480px !important;
            margin: 0 auto !important;
            padding: 0 32px !important;
            position: relative !important;
            z-index: 1 !important;
        }

        /* Meta row */
        #gh-contact .gh-meta {
            display: flex !important;
            align-items: center !important;
            gap: 18px !important;
            margin-bottom: 70px !important;
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.26em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.40) !important;
            width: 100% !important;
        }

        #gh-contact .gh-meta .num {
            color: #c50000 !important;
            font-weight: 600 !important;
            flex-shrink: 0 !important;
        }

        #gh-contact .gh-meta .label {
            color: rgba(255, 255, 255, 0.65) !important;
            flex-shrink: 0 !important;
        }

        #gh-contact .gh-meta .fill {
            flex: 1 1 auto !important;
            min-width: 40px !important;
            height: 1px !important;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 60%, rgba(255, 255, 255, 0.04) 100%) !important;
        }

        #gh-contact .gh-meta .loc {
            color: rgba(255, 255, 255, 0.40) !important;
            flex-shrink: 0 !important;
        }

        /* SPLIT LAYOUT */
        #gh-contact .gh-split {
            display: grid !important;
            grid-template-columns: 1fr 1.1fr !important;
            gap: 70px !important;
            align-items: start !important;
        }

        /* --- LEFT: info --- */
        #gh-contact .gh-info {
            position: relative !important;
        }

        #gh-contact h2 {
            font-size: clamp(40px, 5.4vw, 76px) !important;
            font-weight: 700 !important;
            line-height: 1.0 !important;
            letter-spacing: -0.04em !important;
            color: #fff !important;
            margin: 0 0 28px 0 !important;
            padding: 0 !important;
        }

        #gh-contact h2 .accent {
            color: #c50000 !important;
        }

        #gh-contact .gh-info-lead {
            font-size: 16.5px !important;
            font-weight: 400 !important;
            line-height: 1.62 !important;
            color: rgba(255, 255, 255, 0.78) !important;
            margin: 0 0 44px 0 !important;
            padding: 0 !important;
            max-width: 440px !important;
        }

        #gh-contact .gh-direct {
            display: flex !important;
            flex-direction: column !important;
            gap: 4px !important;
            margin-bottom: 36px !important;
        }

        #gh-contact .gh-direct-row {
            display: flex !important;
            align-items: center !important;
            gap: 16px !important;
            padding: 18px 0 !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
            text-decoration: none !important;
            transition: padding-left 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
        }

        #gh-contact .gh-direct-row:first-child {
            border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
        }

        #gh-contact .gh-direct-row:hover {
            padding-left: 8px !important;
        }

        #gh-contact .gh-direct-icon {
            width: 42px !important;
            height: 42px !important;
            border-radius: 50% !important;
            display: grid !important;
            place-items: center !important;
            background: linear-gradient(135deg, rgba(197, 0, 0, 0.15), rgba(197, 0, 0, 0.04)) !important;
            border: 1px solid rgba(197, 0, 0, 0.30) !important;
            color: #ff2b2b !important;
            flex-shrink: 0 !important;
            transition: all 0.35s !important;
        }

        #gh-contact .gh-direct-row:hover .gh-direct-icon {
            background: #c50000 !important;
            border-color: #c50000 !important;
            color: #fff !important;
            box-shadow: 0 6px 16px -4px rgba(197, 0, 0, 0.6) !important;
        }

        #gh-contact .gh-direct-icon svg {
            width: 17px !important;
            height: 17px !important;
        }

        #gh-contact .gh-direct-text {
            display: flex !important;
            flex-direction: column !important;
            gap: 3px !important;
        }

        #gh-contact .gh-direct-text .gh-direct-label {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 9.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.20em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.45) !important;
        }

        #gh-contact .gh-direct-text .gh-direct-value {
            font-size: 15.5px !important;
            font-weight: 500 !important;
            color: #fff !important;
            letter-spacing: -0.005em !important;
        }

        #gh-contact .gh-legal {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            line-height: 1.9 !important;
            letter-spacing: 0.04em !important;
            color: rgba(255, 255, 255, 0.42) !important;
        }

        #gh-contact .gh-legal strong {
            color: rgba(255, 255, 255, 0.65) !important;
            font-weight: 500 !important;
        }

        /* --- RIGHT: form card --- */
        #gh-contact .gh-form-card {
            position: relative !important;
            padding: 44px 44px 40px !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)) !important;
            border: 1px solid rgba(255, 255, 255, 0.07) !important;
            border-radius: 20px !important;
            backdrop-filter: blur(20px) saturate(150%) !important;
            -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
            isolation: isolate !important;
        }

        #gh-contact .gh-form-card::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            padding: 1px !important;
            border-radius: inherit !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0.14)) !important;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
            -webkit-mask-composite: xor !important;
            mask-composite: exclude !important;
            pointer-events: none !important;
        }

        #gh-contact .gh-form-card::after {
            content: '' !important;
            position: absolute !important;
            top: -1px !important;
            right: 40px !important;
            width: 80px !important;
            height: 2px !important;
            background: #c50000 !important;
            box-shadow: 0 0 12px rgba(197, 0, 0, 0.7) !important;
            border-radius: 2px !important;
            z-index: 1 !important;
        }

        #gh-contact .gh-form-title {
            font-size: 13px !important;
            font-weight: 600 !important;
            letter-spacing: 0.04em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.55) !important;
            margin: 0 0 28px 0 !important;
        }

        /* ============================================
   ELEMENTOR FORM — styled to match
   These selectors target the real Elementor markup
   ============================================ */
        #gh-contact .elementor-form-fields-wrapper {
            display: flex !important;
            flex-direction: column !important;
            gap: 18px !important;
        }

        #gh-contact .elementor-field-group {
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            text-align: left !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
        }

        #gh-contact .elementor-field-label {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            text-align: left !important;
            align-self: flex-start !important;
            height: 16px !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            margin-bottom: 9px !important;
            letter-spacing: 0.01em !important;
            text-transform: none !important;
            line-height: 1 !important;
            width: auto !important;
        }

        /* Elementor's required asterisk — make it a clean red dot-style mark */
        #gh-contact .elementor-mark-required .elementor-field-label::after,
        #gh-contact .elementor-field-required .elementor-field-label::after {
            content: '*' !important;
            color: #c50000 !important;
            margin-left: 4px !important;
            font-weight: 600 !important;
        }

        /* All textual inputs + textarea — identical look + identical SIZE */
        #gh-contact .elementor-field-textual,
        #gh-contact input.elementor-field,
        #gh-contact textarea.elementor-field {
            width: 100% !important;
            height: 54px !important;
            min-height: 54px !important;
            max-height: 54px !important;
            background: rgba(0, 0, 0, 0.35) !important;
            border: 1px solid rgba(255, 255, 255, 0.10) !important;
            border-radius: 12px !important;
            color: #fff !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 15px !important;
            font-weight: 400 !important;
            padding: 0 18px !important;
            outline: none !important;
            box-shadow: none !important;
            transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important;
            -webkit-appearance: none !important;
            appearance: none !important;
            line-height: 54px !important;
            vertical-align: middle !important;
        }

        #gh-contact .elementor-field-textual::placeholder,
        #gh-contact input.elementor-field::placeholder,
        #gh-contact textarea.elementor-field::placeholder {
            color: rgba(255, 255, 255, 0.32) !important;
            opacity: 1 !important;
        }

        #gh-contact .elementor-field-textual:hover,
        #gh-contact input.elementor-field:hover,
        #gh-contact textarea.elementor-field:hover {
            border-color: rgba(255, 255, 255, 0.18) !important;
        }

        #gh-contact .elementor-field-textual:focus,
        #gh-contact input.elementor-field:focus,
        #gh-contact textarea.elementor-field:focus {
            border-color: rgba(197, 0, 0, 0.55) !important;
            background: rgba(0, 0, 0, 0.5) !important;
            box-shadow: 0 0 0 3px rgba(197, 0, 0, 0.12) !important;
        }

        /* The "E-mail" field is a textarea in Elementor — force it to look/behave like a single-line input */
        #gh-contact textarea.elementor-field,
        #gh-contact textarea#form-field-message {
            resize: none !important;
            height: 54px !important;
            min-height: 54px !important;
            max-height: 54px !important;
            overflow: hidden !important;
            white-space: nowrap !important;
            padding: 16px 18px !important;
            line-height: 1.4 !important;
            scrollbar-width: none !important;
        }

        /* ============================================
   PHONE FIELD — +48 prefix overlay
   Works on real Elementor: targets the field group,
   adds a visual +48 segment, pushes input text right
   ============================================ */
        #gh-contact .elementor-field-group-Telefon {
            position: relative !important;
        }

        #gh-contact .elementor-field-group-Telefon::after {
            content: '+48' !important;
            position: absolute !important;
            left: 1px !important;
            bottom: 1px !important;
            width: 58px !important;
            height: 52px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            background: rgba(255, 255, 255, 0.03) !important;
            border-right: 1px solid rgba(255, 255, 255, 0.10) !important;
            border-radius: 11px 0 0 11px !important;
            pointer-events: none !important;
            z-index: 2 !important;
            transition: color 0.3s ease, border-color 0.3s ease !important;
        }

        /* push the actual input text past the prefix */
        #gh-contact .elementor-field-group-Telefon input.elementor-field {
            padding-left: 76px !important;
        }

        /* prefix reacts to focus like the rest of the field */
        #gh-contact .elementor-field-group-Telefon:focus-within::after {
            color: rgba(255, 255, 255, 0.80) !important;
            border-right-color: rgba(197, 0, 0, 0.45) !important;
        }

        #gh-contact textarea.elementor-field::-webkit-scrollbar {
            display: none !important;
        }

        /* Submit button group */
        #gh-contact .elementor-field-type-submit {
            margin-top: 8px !important;
        }

        #gh-contact .e-form__buttons {
            display: flex !important;
            width: 100% !important;
        }

        #gh-contact .elementor-button {
            width: 100% !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            padding: 17px 28px !important;
            background: #c50000 !important;
            color: #fff !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase !important;
            border: none !important;
            border-radius: 12px !important;
            cursor: pointer !important;
            position: relative !important;
            overflow: hidden !important;
            transition: all 0.35s !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 10px 28px -8px rgba(197, 0, 0, 0.6) !important;
            text-decoration: none !important;
        }

        #gh-contact .elementor-button::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            background: linear-gradient(90deg, #ef0707, #c50000) !important;
            transform: translateX(-101%) !important;
            transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
            z-index: 0 !important;
        }

        #gh-contact .elementor-button:hover::before {
            transform: translateX(0) !important;
        }

        #gh-contact .elementor-button:hover {
            letter-spacing: 0.11em !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 14px 36px -8px rgba(197, 0, 0, 0.75) !important;
        }

        #gh-contact .elementor-button-content-wrapper,
        #gh-contact .elementor-button-text {
            position: relative !important;
            z-index: 1 !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
        }

        /* arrow injected via ::after on the text span */
        #gh-contact .elementor-button-text::after {
            content: '' !important;
            display: inline-block !important;
            width: 13px !important;
            height: 13px !important;
            background-color: currentColor !important;
            -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M1 7h12M8 2l5 5-5 5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain !important;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M1 7h12M8 2l5 5-5 5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain !important;
            transition: transform 0.3s !important;
            margin-left: 2px !important;
        }

        #gh-contact .elementor-button:hover .elementor-button-text::after {
            transform: translateX(4px) !important;
        }

        /* Validation / message styling from Elementor */
        #gh-contact .elementor-message,
        #gh-contact .elementor-field-group .elementor-error .elementor-error-message {
            font-family: 'Inter', sans-serif !important;
            font-size: 12px !important;
            margin-top: 6px !important;
        }

        #gh-contact .gh-form-note {
            margin-top: 18px !important;
            font-size: 11.5px !important;
            line-height: 1.55 !important;
            color: rgba(255, 255, 255, 0.40) !important;
            text-align: center !important;
        }

        /* ============================================
   RESPONSIVE
   ============================================ */
        @media (max-width: 1100px) {
            #gh-contact {
                padding: 100px 0 100px !important;
            }

            #gh-contact .gh-split {
                grid-template-columns: 1fr !important;
                gap: 50px !important;
            }

            #gh-contact .gh-info-lead {
                max-width: 560px !important;
            }
        }

        @media (max-width: 540px) {
            #gh-contact {
                padding: 80px 0 80px !important;
            }

            #gh-contact .gh-container {
                padding: 0 16px !important;
            }

            #gh-contact .gh-meta {
                font-size: 9.5px !important;
                gap: 10px !important;
                margin-bottom: 48px !important;
                flex-wrap: wrap !important;
            }

            #gh-contact .gh-meta .fill {
                display: none !important;
            }

            #gh-contact h2 {
                font-size: 36px !important;
            }

            #gh-contact .gh-info-lead {
                font-size: 15px !important;
                margin-bottom: 32px !important;
            }

            #gh-contact .gh-split {
                gap: 40px !important;
            }

            #gh-contact .gh-form-card {
                padding: 30px 22px 28px !important;
                border-radius: 16px !important;
            }

            #gh-contact .gh-form-card::after {
                right: 22px !important;
            }

            #gh-contact .gh-direct-value {
                font-size: 14.5px !important;
            }
        }

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

        body {
            background: #000;
            font-family: 'Inter', sans-serif;
            color: #fff;
        }

        #gh-footer,
        #gh-footer * {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            -webkit-font-smoothing: antialiased;
            box-sizing: border-box !important;
        }

        #gh-footer a {
            text-decoration: none !important;
        }

        #gh-footer ul {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #gh-footer li {
            list-style: none !important;
        }

        #gh-footer {
            position: relative !important;
            background: linear-gradient(180deg, #060303 0%, #030101 60%, #000000 100%) !important;
            overflow: hidden !important;
            isolation: isolate !important;
        }

        /* Red divider at top */
        #gh-footer::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            height: 2px !important;
            background: linear-gradient(90deg, transparent 0%, #c50000 30%, #c50000 70%, transparent 100%) !important;
            box-shadow: 0 0 18px rgba(197, 0, 0, 0.6) !important;
            z-index: 4 !important;
        }

        /* Giant ghost wordmark in background */
        #gh-footer .gh-ghost {
            position: absolute !important;
            left: 50% !important;
            bottom: -4% !important;
            transform: translateX(-50%) !important;
            font-size: clamp(120px, 22vw, 380px) !important;
            font-weight: 800 !important;
            letter-spacing: -0.05em !important;
            line-height: 1 !important;
            color: rgba(255, 255, 255, 0.022) !important;
            white-space: nowrap !important;
            pointer-events: none !important;
            z-index: 0 !important;
            user-select: none !important;
        }

        /* Ambient red glow */
        #gh-footer::after {
            content: '' !important;
            position: absolute !important;
            top: 10% !important;
            right: -10% !important;
            width: 50vmax !important;
            height: 50vmax !important;
            background: radial-gradient(circle, rgba(197, 0, 0, 0.08) 0%, transparent 62%) !important;
            filter: blur(90px) !important;
            mix-blend-mode: screen !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }

        #gh-footer .gh-container {
            width: 100% !important;
            max-width: 1480px !important;
            margin: 0 auto !important;
            padding: 0 32px !important;
            position: relative !important;
            z-index: 2 !important;
        }

        /* ============================================
   TOP CTA STRIP
   ============================================ */
        #gh-footer .gh-cta-strip {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 40px !important;
            padding: 70px 0 64px !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
            flex-wrap: wrap !important;
        }

        #gh-footer .gh-cta-text {
            font-size: clamp(28px, 3.4vw, 46px) !important;
            font-weight: 700 !important;
            line-height: 1.08 !important;
            letter-spacing: -0.035em !important;
            color: #fff !important;
            max-width: 640px !important;
        }

        #gh-footer .gh-cta-text .accent {
            color: #c50000 !important;
        }

        #gh-footer .gh-cta-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 12px !important;
            padding: 18px 32px !important;
            background: #c50000 !important;
            color: #fff !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            border-radius: 999px !important;
            position: relative !important;
            overflow: hidden !important;
            transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 30px -8px rgba(197, 0, 0, 0.6) !important;
            flex-shrink: 0 !important;
        }

        #gh-footer .gh-cta-btn::before {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            background: linear-gradient(90deg, #ef0707, #c50000) !important;
            transform: translateX(-101%) !important;
            transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
        }

        #gh-footer .gh-cta-btn:hover::before {
            transform: translateX(0) !important;
        }

        #gh-footer .gh-cta-btn:hover {
            letter-spacing: 0.09em !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 16px 40px -8px rgba(197, 0, 0, 0.75) !important;
        }

        #gh-footer .gh-cta-btn>* {
            position: relative !important;
            z-index: 1 !important;
        }

        #gh-footer .gh-cta-btn svg {
            transition: transform 0.35s !important;
        }

        #gh-footer .gh-cta-btn:hover svg {
            transform: translateX(4px) !important;
        }

        /* ============================================
   MAIN GRID — brand + nav columns
   ============================================ */
        #gh-footer .gh-main {
            display: grid !important;
            grid-template-columns: 1.6fr 1fr 1fr 1.2fr !important;
            gap: 56px !important;
            padding: 64px 0 56px !important;
        }

        /* Brand column */
        #gh-footer .gh-brand-col {
            display: flex !important;
            flex-direction: column !important;
        }

        #gh-footer .gh-brand {
            display: inline-flex !important;
            align-items: center !important;
            gap: 13px !important;
            margin-bottom: 24px !important;
        }

        #gh-footer .gh-logo-wrap {
            position: relative !important;
            width: 50px !important;
            height: 50px !important;
            display: grid !important;
            place-items: center !important;
            flex-shrink: 0 !important;
        }

        #gh-footer .gh-logo {
            width: 50px !important;
            height: auto !important;
            max-height: 50px !important;
            object-fit: contain !important;
            display: block !important;
            filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5)) !important;
        }

        #gh-footer .gh-brand-text {
            display: flex !important;
            flex-direction: column !important;
            gap: 4px !important;
            line-height: 1 !important;
        }

        #gh-footer .gh-brand-text strong {
            font-size: 17px !important;
            font-weight: 700 !important;
            letter-spacing: -0.02em !important;
            color: #fff !important;
        }

        #gh-footer .gh-brand-text small {
            font-size: 9.5px !important;
            letter-spacing: 0.26em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.50) !important;
            font-weight: 500 !important;
        }

        #gh-footer .gh-brand-desc {
            font-size: 14px !important;
            line-height: 1.65 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            max-width: 320px !important;
            margin-bottom: 28px !important;
        }

        /* Social row */
        #gh-footer .gh-social-row {
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            margin-top: auto !important;
        }

        #gh-footer .gh-social {
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            display: grid !important;
            place-items: center !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
            background: rgba(255, 255, 255, 0.02) !important;
            color: rgba(255, 255, 255, 0.62) !important;
            transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
        }

        #gh-footer .gh-social:hover {
            background: #c50000 !important;
            border-color: #c50000 !important;
            color: #fff !important;
            transform: translateY(-3px) !important;
            box-shadow: 0 8px 20px -5px rgba(197, 0, 0, 0.6) !important;
        }

        #gh-footer .gh-social svg {
            width: 16px !important;
            height: 16px !important;
        }

        /* Nav columns */
        #gh-footer .gh-col-title {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            font-weight: 500 !important;
            letter-spacing: 0.22em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.42) !important;
            margin-bottom: 22px !important;
        }

        #gh-footer .gh-col ul {
            display: flex !important;
            flex-direction: column !important;
            gap: 13px !important;
        }

        #gh-footer .gh-col a {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            font-size: 14.5px !important;
            font-weight: 400 !important;
            color: rgba(255, 255, 255, 0.68) !important;
            transition: color 0.28s ease, gap 0.28s ease !important;
            width: fit-content !important;
        }

        #gh-footer .gh-col a::before {
            content: '' !important;
            width: 0 !important;
            height: 1px !important;
            background: #c50000 !important;
            transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
        }

        #gh-footer .gh-col a:hover {
            color: #fff !important;
            gap: 12px !important;
        }

        #gh-footer .gh-col a:hover::before {
            width: 14px !important;
        }

        /* Contact column */
        #gh-footer .gh-contact-col .gh-contact-item {
            display: flex !important;
            flex-direction: column !important;
            gap: 4px !important;
            margin-bottom: 20px !important;
        }

        #gh-footer .gh-contact-col .gh-contact-label {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 9px !important;
            letter-spacing: 0.18em !important;
            text-transform: uppercase !important;
            color: rgba(255, 255, 255, 0.40) !important;
        }

        #gh-footer .gh-contact-col .gh-contact-value {
            font-size: 15px !important;
            font-weight: 500 !important;
            color: #fff !important;
            transition: color 0.28s ease !important;
        }

        #gh-footer .gh-contact-col a.gh-contact-value:hover {
            color: #c50000 !important;
        }

        #gh-footer .gh-contact-col .gh-avail {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            margin-top: 4px !important;
            padding: 7px 13px !important;
            background: rgba(197, 0, 0, 0.10) !important;
            border: 1px solid rgba(197, 0, 0, 0.25) !important;
            border-radius: 999px !important;
            font-size: 11px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.78) !important;
            width: fit-content !important;
        }

        #gh-footer .gh-avail .gh-avail-dot {
            position: relative !important;
            width: 6px !important;
            height: 6px !important;
            border-radius: 50% !important;
            background: #c50000 !important;
            box-shadow: 0 0 6px #c50000 !important;
            flex-shrink: 0 !important;
        }

        #gh-footer .gh-avail .gh-avail-dot::after {
            content: '' !important;
            position: absolute !important;
            inset: -3px !important;
            border-radius: 50% !important;
            border: 1px solid #c50000 !important;
            opacity: 0.5 !important;
            animation: ghFootPulse 2.4s ease-out infinite !important;
        }

        @keyframes ghFootPulse {
            0% {
                transform: scale(0.7);
                opacity: 0.7;
            }

            100% {
                transform: scale(2);
                opacity: 0;
            }
        }

        /* ============================================
   BOTTOM BAR — legal
   ============================================ */
        #gh-footer .gh-bottom {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 24px !important;
            padding: 28px 0 32px !important;
            border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
            flex-wrap: wrap !important;
        }

        #gh-footer .gh-legal {
            font-family: 'JetBrains Mono', ui-monospace, monospace !important;
            font-size: 10.5px !important;
            line-height: 1.8 !important;
            letter-spacing: 0.03em !important;
            color: rgba(255, 255, 255, 0.40) !important;
        }

        #gh-footer .gh-legal strong {
            color: rgba(255, 255, 255, 0.62) !important;
            font-weight: 500 !important;
        }

        #gh-footer .gh-legal .gh-sep {
            margin: 0 8px !important;
            color: rgba(255, 255, 255, 0.22) !important;
        }

        #gh-footer .gh-bottom-right {
            display: flex !important;
            align-items: center !important;
            gap: 24px !important;
        }

        #gh-footer .gh-credit {
            font-size: 11.5px !important;
            color: rgba(255, 255, 255, 0.38) !important;
        }

        #gh-footer .gh-credit a {
            color: rgba(255, 255, 255, 0.60) !important;
            transition: color 0.25s !important;
        }

        #gh-footer .gh-credit a:hover {
            color: #c50000 !important;
        }

        /* Back to top */
        #gh-footer .gh-top-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 9px !important;
            padding: 10px 16px !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
            border-radius: 999px !important;
            background: rgba(255, 255, 255, 0.02) !important;
            color: rgba(255, 255, 255, 0.70) !important;
            font-size: 11px !important;
            font-weight: 500 !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase !important;
            cursor: pointer !important;
            transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
            font-family: 'Inter', sans-serif !important;
        }

        #gh-footer .gh-top-btn:hover {
            background: #c50000 !important;
            border-color: #c50000 !important;
            color: #fff !important;
            box-shadow: 0 8px 20px -6px rgba(197, 0, 0, 0.55) !important;
        }

        #gh-footer .gh-top-btn svg {
            transition: transform 0.3s !important;
        }

        #gh-footer .gh-top-btn:hover svg {
            transform: translateY(-3px) !important;
        }

        /* ============================================
   RESPONSIVE
   ============================================ */
        @media (max-width: 1100px) {
            #gh-footer .gh-main {
                grid-template-columns: 1fr 1fr !important;
                gap: 44px 40px !important;
            }

            #gh-footer .gh-brand-col {
                grid-column: 1 / -1 !important;
            }

            #gh-footer .gh-brand-desc {
                max-width: 420px !important;
            }
        }

        @media (max-width: 680px) {
            #gh-footer .gh-container {
                padding: 0 20px !important;
            }

            #gh-footer .gh-cta-strip {
                padding: 52px 0 48px !important;
                gap: 28px !important;
            }

            #gh-footer .gh-cta-btn {
                width: 100% !important;
                justify-content: center !important;
            }

            #gh-footer .gh-main {
                grid-template-columns: 1fr !important;
                gap: 40px !important;
                padding: 48px 0 44px !important;
            }

            #gh-footer .gh-brand-col {
                grid-column: auto !important;
            }

            #gh-footer .gh-brand-desc {
                max-width: 100% !important;
                margin-bottom: 24px !important;
            }

            #gh-footer .gh-social-row {
                margin-top: 4px !important;
            }

            #gh-footer .gh-bottom {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 20px !important;
                padding: 26px 0 30px !important;
            }

            #gh-footer .gh-bottom-right {
                width: 100% !important;
                justify-content: space-between !important;
            }

            #gh-footer .gh-ghost {
                font-size: 26vw !important;
                bottom: 8% !important;
            }
        }


/* ============ FORM MESSAGES (custom, non-Elementor) ============ */
.gh-form-msg { margin: 14px 0 0; padding: 13px 16px; border-radius: 12px; font-size: 14px; font-weight: 500; line-height: 1.5; display: none; }
.gh-form-msg.is-visible { display: block; }
.gh-form-msg.is-success { background: rgba(20, 120, 40, 0.14); border: 1px solid rgba(40, 180, 70, 0.4); color: #7fe59a; }
.gh-form-msg.is-error { background: rgba(197, 0, 0, 0.12); border: 1px solid rgba(197, 0, 0, 0.4); color: #ff8080; }
.gh-hp-field { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }


/* =========================================
   ŚLEDZENIE ZAMÓWIENIA — /sledz-samochod/
   ========================================= */
#gh-track {
    position: relative;
    background: linear-gradient(180deg, #080404 0%, #0c0505 48%, #060303 100%);
    padding: 150px 0 130px;
    min-height: 80vh;
    overflow: hidden;
    isolation: isolate;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
#gh-track::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, transparent 0%, #c50000 30%, #c50000 70%, transparent 100%);
    box-shadow: 0 0 18px rgba(197, 0, 0, 0.6); z-index: 3;
}
#gh-track::after {
    content: ''; position: absolute; top: -8%; right: -12%;
    width: 55vmax; height: 55vmax;
    background: radial-gradient(circle, rgba(197, 0, 0, 0.10) 0%, transparent 62%);
    filter: blur(80px); mix-blend-mode: screen; pointer-events: none; z-index: 0;
}
#gh-track .gh-container {
    width: 100%; max-width: 900px; margin: 0 auto; padding: 0 32px;
    position: relative; z-index: 1;
}
#gh-track .gh-meta {
    display: flex; align-items: center; gap: 18px; margin-bottom: 44px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px; font-weight: 500; letter-spacing: 0.26em;
    text-transform: uppercase; color: rgba(255, 255, 255, 0.40); width: 100%;
}
#gh-track .gh-meta .num { color: #c50000; font-weight: 600; flex-shrink: 0; }
#gh-track .gh-meta .label { color: rgba(255, 255, 255, 0.65); flex-shrink: 0; }
#gh-track .gh-meta .fill { flex: 1 1 auto; min-width: 40px; height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 60%, rgba(255, 255, 255, 0.04) 100%); }
#gh-track .gh-meta .loc { color: rgba(255, 255, 255, 0.40); flex-shrink: 0; }

/* Intro */
.gh-track-intro { margin-bottom: 40px; }
.gh-track-h1 {
    font-size: clamp(34px, 5vw, 60px); font-weight: 700; line-height: 1.02;
    letter-spacing: -0.04em; color: #fff; margin: 0 0 22px;
}
.gh-track-h1 .accent { color: #c50000; }
.gh-track-lead {
    font-size: 16.5px; line-height: 1.62; color: rgba(255, 255, 255, 0.75);
    max-width: 560px; margin: 0;
}
.gh-track-lead strong { color: #fff; font-weight: 600; }

/* Karta wyszukiwarki */
.gh-track-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px; padding: 28px; backdrop-filter: blur(6px);
}
.gh-track-switch {
    display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}
.gh-track-tab {
    appearance: none; border: 0; cursor: pointer;
    font-family: inherit; font-size: 13.5px; font-weight: 600; letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.55); background: transparent;
    padding: 9px 20px; border-radius: 9px; transition: all 0.2s ease;
}
.gh-track-tab:hover { color: #fff; }
.gh-track-tab.is-active {
    background: #c50000; color: #fff;
    box-shadow: 0 4px 16px rgba(197, 0, 0, 0.4);
}
.gh-track-input-row { display: flex; gap: 12px; align-items: stretch; }
.gh-track-input {
    flex: 1 1 auto; min-width: 0;
    background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px; padding: 0 18px; height: 56px;
    color: #fff; font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 16px; letter-spacing: 0.06em; text-transform: uppercase;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.gh-track-input::placeholder { color: rgba(255, 255, 255, 0.32); text-transform: none; letter-spacing: 0; }
.gh-track-input:focus { outline: none; border-color: #c50000; box-shadow: 0 0 0 3px rgba(197, 0, 0, 0.18); }
.gh-track-btn {
    flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    background: #c50000; color: #fff; border: 0; cursor: pointer;
    font-family: inherit; font-size: 15px; font-weight: 600;
    padding: 0 26px; height: 56px; border-radius: 12px;
    transition: background 0.2s ease, transform 0.1s ease; position: relative;
}
.gh-track-btn:hover { background: #e01010; }
.gh-track-btn:active { transform: translateY(1px); }
.gh-track-btn:disabled { opacity: 0.7; cursor: default; }
.gh-track-btn.is-loading .gh-track-btn-label,
.gh-track-btn.is-loading .gh-track-btn-arrow { visibility: hidden; }
.gh-track-spinner { display: none; position: absolute; width: 20px; height: 20px;
    border: 2.5px solid rgba(255, 255, 255, 0.35); border-top-color: #fff; border-radius: 50%;
    animation: gh-track-spin 0.7s linear infinite; }
.gh-track-btn.is-loading .gh-track-spinner { display: block; }
@keyframes gh-track-spin { to { transform: rotate(360deg); } }
.gh-track-hint { margin: 14px 0 0; font-size: 12.5px; color: rgba(255, 255, 255, 0.42); }

/* Wynik */
.gh-track-output { margin-top: 34px; }
.gh-track-result {
    background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px; padding: 32px; animation: gh-track-fade 0.4s ease;
}
@keyframes gh-track-fade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.gh-track-head { margin-bottom: 26px; }
.gh-track-badge {
    display: inline-block; font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;
    color: #7fe59a; background: rgba(40, 180, 70, 0.14); border: 1px solid rgba(40, 180, 70, 0.35);
    padding: 5px 12px; border-radius: 999px; margin-bottom: 14px;
}
.gh-track-title { font-size: clamp(24px, 3.4vw, 36px); font-weight: 700; letter-spacing: -0.03em; color: #fff; margin: 0; line-height: 1.1; }
.gh-track-sub { margin: 8px 0 0; font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.5); }

.gh-track-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1px;
    background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px; overflow: hidden; margin-bottom: 30px;
}
.gh-track-cell { display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; background: #0a0606; }
.gh-track-k { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); }
.gh-track-v { font-size: 15.5px; font-weight: 600; color: #fff; word-break: break-word; }

/* Blok (status / zdjęcia) */
.gh-track-block { margin-top: 30px; }
.gh-track-block-title { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); margin: 0 0 18px; }

/* Oś statusu */
.gh-track-timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.gh-track-timeline::before { content: ''; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: rgba(255, 255, 255, 0.1); }
.gh-track-step { position: relative; display: flex; align-items: center; gap: 16px; padding: 11px 0 11px 30px; }
.gh-track-dot { position: absolute; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #0a0606; border: 2px solid rgba(255, 255, 255, 0.2); z-index: 1; }
.gh-track-step.is-done .gh-track-dot { background: #c50000; border-color: #c50000; box-shadow: 0 0 0 4px rgba(197, 0, 0, 0.15); }
.gh-track-step-label { flex: 1 1 auto; font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, 0.85); }
.gh-track-step.is-pending .gh-track-step-label { color: rgba(255, 255, 255, 0.4); }
.gh-track-step-date { flex-shrink: 0; font-family: 'JetBrains Mono', monospace; font-size: 12.5px; color: rgba(255, 255, 255, 0.6); }
.gh-track-step.is-pending .gh-track-step-date { color: rgba(255, 255, 255, 0.3); }

/* Galeria */
.gh-track-gallery-group { margin-bottom: 22px; }
.gh-track-group-label { font-size: 12px; font-weight: 600; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.6); margin: 0 0 10px; }
.gh-track-group-label span { color: rgba(255, 255, 255, 0.35); }
.gh-track-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.gh-track-photo { display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #0a0606; border: 1px solid rgba(255, 255, 255, 0.07); cursor: pointer; }
.gh-track-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease, opacity 0.2s ease; }
.gh-track-photo:hover img { transform: scale(1.06); }

/* Lightbox */
.gh-track-lightbox { position: fixed; inset: 0; z-index: 2000; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.92); backdrop-filter: blur(4px); }
.gh-track-lightbox.is-open { display: flex; }
.gh-track-lb-img { max-width: 92vw; max-height: 86vh; border-radius: 8px; box-shadow: 0 20px 70px rgba(0, 0, 0, 0.6); }
.gh-track-lb-close { position: absolute; top: 22px; right: 26px; width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; transition: background 0.2s ease; }
.gh-track-lb-close:hover { background: rgba(255, 255, 255, 0.2); }
.gh-track-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; transition: background 0.2s ease; }
.gh-track-lb-nav:hover { background: rgba(255, 255, 255, 0.2); }
.gh-track-lb-prev { left: 20px; }
.gh-track-lb-next { right: 20px; }

@media (max-width: 720px) {
    #gh-track { padding: 120px 0 90px; }
    #gh-track .gh-container { padding: 0 20px; }
    .gh-track-card { padding: 20px; }
    .gh-track-input-row { flex-direction: column; }
    .gh-track-btn { width: 100%; height: 52px; }
    .gh-track-input { height: 52px; }
    .gh-track-result { padding: 22px; }
    .gh-track-grid { grid-template-columns: repeat(2, 1fr); }
    .gh-track-step-date { font-size: 11px; }
    .gh-track-lb-nav { width: 44px; height: 44px; font-size: 24px; }
}
@media (max-width: 420px) {
    .gh-track-switch { display: flex; width: 100%; }
    .gh-track-tab { flex: 1; text-align: center; padding: 9px 8px; }
}

/* ============ FAQ ============ */
#gh-faq { position: relative; background: #050505; padding: 130px 0 140px; overflow: hidden; }
#gh-faq::before {
    content: ""; position: absolute; top: 8%; right: -12%; width: 46vmax; height: 46vmax;
    background: radial-gradient(circle, rgba(197, 0, 0, 0.10) 0%, transparent 62%);
    filter: blur(70px); pointer-events: none; z-index: 0;
}
#gh-faq .gh-container {
    width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 1;
}
#gh-faq .gh-meta {
    display: flex; align-items: center; gap: 18px; margin-bottom: 64px;
    font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px; font-weight: 500;
    letter-spacing: 0.26em; text-transform: uppercase; color: rgba(255, 255, 255, 0.40); width: 100%;
}
#gh-faq .gh-meta .num { color: #c50000; font-weight: 600; flex-shrink: 0; }
#gh-faq .gh-meta .label { color: rgba(255, 255, 255, 0.65); flex-shrink: 0; }
#gh-faq .gh-meta .fill {
    flex: 1 1 auto; min-width: 40px; height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 60%, rgba(255, 255, 255, 0.04) 100%);
}
#gh-faq .gh-meta .loc { color: rgba(255, 255, 255, 0.40); flex-shrink: 0; }

#gh-faq .gh-faq-head {
    display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; margin-bottom: 56px;
}
#gh-faq h2 {
    font-size: clamp(38px, 5vw, 68px); font-weight: 700; line-height: 1.0;
    letter-spacing: -0.04em; color: #fff; margin: 0;
}
#gh-faq h2 .accent { color: #c50000; }
#gh-faq .gh-faq-lead {
    font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, 0.58); max-width: 460px; margin: 0;
}
#gh-faq .gh-faq-lead a { color: #ff3b3b; text-decoration: none; border-bottom: 1px solid rgba(255, 59, 59, 0.4); }
#gh-faq .gh-faq-lead a:hover { color: #fff; border-color: #fff; }

#gh-faq .gh-faq-list { display: flex; flex-direction: column; gap: 0; border-top: 1px solid rgba(255, 255, 255, 0.10); }
#gh-faq .gh-faq-item { border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
#gh-faq .gh-faq-q {
    list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between;
    gap: 24px; padding: 28px 4px; color: #fff;
    font-size: clamp(17px, 1.7vw, 21px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.35;
    transition: color 0.25s ease;
}
#gh-faq .gh-faq-q::-webkit-details-marker { display: none; }
#gh-faq .gh-faq-item:hover .gh-faq-q { color: #ff3b3b; }
#gh-faq .gh-faq-icon {
    flex-shrink: 0; width: 34px; height: 34px; display: grid; place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; color: #fff;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s ease, border-color 0.25s ease;
}
#gh-faq .gh-faq-icon svg { width: 16px; height: 16px; }
#gh-faq .gh-faq-item[open] .gh-faq-icon { transform: rotate(135deg); background: #c50000; border-color: #c50000; }
#gh-faq .gh-faq-a {
    overflow: hidden; padding: 0 46px 30px 4px; max-width: 900px;
}
#gh-faq .gh-faq-a p {
    margin: 0; font-size: 15.5px; line-height: 1.75; color: rgba(255, 255, 255, 0.62);
}
#gh-faq .gh-faq-item[open] .gh-faq-a { animation: gh-faq-reveal 0.4s ease; }
@keyframes gh-faq-reveal { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 900px) {
    #gh-faq { padding: 100px 0 110px; }
    #gh-faq .gh-faq-head { grid-template-columns: 1fr; gap: 22px; align-items: start; }
    #gh-faq .gh-faq-lead { max-width: none; }
}
@media (max-width: 720px) {
    #gh-faq .gh-container { padding: 0 20px; }
    #gh-faq .gh-meta { margin-bottom: 44px; }
    #gh-faq .gh-faq-q { padding: 22px 2px; gap: 16px; }
    #gh-faq .gh-faq-a { padding: 0 8px 24px 2px; }
}


/* ==========================================================================
   Lokalne strony filarowe (Podhale) — page-lokalizacja.php
   ========================================================================== */
#gh-loc { position: relative; background: #050505; color: #fff; padding: 120px 0 130px; overflow: hidden; }
#gh-loc::before {
    content: ""; position: absolute; top: -20%; right: -10%; width: 60%; height: 70%;
    background: radial-gradient(circle, rgba(197, 0, 0, 0.10) 0%, transparent 65%); pointer-events: none;
}
#gh-loc .gh-container { position: relative; max-width: 980px; }

#gh-loc .gh-loc-crumbs {
    display: flex; align-items: center; gap: 10px; margin-bottom: 30px;
    font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .04em;
    color: rgba(255, 255, 255, 0.4);
}
#gh-loc .gh-loc-crumbs a { color: rgba(255, 255, 255, 0.6); text-decoration: none; }
#gh-loc .gh-loc-crumbs a:hover { color: #ff3b3b; }
#gh-loc .gh-loc-crumb-sep { color: rgba(255, 255, 255, 0.25); }

#gh-loc .gh-meta {
    display: flex; align-items: center; gap: 14px; margin-bottom: 40px;
    font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
}
#gh-loc .gh-meta .num { color: #c50000; font-weight: 600; flex-shrink: 0; }
#gh-loc .gh-meta .label { color: rgba(255, 255, 255, 0.65); flex-shrink: 0; }
#gh-loc .gh-meta .fill { flex: 1; height: 1px; background: rgba(255, 255, 255, 0.12); }
#gh-loc .gh-meta .loc { color: rgba(255, 255, 255, 0.40); flex-shrink: 0; }

#gh-loc .gh-loc-h1 {
    font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.04; font-weight: 800;
    letter-spacing: -0.02em; margin: 0 0 24px;
}
#gh-loc .gh-loc-h1 .accent { color: #c50000; display: block; }
#gh-loc .gh-loc-lead {
    font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.6; color: rgba(255, 255, 255, 0.78);
    max-width: 760px; margin: 0 0 32px;
}

#gh-loc .gh-loc-cta-row { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 56px; }
#gh-loc .gh-loc-btn {
    display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; border-radius: 100px;
    font-size: 15px; font-weight: 700; text-decoration: none; transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
#gh-loc .gh-loc-btn.primary { background: #c50000; color: #fff; box-shadow: 0 10px 30px rgba(197, 0, 0, 0.32); }
#gh-loc .gh-loc-btn.primary:hover { background: #e11d1d; transform: translateY(-2px); }
#gh-loc .gh-loc-btn.ghost { background: rgba(255, 255, 255, 0.06); color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); }
#gh-loc .gh-loc-btn.ghost:hover { border-color: #ff3b3b; color: #ff3b3b; }

#gh-loc .gh-loc-benefits {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 30px; margin-bottom: 60px;
    padding: 30px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 18px; background: rgba(255, 255, 255, 0.02);
}
#gh-loc .gh-loc-benefit { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, 0.85); }
#gh-loc .gh-loc-check {
    flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: rgba(197, 0, 0, 0.16);
    color: #ff3b3b; display: grid; place-items: center; margin-top: 1px;
}
#gh-loc .gh-loc-check svg { width: 14px; height: 14px; }

#gh-loc .gh-loc-body { max-width: 760px; margin-bottom: 64px; }
#gh-loc .gh-loc-body p { font-size: 1.05rem; line-height: 1.75; color: rgba(255, 255, 255, 0.72); margin: 0 0 22px; }
#gh-loc .gh-loc-body strong { color: #fff; font-weight: 700; }

#gh-loc .gh-loc-h2 { font-size: clamp(1.6rem, 3.5vw, 2.2rem); font-weight: 800; letter-spacing: -0.02em; margin: 0 0 28px; }

/* FAQ na stronie lokalnej — reuzycie wygladu z sekcji glownej */
#gh-loc .gh-loc-faq { margin-bottom: 64px; }
#gh-loc .gh-faq-list { display: flex; flex-direction: column; border-top: 1px solid rgba(255, 255, 255, 0.10); }
#gh-loc .gh-faq-item { border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
#gh-loc .gh-faq-q {
    display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer;
    list-style: none; padding: 24px 4px; font-size: 1.1rem; font-weight: 600; color: #fff; transition: color .2s ease;
}
#gh-loc .gh-faq-q::-webkit-details-marker { display: none; }
#gh-loc .gh-faq-item:hover .gh-faq-q { color: #ff3b3b; }
#gh-loc .gh-faq-icon {
    flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2);
    display: grid; place-items: center; color: #fff; transition: transform .3s ease, background .3s ease, border-color .3s ease;
}
#gh-loc .gh-faq-icon svg { width: 16px; height: 16px; }
#gh-loc .gh-faq-item[open] .gh-faq-icon { transform: rotate(135deg); background: #c50000; border-color: #c50000; }
#gh-loc .gh-faq-a { padding: 0 4px 26px; max-width: 760px; }
#gh-loc .gh-faq-a p { font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, 0.72); margin: 0; }
#gh-loc .gh-faq-item[open] .gh-faq-a { animation: gh-faq-reveal 0.4s ease; }

/* Linki do sąsiednich lokalizacji */
#gh-loc .gh-loc-nearby { margin-bottom: 64px; }
#gh-loc .gh-loc-nearby-title {
    font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45); margin: 0 0 18px;
}
#gh-loc .gh-loc-nearby-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
#gh-loc .gh-loc-nearby-card {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; background: rgba(255, 255, 255, 0.02);
    text-decoration: none; color: #fff; transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
#gh-loc .gh-loc-nearby-card:hover { border-color: #c50000; background: rgba(197, 0, 0, 0.08); transform: translateY(-2px); }
#gh-loc .gh-loc-nearby-name { font-weight: 700; font-size: 1.02rem; }
#gh-loc .gh-loc-nearby-arrow { color: #ff3b3b; display: grid; place-items: center; }

/* Blok końcowy CTA */
#gh-loc .gh-loc-final {
    display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;
    padding: 44px; border-radius: 22px; background: linear-gradient(135deg, rgba(197, 0, 0, 0.14), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(197, 0, 0, 0.28);
}
#gh-loc .gh-loc-final-text { max-width: 520px; }
#gh-loc .gh-loc-final-text h2 { margin: 0 0 12px; }
#gh-loc .gh-loc-final-text p { font-size: 1rem; line-height: 1.6; color: rgba(255, 255, 255, 0.75); margin: 0; }
#gh-loc .gh-loc-final-actions { display: flex; flex-direction: column; gap: 12px; }

@media (max-width: 900px) {
    #gh-loc { padding: 90px 0 100px; }
    #gh-loc .gh-loc-benefits { grid-template-columns: 1fr; padding: 24px; }
    #gh-loc .gh-loc-nearby-grid { grid-template-columns: 1fr; }
    #gh-loc .gh-loc-final { padding: 32px 24px; }
}
@media (max-width: 600px) {
    #gh-loc .gh-container { padding: 0 20px; }
    #gh-loc .gh-loc-cta-row { flex-direction: column; align-items: stretch; }
    #gh-loc .gh-loc-btn { justify-content: center; }
    #gh-loc .gh-loc-final-actions { width: 100%; }
    #gh-loc .gh-loc-final-actions .gh-loc-btn { justify-content: center; }
}