.bp-body :is(.bk-ic-set,.bk-ic-style,.bk-ic-donts){margin:0 0 1.6em;padding:0;list-style:none}.bp-body .bk-ic-set{padding:clamp(18px,3vw,40px)}.bk-ic-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bk-ic-set{border-radius:var(--r);background:var(--color-sand-100);grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);display:grid}.bp-body .bk-ic-set>li{aspect-ratio:1;background:color-mix(in srgb, var(--color-ink) 8%, transparent);color:var(--color-ink);border-radius:50%;place-items:center;margin:0;padding:0;transition:background .22s,color .22s,scale .45s cubic-bezier(.34,1.56,.64,1);display:grid}.bk-ic-set svg{width:42%;height:42%}.bp-body .bk-ic-set>li:hover{background:var(--color-ink);color:var(--color-paper);scale:1.12}@media (width<=640px){.bk-ic-set{grid-template-columns:repeat(4,minmax(0,1fr))}}.bk-ic-style,.bk-ic-donts{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);display:grid}.bk-ic-donts{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-ic-style figure,.bk-ic-donts figure{margin:0}.bk-ic-pane{aspect-ratio:4/3;box-sizing:border-box;border-radius:var(--r-md);background:var(--color-sand-100);color:var(--color-ink);justify-content:center;align-items:center;gap:clamp(10px,1.2vw,16px);padding:16px;display:flex}.bk-ic-style figcaption,.bk-ic-donts figcaption{color:var(--color-sand-600);text-wrap:pretty;margin-top:10px;font-size:15px;line-height:1.45}.bk-ic-style figcaption b,.bk-ic-donts figcaption b{color:var(--color-ink);font-weight:600;display:block}.bk-ic-donts .bk-ic-pane{aspect-ratio:16/9}@media (width<=760px){.bk-ic-style{grid-template-columns:minmax(0,1fr)}.bk-ic-style .bk-ic-pane{aspect-ratio:2}}@media (width<=480px){.bk-ic-donts{grid-template-columns:minmax(0,1fr)}}.bk-ic-wt{letter-spacing:.02em;white-space:nowrap;color:var(--color-ink);align-content:end;justify-items:center;gap:8px;font-size:13px;font-weight:600;display:grid}.bk-ic-wt span{color:var(--color-sand-500)}.bk-ic-wt svg{width:22px;height:22px}.bk-ic-wt[data-size=m] svg{width:30px;height:30px}.bk-ic-wt[data-size=l] svg{width:clamp(38px,3.8vw,48px);height:clamp(38px,3.8vw,48px)}.bk-ic-weights{align-items:end}.bk-ic-chips>span{aspect-ratio:1;border-radius:var(--r-sm);place-items:center;width:clamp(54px,5vw,66px);display:grid}.bk-ic-on-ink{background:var(--color-ink)}.bk-ic-on-card{background:var(--color-sand-200)}.bk-ic-on-media{background:linear-gradient(135deg, var(--color-orange), color-mix(in oklch, var(--color-orange) 40%, var(--color-ink)))}.bk-ic-c1,.bk-ic-c2,.bk-ic-c3{aspect-ratio:1;border-radius:50%;place-items:center;width:62%;transition:background .22s,color .22s,scale .45s cubic-bezier(.34,1.56,.64,1);display:grid}.bk-ic-c1 svg,.bk-ic-c2 svg,.bk-ic-c3 svg{width:50%;height:50%}.bk-ic-c1{background:var(--color-paper);color:var(--color-ink)}.bk-ic-on-ink:hover .bk-ic-c1{background:var(--color-orange)}.bk-ic-c2{background:color-mix(in srgb, var(--color-ink) 8%, transparent);color:var(--color-ink)}.bk-ic-on-card:hover .bk-ic-c2{background:var(--color-ink);color:var(--color-paper);scale:1.08}.bk-ic-c3{background:color-mix(in srgb, var(--color-ink) 52%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-white)}.bk-ic-on-media:hover .bk-ic-c3{background:color-mix(in srgb, var(--color-ink) 75%, transparent);scale:1.08}.bk-ic-inherit>span{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(46px,4.2vw,56px);display:grid}.bk-ic-inherit svg{width:44%;height:44%}.bk-ic-k1{background:var(--color-paper);color:var(--color-ink)}.bk-ic-k2{background:var(--color-ink);color:var(--color-paper)}.bk-ic-k3{background:var(--bg,var(--color-dev-bg));color:var(--fg,var(--color-dev-fg));transition:background .22s,color .22s}.bk-ic-chip{aspect-ratio:1;background:color-mix(in srgb, var(--color-ink) 8%, transparent);width:clamp(48px,4.6vw,60px);color:var(--color-ink);border-radius:50%;place-items:center;display:grid}.bk-ic-chip svg{width:44%;height:44%}.bk-ic-solid svg{fill:currentColor}.bk-ic-tint-a{color:var(--color-orange)}.bk-ic-tint-b{color:var(--color-dev-fg)}.bk-ic-curve{width:min(100%,220px);overflow:visible}.bk-ic-curve .bk-ic-grid{fill:none;stroke:color-mix(in srgb, var(--color-ink) 12%, transparent);stroke-width:1px}.bk-ic-curve .bk-ic-line{fill:none;stroke:color-mix(in srgb, var(--color-ink) 40%, transparent);stroke-width:2px;stroke-dasharray:4 5}.bk-ic-ly{fill:var(--color-ink)}@media (prefers-reduced-motion:no-preference){.bk-ic-lx{animation:2.6s linear infinite bk-ic-lin-x}.bk-ic-ly{animation:2.6s linear infinite bk-ic-lin-y}}@keyframes bk-ic-lin-x{0%{transform:translate(0)}55%,to{transform:translate(160px)}}@keyframes bk-ic-lin-y{0%{opacity:1;transform:translateY(0)}55%,85%{opacity:1;transform:translateY(-100px)}to{opacity:0;transform:translateY(-100px)}}.bk-ic-rmx{flex-direction:column}.bk-ic-fake-sw{color:var(--color-ink);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.bk-ic-fake-sw i{background:var(--color-ink);border-radius:99px;width:34px;height:20px;position:relative}.bk-ic-fake-sw i:after{content:"";background:var(--color-paper);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;right:3px}@media (prefers-reduced-motion:no-preference){.bk-ic-bob{animation:1.2s cubic-bezier(.45,0,.55,1) infinite alternate bk-ic-bob}}@keyframes bk-ic-bob{to{translate:0 -12px}}@media (prefers-reduced-motion:reduce){.bp-body .bk-ic-set>li,.bk-ic-c1,.bk-ic-c2,.bk-ic-c3{transition:background .22s,color .22s}.bp-body .bk-ic-set>li:hover,.bk-ic-on-card:hover .bk-ic-c2,.bk-ic-on-media:hover .bk-ic-c3{scale:1}.bk-ic-ly{transform:translateY(-100px)}.bk-ic-lx{transform:translate(160px)}}.bp-body :is(.bk-ic-curves,.bk-ic-demos,.bk-ic-rm){margin:0 0 1.6em}.bk-ic-curves,.bk-ic-demos{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);display:grid}.bk-ic-demos{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-ic-curves figure,.bk-ic-demos figure{margin:0}.bk-ic-cv svg{border-radius:var(--r-md);background:var(--color-sand-100);width:100%;height:auto;display:block;overflow:visible}.bk-ic-gl{fill:none;stroke:color-mix(in srgb, var(--color-ink) 7%, transparent);stroke-width:1px}.bk-ic-gl-b{stroke:color-mix(in srgb, var(--color-ink) 16%, transparent)}.bk-ic-cp{fill:none;stroke:color-mix(in srgb, var(--color-ink) 22%, transparent);stroke-width:1px;stroke-dasharray:3 3}.bk-ic-cu{fill:none;stroke:var(--color-ink);stroke-width:2.4px;stroke-linecap:round}.bk-ic-dy{fill:var(--dot,var(--color-ink));stroke:var(--color-sand-100);stroke-width:3px;transition:fill .22s;transform:translateY(-90px)}.bk-ic-dx{transform:translate(160px)}@media (prefers-reduced-motion:no-preference){.bk-ic-dx{animation:3s linear infinite bk-ic-run-x}.bk-ic-dy{animation:bk-ic-run-y 3s var(--e) infinite}}@keyframes bk-ic-run-x{0%{transform:translate(0)}50%,to{transform:translate(160px)}}@keyframes bk-ic-run-y{0%{opacity:1;transform:translateY(0)}50%,82%{opacity:1;animation-timing-function:linear;transform:translateY(-90px)}to{opacity:0;transform:translateY(-90px)}}.bk-ic-curves figcaption,.bk-ic-demos figcaption{color:var(--color-sand-600);text-wrap:pretty;margin-top:10px;font-size:15px;line-height:1.45}.bk-ic-curves figcaption b,.bk-ic-demos figcaption b{color:var(--color-ink);font-weight:600;display:block}.bk-ic-curves figcaption b{letter-spacing:-.025em;font-size:clamp(20px,1.75vw,26px);line-height:1.2}.bk-ic-curves figcaption span{display:block}.bp-body .bk-ic-demos figcaption code{letter-spacing:.08em;text-transform:uppercase;color:var(--color-sand-500);font-variant-numeric:tabular-nums;background:0 0;margin-top:6px;padding:0;font-family:inherit;font-size:10px;font-weight:600;line-height:1;display:block}@media (width<=1180px){.bk-ic-curves{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.bk-ic-curves{grid-template-columns:minmax(0,1fr)}.bk-ic-cv{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.bk-ic-curves figcaption{margin:0}}.bk-ic-stage{aspect-ratio:4/3;box-sizing:border-box;border-radius:var(--r-md);background:var(--color-sand-100);place-items:center;padding:clamp(16px,2vw,28px);display:grid;overflow:hidden;container-type:inline-size}.bk-ic-card .oi-c{aspect-ratio:auto;flex:none;width:78%;height:82%;padding:clamp(18px,2.4vw,30px)}.bk-ic-faq .fq{width:100%;max-width:22em;margin:0;padding:0;display:block}.bk-ic-faq .fq summary{padding:18px 0;font-size:clamp(18px,1.6vw,21px)}.bk-ic-faq .fq summary svg{width:24px;height:24px;margin-top:0}.bp-body .bk-ic-faq .fq details p{margin:0;padding:0 0 18px;font-size:16px}.bk-ic-media{background:linear-gradient(135deg, var(--color-orange), color-mix(in oklch, var(--color-orange) 40%, var(--color-ink)))}@media (width<=560px){.bk-ic-demos{grid-template-columns:minmax(0,1fr)}}.bk-ic-rm{border-radius:var(--r);background:var(--color-sand-100);padding:clamp(18px,2.4vw,32px)}.bk-ic-sw{font:inherit;letter-spacing:-.01em;color:var(--color-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:600;display:inline-flex}.bk-ic-sw span{background:color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:99px;width:44px;height:26px;transition:background .22s;position:relative}.bk-ic-sw span:after{content:"";background:var(--color-paper);border-radius:50%;width:20px;height:20px;transition:translate .35s cubic-bezier(.65,0,.35,1);position:absolute;top:3px;left:3px}.bk-ic-sw[aria-checked=true] span{background:var(--color-ink)}.bk-ic-sw[aria-checked=true] span:after{translate:18px}.bk-ic-sw:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px;border-radius:4px}.bk-ic-rm-stage{border-radius:var(--r-md);background:var(--color-paper);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,3vw,40px);margin-top:clamp(18px,2.4vw,28px);padding:clamp(28px,4vw,56px) 16px;display:flex}.bk-ic-rm-stage .bk-ic-media{aspect-ratio:1;border-radius:var(--r-md);place-items:center;width:96px;display:grid}.bk-ic-rm[data-rm=on] :is(.cta .ic,.cta .ic svg){transition:background .22s,color .22s}.bk-ic-rm[data-rm=on] .ib-glass{transition:background .2s}.bk-ic-rm[data-rm=on] .ib-glass:is(:hover,:active){scale:1}.bk-ic-rm[data-rm=on] .ib-glass svg{animation:none}@media (prefers-reduced-motion:reduce){.bk-ic-sw span:after{transition:none}}