.spi{background:var(--spi-bg,transparent);color:var(--spi-heading,#000);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:var(--spi-vpad,40px) var(--spi-hpad,24px);width:100%}.spi,.spi *,.spi :after,.spi :before{box-sizing:border-box}.spi__inner{margin:0 auto;max-width:1200px}.spi__intro{margin:0 auto 40px;max-width:820px;text-align:center}.spi__eyebrow{color:var(--spi-brand,#2f56d5);display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.spi__title{color:var(--spi-heading,#000);font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.15;margin:0 0 12px}.spi__subtitle{color:var(--spi-desc,#646464);font-size:16px;line-height:1.55;margin:0}.spi__grid{align-items:stretch;display:grid;gap:var(--spi-col-gap,48px);grid-template-columns:minmax(280px,1fr) minmax(320px,1.35fr)}.spi__features{justify-content:center}.spi--layout-features_right .spi__grid{grid-template-columns:minmax(320px,1.35fr) minmax(280px,1fr)}.spi--layout-features_right .spi__features{order:2}.spi--layout-features_right .spi__previews{order:1}@media (max-width:900px){.spi__grid{gap:24px;grid-template-columns:1fr}.spi--layout-features_right .spi__features,.spi--layout-features_right .spi__previews{order:0}}.spi__features{display:flex;flex-direction:column;gap:2px}.spi__feature{align-items:center;background:transparent;border:1px solid transparent;border-radius:16px;color:var(--spi-muted,#a7a7ad);column-gap:14px;cursor:pointer;display:grid;font-family:inherit;grid-template-columns:28px 1fr 20px;padding:12px 16px;position:relative;text-align:left;transition:background-color .3s ease,color .3s ease,border-color .3s ease;width:100%}.spi__feature:hover{color:color-mix(in oklab,var(--spi-muted,#a7a7ad) 60%,var(--spi-heading,#000))}.spi__feature:focus-visible{outline:2px solid var(--spi-brand,#2f56d5);outline-offset:2px}.spi__feature.is-active{background:color-mix(in oklab,var(--spi-panel-bg,#ebeef9) 60%,transparent);border-color:color-mix(in oklab,var(--spi-muted,#a7a7ad) 20%,transparent);color:var(--spi-heading,#000)}.spi__feature-icon{align-items:center;align-self:start;color:inherit;display:inline-flex;flex-shrink:0;grid-row:1/-1;height:28px;justify-content:center;margin-top:2px;width:28px}.spi__feature-icon img,.spi__feature-icon svg{display:block;height:100%;object-fit:contain;width:100%}.spi__feature.is-active .spi__feature-icon{color:var(--spi-brand,#2f56d5)}.spi__feature-body{grid-column:2;min-width:0}.spi__feature-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.spi__feature-name{color:inherit;font-size:clamp(16px,1.3vw,18px);font-weight:700;line-height:1.25}.spi__badge{background:var(--spi-brand,#2f56d5);border-radius:999px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1;padding:3px 8px}.spi__feature-desc{color:var(--spi-desc,#646464);display:grid;font-size:14px;grid-template-rows:0fr;line-height:1.5;margin:0;max-width:42ch;opacity:0;overflow:hidden;padding-top:4px;transition:grid-template-rows .35s ease,padding-top .35s ease,opacity .25s ease}.spi__feature-desc>*{min-height:0}.spi__feature.is-active .spi__feature-desc{grid-template-rows:1fr;opacity:1}.spi__feature-caret{align-items:center;align-self:start;color:var(--spi-brand,#2f56d5);display:inline-flex;grid-column:3;grid-row:1;height:20px;justify-content:center;margin-top:2px;opacity:.6;transform:rotate(0deg);transition:transform .3s ease,opacity .3s ease;width:20px}.spi__feature.is-active .spi__feature-caret{opacity:1;transform:rotate(90deg)}.spi__progress{background:color-mix(in oklab,var(--spi-muted,#a7a7ad) 25%,transparent);border-radius:2px;bottom:4px;height:2px;left:16px;opacity:0;overflow:hidden;position:absolute;right:16px;transition:opacity .25s ease}.spi__feature.is-active .spi__progress{opacity:1}.spi__progress-fill{background:var(--spi-brand,#2f56d5);display:block;height:100%;transform-origin:left center;width:0}.spi__feature.is-active .spi__progress-fill.is-running{animation:spi-progress var(--spi-autoplay-sec,5s) linear forwards}.spi__feature.is-paused .spi__progress-fill{animation-play-state:paused}@keyframes spi-progress{0%{width:0}to{width:100%}}.spi__previews{display:grid;position:relative}.spi__preview{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity var(--spi-fade,.45s) ease,visibility 0s linear var(--spi-fade,.45s);visibility:hidden}.spi__preview.is-active{opacity:1;pointer-events:auto;transition:opacity var(--spi-fade,.45s) ease,visibility 0s linear 0s;visibility:visible}.spi__preview-frame{align-items:center;background:var(--spi-panel-bg,#ebeef9);border-radius:var(--spi-panel-radius,24px);display:flex;height:100%;justify-content:center;min-height:320px;overflow:hidden;padding:24px;position:relative;width:100%}.spi__preview-img{border-radius:14px;display:block;height:auto;max-height:520px;max-width:100%;object-fit:contain}.spi__preview-placeholder{align-items:center;aspect-ratio:16/10;background:color-mix(in oklab,var(--spi-brand,#2f56d5) 10%,#fff);border-radius:14px;color:var(--spi-brand,#2f56d5);display:flex;font-weight:600;justify-content:center;padding:32px;text-align:center;width:100%}@media (max-width:900px){.spi{padding-left:16px;padding-right:16px}.spi__feature{column-gap:12px;grid-template-columns:24px 1fr 18px;padding:10px 12px}.spi__feature-desc{font-size:13.5px}.spi__progress{left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.spi__feature,.spi__feature-caret,.spi__feature-desc,.spi__preview{transition-duration:.01ms!important}.spi__progress-fill.is-running{animation-duration:var(--spi-autoplay-sec,5s)!important}}