/* intro v26 — Dieter Rams node: hex grid, bottom band, blurred ghost image, serif, typewriter */

/* Hexagon-ish grid (minimal, colour from Tailwind text-*, lines via currentColor) */
.intro-node__hex {
    background-image:
        repeating-linear-gradient(60deg, currentColor 0 1px, transparent 1px 26px),
        repeating-linear-gradient(-60deg, currentColor 0 1px, transparent 1px 26px);
    opacity: 0.1;
}

.intro-node__band { height: 10rem; opacity: 0.7; }

/* Blurred background photo behind the spotlight node */
.intro-node__ghost { height: 14rem; }
.intro-node__img {
    object-fit: cover;
    filter: blur(10px);
    opacity: 0.35;
    transform: scale(1.08);
}

/* Serif heading */
.intro-node__serif {
    font-family: ui-serif, Georgia, "Times New Roman", serif;
}

/* Org-chart stem connector */
.intro-node__stem {
    width: 1px;
    height: 2rem;
}

/* Typewriter caret */
.intro-node__type .is-typing {
    border-right: 2px solid currentColor;
    animation: intro-node-caret 800ms step-end infinite;
}
@keyframes intro-node-caret {
    50% { border-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .intro-node__type .is-typing { animation: none; }
}

/* v12 - Accordion Steps: chevron rotate animation (no BS analog for transform/transition) */
.steps-notion-accordion__chevron {
    transition: transform 200ms ease;
}

.steps-notion-accordion__chevron.is-open {
    transform: rotate(180deg);
}

/* Fixed-size badge circle (matches tw w-9 h-9 = 2.25rem) — no BS width/height utility beyond w-25/50/75/100 */
.fold-list__badge {
    width: 2.25rem;
    height: 2.25rem;
}

/* Panel left indent aligning with title text after badge + gap (matches tw pl-[3.25rem]) */
.fold-list__panel-indent {
    padding-left: 3.25rem;
}

/* process rams — list panel, brand watermark, gentle float animation (no colors) */
.process-rams__index {
    width: 1.75rem;
    flex-shrink: 0;
}
.process-rams__content {
    min-width: 0;
}
.process-rams__brand {
    text-transform: lowercase;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    word-break: break-word;
    animation: process-rams-float 6s ease-in-out infinite;
}
.process-rams__cta {
    text-decoration: none;
    animation: process-rams-float 4.5s ease-in-out infinite;
    animation-delay: 0.75s;
}
@keyframes process-rams-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -0.35rem, 0);
    }
}
@media (prefers-reduced-motion: reduce) {
    .process-rams__brand,
    .process-rams__cta {
        animation: none;
    }
}

/*
 * Градієнт тільки для BS: наближення до TW from-primary-900/90 → to-primary-800/90
 * (у TW ці класи задані в @sem; спільний клас з color-mix давав інший відтінок, ніж шкала primary-*).
 */
.quote-overlay-gradient {
  opacity: 0.9;
  background: linear-gradient(
    to right,
    color-mix(in srgb, var(--bs-primary) 30%, black),
    color-mix(in srgb, var(--bs-primary) 42%, black)
  );
}

[data-bs-theme="dark"] .quote-overlay-gradient,
.dark .quote-overlay-gradient {
  background: linear-gradient(
    to right,
    color-mix(in srgb, var(--bs-primary) 18%, black),
    color-mix(in srgb, var(--bs-primary) 30%, black)
  );
}

.quote-glass {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.quote-decor-blur {
  filter: blur(64px);
}


.appeal-signup__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.appeal-signup__shell--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}