/* Extracted from sk/it-contracting.html; keep this link after site-wide styles. */
      /* Pozadie sekcií */
      #section-about,
      #section-why-attend,
      #section-schedule,
      #section-tickets,
      #section-venue,
      #section-faq,
      #section-coop,
      #section-intro-ct,
      #section-roles-ct,
      #section-models-ct,
      #section-process-ct,
      #section-value-ct,
      #section-competence-ct,
      #section-quick-cta,
      footer.bg-dark,
      footer.dark-scheme {
        background-color: var(--color-surface-soft) !important;
      }

      /* Sticky header — svetlejšia tmavá farba pri scrollovaní */
      header.smaller {
        background: var(--color-text) !important;
      }

      /* Fialový gradient — scroll attachment na #wrapper, jemné prekrývajúce sa glow-spoty. */
      #wrapper {
        background:
          /* Glow 1 — vľavo, ~14% */
          radial-gradient(ellipse 55% 25% at 22% 14%, rgba(140,90,255,0.22) 0%, rgba(180,140,255,0.08) 50%, transparent 85%),
          /* Glow 2 — vpravo, ~30% */
          radial-gradient(ellipse 50% 22% at 78% 30%, rgba(190,150,255,0.18) 0%, rgba(210,180,255,0.06) 55%, transparent 88%),
          /* Glow 3 — vľavo, ~48% */
          radial-gradient(ellipse 55% 25% at 22% 48%, rgba(140,90,255,0.20) 0%, rgba(180,140,255,0.07) 55%, transparent 88%),
          /* Glow 4 — vpravo, ~66% */
          radial-gradient(ellipse 50% 22% at 78% 66%, rgba(190,150,255,0.18) 0%, rgba(210,180,255,0.06) 55%, transparent 88%),
          /* Glow 5 — vľavo, ~84% */
          radial-gradient(ellipse 55% 25% at 22% 84%, rgba(140,90,255,0.16) 0%, transparent 85%),
          var(--color-surface-accent);
      }
      html, body {
        background: transparent !important;
      }

      /* Zjednotenie veľkosti textov pod nadpismi vo všetkých sekciách */
      p.lead,
      .motion-base-text p,
      .motion-row-text p,
      #section-motion-2 .motion-base-text p,
      #section-motion-2 .motion-row-text p {
        font-size: 1.05rem !important;
        line-height: 1.7 !important;
        font-weight: 400 !important;
        letter-spacing: -0.1px !important;
      }
      /* Svetlé sekcie sú transparentné — ukazujú gradient z body */
      #section-about,
      #section-motion-2,
      #section-why-attend,
      #section-schedule,
      #section-venue,
      #section-faq,
      #section-coop,
      #section-intro-ct,
      #section-roles-ct,
      #section-models-ct,
      #section-process-ct,
      #section-value-ct,
      #section-competence-ct,
      #section-quick-cta {
        background: transparent !important;
        position: relative;
      }

      /* Pozadie sekcie s fialovými pasmi */
      /* Bežiace pásy v section-about — text musí ostať biely na fialovom pozadí */
      #section-about .de-marquee-list-1 span,
      #section-about .de-marquee-list-2 span {
        color: #ffffff !important;
      }

      #section-about + section {
        background-color: var(--color-surface-soft) !important;
      }
      /* Sekcia Naše služby — namiesto plochej farby svetlý fialový gradient */
      #section-about + section#section-why-attend,
      #section-why-attend {
        background: transparent !important;
        background-color: transparent !important;
        position: relative;
      }
      #section-why-attend::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background:
          radial-gradient(ellipse 70% 50% at 20% 20%, rgba(140,90,255,0.18) 0%, rgba(180,140,255,0.06) 55%, transparent 85%),
          radial-gradient(ellipse 70% 50% at 80% 80%, rgba(190,150,255,0.16) 0%, rgba(210,180,255,0.05) 55%, transparent 85%),
          linear-gradient(180deg, var(--color-surface-soft) 0%, #ece4fa 100%);
      }
      #section-why-attend > .container {
        position: relative;
        z-index: 1;
      }

      /* Farba textu v svetlých sekciách */
      #section-about,
      #section-about h1, #section-about h2, #section-about h3,
      #section-about h4, #section-about h5, #section-about h6,
      #section-about p, #section-about li, #section-about span,
      #section-about a, #section-about .subtitle,
      #section-why-attend,
      #section-why-attend h1, #section-why-attend h2, #section-why-attend h3,
      #section-why-attend h4, #section-why-attend p, #section-why-attend span,
      #section-why-attend .subtitle,
      #section-schedule,
      #section-schedule h1, #section-schedule h2, #section-schedule h3,
      #section-schedule h4, #section-schedule p, #section-schedule span,
      #section-schedule .subtitle,
      #section-tickets,
      #section-tickets h1, #section-tickets h2, #section-tickets h3,
      #section-tickets h4, #section-tickets p, #section-tickets span,
      #section-tickets .subtitle,
      #section-venue,
      #section-venue h1, #section-venue h2, #section-venue h3,
      #section-venue h4, #section-venue p, #section-venue span,
      #section-venue .subtitle,
      #section-faq,
      #section-faq h1, #section-faq h2, #section-faq h3,
      #section-faq h4, #section-faq p, #section-faq span,
      #section-faq .subtitle,
      #section-coop,
      #section-coop h1, #section-coop h2, #section-coop h3,
      #section-coop h4, #section-coop p, #section-coop span,
      #section-coop .subtitle,
      #section-intro-ct,
      #section-intro-ct h1, #section-intro-ct h2, #section-intro-ct h3,
      #section-intro-ct h4, #section-intro-ct p, #section-intro-ct span,
      #section-intro-ct .subtitle,
      #section-roles-ct,
      #section-roles-ct h1, #section-roles-ct h2, #section-roles-ct h3,
      #section-roles-ct h4, #section-roles-ct p, #section-roles-ct span,
      #section-roles-ct .subtitle,
      #section-models-ct,
      #section-models-ct h1, #section-models-ct h2, #section-models-ct h3,
      #section-models-ct h4, #section-models-ct p, #section-models-ct span,
      #section-models-ct .subtitle,
      #section-process-ct,
      #section-process-ct h1, #section-process-ct h2, #section-process-ct h3,
      #section-process-ct h4, #section-process-ct p, #section-process-ct span,
      #section-process-ct .subtitle,
      #section-value-ct,
      #section-value-ct h1, #section-value-ct h2, #section-value-ct h3,
      #section-value-ct h4, #section-value-ct p, #section-value-ct span,
      #section-value-ct .subtitle,
      #section-competence-ct,
      #section-competence-ct h1, #section-competence-ct h2, #section-competence-ct h3,
      #section-competence-ct h4, #section-competence-ct p, #section-competence-ct li, #section-competence-ct span,
      #section-competence-ct .subtitle {
        color: var(--color-text-strong) !important;
      }

      /* Nadpisy v svetlých sekciách — tmavý fialový gradient viditeľný na svetlom pozadí */
      #section-about h1, #section-about h2,
      #section-why-attend h1, #section-why-attend h2,
      #section-schedule h1, #section-schedule h2,
      #section-tickets h1, #section-tickets h2,
      #section-venue h1, #section-venue h2,
      #section-faq h1, #section-faq h2,
      #section-coop h1, #section-coop h2,
      #section-intro-ct h1, #section-intro-ct h2,
      #section-roles-ct h1, #section-roles-ct h2,
      #section-models-ct h1, #section-models-ct h2,
      #section-process-ct h1, #section-process-ct h2,
      #section-value-ct h1, #section-value-ct h2,
      #section-competence-ct h1, #section-competence-ct h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
      }

      /* btn-main tlačidlá majú vždy biely text (zhodné s hlavičkou), aj v sekciách so stmaveným textom */
      #section-about .btn-main, #section-about .btn-main span,
      #section-why-attend .btn-main, #section-why-attend .btn-main span,
      #section-schedule .btn-main, #section-schedule .btn-main span,
      #section-tickets .btn-main, #section-tickets .btn-main span,
      #section-venue .btn-main, #section-venue .btn-main span,
      #section-faq .btn-main, #section-faq .btn-main span,
      #section-coop .btn-main, #section-coop .btn-main span,
      #section-intro-ct .btn-main, #section-intro-ct .btn-main span,
      #section-roles-ct .btn-main, #section-roles-ct .btn-main span,
      #section-models-ct .btn-main, #section-models-ct .btn-main span,
      #section-process-ct .btn-main, #section-process-ct .btn-main span,
      #section-value-ct .btn-main, #section-value-ct .btn-main span,
      #section-competence-ct .btn-main, #section-competence-ct .btn-main span {
        color: #ffffff !important;
      }

      /* Karty a vnorené tmavé prvky */
      #section-why-attend .bg-dark-2 {
        background-color: var(--color-surface-soft) !important;
      }
      #section-why-attend .bg-dark-2 h4,
      #section-why-attend .bg-dark-2 p {
        color: var(--color-text-strong) !important;
      }

      /* Počítadlo v sekcii
      IT výzvy*/
      #section-about .subtitle {
        display: inline-block;
      }
      #section-about .col-lg-5 img {
        width: 145%;
        max-width: 145%;
        margin-left: 0%;
      }
      @media (max-width: 1199px) {
        #section-about .col-lg-5 img {
          width: 100%;
          max-width: 100%;
          margin-left: 0;
        }
      }
      #section-about .about-stats {
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 8px;
        padding: 24px 12px;
      }
      #section-about .about-stat-item {
        text-align: left;
        padding: 0 20px;
        position: relative;
      }
      #section-about .about-stat-item + .about-stat-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: rgba(26, 16, 64, 0.15);
      }
      #section-about .about-stat-number {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.1;
        color: var(--color-text-strong);
      }
      #section-about .about-stat-number .about-stat-plus {
        color: #813eed !important;
        font-weight: 700;
      }
      #section-about .about-stat-label {
        font-size: 0.95rem;
        color: var(--color-text-strong);
        margin-top: 4px;
      }
      @media (max-width: 767px) {
        #section-about .about-stat-item {
          margin-bottom: 16px;
        }
        #section-about .about-stat-item + .about-stat-item::before {
          display: none;
        }
      }

      /* Zväčšenie log v slideri o 30% */
      .owl-6 img {
        transform: scale(1.3);
      }
      @media (max-width: 767px) {
        .owl-6 img { transform: scale(1.2); padding-left: 4px !important; padding-right: 4px !important; }
      }

      /* === Karty služieb — Naše služby === */
      .service-card {
        position: relative;
        height: 540px;
        border-radius: 16px;
        overflow: hidden;
        background: linear-gradient(160deg, #0c1530 0%, #1a2848 60%, #2a3a5e 100%);
        border: 1px solid rgba(255,255,255,0.06);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 44px;
        transition: box-shadow .45s ease, transform .35s ease;
      }
      .service-card.hover-bg-color {
        transition: background .45s ease, box-shadow .45s ease, transform .35s ease;
      }
      .service-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 30px 60px rgba(0,0,0,0.4);
      }
      .service-card-bg {
        position: absolute;
        top: 0;
        right: 0;
        width: 65%;
        height: 100%;
        object-fit: cover;
        object-position: right center;
        z-index: 0;
        opacity: 0.85;
        -webkit-mask-image: linear-gradient(to left, black 50%, transparent 100%);
                mask-image: linear-gradient(to left, black 50%, transparent 100%);
        transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      .service-card-content {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      .service-card-body {
        margin-top: auto;
        margin-bottom: 24px;
      }
      #section-why-attend .service-card h3,
      #section-why-attend .service-card p {
        color: #ffffff !important;
      }
      #section-why-attend .service-card p {
        color: rgba(255,255,255,0.72) !important;
      }
      .service-card-icon {
        width: 56px;
        height: 56px;
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
      }
      .service-card-icon svg {
        width: 26px;
        height: 26px;
        stroke: #ffffff;
        fill: none;
        stroke-width: 1.6;
      }
      .service-card-body h3 {
        color: #ffffff !important;
        font-size: 1.9rem;
        line-height: 1.2;
        margin: 0 0 14px;
        font-weight: 600;
      }
      .service-card-body p {
        color: rgba(255,255,255,0.72) !important;
        font-size: 1rem;
        line-height: 1.55;
        margin: 0;
        max-width: 90%;
      }
      .service-card .motion-cta {
        margin-top: 0;
      }
      @media (max-width: 1199px) {
        .service-card {
          height: 440px;
          padding: 32px;
        }
        .service-card-body h3 {
          font-size: 1.55rem;
        }
      }

      /* === 4-stĺpcový layout služieb na podstránke — kompaktnejšie karty === */
      #section-why-attend .col-lg-3 .service-card {
        height: auto;
        min-height: 480px;
        padding: 36px 28px;
      }
      #section-why-attend .col-lg-3 .service-card-icon {
        margin-bottom: 36px;
      }
      #section-why-attend .col-lg-3 .service-card-body h3 {
        font-size: 1.4rem;
        margin-bottom: 22px;
      }
      #section-why-attend .col-lg-3 .service-card-body p {
        font-size: 0.95rem;
        line-height: 1.6;
        max-width: 100%;
      }
      @media (max-width: 1199px) {
        #section-why-attend .col-lg-3 .service-card {
          min-height: 400px;
          padding: 32px 24px;
        }
        #section-why-attend .col-lg-3 .service-card-icon {
          margin-bottom: 28px;
        }
        #section-why-attend .col-lg-3 .service-card-body h3 {
          font-size: 1.25rem;
          margin-bottom: 18px;
        }
      }

      /* === Obrázok v úvodnej sekcii (rovnaké zaoblenie a zoom efekt ako karty) === */
      .about-img-wrap {
        position: relative;
        display: block;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,0.06);
        background: #0c1530;
      }
      .about-img-wrap .about-img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      .about-img-wrap:hover .about-img {
        transform: scale(1.1);
      }

      /* ============================================================ */
      /* === IT CONTRACTING — vlastné komponenty (odlišný layout) === */
      /* ============================================================ */

      /* Hero stat bar */
      .hero-stat-bar {
        margin-top: 36px;
        display: inline-flex;
        align-items: center;
        gap: 32px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 22px 36px;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.14);
        border-radius: 18px;
        backdrop-filter: blur(8px);
      }
      .hero-stat { display: flex; flex-direction: column; align-items: center; line-height: 1.2; }
      .hero-stat-num {
        font-size: 2.2rem;
        font-weight: 700;
        background: linear-gradient(180deg, #ffffff 0%, #d4c4ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .hero-stat-lbl {
        font-size: 0.85rem;
        color: rgba(255,255,255,0.78);
        margin-top: 4px;
      }
      .hero-stat-sep {
        width: 1px;
        height: 42px;
        background: rgba(255,255,255,0.18);
      }
      @media (max-width: 767px) {
        .hero-stat-bar { gap: 20px; padding: 18px 22px; }
        .hero-stat-num { font-size: 1.6rem; }
        .hero-stat-sep { display: none; }
      }

      /* Role categories — horizontálne panely s pills */
      .role-cat {
        display: grid;
        grid-template-columns: 320px 1fr;
        gap: 32px;
        align-items: center;
        padding: 32px 36px;
        margin-bottom: 18px;
        background: rgba(255,255,255,0.5);
        border: 1px solid rgba(180, 141, 255, 0.18);
        border-radius: 22px;
        backdrop-filter: blur(6px);
        transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
      }
      .role-cat:hover {
        transform: translateX(6px);
        background: rgba(255,255,255,0.7);
        box-shadow: 0 18px 40px rgba(118, 77, 240, 0.14);
      }
      .role-cat-head { display: flex; align-items: center; gap: 18px; }
      .role-cat-icon {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
        border-radius: 14px;
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 24px rgba(118, 77, 240, 0.35);
      }
      .role-cat-icon svg {
        width: 30px;
        height: 30px;
        stroke: #ffffff;
        fill: none;
        stroke-width: 1.8;
      }
      .role-cat-title h3 {
        margin: 0 0 4px;
        font-size: 1.35rem;
        line-height: 1.2;
        color: var(--color-text-strong);
        font-weight: 600;
      }
      .role-cat-title p {
        margin: 0;
        font-size: 0.92rem !important;
        color: rgba(26, 16, 64, 0.6) !important;
        line-height: 1.4 !important;
      }
      .role-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }
      .role-pill {
        padding: 8px 16px;
        background: rgba(124, 92, 191, 0.08);
        border: 1px solid rgba(124, 92, 191, 0.22);
        border-radius: 999px;
        font-size: 0.88rem;
        color: var(--color-text-strong) !important;
        white-space: nowrap;
        transition: all .25s ease;
        cursor: default;
      }
      .role-pill:hover {
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        color: #ffffff !important;
        border-color: transparent;
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(118, 77, 240, 0.3);
      }
      @media (max-width: 1199px) {
        .role-cat {
          grid-template-columns: 1fr;
          gap: 22px;
          padding: 28px 26px;
        }
        .role-cat:hover { transform: translateY(-4px); }
      }
      @media (max-width: 575px) {
        .role-cat { padding: 24px 20px; }
        .role-cat-icon { width: 52px; height: 52px; }
        .role-cat-icon svg { width: 26px; height: 26px; }
        .role-cat-title h3 { font-size: 1.15rem; }
      }

      /* Modely — porovnávacia tabuľka */
      .compare-wrap {
        background: rgba(255,255,255,0.5);
        border: 1px solid rgba(180, 141, 255, 0.18);
        border-radius: 24px;
        padding: 14px;
        backdrop-filter: blur(8px);
      }
      .compare-table {
        display: grid;
        gap: 1px;
        background: rgba(180, 141, 255, 0.18);
        border-radius: 16px;
        overflow: hidden;
      }
      .compare-head, .compare-row {
        display: grid;
        grid-template-columns: 1.2fr 1.4fr 1.4fr;
        background: rgba(255,255,255,0.92);
      }
      .compare-head { background: rgba(255,255,255,0.95); }
      .compare-col {
        padding: 22px 24px;
        font-size: 1rem;
        color: var(--color-text-strong) !important;
        line-height: 1.5;
      }
      .compare-col-label {
        font-weight: 600;
        background: rgba(118, 77, 240, 0.05);
      }
      .compare-head .compare-col {
        text-align: center;
        padding: 28px 24px;
      }
      .compare-head .compare-col p {
        margin: 10px 0 0;
        font-size: 0.92rem !important;
        color: rgba(26, 16, 64, 0.65) !important;
        line-height: 1.45 !important;
      }
      .compare-pill {
        display: inline-block;
        padding: 8px 18px;
        background: rgba(124, 92, 191, 0.12);
        border: 1px solid rgba(124, 92, 191, 0.3);
        border-radius: 999px;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--color-text-strong);
      }
      .compare-pill-accent {
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        color: #ffffff;
        border-color: transparent;
      }
      @media (max-width: 767px) {
        .compare-head, .compare-row {
          grid-template-columns: 1fr;
        }
        .compare-col-label {
          padding: 12px 18px;
          font-size: 0.85rem;
          text-transform: uppercase;
          letter-spacing: 1px;
        }
        .compare-col { padding: 16px 18px; }
        .compare-head .compare-col { padding: 22px 18px; }
      }

      /* Process timeline */
      .process-timeline {
        position: relative;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 18px;
      }
      .process-timeline::before {
        content: "";
        position: absolute;
        top: 28px;
        left: 10%;
        right: 10%;
        height: 2px;
        background: linear-gradient(90deg,
          rgba(124, 92, 191, 0.25) 0%,
          rgba(124, 92, 191, 0.55) 50%,
          rgba(124, 92, 191, 0.25) 100%);
        z-index: 0;
      }
      .process-step {
        position: relative;
        z-index: 1;
        text-align: center;
        padding: 0 10px;
      }
      .process-num {
        width: 56px;
        height: 56px;
        margin: 0 auto 22px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.05rem;
        font-weight: 700;
        letter-spacing: 0.5px;
        box-shadow: 0 10px 24px rgba(118, 77, 240, 0.4),
                    0 0 0 6px rgba(255,255,255,0.85);
      }
      .process-step h4 {
        font-size: 1.1rem !important;
        margin: 0 0 10px;
        color: var(--color-text-strong) !important;
        font-weight: 600;
      }
      .process-step p {
        font-size: 0.92rem !important;
        line-height: 1.55 !important;
        color: rgba(26, 16, 64, 0.7) !important;
        margin: 0;
      }
      @media (max-width: 1199px) {
        /* Zvislá os krokov: číslo vľavo, nadpis + text vpravo na celú šírku */
        .process-timeline {
          grid-template-columns: 1fr;
          gap: 30px;
        }
        .process-timeline::before { display: none; }
        .process-step {
          display: grid;
          grid-template-columns: 56px 1fr;
          column-gap: 18px;
          row-gap: 4px;
          text-align: left;
          align-items: start;
        }
        .process-num { margin: 0; grid-column: 1; grid-row: 1 / span 2; }
        .process-step h4 { grid-column: 2; grid-row: 1; margin: 0 0 4px; }
        .process-step p  { grid-column: 2; grid-row: 2; margin: 0; }
        /* Zvislá spojovacia čiara medzi číslami krokov */
        .process-step:not(:last-child)::after {
          content: "";
          position: absolute;
          left: 28px;
          transform: translateX(-1px);
          top: 58px;
          bottom: -30px;
          width: 2px;
          background: rgba(124, 92, 191, 0.4);
          z-index: 0;
        }
      }

      /* Audience strip — horizontálny banner */
      .audience-strip {
        display: flex;
        align-items: stretch;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0;
        padding: 18px 28px;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 22px;
        backdrop-filter: blur(8px);
      }
      .audience-item {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 18px 26px;
        flex: 1 1 220px;
        min-width: 220px;
      }
      .audience-ico {
        width: 32px;
        height: 32px;
        stroke: #b48dff;
        fill: none;
        stroke-width: 1.8;
        flex-shrink: 0;
      }
      .audience-item span {
        color: rgba(255,255,255,0.92) !important;
        font-size: 0.96rem !important;
        line-height: 1.4 !important;
      }
      .audience-sep {
        width: 1px;
        background: rgba(255,255,255,0.16);
        align-self: stretch;
        margin: 14px 0;
      }
      /* Na menších monitoroch / landscape tablete (992–1199px) zúžime položky,
         aby sa 4 zmestili do jedného riadka bez osamoteného oddeľovača */
      @media (min-width: 992px) and (max-width: 1199px) {
        .audience-item { flex: 1 1 180px; min-width: 180px; padding: 16px 18px; }
      }
      @media (max-width: 1199px) {
        .audience-sep { display: none; }
        .audience-item { flex: 1 1 100%; }
      }

      /* Value props — číslované bloky */
      .value-prop {
        position: relative;
        padding: 36px 28px 32px;
        height: 100%;
        background: rgba(255,255,255,0.55);
        border: 1px solid rgba(180, 141, 255, 0.2);
        border-radius: 18px;
        backdrop-filter: blur(6px);
        transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
      }
      .value-prop:hover {
        transform: translateY(-6px);
        background: rgba(255,255,255,0.78);
        box-shadow: 0 18px 40px rgba(118, 77, 240, 0.18);
      }
      .value-prop-num {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1;
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 18px;
      }
      .value-prop h4 {
        font-size: 1.2rem !important;
        margin: 0 0 10px;
        color: var(--color-text-strong) !important;
        font-weight: 600;
      }
      .value-prop p {
        font-size: 0.92rem !important;
        line-height: 1.55 !important;
        color: rgba(26, 16, 64, 0.7) !important;
        margin: 0;
      }

      /* === Sekcia Modely spolupráce === */
      .coop-wrap {
        position: relative;
        background: rgba(255, 255, 255, 0.45);
        border: 1px solid rgba(180, 141, 255, 0.18);
        border-radius: 32px;
        padding: 70px 50px;
        overflow: hidden;
        backdrop-filter: blur(8px);
      }
      .coop-wrap::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background-image:
          radial-gradient(circle at 1px 1px, rgba(118, 77, 240, 0.18) 1px, transparent 1.5px),
          radial-gradient(circle at 1px 1px, rgba(180, 141, 255, 0.10) 1px, transparent 1.5px);
        background-size: 28px 28px, 56px 56px;
        background-position: 0 0, 14px 14px;
        opacity: 0.55;
        mask-image: radial-gradient(ellipse at center, black 35%, transparent 85%);
        -webkit-mask-image: radial-gradient(ellipse at center, black 35%, transparent 85%);
      }
      .coop-wrap > .row {
        position: relative;
        z-index: 1;
      }
      .coop-card {
        background: rgba(255, 255, 255, 0.55);
        border: 1px solid rgba(180, 141, 255, 0.22);
        border-radius: 22px;
        padding: 44px 38px;
        height: 100%;
        text-align: center;
        backdrop-filter: blur(6px);
        transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
      }
      .coop-card:hover {
        transform: translateY(-6px);
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0 20px 50px rgba(118, 77, 240, 0.18);
      }
      .coop-card-title {
        font-size: 1.85rem;
        line-height: 1.2;
        margin: 0 0 28px;
        font-weight: 600;
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .coop-card-text {
        margin: 0;
        color: rgba(26, 16, 64, 0.78) !important;
        font-size: 1rem;
        line-height: 1.65;
      }
      @media (max-width: 1199px) {
        .coop-wrap { padding: 50px 30px; border-radius: 24px; }
        .coop-card { padding: 36px 28px; border-radius: 18px; }
        .coop-card-title { font-size: 1.5rem; margin-bottom: 22px; }
      }
      @media (max-width: 575px) {
        .coop-wrap { padding: 36px 20px; }
        .coop-card { padding: 28px 22px; }
        .coop-card-title { font-size: 1.3rem; }
      }

      /* === Modely spolupráce — horizontálne panely (rovnaký štýl ako Aké pozície vieme obsadiť) === */
      .model-row {
        display: grid;
        grid-template-columns: 340px 1fr;
        gap: 32px;
        align-items: stretch;
        padding: 32px 36px;
        margin-bottom: 18px;
        background: rgba(255,255,255,0.5);
        border: 1px solid rgba(180, 141, 255, 0.18);
        border-radius: 22px;
        backdrop-filter: blur(6px);
        transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
      }
      .model-row:hover {
        transform: translateX(6px);
        background: rgba(255,255,255,0.7);
        box-shadow: 0 18px 40px rgba(118, 77, 240, 0.14);
      }
      .model-row-head {
        display: flex;
        align-items: flex-start;
        gap: 18px;
      }
      .model-row-icon {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
        border-radius: 14px;
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 24px rgba(118, 77, 240, 0.35);
      }
      .model-row-icon svg {
        width: 30px;
        height: 30px;
        stroke: #ffffff;
        fill: none;
        stroke-width: 1.8;
      }
      .model-row-title {
        flex: 1;
        min-width: 0;
      }
      .model-row-title h3 {
        margin: 0 0 6px;
        font-size: 1.35rem;
        line-height: 1.2;
        color: var(--color-text-strong) !important;
        font-weight: 600;
      }
      .model-row-title p {
        margin: 0;
        font-size: 0.92rem !important;
        color: rgba(26, 16, 64, 0.6) !important;
        line-height: 1.4 !important;
      }
      .model-row-body {
        display: flex;
        flex-direction: column;
        gap: 14px;
        justify-content: center;
      }
      .model-row-text {
        margin: 0;
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        color: rgba(26, 16, 64, 0.78) !important;
      }
      .model-row-text strong {
        color: var(--color-text-strong) !important;
        font-weight: 600;
      }
      .model-row-ideal {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
      }
      .model-row-ideal-label {
        font-size: 0.82rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--primary-color) !important;
        margin: 0;
        white-space: nowrap;
      }
      .model-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .model-pill {
        padding: 7px 14px;
        background: rgba(124, 92, 191, 0.08);
        border: 1px solid rgba(124, 92, 191, 0.22);
        border-radius: 999px;
        font-size: 0.86rem;
        color: var(--color-text-strong) !important;
        white-space: nowrap;
        transition: all .25s ease;
        cursor: default;
      }
      .model-pill:hover {
        background: linear-gradient(135deg, var(--primary-color) 0%, #b48dff 100%);
        color: #ffffff !important;
        border-color: transparent;
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(118, 77, 240, 0.3);
      }
      @media (max-width: 1199px) {
        .model-row {
          grid-template-columns: 1fr;
          gap: 22px;
          padding: 28px 26px;
        }
        .model-row:hover { transform: translateY(-4px); }
      }
      @media (max-width: 575px) {
        .model-row { padding: 24px 20px; }
        .model-row-icon { width: 52px; height: 52px; }
        .model-row-icon svg { width: 26px; height: 26px; }
        .model-row-title h3 { font-size: 1.15rem; }
        .model-row-ideal { flex-direction: column; align-items: flex-start; gap: 8px; }
      }

      /* === Sekcia Vzorová cenová hladina (tmavá) === */
      #section-pricing-ct {
        position: relative;
        overflow: hidden;
      }
      #section-pricing-ct > .container { position: relative; z-index: 3; }
      #section-pricing-ct h2 {
        background: linear-gradient(180deg, #ffffff 0%, #c8b0ff 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
      }
      #section-pricing-ct .subtitle {
        color: #b48dff !important;
      }
      #section-pricing-ct p.lead {
        color: rgba(255, 255, 255, 0.82) !important;
      }
      #section-pricing-ct p.lead strong {
        color: #ffffff !important;
        font-weight: 600;
      }

      .pricing-card {
        position: relative;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(180, 141, 255, 0.22);
        border-radius: 22px;
        padding: 50px 30px 38px;
        height: 100%;
        text-align: center;
        backdrop-filter: blur(8px);
        transition: transform .35s ease, box-shadow .35s ease, background .35s ease, border-color .35s ease;
      }
      .pricing-card:hover {
        transform: translateY(-8px);
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(180, 141, 255, 0.5);
        box-shadow: 0 22px 50px rgba(118, 77, 240, 0.4);
      }
      .pricing-badge {
        position: relative;
        width: 160px;
        height: 160px;
        margin: 0 auto 28px;
        border-radius: 50%;
        background: linear-gradient(135deg, #5a2d99 0%, #2a1660 100%);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0 18px 40px rgba(118, 77, 240, 0.45),
                    inset 0 2px 0 rgba(255, 255, 255, 0.1);
        border: 2px solid rgba(180, 141, 255, 0.35);
      }
      .pricing-badge::after {
        content: "";
        position: absolute;
        top: 16px;
        left: 22px;
        width: 38px;
        height: 18px;
        border-radius: 50%;
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.25) 0%, transparent 70%);
        pointer-events: none;
      }
      .pricing-badge-level {
        font-size: 2.2rem;
        font-weight: 800;
        line-height: 1;
        color: #ffffff !important;
        letter-spacing: -0.02em;
        margin-bottom: 6px;
      }
      .pricing-badge-role {
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        color: #ffffff !important;
        line-height: 1.25;
        padding: 0 16px;
      }
      .pricing-price {
        margin: 0;
        font-size: 1.25rem;
        line-height: 1.4;
        color: rgba(255, 255, 255, 0.85) !important;
        font-weight: 400;
      }
      .pricing-price strong {
        color: #ffffff !important;
        font-weight: 700;
        font-size: 1.4rem;
      }
      .pricing-cta-wrap {
        margin-top: 50px;
        text-align: center;
      }
      @media (max-width: 1199px) {
        .pricing-card { padding: 40px 24px 32px; }
        .pricing-badge { width: 140px; height: 140px; }
        .pricing-badge-level { font-size: 1.9rem; }
      }
      @media (max-width: 575px) {
        .pricing-badge { width: 130px; height: 130px; }
        .pricing-badge-level { font-size: 1.7rem; }
        .pricing-badge-role { font-size: 0.72rem; }
      }

      /* Kľúčové kompetencie — grid kariet */
      .competence-card {
        position: relative;
        height: 100%;
        background: #ffffff;
        border: 1px solid rgba(124, 92, 191, 0.18);
        border-radius: 16px;
        padding: 32px 28px;
        transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
      }
      .competence-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 22px 50px rgba(124, 92, 191, 0.18);
        border-color: rgba(124, 92, 191, 0.45);
      }
      .competence-card-icon {
        width: 54px;
        height: 54px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #813eed 0%, #b48dff 100%);
        margin-bottom: 22px;
        box-shadow: 0 10px 24px rgba(129, 62, 237, 0.28);
      }
      .competence-card-icon svg {
        width: 28px;
        height: 28px;
        stroke: #ffffff;
        fill: none;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      #section-competence-ct .competence-card h3 {
        font-size: 1.15rem;
        font-weight: 600;
        margin: 0 0 10px;
        color: var(--color-text-strong) !important;
        line-height: 1.3;
      }
      #section-competence-ct .competence-card p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        color: rgba(26, 16, 64, 0.72) !important;
        margin: 0;
      }
      /* Zvýraznenie boldovaných fráz vo fialovej namiesto bielej (theme override) */
      #section-competence-ct p strong,
      #section-competence-ct .lead strong {
        color: #813eed !important;
        font-weight: 700;
      }
      @media (max-width: 575px) {
        .competence-card { padding: 26px 22px; }
      }

      /* === Floating variant — blend-mode na svetlé pozadie + glow + zaoblené rohy === */
      .about-img-wrap.about-img-floating {
        background: transparent;
        border: none;
        border-radius: 0;
        overflow: visible;
      }
      .about-img-wrap.about-img-floating .about-img {
        border-radius: 16px;
        mix-blend-mode: lighten;
        filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.30));
      }

      /* === Štvorcové karty prípadových štúdií === */
      .case-card-sq {
        position: relative;
        display: block;
        aspect-ratio: 1 / 1;
        border-radius: 16px;
        overflow: hidden;
        background: #0c1530;
        border: 1px solid rgba(255,255,255,0.06);
        transition: transform .35s ease, box-shadow .45s ease;
        text-decoration: none;
      }
      .case-card-sq:hover {
        transform: translateY(-6px);
        box-shadow: 0 24px 50px rgba(0,0,0,0.4);
      }
      .case-card-sq .case-card-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      .case-card-sq:hover .case-card-bg {
        transform: scale(1.1);
      }
      .case-card-sq .case-card-shade {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.85) 100%);
      }
      .case-card-sq .case-card-overlay {
        position: absolute;
        inset: 0;
        z-index: 2;
        opacity: 0;
        transition: opacity .45s ease;
        background: radial-gradient(circle at center, var(--primary-color) 0%, transparent 70%);
        mix-blend-mode: screen;
      }
      .case-card-sq:hover .case-card-overlay {
        opacity: 0.55;
      }
      .case-card-sq .case-card-title {
        position: absolute;
        left: 0; right: 0; bottom: 0;
        padding: 20px 22px;
        margin: 0;
        z-index: 3;
        color: #ffffff;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1.3;
      }

      /* Aktívne tlačidlo prepínača prípadových štúdií */
      .case-tab-btn.active,
      .case-tab-btn.active:hover,
      .case-tab-btn.active:focus {
        background: var(--btn-hover-bg) !important;
        color: #ffffff !important;
      }
      .case-tab-btn.active span {
        transform: none !important;
        opacity: 1 !important;
      }

      /* Zoznam preklikateľných odvetví */
      .case-industry-list {
        text-align: center;
        line-height: 2.2;
        margin-bottom: 8px;
      }
      .case-industry-list a {
        color: #ffffff;
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1px;
        padding: 0 10px;
        white-space: nowrap;
        display: inline-block;
        transition: color .25s ease;
      }
      .case-industry-list a:hover {
        color: var(--primary-color);
      }
      .case-industry-list .case-industry-sep {
        color: rgba(255,255,255,0.35);
      }

      /* Slider prípadových štúdií */
      .case-slider-wrap {
        position: relative;
        padding: 0 160px;
      }
      .case-slider .owl-nav button.owl-prev,
      .case-slider .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(255,255,255,0.08) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 1 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background .25s ease, color .25s ease, border-color .25s ease;
      }
      .case-slider .owl-nav button.owl-prev {
        left: -110px;
      }
      .case-slider .owl-nav button.owl-next {
        right: -110px;
      }
      .case-slider .owl-nav button.owl-prev:hover,
      .case-slider .owl-nav button.owl-next:hover {
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
      }
      .case-slider .owl-nav button.disabled {
        opacity: 0.35;
        cursor: default;
      }
      .case-slider .owl-nav button span {
        font-size: 20px;
        line-height: 1;
      }
      @media (max-width: 1199px) {
        .case-slider-wrap { padding: 0 100px; }
        .case-slider .owl-nav button.owl-prev { left: -70px; }
        .case-slider .owl-nav button.owl-next { right: -70px; }
      }
      @media (max-width: 767px) {
        .case-slider-wrap { padding: 0 60px; }
        .case-slider .owl-nav button.owl-prev { left: -44px; }
        .case-slider .owl-nav button.owl-next { right: -44px; }
      }
      @media (max-width: 575px) {
        .case-slider-wrap { padding: 0 44px; }
        .case-slider .owl-nav button.owl-prev { left: -38px; }
        .case-slider .owl-nav button.owl-next { right: -38px; }
      }

      /* === Karty technológií === */
      .tech-card {
        position: relative;
        background: #ffffff;
        border-radius: 16px;
        padding: 0 24px 32px;
        box-shadow: 0 6px 24px rgba(0,0,0,0.08);
        height: 100%;
        min-height: 520px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition: transform .35s ease, box-shadow .35s ease;
      }
      .tech-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0,0,0,0.18);
      }
      .tech-card-header {
        position: relative;
        margin: 0 -24px 32px;
        padding: 36px 18px 42px;
        background: linear-gradient(135deg, #9b5cff 0%, #6024c8 60%, #3d1382 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), 50% 100%, 0 calc(100% - 14px));
        text-align: center;
        overflow: hidden;
      }
      .tech-card-header::before {
        content: '';
        position: absolute;
        top: -40%;
        right: -30%;
        width: 140%;
        height: 160%;
        background: radial-gradient(circle, rgba(200, 160, 255, 0.35) 0%, transparent 55%);
        pointer-events: none;
      }
      .tech-card-title {
        position: relative;
        z-index: 2;
        font-size: 1.4rem;
        color: #ffffff !important;
        line-height: 1.2;
        margin: 0;
        font-weight: 600;
      }
      .tech-card-logos {
        flex: 1;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        justify-items: center;
        gap: 28px;
        padding: 8px 0;
      }
      .tech-card-logos.cols-2 {
        grid-template-columns: 1fr 1fr;
        gap: 28px 16px;
      }
      .tech-card-logos img {
        /* Karta je v pásme 992–1300 px iba 91 až 124 px široká (col-lg-2), ale
           logo si drží 140 px, takže pretekalo doprava mimo kartu. Nahlásené
           klientom 26. 8. 2026. Grid navyše nedovolí položke zmenšiť sa pod
           obsah, kým nie je `min-width: 0`. */
        min-width: 0;
        max-width: min(140px, 100%);
        max-height: 52px;
        width: auto;
        height: auto;
        object-fit: contain;
        filter: grayscale(1);
        opacity: 0.88;
        transition: filter .25s ease, opacity .25s ease;
      }
      .tech-card:hover .tech-card-logos img {
        filter: grayscale(0);
        opacity: 1;
      }
      @media (max-width: 1199px) {
        .tech-card {
          min-height: 460px;
          padding: 0 20px 28px;
        }
        .tech-card-header {
          margin: 0 -20px 28px;
          padding: 28px 14px 34px;
        }
        .tech-card-title {
          font-size: 1.15rem;
        }
      }

      /* === Hero banner — stlmenie tmavých a farebných vrstiev nad obrázkom, aby pôvodné farby viac presvitali === */
      #section-hero .sw-overlay {
        opacity: 0.35 !important;
      }
      #section-hero .gradient-edge-top.color {
        opacity: 0.25 !important;
      }
      #section-hero .gradient-edge-bottom {
        opacity: 0.5 !important;
      }
      /* Posunutie obsahu hero bannera nižšie */
      #section-hero .abs-centered {
        top: 60% !important;
      }
      @media (max-width: 1199px) {
        #section-hero .abs-centered {
          top: 55% !important;
        }
      }
      /* Väčší podnadpis v hero banneri */
      #section-hero .hero-subheadline {
        font-size: 3.6rem;
        line-height: 1.15;
        font-weight: 700;
      }
      @media (max-width: 1199px) {
        #section-hero .hero-subheadline {
          font-size: 2.4rem;
        }
      }
      @media (max-width: 575px) {
        #section-hero .hero-subheadline {
          font-size: 1.6rem;
        }
      }

      /* === Motion split section pod hero bannerom === */
      .motion-scroll-wrap {
        position: relative;
        height: 380vh;
        overflow: hidden;
      }
      .motion-sticky {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        will-change: transform;
      }
      .motion-content {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 32px;
      }
      .motion-text-wrap {
        text-align: center;
        max-width: 1100px;
        margin: 0 auto 4px;
        will-change: transform, opacity;
      }
      .motion-text-wrap .subtitle {
        color: #c4a8ff;
        margin-bottom: 14px;
      }
      .motion-cta {
        display: inline-flex;
        align-items: stretch;
        gap: 10px;
        margin-top: 44px;
      }
      .motion-headline {
        font-size: 64px;
        line-height: 1.2em;
        padding-bottom: 0.12em;
        letter-spacing: -0.015em;
        background: linear-gradient(180deg, #ffffff 0%, #b39fff 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin: 0;
      }
      @media (max-width: 1199px) {
        .motion-headline { font-size: 44px; }
      }
      @media (max-width: 575px) {
        .motion-headline { font-size: 34px; }
      }
      .motion-stage {
        position: relative;
        width: 100%;
        height: 64vh;
        max-height: 600px;
      }
      .motion-img-base {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-50%, -50%);
        width: 70%;
        min-width: 560px;
        max-width: 1120px;
        height: auto;
        z-index: 1;
        will-change: opacity;
        -webkit-mask-image: radial-gradient(ellipse at center, black 30%, rgba(0,0,0,0.85) 55%, transparent 100%);
                mask-image: radial-gradient(ellipse at center, black 30%, rgba(0,0,0,0.85) 55%, transparent 100%);
      }
      .motion-base-text {
        position: absolute;
        top: 50%;
        left: calc(50% + 25px);
        right: 0;
        transform: translateY(-50%);
        max-width: 540px;
        text-align: left;
        z-index: 1;
        will-change: opacity, transform;
      }
      .motion-base-text h3 {
        font-size: 2.6rem;
        line-height: 1.15;
        margin: 0 0 16px;
        background: linear-gradient(180deg, #ffffff 0%, #b39fff 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .motion-base-text p {
        margin: 0;
        color: rgba(255,255,255,0.78);
        line-height: 1.6;
        font-size: 1.15rem;
      }
      .motion-row {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        align-items: center;
        opacity: 0;
        transform: translateY(-50%);
        will-change: transform, opacity;
        z-index: 2;
      }
      .motion-row-mid { z-index: 10; }
      .motion-row-top { z-index: 3; }
      .motion-row-bot { z-index: 2; }
      .motion-row-img-wrap {
        display: flex;
        justify-content: center;
      }
      .motion-row-img {
        width: 100%;
        max-width: 880px;
        height: auto;
        filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.55));
      }
      .motion-row-text {
        text-align: left;
        max-width: 540px;
      }
      .motion-row-text h3 {
        font-size: 2.6rem;
        line-height: 1.15;
        margin: 0 0 16px;
        background: linear-gradient(180deg, #ffffff 0%, #b39fff 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      .motion-row-text p {
        margin: 0;
        color: rgba(255,255,255,0.78);
        line-height: 1.6;
        font-size: 1.15rem;
      }
      .motion-row-text ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .motion-row-text ul li {
        position: relative;
        padding-left: 38px;
        margin-bottom: 10px;
        color: rgba(255,255,255,0.78);
        line-height: 1.5;
        font-size: 1.15rem;
      }
      .motion-row-text ul li::before {
        content: "→";
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        font-size: 1em;
        line-height: 1.5;
        font-weight: bold;
        color: var(--primary-color);
        -webkit-text-stroke: 0.8px var(--primary-color);
        text-shadow: 0 0 0.6px var(--primary-color);
      }
      @media (max-width: 1199px) {
        .motion-headline { font-size: 52px; }
        .motion-text-wrap { max-width: 900px; }
      }
      @media (max-width: 1199px) {
        .motion-headline { font-size: 42px; }
        .motion-content { padding: 0 24px; }
        .motion-row { gap: 28px; }
        .motion-row-img { max-width: 80%; }
        .motion-row-text { max-width: 100%; }
        .motion-row-text h3 { font-size: 2rem; }
        .motion-row-text p,
        .motion-row-text ul li { font-size: 1.05rem; }
        .motion-img-base { width: 82%; max-width: 760px; min-width: 0; }
        .motion-base-text { max-width: 45%; }
        .motion-base-text h3 { font-size: 2rem; }
        .motion-base-text p { font-size: 1.05rem; }
        .motion-stage { height: 70vh; max-height: none; }
      }

      /* === Mobile: vypnúť sticky-scroll animáciu, statický layout === */
      @media (max-width: 767px) {
        .motion-scroll-wrap {
          height: auto !important;
          overflow: visible;
        }
        .motion-sticky {
          position: relative !important;
          height: auto !important;
          transform: none !important;
          padding: 50px 0;
        }
        .motion-content {
          padding: 0 16px;
        }
        .motion-text-wrap {
          transform: none !important;
          opacity: 1 !important;
          margin: 0 auto 24px;
        }
        .motion-headline { font-size: 32px; }
        .motion-stage {
          height: auto !important;
          max-height: none !important;
          display: flex;
          flex-direction: column;
          gap: 36px;
          align-items: center;
        }
        .motion-img-base {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          transform: none !important;
          opacity: 1 !important;
          width: 80% !important;
          max-width: 360px !important;
          min-width: 0 !important;
          margin: 0 auto;
        }
        .motion-base-text {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          bottom: auto !important;
          transform: none !important;
          opacity: 1 !important;
          width: 100%;
          max-width: 100%;
          text-align: center;
          padding: 0;
          margin-top: -18px;
        }
        .motion-row {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          transform: none !important;
          opacity: 1 !important;
          display: flex;
          flex-direction: column;
          gap: 12px;
          width: 100%;
          align-items: center;
        }
        .motion-row-img-wrap { width: 100%; }
        .motion-row-img { max-width: 70%; }
        .motion-row-text {
          text-align: center;
          max-width: 100%;
        }
        .motion-row-text h3 { font-size: 1.7rem; }
        .motion-row-text p,
        .motion-row-text ul li { font-size: 1rem; }
        .motion-row-text ul li {
          text-align: left;
          display: inline-block;
        }
      }
      @media (max-width: 480px) {
        .motion-headline { font-size: 26px; }
        .motion-row-text h3,
        .motion-base-text h3 { font-size: 1.55rem; }
        .motion-row-img { max-width: 80%; }
        .motion-img-base { max-width: 280px !important; }
      }
      @media (max-width: 360px) {
        .motion-headline { font-size: 22px; }
      }

      /* === Motion section 2 — light theme === */
      #section-motion-2 {
        background: transparent;
        position: relative;
      }
      #section-motion-2 .motion-text-wrap .subtitle,
      #section-motion-2 .motion-stage-subtitle .subtitle {
        color: #813eed;
      }
      .motion-stage-subtitle {
        position: absolute;
        top: 13vh;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 3;
        opacity: 0;
        will-change: opacity;
      }
      #section-motion-2 .motion-headline {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      #section-motion-2 .motion-base-text h3,
      #section-motion-2 .motion-row-text h3 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      #section-motion-2 .motion-base-text p,
      #section-motion-2 .motion-row-text p {
        color: rgba(26, 16, 64, 0.78);
      }
      #section-motion-2 .motion-row-text ul li {
        color: rgba(26, 16, 64, 0.78);
      }
      #section-motion-2 .motion-row-text ul li::before {
        background: transparent;
        color: var(--primary-color);
      }
      #section-motion-2 .motion-row-img {
        filter: drop-shadow(0 18px 40px rgba(124, 92, 191, 0.30));
      }

/* Kontaktný formulár v sekcii Spojme sa — minimalistický */
      #section-venue .contact-form-simple {
        max-width: 720px;
        margin: 0 auto;
        padding: 60px 0;
      }
      @media (max-width: 767px) {
        #section-venue .contact-form-simple {
          padding: 40px 0;
        }
      }
      #section-venue .contact-form-simple input[type="text"],
      #section-venue .contact-form-simple input[type="email"],
      #section-venue .contact-form-simple textarea {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid rgba(26, 16, 64, 0.25);
        border-radius: 0;
        color: var(--color-text-strong) !important;
        padding: 14px 4px;
        font-size: 1rem;
        font-family: inherit;
        transition: border-color .25s ease;
      }
      #section-venue .contact-form-simple textarea {
        min-height: 110px;
        resize: vertical;
      }
      #section-venue .contact-form-simple input::placeholder,
      #section-venue .contact-form-simple textarea::placeholder {
        color: rgba(26, 16, 64, 0.65);
      }
      #section-venue .contact-form-simple input:focus,
      #section-venue .contact-form-simple textarea:focus {
        outline: none;
        border-bottom-color: var(--primary-color);
      }
      #section-venue .contact-form-simple .form-submit-row {
        margin-top: 28px;
        text-align: center;
      }
      /* CTA tlačidlo — fialové s bielym písmom (zhodné s ostatnými btn-main na stránke) */
      #section-venue .contact-form-simple button.btn-main,
      #section-venue .contact-form-simple button.btn-main:hover,
      #section-venue .contact-form-simple button.btn-main:focus {
        background: var(--primary-color);
        color: #ffffff !important;
        border: none;
        cursor: pointer;
        font-family: var(--btn-font-family);
        font-size: var(--btn-font-size);
        font-weight: var(--btn-font-weight);
        letter-spacing: var(--btn-letter-spacing);
        padding: var(--btn-padding);
        text-transform: var(--btn-text-transform);
        border-radius: var(--btn-rounded);
      }
      #section-venue .contact-form-simple button.btn-main span {
        color: #ffffff !important;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide {
        position: relative;
        overflow: hidden;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide span {
        display: block;
        position: relative;
        transition: all .3s ease-in-out;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:hover {
        background: var(--btn-hover-bg);
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:hover span {
        transform: translate(0, 40px);
        opacity: 0;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:before {
        content: attr(data-hover-text);
        color: #ffffff !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, calc(-50% + 40px));
        opacity: 0;
        transition: all .3s ease-in-out;
      }
      #section-venue .contact-form-simple button.btn-main.fx-slide:hover:before {
        opacity: 1;
        transform: translate(-50%, -50%);
      }

      /* === Malý kontaktný formulár === */
      #section-quick-cta .quick-cta-block {
        margin-top: 0;
      }
      #section-quick-cta .quick-cta-heading {
        font-size: 3.4rem;
        font-weight: 700;
        line-height: 1.15;
        margin: 0 0 12px;
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      @media (max-width: 1199px) {
        #section-quick-cta .quick-cta-heading { font-size: 2.8rem; }
      }
      @media (max-width: 1199px) {
        #section-quick-cta .quick-cta-heading {
          font-size: 2rem;
          text-align: center;
        }
        #section-quick-cta .quick-cta-subheading {
          text-align: center;
        }
      }
      #section-quick-cta .quick-cta-subheading {
        font-size: 1.2rem;
        color: var(--color-text-strong);
        opacity: 0.75;
        margin: 0 0 32px;
        line-height: 1.4;
      }
      #section-quick-cta .quick-cta-image {
        width: 100%;
        max-width: 520px;
        height: auto;
        display: block;
        margin: 0 auto;
        border-radius: 18px;
        box-shadow: 0 20px 50px rgba(118, 77, 240, 0.18);
      }
      @keyframes expertsZoomIn {
        from { opacity: 0; transform: scale(0.5); }
        to { opacity: 1; transform: scale(1); }
      }
      #section-quick-cta .quick-cta-image.wow.experts-zoom-in {
        animation-name: expertsZoomIn;
        transform: scale(0.5);
        opacity: 0;
      }
      #section-quick-cta .quick-cta-image.wow.experts-zoom-in.animated {
        transform: scale(1);
        opacity: 1;
      }
      #section-quick-cta .quick-contact-form {
        margin: 0;
      }
      #section-quick-cta .quick-contact-form input[type="email"],
      #section-quick-cta .quick-contact-form input[type="tel"] {
        width: 100%;
        height: 52px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.55);
        border: 1px solid rgba(26, 16, 64, 0.18);
        border-radius: 10px;
        color: var(--color-text-strong);
        padding: 0 18px;
        font-size: 1rem;
        font-family: inherit;
        transition: border-color .25s ease, background .25s ease;
      }
      #section-quick-cta .quick-contact-form input::placeholder {
        color: rgba(26, 16, 64, 0.65);
      }
      #section-quick-cta .quick-contact-form input:focus {
        outline: none;
        border-color: var(--primary-color);
        background: rgba(255, 255, 255, 0.8);
      }
      #section-quick-cta .quick-contact-form button.btn-main,
      #section-quick-cta .quick-contact-form button.btn-main:hover,
      #section-quick-cta .quick-contact-form button.btn-main:focus {
        width: 100%;
        height: 52px;
        background: var(--primary-color);
        color: #ffffff !important;
        border: none;
        cursor: pointer;
        font-family: var(--btn-font-family);
        font-size: var(--btn-font-size);
        font-weight: var(--btn-font-weight);
        letter-spacing: var(--btn-letter-spacing);
        padding: 0 20px;
        text-transform: var(--btn-text-transform);
        border-radius: var(--btn-rounded);
      }
      #section-quick-cta .quick-contact-form button.btn-main span {
        color: #ffffff !important;
        white-space: nowrap;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide {
        position: relative;
        overflow: hidden;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide span {
        display: block;
        position: relative;
        transition: all .3s ease-in-out;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:hover {
        background: var(--btn-hover-bg);
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:hover span {
        transform: translate(0, 40px);
        opacity: 0;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:before {
        content: attr(data-hover-text);
        color: #ffffff !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, calc(-50% + 40px));
        opacity: 0;
        white-space: nowrap;
        transition: all .3s ease-in-out;
      }
      #section-quick-cta .quick-contact-form button.btn-main.fx-slide:hover:before {
        opacity: 1;
        transform: translate(-50%, -50%);
      }
      @media (max-width: 767px) {
        #section-quick-cta .quick-contact-form {
          margin-top: 70px;
        }
      }
      #section-quick-cta .quick-msg {
        margin-top: 22px;
        text-align: center;
        padding: 14px 18px;
        border-radius: 10px;
        font-size: 1rem;
      }
      #section-quick-cta .quick-msg-ok {
        background: rgba(118, 77, 240, 0.12);
        color: var(--color-text-strong);
        border: 1px solid rgba(118, 77, 240, 0.35);
      }
      #section-quick-cta .quick-msg-err {
        background: rgba(220, 53, 69, 0.10);
        color: #7a1320;
        border: 1px solid rgba(220, 53, 69, 0.35);
      }
      #section-quick-cta .quick-contact-form input.error_input {
        border-color: #dc3545 !important;
        background: rgba(220, 53, 69, 0.06);
      }
      #section-quick-cta .quick-contact-form button[disabled] {
        opacity: 0.6;
        cursor: wait;
      }