:root {
    --shilo-bg: #f5fafa;
    --shilo-offwhite: #fcfcff;
    --shilo-surface: #fff;
    --shilo-surface-muted: #eee;
    --shilo-primary: #553df2;
    --shilo-primary-hover: #434343;
    --shilo-accent: #e53a6e;
    --shilo-icon-back: #7b8cf5;
    --shilo-icon-front: #e8e8e8;
    --shilo-text: #000;
    --shilo-star-empty: #d0d0d0;
    --shilo-star-filled: #f28f3d
}

body {
    font-family: var(--font-family-default, 'Inter', sans-serif);
    color: var(--font-color-default, #363d49)
}

.hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.header .header__inner {
    background-color: var(--primary, #0f3732)
}

.header--fixed .header__inner {
    background-color: transparent
}

.header__navigation #nav>li:nth-last-child(-n+2)>a {
    background-color: #fff;
    color: #000;
    box-shadow: none
}

.header__navigation #nav>li:nth-last-child(-n+2)>a:hover {
    background-color: #1B1B1B;
    color: #fff
}

.ip-banner {
    display: none
}

#inner-page-wrapper .inner-page-container.max-container {
    max-width: 100%;
    padding: 0
}

.img-container {
    position: relative;
    display: block;
}

.img-container canvas {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--secondary, #06bda6);
}

.img-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
}

.img-container.no-bg canvas {
    background-color: transparent;
}

.img-container.no-bg img {
    object-fit: contain;
}

.bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-img.fixed {
    background-attachment: scroll;
}

.mobile .bg-img.fixed,
.safari-true .bg-img.fixed {
    background-attachment: scroll !important;
}

.section-title {
    color: var(--rs-text-color);
    font-size: var(--font-size-title, clamp(35px, 3.25vw, 52px));
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    font-family: var(--font-family-title, 'Outfit', sans-serif);
}

.section-title.wht {
    color: var(--font-color-light, #fff);
}

.title-accent {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.title-accent.wht {
    filter: brightness(0) invert(1);
}

/* GLOBAL BUTTON - copied from global.scss */
.global-btn {
    display: block;
    background-color: var(--secondary, #06bda6);
    border-radius: 18px;
    border-bottom-right-radius: 0;
    box-shadow: none;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 23px;
    color: var(--font-color-light, #fff);
    text-transform: uppercase;
    text-align: center;
    width: 165px;
}

.global-btn:hover,
.global-btn:focus {
    background-color: var(--accent, #16bda6);
    color: var(--font-color-light, #fff);
}

.global-btn.secondary {
    background-color: rgba(22, 189, 166, 0.1);
}

.global-btn.secondary:hover,
.global-btn.secondary:focus {
    background-color: var(--secondary, #06bda6);
    color: var(--font-color-light, #fff);
}

.global-btn.outline {
    background-color: transparent;
    outline: 1px solid var(--secondary, #06bda6);
    color: var(--font-color-title, #050505);
    box-shadow: none;
}

.global-btn.outline:hover,
.global-btn.outline:focus {
    background-color: var(--secondary, #06bda6);
    color: var(--font-color-light, #fff);
    outline: none;
    box-shadow: none;
}

.banner-shilo {
    position: relative;
    padding: 130px 15px 50px
}

.banner-shilo__inner {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 715px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: 0 auto;
    padding: 1.5rem 1rem 2.5rem
}

.banner-shilo__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    text-align: center
}

.banner-shilo__rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px
}

.banner-shilo__badge {
    display: block;
    flex: 0 0 auto
}

.banner-shilo__badge .img-container {
    display: inline-block
}

.banner-shilo__stars {
    display: flex;
    align-items: center;
    gap: 3px;
    flex: 0 0 auto
}

.banner-shilo__stars i {
    color: var(--shilo-star-empty);
    font-size: 21px;
    line-height: 1
}

.banner-shilo__stars i.filled {
    color: var(--shilo-star-filled)
}

.banner-shilo__rating-text {
    margin: 0;
    display: block;
    font-family: var(--font-family-title);
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.253;
    letter-spacing: .03125rem;
    color: var(--shilo-text);
    white-space: nowrap
}

.banner-shilo__dot {
    display: none;
    min-width: 4px;
    min-height: 4px;
    border-radius: 50%;
    background: currentColor;
    flex: 0 0 auto
}

.banner-shilo__title {
    margin: .5rem 0;
    line-height: 0
}

.banner-shilo__wordmark {
    display: block;
    width: clamp(11.25rem, 30vw, 12.875rem);
    height: auto
}

.banner-shilo__description {
    margin: .75rem 0 0;
    max-width: 36.10275rem;
    font-size: .9375rem;
    font-weight: 300;
    line-height: 1.24;
    letter-spacing: .03125rem;
    color: var(--shilo-text);
    text-align: center
}

.banner-shilo__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
    margin-top: 1.25rem
}

.banner-shilo__showcase {
    width: 100%;
    max-width: 33rem;
    margin: 0 auto
}

.banner-shilo__mockup {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.banner-shilo__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5625rem 2.4375rem;
    font-family: var(--font-family-title);
    font-size: .875rem;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--font-color-light, #fff) !important;
    background: var(--shilo-primary);
    border: 0;
    border-radius: 20px 20px 0;
    box-shadow: inset 0 .5px #73737387;
    transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease
}

.banner-shilo__btn:hover {
    background: var(--shilo-primary-hover)
}

.showcase-tabs {
    position: relative;
    padding: 2.5rem 15px 0;
    background: var(--shilo-offwhite)
}

.showcase-tabs__list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    list-style: none;
    max-width: 25rem;
    margin: 0 auto;
    padding: 0;
    background: var(--shilo-surface);
    border: 1px solid #D0D0D0
}

.showcase-tabs__item {
    flex: 0 0 auto;
    display: flex;
    min-width: 0;
    border-bottom: 1px solid #D0D0D0
}

.showcase-tabs__item:first-child {
    border-left: none
}

.showcase-tabs__item:last-child {
    border-bottom: none
}

.showcase-tabs__link {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 1.0625rem;
    font-family: var(--font-family-title);
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    color: #000 !important;
    background: #fff;
    transition: background-color .2s ease, color .2s ease
}

.showcase-tabs__link:hover,
.showcase-tabs__link--active {
    color: #fff !important;
    background: var(--shilo-primary)
}

.quicktake {
    width: 100%;
    background: var(--shilo-offwhite)
}

.quicktake__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    width: 100%;
    max-width: 37.5rem;
    margin: 0 auto;
    padding: 3.75rem 15px
}

.quicktake__title {
    margin: 0 0 .5rem;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.quicktake__columns {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2.5rem;
    width: 100%
}

.quicktake__bubble {
    flex: 0 0 auto;
    width: 11rem;
    height: 11rem
}

.quicktake__bubble-media {
    display: block;
    width: 100%;
    height: 100%;
}

.quicktake__cards {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1.25rem;
    width: 100%;
    max-width: 100%
}

.quicktake__card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
    width: 100%;
    padding: 1.25rem .9375rem;
    background: #fff;
    border-radius: 2.0625rem;
    box-shadow: 1px 3px 21.6px 7px #0000001c
}

.quicktake__card-icon {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    flex: 0 0 auto;
    width: 5.6547rem;
    height: 5.6547rem
}

.quicktake__card-icon-back,
.quicktake__card-icon-front {
    grid-area: 1/1;
    width: 5.2234rem;
    height: 5.2234rem;
    border-radius: 1rem
}

.quicktake__card-icon-back {
    background: var(--shilo-icon-back);
    align-self: end;
    justify-self: end
}

.quicktake__card-icon-front {
    background: var(--shilo-icon-front);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.quicktake__card-icon-logo {
    width: 100%;
    height: 100%
}

.quicktake__card-icon-media {
    display: block;
    width: 2.3633rem;
    height: 3.7736rem;
}

.quicktake__card-heading {
    flex: 0 0 auto;
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.5625rem;
    line-height: 1.15;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.quicktake__card-copy {
    flex: 0 0 auto;
    margin: 0;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: .5px;
    color: #000;
    text-align: center
}

.best-section {
    width: 100%;
    background: var(--shilo-accent);
    border-bottom-left-radius: 2.1875rem;
    border-bottom-right-radius: 2.1875rem;
    overflow: hidden
}

.best-section__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 3rem 1.25rem 3.5rem
}

.best-section__title {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.15;
    letter-spacing: 0;
    color: #fff;
    text-align: center
}

.best-section__columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%
}

.best-section__copy {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.625rem;
    flex: 1 1 100%;
    max-width: 41.6737rem;
    margin: 0;
    font-weight: 200;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .5px;
    color: #fff;
    text-align: center
}

.best-section__copy p {
    margin: 0
}

.best-section__media {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    flex: 1 1 100%;
    width: 100%;
    max-width: 39.6875rem;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 2.5625rem;
    overflow: hidden;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease
}

.best-section__media.best-section__media--static {
    cursor: default;
}

.best-section__media .poster,
.best-section__media .poster>a {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.best-section__media-poster,
.best-section__media .play-btn {
    grid-area: 1/1
}

.best-section__media-poster {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2.5625rem
}

.best-section__media-poster.img-container canvas {
    background-color: transparent;
}

.best-section__media .play-btn {
    place-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1235rem;
    height: 3.1235rem;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: transform .2s ease;
    z-index: 1
}

.best-section__media .play-btn svg {
    display: block;
    width: 100%;
    height: 100%
}

.best-section__media:hover .play-btn {
    transform: scale(1.08)
}

.best-section__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.future-section {
    width: 100%;
    padding: 2.5rem 1.25rem;
    background: var(--shilo-bg)
}

.future-section__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2.5rem;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto
}

.future-section__primary {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    width: 100%
}

.future-section__media {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    flex: 1 1 100%;
    width: 100%;
    max-width: 39.6875rem;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 2.5625rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease
}

.future-section__media > .img-container,
.future-section__media-overlay,
.future-section__media-play {
    grid-area: 1/1
}

.future-section__media > .img-container {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2.5625rem;
    overflow: hidden
}

.future-section__media--static {
    cursor: default
}

.future-section__media-overlay {
    display: block;
    position: absolute;
    inset: 0;
    background: #0006;
    border-radius: 2.5625rem;
    pointer-events: none
}

.future-section__media-play {
    place-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1235rem;
    height: 3.1235rem;
    color: #fff;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .35));
    transition: transform .2s ease
}

.future-section__media-play svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: unset
}

.future-section__media:hover .future-section__media-play {
    transform: scale(1.08)
}

.future-section__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.future-section__content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    flex: 1 1 100%;
    width: auto;
    max-width: 44.78rem;
    margin: 0 auto;
    text-align: center
}

.future-section__title {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.1;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.future-section__quote {
    margin: 0;
    max-width: 44.6875rem;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .5px;
    color: #000;
    padding: 0;
    border: none;
    text-align: center
}

.future-section__quote p {
    margin: 0
}

.future-section__author {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.7213rem;
    margin: 0
}

.future-section__author-media.img-container {
    flex-shrink: 0;
    width: 4.85rem;
    height: 4.85rem;
    border-radius: 50%;
    border: 2px solid #003548;
    overflow: hidden
}

.future-section__author-info {
    display: flex;
    flex-direction: column;
    text-align: center
}

.future-section__author-name {
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #000;
    white-space: nowrap
}

.future-section__author-role {
    max-width: 14.24rem;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .5px;
    color: #000
}

.perfect-for {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.5rem;
    width: 100%
}

.perfect-for__heading {
    margin: 0;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.15;
    color: #000;
    text-align: center
}

.perfect-for__heading br {
    display: none
}

.perfect-for__cards {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1.25rem;
    width: 100%;
    max-width: 400px
}

.perfect-card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
    flex: 1 1 100%;
    max-width: 100%
}

.perfect-card__icon {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: 60px;
    height: 60px;
    flex-shrink: 0
}

.perfect-card__icon-square {
    grid-area: 1/1
}

.perfect-card__icon-square {
    width: 92.4%;
    height: 92.4%;
    border-radius: 19.14%
}

.perfect-card__icon-square--back {
    background: var(--shilo-icon-back);
    align-self: end;
    justify-self: end
}

.perfect-card__icon-square--front {
    background: var(--shilo-icon-front);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.perfect-card__icon-square--front > .perfect-card__icon-media.img-container {
    width: 45.24%;
    height: 72.24%;
    pointer-events: none
}

.perfect-card__text {
    margin: 0;
    flex: 0 0 auto;
    min-width: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.3;
    color: #000;
    text-align: center
}

.shilo-capabilities {
    width: 100%;
    background: var(--shilo-accent);
    border-bottom-left-radius: 2.1875rem;
    border-bottom-right-radius: 2.1875rem;
    overflow: hidden
}

.shilo-capabilities__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 2.5rem 1.25rem 3rem
}

.shilo-capabilities__heading {
    margin: 0;
    max-width: 89.39081rem;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.15;
    letter-spacing: 0;
    color: #fff;
    text-align: center
}

.shilo-capabilities__columns {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.shilo-capabilities__column {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: none;
    max-width: 14.298rem;
    min-width: 0
}

.shilo-capabilities__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin: 0
}

.shilo-capabilities__icon.img-container {
    flex-shrink: 0
}

.shilo-capabilities__title {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 600;
    font-size: 1.5625rem;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    text-align: center
}

.shilo-capabilities__description {
    margin: 1.5rem 0 0;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .5px;
    color: #fff;
    text-align: center
}

.shilo-outcomes {
    width: 100%;
    background: var(--shilo-bg)
}

.shilo-outcomes__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 2.5rem 1.25rem 3rem
}

.shilo-outcomes__columns {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.shilo-outcomes__column {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: none;
    max-width: 28.71656rem;
    min-width: 0
}

.shilo-outcomes__image-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 459.465/176.489;
    overflow: hidden;
    margin: 0
}

.shilo-outcomes__image-frame .img-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shilo-outcomes__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.shilo-outcomes__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1.46875rem
}

.shilo-outcomes__heading {
    margin: 0;
    max-width: 100%;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.shilo-outcomes__description {
    margin: 1.25rem 0 0;
    max-width: 27.50538rem;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .5px;
    color: #000;
    text-align: center
}

.shilo-integrates {
    width: 100%;
    background: var(--shilo-surface-muted)
}

.shilo-integrates__inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 1.75rem 1.25rem
}

.shilo-integrates__title {
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.15;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.shilo-integrates__divider {
    display: none;
    flex: 0 0 1px;
    width: 1px;
    height: 6.79738rem;
    background: #00000038;
    align-self: center
}

.shilo-integrates__logo {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0
}

@media (max-width: 1023px) {
    .shilo-integrates__logos {
        margin-top: 30px
    }
}

.shilo-integrates__logos--row {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2.5rem 3.2rem;
    width: 100%;
    min-width: 0
}

.shilo-integrates__logos--row .shilo-integrates__logo {
    flex: 0 0 auto
}

.shilo-integrates__logos--stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%
}

.shilo-integrates__logos--stack .shilo-integrates__logo {
    flex: 0 0 auto
}

.shilo-integrates__logo-media.img-container {
    margin: 0 auto;
    max-width: 100%
}

.shilo-integrates__logos .slick-track {
    display: flex;
    align-items: center
}

.shilo-integrates__logos .slick-slide {
    padding: 0 1.5rem
}

.shilo-signals {
    width: 100%;
    background: var(--shilo-bg)
}

.shilo-signals__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 2.5rem 1.25rem 3rem
}

.shilo-signals__eyebrow {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    white-space: nowrap
}

.shilo-signals__columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%
}

.shilo-signals__text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.625rem;
    flex: 1 1 100%;
    max-width: 41.6737rem;
    min-width: 0;
    margin: 0
}

.shilo-signals__heading {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.15;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.shilo-signals__copy {
    margin: 0;
    max-width: 44.6875rem;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .5px;
    color: #000;
    text-align: center
}

.shilo-signals__copy p {
    margin: 0
}

.shilo-signals__media {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    flex: 1 1 100%;
    width: 100%;
    max-width: 39.6875rem;
    aspect-ratio: auto;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 2.5625rem;
    background: #1a1a2e;
    overflow: hidden;
    cursor: pointer;
    font: inherit;
    color: inherit;
    transition: transform .2s ease, box-shadow .2s ease
}

.shilo-signals__media.shilo-signals__media--static {
    cursor: default
}

.shilo-signals__media .poster,
.shilo-signals__media .poster > a {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.shilo-signals__media-poster,
.shilo-signals__media .play-btn {
    grid-area: 1/1
}

/* Poster wrapper (same visual role as former .shilo-signals__video-image); do not target img/canvas inside .img-container here. */
.shilo-signals__media-poster.img-container {
    grid-area: 1/1;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2.5625rem;
    overflow: hidden
}

.shilo-signals__media .play-btn {
    place-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1235rem;
    height: 3.1235rem;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: transform .2s ease;
    z-index: 1
}

.shilo-signals__media .play-btn svg {
    display: block;
    width: 100%;
    height: 100%
}

.shilo-signals__media:hover .play-btn {
    transform: scale(1.08)
}

.shilo-stats {
    width: 100%;
    background: var(--shilo-bg)
}

.shilo-stats__inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 2rem 1.25rem
}

.shilo-stats__columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%
}

/* Photo frame only (no video). Styles apply to the img-container, not img/canvas children. */
.shilo-stats__photo.img-container {
    display: block;
    width: 100%;
    max-width: 39.661rem;
    aspect-ratio: 634.571/380.375;
    border-radius: 2.0625rem;
    overflow: hidden;
    flex: 1 1 100%
}

.shilo-stats__content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 20rem;
    min-width: 0;
    gap: 1rem;
    text-align: center
}

.shilo-stats__logo {
    display: block;
    width: 13.379rem;
    max-width: 100%;
    height: 4.415rem;
    -o-object-fit: cover;
    object-fit: cover;
    flex: 0 0 auto
}

.shilo-stats__headline {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.shilo-stats__copy {
    margin: 0;
    max-width: 43.106rem;
    font-weight: 300;
    font-style: normal;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .5px;
    color: #000;
    text-align: center
}

.shilo-stats__copy p {
    margin: 0
}

.take-your-team {
    width: 100%;
    background: var(--shilo-bg);
    padding: 3.7rem 0 0
}

.take-your-team__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2.5rem auto 2rem;
    width: 100%
}

.take-your-team__banner {
    grid-row: 2/4;
    grid-column: 1/2;
    width: 100%;
    height: 100%;
    min-height: 11rem;
    background: var(--shilo-accent);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2.0625rem;
    border-bottom-right-radius: 2.0625rem
}

.take-your-team__card {
    grid-row: 1/3;
    grid-column: 1/2;
    justify-self: center;
    width: calc(100% - 2rem);
    max-width: 715px;
    background: #fff;
    box-shadow: -.0625rem .1875rem 4.90625rem -.3125rem #0000004f;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 2rem 1.25rem
}

.take-your-team__title {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.15;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.take-your-team__features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    width: 100%;
    max-width: 400px
}

.take-your-team__feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .625rem;
    flex: 0 0 auto;
    min-width: 6rem;
    width: 100%
}

.take-your-team__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem
}

.take-your-team__icon-inner.img-container {
    display: block;
    width: 100%;
    height: 100%
}

.take-your-team__icon-svg {
    display: block;
    width: 100%;
    height: 100%
}

.take-your-team__label {
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
    color: #007c88;
    text-align: center
}

.shilo-reviews {
    width: 100%;
    background: var(--shilo-bg);
    padding: 2rem 0
}

.shilo-reviews__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1.5rem;
    width: 100%;
    max-width: 89.3093rem;
    margin: 0 auto;
    padding: 0 1.25rem
}

.shilo-reviews__title {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.15;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.shilo-reviews__grid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.25rem;
    width: 100%;
    max-width: 715px;
    margin: 0 auto
}

.shilo-reviews__grid .tech-reviews-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    width: 100%;
    text-align: center;
    padding: 40px 15px
}

.shilo-reviews__grid .placeholder-review {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    width: 100%;
    text-align: center;
    padding: 60px 20px;
    font-size: 22px;
    letter-spacing: .02em;
    line-height: 1.18;
    color: var(--font-color-title, #050505)
}

.shilo-reviews__grid .tech-reviews-loading-text {
    color: var(--font-color-title, #050505)
}

.shilo-reviews__row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    width: 100%
}

.shilo-reviews__card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.25rem;
    flex: 1 1 100%;
    min-width: 0;
    background: #fff;
    box-shadow: 0 .25rem 1.96875rem #00000040;
    padding: 1.5rem
}

.shilo-reviews__card--wide {
    flex: 1 1 100%
}

.shilo-reviews__icon {
    display: grid;
    grid-template-columns: 5.6541rem;
    grid-template-rows: 5.6541rem;
    flex: 0 0 auto
}

.shilo-reviews__icon-back,
.shilo-reviews__icon-front,
.shilo-reviews__icon-logo {
    grid-column: 1/2;
    grid-row: 1/2
}

.shilo-reviews__icon-back {
    width: 5.2234rem;
    height: 5.2234rem;
    background: var(--shilo-icon-back);
    border-radius: 1rem;
    align-self: end;
    justify-self: end
}

.shilo-reviews__icon-front {
    width: 5.2234rem;
    height: 5.2234rem;
    background: var(--shilo-icon-front);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.shilo-reviews__icon-logo {
    display: block;
    width: 2.3633rem;
    height: 3.7736rem;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

.shilo-reviews__body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex: 1 1 14rem;
    min-width: 0
}

.shilo-reviews__quote {
    margin: 0;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.87;
    letter-spacing: .03125rem;
    color: #000;
    padding: 0;
    border: none
}

.shilo-reviews__author {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0
}

.shilo-reviews__author-name {
    margin: 0;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: 0;
    color: #000;
    font-style: normal
}

.shilo-reviews__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .875rem;
    width: 100%
}

.shilo-reviews__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5625rem 2.4375rem;
    background: var(--shilo-primary);
    color: var(--font-color-light, #fff) !important;
    font-family: var(--font-family-title, 'Outfit', sans-serif);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: .03125rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    border: 0;
    border-radius: 1.25rem 1.25rem 0;
    box-shadow: inset 0 .03125rem #73737387;
    cursor: pointer;
    transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shilo-reviews__btn:hover {
    background: var(--shilo-primary-hover)
}

.shilo-reviews-slider {
    width: 100%;
    filter: drop-shadow(0 .25rem 1.96875rem rgba(0, 0, 0, .25))
}

.shilo-reviews-slider .shilo-reviews__card {
    box-shadow: none
}

.shilo-reviews-slider .slick-slide {
    height: auto
}

.shilo-reviews-slider .slick-slide>div {
    height: 100%
}

.shilo-reviews-slide {
    width: 100%
}

/* Desktop slick slide: stack row + wide card with same vertical rhythm as .shilo-reviews__grid */
.shilo-reviews-slider--desktop .shilo-reviews-slide {
    display: flex !important;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%
}

.shilo-reviews-slider--desktop {
    display: none
}

.shilo-reviews-slider--mobile {
    display: block
}

.shilo-reviews-slider--mobile .shilo-reviews__card {
    flex: 1 1 100%;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.shilo-reviews-slider--mobile .shilo-reviews__body {
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    text-align: center
}

.shilo-reviews-slider--mobile .shilo-reviews__quote,
.shilo-reviews-slider--mobile .shilo-reviews__author,
.shilo-reviews-slider--mobile .shilo-reviews__author-name {
    text-align: center
}

.shilo-reviews-slider--mobile .slick-track {
    display: flex;
    align-items: center
}

.shilo-reviews-slider--mobile .slick-slide {
    display: flex;
    height: auto
}

.shilo-reviews-slider--mobile .slick-slide>div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.shilo-reviews-slider--mobile .shilo-reviews-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.notable-clients {
    width: 100%;
    background: var(--shilo-surface-muted);
    overflow: hidden
}

.notable-clients__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
    padding: 2.5rem 0
}

.notable-clients__headline {
    margin: 0;
    padding: 0 1.25rem;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-align: center
}

.notable-clients__rows {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100vw;
    max-width: 100%
}

.notable-clients__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.notable-clients__row .slick-track {
    display: flex;
    align-items: center
}

.notable-clients__row--top {
    direction: rtl
}

.notable-clients__row--top.notable-clients__row--static-row {
    direction: ltr
}

.notable-clients__row--static-row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch
}

.notable-clients__row--static-stack {
    flex-direction: column;
    align-items: center
}

.notable-clients__row--bottom .slick-track {
    padding: 0 0 1px
}

.notable-clients__card .notable-clients__logo-media.img-container {
    max-width: 100%;
    margin: 0 auto
}

.notable-clients__card {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 15rem !important;
    height: 10rem;
    margin: 0 0 -1px -1px;
    padding: 0;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    transition: background-color .2s ease, transform .2s ease
}

.preview-shilo {
    width: 100%;
    background: #F5FAFA
}

.preview-shilo__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding: 2.5rem 1.25rem
}

.preview-shilo__text {
    display: flex;
    width: 100%;
    max-width: 38.0871rem;
    justify-content: center
}

.preview-shilo__title {
    margin: 0;
    font-family: var(--font-family-title);
    font-size: clamp(2rem, 7vw, 3.0625rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    width: 100%
}

.preview-shilo__figure {
    margin: 0;
    width: 100%;
    max-width: 33.49625rem
}

.preview-shilo__media.img-container {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 535.94/418.703;
    overflow: hidden;
    pointer-events: none
}

.summary-shilo {
    width: 100%;
    background: #F5FAFA
}

.summary-shilo__inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 96.25rem;
    margin: 0 auto;
    padding: 2rem 1.25rem 2.5rem
}

.summary-shilo__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.125rem;
    width: 100%
}

.summary-shilo__homecode-wrap.img-container {
    display: block;
    flex: 0 0 auto;
    width: clamp(10rem, 32vw, 15.984563rem);
    height: auto;
    aspect-ratio: 255.753/44.095;
    overflow: hidden
}

.summary-shilo__title {
    margin: 0;
    font-family: var(--font-family-title);
    font-size: clamp(2rem, 5vw, 3.0625rem);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: 0;
    color: #919191;
    white-space: nowrap
}

.summary-shilo__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%
}

.summary-shilo__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem
}

.summary-shilo__brand {
    margin: 0;
    line-height: 0
}

.summary-shilo__wordmark.img-container {
    display: block;
    width: clamp(10rem, 28vw, 13.379375rem);
    height: auto;
    aspect-ratio: 214.07/70.643;
    overflow: hidden
}

.summary-shilo__rating {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: .9375rem
}

.summary-shilo__stars {
    display: flex;
    align-items: center;
    gap: 3px;
    flex: 0 0 auto
}

.summary-shilo__stars i {
    color: var(--shilo-star-empty);
    font-size: 20px;
    line-height: 1
}

.summary-shilo__stars i.filled {
    color: var(--shilo-star-filled)
}

.summary-shilo__rating-text {
    margin: 0;
    font-family: var(--font-family-title);
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.253;
    letter-spacing: .03125rem;
    color: #101010;
    white-space: nowrap
}

.summary-shilo__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin-top: .3rem
}

.summary-shilo__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5625rem 2.4375rem;
    font-family: var(--font-family-title);
    font-size: .875rem;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--font-color-light, #fff) !important;
    background: var(--shilo-primary);
    border: 0;
    border-radius: 20px 20px 0;
    box-shadow: inset 0 .5px #73737387;
    cursor: pointer;
    transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease
}

.summary-shilo__btn:hover {
    background: var(--shilo-primary-hover)
}

.summary-shilo__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    max-width: 100%;
    text-align: center
}

.summary-shilo__subtitle {
    margin: 0;
    font-family: var(--font-family-title);
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0;
    color: #919191;
    max-width: 45.246875rem;
    text-align: center
}

.summary-shilo__description {
    margin: 0;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.87;
    letter-spacing: .03125rem;
    color: #919191;
    max-width: 47.645063rem;
    text-align: center
}

.summary-shilo__description p {
    margin: 0
}

@media(min-width:600px) {
    .showcase-tabs__item {
        flex: 1 1 50%
    }
}

@media(min-width:744px) {
    .take-your-team__features {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.25rem 1.75rem
    }

    .take-your-team__feature {
        flex: 0 0 calc(50% - .875rem);
        max-width: calc(50% - .875rem)
    }

    .future-section {
        padding: 3rem 2rem
    }

    .future-section__inner {
        gap: 3rem
    }

    .future-section__primary {
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 2.5rem
    }

    .future-section__media {
        flex: 0 0 auto;
        max-width: 60%
    }

    .future-section__content {
        flex: 1 1 0;
        max-width: 44.78rem
    }

    .future-section__title {
        font-size: 2.5rem
    }

    .perfect-for {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        gap: 2.5rem
    }

    .perfect-for__heading {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    .perfect-for__cards {
        flex: 0 0 auto;
        width: 100%
    }
}

@media(min-width:1024px) {
    .take-your-team__features {
        max-width: none
    }

    .take-your-team__card,
    .shilo-reviews__grid {
        max-width: none
    }

    .banner-shilo {
        padding: 9.4rem 0 3rem
    }

    .banner-shilo__inner {
        max-width: 1600px;
        flex-direction: unset;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3.7rem;
        padding: 1.5rem 4rem 0 4.928125rem
    }

    .banner-shilo__content {
        width: 45%;
        align-items: flex-start;
        text-align: left;
        gap: 0;
        padding-top: 1.5rem
    }

    .banner-shilo__rating {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        justify-content: flex-start;
        margin-top: 0
    }

    .banner-shilo__dot {
        display: block
    }

    .banner-shilo__title {
        margin-bottom: .6rem
    }

    .banner-shilo__wordmark {
        width: 12.875rem;
        height: auto
    }

    .banner-shilo__description {
        margin-top: 3.2rem;
        text-align: left;
        padding-right: .6rem
    }

    .banner-shilo__actions {
        justify-content: flex-start;
        margin-top: 2.8rem;
        gap: .9375rem
    }

    .banner-shilo__showcase {
        width: 42.9%;
        max-width: none
    }

    .banner-shilo__mockup {
        width: auto;
        max-width: 100%
    }

    .showcase-tabs {
        padding: 1.8rem 0 4.8rem
    }

    .showcase-tabs__list {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 100rem;
        border: none;
        padding: 0 4rem
    }

    .showcase-tabs__item {
        flex: 1 1 0;
        border: 1px solid #D0D0D0;
        border-left: none
    }

    .showcase-tabs__item:first-child {
        border-left: 1px solid #D0D0D0
    }

    .showcase-tabs__item:last-child {
        border-bottom: 1px solid #D0D0D0
    }

    .quicktake__inner {
        max-width: 96.25rem;
        padding: .3rem 4rem 4rem;
        gap: 2.6rem
    }

    .quicktake__title {
        font-size: 3.0625rem
    }

    .quicktake__columns {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 1.7rem
    }

    .quicktake__bubble {
        width: 20rem;
        height: 20rem
    }

    .quicktake__cards {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 69.385688rem
    }

    .quicktake__card {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        padding: 2.125rem 4.5rem 2.125rem 1.75rem;
        gap: 2rem
    }

    .quicktake__card-heading {
        flex: 0 0 30%;
        max-width: 19.85rem;
        text-align: left
    }

    .quicktake__card-copy {
        flex: 1 1 auto;
        min-width: 0;
        text-align: left
    }

    .best-section__inner {
        gap: 2.2rem;
        padding: 5.2rem 4rem 6.25rem
    }

    .best-section__title {
        font-size: 3.0625rem;
        line-height: 1
    }

    .best-section__columns {
        gap: 3.95625rem;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start
    }

    .best-section__copy {
        flex: 1 1 0;
        max-width: 41.6737rem;
        align-items: flex-start;
        text-align: left
    }

    .best-section__columns .best-section__copy:only-child {
        max-width: 100%;
        align-items: center;
        text-align: center
    }

    .future-section__primary .future-section__content:only-child {
        flex: 1 1 100%;
        max-width: 100%;
        align-items: center;
        text-align: center
    }

    .future-section__primary .future-section__content:only-child .future-section__title,
    .future-section__primary .future-section__content:only-child .future-section__quote {
        text-align: center
    }

    .future-section__primary .future-section__content:only-child .future-section__author {
        justify-content: center
    }

    .future-section__primary .future-section__content:only-child .future-section__author-info {
        text-align: center
    }

    .best-section__media {
        flex: 0 0 auto;
        width: 39.6875rem;
        max-width: 50%
    }

    .best-section__media-play {
        width: 3.1235rem;
        height: 3.1235rem
    }

    .future-section {
        padding: 6.5rem 2rem 5.3rem
    }

    .future-section__inner {
        padding-left: 0;
        padding-right: 0;
        gap: 4.7425rem
    }

    .future-section__primary {
        gap: 4.7081rem;
        flex-direction: row;
        align-items: center
    }

    .future-section__media {
        flex: 0 0 45.6875%;
        width: 39.6875rem;
        max-width: 39.6875rem;
        height: auto;
        margin: 0
    }

    .future-section__media > .img-container {
        height: auto
    }

    .future-section__content {
        flex: 0 0 50.78%;
        max-width: 44.78rem;
        gap: 2.1rem;
        align-items: flex-start;
        text-align: left
    }

    .future-section__title {
        font-size: 3.0625rem;
        line-height: 1;
        text-align: left
    }

    .future-section__quote {
        text-align: left
    }

    .future-section__author {
        justify-content: flex-start;
        gap: 1.7213rem;
        margin-top: .5rem
    }

    .future-section__author-info {
        text-align: left
    }

    .perfect-for {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center
    }

    .perfect-for__heading {
        flex: 0 0 9rem;
        font-size: 1.6875rem;
        line-height: 1.15;
        text-align: left
    }

    .perfect-for__cards {
        flex: 1 1 0;
        max-width: 76.6875rem;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 15px
    }

    .perfect-card {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        gap: 20px;
        flex: 0 0 29%;
        max-width: 29%
    }

    .perfect-card--narrow {
        width: auto;
        max-width: 29%
    }

    .perfect-card--wide {
        width: auto;
        flex-basis: 37%;
        max-width: 37%
    }

    .perfect-card__text {
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.3
    }

    .perfect-card--narrow .perfect-card__text {
        max-width: 14.755rem
    }

    .perfect-card--wide .perfect-card__text {
        max-width: 22.328rem
    }

    /* Keep Shilo perfect-for desktop widths aligned with Local Logic pattern */
    .ip-showcase-wrapper .perfect-for__cards {
        flex-wrap: nowrap;
        gap: 15px
    }

    .ip-showcase-wrapper .perfect-card {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        gap: 20px;
        flex: 1;
        max-width: none
    }

    .ip-showcase-wrapper .perfect-card__text {
        flex: 1 1 0;
        min-width: 0;
        text-align: left;
        font-size: clamp(15px, 1.125vw, 18px)
    }

    .ip-showcase-wrapper .perfect-card--narrow {
        flex: 0 0 29%;
        max-width: 29%
    }

    .ip-showcase-wrapper .perfect-card--wide {
        flex: 0 0 37%;
        max-width: 37%
    }

    .shilo-capabilities__inner {
        gap: 2.5rem;
        padding: 3.5rem 2.5rem 4rem
    }

    .shilo-capabilities__heading {
        font-size: 2.25rem;
        line-height: 1.1
    }

    .shilo-capabilities__description {
        margin-top: 1.1rem
    }

    .shilo-capabilities__columns {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 4.3125rem
    }

    .shilo-capabilities__column {
        flex: 0 1 14.298rem;
        align-items: flex-start
    }

    .shilo-capabilities__header {
        justify-content: flex-start
    }

    .shilo-capabilities__title,
    .shilo-capabilities__description {
        text-align: left
    }

    .shilo-outcomes__inner {
        padding: 3.5rem 2.5rem 4rem
    }

    .shilo-outcomes__columns {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 1.375rem
    }

    .shilo-outcomes__column {
        flex: 1 1 0;
        align-items: flex-start
    }

    .shilo-outcomes__description {
        margin-top: 1.75rem
    }

    .shilo-outcomes__text {
        margin-top: 1.46875rem;
        align-items: flex-start
    }

    .shilo-outcomes__heading,
    .shilo-outcomes__description {
        text-align: left
    }

    .shilo-integrates__inner {
        display: flex;
        gap: 1.5rem;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 2.25rem;
        padding: 2rem 2.5rem
    }

    .shilo-integrates__title {
        font-size: 1.5rem;
        text-align: left;
        flex: 0 0 auto;
        margin: 0;
        max-width: 15.41431rem
    }

    .shilo-integrates__divider {
        display: block
    }

    .shilo-integrates__logos .slick-slide {
        padding: 0 3.2rem
    }

    /* Slick (5+ logos): share horizontal space with title + divider on desktop. */
    .shilo-integrates__inner > .shilo-integrates__logos.slick-initialized {
        flex: 1 1 0;
        min-width: 0
    }

    .shilo-integrates__logos.slick-initialized .shilo-integrates__logo-media.img-container {
        max-width: min(22vw, 260px);
        max-height: clamp(24px, 6.5vw, 80px)
    }

    /* Static desktop strip: one horizontal band like the old Slick track (no carousel). */
    .shilo-integrates__inner > .shilo-integrates__logos.shilo-integrates__logos--row:not(.slick-initialized) {
        flex: 1 1 0;
        min-width: 0;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: clamp(1rem, 2.4vw, 3.2rem);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }

    .shilo-integrates__inner > .shilo-integrates__logos.shilo-integrates__logos--row:not(.slick-initialized)::-webkit-scrollbar {
        display: none
    }

    /* Static row only: scale logos down on narrower desktop so the strip fits (not used when Slick runs). */
    .shilo-integrates__logos--row:not(.slick-initialized) .shilo-integrates__logo {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%
    }

    /* Static row only: constrain the img-container wrapper — do not style img/canvas inside. */
    .shilo-integrates__logos--row:not(.slick-initialized) .shilo-integrates__logo-media.img-container {
        max-width: min(22vw, 260px);
        max-height: clamp(24px, 6.5vw, 80px)
    }

    .shilo-signals__inner {
        gap: 2.5rem;
        padding: 3rem 2.5rem
    }

    .shilo-signals__eyebrow {
        font-size: 2.5rem
    }

    .shilo-signals__columns {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 3.95625rem
    }

    .shilo-signals__text {
        flex: 1 1 0;
        max-width: 41.6737rem;
        align-items: flex-start;
        text-align: left;
        gap: 2rem
    }

    .shilo-signals__columns .shilo-signals__text:only-child {
        max-width: 100%;
        align-items: center;
        text-align: center
    }

    .shilo-signals__heading {
        font-size: 2.25rem;
        line-height: 1.1;
        text-align: left
    }

    .shilo-signals__columns .shilo-signals__text:only-child .shilo-signals__heading {
        text-align: center
    }

    .shilo-signals__copy {
        text-align: left
    }

    .shilo-signals__columns .shilo-signals__text:only-child .shilo-signals__copy {
        text-align: center
    }

    .shilo-signals__media {
        flex: 0 0 auto;
        width: 24rem;
        max-width: 39.6875rem
    }

    .shilo-stats__columns {
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 3.95625rem
    }

    .shilo-stats__inner {
        padding: 2.5rem 2rem
    }

    .shilo-stats__photo.img-container {
        flex: 1 1 50%;
        max-width: 26.661rem
    }

    .shilo-stats__content {
        flex: 0 1 50%;
        align-items: flex-start;
        text-align: left;
        gap: 1.0863rem
    }

    .shilo-stats__columns .shilo-stats__content:only-child {
        flex: 1 1 100%;
        max-width: 100%;
        align-items: center;
        text-align: center
    }

    .shilo-stats__headline {
        font-size: 2.5rem;
        text-align: left
    }

    .shilo-stats__columns .shilo-stats__content:only-child .shilo-stats__headline {
        text-align: center
    }

    .shilo-stats__copy {
        text-align: left
    }

    .shilo-stats__columns .shilo-stats__content:only-child .shilo-stats__copy {
        text-align: center
    }

    .take-your-team__inner {
        grid-template-rows: 4.5rem auto 3.5rem
    }

    .take-your-team__banner {
        min-height: 18.63875rem
    }

    .take-your-team__card {
        width: calc(100% - 8rem);
        gap: 2rem;
        padding: 2.75rem 2rem
    }

    .take-your-team__title {
        font-size: 2.25rem;
        line-height: 1.1
    }

    .take-your-team__features {
        gap: 1.5rem 2.75rem
    }

    .take-your-team__label {
        font-size: 1.25rem
    }

    .take-your-team__feature {
        width: auto;
        flex: 0 0 auto;
        max-width: none
    }

    .shilo-reviews {
        padding: 2rem 0 2.5rem
    }

    .shilo-reviews__inner {
        gap: 2rem
    }

    .shilo-reviews__title {
        font-size: 2.25rem;
        line-height: 1.1
    }

    .shilo-reviews__grid {
        gap: 1.625rem
    }

    .shilo-reviews__row {
        flex-wrap: nowrap;
        gap: 1.625rem
    }

    .shilo-reviews__row>.shilo-reviews__card {
        flex: 0 0 calc(50% - .8125rem);
        max-width: calc(50% - .8125rem)
    }

    .shilo-reviews__card {
        flex: 1 1 0;
        min-width: 0;
        gap: 1.5rem;
        padding: 2rem 2rem 2rem 2.25rem
    }

    .shilo-reviews__card--wide {
        flex: 1 1 100%
    }

    .shilo-reviews-slider--desktop {
        display: block
    }

    .shilo-reviews-slider--mobile {
        display: none
    }

    .shilo-reviews-slider--desktop .shilo-reviews-slide {
        gap: 1.625rem
    }

    .notable-clients__inner {
        gap: 2.5rem;
        padding: 4.4rem 0 1.57rem
    }

    .notable-clients__headline {
        font-size: 2.5rem
    }

    .preview-shilo__inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 3rem 2rem;
        gap: 2rem
    }

    .preview-shilo__title {
        text-align: left;
        font-size: 3.0625rem
    }

    .preview-shilo__text {
        flex: 0 1 31.0871%;
        max-width: 31.0871%;
        justify-content: flex-start
    }

    .preview-shilo__figure {
        flex: 0 0 33.49625rem;
        max-width: 33.49625rem
    }

    .summary-shilo__inner {
        padding: 2.5rem 2.5rem 3.5rem;
        gap: 3rem
    }

    .summary-shilo__header {
        gap: 1.5rem
    }

    .summary-shilo__content {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 3rem
    }

    .summary-shilo__left {
        flex: 0 0 35%;
        width: 35%;
        align-items: flex-start;
        gap: 1.1rem
    }

    .summary-shilo__wordmark.img-container {
        width: 13.379375rem
    }

    .summary-shilo__rating {
        justify-content: flex-start
    }

    .summary-shilo__actions {
        justify-content: flex-start
    }

    .summary-shilo__right {
        flex: 1 1 60%;
        max-width: 60%;
        align-items: flex-start;
        text-align: left;
        gap: 1.1rem
    }

    .summary-shilo__subtitle {
        font-size: 2rem;
        text-align: left
    }

    .summary-shilo__description {
        text-align: left
    }
}

@media(min-width:1280px) {
    .future-section__inner {
        padding-left: 3.3125rem;
        padding-right: 3.375rem
    }

    .perfect-for {
        gap: 2rem
    }

    .perfect-for__heading {
        flex-basis: 10.41rem
    }

    .bg-img.fixed {
        background-attachment: fixed
    }

    .perfect-card__icon {
        width: min(5.625vw, 90px);
        height: min(5.625vw, 90px)
    }

    .banner-shilo__inner {
        gap: 6.7rem;
        padding-left: 4.928125rem;
        padding-right: 4.928125rem
    }

    .banner-shilo__content {
        width: 41%
    }

    .showcase-tabs__list {
        padding-left: 4.928125rem;
        padding-right: 4.928125rem
    }

    .quicktake__inner {
        padding: .3rem 1.75rem 4rem
    }

    .quicktake__cards {
        max-width: 69.385688rem
    }

    .quicktake__card {
        padding: 2.125rem 4.5rem 2.125rem 1.745rem
    }

    .quicktake__card-copy {
        line-height: 1.87
    }

    .best-section__inner {
        padding: 5.2rem 6.44875rem 6.29rem 8.23375rem
    }

    .shilo-capabilities__inner {
        gap: 3rem;
        padding: 4.555rem 5rem 4.375rem
    }

    .shilo-capabilities__heading {
        font-size: 3.0625rem;
        line-height: 1
    }

    .shilo-outcomes__inner {
        padding: 5.2rem 5.9rem 4.575rem
    }

    .shilo-outcomes__column {
        flex: 0 1 28.71656rem
    }

    .shilo-outcomes__description {
        margin-top: .6rem
    }

    .shilo-integrates__inner {
        gap: 3.88375rem;
        padding: 3.125rem 8.93rem 3.125rem 6.683125rem;
        min-height: 12.85656rem
    }

    .shilo-integrates__title {
        font-size: 1.6875rem;
        line-height: normal
    }

    .shilo-signals__inner {
        gap: 3.55625rem;
        padding: 9.8rem 6.195rem 4rem 8.0475rem
    }

    .shilo-signals__eyebrow {
        font-size: 3.0625rem;
        line-height: 1
    }

    .shilo-signals__columns {
        align-items: stretch;
        gap: 1.5rem
    }

    .shilo-signals__text {
        flex: 0 1 44.78rem;
        align-self: center;
        gap: .7rem
    }

    .shilo-signals__columns .shilo-signals__text:only-child {
        flex: 1 1 100%;
        max-width: 100%;
        align-items: center;
        text-align: center;
        align-self: center
    }

    .shilo-signals__columns .shilo-signals__text:only-child .shilo-signals__heading,
    .shilo-signals__columns .shilo-signals__text:only-child .shilo-signals__copy {
        text-align: center
    }

    .shilo-signals__heading {
        font-size: 3.0625rem;
        line-height: 1.27
    }

    .shilo-signals__media {
        flex: 0 0 39.6875rem;
        width: 39.6875rem;
        height: auto
    }

    .shilo-stats__columns {
        gap: 2.586rem
    }

    .shilo-stats__inner {
        padding: 2rem 6.397rem
    }

    .shilo-stats__photo.img-container {
        flex: 0 0 39.661rem;
        width: 39.661rem;
        height: 23.773rem;
        aspect-ratio: auto;
        max-width: 39.661rem
    }

    .shilo-stats__content {
        max-width: 43.106rem;
        padding-top: 1.21625rem;
        gap: 1.26rem
    }

    .shilo-stats__columns .shilo-stats__content:only-child {
        flex: 1 1 100%;
        max-width: 100%;
        align-items: center;
        text-align: center;
        align-self: center
    }

    .shilo-stats__columns .shilo-stats__content:only-child .shilo-stats__headline,
    .shilo-stats__columns .shilo-stats__content:only-child .shilo-stats__copy {
        text-align: center
    }

    .shilo-stats__headline {
        font-size: 3.0625rem;
        line-height: 1
    }

    .take-your-team {
        padding: 5.7rem 0 0
    }

    .take-your-team__inner {
        grid-template-rows: 6.539375rem 13.190313rem 5.448438rem
    }

    .take-your-team__card {
        width: 80.4478rem;
        height: 19.7297rem;
        padding: 4.9569rem 0 4.0172rem;
        gap: 2.9431rem
    }

    .take-your-team__title {
        font-size: 3.0625rem;
        line-height: 1
    }

    .take-your-team__features {
        flex-wrap: nowrap;
        gap: 4.3125rem;
        margin-left: .166875rem
    }

    .take-your-team__label {
        font-size: 1.4375rem;
        line-height: 1.1
    }

    .shilo-reviews {
        padding: 6rem 0
    }

    .shilo-reviews__inner {
        gap: 4rem;
        padding: 0 1.1rem
    }

    .shilo-reviews__title {
        font-size: 3.0625rem;
        line-height: 1;
        max-width: 58.9375rem;
        margin-left: auto;
        margin-right: auto
    }

    .shilo-reviews__grid {
        gap: 1.7903rem
    }

    .shilo-reviews-slider--desktop .shilo-reviews-slide {
        gap: 1.7903rem
    }

    .shilo-reviews__row {
        gap: 2.1012rem
    }

    .shilo-reviews__row>.shilo-reviews__card {
        flex: 0 0 calc(50% - 1.0506rem);
        max-width: calc(50% - 1.0506rem)
    }

    .shilo-reviews__card {
        flex: 1 1 0;
        min-height: 17.6229rem;
        gap: 2.8722rem;
        padding: 2.9531rem 2.4063rem 2.4063rem 2.5406rem
    }

    .shilo-reviews__card--wide {
        min-height: 15.0945rem;
        padding: 2.9644rem 2.4063rem 2.4063rem 2.5406rem
    }

    .shilo-reviews__icon {
        margin-top: .87rem
    }

    .shilo-reviews__body {
        flex: 1 1 28.9548rem
    }

    .shilo-reviews__card--wide .shilo-reviews__body {
        flex: 1 1 73rem
    }

    .shilo-reviews__quote {
        font-size: .875rem;
        line-height: 1.87;
        letter-spacing: .03125rem
    }

    .shilo-reviews__author-name {
        font-size: 1.125rem;
        line-height: 1.2
    }

    .shilo-reviews__actions {
        gap: .875rem
    }

    .notable-clients__inner {
        gap: 4.0625rem
    }

    .notable-clients__headline {
        font-size: 3.0625rem;
        line-height: 1
    }

    .preview-shilo__inner {
        gap: 6.8rem;
        padding: 3.75rem 14.44375rem;
        justify-content: flex-start
    }

    .summary-shilo__inner {
        padding: 2.5rem 11.24rem 7.5rem;
        gap: 4.30875rem
    }

    .summary-shilo__content {
        gap: 4.2rem
    }

    .summary-shilo__title {
        font-size: 3.0625rem
    }
}