/* About v10 — tab visibility and active state (no palette in CSS) */

.guide-sq-8  { width: 2rem;   height: 2rem;   flex-shrink: 0; }
.guide-sq-12 { width: 3rem;   height: 3rem;   flex-shrink: 0; }
.guide-sq-16 { width: 4rem;   height: 4rem;   flex-shrink: 0; }
.guide-sq-20 { width: 5rem;   height: 5rem;   flex-shrink: 0; }

.guide-ab10-tab-panel.guide-ab10-tab-panel-hidden {
    display: none;
}

.guide-ab10-tab-btn.guide-ab10-tab-active {
    font-weight: 700;
    transform: translateY(-1px);
}

.guide-ab10-tab-btn.guide-ab10-tab-inactive {
    font-weight: 500;
    opacity: 0.9;
}

/* values v27 - diagonal skewed constructivist cards */
.values-constructivist__wrap {
    max-width: 96rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.values-constructivist__col {
    display: flex;
}

.values-constructivist__card {
    transform: rotate(-3deg);
    will-change: transform;
    width: 100%;
    min-height: 22rem;
}

.values-constructivist__col:nth-child(even) .values-constructivist__card {
    transform: rotate(3deg);
}

.values-constructivist__icon-box {
    width: 3.5rem;
    height: 3.5rem;
    flex-shrink: 0;
}

.values-constructivist__dot {
    top: -0.75rem;
    left: -0.75rem;
    width: 2.5rem;
    height: 2.5rem;
}

.values-constructivist__card:hover,
.values-constructivist__card:focus-within {
    transform: rotate(0deg) translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
    .values-constructivist__card {
        transform: none;
    }

    .values-constructivist__col:nth-child(even) .values-constructivist__card {
        transform: none;
    }
}

.split-cyber-timeline__scanlines {
    background-image: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        currentColor 2px,
        currentColor 3px
    );
}

@keyframes split-cyber-timeline__slide-left {
    from { opacity: 0; transform: translateX(-32px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes split-cyber-timeline__slide-right {
    from { opacity: 0; transform: translateX(32px); }
    to { opacity: 1; transform: translateX(0); }
}

.split-cyber-timeline__reveal-left {
    animation: split-cyber-timeline__slide-left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.split-cyber-timeline__reveal-right {
    animation: split-cyber-timeline__slide-right 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.split-cyber-timeline__section {
    min-height: 480px;
}

.split-cyber-timeline__overlay-z {
    z-index: 10;
}

.split-cyber-timeline__inner-height {
    min-height: 480px;
}

.split-cyber-timeline__media-clip {
    min-height: 280px;
    position: relative;
}

.split-cyber-timeline__media-clip > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.split-cyber-timeline__media-clip--even {
    clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}

.split-cyber-timeline__media-clip--odd {
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}

.split-cyber-timeline__accent-bar {
    width: 4px;
}

.split-cyber-timeline__accent-bar--right {
    right: 0;
}

.split-cyber-timeline__accent-bar--left {
    left: 0;
}

.split-cyber-timeline__content-z {
    z-index: 20;
}

.split-cyber-timeline__line-sm {
    width: 1rem;
    height: 2px;
}

.split-cyber-timeline__accent-sm {
    width: 2rem;
    height: 0.25rem;
}

@media (min-width: 768px) {
    .split-cyber-timeline__section--reverse .split-cyber-timeline__inner {
        flex-direction: row-reverse;
    }

    .split-cyber-timeline__content-z--odd {
        padding-left: 4rem;
        padding-right: 3rem;
    }
}

/* Совпадает с Tailwind max-w-4xl (56rem) для Bootstrap-ветки */
.border-rail-list__shell {
    max-width: 56rem;
}

.border-rail-list__portrait {
    width: 7rem;
    height: 7rem;
}

@media (min-width: 768px) {
    .border-rail-list__portrait {
        width: 8rem;
        height: 8rem;
    }
}

.border-rail-list__min-shrink {
  min-width: 0;
}


.pulse-boost__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.pulse-boost__inner {
    max-width: 72rem;
    width: 100%;
    box-sizing: border-box;
}

/* Bootstrap: col-* внутри d-flex без .row даёт неверную ширину и обрезание справа */
.pulse-boost__split-row-bs {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .pulse-boost__split-row-bs {
        flex-direction: row;
        align-items: center;
    }

    .pulse-boost__split-row-bs > * {
        flex: 1 1 0;
        min-width: 0;
        max-width: 50%;
        box-sizing: border-box;
    }
}

.pulse-boost__vessel--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

@keyframes pulse-boost-highlight-throb-track {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.pulse-boost__highlight--throb {
    animation: pulse-boost-highlight-throb-track 2s cubic-bezier(.4,0,.6,1) infinite;
}

.pulse-boost__jump--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

.pulse-boost__control--rise:hover { transform: scale(1.05); transition: transform .2s ease; }