/*
         * Тестовая привязка к реальным классам темы BFD.
         * Значения соответствуют текущим цветам в ClientConfig.
         * После проверки темы можно заменить значения на существующие
         * CSS-переменные сайта, если они уже генерируются из ClientConfig.
         */
        :root.light {
            --bfd-tech-bg: #F8F6F2;
            --bfd-tech-accent: #20376D;
            --bfd-tech-text: #14171F;
        }

        :root.dark {
            --bfd-tech-bg: #0A0B0D;
            --bfd-tech-accent: #F8F6F2;
            --bfd-tech-text: #F8F6F2;
        }

        .bfd-tech-physics-section {
            background: var(--bfd-tech-bg);
            color: var(--bfd-tech-text);
            padding-top: clamp(120px, 12vw, 190px);
            padding-bottom: clamp(80px, 9vw, 150px);
            transition: background-color .35s ease, color .35s ease;
        }

        .bfd-tech-physics-title {
            margin: 0 0 56px;
            text-align: center;
            color: var(--bfd-tech-accent);
            font-size: clamp(38px, 4.3vw, 74px);
            line-height: 1;
            font-weight: 400;
            letter-spacing: -0.055em;
            text-transform: uppercase;
            transition: color .35s ease;
        }

        .physics-stage {
            position: relative;
            width: 100%;
            height: clamp(380px, 31vw, 520px);
            overflow: hidden;
            border: 2px solid var(--bfd-tech-accent);
            border-radius: 48px;
            background: var(--bfd-tech-bg);
            user-select: none;
            -webkit-user-select: none;
            touch-action: pan-y;
            transition: background-color .35s ease, border-color .35s ease;
        }

        .physics-stage .tech {
            position: absolute;
            left: 0;
            top: 0;
            height: 74px;
            padding: 0 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--bfd-tech-accent);
            border-radius: 999px;
            background: var(--bfd-tech-bg);
            color: var(--bfd-tech-accent);
            font-size: clamp(27px, 2.2vw, 46px);
            line-height: 1;
            font-weight: 400;
            letter-spacing: -0.05em;
            white-space: nowrap;
            cursor: grab;
            will-change: transform;
            transform-origin: center center;
            transition: color .35s ease, background-color .35s ease, border-color .35s ease;
        }

        .physics-stage .tech.dragging {
            cursor: grabbing;
            z-index: 10;
        }

        .bfd-tech-physics-copy {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 9vw;
            margin: 38px 0 0;
            color: var(--bfd-tech-text);
            transition: color .35s ease;
        }

        .bfd-tech-physics-copy p {
            margin: 0;
            font-size: clamp(20px, 1.8vw, 34px);
            line-height: 1.03;
            font-weight: 400;
            letter-spacing: -0.045em;
        }

        .bfd-tech-physics-more {
            margin-top: 34px;
        }

        .bfd-tech-physics-more a {
            color: var(--bfd-tech-accent);
            font-size: clamp(18px, 1.35vw, 26px);
            text-decoration: none;
            transition: color .35s ease, opacity .2s ease;
        }

        .bfd-tech-physics-more a:hover {
            opacity: .65;
        }

        @media (max-width: 820px) {
            .bfd-tech-physics-section {
                padding-top: 100px;
                padding-bottom: 48px;
            }

            .bfd-tech-physics-title {
                margin-bottom: 30px;
            }

            .physics-stage {
                height: 520px;
                border-radius: 30px;
            }

            .physics-stage .tech {
                height: 54px;
                padding: 0 20px;
                font-size: 22px;
            }

            .bfd-tech-physics-copy {
                grid-template-columns: 1fr;
                gap: 20px;
                margin-top: 28px;
            }

            .bfd-tech-physics-copy p {
                font-size: 16px;
                line-height: 1.12;
                letter-spacing: -0.025em;
            }

            .bfd-tech-physics-more {
                margin-top: 28px;
            }

            .bfd-tech-physics-more a {
                font-size: 16px;
                line-height: 1.2;
            }
        }