/**
 * Cypros Power — Home Shell v4.
 * Premium industrial direction: image-first, restrained technical language,
 * stronger typography, no visual preloader.
 */

:root {
    --cy-v4-yellow: #f4c300;
    --cy-v4-black: #0d0d0d;
    --cy-v4-gutter: clamp(1.25rem, 4.3vw, 5.5rem);
    --cy-v4-header-h: 6.25rem;
    --cy-v4-header-h-scrolled: 4.9rem;
}

/* ==========================================================
   Accessibility
========================================================== */
.cy-skip-link {
    position: fixed;
    top: .75rem;
    left: .75rem;
    z-index: 10000;
    padding: .7rem 1rem;
    color: #0d0d0d;
    background: #fff;
    transform: translateY(-180%);
}
.cy-skip-link:focus { transform: translateY(0); }

/* ==========================================================
   Header
========================================================== */
body.cy-home-shell-v4 .site-header,
body.cy-site-shell-v4 .site-header {
    position: sticky;
    top: 0;
    z-index: 5000;
    width: 100%;
    color: var(--cy-v4-black);
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid rgba(13,13,13,.10);
    box-shadow: none;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}

body.cy-home-shell-v4 .site-header.site-header--overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    color: #fff;
    background: linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.16) 62%, rgba(0,0,0,0) 100%);
    border-bottom-color: rgba(255,255,255,.16);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.cy-home-shell-v4 .site-header.site-header--overlay.is-scrolled {
    position: fixed;
    color: var(--cy-v4-black);
    background: rgba(255,255,255,.97);
    border-bottom-color: rgba(13,13,13,.10);
    box-shadow: 0 .8rem 2.6rem rgba(0,0,0,.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.admin-bar.cy-home-shell-v4 .site-header,
body.admin-bar.cy-site-shell-v4 .site-header { top: 32px; }

body.cy-home-shell-v4 .site-header__inner,
body.cy-site-shell-v4 .site-header__inner {
    display: grid;
    grid-template-columns: minmax(10.8rem, 12.5rem) 1fr auto auto;
    align-items: center;
    gap: clamp(1.25rem,2.2vw,2.7rem);
    width: 100%;
    min-height: var(--cy-v4-header-h);
    margin: 0;
    padding-inline: var(--cy-v4-gutter);
    transition: min-height .25s ease;
}

body.cy-home-shell-v4 .site-header.is-scrolled .site-header__inner,
body.cy-site-shell-v4 .site-header.is-scrolled .site-header__inner {
    min-height: var(--cy-v4-header-h-scrolled);
}

body.cy-home-shell-v4 .site-branding,
body.cy-site-shell-v4 .site-branding {
    display: inline-flex;
    align-items: center;
    width: clamp(9.8rem, 11.5vw, 11.8rem);
    text-decoration: none;
}

body.cy-home-shell-v4 .site-branding__logo,
body.cy-site-shell-v4 .site-branding__logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 4.35rem;
    object-fit: contain;
    object-position: left center;
    transition: filter .25s ease, transform .25s ease;
}

body.cy-site-shell-v4 .site-branding__logo,
body.cy-home-shell-v4 .site-header.is-scrolled .site-branding__logo {
    filter: brightness(0);
}

body.cy-home-shell-v4 .site-header.is-scrolled .site-branding__logo { transform: scale(.95); transform-origin: left center; }

/* ==========================================================
   Primary navigation
========================================================== */
body.cy-home-shell-v4 .site-nav,
body.cy-site-shell-v4 .site-nav {
    position: static;
    justify-self: end;
    visibility: visible;
    opacity: 1;
    background: transparent;
    border: 0;
    transform: none;
    pointer-events: auto;
}

body.cy-home-shell-v4 .site-nav__menu,
body.cy-site-shell-v4 .site-nav__menu {
    display: flex;
    align-items: center;
    gap: clamp(1.25rem,1.75vw,2.2rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

body.cy-home-shell-v4 .site-nav__menu > li,
body.cy-site-shell-v4 .site-nav__menu > li {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}

body.cy-home-shell-v4 .site-nav__menu > li > a,
body.cy-home-shell-v4 .site-nav__mega-trigger > a,
body.cy-site-shell-v4 .site-nav__menu > li > a,
body.cy-site-shell-v4 .site-nav__mega-trigger > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 3rem;
    padding: .25rem 0;
    color: inherit;
    font-size: clamp(.78rem,.72vw,.88rem);
    font-weight: 760;
    line-height: 1;
    letter-spacing: .045em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

body.cy-home-shell-v4 .site-nav__menu > li > a::after,
body.cy-home-shell-v4 .site-nav__mega-trigger > a::after,
body.cy-site-shell-v4 .site-nav__menu > li > a::after,
body.cy-site-shell-v4 .site-nav__mega-trigger > a::after {
    position: absolute;
    right: 0;
    bottom: .2rem;
    left: 0;
    height: 2px;
    background: var(--cy-v4-yellow);
    content: "";
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .2s ease;
}

body.cy-home-shell-v4 .site-nav__menu > li > a:hover::after,
body.cy-home-shell-v4 .site-nav__menu > li > a:focus-visible::after,
body.cy-home-shell-v4 .site-nav__mega-trigger > a:hover::after,
body.cy-home-shell-v4 .site-nav__mega-trigger > a:focus-visible::after,
body.cy-site-shell-v4 .site-nav__menu > li > a:hover::after,
body.cy-site-shell-v4 .site-nav__menu > li > a:focus-visible::after,
body.cy-site-shell-v4 .site-nav__mega-trigger > a:hover::after,
body.cy-site-shell-v4 .site-nav__mega-trigger > a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left center;
}

body.cy-home-shell-v4 .site-nav__mega-trigger,
body.cy-site-shell-v4 .site-nav__mega-trigger {
    display: flex;
    align-items: center;
    gap: .2rem;
}

body.cy-home-shell-v4 .site-nav__mega-toggle,
body.cy-site-shell-v4 .site-nav__mega-toggle {
    display: inline-grid;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    place-items: center;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
}

body.cy-home-shell-v4 .site-nav__mega-toggle svg,
body.cy-site-shell-v4 .site-nav__mega-toggle svg {
    width: .82rem;
    height: .82rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    transition: transform .2s ease;
}

body.cy-home-shell-v4 .site-nav__item--mega.is-open .site-nav__mega-toggle svg,
body.cy-site-shell-v4 .site-nav__item--mega.is-open .site-nav__mega-toggle svg { transform: rotate(180deg); }

/* ==========================================================
   Equipment mega menu — brand first, range second
========================================================== */
body.cy-home-shell-v4 .site-mega-menu,
body.cy-site-shell-v4 .site-mega-menu {
    position: fixed;
    top: var(--cy-v4-header-h);
    left: 50%;
    z-index: 5010;
    width: min(68rem, calc(100vw - 2 * var(--cy-v4-gutter)));
    padding: clamp(1.7rem,2.4vw,2.4rem);
    color: var(--cy-v4-black);
    background: rgba(255,255,255,.99);
    border: 1px solid rgba(13,13,13,.12);
    box-shadow: 0 2.2rem 5rem rgba(0,0,0,.16);
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%,-.55rem);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

body.cy-home-shell-v4 .site-header.is-scrolled .site-mega-menu,
body.cy-site-shell-v4 .site-header.is-scrolled .site-mega-menu { top: var(--cy-v4-header-h-scrolled); }

body.cy-home-shell-v4 .site-nav__item--mega:hover .site-mega-menu,
body.cy-home-shell-v4 .site-nav__item--mega:focus-within .site-mega-menu,
body.cy-home-shell-v4 .site-nav__item--mega.is-open .site-mega-menu,
body.cy-site-shell-v4 .site-nav__item--mega:hover .site-mega-menu,
body.cy-site-shell-v4 .site-nav__item--mega:focus-within .site-mega-menu,
body.cy-site-shell-v4 .site-nav__item--mega.is-open .site-mega-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%,0);
    pointer-events: auto;
}

.site-mega-menu__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid rgba(13,13,13,.13);
}
.site-mega-menu__heading > div > span,
.site-mega-menu__brand-head span {
    display: block;
    margin-bottom: .42rem;
    color: #8a7100;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.site-mega-menu__heading > div > strong {
    display: block;
    font-size: clamp(1.25rem,1.5vw,1.6rem);
    font-weight: 780;
    letter-spacing: -.025em;
}
.site-mega-menu__heading > a {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--cy-v4-black);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-decoration: none;
    text-transform: uppercase;
}
.site-mega-menu__heading svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    transition: transform .18s ease;
}
.site-mega-menu__heading > a:hover svg { transform: translateX(.25rem); }

.site-mega-menu__brands {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0;
}
.site-mega-menu__brand {
    padding: 1.65rem 0 0;
}
.site-mega-menu__brand:first-child {
    padding-right: clamp(1.4rem,2.8vw,3rem);
    border-right: 1px solid rgba(13,13,13,.12);
}
.site-mega-menu__brand:last-child { padding-left: clamp(1.4rem,2.8vw,3rem); }
.site-mega-menu__brand-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.site-mega-menu__brand-head h2 {
    margin: 0;
    color: var(--cy-v4-black);
    font-size: clamp(1.75rem,2.2vw,2.45rem);
    font-weight: 840;
    line-height: 1;
    letter-spacing: -.04em;
}
.site-mega-menu__brand-head > a {
    color: #5f5f5f;
    font-size: .69rem;
    font-weight: 760;
    letter-spacing: .05em;
    text-decoration: none;
    text-transform: uppercase;
}
.site-mega-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(13,13,13,.10);
}
.site-mega-menu__list li { margin: 0; padding: 0; }
.site-mega-menu__list a {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
    min-height: 3.45rem;
    color: var(--cy-v4-black);
    border-bottom: 1px solid rgba(13,13,13,.10);
    text-decoration: none;
    transition: padding-left .18s ease, background-color .18s ease;
}
.site-mega-menu__list a:hover,
.site-mega-menu__list a:focus-visible {
    padding-left: .55rem;
    background: linear-gradient(90deg, rgba(244,195,0,.09), rgba(244,195,0,0));
}
.site-mega-menu__list span {
    font-size: .84rem;
    font-weight: 710;
}
.site-mega-menu__list strong {
    font-size: .83rem;
    font-weight: 820;
    letter-spacing: -.01em;
}

/* ==========================================================
   Header CTA + mobile trigger
========================================================== */
body.cy-home-shell-v4 .site-header__actions,
body.cy-site-shell-v4 .site-header__actions { display: flex; align-items: center; }

body.cy-home-shell-v4 .site-header__cta,
body.cy-site-shell-v4 .site-header__cta {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 2.9rem;
    padding: 0 .15rem;
    color: inherit;
    border-bottom: 2px solid var(--cy-v4-yellow);
    font-size: clamp(.75rem,.68vw,.84rem);
    font-weight: 820;
    letter-spacing: .045em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
body.cy-home-shell-v4 .site-header__cta svg,
body.cy-site-shell-v4 .site-header__cta svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    transition: transform .18s ease;
}
body.cy-home-shell-v4 .site-header__cta:hover svg,
body.cy-site-shell-v4 .site-header__cta:hover svg { transform: translateX(.28rem); }

body.cy-home-shell-v4 .site-header__menu-toggle,
body.cy-site-shell-v4 .site-header__menu-toggle {
    display: none;
    position: relative;
    width: 3rem;
    height: 3rem;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 1px solid currentColor;
    cursor: pointer;
}
body.cy-home-shell-v4 .site-header__menu-toggle span,
body.cy-site-shell-v4 .site-header__menu-toggle span {
    position: absolute;
    left: 50%;
    width: 1.15rem;
    height: 1px;
    background: currentColor;
    transform: translateX(-50%);
    transition: top .18s ease, transform .18s ease;
}
body.cy-home-shell-v4 .site-header__menu-toggle span:first-child,
body.cy-site-shell-v4 .site-header__menu-toggle span:first-child { top: 1.17rem; }
body.cy-home-shell-v4 .site-header__menu-toggle span:last-child,
body.cy-site-shell-v4 .site-header__menu-toggle span:last-child { top: 1.72rem; }
body.cy-home-shell-v4 .site-header.menu-is-open .site-header__menu-toggle span:first-child,
body.cy-site-shell-v4 .site-header.menu-is-open .site-header__menu-toggle span:first-child {
    top: 1.48rem;
    transform: translateX(-50%) rotate(45deg);
}
body.cy-home-shell-v4 .site-header.menu-is-open .site-header__menu-toggle span:last-child,
body.cy-site-shell-v4 .site-header.menu-is-open .site-header__menu-toggle span:last-child {
    top: 1.48rem;
    transform: translateX(-50%) rotate(-45deg);
}

/* ==========================================================
   Hero — image first, no loader, restrained overlays
========================================================== */
body.cy-home-shell-v4 .cy-hero.cy-hero--v3 {
    position: relative;
    display: flex;
    min-height: 100svh;
    padding: 0;
    overflow: hidden;
    color: #fff;
    background: #111;
    isolation: isolate;
}

body.cy-home-shell-v4 .cy-hero--v3::before,
body.cy-home-shell-v4 .cy-hero--v3::after { display: none; content: none; }

body.cy-home-shell-v4 .cy-hero--v3 .cy-hero__media {
    position: absolute;
    inset: 0;
    z-index: -4;
    overflow: hidden;
    background: #111;
}

body.cy-home-shell-v4 .cy-hero--v3 .cy-hero__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: brightness(.92) contrast(1.03) saturate(.98);
    transform: scale(1.01);
    animation: cy-v4-video-drift 18s ease-in-out infinite alternate;
}
@keyframes cy-v4-video-drift {
    from { transform: scale(1.01); }
    to { transform: scale(1.035); }
}

body.cy-home-shell-v4 .cy-hero__veil {
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(90deg, rgba(5,5,5,.70) 0%, rgba(5,5,5,.52) 29%, rgba(5,5,5,.22) 58%, rgba(5,5,5,.16) 100%),
        linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.03) 45%, rgba(0,0,0,.34) 100%);
    pointer-events: none;
}

body.cy-home-shell-v4 .cy-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
    background-size: 5.5rem 5.5rem;
    opacity: .55;
    pointer-events: none;
}

body.cy-home-shell-v4 .cy-hero__container {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 100svh;
    padding: clamp(7.5rem,12vh,9.8rem) var(--cy-v4-gutter) clamp(7.2rem,11vh,8.8rem);
}

body.cy-home-shell-v4 .cy-hero__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    max-width: 48rem;
    padding-block: clamp(1.8rem,4vh,3.6rem);
    animation: cy-v4-content-in .7s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes cy-v4-content-in {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

body.cy-home-shell-v4 .cy-hero__eyebrow {
    margin: 0 0 1.15rem;
    color: var(--cy-v4-yellow);
    font-size: clamp(.68rem,.62vw,.78rem);
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

body.cy-home-shell-v4 .cy-hero__title {
    max-width: 8ch;
    margin: 0;
    color: #fff;
    font-size: clamp(4.3rem,7.2vw,8.4rem);
    font-weight: 930;
    line-height: .80;
    letter-spacing: -.062em;
    text-transform: uppercase;
}
body.cy-home-shell-v4 .cy-hero__word { display: block; color: #fff; }
body.cy-home-shell-v4 .cy-hero__word--energy { animation: cy-v4-word-pulse-white .78s ease .08s both; }
body.cy-home-shell-v4 .cy-hero__word--al { color: var(--cy-v4-yellow); animation: cy-v4-word-to-yellow .8s ease .38s both; }
body.cy-home-shell-v4 .cy-hero__word--instant { animation: cy-v4-word-pulse-white .82s ease .7s both; }

@keyframes cy-v4-word-pulse-white {
    0% { color: #fff; text-shadow: none; }
    46% { color: var(--cy-v4-yellow); text-shadow: 0 0 1.3rem rgba(244,195,0,.16); }
    100% { color: #fff; text-shadow: none; }
}
@keyframes cy-v4-word-to-yellow {
    0% { color: #fff; text-shadow: none; }
    55%,100% { color: var(--cy-v4-yellow); text-shadow: none; }
}

body.cy-home-shell-v4 .cy-hero__energy-line {
    display: block;
    width: min(31rem,72%);
    height: 2px;
    margin-top: 1.05rem;
    overflow: hidden;
    background: rgba(255,255,255,.18);
}
body.cy-home-shell-v4 .cy-hero__energy-line::after {
    display: block;
    width: 35%;
    height: 100%;
    background: var(--cy-v4-yellow);
    content: "";
    transform: translateX(-110%);
    animation: cy-v4-energy-pass 1.6s cubic-bezier(.25,.7,.2,1) .2s both;
}
@keyframes cy-v4-energy-pass {
    0% { transform: translateX(-110%); opacity: .35; }
    70% { opacity: 1; }
    100% { transform: translateX(300%); opacity: .2; }
}

body.cy-home-shell-v4 .cy-hero__seo-title {
    margin: 1.25rem 0 0;
    color: rgba(255,255,255,.77);
    font-size: clamp(.68rem,.65vw,.8rem);
    font-weight: 740;
    letter-spacing: .075em;
    text-transform: uppercase;
}
body.cy-home-shell-v4 .cy-hero__lead {
    max-width: 37rem;
    margin: .95rem 0 0;
    color: rgba(255,255,255,.92);
    font-size: clamp(1rem,1.12vw,1.16rem);
    line-height: 1.58;
}

body.cy-home-shell-v4 .cy-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.15rem 1.4rem;
    margin-top: 1.75rem;
}
body.cy-home-shell-v4 .cy-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 3.15rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}
body.cy-home-shell-v4 .cy-hero__button svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    transition: transform .18s ease;
}
body.cy-home-shell-v4 .cy-hero__button:hover svg,
body.cy-home-shell-v4 .cy-hero__button:focus-visible svg { transform: translateX(.25rem); }
body.cy-home-shell-v4 .cy-hero__button--primary {
    padding: 0 1.35rem;
    color: var(--cy-v4-black);
    background: var(--cy-v4-yellow);
    border: 1px solid var(--cy-v4-yellow);
}
body.cy-home-shell-v4 .cy-hero__button--secondary {
    position: relative;
    padding: 0 .05rem;
    background: transparent;
    border: 0;
}
body.cy-home-shell-v4 .cy-hero__button--secondary::after {
    position: absolute;
    right: 0;
    bottom: .45rem;
    left: 0;
    height: 1px;
    background: rgba(255,255,255,.56);
    content: "";
    transition: background-color .18s ease;
}
body.cy-home-shell-v4 .cy-hero__button--secondary:hover::after,
body.cy-home-shell-v4 .cy-hero__button--secondary:focus-visible::after { background: var(--cy-v4-yellow); }

/* One restrained editorial information line — not cards/buttons. */
body.cy-home-shell-v4 .cy-hero__facts {
    position: absolute;
    right: var(--cy-v4-gutter);
    bottom: clamp(1.6rem,3vh,2.4rem);
    left: var(--cy-v4-gutter);
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    border-top: 1px solid rgba(255,255,255,.40);
}
body.cy-home-shell-v4 .cy-hero__facts > div {
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .85rem;
    min-width: 0;
    padding: 1rem clamp(.75rem,1.15vw,1.25rem) 0;
}
body.cy-home-shell-v4 .cy-hero__facts > div:first-child { padding-left: 0; }
body.cy-home-shell-v4 .cy-hero__facts > div + div::before {
    position: absolute;
    top: .95rem;
    bottom: .05rem;
    left: 0;
    width: 1px;
    background: rgba(255,255,255,.20);
    content: "";
}
body.cy-home-shell-v4 .cy-hero__facts span {
    color: rgba(255,255,255,.62);
    font-size: .61rem;
    font-weight: 720;
    letter-spacing: .08em;
    text-transform: uppercase;
}
body.cy-home-shell-v4 .cy-hero__facts strong {
    color: #fff;
    font-size: clamp(.78rem,.72vw,.88rem);
    font-weight: 800;
    text-align: right;
}

/* ==========================================================
   WhatsApp — larger, deliberate presence
========================================================== */
body.cy-home-shell-v4 .cy-whatsapp-float,
body.cy-site-shell-v4 .cy-whatsapp-float {
    position: fixed;
    right: max(1.5rem, env(safe-area-inset-right));
    bottom: max(1.5rem, env(safe-area-inset-bottom));
    z-index: 6000;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 4.15rem;
    color: #fff;
    text-decoration: none;
    filter: drop-shadow(0 .7rem 1.4rem rgba(0,0,0,.22));
}
body.cy-home-shell-v4 .cy-whatsapp-float__icon,
body.cy-site-shell-v4 .cy-whatsapp-float__icon {
    display: grid;
    flex: 0 0 4.15rem;
    width: 4.15rem;
    height: 4.15rem;
    place-items: center;
    background: #25d366;
    border: 2px solid rgba(255,255,255,.96);
    border-radius: 999px;
    transition: transform .18s ease;
}
body.cy-home-shell-v4 .cy-whatsapp-float__icon svg,
body.cy-site-shell-v4 .cy-whatsapp-float__icon svg {
    width: 2.05rem;
    height: 2.05rem;
    fill: currentColor;
}
body.cy-home-shell-v4 .cy-whatsapp-float__label,
body.cy-site-shell-v4 .cy-whatsapp-float__label {
    display: flex;
    align-items: center;
    height: 3.25rem;
    max-width: 0;
    margin-right: -.8rem;
    padding: 0;
    overflow: hidden;
    color: #fff;
    background: #161616;
    border-radius: 999px 0 0 999px;
    font-size: .75rem;
    font-weight: 760;
    letter-spacing: .035em;
    white-space: nowrap;
    opacity: 0;
    transition: max-width .24s ease, padding .24s ease, opacity .18s ease;
}
body.cy-home-shell-v4 .cy-whatsapp-float:hover .cy-whatsapp-float__label,
body.cy-home-shell-v4 .cy-whatsapp-float:focus-visible .cy-whatsapp-float__label,
body.cy-site-shell-v4 .cy-whatsapp-float:hover .cy-whatsapp-float__label,
body.cy-site-shell-v4 .cy-whatsapp-float:focus-visible .cy-whatsapp-float__label {
    max-width: 13rem;
    padding: 0 1.45rem 0 1.15rem;
    opacity: 1;
}
body.cy-home-shell-v4 .cy-whatsapp-float:hover .cy-whatsapp-float__icon,
body.cy-site-shell-v4 .cy-whatsapp-float:hover .cy-whatsapp-float__icon { transform: scale(1.045); }

/* ==========================================================
   Responsive
========================================================== */
@media (max-width: 1180px) {
    body.cy-home-shell-v4 .site-header__inner,
    body.cy-site-shell-v4 .site-header__inner {
        grid-template-columns: minmax(9.8rem,11rem) 1fr auto auto;
        gap: 1.25rem;
    }
    body.cy-home-shell-v4 .site-nav__menu,
    body.cy-site-shell-v4 .site-nav__menu { gap: 1.15rem; }
    body.cy-home-shell-v4 .site-nav__menu > li > a,
    body.cy-home-shell-v4 .site-nav__mega-trigger > a,
    body.cy-site-shell-v4 .site-nav__menu > li > a,
    body.cy-site-shell-v4 .site-nav__mega-trigger > a { font-size: .75rem; }
}

@media (max-width: 928px) {
    :root { --cy-v4-header-h: 5.25rem; --cy-v4-header-h-scrolled: 4.75rem; }
    body.admin-bar.cy-home-shell-v4 .site-header,
    body.admin-bar.cy-site-shell-v4 .site-header { top: 46px; }

    body.cy-home-shell-v4 .site-header__inner,
    body.cy-site-shell-v4 .site-header__inner {
        grid-template-columns: 1fr auto;
        gap: 1rem;
        min-height: var(--cy-v4-header-h);
        padding-inline: clamp(1.1rem,4.5vw,2rem);
    }
    body.cy-home-shell-v4 .site-branding,
    body.cy-site-shell-v4 .site-branding { width: 9.9rem; }
    body.cy-home-shell-v4 .site-header__actions,
    body.cy-site-shell-v4 .site-header__actions { display: none; }
    body.cy-home-shell-v4 .site-header__menu-toggle,
    body.cy-site-shell-v4 .site-header__menu-toggle { display: block; }

    body.cy-home-shell-v4 .site-nav,
    body.cy-site-shell-v4 .site-nav {
        position: fixed;
        top: var(--cy-v4-header-h);
        right: 0;
        left: 0;
        z-index: 4990;
        max-height: calc(100svh - var(--cy-v4-header-h));
        padding: 1rem clamp(1.1rem,4.5vw,2rem) 1.8rem;
        overflow: auto;
        color: var(--cy-v4-black);
        background: #fff;
        border-top: 1px solid rgba(13,13,13,.10);
        box-shadow: 0 1.4rem 3rem rgba(0,0,0,.12);
        visibility: hidden;
        opacity: 0;
        transform: translateY(-.5rem);
        pointer-events: none;
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    }
    body.cy-home-shell-v4 .site-header.menu-is-open .site-nav,
    body.cy-site-shell-v4 .site-header.menu-is-open .site-nav {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
    body.cy-home-shell-v4 .site-header.is-scrolled .site-nav,
    body.cy-site-shell-v4 .site-header.is-scrolled .site-nav { top: var(--cy-v4-header-h-scrolled); }

    body.cy-home-shell-v4 .site-nav__menu,
    body.cy-site-shell-v4 .site-nav__menu {
        display: block;
        margin: 0;
        padding: 0;
    }
    body.cy-home-shell-v4 .site-nav__menu > li,
    body.cy-site-shell-v4 .site-nav__menu > li { border-bottom: 1px solid rgba(13,13,13,.11); }
    body.cy-home-shell-v4 .site-nav__menu > li > a,
    body.cy-home-shell-v4 .site-nav__mega-trigger > a,
    body.cy-site-shell-v4 .site-nav__menu > li > a,
    body.cy-site-shell-v4 .site-nav__mega-trigger > a {
        width: 100%;
        min-height: 3.8rem;
        color: var(--cy-v4-black);
        font-size: .92rem;
    }
    body.cy-home-shell-v4 .site-nav__menu > li > a::after,
    body.cy-home-shell-v4 .site-nav__mega-trigger > a::after,
    body.cy-site-shell-v4 .site-nav__menu > li > a::after,
    body.cy-site-shell-v4 .site-nav__mega-trigger > a::after { display: none; }
    body.cy-home-shell-v4 .site-nav__mega-trigger,
    body.cy-site-shell-v4 .site-nav__mega-trigger { justify-content: space-between; }
    body.cy-home-shell-v4 .site-nav__mega-toggle,
    body.cy-site-shell-v4 .site-nav__mega-toggle { color: var(--cy-v4-black); }

    body.cy-home-shell-v4 .site-mega-menu,
    body.cy-site-shell-v4 .site-mega-menu {
        position: static;
        width: 100%;
        max-height: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
        box-shadow: none;
        visibility: hidden;
        opacity: 0;
        transform: none;
        pointer-events: none;
        transition: max-height .35s ease, opacity .2s ease, visibility .2s ease;
    }
    body.cy-home-shell-v4 .site-nav__item--mega:hover .site-mega-menu,
    body.cy-home-shell-v4 .site-nav__item--mega:focus-within .site-mega-menu,
    body.cy-site-shell-v4 .site-nav__item--mega:hover .site-mega-menu,
    body.cy-site-shell-v4 .site-nav__item--mega:focus-within .site-mega-menu {
        max-height: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }
    body.cy-home-shell-v4 .site-nav__item--mega.is-open .site-mega-menu,
    body.cy-site-shell-v4 .site-nav__item--mega.is-open .site-mega-menu {
        max-height: 62rem;
        padding: .35rem 0 1.15rem;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
    .site-mega-menu__heading {
        display: block;
        padding: .9rem 0 1rem;
    }
    .site-mega-menu__heading > div > strong { font-size: 1.12rem; }
    .site-mega-menu__heading > a { margin-top: .85rem; }
    .site-mega-menu__brands { grid-template-columns: 1fr; }
    .site-mega-menu__brand:first-child {
        padding: 1.1rem 0 0;
        border-right: 0;
    }
    .site-mega-menu__brand:last-child { padding: 1.6rem 0 0; }
    .site-mega-menu__brand-head h2 { font-size: 1.8rem; }
    .site-mega-menu__list a { min-height: 3.3rem; }

    body.cy-home-shell-v4 .cy-hero__container {
        padding: clamp(6.7rem,12vh,8rem) clamp(1.1rem,5vw,2rem) 9.5rem;
    }
    body.cy-home-shell-v4 .cy-hero__content { max-width: 38rem; padding-block: 1.5rem 2.5rem; }
    body.cy-home-shell-v4 .cy-hero__title { font-size: clamp(3.9rem,12vw,6.9rem); }
    body.cy-home-shell-v4 .cy-hero__veil {
        background:
            linear-gradient(90deg, rgba(5,5,5,.66) 0%, rgba(5,5,5,.38) 68%, rgba(5,5,5,.18) 100%),
            linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.03) 42%, rgba(0,0,0,.38) 100%);
    }
    body.cy-home-shell-v4 .cy-hero__facts {
        right: clamp(1.1rem,5vw,2rem);
        bottom: 1.3rem;
        left: clamp(1.1rem,5vw,2rem);
        grid-template-columns: repeat(2,minmax(0,1fr));
        row-gap: .9rem;
    }
    body.cy-home-shell-v4 .cy-hero__facts > div { padding-top: .8rem; }
    body.cy-home-shell-v4 .cy-hero__facts > div:nth-child(3) { padding-left: 0; }
    body.cy-home-shell-v4 .cy-hero__facts > div:nth-child(3)::before { display: none; }
}

@media (max-width: 600px) {
    body.cy-home-shell-v4 .site-branding,
    body.cy-site-shell-v4 .site-branding { width: 8.8rem; }
    body.cy-home-shell-v4 .site-header__menu-toggle,
    body.cy-site-shell-v4 .site-header__menu-toggle { width: 2.8rem; height: 2.8rem; }

    body.cy-home-shell-v4 .cy-hero__video { object-position: 58% center; }
    body.cy-home-shell-v4 .cy-hero__veil {
        background:
            linear-gradient(90deg, rgba(5,5,5,.64) 0%, rgba(5,5,5,.36) 100%),
            linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,.02) 42%, rgba(0,0,0,.42) 100%);
    }
    body.cy-home-shell-v4 .cy-hero__container { padding-bottom: 10.5rem; }
    body.cy-home-shell-v4 .cy-hero__eyebrow { font-size: .61rem; letter-spacing: .09em; }
    body.cy-home-shell-v4 .cy-hero__title { font-size: clamp(3.45rem,17vw,5.1rem); line-height: .82; }
    body.cy-home-shell-v4 .cy-hero__energy-line { width: 85%; }
    body.cy-home-shell-v4 .cy-hero__seo-title { font-size: .6rem; }
    body.cy-home-shell-v4 .cy-hero__lead { max-width: 30rem; font-size: .96rem; line-height: 1.5; }
    body.cy-home-shell-v4 .cy-hero__actions { display: grid; grid-template-columns: 1fr; gap: .75rem; width: min(100%,23rem); }
    body.cy-home-shell-v4 .cy-hero__button { justify-content: space-between; min-height: 3.15rem; }
    body.cy-home-shell-v4 .cy-hero__button--secondary { padding: 0; }
    body.cy-home-shell-v4 .cy-hero__button--secondary::after { bottom: .25rem; }

    body.cy-home-shell-v4 .cy-hero__facts { row-gap: .65rem; }
    body.cy-home-shell-v4 .cy-hero__facts > div {
        display: block;
        padding: .7rem .65rem 0;
    }
    body.cy-home-shell-v4 .cy-hero__facts > div:first-child,
    body.cy-home-shell-v4 .cy-hero__facts > div:nth-child(3) { padding-left: 0; }
    body.cy-home-shell-v4 .cy-hero__facts span,
    body.cy-home-shell-v4 .cy-hero__facts strong { display: block; text-align: left; }
    body.cy-home-shell-v4 .cy-hero__facts strong { margin-top: .18rem; font-size: .76rem; }
    body.cy-home-shell-v4 .cy-hero__facts span { font-size: .54rem; }

    body.cy-home-shell-v4 .cy-whatsapp-float,
    body.cy-site-shell-v4 .cy-whatsapp-float {
        right: max(1rem, env(safe-area-inset-right));
        bottom: max(1rem, env(safe-area-inset-bottom));
        height: 3.75rem;
    }
    body.cy-home-shell-v4 .cy-whatsapp-float__icon,
    body.cy-site-shell-v4 .cy-whatsapp-float__icon {
        flex-basis: 3.75rem;
        width: 3.75rem;
        height: 3.75rem;
    }
    body.cy-home-shell-v4 .cy-whatsapp-float__icon svg,
    body.cy-site-shell-v4 .cy-whatsapp-float__icon svg { width: 1.9rem; height: 1.9rem; }
    body.cy-home-shell-v4 .cy-whatsapp-float__label,
    body.cy-site-shell-v4 .cy-whatsapp-float__label { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    body.cy-home-shell-v4 .cy-hero__video,
    body.cy-home-shell-v4 .cy-hero__content,
    body.cy-home-shell-v4 .cy-hero__word--energy,
    body.cy-home-shell-v4 .cy-hero__word--al,
    body.cy-home-shell-v4 .cy-hero__word--instant,
    body.cy-home-shell-v4 .cy-hero__energy-line::after { animation: none !important; }
    body.cy-home-shell-v4 .cy-hero__word--al { color: var(--cy-v4-yellow); }
}

/* ========================================================================== 
   CYPROS HOME SHELL V4 — APPROVED HERO REFINEMENT
   Bright live video + real logo + 24/7 action + engineered system cards.
   ========================================================================== */

:root {
    --cy-v4-yellow: #f4c300;
    --cy-v4-black: #0d0d0d;
    --cy-v4-white: #ffffff;
    --cy-v4-header-h: 6.25rem;
    --cy-v4-header-h-scrolled: 4.75rem;
}

/* ---------- Header scale / logo ---------- */
body.cy-home-shell-v4 .site-header__inner,
body.cy-site-shell-v4 .site-header__inner {
    width: 100%;
    max-width: none;
    min-height: var(--cy-v4-header-h);
    padding-inline: clamp(1.5rem, 3.6vw, 4.4rem);
    gap: clamp(1rem, 2vw, 2.3rem);
}

body.cy-home-shell-v4 .site-branding,
body.cy-site-shell-v4 .site-branding {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: clamp(9.6rem, 10.2vw, 12.2rem);
}

body.cy-home-shell-v4 .site-branding__logo,
body.cy-site-shell-v4 .site-branding__logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 4.2rem;
    object-fit: contain;
    object-position: left center;
}

body.cy-site-shell-v4 .site-branding__logo,
body.cy-home-shell-v4 .site-header.is-scrolled .site-branding__logo {
    filter: invert(1);
}

body.cy-home-shell-v4 .site-header.site-header--overlay:not(.is-scrolled) {
    color: #fff;
    background: linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.06));
    border-bottom-color: rgba(255,255,255,.14);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.cy-home-shell-v4 .site-nav__menu,
body.cy-site-shell-v4 .site-nav__menu {
    gap: clamp(1rem, 1.75vw, 2rem);
}

body.cy-home-shell-v4 .site-nav__menu > li > a,
body.cy-home-shell-v4 .site-nav__mega-trigger > a,
body.cy-site-shell-v4 .site-nav__menu > li > a,
body.cy-site-shell-v4 .site-nav__mega-trigger > a {
    font-size: clamp(.76rem, .72vw, .9rem);
    font-weight: 850;
    letter-spacing: .065em;
}

/* ---------- Emergency action: preserve, do not fold into quote CTA ---------- */
body.cy-home-shell-v4 .site-header__actions,
body.cy-site-shell-v4 .site-header__actions {
    display: flex;
    align-items: center;
    gap: .7rem;
}

body.cy-home-shell-v4 .site-header__emergency,
body.cy-site-shell-v4 .site-header__emergency {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 3.15rem;
    padding: 0 1rem;
    color: currentColor;
    background: rgba(8,8,8,.14);
    border: 1px solid rgba(244,195,0,.82);
    border-radius: 999px;
    font-size: .67rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .075em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

body.cy-site-shell-v4 .site-header__emergency,
body.cy-home-shell-v4 .site-header.is-scrolled .site-header__emergency {
    color: #111;
    background: #fff;
    border-color: rgba(17,17,17,.2);
}

body.cy-home-shell-v4 .site-header__emergency:hover,
body.cy-home-shell-v4 .site-header__emergency:focus-visible,
body.cy-site-shell-v4 .site-header__emergency:hover,
body.cy-site-shell-v4 .site-header__emergency:focus-visible {
    transform: translateY(-1px);
    border-color: var(--cy-v4-yellow);
}

.site-header__emergency-dot {
    width: .52rem;
    height: .52rem;
    flex: 0 0 auto;
    background: var(--cy-v4-yellow);
    border-radius: 50%;
    box-shadow: 0 0 0 .2rem rgba(244,195,0,.12);
}

body.cy-home-shell-v4 .site-header__cta,
body.cy-site-shell-v4 .site-header__cta {
    min-height: 3.15rem;
    padding-inline: 1.15rem;
    border-radius: 999px;
    font-size: .69rem;
}

/* ---------- Mega menu: platform first, ranges as a list ---------- */
body.cy-home-shell-v4 .site-mega-menu,
body.cy-site-shell-v4 .site-mega-menu {
    width: min(58rem, calc(100vw - 3rem));
    padding: clamp(1.6rem,2vw,2.2rem);
    border-top: 3px solid var(--cy-v4-yellow);
}

.site-mega-menu__brands {
    gap: 0;
}

.site-mega-menu__brand {
    min-width: 0;
}

.site-mega-menu__list a {
    min-height: 3.65rem;
    padding-inline: .25rem;
    border-top: 1px solid rgba(13,13,13,.1);
}

.site-mega-menu__list strong {
    font-size: .86rem;
}

/* ---------- Hero: reset v3 facts layout ---------- */
body.cy-home-shell-v4 .cy-hero.cy-hero--v4 {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 100svh;
    overflow: hidden;
    color: #fff;
    background: #111;
    isolation: isolate;
}

body.cy-home-shell-v4 .cy-hero--v4::before,
body.cy-home-shell-v4 .cy-hero--v4::after {
    display: none;
    content: none;
}

body.cy-home-shell-v4 .cy-hero--v4 .cy-hero__media {
    position: absolute;
    inset: 0;
    z-index: -5;
    overflow: hidden;
    background: #ddd;
}

body.cy-home-shell-v4 .cy-hero--v4 .cy-hero__video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center center;
    filter: brightness(1.08) contrast(1.015) saturate(1.06);
    transform: scale(1.012);
    animation: cy-v4-video-breathe 15s ease-in-out infinite alternate;
}

@keyframes cy-v4-video-breathe {
    from { transform: scale(1.012); }
    to { transform: scale(1.045); }
}

/* Less black than v2/v3. Darkness is concentrated only behind the copy. */
body.cy-home-shell-v4 .cy-hero__veil {
    position: absolute;
    inset: 0;
    z-index: -4;
    background:
        linear-gradient(90deg,
            rgba(5,5,5,.43) 0%,
            rgba(5,5,5,.31) 26%,
            rgba(5,5,5,.14) 48%,
            rgba(5,5,5,.045) 72%,
            rgba(5,5,5,.02) 100%),
        linear-gradient(180deg,
            rgba(0,0,0,.14) 0%,
            rgba(0,0,0,0) 40%,
            rgba(0,0,0,.10) 74%,
            rgba(0,0,0,.22) 100%);
    pointer-events: none;
}

body.cy-home-shell-v4 .cy-hero__grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    background-image:
        linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
    background-size: 5rem 5rem;
    opacity: .72;
    pointer-events: none;
}

body.cy-home-shell-v4 .cy-hero__circuit-field {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

body.cy-home-shell-v4 .cy-hero__circuit {
    position: absolute;
    display: block;
    border-color: rgba(244,195,0,.78);
    border-style: solid;
    border-width: 0;
}

body.cy-home-shell-v4 .cy-hero__circuit::before,
body.cy-home-shell-v4 .cy-hero__circuit::after {
    position: absolute;
    width: .32rem;
    height: .32rem;
    background: var(--cy-v4-yellow);
    content: "";
}

body.cy-home-shell-v4 .cy-hero__circuit--left {
    top: 20%; left: 0; width: 4rem; height: 31%;
    border-right-width: 1px; border-bottom-width: 1px;
}
body.cy-home-shell-v4 .cy-hero__circuit--left::before { top: -.14rem; right: -.16rem; }
body.cy-home-shell-v4 .cy-hero__circuit--left::after { right: -.16rem; bottom: -.16rem; }
body.cy-home-shell-v4 .cy-hero__circuit--right {
    top: 16%; right: 0; width: 7rem; height: 16%;
    border-left-width: 1px; border-bottom-width: 1px;
}
body.cy-home-shell-v4 .cy-hero__circuit--right::before { left: -.16rem; bottom: -.16rem; }
body.cy-home-shell-v4 .cy-hero__circuit--right::after { right: 0; bottom: -.16rem; }

body.cy-home-shell-v4 .cy-hero__container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    min-height: 100svh;
    margin: 0;
    padding: clamp(7.1rem, 10vh, 8.5rem) clamp(1.5rem, 3.6vw, 4.4rem) clamp(1.3rem, 2.2vh, 2rem);
}

body.cy-home-shell-v4 .cy-hero__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 2.4rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(255,255,255,.25);
    color: rgba(255,255,255,.82);
    font-size: .52rem;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.cy-hero__topline-status {
    display: inline-flex;
    align-items: center;
    gap: clamp(1.2rem, 2.3vw, 2.8rem);
}
.cy-hero__topline-status > span { display: inline-flex; align-items: center; gap: .48rem; }
.cy-hero__topline-status i { width: .32rem; height: .32rem; background: var(--cy-v4-yellow); }
.cy-hero__online { color: var(--cy-v4-yellow); }

body.cy-home-shell-v4 .cy-hero__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    width: min(46rem, 49vw);
    max-width: 46rem;
    min-width: 0;
    padding: clamp(1.8rem, 3.8vh, 3rem) 0 clamp(11rem, 20vh, 14rem);
}

body.cy-home-shell-v4 .cy-hero__eyebrow {
    margin: 0 0 1.05rem;
    color: var(--cy-v4-yellow);
    font-size: clamp(.66rem, .62vw, .78rem);
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.cy-home-shell-v4 .cy-hero__title {
    max-width: 8ch;
    margin: 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(4.5rem, 6.3vw, 7.55rem);
    font-weight: 900;
    line-height: .79;
    letter-spacing: -.067em;
    text-transform: uppercase;
}

body.cy-home-shell-v4 .cy-hero__word { display: block; color: #fff; }
body.cy-home-shell-v4 .cy-hero__word--al { color: var(--cy-v4-yellow); }
body.cy-home-shell-v4 .cy-hero__period { color: #fff !important; }

/* Intro / preload happens ON the live video. No blocking curtain. */
body.cy-home-shell-v4.cy-intro-active .site-branding,
body.cy-home-shell-v4.cy-intro-active .site-nav,
body.cy-home-shell-v4.cy-intro-active .site-header__actions,
body.cy-home-shell-v4.cy-intro-active .cy-hero__topline,
body.cy-home-shell-v4.cy-intro-active .cy-hero__eyebrow,
body.cy-home-shell-v4.cy-intro-active .cy-hero__seo-title,
body.cy-home-shell-v4.cy-intro-active .cy-hero__lead,
body.cy-home-shell-v4.cy-intro-active .cy-hero__actions,
body.cy-home-shell-v4.cy-intro-active .cy-hero__system {
    animation: cy-v4-intro-rise .62s cubic-bezier(.22,1,.36,1) both;
}
body.cy-home-shell-v4.cy-intro-active .site-branding { animation-delay: .08s; }
body.cy-home-shell-v4.cy-intro-active .site-nav { animation-delay: .18s; }
body.cy-home-shell-v4.cy-intro-active .site-header__actions { animation-delay: .22s; }
body.cy-home-shell-v4.cy-intro-active .cy-hero__topline { animation-delay: .22s; }
body.cy-home-shell-v4.cy-intro-active .cy-hero__eyebrow { animation-delay: .30s; }
body.cy-home-shell-v4.cy-intro-active .cy-hero__seo-title { animation-delay: .92s; }
body.cy-home-shell-v4.cy-intro-active .cy-hero__lead { animation-delay: 1.02s; }
body.cy-home-shell-v4.cy-intro-active .cy-hero__actions { animation-delay: 1.12s; }
body.cy-home-shell-v4.cy-intro-active .cy-hero__system { animation-delay: 1.24s; }

@keyframes cy-v4-intro-rise {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

body.cy-home-shell-v4.cy-intro-active .cy-hero__word--energy {
    animation: cy-v4-word-energy .78s ease .34s both;
}
body.cy-home-shell-v4.cy-intro-active .cy-hero__word--al {
    animation: cy-v4-word-al .82s ease .54s both;
}
body.cy-home-shell-v4.cy-intro-active .cy-hero__instant-core {
    animation: cy-v4-word-instant .84s ease .76s both;
}

@keyframes cy-v4-word-energy {
    0% { opacity: 0; transform: translateY(12px); color: #fff; text-shadow: none; }
    45% { opacity: 1; transform: translateY(0); color: var(--cy-v4-yellow); text-shadow: 0 0 1.4rem rgba(244,195,0,.16); }
    100% { opacity: 1; transform: translateY(0); color: #fff; text-shadow: none; }
}
@keyframes cy-v4-word-al {
    0% { opacity: 0; transform: translateY(12px); color: #fff; }
    55%,100% { opacity: 1; transform: translateY(0); color: var(--cy-v4-yellow); }
}
@keyframes cy-v4-word-instant {
    0% { opacity: 0; color: #fff; text-shadow: none; }
    48% { opacity: 1; color: var(--cy-v4-yellow); text-shadow: 0 0 1.4rem rgba(244,195,0,.15); }
    100% { opacity: 1; color: #fff; text-shadow: none; }
}

.cy-hero__intro-pulse {
    position: absolute;
    z-index: 4;
    top: calc(var(--cy-v4-header-h) - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    overflow: hidden;
    pointer-events: none;
}
.cy-hero__intro-pulse span {
    display: block;
    width: 24%;
    height: 100%;
    background: var(--cy-v4-yellow);
    box-shadow: 0 0 1.1rem rgba(244,195,0,.75);
    transform: translateX(-115%);
    animation: cy-v4-intro-pulse 1.25s cubic-bezier(.2,.75,.2,1) .1s both;
}
@keyframes cy-v4-intro-pulse {
    0% { transform: translateX(-115%); opacity: 0; }
    10% { opacity: .95; }
    82% { opacity: .95; }
    100% { transform: translateX(520%); opacity: 0; }
}

body.cy-home-shell-v4 .cy-hero__seo-title {
    margin: 1.15rem 0 0;
    color: rgba(255,255,255,.92);
    font-size: clamp(.66rem,.62vw,.78rem);
    font-weight: 800;
    letter-spacing: .085em;
    text-transform: uppercase;
    text-shadow: 0 1px 10px rgba(0,0,0,.28);
}

body.cy-home-shell-v4 .cy-hero__lead {
    max-width: 37rem;
    margin: .92rem 0 0;
    color: rgba(255,255,255,.96);
    font-size: clamp(1rem,1.05vw,1.13rem);
    line-height: 1.56;
    text-shadow: 0 1px 12px rgba(0,0,0,.32);
}

body.cy-home-shell-v4 .cy-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .78rem;
    margin-top: 1.5rem;
}

body.cy-home-shell-v4 .cy-hero__button {
    min-height: 3.3rem;
    padding: 0 1.3rem;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .065em;
}

body.cy-home-shell-v4 .cy-hero__button--primary {
    background: var(--cy-v4-yellow);
    border-color: var(--cy-v4-yellow);
}
body.cy-home-shell-v4 .cy-hero__button--secondary {
    color: #fff;
    padding-inline: 1.45rem;
    background: rgba(8,8,8,.18);
    border: 1px solid rgba(255,255,255,.78);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
body.cy-home-shell-v4 .cy-hero__button--secondary::after { display: none; }

/* ---------- System cards: refined glass / image-backed rail ---------- */
body.cy-home-shell-v4 .cy-hero__system {
    position: absolute;
    right: clamp(1.5rem,3.6vw,4.4rem);
    bottom: clamp(2.3rem,4.2vh,3.5rem);
    left: clamp(1.5rem,3.6vw,4.4rem);
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 0;
    background: rgba(10,10,10,.37);
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.15);
    backdrop-filter: blur(12px) saturate(1.08);
    -webkit-backdrop-filter: blur(12px) saturate(1.08);
}

.cy-hero__system-flow {
    position: absolute;
    z-index: 5;
    top: -2px;
    right: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    pointer-events: none;
}
.cy-hero__system-flow span {
    display: block;
    width: 22%;
    height: 100%;
    background: var(--cy-v4-yellow);
    box-shadow: 0 0 1rem rgba(244,195,0,.55);
    animation: cy-v4-card-flow 5s ease-in-out 1.4s infinite;
}
@keyframes cy-v4-card-flow {
    from { transform: translateX(-110%); }
    to { transform: translateX(560%); }
}

body.cy-home-shell-v4 .cy-hero__system-card {
    position: relative;
    display: grid;
    grid-template-columns: 3.35rem minmax(0,1fr) 2.35rem;
    gap: .9rem;
    align-items: center;
    min-width: 0;
    min-height: clamp(7.1rem, 8vw, 8.4rem);
    padding: 1rem clamp(.8rem,1.2vw,1.2rem);
    overflow: hidden;
    border-right: 1px solid rgba(255,255,255,.18);
    background-image:
        linear-gradient(90deg, rgba(12,12,12,.86) 0%, rgba(12,12,12,.63) 58%, rgba(12,12,12,.50) 100%),
        var(--cy-card-strip);
    background-size: auto, 420% auto;
    background-repeat: no-repeat;
    transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.cy-home-shell-v4 .cy-hero__system-card:last-child { border-right: 0; }
body.cy-home-shell-v4 .cy-hero__system-card--red { background-position: center, 0% center; }
body.cy-home-shell-v4 .cy-hero__system-card--generation { background-position: center, 34% center; }
body.cy-home-shell-v4 .cy-hero__system-card--transfer { background-position: center, 68% center; }
body.cy-home-shell-v4 .cy-hero__system-card--operation { background-position: center, 100% center; }

body.cy-home-shell-v4 .cy-hero__system-card::after {
    position: absolute;
    top: 0;
    left: 1rem;
    width: 3.3rem;
    height: 3px;
    background: var(--cy-v4-yellow);
    content: "";
    box-shadow: 0 0 .9rem rgba(244,195,0,.52);
}

body.cy-home-shell-v4 .cy-hero__system-card:hover {
    transform: translateY(-2px);
    background-color: rgba(20,20,20,.6);
    box-shadow: inset 0 0 0 1px rgba(244,195,0,.24);
}

body.cy-home-shell-v4 .cy-hero__system-card--active {
    background-image:
        linear-gradient(90deg, rgba(26,22,6,.85) 0%, rgba(30,25,7,.57) 60%, rgba(12,12,12,.47) 100%),
        var(--cy-card-strip);
    box-shadow: inset 0 0 0 1px rgba(244,195,0,.26);
}

.cy-hero__system-icon {
    position: relative;
    z-index: 2;
    display: grid;
    width: 3.15rem;
    height: 3.15rem;
    place-items: center;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 50%;
    background: rgba(0,0,0,.18);
}
.cy-hero__system-icon svg {
    width: 1.65rem;
    height: 1.65rem;
    fill: none;
    stroke: #fff;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cy-hero__system-copy { position: relative; z-index: 2; min-width: 0; }
.cy-hero__system-copy > span {
    display: block;
    color: var(--cy-v4-yellow);
    font-size: .49rem;
    font-weight: 900;
    letter-spacing: .125em;
    text-transform: uppercase;
}
.cy-hero__system-copy strong {
    display: block;
    margin-top: .42rem;
    color: #fff;
    font-size: clamp(1rem,1.18vw,1.32rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -.035em;
    white-space: nowrap;
}
.cy-hero__system-copy small {
    display: block;
    margin-top: .32rem;
    color: rgba(255,255,255,.69);
    font-size: .58rem;
    font-weight: 650;
    line-height: 1.35;
}

.cy-hero__system-arrow {
    position: relative;
    z-index: 2;
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    justify-self: end;
    color: #fff;
    border: 1px solid var(--cy-v4-yellow);
    border-radius: 50%;
    background: rgba(0,0,0,.18);
}
.cy-hero__system-arrow svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ---------- WhatsApp: larger and intentional ---------- */
body.cy-home-shell-v4 .cy-whatsapp-float,
body.cy-site-shell-v4 .cy-whatsapp-float {
    right: max(1.35rem, env(safe-area-inset-right));
    bottom: max(1.35rem, env(safe-area-inset-bottom));
    z-index: 1400;
}
body.cy-home-shell-v4 .cy-whatsapp-float__icon,
body.cy-site-shell-v4 .cy-whatsapp-float__icon {
    width: 4.25rem;
    height: 4.25rem;
    box-shadow: 0 .9rem 2.2rem rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.72);
}
body.cy-home-shell-v4 .cy-whatsapp-float__icon svg,
body.cy-site-shell-v4 .cy-whatsapp-float__icon svg {
    width: 2.05rem;
    height: 2.05rem;
}

/* ---------- Desktop tightening ---------- */
@media (max-width: 88rem) {
    body.cy-home-shell-v4 .site-header__inner,
    body.cy-site-shell-v4 .site-header__inner { padding-inline: 1.4rem; }
    body.cy-home-shell-v4 .site-branding,
    body.cy-site-shell-v4 .site-branding { width: 9.4rem; }
    body.cy-home-shell-v4 .site-nav__menu,
    body.cy-site-shell-v4 .site-nav__menu { gap: .9rem; }
    body.cy-home-shell-v4 .site-nav__menu > li > a,
    body.cy-home-shell-v4 .site-nav__mega-trigger > a,
    body.cy-site-shell-v4 .site-nav__menu > li > a,
    body.cy-site-shell-v4 .site-nav__mega-trigger > a { font-size: .72rem; }
    body.cy-home-shell-v4 .site-header__emergency,
    body.cy-site-shell-v4 .site-header__emergency { padding-inline: .75rem; font-size: .61rem; }
    body.cy-home-shell-v4 .site-header__cta,
    body.cy-site-shell-v4 .site-header__cta { padding-inline: .85rem; font-size: .62rem; }
    body.cy-home-shell-v4 .cy-hero__system-card {
        grid-template-columns: 2.8rem minmax(0,1fr) 2rem;
        gap: .7rem;
    }
    .cy-hero__system-icon { width: 2.65rem; height: 2.65rem; }
    .cy-hero__system-icon svg { width: 1.4rem; height: 1.4rem; }
    .cy-hero__system-arrow { width: 1.95rem; height: 1.95rem; }
}

/* ---------- Tablet / mobile ---------- */
@media (max-width: 68rem) {
    body.cy-home-shell-v4 .site-header__actions,
    body.cy-site-shell-v4 .site-header__actions { display: flex; }
    body.cy-home-shell-v4 .site-header__cta,
    body.cy-site-shell-v4 .site-header__cta { display: none; }
    body.cy-home-shell-v4 .site-header__emergency,
    body.cy-site-shell-v4 .site-header__emergency {
        min-width: 4.5rem;
        min-height: 2.75rem;
        padding: 0 .72rem;
        font-size: .57rem;
    }
    body.cy-home-shell-v4 .site-header__menu-toggle,
    body.cy-site-shell-v4 .site-header__menu-toggle { display: block; }

    body.cy-home-shell-v4 .cy-hero__container {
        padding-top: 6.7rem;
        padding-inline: 1.35rem;
    }
    body.cy-home-shell-v4 .cy-hero__content {
        width: min(42rem, 75vw);
        padding-bottom: 12.5rem;
    }
    body.cy-home-shell-v4 .cy-hero__title {
        font-size: clamp(4rem, 10.5vw, 6.6rem);
    }
    body.cy-home-shell-v4 .cy-hero__system {
        right: 1.35rem;
        bottom: 2rem;
        left: 1.35rem;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    body.cy-home-shell-v4 .cy-hero__system-card:nth-child(3) { border-right: 0; }
    body.cy-home-shell-v4 .cy-hero__system-card:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,.18); }
}

@media (max-width: 48rem) {
    :root { --cy-v4-header-h: 4.9rem; --cy-v4-header-h-scrolled: 4.5rem; }

    body.cy-home-shell-v4 .site-header__inner,
    body.cy-site-shell-v4 .site-header__inner {
        min-height: var(--cy-v4-header-h);
        padding-inline: 1rem;
    }
    body.cy-home-shell-v4 .site-branding,
    body.cy-site-shell-v4 .site-branding { width: 7.4rem; }
    body.cy-home-shell-v4 .site-header__emergency,
    body.cy-site-shell-v4 .site-header__emergency {
        min-width: 3.55rem;
        width: 3.55rem;
        padding: 0;
        border-radius: 999px;
        font-size: 0;
    }
    body.cy-home-shell-v4 .site-header__emergency::after {
        color: currentColor;
        content: "24/7";
        font-size: .59rem;
        font-weight: 900;
        letter-spacing: .04em;
    }
    body.cy-home-shell-v4 .site-header__emergency > span:last-child,
    body.cy-site-shell-v4 .site-header__emergency > span:last-child { display: none; }
    .site-header__emergency-dot { width: .45rem; height: .45rem; }

    body.cy-home-shell-v4 .cy-hero.cy-hero--v4 { min-height: 100svh; height: auto; }
    body.cy-home-shell-v4 .cy-hero__video { object-position: 54% center; filter: brightness(1.07) saturate(1.04); }
    body.cy-home-shell-v4 .cy-hero__veil {
        background:
            linear-gradient(180deg, rgba(5,5,5,.26) 0%, rgba(5,5,5,.12) 32%, rgba(5,5,5,.34) 68%, rgba(5,5,5,.46) 100%),
            linear-gradient(90deg, rgba(5,5,5,.28) 0%, rgba(5,5,5,.10) 100%);
    }
    body.cy-home-shell-v4 .cy-hero__grid { background-size: 3rem 3rem; opacity: .48; }
    body.cy-home-shell-v4 .cy-hero__circuit--right { display: none; }

    body.cy-home-shell-v4 .cy-hero__container {
        min-height: 100svh;
        padding: 5.85rem 1rem 1.2rem;
    }
    body.cy-home-shell-v4 .cy-hero__topline { display: none; }
    body.cy-home-shell-v4 .cy-hero__content {
        flex: 0 0 auto;
        width: 100%;
        max-width: 31rem;
        padding: clamp(3.5rem, 9vh, 5.5rem) 0 2.6rem;
    }
    body.cy-home-shell-v4 .cy-hero__eyebrow { margin-bottom: .85rem; font-size: .6rem; }
    body.cy-home-shell-v4 .cy-hero__title {
        max-width: none;
        font-size: clamp(3.35rem, 16.5vw, 5.25rem);
        line-height: .82;
    }
    body.cy-home-shell-v4 .cy-hero__seo-title { margin-top: 1rem; font-size: .59rem; }
    body.cy-home-shell-v4 .cy-hero__lead { max-width: 28rem; font-size: .95rem; line-height: 1.48; }
    body.cy-home-shell-v4 .cy-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: min(100%, 22rem);
        gap: .7rem;
    }
    body.cy-home-shell-v4 .cy-hero__button { justify-content: space-between; min-height: 3.15rem; }

    body.cy-home-shell-v4 .cy-hero__system {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        display: flex;
        width: calc(100% + 2rem);
        margin: auto -1rem 0;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        border-right: 0;
        border-left: 0;
        scrollbar-width: none;
    }
    body.cy-home-shell-v4 .cy-hero__system::-webkit-scrollbar { display: none; }
    body.cy-home-shell-v4 .cy-hero__system-card {
        flex: 0 0 min(82vw, 20.5rem);
        min-height: 6.8rem;
        scroll-snap-align: start;
        border-top: 0 !important;
        border-right: 1px solid rgba(255,255,255,.18) !important;
    }
    body.cy-home-shell-v4 .cy-hero__system-card:last-child { border-right: 0 !important; }
    .cy-hero__system-copy strong { font-size: 1.05rem; }

    body.cy-home-shell-v4 .cy-whatsapp-float,
    body.cy-site-shell-v4 .cy-whatsapp-float {
        right: max(.9rem, env(safe-area-inset-right));
        bottom: max(.9rem, env(safe-area-inset-bottom));
    }
    body.cy-home-shell-v4 .cy-whatsapp-float__icon,
    body.cy-site-shell-v4 .cy-whatsapp-float__icon { width: 3.75rem; height: 3.75rem; }
    body.cy-home-shell-v4 .cy-whatsapp-float__label,
    body.cy-site-shell-v4 .cy-whatsapp-float__label { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    body.cy-home-shell-v4 .cy-hero__video,
    body.cy-home-shell-v4 .cy-hero__word--energy,
    body.cy-home-shell-v4 .cy-hero__word--al,
    body.cy-home-shell-v4 .cy-hero__instant-core,
    body.cy-home-shell-v4 .cy-hero__intro-pulse span,
    body.cy-home-shell-v4 .cy-hero__system-flow span,
    body.cy-home-shell-v4.cy-intro-active .site-branding,
    body.cy-home-shell-v4.cy-intro-active .site-nav,
    body.cy-home-shell-v4.cy-intro-active .site-header__actions,
    body.cy-home-shell-v4.cy-intro-active .cy-hero__topline,
    body.cy-home-shell-v4.cy-intro-active .cy-hero__eyebrow,
    body.cy-home-shell-v4.cy-intro-active .cy-hero__seo-title,
    body.cy-home-shell-v4.cy-intro-active .cy-hero__lead,
    body.cy-home-shell-v4.cy-intro-active .cy-hero__actions,
    body.cy-home-shell-v4.cy-intro-active .cy-hero__system {
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    body.cy-home-shell-v4 .cy-hero__word--al { color: var(--cy-v4-yellow) !important; }
    body.cy-home-shell-v4 .cy-hero__instant-core,
    body.cy-home-shell-v4 .cy-hero__period { color: #fff !important; }
}


/* ==========================================================
   CYPROS HERO V4 — FINAL APPROVED MICRO-EVOLUTION
   Scope: menu size, dynamic system rail, WhatsApp visibility,
   and removal of artificial video zoom.
   ========================================================== */

@media (min-width: 1025px) {
  body.cy-home-shell-v4 .site-nav__menu {
    gap: clamp(1.25rem, 1.85vw, 2.15rem);
  }

  body.cy-home-shell-v4 .site-nav__menu > li > a,
  body.cy-home-shell-v4 .site-nav__mega-trigger > a {
    font-size: clamp(.92rem, .84vw, 1.02rem);
    font-weight: 850;
    letter-spacing: .055em;
  }
}

body.cy-home-shell-v4 .cy-hero--v4 .cy-hero__video {
  transform: none;
  animation: none;
  object-position: center center;
}

body.cy-home-shell-v4 .cy-hero__system {
  background: rgba(8,8,8,.32);
  backdrop-filter: blur(11px) saturate(1.08);
  -webkit-backdrop-filter: blur(11px) saturate(1.08);
}

body.cy-home-shell-v4 .cy-hero__system-card {
  transition:
    transform .55s cubic-bezier(.22,.8,.22,1),
    filter .48s ease,
    opacity .48s ease,
    box-shadow .48s ease,
    background-size .65s ease;
}

body.cy-home-shell-v4 .cy-hero__system-card:not(.is-cy-active) {
  opacity: .86;
  filter: saturate(.86);
}

body.cy-home-shell-v4 .cy-hero__system-card.is-cy-active {
  z-index: 3;
  transform: translateY(-7px) scale(1.018);
  opacity: 1;
  filter: saturate(1.1);
  box-shadow:
    0 1rem 2rem rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(244,195,0,.48);
}

body.cy-home-shell-v4 .cy-hero__system-card.is-cy-active::after {
  width: calc(100% - 2rem);
  transition: width .55s ease;
}

body.cy-home-shell-v4 .cy-whatsapp-float {
  right: max(1.55rem, env(safe-area-inset-right));
  bottom: max(1.55rem, env(safe-area-inset-bottom));
  height: 4.25rem;
}

body.cy-home-shell-v4 .cy-whatsapp-float__icon {
  flex-basis: 4.25rem;
  width: 4.25rem;
  height: 4.25rem;
  box-shadow:
    0 .75rem 1.8rem rgba(0,0,0,.28),
    0 0 0 4px rgba(37,211,102,.12);
}

body.cy-home-shell-v4 .cy-whatsapp-float__icon svg {
  width: 2.12rem;
  height: 2.12rem;
}

@media (max-width: 767px) {
  body.cy-home-shell-v4 .cy-whatsapp-float {
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    height: 3.8rem;
  }

  body.cy-home-shell-v4 .cy-whatsapp-float__icon {
    flex-basis: 3.8rem;
    width: 3.8rem;
    height: 3.8rem;
  }

  body.cy-home-shell-v4 .cy-hero__system-card.is-cy-active {
    transform: none;
  }
}