.hm-growth{padding:50px 0 80px;background:linear-gradient(135deg,#eceaff,#f0eeff,#f5f3ff)}.hm-growth-header{text-align:center;max-width:760px;margin:0 auto 40px}.hm-growth-label{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:#7b61ff;margin-bottom:8px}.hm-growth-label:before{content:"";width:16px;height:16px;border-radius:50%;background:#7b61ff}.hm-growth-header h2{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(28px,3vw,44px);line-height:1.2;color:#05053e;margin:0 0 16px}.hm-growth-header p{color:#5f5d68;font-size:16px;line-height:26px;margin:0}.hm-growth-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}.hm-growth-diagram{position:relative;min-height:499px;display:flex;align-items:center;justify-content:center}.hm-growth-diagram img,.hm-growth-diagram__svg{max-width:100%;height:auto;display:block}.hm-growth-diagram__svg [data-growth-stage]{cursor:pointer}.hm-growth-diagram__svg .growth-stage-pulse{pointer-events:none}.hm-growth-diagram__svg .growth-stage-pulse--hover{opacity:.95}.hm-growth-diagram__svg .growth-stage-pulse-ring{fill:none;stroke:#a8c8ff;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:hm-growth-stage-radar 2s cubic-bezier(.22,.61,.36,1) infinite}.hm-growth-diagram__svg .growth-stage-pulse-ring--delay{animation-delay:1s}@keyframes hm-growth-stage-radar{0%{transform:scale(1);opacity:.7}70%{opacity:.18}to{transform:scale(2.2);opacity:0}}@media (prefers-reduced-motion: reduce){.hm-growth-diagram__svg .growth-stage-pulse-ring{animation:none;opacity:.35;transform:scale(1.35)}}.hm-growth-stages{display:flex;flex-direction:column;gap:16px;max-width:360px;width:100%;justify-self:end}.hm-growth-controls{display:flex;align-items:center;gap:12px;margin-top:4px;width:100%}.hm-growth-stage-nav{display:flex;flex:1;gap:6px;margin:0;min-width:0}.hm-growth-stage-nav button{flex:1;height:4px;border:none;border-radius:2px;background:#e6e2ff;cursor:pointer;padding:0}.hm-growth-stage-nav button.active{background:#7b61ff}.hm-growth-prev,.hm-growth-next{display:inline-flex;align-items:center;gap:8px;color:#7b61ff;font-weight:600;font-size:14px;background:none;border:none;cursor:pointer;margin:0;padding:0;white-space:nowrap;flex-shrink:0}.hm-growth-prev:hover,.hm-growth-next:hover{color:#05053e}.hm-growth-cards{display:grid;width:100%}.hm-growth-cards>.hm-growth-panel{grid-area:1 / 1;height:100%;display:flex;flex-direction:column}.hm-growth-cards>.hm-growth-panel[hidden]{display:flex!important;visibility:hidden;pointer-events:none;z-index:0}.hm-growth-cards>.hm-growth-panel.active{visibility:visible;pointer-events:auto;z-index:1}.hm-growth-card{background:#fff;border:1px solid #bcafff;border-radius:20px;padding:22px;box-shadow:0 17px 33px #0b0b2e0a;transition:border-color .3s ease,box-shadow .3s ease}.hm-growth-card.active{border-color:#a8c8ff;box-shadow:0 0 0 1px #a8c8ff8c,0 0 18px #a8c8ffa6,0 0 36px #7b61ff38,0 17px 33px #0b0b2e0a}.hm-growth-card.dark{background:#05053e;border-color:#e6e2ff;color:#f5f6ff}.hm-growth-card.dark.active{border-color:#a8c8ff;box-shadow:0 0 0 1px #a8c8ff73,0 0 20px #a8c8ff80,0 0 40px #7b61ff47,0 17px 33px #0b0b2e0a}.hm-growth-card-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}.hm-growth-card-num{width:28px;height:28px;border-radius:100px;background:#05053e;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.hm-growth-card.dark .hm-growth-card-num{background:#7b61ff}.hm-growth-card-eyebrow span:last-child{font-size:16px;font-weight:500;color:#05053e}.hm-growth-card.dark .hm-growth-card-eyebrow span:last-child{color:#fff}.hm-growth-card h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:24px;line-height:32px;color:#05053e;margin:0 0 16px}.hm-growth-card.dark h3{color:#fff}.hm-growth-card>p{color:#474650;font-size:15px;line-height:24px;margin:0 0 16px}.hm-growth-card.dark>p{color:#f5f6ffcc}.hm-growth-feature{display:flex;gap:16px;align-items:center;margin-bottom:16px}.hm-growth-feature-icon{width:48px;height:48px;border-radius:12px;background:#f5f6ff;display:flex;align-items:center;justify-content:center;color:#7b61ff;flex-shrink:0}.hm-growth-feature h4{margin:0;font-size:16px;font-weight:500;color:#05053e}.hm-growth-feature p{margin:0;font-size:14px;line-height:20px;color:#5f5d68}.hm-growth-tags{display:flex;flex-wrap:wrap;gap:8px}.hm-growth-tag{background:#f5f6ff;border-radius:100px;padding:8px 16px;font-size:12px;color:#05053e}.hm-growth-engage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.hm-growth-engage-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px 16px;color:#f5f6ff;font-size:12px;font-weight:600}.hm-growth-engage-item i{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:#7b61ff;border-radius:6px;margin-bottom:8px}.hm-growth-flow{font-size:12px;color:#ffffffd9;margin:0}.hm-growth-checklist{margin:0 0 12px;padding:12px 16px;border:1px solid #bcafff;border-radius:16px}.hm-growth-checklist strong{display:block;font-family:Space Grotesk,sans-serif;font-size:12px;margin-bottom:8px;color:#05053e}.hm-growth-checklist ul{list-style:none;margin:0;padding:0}.hm-growth-checklist li{display:flex;align-items:center;gap:10px;font-size:14px;color:#5f5d68;margin-bottom:6px}.hm-growth-checklist li:last-child{margin-bottom:0}.hm-growth-checklist li i{color:#7b61ff;font-size:12px}.hm-growth-chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hm-growth-chip{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #d6d0ff;border-radius:8px;background:#ffffff52;font-size:14px;color:#05053e}.hm-growth-chip i{color:#7b61ff}.hm-growth-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hm-growth-metric{text-align:center;padding:12px 10px;border:1px solid #d6d0ff;border-radius:12px;background:#f5f6ff52}.hm-growth-metric strong{display:block;color:#7b61ff;font-size:14px;font-weight:500}.hm-growth-metric span{font-size:12px;color:#5f5d68}.hm-growth-cta-wrap{text-align:center;margin-top:36px}.hm-growth-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 32px;background:#1a1a4d;color:#f5f6ff;border-radius:6px;font-weight:500;text-decoration:none;transition:background .2s ease}.hm-growth-cta:hover{background:#05053e;color:#fff}.hm-ai-search{padding:clamp(48px,6vw,96px) 0;background:#f8f7fc;position:relative;overflow:hidden}.hm-ai-search:before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#7b61ff1f,#7b61ff00 68%);pointer-events:none}.hm-ai-search-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,72px);align-items:center;position:relative;z-index:1}.hm-ai-search-copy{display:flex;flex-direction:column;gap:22px;min-width:0}.hm-ai-search-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#6b6779}.hm-ai-search-dot{width:7px;height:7px;border-radius:50%;background:#7b61ff;flex-shrink:0}.hm-ai-search-copy h2{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.02em;color:#0b0b2e;margin:0;text-wrap:balance}.hm-ai-search-accent{color:#7b61ff}.hm-ai-search-lead{margin:0;font-size:clamp(16px,1.1vw,18px);line-height:1.62;color:#474650;max-width:42ch}.hm-ai-search-quote{display:grid;grid-template-columns:3px 1fr;gap:20px;align-items:stretch;margin:0}.hm-ai-search-quote:before{content:"";background:#c8c7d4;border-radius:2px}.hm-ai-search-quote p{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(17px,1.4vw,22px);line-height:1.42;letter-spacing:-.01em;color:#0b0b2e}.hm-ai-search-quote em{font-style:normal;background:linear-gradient(180deg,transparent 62%,rgba(123,97,255,.22) 62%)}.hm-ai-search-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hm-ai-search-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;background:#05053e;color:#f5f6ff;border-radius:999px;font-weight:600;font-size:16px;letter-spacing:-.01em;text-decoration:none;transition:background .2s ease,color .2s ease}.hm-ai-search-cta:hover{background:#7b61ff;color:#fff}.hm-ai-search-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid #d4d6f0;border-radius:999px;color:#05053e;font-weight:500;font-size:16px;text-decoration:none;transition:border-color .2s ease,background .2s ease}.hm-ai-search-cta-secondary:hover{border-color:#05053e;background:#fff;color:#05053e}.hm-ai-search-trust{display:flex;flex-wrap:wrap;gap:28px;padding-top:22px;margin-top:4px;border-top:1px solid #e6e2ff}.hm-ai-search-trust strong{display:block;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.02em;color:#0b0b2e;line-height:1.2}.hm-ai-search-trust span{display:block;margin-top:4px;font-size:13px;color:#6b6779}.hm-ai-panel-wrap{display:flex;flex-direction:column;gap:14px;min-width:0}.hm-ai-engine-tabs{display:flex;flex-wrap:wrap;gap:8px}.hm-ai-engine-tab{cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:.06em;padding:9px 13px;border-radius:999px;background:transparent;color:#6b6779;border:1px solid #d4d6f0;transition:all .18s ease}.hm-ai-engine-tab.is-active,.hm-ai-engine-tab[aria-selected=true]{background:#05053e;color:#f5f6ff;border-color:#05053e}.hm-ai-panel{background:#fff;border:1px solid #e6e2ff;border-radius:20px;padding:0;box-shadow:0 30px 60px -34px #0b0b2e47;overflow:hidden}.hm-ai-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #f0edf8}.hm-ai-panel-engine{display:flex;align-items:center;gap:10px;min-width:0}.hm-ai-panel-live{width:8px;height:8px;border-radius:50%;background:#7b61ff;flex-shrink:0}.hm-ai-panel-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#6b6779}.hm-ai-panel-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.08em;color:#4b3db8;background:#7b61ff1a;border-radius:999px;padding:5px 11px;white-space:nowrap}.hm-ai-panel-block{display:flex;flex-direction:column;gap:8px;padding:0 20px}.hm-ai-panel-block:first-of-type{padding-top:22px}.hm-ai-panel-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#9a96a6;margin:0}.hm-ai-panel-box{border:1px solid #e6e2ff;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.55;color:#27272a}.hm-ai-panel-box--prompt{background:#f5f6ff;color:#3d3a47}.hm-ai-panel-box--answer{background:#fff;color:#0b0b2e;min-height:104px}.hm-ai-panel-box--answer strong{font-weight:600;color:#4b3db8;box-shadow:inset 0 -.62em #7b61ff29}.hm-ai-caret{display:inline-block;width:2px;height:1.05em;vertical-align:-.18em;margin-left:2px;background:#7b61ff;animation:hm-ai-blink 1s steps(1) infinite}@keyframes hm-ai-blink{0%,49%{opacity:1}50%,to{opacity:0}}.hm-ai-panel-entity{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:18px 20px 0;background:#faf9ff;border:1px solid #e6e2ff;border-radius:12px;padding:14px 16px}.hm-ai-panel-entity-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.hm-ai-panel-entity-copy strong{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.01em;color:#0b0b2e}.hm-ai-panel-entity-copy span{font-size:13px;line-height:1.45;color:#6b6779}.hm-ai-panel-entity-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.08em;color:#05053e;border:1px solid #d4d6f0;border-radius:999px;padding:5px 10px;white-space:nowrap}.hm-ai-panel-sources{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 20px 22px;padding-top:14px;border-top:1px solid #f0edf8}.hm-ai-panel-source-list{display:flex;flex-wrap:wrap;gap:8px}.hm-ai-panel-source-list span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;color:#3d3a47;background:#f5f6ff;border-radius:6px;padding:5px 9px}.hm-ai-panel-note{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:.05em;color:#9a96a6}@media (max-width: 1199px){.hm-growth-layout,.hm-ai-search-inner{grid-template-columns:1fr;gap:40px;justify-items:center}.hm-growth-stages{justify-self:center;max-width:360px;width:100%}.hm-growth-diagram{min-height:0;width:100%}.hm-growth-diagram img,.hm-growth-diagram__svg{max-width:min(100%,420px);height:auto;margin-inline:auto}.hm-ai-search-copy,.hm-ai-panel-wrap{width:100%;max-width:640px}}@media (max-width: 991px){.hm-growth{padding:40px 0 56px}.hm-ai-search{padding:48px 0 56px}.hm-ai-search-copy h2{font-size:clamp(28px,5vw,40px)}}@media (max-width: 767px){.hm-ai-search-copy h2{font-size:clamp(28px,7vw,36px)}.hm-ai-search-trust{gap:16px}.hm-ai-search:before{right:-40%;width:360px;height:360px}.hm-ai-panel-bar,.hm-ai-panel-block,.hm-ai-panel-entity,.hm-ai-panel-sources{padding-left:16px;padding-right:16px}.hm-growth-cta{width:100%;justify-content:center}.hm-growth-controls{flex-wrap:wrap;justify-content:space-between;row-gap:10px}.hm-growth-stage-nav{order:-1;flex:1 0 100%}.hm-growth-prev,.hm-growth-next{font-size:13px;width:auto}}@media (max-width: 575px){.hm-growth-engage-grid,.hm-growth-chip-grid,.hm-growth-metrics{grid-template-columns:1fr}.hm-ai-search-actions{flex-direction:column;align-items:stretch}.hm-ai-search-cta,.hm-ai-search-cta-secondary{width:100%;justify-content:center}.hm-ai-panel-entity{grid-template-columns:1fr}.hm-ai-engine-tabs{flex-wrap:wrap;gap:8px}.hm-ai-engine-tab{flex:1 1 calc(50% - 8px);min-width:0;justify-content:center}}

.hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 48px;
    align-items: center;
    width: 100%
}

.hero-section .hero-content {
    max-width: 640px;
    margin: 0;
    align-items: flex-start;
    text-align: left;
    gap: 18px
}

.hero-section .hero-desc,
.hero-section .hero-services {
    max-width: 560px
}

.hero-section .hero-btns {
    justify-content: flex-start;
    width: auto
}

.hero-section {
    height: auto !important;
    align-items: flex-start
}

.hero-contact {
    width: 100%;
    max-width: 420px;
    justify-self: end;
    align-self: flex-start
}

.hero-contact__card {
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(5, 5, 62, .28);
    margin: 0
}

.hero-contact__embed {
    height: auto;
    overflow: hidden
}

.hero-contact__embed iframe {
    display: block;
    width: 100%;
    min-height: 0;
    border: none;
    background: #fff
}

.hero-contact__header {
    padding: 14px 16px;
    background: linear-gradient(90deg, #6957ff 0%, #b59dff 100%);
    text-align: center
}

.hero-contact__header h2 {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
    color: #fff
}

.hero-contact__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 16px 18px
}

.hero-contact__body label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #6b6779
}

.hero-contact__body input {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #e4e0ff;
    border-radius: 10px;
    background: #fff;
    font-family: Inter, sans-serif;
    font-size: 14px;
    color: #05053e;
    box-sizing: border-box
}

.hero-contact__body input:focus {
    outline: none;
    border-color: #b7a6ff
}

.hero-contact__body input.is-invalid {
    border-color: #d92d20
}

.hero-contact__error,
.hero-contact__status {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: #d92d20
}

.hero-contact__status.is-success {
    color: #067647
}

.hero-contact__body button {
    width: 100%;
    height: 42px;
    margin-top: 4px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(90deg, #6957ff 0%, #b59dff 100%);
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

.hero-contact__body button:disabled {
    cursor: default;
    opacity: .7
}

.hv-contact {
    --ub-form-max: 1292px;
    --ub-form-pad: 24px;
    position: relative;
    min-height: 0;
    box-sizing: border-box;
    padding: 80px max(var(--ub-form-pad), calc((100vw - var(--ub-form-max)) / 2)) 120px;
    background-image: linear-gradient(270deg, rgba(102, 102, 102, .2) 0, rgba(216, 216, 255, .2) 100%), url('../images/hvac-marketing/contact-bg.webp');
    background-size: auto, 132% auto;
    background-position: top left, top left;
    background-repeat: no-repeat
}

.hv-contact__inner {
    width: 100%;
    max-width: var(--ub-form-max);
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box
}

.hv-contact__card {
    width: min(680px, 100%);
    max-width: 100%;
    padding-bottom: 0;
    overflow: hidden;
    border-radius: 20px;
    background: #fff
}

.hv-contact__header {
    padding: 16px 20px;
    background: linear-gradient(90deg, #6957ff 0, #b59dff 100%);
    text-align: center
}

.hv-contact__header h2 {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #fff
}

.hv-contact__card iframe {
    display: block;
    width: 100% !important;
    min-height: 0;
    border: none;
    background: #fff
}

@media (min-width: 1200px) {
    .hv-contact {
        --ub-form-pad: 40px
    }
}

@media (min-width: 1600px) {
    .hv-contact {
        --ub-form-max: 1400px;
        --ub-form-pad: 48px
    }
}

@media (min-width: 1920px) {
    .hv-contact {
        --ub-form-max: 1520px;
        --ub-form-pad: 56px
    }
}

@media (min-width: 2560px) {
    .hv-contact {
        --ub-form-max: 1680px;
        --ub-form-pad: 64px
    }
}

@media (max-width: 1100px) {
    .hv-contact {
        --ub-form-pad: 20px
    }
}

@media (max-width: 800px) {
    .hv-contact {
        --ub-form-pad: 16px
    }
}

@media (max-width: 480px) {
    .hv-contact {
        --ub-form-pad: 14px
    }
}

@media (min-width: 992px) {
    .hv-contact {
        min-height: 0;
        background-size: auto, cover
    }
}

@media (max-width: 1199.98px) {
    .hv-contact {
        padding-top: 64px;
        padding-bottom: 88px
    }

    .hv-contact__inner {
        justify-content: center
    }

    .hv-contact__card {
        width: min(640px, 100%)
    }
}

@media (max-width: 991px) {
    .hero-section .hero-content {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        text-align: center
    }

    .hero-section .hero-desc,
    .hero-section .hero-services {
        margin-left: auto;
        margin-right: auto
    }

    .hero-section .hero-btns {
        justify-content: center;
        width: 100%
    }

    .hero-contact {
        justify-self: center
    }

    .hv-contact {
        min-height: 0;
        background-size: auto, cover
    }
}

@media (max-width: 767px) {
    .hero-section .hero-btns {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 12px
    }

    .hero-section .hero-btns a {
        width: 100%;
        min-width: 0;
        max-width: 340px;
        height: 52px;
        padding: 0 20px;
        box-sizing: border-box;
        white-space: nowrap
    }

    .hv-contact {
        padding-top: 48px;
        padding-bottom: 72px
    }

    .hv-contact__card {
        width: 100%
    }
}

.hm-cite {
    padding: 50px 0;
    background: #fff
}

.hm-cite__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 36px
}

.hm-cite__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 0 0 691px;
    width: 691px;
    max-width: 100%;
    padding-top: 30px;
    min-width: 0
}

.hm-cite h2 {
    width: 644px;
    max-width: 100%;
    margin: 0;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    letter-spacing: 0;
    color: #0b0b2e
}

.hm-cite h2 span {
    color: #7b61ff
}

.hm-cite__stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

.hm-cite__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.hm-cite__text p,
.hm-cite h3 {
    width: 601px;
    max-width: 100%;
    margin: 0
}

.hm-cite__text p {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.192px;
    color: #474650
}

.hm-cite h3 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    color: #1a1a4d
}

.hm-cite__quote {
    width: 100%;
    padding: 8.9px 0 8px 25px;
    border-left: 1px solid #18181b
}

.hm-cite__quote div {
    margin: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #27272a
}

.hm-cite__quote strong {
    font-weight: 500;
    color: #09090b
}

.hm-cite__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin-top: 15.2px;
    padding: 0 32px;
    border: 1px solid #1a1a4d;
    border-radius: 6px;
    background: #1a1a4d;
    color: #f5f6ff;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.192px;
    text-decoration: none;
    white-space: nowrap
}

.hm-cite__panel {
    display: flex;
    flex-direction: column;
    gap: 28px;
    flex: 1 1 0;
    min-width: 0
}

.hm-cite__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 8px;
    width: 100%;
    padding: 0 20px
}

.hm-cite__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 21px;
    border: 1px solid #e6e2ff;
    border-radius: 9999px;
    background: #fff;
    color: #5f5d68;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none
}

.hm-cite__tab.is-active {
    padding: 8px 24px;
    border-color: transparent;
    background: #05053e;
    color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.hm-cite__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 24px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16)
}

.hm-cite__card-main {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

.hm-cite__ask {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%
}

.hm-cite__ask-label {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #94a3b8
}

.hm-cite__prompt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 9px 13px;
    border: 1px solid rgba(226, 232, 240, .8);
    border-radius: 9999px;
    background: #f5f6ff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .03)
}

.hm-cite__prompt-left,
.hm-cite__prompt-right {
    display: flex;
    align-items: center
}

.hm-cite__prompt-left {
    gap: 8px;
    min-width: 0;
    padding-left: 4px
}

.hm-cite__prompt-right {
    gap: 6px;
    flex-shrink: 0
}

.hm-cite__icon-btn,
.hm-cite__wave {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 9999px
}

.hm-cite__icon-btn {
    width: 28px;
    height: 28px
}

.hm-cite__wave {
    width: 32px;
    height: 32px;
    background: #7b61ff
}

.hm-cite__prompt img,
.hm-cite__rating img,
.hm-cite__copy-phone img,
.hm-cite__actions img {
    display: block;
    width: auto;
    height: auto;
    max-width: none
}

.hm-cite__prompt-text {
    margin: 0;
    overflow: hidden;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #334155;
    white-space: nowrap
}

.hm-cite__answer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.hm-cite__answer > p {
    margin: 0;
    min-height: 0;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24.38px;
    color: #5f5d68
}

.hm-cite__row {
    display: block
}

.hm-cite.is-playing [data-cite-line]:not(.is-visible) {
    display: none
}

.hm-cite.is-playing .hm-cite__biz:not(.is-visible) {
    display: none
}

.hm-cite__answer > p strong {
    font-weight: 600;
    color: #4b3db8;
    box-shadow: inset 0 -0.62em rgba(123, 97, 255, .16)
}

.hm-cite__caret {
    display: inline-block;
    width: 2px;
    height: 1.05em;
    margin-left: 2px;
    vertical-align: -0.18em;
    background: #7b61ff;
    animation: hm-cite-blink 1s steps(1) infinite
}

.hm-cite__caret.is-done {
    display: none
}

@keyframes hm-cite-blink {
    50% {
        opacity: 0
    }
}

@media (prefers-reduced-motion: reduce) {
    .hm-cite__caret {
        animation: none
    }
}

.hm-cite.is-playing .hm-cite__options {
    display: none
}

.hm-cite.is-playing .hm-cite__options.is-visible {
    display: flex
}

.hm-cite__options {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.hm-cite__options h4 {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 22.5px;
    letter-spacing: -0.375px;
    color: #05053e
}

.hm-cite__biz {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 21px;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 16px;
    background: #fff
}

.hm-cite__biz-top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%
}

.hm-cite__photo {
    display: flex;
    flex-shrink: 0;
    width: 130px;
    height: 125px;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .7);
    border-radius: 12px;
    background: #f1f5f9
}

.hm-cite__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hm-cite__biz-info {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 3px;
    min-width: 0
}

.hm-cite__biz-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%
}

.hm-cite__biz-title p {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0f172a;
    text-decoration: underline;
    text-decoration-color: #cbd5e1;
    text-decoration-thickness: 1px;
    text-underline-offset: from-font;
    white-space: pre
}

.hm-cite__biz-title span {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid rgba(167, 243, 208, .6);
    border-radius: 4px;
    background: #ecfdf5;
    color: #047857;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    white-space: nowrap
}

.hm-cite__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding-top: 3px
}

.hm-cite__score {
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.hm-cite__rating strong,
.hm-cite__rating span {
    font-family: Inter, sans-serif;
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap
}

.hm-cite__rating strong {
    font-weight: 600;
    color: #0f172a
}

.hm-cite__rating span {
    font-weight: 400;
    color: #64748b
}

.hm-cite__line,
.hm-cite__call {
    margin: 0;
    width: 100%;
    font-family: Inter, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #475569
}

.hm-cite__line {
    padding-top: 5px;
    font-weight: 400
}

.hm-cite__line--address {
    padding-top: 12px
}

.hm-cite__call {
    padding-top: 4.99px;
    font-size: 13.5px;
    color: #0f172a
}

.hm-cite__call strong {
    font-weight: 600
}

.hm-cite__call span {
    font-weight: 400;
    color: #334155
}

.hm-cite__copy-phone {
    width: 100%;
    padding-top: 13px;
    border-top: 1px solid #f1f5f9
}

.hm-cite__copy-phone button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 17px;
    border: 1px solid #cbd5e1;
    border-radius: 9999px;
    background: #fff;
    color: #05053e;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    cursor: default
}

.hm-cite__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 4px 0;
    border-top: 1px solid #f1f5f9
}

.hm-cite__actions div {
    display: flex;
    align-items: center;
    gap: 8px
}

.hm-cite__actions img {
    padding: 6px;
    border-radius: 6px;
    box-sizing: content-box
}

.hm-cite__note {
    margin: 0;
    width: 100%;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #64748b;
    text-align: center
}

@media (max-width: 1199.98px) {
    .hm-cite__inner {
        flex-direction: column
    }

    .hm-cite__copy {
        flex-basis: auto;
        width: 100%;
        padding-top: 0
    }

    .hm-cite h2,
    .hm-cite__text p,
    .hm-cite h3 {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .hm-cite {
        padding: 40px 0
    }

    .hm-cite__tabs {
        padding: 0
    }

    .hm-cite__card {
        padding: 16px;
        border-radius: 20px
    }

    .hm-cite__biz-top {
        flex-direction: column
    }

    .hm-cite__prompt-text {
        white-space: normal
    }
}

.hm-loop {
    position: relative;
    overflow: hidden;
    padding: 72px 0 84px;
    background: linear-gradient(180deg, #dcddfe 0%, #e5e6ff 55%, #dadcfd 100%)
}

.hm-loop::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 950px;
    height: 450px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
    filter: blur(48px);
    pointer-events: none
}

.hm-loop__header {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 0 auto;
    text-align: center
}

.hm-loop__pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 6px 14px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, .45);
    border: 1px solid rgba(102, 93, 245, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.hm-loop__pill-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #665df5;
    flex-shrink: 0;
    animation: hm-loop-dot 2.8s ease-in-out infinite
}

.hm-loop__pill span {
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #5a52e8
}

.hm-loop__title {
    margin: 0 0 20px;
    font-family: "Plus Jakarta Sans", "Space Grotesk", sans-serif;
    font-weight: 800;
    font-size: 44px;
    line-height: 1.16;
    letter-spacing: -.025em;
    color: #0b0c38
}

.hm-loop__lead {
    max-width: 680px;
    margin: 0 auto;
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
    color: #4a4d7c
}

.hm-loop__break {
    display: none
}

.hm-loop__stage {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 24px auto 0
}

.hm-loop__rays,
.hm-loop__rays-compact {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.hm-loop__rays-compact {
    display: none
}

.hm-loop__ray {
    transform-origin: 600px 450px;
    animation: hm-loop-ray 5.6s ease-in-out infinite
}

.hm-loop__ray--2,
.hm-loop__ray--5 {
    animation-delay: .7s
}

.hm-loop__ray--3,
.hm-loop__ray--4 {
    animation-delay: 1.4s
}

.hm-loop__ray.is-active {
    opacity: 1 !important;
    filter: drop-shadow(0 0 18px rgba(255, 255, 255, .95))
}

.hm-loop__mobile-ray {
    transform-origin: 50% 90%;
    animation: hm-loop-ray-compact 5.6s ease-in-out infinite
}

.hm-loop__mobile-ray--2 {
    animation-delay: .9s
}

.hm-loop__mobile-ray--3 {
    animation-delay: 1.8s
}

.hm-loop__mobile-ray--4 {
    animation-delay: .4s
}

.hm-loop__cards {
    position: relative;
    z-index: 2
}

.hm-loop__card {
    background: #fff;
    border-radius: 18px;
    padding: 20px 18px 18px;
    box-shadow: 0 14px 34px -8px rgba(15, 18, 76, .08), 0 4px 12px -2px rgba(15, 18, 76, .04), 0 0 0 1px rgba(102, 93, 245, .07);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    user-select: none
}

.hm-loop__card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px
}

.hm-loop__badge {
    width: 24px;
    height: 24px;
    border-radius: 9999px;
    background: #0b0c38;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(11, 12, 56, .25)
}

.hm-loop__card-title {
    margin: 0;
    font-family: "Plus Jakarta Sans", "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #0b0c38
}

.hm-loop__card-desc {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 14.5px;
    line-height: 1.38;
    font-weight: 600;
    letter-spacing: -.015em;
    color: #0b0c38
}

.hm-loop__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding-top: 16px
}

.hm-loop__tags span {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #23265a;
    background: #f1f2ff;
    padding: 3.5px 8.5px;
    border-radius: 9999px
}

.hm-loop__card:hover .hm-loop__tags span {
    background: #e4e6ff;
    color: #0b0c38
}

.hm-loop__hub {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center
}

.hm-loop__engine {
    position: relative;
    width: 158px;
    height: 158px;
    border-radius: 9999px;
    background: radial-gradient(circle at 38% 30%, #272d8c 0%, #121552 52%, #070824 100%);
    border: 1.5px solid rgba(165, 169, 255, .38);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    animation: hm-loop-engine 5.6s ease-in-out infinite
}

.hm-loop__engine::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, .12);
    pointer-events: none
}

.hm-loop__halo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 270px;
    height: 270px;
    border-radius: 9999px;
    background: radial-gradient(circle, rgba(255, 255, 255, .75) 0%, rgba(124, 118, 255, .28) 45%, rgba(220, 221, 254, 0) 72%);
    pointer-events: none;
    z-index: -1;
    animation: hm-loop-halo 5.6s ease-in-out infinite
}

.hm-loop__engine-kicker {
    position: relative;
    font-family: Inter, sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #b8bcff;
    margin-bottom: 4px
}

.hm-loop__engine-name {
    position: relative;
    font-family: "Plus Jakarta Sans", "Space Grotesk", sans-serif;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.18
}

@keyframes hm-loop-dot {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(102, 93, 245, .55)
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 0 7px rgba(102, 93, 245, 0)
    }
}

@keyframes hm-loop-ray {
    0%, 100% {
        opacity: .08;
        transform: scaleY(.92) scaleX(.94)
    }
    50% {
        opacity: .92;
        transform: scaleY(1.03) scaleX(1.03)
    }
}

@keyframes hm-loop-ray-compact {
    0%, 100% {
        opacity: .12;
        transform: scale(.95)
    }
    50% {
        opacity: .85;
        transform: scale(1.04)
    }
}

@keyframes hm-loop-engine {
    0%, 100% {
        box-shadow: 0 20px 45px -10px rgba(5, 5, 62, .55), 0 0 0 8px rgba(255, 255, 255, .28), 0 0 50px 8px rgba(123, 97, 255, .25)
    }
    50% {
        box-shadow: 0 24px 55px -8px rgba(5, 5, 62, .68), 0 0 0 12px rgba(255, 255, 255, .45), 0 0 75px 18px rgba(123, 97, 255, .45)
    }
}

@keyframes hm-loop-halo {
    0%, 100% {
        opacity: .25;
        transform: translate(-50%, -50%) scale(.9)
    }
    50% {
        opacity: .7;
        transform: translate(-50%, -50%) scale(1.18)
    }
}

@media (min-width: 1024px) {
    .hm-loop__stage {
        height: 550px
    }

    .hm-loop__cards {
        height: 360px
    }

    .hm-loop__card {
        position: absolute;
        width: 192px;
        min-height: 236px;
        transform-origin: center bottom;
        transition: transform .38s cubic-bezier(.16, 1, .3, 1), box-shadow .38s cubic-bezier(.16, 1, .3, 1)
    }

    .hm-loop__card[data-index="1"] {
        left: 10px;
        top: 108px;
        transform: rotate(-23deg);
        z-index: 1
    }

    .hm-loop__card[data-index="2"] {
        left: 196px;
        top: 42px;
        transform: rotate(-13.5deg);
        z-index: 2
    }

    .hm-loop__card[data-index="3"] {
        left: 388px;
        top: 8px;
        transform: rotate(-4.5deg);
        z-index: 3
    }

    .hm-loop__card[data-index="4"] {
        right: 388px;
        top: 8px;
        transform: rotate(4.5deg);
        z-index: 4
    }

    .hm-loop__card[data-index="5"] {
        right: 196px;
        top: 42px;
        transform: rotate(13.5deg);
        z-index: 5
    }

    .hm-loop__card[data-index="6"] {
        right: 10px;
        top: 108px;
        transform: rotate(23deg);
        z-index: 6
    }

    .hm-loop__card[data-index="1"]:hover {
        transform: rotate(-21deg) translateY(-12px) scale(1.03);
        z-index: 7
    }

    .hm-loop__card[data-index="2"]:hover {
        transform: rotate(-12deg) translateY(-12px) scale(1.03);
        z-index: 7
    }

    .hm-loop__card[data-index="3"]:hover {
        transform: rotate(-3.5deg) translateY(-12px) scale(1.03);
        z-index: 7
    }

    .hm-loop__card[data-index="4"]:hover {
        transform: rotate(3.5deg) translateY(-12px) scale(1.03);
        z-index: 7
    }

    .hm-loop__card[data-index="5"]:hover {
        transform: rotate(12deg) translateY(-12px) scale(1.03);
        z-index: 7
    }

    .hm-loop__card[data-index="6"]:hover {
        transform: rotate(21deg) translateY(-12px) scale(1.03);
        z-index: 7
    }

    .hm-loop__card:hover {
        box-shadow: 0 24px 44px -10px rgba(15, 18, 76, .16), 0 0 0 1.5px rgba(123, 97, 255, .35)
    }

    .hm-loop__hub {
        position: absolute;
        left: 50%;
        bottom: 6px;
        transform: translateX(-50%)
    }

    .hm-loop__engine:hover {
        transform: scale(1.05)
    }
}

@media (max-width: 1023.98px) and (min-width: 640px) {
    .hm-loop__rays {
        display: none
    }

    .hm-loop__rays-compact {
        display: block
    }

    .hm-loop__cards {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px
    }

    .hm-loop__card {
        min-height: 215px
    }

    .hm-loop__card[data-index="1"],
    .hm-loop__card[data-index="4"] {
        transform: rotate(-1.5deg) translateY(4px)
    }

    .hm-loop__card[data-index="3"],
    .hm-loop__card[data-index="6"] {
        transform: rotate(1.5deg) translateY(4px)
    }

    .hm-loop__hub {
        margin-top: 44px
    }
}

@media (min-width: 640px) {
    .hm-loop__break {
        display: inline
    }
}

@media (max-width: 769px) {
    .hm-loop__title {
        font-size: 28px !important;
        line-height: 1.22 !important
    }

    .hm-loop__card-title {
        font-size: 13.5px !important;
        line-height: 1.2 !important
    }
}

@media (min-width: 640px) and (max-width: 769px) {
    .hm-loop__title {
        font-size: 38px !important;
        line-height: 1.16 !important
    }
}

@media (max-width: 1100px) {
    .hm-loop {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media (max-width: 639.98px) {
    .hm-loop {
        padding: 44px 0 56px
    }

    .hm-loop__pill span {
        font-size: 12px
    }

    .hm-loop__lead {
        font-size: 13.5px
    }

    .hm-loop__rays {
        display: none
    }

    .hm-loop__rays-compact {
        display: block
    }

    .hm-loop__cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px
    }

    .hm-loop__card {
        min-height: 190px;
        padding: 15px 14px;
        border-radius: 16px
    }

    .hm-loop__hub {
        margin-top: 36px
    }

    .hm-loop__engine {
        width: 142px;
        height: 142px
    }
}

@media (prefers-reduced-motion: reduce) {
    .hm-loop__pill-dot,
    .hm-loop__ray,
    .hm-loop__mobile-ray,
    .hm-loop__engine,
    .hm-loop__halo {
        animation: none
    }
}

.case-studies{background:#fff}
.cs-carousel{position:relative;width:100%;overflow:hidden}
.cs-carousel__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#05053e;color:#fff;transform:translateY(-50%);cursor:pointer}
.cs-carousel__arrow--prev{left:16px}
.cs-carousel__arrow--next{right:16px}
.cs-carousel__arrow svg{display:block;width:24px;height:24px}
.cs-carousel__track{display:flex;width:max-content;will-change:transform}
.cs-carousel__track.is-ready{animation:csCarousel 48s linear infinite}
.cs-carousel:hover .cs-carousel__track{animation-play-state:paused}
.cs-carousel__group{display:flex;align-items:stretch;gap:20px;flex-shrink:0;padding-right:20px}
.cs-slide{position:relative;flex:0 0 325px;width:325px;height:492px;border-radius:24px;overflow:hidden;text-decoration:none;color:#fff}
.cs-slide__media{position:absolute;inset:0;overflow:hidden;border-radius:24px}
.cs-slide__media img{position:absolute;display:block;max-width:none}
.cs-slide__media img.is-cover{inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.cs-slide__media img.is-b{height:79.47%;left:-7.31%;top:-2.72%;width:120.31%}
.cs-slide__media img.is-c{height:100%;left:-22.07%;top:-2.71%;width:223.05%}
.cs-slide__media img.is-d{height:100%;left:-47.93%;top:.06%;width:264.87%}
.cs-slide__shade{position:absolute;inset:0;opacity:.82}
.cs-slide__shade.is-dark{background:linear-gradient(to bottom,rgba(5,5,62,.55) 0%,rgba(5,5,62,.16) 32%,rgba(5,5,62,.62) 100%)}
.cs-slide__shade.is-soft{background:linear-gradient(to bottom,rgba(5,5,62,.4) 0%,rgba(5,5,62,.1) 32%,rgba(5,5,62,.55) 100%)}
.cs-slide__logo{position:absolute;left:15.5px;top:16px;width:192px;height:89px;object-fit:cover;z-index:2}
.cs-slide__body{position:absolute;left:14.5px;right:14.5px;bottom:24px;width:auto;z-index:2;display:flex;flex-direction:column;gap:24px}
.cs-slide__lead{display:flex;flex-direction:column;gap:16px}
.cs-slide__stat{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.cs-slide__stat strong{font-family:"Space Grotesk",sans-serif!important;font-weight:700!important;font-size:36px!important;line-height:40px!important;letter-spacing:0;color:#b8a7ff!important}
.cs-slide__stat span{font-family:Inter,sans-serif!important;font-weight:500!important;font-size:16px!important;line-height:24px!important;letter-spacing:0;color:#fff!important;margin:0 0 4px}
.cs-slide__body h3{margin:0;font-family:Inter,sans-serif!important;font-weight:700!important;font-size:20px!important;line-height:28px!important;letter-spacing:0;color:#fff!important}
.cs-slide__metrics{display:flex;gap:18px}
.cs-slide__metric{width:101px}
.cs-slide__metric b{display:block;font-family:Inter,sans-serif!important;font-weight:700!important;font-size:20px!important;line-height:28px!important;letter-spacing:0;color:#fff!important}
.cs-slide__metric span{display:block;font-family:Inter,sans-serif!important;font-weight:400!important;font-size:12px!important;line-height:20px!important;letter-spacing:0;color:#cbd5e1!important}
button.cs-slide{appearance:none;border:0;padding:0;margin:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:#fff}
.cs-open{padding:8px 0 28px}
.cs-open__box{position:relative;display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:28px;align-items:center;padding:20px;border:1px solid #d9d6ea;border-radius:20px;background:#fff;box-shadow:0 8px 20px rgba(24,38,65,.1)}
.cs-open__image{width:100%;height:240px;object-fit:cover;object-position:left center;border-radius:16px;display:block}
.cs-open__stat{margin:0 0 8px;font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:28px;line-height:34px;color:#7b61ff}
.cs-open__title{margin:0 0 16px;font-family:Inter,sans-serif;font-weight:700;font-size:24px;line-height:32px;color:#05053e}
.cs-open__metrics{display:flex;flex-wrap:wrap;gap:16px 28px;margin:0 0 18px}
.cs-open__metrics p{margin:0}
.cs-open__metrics strong{display:block;font-family:Inter,sans-serif;font-weight:700;font-size:20px;line-height:28px;color:#05053e}
.cs-open__metrics span{display:block;font-family:Inter,sans-serif;font-size:14px;line-height:20px;color:#5f5d68}
.cs-open__more{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#7b61ff;text-decoration:none}
.cs-open__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f5f6ff;color:#05053e;font-size:24px;line-height:1;cursor:pointer}
@media (max-width:767.98px){
.cs-open__box{grid-template-columns:1fr;gap:16px;padding:16px}
.cs-open__image{height:200px}
.cs-open__title{font-size:20px;line-height:28px;padding-right:36px}
}
@keyframes csCarousel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
.cs-carousel{overflow-x:auto}
.cs-carousel__track,.cs-carousel__track.is-ready{animation:none}
}
