:root {
    --ink: #18304f;
    --ink-deep: #10264a;
    --ink-soft: #42546c;
    --paper: #f7faff;
    --paper-raised: #ffffff;
    --paper-warm: #edf5fc;
    --line: #d9e5f0;
    --muted: #66788e;
    --teal: #18a65b;
    --teal-deep: #087c43;
    --teal-wash: #e2f6eb;
    --brass: #c7eb53;
    --brass-wash: #f2f8d8;
    --signal: #55d87d;
    --signal-deep: #23ad5a;
    --shadow: 0 24px 64px rgba(16, 38, 74, .12);
    --shadow-small: 0 12px 32px rgba(16, 38, 74, .09);
    --radius: 16px;
    --container: 1220px;
    --font-display: "Manrope", "Trebuchet MS", sans-serif;
}

html,
body {
    background: var(--paper);
    color: var(--ink);
}

:focus-visible {
    outline-color: var(--signal-deep);
}

.site-announcement {
    position: relative;
    z-index: 22;
    background: #10264a;
    color: #fff;
}

.site-announcement__inner {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: .72rem;
}

.site-announcement__inner p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-weight: 600;
}

.site-announcement__signal {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--signal);
    box-shadow: 0 0 0 4px rgba(85, 216, 125, .14);
}

.site-announcement__inner > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a8efbd;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.site-announcement__inner > a:hover {
    color: #fff;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 21;
    border-bottom: 1px solid rgba(211, 224, 237, .9);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 5px 22px rgba(16, 38, 74, .035);
    backdrop-filter: blur(18px);
}

.site-header__inner {
    min-height: 82px;
    gap: 22px;
}

.site-brand {
    gap: 12px;
    color: var(--ink-deep);
}

.site-brand__mark {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(145deg, #20b665, #109752);
    color: #fff;
    box-shadow: 0 8px 18px rgba(24, 166, 91, .2);
}

.site-brand__mark svg {
    width: 22px;
    height: 22px;
}

.site-brand__name {
    color: var(--ink-deep);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .055em;
}

.site-brand__tagline {
    color: #718197;
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 600;
    letter-spacing: .015em;
}

.site-nav {
    gap: 12px;
}

.site-nav__links {
    gap: 1px;
}

.site-nav__link {
    min-height: 42px;
    padding-inline: 11px;
    border-radius: 999px;
    color: #30435e;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .025em;
    transition: color 160ms ease, background 160ms ease;
}

.site-nav__link::after {
    right: 16px;
    bottom: 4px;
    left: 16px;
    height: 2px;
    border-radius: 2px;
    background: var(--teal);
}

.site-nav__link:hover,
.site-nav__link[aria-current="page"] {
    color: var(--teal-deep);
}

.site-mega summary > span {
    color: var(--teal);
}

.site-mega__panel {
    z-index: 30;
    grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
    gap: 42px;
    padding-top: 34px;
    padding-bottom: 34px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    background: #10264a;
    box-shadow: 0 28px 55px rgba(12, 31, 62, .22);
    color: #fff;
}

.site-mega__intro {
    border-right-color: rgba(255, 255, 255, .16);
}

.site-mega__intro .site-eyebrow {
    color: #74e495;
}

.site-mega__intro h2 {
    color: #fff;
    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -.055em;
}

.site-mega__intro p {
    color: #becbdc;
}

.site-mega__intro .site-text-link {
    color: #8ee8a8;
}

.site-mega__categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.site-mega__categories a {
    min-height: 70px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .045);
    color: #fff;
}

.site-mega__categories a:hover {
    padding-left: 18px;
    border-color: rgba(116, 228, 149, .45);
    background: rgba(255, 255, 255, .09);
    color: #9cf0b2;
}

.site-mega__categories a > span {
    font-family: var(--font-sans);
    font-size: .87rem;
    font-weight: 750;
}

.site-mega__categories small {
    color: #a9bad0;
}

.site-mega__categories b {
    color: #71e192;
}

.site-nav__contact,
.site-button,
.home-mobile-cta a,
.site-mobile-cta a {
    border-radius: 999px;
    font-weight: 800;
}

.site-nav__contact {
    min-height: 42px;
    padding-inline: 17px;
    border: 1px solid var(--teal);
    background: var(--teal);
    color: #fff;
    font-size: .68rem;
    box-shadow: 0 8px 18px rgba(24, 166, 91, .16);
}

.site-nav__contact:hover,
.site-button:hover {
    border-color: var(--teal-deep);
    background: var(--teal-deep);
    color: #fff;
    transform: translateY(-1px);
}

.site-button {
    min-height: 48px;
    padding: 0 21px;
    border: 1px solid var(--teal);
    background: var(--teal);
    box-shadow: 0 10px 22px rgba(24, 166, 91, .16);
}

.site-button--outline {
    border-color: #c6d5e5;
    background: rgba(255, 255, 255, .68);
    color: var(--ink-deep);
    box-shadow: none;
}

.site-button--outline:hover {
    border-color: #a8c0d7;
    background: #fff;
    color: var(--ink-deep);
}

.site-button--light {
    border-color: #fff;
    background: #fff;
    color: var(--ink-deep);
    box-shadow: none;
}

.site-button--light:hover {
    border-color: #e8f1fb;
    background: #e8f1fb;
    color: var(--ink-deep);
}

.site-eyebrow {
    color: var(--teal-deep);
    font-family: var(--font-sans);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.site-text-link {
    color: var(--teal-deep);
    font-weight: 800;
}

.site-text-link:hover {
    color: #075c34;
}

.home-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 83% 35%, rgba(116, 190, 255, .22), transparent 34%),
        radial-gradient(ellipse at 72% 92%, rgba(71, 200, 126, .11), transparent 36%),
        linear-gradient(112deg, #edf6ff 0%, #f8fbff 57%, #f1f9f5 100%);
}

.home-hero::before {
    display: none;
}

.home-hero__grid {
    position: relative;
    z-index: 1;
    min-height: 610px;
    grid-template-columns: minmax(0, 1.02fr) minmax(400px, .98fr);
    gap: clamp(34px, 5.2vw, 78px);
    padding-top: 56px;
    padding-bottom: 36px;
}

.home-hero__content h1 {
    max-width: 680px;
    margin: 18px 0 20px;
    color: var(--ink-deep);
    font-family: var(--font-sans);
    font-size: clamp(2.7rem, 5.15vw, 5rem);
    font-weight: 800;
    letter-spacing: -.065em;
    line-height: 1.04;
}

.home-hero__title-brand {
    display: block;
    margin-bottom: 12px;
    color: var(--teal-deep);
    font-family: var(--font-mono);
    font-size: .25em;
    font-weight: 500;
    letter-spacing: .14em;
    line-height: 1.35;
    text-transform: uppercase;
}

.home-hero__title-main {
    display: block;
}

.home-hero__lead {
    max-width: 560px;
    color: #4c6079;
    font-size: clamp(1rem, 1.25vw, 1.12rem);
    line-height: 1.8;
}

.home-hero .site-actions {
    gap: 12px;
}

.home-hero__note {
    max-width: 540px;
    color: #6c7e93;
    font-size: .78rem;
}

.home-hero__note > span {
    color: var(--teal);
}

.home-hero__visual {
    position: relative;
    display: grid;
    min-height: 500px;
    place-items: center;
    overflow: visible;
    isolation: isolate;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.home-hero__visual::before,
.home-hero__visual::after {
    display: none;
}

.home-hero__visual-glow {
    position: absolute;
    z-index: -1;
    width: min(88%, 470px);
    aspect-ratio: 1;
    border: 1px solid rgba(83, 156, 221, .14);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .66) 0 22%, transparent 22.5%),
        radial-gradient(circle at 50% 50%, rgba(112, 181, 239, .12) 0 45%, transparent 45.5%);
    box-shadow: inset 0 0 70px rgba(255, 255, 255, .58);
}

.home-hero__visual-label {
    position: absolute;
    top: 17px;
    right: 2%;
    left: 2%;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #59708a;
    font-family: var(--font-mono);
    font-size: .56rem;
    letter-spacing: .09em;
}

.home-hero__visual-label span:last-child {
    color: var(--teal-deep);
}

.home-hero__phone-shell {
    position: relative;
    z-index: 1;
    width: min(302px, 68%);
    height: 426px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, .86);
    border-radius: 36px;
    background: linear-gradient(145deg, #172f53, #0b1e3a);
    box-shadow: 0 34px 70px rgba(22, 55, 96, .28), 0 8px 20px rgba(22, 55, 96, .14);
    transform: rotate(3deg);
}

.home-hero__phone-screen {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    padding: 15px 17px 14px;
    border-radius: 28px;
    background: linear-gradient(160deg, #fff 0%, #f6faff 100%);
    color: var(--ink-deep);
}

.home-hero__phone-status,
.home-hero__phone-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-hero__phone-status {
    color: #6c7f94;
    font-size: .56rem;
    font-weight: 800;
}

.home-hero__phone-brand {
    justify-content: flex-start;
    gap: 8px;
    margin-top: 18px;
    color: var(--ink-deep);
    font-size: .68rem;
}

.home-hero__phone-brand > span:last-child {
    margin-left: auto;
    color: #74869b;
    font-size: .58rem;
    font-weight: 600;
}

.home-hero__phone-mark {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 8px;
    background: var(--teal);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
}

.home-hero__phone-heading {
    display: grid;
    gap: 8px;
    margin-top: 26px;
}

.home-hero__phone-heading small,
.home-hero__float-card small {
    color: var(--teal-deep);
    font-family: var(--font-mono);
    font-size: .51rem;
    font-weight: 500;
    letter-spacing: .1em;
}

.home-hero__phone-heading strong {
    color: var(--ink-deep);
    font-size: 1.43rem;
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: 1.13;
}

.home-hero__record-card {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 19px;
    padding: 12px 10px;
    border: 1px solid #e0eaf3;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 8px 16px rgba(20, 49, 82, .055);
}

.home-hero__record-icon {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    background: #e5f8ed;
    color: var(--teal-deep);
}

.home-hero__record-icon svg {
    width: 18px;
    height: 18px;
}

.home-hero__record-card > span:nth-child(2) {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.home-hero__record-card b {
    color: #233b5a;
    font-size: .65rem;
    font-weight: 800;
}

.home-hero__record-card small {
    color: #77889b;
    font-size: .52rem;
}

.home-hero__record-arrow {
    margin-left: auto;
    color: var(--teal);
    font-size: .9rem;
}

.home-hero__phone-steps {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 21px;
    color: #65778d;
    font-size: .49rem;
    font-weight: 700;
}

.home-hero__phone-steps span {
    display: grid;
    gap: 4px;
}

.home-hero__phone-steps b {
    color: var(--ink-deep);
    font-family: var(--font-mono);
    font-size: .56rem;
}

.home-hero__phone-steps i {
    height: 1px;
    flex: 1;
    background: #cbd8e7;
}

.home-hero__phone-foot {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 11px;
    border-top: 1px solid #e4edf5;
    color: #6b7e92;
    font-size: .53rem;
}

.home-hero__phone-foot > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--teal);
}

.home-hero__float-card {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 205px;
    padding: 13px 14px;
    border: 1px solid rgba(221, 232, 242, .95);
    border-radius: 15px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 18px 42px rgba(19, 48, 83, .14);
    color: var(--ink-deep);
}

.home-hero__float-card--top {
    top: 24%;
    left: -15%;
    animation: home-float 5s ease-in-out infinite;
}

.home-hero__float-card--bottom {
    right: -2%;
    bottom: -6%;
    animation: home-float 5.6s ease-in-out -1.5s infinite;
}

.home-hero__float-card > span:nth-child(2) {
    display: grid;
    gap: 4px;
}

.home-hero__float-card b {
    color: #243b59;
    font-size: .72rem;
    font-weight: 800;
}

.home-hero__float-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    background: #e5f8ed;
    color: var(--teal-deep);
}

.home-hero__float-icon svg {
    width: 19px;
    height: 19px;
}

.home-hero__float-check {
    display: grid;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    place-items: center;
    margin-left: auto;
    border-radius: 50%;
    background: var(--teal);
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
}

.home-hero__float-dot {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--signal-deep);
    box-shadow: 0 0 0 5px rgba(35, 173, 90, .12);
}

.home-hero__float-card--bottom > span:last-child {
    margin-left: auto;
    color: var(--teal);
    font-size: .9rem;
}

.home-hero__rail {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 12px;
    border-top: 1px solid rgba(178, 199, 219, .66);
    color: #657991;
    font-size: .7rem;
}

.home-hero__rail strong {
    color: var(--ink-deep);
    font-size: .75rem;
    font-weight: 800;
}

.home-hero__rail i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--teal);
}

.home-hero__rail a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    color: var(--teal-deep);
    font-weight: 800;
    text-decoration: none;
}

.site-section {
    padding-block: clamp(64px, 8vw, 100px);
}

.site-section--tint {
    background: #f0f7fd;
}

.site-section--ink,
.home-final-cta {
    background: #10264a;
    color: #fff;
}

.site-section__heading h2,
.home-intro h2,
.home-trust h2,
.home-dashboard__copy h2,
.home-process__intro h2,
.home-search-band h2,
.home-final-cta h2 {
    color: var(--ink-deep);
    font-family: var(--font-sans);
    font-weight: 800;
    letter-spacing: -.055em;
}

.site-section--ink .site-eyebrow,
.home-final-cta .site-eyebrow {
    color: #8ceba8;
}

.site-section--ink h2,
.home-final-cta h2 {
    color: #fff;
}

.home-bento-card,
.home-service-card,
.home-blog-card {
    border: 1px solid #e0eaf3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(20, 49, 82, .045);
}

.home-bento-card:hover,
.home-service-card:hover,
.home-blog-card:hover {
    border-color: #c4e6d0;
    box-shadow: 0 18px 36px rgba(20, 49, 82, .09);
    transform: translateY(-3px);
}

.home-search-band {
    background: #10264a;
}

.home-search-band h2 {
    color: #fff;
}

.home-search input {
    border-radius: 999px;
    background: #fff;
}

.home-search button {
    border-radius: 50%;
    background: var(--teal);
}

.home-dashboard__visual {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 22px;
    background: linear-gradient(145deg, #173966, #10264a);
    box-shadow: 0 24px 54px rgba(14, 36, 70, .18);
}

.home-dashboard__footer {
    border-color: rgba(255, 255, 255, .17);
}

.home-process__steps li {
    border-color: rgba(255, 255, 255, .16);
}

.home-final-cta {
    background:
        radial-gradient(circle at 85% 20%, rgba(59, 183, 103, .2), transparent 29%),
        #10264a;
}

.site-footer {
    background: #0d2040;
    color: #d8e2ef;
}

.site-footer__signal {
    color: #93eaaa;
}

.site-footer__heading {
    color: #fff;
}

.site-footer__links a,
.site-footer__contact a,
.site-footer__contact span {
    color: #c1cede;
}

.site-footer__bottom {
    border-color: rgba(255, 255, 255, .16);
}

.site-footer__back,
.site-footer__bottom p {
    color: #aebed1;
}

.site-nav__mobile summary {
    border-color: #d9e5f0;
    border-radius: 12px;
    background: #fff;
    color: var(--ink-deep);
}

.site-nav__mobile summary::after {
    display: none;
    content: none;
}

.site-nav__mobile-panel {
    border-color: #d9e5f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 52px rgba(16, 38, 74, .18);
}

.site-nav__mobile-head {
    border-color: #e1eaf2;
}

.site-nav__mobile-link {
    border-color: #e1eaf2;
    color: var(--ink-deep);
    font-family: var(--font-sans);
    font-size: 1.02rem;
    font-weight: 750;
}

.site-nav__mobile-link span,
.site-nav__mobile-services a {
    color: var(--teal-deep);
}

.site-mobile-cta a,
.home-mobile-cta a {
    border: 1px solid #0b8a49;
    background: #0b8a49;
    box-shadow: 0 10px 30px rgba(13, 87, 52, .22);
    color: #fff;
}

.site-page-hero {
    background:
        radial-gradient(ellipse at 83% 15%, rgba(112, 182, 240, .18), transparent 36%),
        linear-gradient(115deg, #edf6ff, #f8fbff);
}

.site-page-hero h1 {
    color: var(--ink-deep);
    font-family: var(--font-sans);
    font-weight: 800;
    letter-spacing: -.055em;
}

@keyframes home-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@media (max-width: 1080px) {
    .site-brand__tagline {
        max-width: 250px;
    }

    .site-nav {
        gap: 4px;
    }

    .site-nav__link {
        padding-inline: 8px;
        font-size: .63rem;
    }

    .site-nav__contact {
        padding-inline: 12px;
    }

    .home-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
        gap: 30px;
    }

    .home-hero__visual {
        min-height: 460px;
    }

    .home-hero__float-card {
        display: none;
    }
}

@media (max-width: 820px) {
    .site-announcement__inner {
        min-height: 36px;
        font-size: .64rem;
    }

    .site-header__inner {
        min-height: 74px;
    }

    .site-nav__mobile-panel {
        top: calc(100% + 8px);
    }

    .site-mega__panel {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .site-mega__intro {
        padding: 0 0 18px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .16);
    }

    .site-mega__intro h2,
    .site-mega__intro p {
        max-width: 520px;
    }

    .home-hero__grid {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 26px;
        padding-top: 56px;
        padding-bottom: 20px;
    }

    .home-hero__content h1 {
        max-width: 720px;
        font-size: clamp(2.8rem, 8vw, 4.7rem);
    }

    .home-hero__visual {
        min-height: 480px;
    }

    .home-hero__rail {
        flex-wrap: wrap;
        padding-block: 16px;
    }
}

@media (max-width: 560px) {
    .site-container {
        width: min(calc(100% - 32px), var(--container));
    }

    .site-announcement__inner {
        min-height: 34px;
        gap: 8px;
        font-size: .57rem;
    }

    .site-announcement__inner p {
        gap: 7px;
    }

    .site-announcement__inner > a {
        display: none;
    }

    .site-announcement__inner p {
        white-space: nowrap;
        font-size: .62rem;
    }

    .site-brand {
        gap: 9px;
    }

    .site-brand__mark {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 12px;
    }

    .site-brand__name {
        max-width: 185px;
        font-size: .7rem;
    }

    .site-brand__tagline {
        max-width: 190px;
        font-size: .52rem;
    }

    .home-hero__grid {
        gap: 20px;
        padding-top: 42px;
    }

    .home-hero__content h1 {
        margin-block: 15px;
        font-size: clamp(2.45rem, 11vw, 3.5rem);
        letter-spacing: -.06em;
    }

    .home-hero__title-brand {
        margin-bottom: 8px;
        font-size: .27em;
    }

    .home-hero__lead {
        font-size: .98rem;
        line-height: 1.7;
    }

    .home-hero .site-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .home-hero .site-actions .site-button {
        justify-content: center;
        width: 100%;
    }

    .home-hero__visual {
        min-height: 410px;
        margin-inline: -8px;
    }

    .home-hero__visual-label {
        top: 3px;
        right: 7%;
        left: 7%;
        font-size: .47rem;
    }

    .home-hero__phone-shell {
        width: min(260px, 67%);
        height: 368px;
        padding: 7px;
        border-radius: 31px;
    }

    .home-hero__phone-screen {
        padding: 12px 13px 11px;
        border-radius: 25px;
    }

    .home-hero__phone-brand {
        margin-top: 13px;
    }

    .home-hero__phone-heading {
        margin-top: 20px;
    }

    .home-hero__phone-heading strong {
        font-size: 1.25rem;
    }

    .home-hero__record-card {
        margin-top: 14px;
        padding: 9px 8px;
    }

    .home-hero__phone-steps {
        margin-top: 15px;
        gap: 4px;
    }

    .home-hero__float-card {
        min-width: 174px;
        gap: 7px;
        padding: 10px;
        border-radius: 13px;
    }

    .home-hero__rail {
        display: grid;
        grid-template-columns: auto auto 1fr;
        gap: 7px 9px;
        font-size: .62rem;
    }

    .home-hero__rail a {
        grid-column: 1 / -1;
        margin: 4px 0 0;
    }

    .site-section {
        padding-block: 60px;
    }

    .site-mega__categories {
        grid-template-columns: 1fr;
    }

    .site-page-hero {
        padding-block: 48px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero__float-card {
        animation: none;
    }
}