/* Silver Ivy Feature Section - Frontend v1.4.0 */
.sifs-section,
.sifs-section * {
    box-sizing: border-box;
}

.sifs-section {
    --sifs-bg: #020814;
    --sifs-panel: #06152d;
    --sifs-card: #07172f;
    --sifs-border: #14365f;
    --sifs-text: #f5f9ff;
    --sifs-muted: #aebed4;
    --sifs-accent: #4f9dff;
    --sifs-icon-bg: #0e2d78;
    --sifs-button-bg: #0f6bff;
    --sifs-button-text: #ffffff;
    --sifs-max-width: 1240px;
    --sifs-pt: 12px;
    --sifs-pb: 12px;
    --sifs-radius: 16px;
    --sifs-feature-gap: 18px;
    --sifs-panel-padding: 30px;
    --sifs-proof-gap: 32px;
    --sifs-image-overlay: .45;
    --sifs-icon-box: 58px;
    --sifs-icon-svg: 34px;
    --sifs-feature-title: 18px;
    --sifs-feature-text: 14px;
    --sifs-feature-card-padding: 22px;
    --sifs-feature-card-min-height: 136px;
    --sifs-heading-size: 44px;
    --sifs-body-size: 15px;
    --sifs-stat-number-size: 58px;
    --sifs-count-duration: 1450ms;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: var(--sifs-pt) 18px var(--sifs-pb);
    color: var(--sifs-text);
    background:
        radial-gradient(circle at 16% 6%, color-mix(in srgb, var(--sifs-accent) 16%, transparent), transparent 26%),
        radial-gradient(circle at 88% 88%, color-mix(in srgb, var(--sifs-accent) 10%, transparent), transparent 35%),
        var(--sifs-bg);
    font-family: inherit;
}

.sifs-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .24;
    background-image:
        radial-gradient(circle at 18% 32%, rgba(255,255,255,.16) 0 1px, transparent 1px),
        radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--sifs-accent) 46%, transparent) 0 1px, transparent 1px),
        radial-gradient(circle at 54% 76%, rgba(255,255,255,.10) 0 1px, transparent 1px);
    background-size: 118px 118px, 180px 180px, 230px 230px;
    animation: sifs-star-drift 18s linear infinite;
}

.sifs-inner {
    position: relative;
    width: 100%;
    max-width: var(--sifs-max-width);
    margin: 0 auto;
    padding: clamp(14px, 1.6vw, 22px);
    border-radius: clamp(22px, calc(var(--sifs-radius) + 14px), 34px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 34%),
        radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--sifs-accent) 13%, transparent), transparent 35%),
        color-mix(in srgb, var(--sifs-bg) 88%, #071a34 12%);
    border: 1px solid color-mix(in srgb, var(--sifs-border) 82%, transparent);
    box-shadow:
        0 32px 90px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.07),
        0 0 0 1px rgba(255,255,255,.02);
    overflow: hidden;
}

.sifs-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--sifs-accent) 26%, transparent) 50%, transparent 100%);
    height: 1px;
    opacity: .7;
}

.sifs-orbs .sifs-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background:
        radial-gradient(circle at 11% 29%, #59f6d8 0 2px, transparent 3px),
        radial-gradient(circle at 52% 45%, #ff4fde 0 2px, transparent 3px),
        radial-gradient(circle at 84% 40%, #f9de4a 0 2px, transparent 3px),
        radial-gradient(circle at 29% 75%, #4effca 0 2px, transparent 3px),
        radial-gradient(circle at 74% 70%, #a24fff 0 2px, transparent 3px);
    filter: drop-shadow(0 0 10px currentColor);
    animation: sifs-orb-float 8s ease-in-out infinite;
}

/* Top icon cards */
.sifs-feature-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sifs-feature-gap);
    width: min(100%, 1080px);
    margin: 0 auto clamp(18px, 2.2vw, 28px);
}

.sifs-feature-card {
    position: relative;
    display: grid;
    grid-template-columns: var(--sifs-icon-box) minmax(0, 1fr);
    gap: clamp(15px, 1.5vw, 22px);
    align-items: flex-start;
    min-height: var(--sifs-feature-card-min-height);
    padding: var(--sifs-feature-card-padding);
    border-radius: clamp(14px, var(--sifs-radius), 22px);
    overflow: hidden;
    background:
        radial-gradient(circle at 7% 0%, color-mix(in srgb, var(--sifs-accent) 12%, transparent), transparent 38%),
        linear-gradient(180deg, color-mix(in srgb, var(--sifs-card) 88%, #ffffff 4%), color-mix(in srgb, var(--sifs-card) 88%, #000000 12%));
    border: 1px solid color-mix(in srgb, var(--sifs-border) 76%, transparent);
    box-shadow:
        0 18px 42px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -18px 36px rgba(0,0,0,.08);
    transform: translateZ(0);
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.sifs-feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background:
        radial-gradient(circle at var(--mx, 40%) var(--my, 20%), color-mix(in srgb, var(--sifs-accent) 30%, transparent), transparent 28%),
        linear-gradient(125deg, transparent 28%, rgba(255,255,255,.075) 44%, transparent 60%);
    transition: opacity .28s ease;
}

.sifs-feature-card::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--sifs-accent) 46%, transparent), transparent);
    opacity: .65;
}

.sifs-feature-card:hover,
.sifs-feature-card:focus-within {
    transform: translateY(-8px) scale(1.012);
    border-color: color-mix(in srgb, var(--sifs-accent) 66%, transparent);
    box-shadow:
        0 26px 66px rgba(0,0,0,.38),
        0 0 34px color-mix(in srgb, var(--sifs-accent) 22%, transparent),
        inset 0 1px 0 rgba(255,255,255,.10);
}

.sifs-feature-card:hover::before,
.sifs-feature-card:focus-within::before {
    opacity: 1;
}

.sifs-icon {
    position: relative;
    flex: 0 0 var(--sifs-icon-box);
    width: var(--sifs-icon-box);
    height: var(--sifs-icon-box);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--sifs-accent);
    background:
        radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sifs-accent) 22%, transparent), transparent 58%),
        color-mix(in srgb, var(--sifs-bg) 78%, var(--sifs-icon-bg) 22%);
    border: 1.5px solid color-mix(in srgb, var(--sifs-accent) 58%, transparent);
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--sifs-accent) 9%, transparent),
        0 0 22px color-mix(in srgb, var(--sifs-accent) 30%, transparent),
        inset 0 0 18px color-mix(in srgb, var(--sifs-accent) 14%, transparent),
        inset 0 1px 0 rgba(255,255,255,.10);
}

.sifs-icon::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--sifs-accent) 28%, transparent);
    opacity: .95;
}

.sifs-icon::after {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--sifs-accent) 12%, transparent);
    opacity: .8;
    transform: scale(.86);
    transition: transform .35s ease, opacity .35s ease;
}

.sifs-icon svg {
    position: relative;
    z-index: 1;
    width: var(--sifs-icon-svg);
    height: var(--sifs-icon-svg);
    stroke-width: 2.05;
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--sifs-accent) 82%, transparent));
    transition: transform .35s ease, filter .35s ease;
}

.sifs-feature-card:hover .sifs-icon::after {
    transform: scale(1.05);
    opacity: 1;
}

.sifs-feature-card:hover .sifs-icon svg {
    transform: rotate(-7deg) scale(1.09);
    filter: drop-shadow(0 0 14px color-mix(in srgb, var(--sifs-accent) 100%, transparent));
}

.sifs-feature-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.sifs-feature-copy h3 {
    margin: 0 0 8px !important;
    color: var(--sifs-text);
    font-size: clamp(16px, var(--sifs-feature-title), 26px);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -.018em;
}

.sifs-feature-copy p {
    margin: 0 !important;
    color: color-mix(in srgb, var(--sifs-muted) 94%, var(--sifs-text) 6%);
    font-size: clamp(13px, var(--sifs-feature-text), 20px);
    line-height: 1.5;
    font-weight: 650;
}

/* Lower proof panel */
.sifs-proof-panel {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(285px, .86fr) minmax(240px, .62fr) minmax(420px, 1.18fr);
    gap: var(--sifs-proof-gap);
    align-items: center;
    padding: var(--sifs-panel-padding);
    border-radius: clamp(16px, calc(var(--sifs-radius) + 4px), 24px);
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--sifs-accent) 14%, transparent), transparent 32%),
        linear-gradient(90deg, color-mix(in srgb, var(--sifs-panel) 96%, #000 4%), color-mix(in srgb, var(--sifs-bg) 80%, var(--sifs-panel) 20%)),
        var(--sifs-panel);
    border: 1px solid color-mix(in srgb, var(--sifs-border) 74%, transparent);
    box-shadow:
        0 28px 72px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 46px rgba(79,157,255,.035);
}

.sifs-proof-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0 34%, color-mix(in srgb, var(--sifs-accent) 34%, transparent) 34%, transparent calc(34% + 1px)),
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%);
    opacity: .72;
}

.sifs-copy,
.sifs-stats,
.sifs-image {
    position: relative;
    z-index: 2;
}

.sifs-eyebrow {
    margin: 0 0 10px !important;
    color: var(--sifs-accent) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    font-weight: 950 !important;
    text-transform: uppercase;
    text-shadow: 0 0 20px color-mix(in srgb, var(--sifs-accent) 44%, transparent);
}

.sifs-copy h2 {
    max-width: 430px;
    margin: 0 0 16px !important;
    color: var(--sifs-text);
    font-size: clamp(32px, var(--sifs-heading-size), 46px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -.048em;
    text-wrap: balance;
}

.sifs-copy p {
    max-width: 470px;
    margin: 0 0 12px !important;
    color: color-mix(in srgb, var(--sifs-muted) 95%, var(--sifs-text) 5%);
    font-size: clamp(14px, var(--sifs-body-size), 20px);
    line-height: 1.58;
    font-weight: 680;
}

.sifs-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 6px;
    padding: 0 20px;
    border-radius: 10px;
    overflow: hidden;
    color: var(--sifs-button-text) !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--sifs-button-bg) 82%, #ffffff 18%), var(--sifs-button-bg));
    border: 1px solid color-mix(in srgb, var(--sifs-button-bg) 56%, #fff 44%);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow:
        0 14px 34px color-mix(in srgb, var(--sifs-button-bg) 30%, transparent),
        inset 0 1px 0 rgba(255,255,255,.18);
    transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, filter .24s ease;
}

.sifs-button::before {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-110%);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
    transition: transform .64s ease;
}

.sifs-button:hover,
.sifs-button:focus {
    transform: translateY(-3px);
    filter: saturate(1.08);
    box-shadow:
        0 22px 48px color-mix(in srgb, var(--sifs-button-bg) 43%, transparent),
        inset 0 1px 0 rgba(255,255,255,.24);
}

.sifs-button:hover::before,
.sifs-button:focus::before {
    transform: translateX(110%);
}

.sifs-stats {
    display: grid;
    gap: clamp(20px, 2.4vw, 30px);
    align-content: center;
    align-self: center;
}

.sifs-stat {
    display: grid;
    grid-template-columns: minmax(96px, auto) minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 4px;
    align-items: start;
}

.sifs-stat-number {
    grid-row: span 2;
    color: var(--sifs-text);
    font-size: clamp(42px, var(--sifs-stat-number-size), 72px);
    line-height: .82;
    font-weight: 950;
    letter-spacing: -.06em;
    text-shadow:
        0 0 18px color-mix(in srgb, var(--sifs-accent) 28%, transparent),
        0 14px 34px rgba(0,0,0,.32);
    font-variant-numeric: tabular-nums;
}

.sifs-counts-on.sifs-is-visible .sifs-stat-number {
    animation: sifs-count-pop .58s cubic-bezier(.2,.8,.2,1) both;
}

.sifs-stat:nth-child(2) .sifs-stat-number { animation-delay: .08s; }
.sifs-stat:nth-child(3) .sifs-stat-number { animation-delay: .16s; }

.sifs-stat-label {
    margin-top: 2px;
    color: var(--sifs-accent);
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.sifs-stat p {
    margin: 0 !important;
    color: color-mix(in srgb, var(--sifs-muted) 95%, var(--sifs-text) 5%);
    font-size: clamp(13px, 1vw, 15px);
    line-height: 1.48;
    font-weight: 650;
}

.sifs-image {
    min-height: 310px;
    height: 100%;
    border-radius: clamp(14px, calc(var(--sifs-radius) + 2px), 22px);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08),
        0 22px 56px rgba(0,0,0,.38),
        0 0 40px color-mix(in srgb, var(--sifs-accent) 12%, transparent);
}

.sifs-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 78% 18%, rgba(255,255,255,.16), transparent 25%),
        linear-gradient(90deg, rgba(2, 8, 20, var(--sifs-image-overlay)), transparent 48%),
        linear-gradient(180deg, transparent 50%, rgba(0,0,0,.58));
    opacity: .9;
}

.sifs-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.12) 42%, transparent 62%);
    transform: translateX(-120%);
    opacity: .5;
    animation: sifs-image-sheen 7.5s ease-in-out infinite;
}

.sifs-image-placeholder {
    background:
        radial-gradient(circle at 72% 18%, rgba(185,205,255,.42), transparent 16%),
        radial-gradient(circle at 62% 72%, rgba(255,148,82,.48), transparent 20%),
        radial-gradient(circle at 84% 62%, rgba(79,157,255,.35), transparent 24%),
        linear-gradient(145deg,#0a1730,#050b16 48%,#21120c);
}

/* Scroll reveal */
.sifs-animate .sifs-feature-card,
.sifs-animate .sifs-copy,
.sifs-animate .sifs-stat,
.sifs-animate .sifs-image {
    opacity: 0;
    transform: translateY(24px) scale(.985);
    transition:
        opacity .72s ease,
        transform .72s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .35s ease;
}

.sifs-animate.sifs-is-visible .sifs-feature-card,
.sifs-animate.sifs-is-visible .sifs-copy,
.sifs-animate.sifs-is-visible .sifs-stat,
.sifs-animate.sifs-is-visible .sifs-image {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.sifs-animate.sifs-is-visible .sifs-feature-card:nth-child(1) { transition-delay: .03s; }
.sifs-animate.sifs-is-visible .sifs-feature-card:nth-child(2) { transition-delay: .09s; }
.sifs-animate.sifs-is-visible .sifs-feature-card:nth-child(3) { transition-delay: .15s; }
.sifs-animate.sifs-is-visible .sifs-feature-card:nth-child(4) { transition-delay: .21s; }
.sifs-animate.sifs-is-visible .sifs-feature-card:nth-child(5) { transition-delay: .27s; }
.sifs-animate.sifs-is-visible .sifs-feature-card:nth-child(6) { transition-delay: .33s; }
.sifs-animate.sifs-is-visible .sifs-copy { transition-delay: .08s; }
.sifs-animate.sifs-is-visible .sifs-stat:nth-child(1) { transition-delay: .18s; }
.sifs-animate.sifs-is-visible .sifs-stat:nth-child(2) { transition-delay: .28s; }
.sifs-animate.sifs-is-visible .sifs-stat:nth-child(3) { transition-delay: .38s; }
.sifs-animate.sifs-is-visible .sifs-image { transition-delay: .24s; }

@keyframes sifs-count-pop {
    0% { transform: translateY(10px) scale(.92); filter: blur(2px); }
    65% { transform: translateY(-3px) scale(1.04); filter: blur(0); }
    100% { transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes sifs-star-drift {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 118px 118px, -180px 180px, 230px -230px; }
}

@keyframes sifs-orb-float {
    0%, 100% { transform: translate3d(0,0,0); opacity: .92; }
    50% { transform: translate3d(10px,-16px,0); opacity: .58; }
}

@keyframes sifs-image-sheen {
    0%, 42% { transform: translateX(-120%); }
    62%, 100% { transform: translateX(120%); }
}

@media (max-width: 1120px) {
    .sifs-feature-grid {
        width: 100%;
    }

    .sifs-proof-panel {
        grid-template-columns: 1fr minmax(300px, .95fr);
    }

    .sifs-copy,
    .sifs-stats {
        grid-column: 1 / 2;
    }

    .sifs-image {
        grid-column: 2 / 3;
        grid-row: 1 / span 2;
        min-height: 360px;
    }
}

@media (max-width: 920px) {
    .sifs-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sifs-proof-panel {
        grid-template-columns: 1fr;
    }

    .sifs-copy,
    .sifs-stats,
    .sifs-image {
        grid-column: auto;
        grid-row: auto;
    }

    .sifs-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .sifs-stat {
        grid-template-columns: 1fr;
    }

    .sifs-stat-number {
        grid-row: auto;
    }

    .sifs-image {
        min-height: 280px;
    }
}

@media (max-width: 680px) {
    .sifs-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sifs-inner {
        padding: 12px;
        border-radius: 26px;
    }

    .sifs-feature-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sifs-feature-card {
        min-height: 0;
        grid-template-columns: clamp(48px, var(--sifs-icon-box), 60px) minmax(0, 1fr);
        padding: clamp(16px, var(--sifs-feature-card-padding), 22px);
        gap: 15px;
    }

    .sifs-icon {
        width: clamp(48px, var(--sifs-icon-box), 60px);
        height: clamp(48px, var(--sifs-icon-box), 60px);
    }

    .sifs-icon svg {
        width: clamp(27px, var(--sifs-icon-svg), 35px);
        height: clamp(27px, var(--sifs-icon-svg), 35px);
    }

    .sifs-proof-panel {
        padding: clamp(18px, var(--sifs-panel-padding), 26px);
        border-radius: 21px;
        gap: 22px;
    }

    .sifs-proof-panel::before {
        display: none;
    }

    .sifs-copy h2 {
        font-size: clamp(31px, 10vw, 42px);
    }

    .sifs-copy p {
        font-size: clamp(14px, var(--sifs-body-size), 16px);
    }

    .sifs-stats {
        grid-template-columns: 1fr;
    }

    .sifs-stat {
        grid-template-columns: minmax(86px, auto) 1fr;
    }

    .sifs-stat-number {
        grid-row: span 2;
        font-size: clamp(39px, 12vw, 54px);
    }

    .sifs-image {
        min-height: 220px;
    }

    .sifs-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sifs-section *,
    .sifs-section *::before,
    .sifs-section *::after {
        animation: none !important;
        transition: none !important;
    }

    .sifs-animate .sifs-feature-card,
    .sifs-animate .sifs-copy,
    .sifs-animate .sifs-stat,
    .sifs-animate .sifs-image {
        opacity: 1;
        transform: none;
    }
}

/* Silver Ivy Feature Section - v1.4.0 layout polish */
.sifs-section {
    --sifs-image-width: 48%;
    --sifs-image-position: center;
}

.sifs-feature-heading {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto clamp(18px, 2.2vw, 30px);
    text-align: center;
}

.sifs-feature-eyebrow {
    margin: 0 0 9px !important;
    color: var(--sifs-accent) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    font-weight: 950 !important;
    text-transform: uppercase;
    text-shadow: 0 0 18px color-mix(in srgb, var(--sifs-accent) 45%, transparent);
}

.sifs-feature-heading h2 {
    margin: 0 !important;
    color: var(--sifs-text) !important;
    font-size: clamp(28px, 3.6vw, 48px) !important;
    line-height: .98 !important;
    letter-spacing: -.048em !important;
    font-weight: 950 !important;
    text-wrap: balance;
}

.sifs-feature-subheading {
    max-width: 660px;
    margin: 12px auto 0 !important;
    color: color-mix(in srgb, var(--sifs-muted) 94%, var(--sifs-text) 6%) !important;
    font-size: clamp(14px, 1.2vw, 17px) !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
    text-wrap: balance;
}

.sifs-feature-card {
    grid-template-columns: max(64px, var(--sifs-icon-box)) minmax(0, 1fr) !important;
    min-height: max(142px, var(--sifs-feature-card-min-height)) !important;
}

.sifs-icon {
    width: max(64px, var(--sifs-icon-box)) !important;
    height: max(64px, var(--sifs-icon-box)) !important;
}

.sifs-icon svg {
    width: max(36px, var(--sifs-icon-svg)) !important;
    height: max(36px, var(--sifs-icon-svg)) !important;
}

.sifs-feature-copy h3 {
    font-size: max(18px, var(--sifs-feature-title)) !important;
}

.sifs-feature-copy p {
    font-size: max(14px, var(--sifs-feature-text)) !important;
    line-height: 1.55 !important;
}

.sifs-proof-panel {
    grid-template-columns: minmax(310px, .88fr) minmax(470px, 1.12fr) !important;
    min-height: 370px;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 40% 0%, color-mix(in srgb, var(--sifs-accent) 13%, transparent), transparent 34%),
        linear-gradient(90deg, color-mix(in srgb, var(--sifs-panel) 100%, #000 0%) 0%, color-mix(in srgb, var(--sifs-panel) 92%, #000 8%) 44%, rgba(3, 12, 30, .78) 72%, rgba(2, 8, 20, .84) 100%),
        var(--sifs-panel) !important;
}

.sifs-proof-panel::before {
    z-index: 1;
    background:
        linear-gradient(90deg, transparent 0 34%, color-mix(in srgb, var(--sifs-accent) 28%, transparent) 34%, transparent calc(34% + 1px)),
        linear-gradient(90deg, rgba(3, 12, 30, .98) 0%, rgba(3, 12, 30, .82) 43%, rgba(3, 12, 30, .42) 65%, rgba(3, 12, 30, .20) 100%),
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%) !important;
    opacity: .95 !important;
}

.sifs-image-bg {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 0;
    width: var(--sifs-image-width);
    min-width: 420px;
    background-image: var(--sifs-proof-image);
    background-size: cover;
    background-position: var(--sifs-image-position);
    background-repeat: no-repeat;
    filter: saturate(1.04) contrast(1.08) brightness(.86);
    transform: scale(1.01);
    pointer-events: none;
}

.sifs-proof-placeholder .sifs-image-bg {
    background:
        radial-gradient(circle at 72% 18%, rgba(185,205,255,.42), transparent 18%),
        radial-gradient(circle at 62% 72%, rgba(255,148,82,.42), transparent 22%),
        radial-gradient(circle at 84% 62%, rgba(79,157,255,.32), transparent 26%),
        linear-gradient(145deg,#0a1730,#050b16 48%,#21120c);
}

.sifs-image-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, var(--sifs-panel) 0%, rgba(6,21,45,.86) 18%, rgba(6,21,45,.38) 48%, rgba(3,10,22,var(--sifs-image-overlay)) 100%),
        linear-gradient(180deg, rgba(2,8,20,.26), rgba(2,8,20,.72));
}

.sifs-image-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 18%, rgba(255,255,255,.12) 40%, transparent 62%);
    transform: translateX(-120%);
    opacity: .45;
    animation: sifs-image-sheen 8s ease-in-out infinite;
}

.sifs-copy,
.sifs-stats {
    z-index: 3 !important;
}

.sifs-copy h2 {
    font-size: clamp(32px, var(--sifs-heading-size), 54px) !important;
    max-width: 460px !important;
}

.sifs-copy p {
    font-size: max(15px, var(--sifs-body-size)) !important;
    line-height: 1.62 !important;
}

.sifs-stats {
    width: min(100%, 610px);
    max-width: 610px;
    padding-left: clamp(22px, 2.5vw, 38px);
    border-left: 1px dashed color-mix(in srgb, var(--sifs-accent) 34%, transparent);
    gap: clamp(22px, 2.2vw, 31px) !important;
}

.sifs-stat {
    grid-template-columns: minmax(120px, auto) minmax(0, 1fr) !important;
    column-gap: clamp(18px, 2vw, 26px) !important;
    align-items: start !important;
}

.sifs-stat-number {
    font-size: clamp(50px, var(--sifs-stat-number-size), 82px) !important;
}

.sifs-stat-label {
    font-size: 13px !important;
}

.sifs-stat p {
    max-width: 280px;
    font-size: clamp(14px, 1.08vw, 16px) !important;
    line-height: 1.52 !important;
}

.sifs-animate .sifs-image-bg {
    opacity: 0;
    transform: scale(1.05);
    transition: opacity .9s ease, transform 1.1s cubic-bezier(.2,.8,.2,1);
}

.sifs-animate.sifs-is-visible .sifs-image-bg {
    opacity: 1;
    transform: scale(1.01);
    transition-delay: .16s;
}

@media (max-width: 1120px) {
    .sifs-proof-panel {
        grid-template-columns: minmax(280px, .85fr) minmax(410px, 1.15fr) !important;
    }

    .sifs-image-bg {
        width: 54%;
        min-width: 380px;
    }
}

@media (max-width: 920px) {
    .sifs-proof-panel {
        grid-template-columns: 1fr !important;
        min-height: 0;
    }

    .sifs-image-bg {
        width: 100%;
        min-width: 0;
        opacity: .42;
    }

    .sifs-proof-panel::before {
        background:
            linear-gradient(180deg, rgba(3,12,30,.95), rgba(3,12,30,.78)),
            linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%) !important;
    }

    .sifs-stats {
        width: 100%;
        max-width: none;
        padding-left: 0;
        border-left: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .sifs-stat {
        grid-template-columns: 1fr !important;
    }

    .sifs-stat-number {
        grid-row: auto !important;
    }

    .sifs-stat p {
        max-width: none;
    }
}

@media (max-width: 680px) {
    .sifs-feature-heading {
        text-align: left;
        margin-bottom: 16px;
    }

    .sifs-feature-heading h2 {
        font-size: clamp(27px, 8.6vw, 38px) !important;
    }

    .sifs-feature-card {
        grid-template-columns: max(56px, min(var(--sifs-icon-box), 64px)) minmax(0, 1fr) !important;
    }

    .sifs-icon {
        width: max(56px, min(var(--sifs-icon-box), 64px)) !important;
        height: max(56px, min(var(--sifs-icon-box), 64px)) !important;
    }

    .sifs-icon svg {
        width: max(31px, min(var(--sifs-icon-svg), 38px)) !important;
        height: max(31px, min(var(--sifs-icon-svg), 38px)) !important;
    }

    .sifs-stats {
        grid-template-columns: 1fr !important;
    }

    .sifs-stat {
        grid-template-columns: minmax(94px, auto) minmax(0, 1fr) !important;
    }

    .sifs-stat-number {
        grid-row: span 2 !important;
    }
}