/* Three-column sticky card deck for homepage advantages. */
.be-advantages,
.be-advantages *,
.be-advantages *::before,
.be-advantages *::after { box-sizing: border-box; }

@property --venom-shift-x { syntax: '<length>'; inherits: true; initial-value: 0px; }
@property --venom-shift-y { syntax: '<length>'; inherits: true; initial-value: 0px; }
@property --venom-tilt { syntax: '<angle>'; inherits: true; initial-value: 0deg; }

.be-advantages {
    --advantages-progress: 0;
    position: relative;
    z-index: 3;
    padding: clamp(88px, 10vw, 150px) 0 clamp(110px, 14vw, 190px);
    color: #292929;
    background: #fcfcfc;
    font-family: var(--font-family);
}

.be-advantages__inner { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 clamp(32px, 5.5vw, 82px); }
.be-advantages__header { margin-bottom: clamp(34px, 5vw, 64px); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 48px; }
.be-advantages__eyebrow { margin: 0 0 10px; display: flex; gap: 4px; color: #f55733; font-size: 18px; font-weight: 300; line-height: 1.2; }
.be-advantages__header h2 { margin: 0; color: #252525; font-size: clamp(38px, 4.1vw, 58px); font-weight: 600; line-height: .98; letter-spacing: -.045em; text-transform: uppercase; }
.be-advantages__header > div:first-child > p:last-child { margin: 13px 0 0; color: #777d88; font-size: 18px; font-weight: 300; line-height: 1.35; }
.be-advantages__state { width: 240px; padding-bottom: 5px; display: grid; grid-template-columns: auto minmax(80px, 1fr) auto; align-items: center; gap: 12px; color: #979ca5; font-size: 10px; font-weight: 600; letter-spacing: .08em; }
.be-advantages__state i { height: 2px; overflow: hidden; border-radius: 999px; background: #e4e4e1; }
.be-advantages__state i b { width: calc(var(--advantages-progress) * 100%); height: 100%; display: block; border-radius: inherit; background: #f55733; }

.be-advantages__deck { position: relative; }
.be-advantages__deck-row {
    --deck-row: 0;
    --deck-cover: 0;
    position: sticky;
    top: calc(22px + (var(--deck-row) * 8px));
    z-index: calc(10 + var(--deck-row));
    margin-bottom: clamp(42px, 5.5vh, 64px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.5vw, 22px);
    transform: translateY(calc(var(--deck-cover) * -8px)) scale(calc(1 - (var(--deck-cover) * .025)));
    transform-origin: 50% 0;
    filter: brightness(calc(1 - (var(--deck-cover) * .06)));
    will-change: transform, filter;
}
.be-advantages__deck-row:nth-child(1) { --deck-row: 0; }
.be-advantages__deck-row:nth-child(2) { --deck-row: 1; }
.be-advantages__deck-row:nth-child(3) { --deck-row: 2; }
.be-advantages__deck-row:nth-child(4) { --deck-row: 3; }
.be-advantages__deck-row:nth-child(5) { --deck-row: 4; }
.be-advantages__deck-row:last-child { margin-bottom: 0; }

.be-advantages__card {
    --venom-shift-x: 0px;
    --venom-shift-y: 0px;
    --venom-tilt: 0deg;
    position: relative;
    min-width: 0;
    height: clamp(260px, 18.5vw, 290px);
    overflow: hidden;
    border: 1px solid #dedfdd;
    border-radius: 22px;
    background: #fff;
}
.be-advantages__card { padding: clamp(20px, 2vw, 28px); }
.be-advantages__card::after {
    content: '';
    position: absolute;
    z-index: 0;
    right: -26%;
    bottom: -32%;
    width: 78%;
    height: 112%;
    border: 1px solid #e9e9e5;
    border-radius: 46% 20% 30% 52% / 42% 32% 50% 36%;
    background: linear-gradient(145deg, #eeeeea 0%, #f7f7f3 64%, #fff 100%);
    transform-origin: 70% 72%;
    animation: be-advantages-blob 9.5s cubic-bezier(.45,.05,.35,.95) infinite;
    transition: --venom-shift-x .68s cubic-bezier(.12,.72,.16,1), --venom-shift-y .68s cubic-bezier(.12,.72,.16,1), --venom-tilt .72s ease-out, filter .32s ease;
    will-change: transform, border-radius;
    pointer-events: none;
}
.be-advantages__deck-row .be-advantages__card:nth-child(2)::after { bottom: -34%; border-radius: 24% 48% 42% 28% / 36% 30% 52% 46%; animation-delay: -3.1s; }
.be-advantages__deck-row .be-advantages__card:nth-child(3)::after { bottom: -33%; border-radius: 52% 26% 46% 24% / 30% 48% 34% 52%; animation-delay: -6.2s; }
.be-advantages__card.is-venom-active::after {
    transition-duration: .3s, .3s, .36s, .28s;
    filter: contrast(1.035) saturate(1.08);
    background: linear-gradient(145deg, #e9e9e4 0%, #f6f6f1 64%, #fff 100%);
}
.be-advantages__visual { position: absolute; z-index: 2; right: -30%; bottom: -18%; width: 82%; height: 102%; object-fit: contain; object-position: right bottom; pointer-events: none; }
@media (min-width: 680px) {
    .be-advantages__card[data-advantage-number="1"] .be-advantages__visual { right: -7%; bottom: -9%; width: 68%; height: 90%; }
    .be-advantages__card[data-advantage-number="2"] .be-advantages__visual { right: -7%; bottom: -8%; width: 68%; height: 90%; }
    .be-advantages__card[data-advantage-number="3"] .be-advantages__visual { right: -4%; bottom: -8%; width: 64%; height: 91%; }
    .be-advantages__card[data-advantage-number="4"] .be-advantages__visual { right: -13%; bottom: -10%; width: 72%; height: 88%; }
    .be-advantages__card[data-advantage-number="5"] .be-advantages__visual { right: -2%; bottom: -5%; width: 64%; height: 84%; }
    .be-advantages__card[data-advantage-number="7"] .be-advantages__visual { right: -8%; bottom: -14%; width: 64%; height: 90%; }
    .be-advantages__card[data-advantage-number="8"] .be-advantages__visual { right: -13%; bottom: -12%; width: 70%; height: 92%; }
    .be-advantages__card[data-advantage-number="9"] .be-advantages__visual { right: -6%; bottom: -10%; width: 64%; height: 90%; }
    .be-advantages__card[data-advantage-number="10"] .be-advantages__visual { right: -9%; bottom: -8%; width: 69%; height: 86%; }
    .be-advantages__card[data-advantage-number="11"] .be-advantages__visual { right: -7%; bottom: -10%; width: 68%; height: 92%; }
    .be-advantages__card[data-advantage-number="12"] .be-advantages__visual { right: -8%; bottom: -9%; width: 69%; height: 90%; }
    .be-advantages__card[data-advantage-number="13"] .be-advantages__visual { right: -7%; bottom: -15%; width: 65%; height: 94%; }
    .be-advantages__card[data-advantage-number="6"] .be-advantages__visual { right: -9%; bottom: -9%; width: 70%; height: 90%; }
    .be-advantages__card[data-advantage-number="14"] .be-advantages__visual { right: -4%; bottom: -8%; width: 56%; height: 84%; }
    .be-advantages__card[data-advantage-number="15"] .be-advantages__visual { right: -4%; bottom: -10%; width: 65%; height: 93%; }
}
.be-advantages__meta { position: relative; z-index: 3; display: flex; align-items: center; gap: 13px; }
.be-advantages__meta > span { color: #9298a2; font-size: clamp(18px, 1.5vw, 22px); font-weight: 400; line-height: 1; }
.be-advantages__meta > i { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #dcdedc; border-radius: 13px; color: #292929; background: rgba(255,255,255,.94); }
.be-advantages__meta svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.be-advantages__card h3 { position: relative; z-index: 3; max-width: 49%; margin: clamp(16px, 1.5vw, 22px) 0 0; font-size: clamp(21px, 1.55vw, 24px); font-weight: 650; line-height: 1.1; letter-spacing: -.024em; text-wrap: balance; }
.be-advantages__card p { position: relative; z-index: 3; max-width: 47%; margin: 11px 0 0; color: #858b96; font-size: clamp(13px, .96vw, 15px); font-weight: 300; line-height: 1.42; }

@keyframes be-advantages-blob {
    0%, 100% { border-radius: 46% 20% 30% 52% / 42% 32% 50% 36%; transform: translate3d(var(--venom-shift-x), var(--venom-shift-y), 0) rotate(calc(-4deg + var(--venom-tilt))) scale(1); }
    28% { border-radius: 34% 42% 23% 55% / 51% 27% 58% 31%; transform: translate3d(calc(5px + var(--venom-shift-x)), calc(5px + var(--venom-shift-y)), 0) rotate(calc(-1deg + var(--venom-tilt))) scale(1.025, .975); }
    58% { border-radius: 54% 28% 48% 25% / 31% 54% 34% 55%; transform: translate3d(calc(3px + var(--venom-shift-x)), calc(-4px + var(--venom-shift-y)), 0) rotate(calc(3deg + var(--venom-tilt))) scale(.985, 1.025); }
    82% { border-radius: 39% 51% 29% 48% / 52% 34% 49% 29%; transform: translate3d(calc(1px + var(--venom-shift-x)), calc(2px + var(--venom-shift-y)), 0) rotate(calc(-2deg + var(--venom-tilt))) scale(1.015, .99); }
}

.be-advantages__cta { margin-top: clamp(24px, 3vw, 38px); display: grid; grid-template-columns: minmax(0, 650px) minmax(240px, 310px) auto; align-items: stretch; justify-content: start; gap: 14px; }
.be-advantages__cta-note { min-height: 68px; padding: 12px 20px; display: flex; align-items: center; gap: 16px; border-radius: 15px; color: #fff; background: #202020; }
.be-advantages__cta-note > i { flex: 0 0 38px; color: #f55733; }
.be-advantages__cta-note svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.be-advantages__cta-note span { display: grid; gap: 4px; }
.be-advantages__cta-note strong { font-size: clamp(15px, 1.2vw, 18px); font-weight: 500; line-height: 1.15; }
.be-advantages__cta-note small { color: #c3c5ca; font-size: clamp(11px, .82vw, 13px); font-weight: 300; line-height: 1.35; }
.be-advantages__cta-button { min-height: 68px; padding: 0 22px; display: flex; align-items: center; justify-content: center; gap: 18px; border-radius: 15px; color: #fff; background: linear-gradient(105deg, #f55733, #ff6a3d); font-size: 14px; font-weight: 450; text-decoration: none; transition: transform .25s ease, filter .25s ease; }
.be-advantages__cta-button:hover { color: #fff; filter: brightness(1.05); transform: translateY(-2px); }
.be-advantages__cta-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.be-advantages__cta-signature { min-width: 150px; padding-left: 20px; display: flex; align-items: center; justify-content: flex-end; gap: 16px; color: #979ca5; }
.be-advantages__cta-signature > img { flex: 0 0 52px; width: 52px; height: auto; display: block; }
.be-advantages__cta-signature span { padding-left: 15px; border-left: 1px solid #d9dad8; font-size: 9px; line-height: 1.55; letter-spacing: .18em; }

@media (max-width: 1099.98px) {
    .be-advantages { padding: 96px 0 110px; }
    .be-advantages__inner { padding: 0 40px; }
    .be-advantages__header { grid-template-columns: 1fr; gap: 22px; }
    .be-advantages__header h2 { font-size: 38px; }
    .be-advantages__state { display: none; }
    .be-advantages__deck-row { position: relative; top: auto; margin-bottom: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); transform: none !important; filter: none !important; }
    .be-advantages__card { height: 280px; }
    .be-advantages__cta { grid-template-columns: minmax(0, 620px) minmax(240px, 300px); }
    .be-advantages__cta-signature { grid-column: 1 / -1; min-height: 54px; padding-left: 0; justify-content: flex-end; }
}

@media (max-width: 679.98px) {
    .be-advantages { padding: 76px 0 84px; }
    .be-advantages__inner { padding: 0 20px; }
    .be-advantages__eyebrow { font-size: 16px; }
    .be-advantages__header h2 { font-size: 30px; }
    .be-advantages__header > div:first-child > p:last-child { font-size: 16px; }
    .be-advantages__deck-row { grid-template-columns: 1fr; }
    .be-advantages__card { height: 270px; border-radius: 19px; }
    .be-advantages__card h3 { font-size: 21px; }
    .be-advantages__card p { font-size: 13px; }
    .be-advantages__visual { right: -31%; bottom: -14%; width: 80%; height: 94%; }
    .be-advantages__card::after { right: -26%; bottom: -30%; width: 78%; height: 108%; }
    .be-advantages__cta { grid-template-columns: 1fr; }
    .be-advantages__cta-note, .be-advantages__cta-button { min-height: 64px; border-radius: 14px; }
    .be-advantages__cta-signature { grid-column: auto; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .be-advantages__deck-row { transform: none !important; filter: none !important; }
    .be-advantages__cta-button { transition: none; }
    .be-advantages__card::after,
    .be-advantages__card.is-venom-active::after { animation: none; transition: none; }
}