/* Scoped feature explorer: no global layout, typography, CTA or pricing changes. */
.bk-feature-explorer{background:var(--color-gray-bg,#f5f5f9);padding-block:clamp(56px,5vw,88px);color:var(--color-black,#14141a)}
.bk-feature-heading-row{display:flex;justify-content:space-between;align-items:end;gap:32px;padding-bottom:38px;border-bottom:1px solid #d3d3dd}
.bk-feature-heading-row h2{font-size:clamp(48px,5vw,88px);line-height:.94;margin:0;max-width:1100px;letter-spacing:0}
.bk-feature-heading-row h2>span{display:block}.bk-feature-heading-row h2>span:last-child{color:var(--color-red,#f92c4d)}
.bk-feature-heading-count{font:500 11px Satoshi,sans-serif;letter-spacing:.12em;color:var(--color-gray-text,#4f4f59);padding-bottom:5px;white-space:nowrap}
.bk-feature-layout{display:grid;grid-template-columns:minmax(285px,4fr) minmax(0,7fr);gap:clamp(40px,6vw,104px);padding-top:38px;align-items:start}
.bk-feature-menu{padding-top:4px}.bk-feature-item{border-bottom:1px solid #d3d3dd}.bk-feature-item h3{margin:0}
.bk-feature-choice{display:grid;grid-template-columns:28px 1fr 24px;gap:14px;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:17px 0;color:var(--color-gray-text,#4f4f59);cursor:pointer}
.bk-feature-index{font:500 11px Satoshi,sans-serif;color:#78787d;font-variant-numeric:tabular-nums}.bk-feature-name{font:700 clamp(21px,1.65vw,29px)/1.05 'Druk Text Bold',sans-serif;letter-spacing:0;text-transform:uppercase}.bk-feature-mark{font:500 23px/1 Satoshi,sans-serif;opacity:0;transform:translate(-5px,4px);transition:opacity .25s,transform .4s cubic-bezier(.22,1,.36,1)}
.bk-feature-choice:hover{color:var(--color-black,#14141a)}.bk-feature-choice[aria-pressed=true]{color:var(--color-black,#14141a)}.bk-feature-choice[aria-pressed=true] .bk-feature-index{color:var(--color-red,#f92c4d)}.bk-feature-choice[aria-pressed=true] .bk-feature-mark,.bk-feature-choice:hover .bk-feature-mark{opacity:1;transform:none;color:var(--color-red,#f92c4d)}
.bk-feature-choice:focus-visible{outline:2px solid var(--color-red,#f92c4d);outline-offset:4px;border-radius:2px}
.bk-feature-panel{padding:0 38px 23px 42px;animation:bk-feature-copy-in .35s cubic-bezier(.22,1,.36,1) both}.bk-feature-panel[hidden]{display:none}.bk-feature-panel>p{font:500 clamp(14px,1.15vw,18px)/1.55 Satoshi,sans-serif;color:var(--color-gray-text,#4f4f59);max-width:390px;margin:0}
.bk-feature-mobile-image{display:none}
.bk-feature-studio{position:relative;min-height:565px;height:clamp(520px,37vw,620px);border:1px solid #d9d9e2;border-radius:8px;background:#eaeaf0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
.bk-feature-studio-top{position:absolute;inset:23px 26px auto;display:flex;align-items:center;justify-content:space-between;gap:25px;font:500 10px/1.4 Satoshi,sans-serif;letter-spacing:.075em;text-transform:uppercase;color:var(--color-gray-text,#4f4f59);z-index:3}
.bk-feature-stage-count{font-variant-numeric:tabular-nums;white-space:nowrap}
.bk-feature-device{position:relative;height:calc(100% - 110px);aspect-ratio:421/901;filter:drop-shadow(0 17px 13px #14141a24);transform:translateY(1px)}
.bk-feature-screen{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
.bk-feature-screen.is-current{opacity:1;transform:none;z-index:2}
.bk-feature-studio-bottom{position:absolute;bottom:25px;display:flex;gap:6px;align-items:center}.bk-feature-segment{width:23px;height:2px;background:#cdccd8;transition:background .3s,transform .4s cubic-bezier(.22,1,.36,1);transform-origin:center}.bk-feature-segment.is-current{background:var(--color-red,#f92c4d);transform:scaleY(2)}
@keyframes bk-feature-copy-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:761px){.bk-feature-layout{grid-template-columns:minmax(250px,5fr) minmax(0,6fr);gap:38px}.bk-feature-studio{min-height:540px}.bk-feature-panel{padding-right:0}.bk-feature-choice{gap:10px;grid-template-columns:24px 1fr 20px}.bk-feature-panel{padding-left:34px}}
@media(max-width:760px){.bk-feature-explorer{padding-block:48px}.bk-feature-heading-row{padding-bottom:25px;gap:20px}.bk-feature-heading-row h2{font-size:clamp(42px,10.5vw,72px);line-height:.98}.bk-feature-heading-count{display:none}.bk-feature-layout{grid-template-columns:1fr;gap:0;padding-top:16px}.bk-feature-menu{padding:0}.bk-feature-studio{display:none}.bk-feature-choice{padding-block:22px;grid-template-columns:25px 1fr 20px;gap:12px}.bk-feature-name{font-size:25px}.bk-feature-index{font-size:10px}.bk-feature-mark{font-size:20px;opacity:.5;transform:none}.bk-feature-panel{padding:0 0 26px 37px}.bk-feature-panel>p{font-size:15px;line-height:1.55;max-width:420px}.bk-feature-mobile-image{display:block;width:auto;height:340px;max-width:100%;margin:23px auto 3px;filter:drop-shadow(0 10px 9px #14141a1c)}.bk-feature-choice[aria-pressed=true] .bk-feature-mark{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.bk-feature-panel{animation:none}.bk-feature-screen,.bk-feature-mark,.bk-feature-segment{transition:none!important}}

/* Native scrolling through the feature copy; the preview stays alongside it. */
.bk-feature-item{min-height:clamp(170px,20vh,210px);display:flex;flex-direction:column;justify-content:center;transition:opacity .35s}
.bk-feature-choice{padding-top:22px;padding-bottom:15px}
.bk-feature-panel{padding-bottom:26px;animation:none}
.bk-feature-panel>p{opacity:.6;transition:opacity .35s}
.bk-feature-item.is-current .bk-feature-panel>p{opacity:1}
.bk-feature-choice .bk-feature-mark{font-size:9px;transform:none;opacity:0}
.bk-feature-choice:hover .bk-feature-mark{opacity:.35;transform:none}
.bk-feature-choice[aria-pressed=true] .bk-feature-mark{opacity:1;transform:none}
.bk-feature-studio{position:sticky;top:calc(var(--site-header-height,76px) + 18px);height:min(620px,calc(100svh - 120px));min-height:390px;align-self:start}
@media(max-width:760px){
 .bk-feature-layout{display:flex;flex-direction:column;align-items:stretch;padding-top:22px}
 .bk-feature-studio{display:flex;order:-1;top:68px;height:300px;min-height:0;z-index:5;width:100%;margin-bottom:15px;box-shadow:0 12px 16px -18px #14141a55}
 .bk-feature-studio-top{inset:16px 17px auto;font-size:9px}
 .bk-feature-device{height:calc(100% - 66px)}
 .bk-feature-studio-bottom{bottom:14px}.bk-feature-segment{width:17px}
 .bk-feature-menu{width:100%}.bk-feature-item{min-height:170px}
 .bk-feature-mobile-image{display:none}.bk-feature-panel{padding-bottom:25px}
 .bk-feature-choice[aria-pressed=true] .bk-feature-mark{transform:none}
}
@media(max-height:650px) and (max-width:760px){.bk-feature-studio{height:230px}.bk-feature-item{min-height:160px}}
@media(prefers-reduced-motion:reduce){.bk-feature-panel>p,.bk-feature-item{transition:none}}

.bk-feature-image-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--color-gray-text,#4f4f59);border:1px solid #c9c9d4;border-radius:28px;background:#f5f5f9;text-align:center;padding:25px}.bk-feature-image-summary strong{font:700 30px/1.1 'Druk Text Bold',sans-serif;text-transform:uppercase}.bk-feature-image-summary p{font:500 13px/1.5 Satoshi,sans-serif;max-width:160px}.bk-feature-image-summary svg{width:64px;height:64px}

/* The screenshot is clipped to each real widget, inside a consistent device shell. */
.bk-widget-phone{border:5px solid #303033;border-radius:32px;background:#f2f2f2;overflow:hidden;box-shadow:inset 0 0 0 1px #77777c;box-sizing:border-box}
.bk-widget-viewport{position:absolute;inset:22px 0 20px;overflow:hidden;display:flex;align-items:center;background:#f2f2f2}
.bk-widget-crop{width:100%;overflow:hidden;flex:none}
.bk-widget-crop img{display:block;width:100%;height:auto;max-width:none}
.bk-widget-speaker{position:absolute;top:8px;left:39%;width:22%;height:3px;background:#303033;border-radius:4px}
.bk-widget-home{position:absolute;bottom:7px;left:33%;width:34%;height:3px;background:#303033;border-radius:4px}

/* The screenshot is clipped to each real widget, inside a consistent device shell. */
.bk-widget-phone{border:5px solid #303033;border-radius:32px;background:#f2f2f2;overflow:hidden;box-shadow:inset 0 0 0 1px #77777c;box-sizing:border-box}
.bk-widget-viewport{position:absolute;inset:22px 0 20px;overflow:hidden;display:flex;align-items:center;background:#f2f2f2}
.bk-widget-crop{width:100%;overflow:hidden;flex:none}
.bk-widget-crop img{display:block;width:100%;height:auto;max-width:none}
.bk-widget-speaker{position:absolute;top:8px;left:39%;width:22%;height:3px;background:#303033;border-radius:4px}
.bk-widget-home{position:absolute;bottom:7px;left:33%;width:34%;height:3px;background:#303033;border-radius:4px}

/* Phone-only preview, retaining its sticky scroll positioning. */
.bk-feature-studio{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}

/* One continuous kit, synchronised with native page scrolling. */
.bk-continuous-phone{position:absolute;inset:0}
.bk-continuous-phone .bk-widget-viewport{display:block;inset:20px 0 18px}
.bk-kit-scroll{width:100%;will-change:transform;transform:translate3d(0,0,0)}
.bk-kit-strip{width:100%;overflow:hidden;display:block}
.bk-kit-strip img{display:block;width:100%;height:auto;max-width:none}

/* Tighter feature rhythm and a larger device preview. */
.bk-feature-item{min-height:125px}
.bk-feature-choice{padding-top:16px;padding-bottom:10px}
.bk-feature-panel{padding-bottom:18px}
@media(min-width:761px){.bk-feature-device{height:calc((100% - 110px)*1.3);max-height:calc(100svh - 128px)}.bk-feature-studio{justify-content:flex-start;padding-top:6px}}
@media(max-width:760px){.bk-feature-item{min-height:125px}.bk-feature-device{height:calc((100% - 66px)*1.3);max-height:calc(100% - 12px)}}

.bk-feature-device{flex-shrink:0}

/* Clip the continuous image to the same inner curve as the shell. */
.bk-continuous-phone{box-shadow:none}
.bk-continuous-phone .bk-widget-viewport{inset:0;border-radius:27px;background:#f2f2f2;isolation:isolate;transform:translateZ(0);clip-path:inset(0 round 27px)}
.bk-continuous-phone .bk-widget-speaker,.bk-continuous-phone .bk-widget-home{z-index:3;box-shadow:0 0 0 5px #f2f2f2}

/* Match the new kit capture inside the existing phone shell. */
.bk-phone-black-lush,.bk-phone-black-lush .bk-widget-viewport{background:#202020}
.bk-phone-black-lush .bk-widget-speaker,.bk-phone-black-lush .bk-widget-home{background:#d9d9df;box-shadow:0 0 0 5px #202020}