/* ============================================================
   PAGE-MAXA.CSS, značkové téma landingu /maxa (Loterie Maxa).

   Základ nese sdílený .cp-* systém (page-casino-promo.css), tenhle
   soubor přidává JEN barvu, povrch a motiv značky:

     • Firemní FIALOVÁ z wordmarku Maxy (#5b00c8 → #7b2ff7) jako
       akcent. Sedí do studené cyan/magenta/fialové palety webu,
       takže nejde o převlek stránky, ale o posun akcentu k fialové.
     • Studená azurová webu ZŮSTÁVÁ základem: vlasové lemy, ikony
       a odškrtnutí dál jedou na --cp-accent. Fialová má rozpočet:
       CTA, akcentní slovo v nadpisu, chip nad částkou, světlo za
       hero, sticky lišta. Nic víc.
     • Motiv: LOSOVÁNÍ. Vytažené koule v pozadí hero a řádek čísel
       na horní hraně bonusové karty (jako odškrtnutý tiket).
       Nikde ruleta ani válce, Maxa je loterie, ne kasino.

   POZNÁMKA K NAČÍTÁNÍ: sdílenou vrstvu page-casino-promo.css pouští
   header.php podle allowlistu (dedek/tipsport/chance/maxa) PŘED tímhle
   souborem. Bez ní by stránka spadla na holý text, takže /maxa v tom
   poli musí zůstat.

   KRITICKÉ: všechny tokeny i selektory sedí na kořenové třídě
   .cp-maxa, NIKDY na :root. Soubor sdílí kaskádu s /dedek,
   /tipsport i /chance, takže každý selektor MUSÍ obsahovat .cp-maxa
   (nebo :has(.cp-maxa)).
   ============================================================ */

.cp-page.cp-maxa {
    /* ── značka: fialová z wordmarku ── */
    --mx-violet:      #5b00c8;
    --mx-violet-deep: #3d0089;
    --mx-violet-mid:  #6d17e0;
    --mx-violet-hi:   #7b2ff7;
    --mx-violet-soft: #c0a0ff;   /* čitelný text a lemy na tmavé */
    --mx-violet-rgb:  91, 0, 200;
    --mx-glow-rgb:    123, 47, 247;

    /* ── povrchy: near-black rodina webu s náznakem fialové ── */
    --mx-card:    linear-gradient(170deg, #17141f 0%, #0d0b12 100%);
    --mx-card-hi: linear-gradient(170deg, #1e1929 0%, #100d17 100%);
    --mx-line:    rgba(var(--mx-glow-rgb), .30);
    --mx-line-2:  rgba(230, 224, 245, .07);

    --mx-lift:
        inset 0 1px 0 rgba(226, 214, 255, .06),
        0 18px 38px -24px rgba(0, 0, 0, .95);
    --mx-lift-lg:
        inset 0 1px 0 rgba(226, 214, 255, .10),
        0 30px 64px -34px rgba(0, 0, 0, 1);

    /* geometrie: jedno rozhodnutí pro celou stránku */
    --mx-r:    var(--radius-card);
    --mx-r-lg: 20px;
    --mx-r-sm: 10px;

    /* Druhý akcent sdíleného systému = fialová značky. Gradienty, živá
       tečka a ikonové knoflíky tím dostanou brandový spád, aniž by se
       z azurového základu webu stal fialový převlek. */
    --cp-accent-2:     var(--mx-violet-hi);
    --cp-accent-2-rgb: var(--mx-glow-rgb);

    --text-primary:   #f4f1fb;
    --text-secondary: #c6bfd6;
    --text-muted:     #a49ab6;
}

/* ── Pozadí stránky: tmavá plocha s chladným fialovým nádechem ──
   Signal Field (globální WebGL vrstva) i jeho statický fallback čtou
   tyhle proměnné, takže stačí přepsat je. */
body:has(.cp-page.cp-maxa) {
    background-color: #0a0810;
    --sbg-base: #0a0810;
    --sbg-c1:   #23083f;
    --sbg-c2:   #17052c;
    --sbg-c3:   #2c0a4e;
    /* dekorativní symboly pod konverzním tlačítkem nemají co dělat */
    --sbg-symbols: 0;
}
/* POZOR na jednotky: tahle vrstva je `position: fixed; inset: 0`, takže
   procenta počítá z VÝŘEZU a velká radiální elipsa by na celostránkovém
   screenshotu zalila půl stránky. Proto jen lineární závoj, který vypadá
   poměrově stejně při každé výšce. */
body.cyber-body:has(.cp-page.cp-maxa)::before {
    background:
        linear-gradient(180deg, rgba(123, 47, 247, .07) 0%, rgba(91, 0, 200, .032) 44%, rgba(91, 0, 200, .014) 100%),
        linear-gradient(180deg, #0c0914 0%, #0a0810 38%, #07050c 100%);
}
/* Retro kabinety z vrstvy floating-slots patří ke kasinovým stránkám.
   Maxa je loterie, takže tu nemají co dělat vůbec. */
body:has(.cp-maxa) .floating-slot { display: none; }
/* Globální Tokyo lišta (.rtb) sedí taky na bottom:0 a překryla by vlastní
   sticky CTA partnera, jehož je stránka. Skrýt cizí dekoraci, ne přepisovat
   cizí soubor (stejný princip jako na /tipsport). */
body:has(.cp-maxa) .rtb { display: none; }

/* ── HERO: fialové světlo a vytažené koule ─────────────────────
   Jediné místo stránky, kde smí být fialová takhle silná. Přímo pod
   ní sedí CTA, takže sem míří pohled. */
.cp-maxa .cp-hero-bg {
    background:
        radial-gradient(82% 92% at 50% -10%, rgba(91, 0, 200, .34), transparent 66%),
        radial-gradient(48% 56% at 84% 18%, rgba(123, 47, 247, .12), transparent 70%),
        linear-gradient(180deg, rgba(123, 47, 247, .05), transparent 56%);
}
/* Motiv losování: pravidelná mřížka vytažených koulí. Čistá dekorace,
   pod obsahem, bez interakce, shora naplno, dolů mizí do tmy webu. */
.cp-maxa .cp-hero::before {
    content: ""; position: absolute; inset: 0; z-index: -1;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 26px 26px,
            transparent 0 12px,
            rgba(var(--mx-glow-rgb), .13) 12px 13.2px,
            transparent 13.2px);
    background-size: 96px 96px;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .4) 48%, transparent 84%);
            mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .4) 48%, transparent 84%);
}
/* Šev pod hero: fialová vlasová linka. */
.cp-maxa .cp-hero::after {
    content: ""; position: absolute; z-index: 0;
    left: 0; right: 0; bottom: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--mx-glow-rgb), .34) 22%, rgba(var(--mx-glow-rgb), .34) 72%, transparent);
}
.cp-maxa .cp-hero h1 { color: var(--text-primary); }
/* Akcentní část nadpisu = fialový wordmark, čitelný spád uvnitř jedné
   barvy (mezi fialovou a azurovou leží kalná modrozelená, na velkém H1
   by to byl špinavý pruh přes celé slovo). */
.cp-maxa .cp-hero h1 .cp-grad,
.cp-maxa .cp-cta-band h2 .cp-grad {
    background: linear-gradient(100deg, var(--mx-violet-soft) 0%, var(--mx-violet-hi) 58%, var(--mx-violet) 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cp-maxa .cp-hero-sub { font-size: clamp(1rem, 1.45vw, 1.14rem); color: var(--text-secondary); }
.cp-maxa .cp-hero-act { max-width: 460px; }

/* Odznaky: tiché tmavé štítky, živý jen ten bonusový. */
.cp-maxa .cp-badge {
    color: #e2dcf2;
    background: rgba(226, 214, 255, .05);
    border-color: rgba(226, 214, 255, .15);
}
.cp-maxa .cp-badge.cp-badge-live {
    color: #e6d6ff;
    background: rgba(var(--mx-violet-rgb), .28);
    border-color: rgba(var(--mx-glow-rgb), .42);
}

/* ── Plotny: tmavý povrch ZŘETELNĚ nad pozadím ─────────────────
   Odsud bere stránka hierarchii, ne z barvy. */
.cp-maxa .cp-feature,
.cp-maxa .cp-step,
.cp-maxa .cp-facts,
.cp-maxa .cp-faq details,
.cp-maxa .cp-disclaimer {
    border-radius: var(--mx-r);
    background: var(--mx-card);
    border: 1px solid var(--mx-line-2);
    box-shadow: var(--mx-lift);
}

/* ── Vlasový šev mezi sekcemi ──────────────────────────────────
   .cp-rule je prázdný div v .rsp-container, obsah mu dává až tohle
   pravidlo (sdílený soubor ho kreslí jen pro /dedek). */
.cp-maxa .cp-rule { margin: 0 auto clamp(34px, 4vw, 56px); }
.cp-maxa .cp-rule::before {
    content: ""; display: block; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--mx-glow-rgb), .16) 16%, rgba(var(--mx-glow-rgb), .16) 84%, transparent);
}

/* ── Bonusová karta: řádek vytažených čísel na horní hraně ─────
   Podpis stránky, použitý přesně jednou. Proto má karta větší horní
   odsazení, ať řádek koulí nesedí na logu. */
.cp-maxa .cp-hero-card {
    padding: 44px 30px 30px;
    border-radius: var(--mx-r-lg);
    border: 1px solid rgba(var(--mx-glow-rgb), .20);
    background:
        radial-gradient(120% 64% at 50% 0%, rgba(91, 0, 200, .28), transparent 66%),
        var(--mx-card-hi);
    box-shadow: var(--mx-lift-lg), 0 0 90px -44px rgba(var(--mx-glow-rgb), .85);
}
.cp-maxa .cp-hero-card::before {
    content: ""; position: absolute; z-index: 2;
    top: 16px; left: 22px; right: 22px; height: 14px;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 7px 50%,
            rgba(var(--mx-glow-rgb), .55) 0 5px,
            transparent 5px),
        linear-gradient(90deg, rgba(var(--mx-glow-rgb), .22), rgba(var(--mx-glow-rgb), .22));
    background-size: 26px 14px, 100% 1px;
    background-position: 0 0, 0 50%;
    background-repeat: repeat-x, no-repeat;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
/* Spodní hrana karty = fialový podpis, ať kupón čte jako fyzický tiket. */
.cp-maxa .cp-hero-card::after {
    content: ""; position: absolute; z-index: 2;
    left: 0; right: 0; bottom: 0; height: 3px;
    background: linear-gradient(90deg, var(--mx-violet-deep), var(--mx-violet) 52%, var(--mx-violet-hi));
    opacity: .9;
}
/* Chip nad částkou = fialový wordmark v malém. */
.cp-maxa .cp-hc-eyebrow {
    display: block; width: fit-content; margin: 0 auto 10px;
    padding: 6px 15px; border-radius: 999px;
    border: 1px solid rgba(var(--mx-glow-rgb), .42);
    background: rgba(var(--mx-glow-rgb), .13);
    color: var(--mx-violet-soft);
    font-size: .74rem; letter-spacing: .12em;
}
.cp-maxa .cp-hc-amount { color: var(--text-primary); text-shadow: 0 0 40px rgba(var(--mx-glow-rgb), .28); }
.cp-maxa .cp-hc-note { font-size: .9rem; color: var(--text-secondary); }
.cp-maxa .cp-hc-list li { font-size: .95rem; line-height: 1.5; }
.cp-maxa .cp-hc-tick {
    background: rgba(var(--mx-glow-rgb), .14);
    border: 1px solid rgba(var(--mx-glow-rgb), .24);
    color: var(--mx-violet-soft);
}

/* ── CTA: nejsvětlejší a nejhlasitější prvek stránky ───────────
   Firemní fialová jako podsvícené tlačítko, bílý text kvůli kontrastu. */
.cp-maxa .cp-cta {
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(180deg, var(--mx-violet-hi) 0%, var(--mx-violet) 54%, var(--mx-violet-deep) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .30),
        inset 0 -2px 0 rgba(28, 0, 62, .40),
        0 0 0 1px rgba(var(--mx-glow-rgb), .34),
        0 14px 34px -12px rgba(var(--mx-violet-rgb), .80);
}
.cp-maxa .cp-cta:hover {
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .38),
        inset 0 -2px 0 rgba(28, 0, 62, .40),
        0 0 0 1px rgba(var(--mx-glow-rgb), .58),
        0 20px 44px -14px rgba(var(--mx-violet-rgb), .95);
}
.cp-maxa .cp-cta:focus-visible { outline: 2px solid var(--mx-violet-soft); outline-offset: 3px; }
.cp-maxa .cp-cta-reassure { font-size: .82rem; color: var(--text-muted); }

/* Druhé tlačítko v hero je vedlejší nabídka (stírací losy), ne druhé
   hlavní CTA. Obrys místo výplně, ať hierarchie zůstane čitelná. */
.cp-maxa .cp-hero-act .cp-cta + .cp-cta {
    margin-top: 12px;
    color: var(--mx-violet-soft);
    background: rgba(var(--mx-glow-rgb), .08);
    box-shadow:
        inset 0 0 0 1px rgba(var(--mx-glow-rgb), .45),
        inset 0 -2px 0 rgba(var(--mx-glow-rgb), .30);
}
.cp-maxa .cp-hero-act .cp-cta + .cp-cta:hover {
    color: #ffffff;
    background: rgba(var(--mx-glow-rgb), .18);
    box-shadow:
        inset 0 0 0 1px rgba(var(--mx-glow-rgb), .75),
        inset 0 -2px 0 rgba(var(--mx-glow-rgb), .55),
        0 14px 30px -14px rgba(var(--mx-violet-rgb), .7);
}

/* ── Trust pruh ────────────────────────────────────────────────
   Sdílená verze (vlasové lemy + oddělovače) jede na --cp-accent, tedy
   na azurové základní paletě webu. Doladíme jen ikonu a hover. */
.cp-page.cp-maxa .cp-trust { border-block-color: rgba(var(--mx-glow-rgb), .16); }
.cp-page.cp-maxa .cp-trust::before {
    background: linear-gradient(90deg, transparent, rgba(var(--mx-glow-rgb), .5) 25%, rgba(var(--mx-glow-rgb), .45) 75%, transparent);
}
.cp-maxa .cp-trust-ico {
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(var(--mx-glow-rgb), .16), rgba(var(--mx-glow-rgb), .04));
    border: 1px solid rgba(var(--mx-glow-rgb), .24);
    box-shadow: inset 0 1px 0 rgba(226, 214, 255, .10);
}
/* POZOR: `color` by nestačilo, sdílené `.cp-trust-item span` míří na tentýž
   <span class="cp-trust-ico">, takže currentColor spadne na barvu popisku.
   Nastavujeme rovnou `stroke`. */
.cp-maxa .cp-trust-ico svg { stroke: var(--mx-violet-soft); }
.cp-maxa .cp-trust-item strong { color: var(--text-primary); }
.cp-maxa .cp-trust-body span { font-size: .82rem; color: var(--text-secondary); }
.cp-maxa .cp-trust-item:hover strong { color: var(--mx-violet-soft); }
.cp-maxa .cp-trust-item:hover .cp-trust-ico {
    border-color: rgba(var(--mx-glow-rgb), .5);
    box-shadow: inset 0 1px 0 rgba(226, 214, 255, .16), 0 8px 20px -8px rgba(0, 0, 0, .9);
}
.cp-maxa .cp-trust-item + .cp-trust-item::before {
    background: linear-gradient(rgba(var(--mx-glow-rgb), 0), rgba(var(--mx-glow-rgb), .26), rgba(var(--mx-glow-rgb), 0));
}

/* ── Záhlaví sekcí ─────────────────────────────────────────────
   Štítek tlumená fialošedá (ne svítivá), nadpis bílý v plné síle. */
.cp-maxa .cp-section-head .cp-kicker {
    font-size: .78rem; letter-spacing: .18em;
    color: #a798c4;
}
.cp-maxa .cp-section-head h2 { color: var(--text-primary); }
.cp-maxa .cp-section-head p { font-size: 1.05rem; color: var(--text-secondary); }

/* ── Feature karty ─────────────────────────────────────────────── */
.cp-maxa .cp-feature:hover {
    border-color: var(--mx-line);
    box-shadow:
        inset 0 1px 0 rgba(226, 214, 255, .10),
        0 26px 48px -26px rgba(0, 0, 0, 1),
        0 0 44px -26px rgba(var(--mx-glow-rgb), .55);
}
.cp-maxa .cp-feature-ico {
    border-radius: 14px;
    color: var(--mx-violet-soft);
    background: linear-gradient(180deg, rgba(var(--mx-glow-rgb), .17), rgba(var(--mx-glow-rgb), .04));
    border: 1px solid rgba(var(--mx-glow-rgb), .24);
    box-shadow: inset 0 1px 0 rgba(226, 214, 255, .10);
}
.cp-maxa .cp-feature h3 { font-size: 1.14rem; color: var(--text-primary); }
.cp-maxa .cp-feature p { font-size: .97rem; line-height: 1.65; color: var(--text-secondary); }

/* ── Kroky: číslo jako vytažená koule ──────────────────────────── */
.cp-maxa .cp-step::before {
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(180deg, var(--mx-violet-mid), var(--mx-violet-deep));
    border: 1px solid rgba(var(--mx-glow-rgb), .34);
    box-shadow:
        0 0 0 5px #0a0810,
        inset 0 1px 0 rgba(255, 255, 255, .22);
}
.cp-maxa .cp-step h4 { font-size: 1.04rem; color: var(--text-primary); }
.cp-maxa .cp-step p { font-size: .95rem; line-height: 1.6; color: var(--text-secondary); }

/* ── Velké CTA: fialové světlo podruhé ─────────────────────────── */
.cp-maxa .cp-cta-band {
    padding: 52px 32px 44px;
    border-radius: var(--mx-r-lg);
    border: 1px solid rgba(var(--mx-glow-rgb), .20);
    background:
        radial-gradient(72% 100% at 50% 0%, rgba(91, 0, 200, .30), transparent 64%),
        var(--mx-card-hi);
    box-shadow: var(--mx-lift-lg), 0 0 100px -48px rgba(var(--mx-glow-rgb), .85);
}
.cp-maxa .cp-cta-band::after {
    content: ""; position: absolute;
    left: 0; right: 0; bottom: 0; height: 3px;
    background: linear-gradient(90deg, var(--mx-violet-deep), var(--mx-violet) 52%, var(--mx-violet-hi));
    opacity: .85;
}
.cp-maxa .cp-cta-band h2 { color: var(--text-primary); }
.cp-maxa .cp-cta-band p { font-size: 1.05rem; color: var(--text-secondary); }

/* ── Rychlá fakta ──────────────────────────────────────────────── */
.cp-maxa .cp-facts { grid-template-columns: 1fr 1fr; padding: 12px 14px; }
.cp-maxa .cp-fact {
    border-radius: var(--mx-r-sm);
    border-bottom: 1px solid rgba(226, 214, 255, .06);
    padding: 15px 16px;
}
.cp-maxa .cp-fact:nth-child(4n+3),
.cp-maxa .cp-fact:nth-child(4n+4) { background: rgba(226, 214, 255, .026); }
.cp-maxa .cp-fact:hover { background: rgba(var(--mx-glow-rgb), .08); }
.cp-maxa .cp-fact:nth-last-child(-n+2) { border-bottom: none; }
.cp-maxa .cp-fact .cp-fact-label { font-size: .96rem; color: var(--text-secondary); }
.cp-maxa .cp-fact .cp-fact-val { font-size: .98rem; color: var(--text-primary); }

/* ── FAQ ───────────────────────────────────────────────────────── */
.cp-maxa .cp-faq { grid-template-columns: 1fr 1fr; gap: 14px; }
.cp-maxa .cp-faq details { margin-bottom: 0; }
.cp-maxa .cp-faq details[open] {
    border-color: rgba(var(--mx-glow-rgb), .32);
    box-shadow: var(--mx-lift), 0 0 40px -26px rgba(var(--mx-glow-rgb), .65);
}
.cp-maxa .cp-faq summary { font-size: 1rem; color: var(--text-primary); padding: 17px 20px; }
.cp-maxa .cp-faq summary::after {
    border-right-color: var(--mx-violet-soft);
    border-bottom-color: var(--mx-violet-soft);
}
.cp-maxa .cp-faq details p { font-size: .97rem; line-height: 1.7; color: var(--text-secondary); }

/* ── Disclaimer ────────────────────────────────────────────────── */
.cp-maxa .cp-disclaimer { font-size: .9rem; color: var(--text-secondary); }
.cp-maxa .cp-disclaimer strong { color: var(--text-primary); }

/* ── Odkaz v běžném textu ──────────────────────────────────────
   Guard :not() je POVINNÝ: bez něj pravidlo přebije .cp-cta a nalije
   podtržený barevný text na fialové tlačítko (tj. nečitelné CTA). */
.cp-maxa a:not([class]):not([class*="btn"]):not([class*="cta"]):not([class*="card"]) {
    color: var(--mx-violet-soft);
    text-decoration: underline;
    text-decoration-color: rgba(var(--mx-glow-rgb), .45);
    text-underline-offset: 3px;
}
.cp-maxa a:not([class]):not([class*="btn"]):not([class*="cta"]):not([class*="card"]):hover {
    color: var(--text-primary);
}

/* ── Sticky mobilní lišta ──────────────────────────────────────── */
.cp-maxa .cp-sticky {
    z-index: 96;
    background: rgba(10, 8, 16, .94);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border-top: 1px solid rgba(var(--mx-glow-rgb), .26);
    box-shadow: 0 -14px 30px -18px rgba(0, 0, 0, 1);
}
.cp-maxa .cp-sticky-info strong { color: var(--text-primary); }
.cp-maxa .cp-sticky-info span { color: var(--mx-violet-soft); }

/* Poslední zbytky studené palety: výběr textu a focus prstenec. */
.cp-maxa ::selection { background: rgba(var(--mx-violet-rgb), .9); color: #f4f1fb; }
.cp-maxa a:focus-visible,
.cp-maxa summary:focus-visible,
.cp-maxa button:focus-visible { outline: 2px solid var(--mx-violet-soft); outline-offset: 3px; }

/* ── Responsive (musí být za základními pravidly téhle stránky) ── */
@media (max-width: 920px) {
    .cp-maxa .cp-facts,
    .cp-maxa .cp-faq { grid-template-columns: 1fr; }
    /* jeden sloupec: zebra po řádcích, ne po dvojicích */
    .cp-maxa .cp-fact:nth-child(4n+3),
    .cp-maxa .cp-fact:nth-child(4n+4) { background: none; }
    .cp-maxa .cp-fact:nth-child(even) { background: rgba(226, 214, 255, .026); }
    .cp-maxa .cp-fact:nth-last-child(-n+2) { border-bottom: 1px solid rgba(226, 214, 255, .06); }
    .cp-maxa .cp-fact:last-child { border-bottom: none; }
    /* menší rozteč koulí, ať motiv nezmizí na úzkém výřezu */
    .cp-maxa .cp-hero::before {
        background-image:
            radial-gradient(circle at 17px 17px,
                transparent 0 8px,
                rgba(var(--mx-glow-rgb), .13) 8px 9px,
                transparent 9px);
        background-size: 64px 64px;
    }
}
@media (max-width: 600px) {
    .cp-maxa .cp-hero-card { padding: 40px 20px 24px; }
    .cp-maxa .cp-hero-card::before { left: 14px; right: 14px; }
    .cp-maxa .cp-cta-band { padding: 40px 20px 34px; }
    .cp-maxa .cp-rule { margin-bottom: 28px; }
}

/* ── Reduced motion ────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .cp-maxa .cp-cta,
    .cp-maxa .cp-feature,
    .cp-maxa .cp-trust-ico { transition: none; }
    .cp-maxa .cp-cta:hover,
    .cp-maxa .cp-feature:hover { transform: none; }
}