.bento{--bx-ink: #1C1B17;--bx-ink2: #3A3833;--bx-soft: #6A675E;--bx-faint: #8E8A7E;--bx-line: rgba(28, 27, 23, 0.08);--bx-paper: #F7F6F1;--bx-sage: #5E8A5E;--bx-sage-d: #37553A;--bx-wash: #EDF3EC;display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 14px;margin-top: 28px}.bento .bx{grid-column: span 2}.bento .bx-w3{grid-column: span 3}.bento .bx-w4{grid-column: span 4}.bento .bx-w6{grid-column: span 6}.bx{position: relative;display: flex;flex-direction: column;min-width: 0;border-radius: 22px;background: #fff;overflow: hidden;box-shadow: 0 0 0 1px var(--bx-line), 0 1px 2px rgba(28, 27, 23, 0.03), 0 12px 32px -24px rgba(28, 27, 23, 0.18);transition: box-shadow 0.3s ease, translate 0.3s ease}.bx:hover{box-shadow: 0 0 0 1px rgba(28, 27, 23, 0.11), 0 1px 2px rgba(28, 27, 23, 0.04), 0 18px 40px -24px rgba(28, 27, 23, 0.24)}.bx-vis{position: relative;height: 188px;display: grid;grid-template-columns: minmax(0, 1fr);place-items: center;padding: 20px;overflow: hidden;isolation: isolate;background: var(--bx-paper);border-bottom: 1px solid var(--bx-line);font: 400 13px/1.4 'PP Mori UI', 'PP Mori', -apple-system, system-ui, sans-serif;color: var(--bx-ink);letter-spacing: -0.006em}.bx-vis::before{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(circle at 1px 1px, rgba(28, 27, 23, 0.085) 1px, transparent 0) 0 0 / 16px 16px;-webkit-mask-image: radial-gradient(ellipse 70% 75% at 50% 50%, #000 30%, transparent 100%);mask-image: radial-gradient(ellipse 70% 75% at 50% 50%, #000 30%, transparent 100%)}.bx-vis > *{transition: translate 0.45s cubic-bezier(0.2, 0.8, 0.2, 1)}.bx:hover .bx-vis > *{translate: 0 -3px}.bx-txt{padding: 20px 24px 24px}.bx-txt h3{margin: 0;font: 500 17px/1.3 'PP Mori', 'PP Mori fallback', system-ui, sans-serif;letter-spacing: -0.012em;color: var(--bx-ink);text-wrap: balance}.bx-txt p{margin: 6px 0 0;font-size: 14.5px;line-height: 1.5;color: var(--bx-soft);text-wrap: pretty}.bx-txt a{color: var(--secondary-dark, #37553A);text-decoration: underline;text-underline-offset: 3px;text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);white-space: nowrap}.bx-txt a:hover{text-decoration-color: currentColor}.bx-row{flex-direction: row-reverse}.bx-row.bx-flip{flex-direction: row}.bx-row .bx-vis{flex: 1.25;height: auto;min-height: 220px;border-bottom: 0;border-left: 1px solid var(--bx-line)}.bx-row.bx-flip .bx-vis{border-left: 0;border-right: 1px solid var(--bx-line)}.bx-row .bx-txt{flex: 1;align-self: center;padding: 28px 32px}.bx-row .bx-txt h3{font-size: 22px;letter-spacing: -0.02em}.bx-row .bx-txt p{font-size: 15px;margin-top: 10px;max-width: 34ch}.bx-kick{display: inline-flex;align-items: center;gap: 6px;margin: 0 0 8px;font-size: 12px;font-weight: 500;letter-spacing: 0.02em;color: var(--bx-faint)}.bx-kick b{font-weight: 500;padding: 2px 8px;border-radius: 999px;background: var(--bx-wash);color: var(--bx-sage-d)}.bv .i, .bx-vis .i{width: 14px;height: 14px;flex: none;--gw: 0.9px}.bv-card{display: flex;flex-direction: column;gap: 6px;padding: 12px 14px;border-radius: 14px;background: #fff;box-shadow: 0 0 0 1px var(--bx-line), 0 1px 2px rgba(28, 27, 23, 0.04), 0 10px 24px -16px rgba(28, 27, 23, 0.2)}.bv-row{display: flex;align-items: center;gap: 9px;min-width: 0}.bv-sp{flex: 1}.bv-muted{color: var(--bx-soft)}.bv-faint{color: var(--bx-faint);font-size: 11.5px}.bv-chip{display: inline-flex;align-items: center;gap: 5px;height: 22px;padding: 0 8px;border-radius: 7px;background: #F1EEE6;font-size: 11.5px;color: var(--bx-ink2);white-space: nowrap}.bv-chip.is-sage{background: var(--bx-wash);color: var(--bx-sage-d)}.bv-chip.is-ink{background: var(--bx-ink);color: #fff}.bv-pill{display: inline-flex;align-items: center;gap: 7px;height: 32px;padding: 0 14px;border-radius: 999px;background: #fff;font-size: 13px;color: var(--bx-ink);white-space: nowrap;box-shadow: 0 0 0 1px var(--bx-line), 0 1px 2px rgba(28, 27, 23, 0.05)}.bv-pill.is-go{background: var(--bx-sage);color: #fff;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(28, 27, 23, 0.14)}.bv-pill.is-rv{color: var(--bx-sage-d);background: linear-gradient(135deg, color-mix(in srgb, #5E8A5E 13%, #fff), color-mix(in srgb, #9CBE98 9%, #fff));box-shadow: inset 0 0 0 1px color-mix(in srgb, #37553A 45%, transparent)}.bv-pill img, .bv-row img.bv-glass{width: 18px;height: 12px}.bv-av{width: 26px;height: 26px;border-radius: 50%;flex: none;display: grid;place-items: center;font-size: 10px;font-weight: 600;color: #fff;background: var(--c, #8E8A7E)}.bv-av img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover}.bv-dot{width: 7px;height: 7px;border-radius: 50%;flex: none;background: var(--c, var(--bx-sage))}.bv-logo{width: 44px;height: 44px;border-radius: 12px;display: grid;place-items: center;background: #fff;flex: none;box-shadow: 0 0 0 1px var(--bx-line), 0 2px 6px -2px rgba(28, 27, 23, 0.12)}.bv-logo img{width: 26px;height: 26px;object-fit: contain}.bv-arrow{width: 36px;height: 1px;flex: none;background: linear-gradient(90deg, transparent, var(--bx-faint));position: relative}.bv-arrow::after{content: '';position: absolute;right: 0;top: -3px;border: 3.5px solid transparent;border-left: 5px solid var(--bx-faint);border-right: 0}.bv-keys{display: grid;grid-template-columns: repeat(5, auto);gap: 10px 12px;align-items: end}.bv-key{display: flex;flex-direction: column;align-items: center;gap: 7px}.bv-key kbd{display: grid;place-items: center;width: 42px;height: 42px;border-radius: 11px;background: #fff;font: 500 15px/1 'PP Mori UI', system-ui, sans-serif;color: var(--bx-ink);box-shadow: 0 0 0 1px var(--bx-line), 0 2px 0 rgba(28, 27, 23, 0.09), 0 6px 14px -8px rgba(28, 27, 23, 0.25)}.bv-key.is-on kbd{background: var(--bx-ink);color: #fff;box-shadow: 0 2px 0 #000, 0 6px 14px -6px rgba(28, 27, 23, 0.45)}.bv-key span{font-size: 11.5px;color: var(--bx-soft)}.bv-search{display: flex;align-items: center;gap: 9px;width: min(100%, 330px);height: 40px;padding: 0 14px;border-radius: 12px;background: #fff;font-size: 13.5px;box-shadow: 0 0 0 1px rgba(94, 138, 94, 0.45), 0 0 0 4px rgba(94, 138, 94, 0.12)}.bv-caret{width: 1.5px;height: 16px;margin-left: -6px;background: var(--bx-ink);animation: bv-blink 1.1s steps(1) infinite}@keyframes bv-blink{50%{opacity: 0}}.bv-toast{display: flex;align-items: center;gap: 12px;height: 42px;padding: 0 8px 0 16px;border-radius: 13px;background: #23221E;color: #fff;font-size: 13px;box-shadow: 0 12px 28px -12px rgba(28, 27, 23, 0.55)}.bv-toast b{font-weight: 500;padding: 6px 11px;border-radius: 9px;background: rgba(255, 255, 255, 0.12)}.bv-ring{--p: 0.7;width: 22px;height: 22px;border-radius: 50%;background: conic-gradient(#9CBE98 calc(var(--p) * 1turn), rgba(255, 255, 255, 0.14) 0);display: grid;place-items: center;font-size: 10px}.bv-ring::before{content: attr(data-n);width: 16px;height: 16px;border-radius: 50%;background: #23221E;display: grid;place-items: center}.bv-quote{max-width: 300px;padding: 12px 15px;border-radius: 16px 16px 16px 4px;background: #fff;font-size: 13.5px;line-height: 1.5;color: var(--bx-ink2);box-shadow: 0 0 0 1px var(--bx-line), 0 8px 20px -14px rgba(28, 27, 23, 0.2)}.bv-quote mark{padding: 1px 3px;border-radius: 4px;background: color-mix(in srgb, #F2C76B 45%, #fff);color: var(--bx-ink)}.bv-big{display: flex;align-items: flex-end;align-items: last baseline;gap: 12px}.bv-big b{font: 500 84px/0.9 'PP Mori', 'PP Mori fallback', system-ui, sans-serif;letter-spacing: -0.05em;color: var(--bx-ink)}.bv-big span{max-width: 17ch;font-size: 15px;line-height: 1.3;color: var(--bx-soft)}.bv-switch{width: 34px;height: 20px;border-radius: 999px;background: var(--bx-sage);position: relative;flex: none}.bv-switch::after{content: '';position: absolute;top: 2px;right: 2px;width: 16px;height: 16px;border-radius: 50%;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)}.bv-switch.is-off{background: #D9D5CA}.bv-switch.is-off::after{right: auto;left: 2px}.bv-seg{display: flex;gap: 3px;padding: 4px;border-radius: 14px;background: #ECE8DE;box-shadow: inset 0 1px 2px rgba(28, 27, 23, 0.06)}.bv-seg > span{display: flex;align-items: center;gap: 9px;padding: 10px 16px 10px 12px;border-radius: 10px;font-size: 13.5px;color: var(--bx-soft)}.bv-seg > span.is-on{background: #fff;color: var(--bx-ink);box-shadow: 0 0 0 1px var(--bx-line), 0 2px 6px -2px rgba(28, 27, 23, 0.12)}.bv-seg img{width: 20px;height: 20px;object-fit: contain}.bv-seg small{display: block;font-size: 11px;color: var(--bx-faint)}.bv-wave{display: flex;align-items: center;gap: 3px;height: 44px}.bv-wave i{width: 3px;height: calc(var(--h) * 1%);border-radius: 2px;background: var(--bx-sage);opacity: 0.85}.bv-lines{display: flex;flex-direction: column;gap: 7px;width: 120px}.bv-lines i{height: 7px;border-radius: 4px;background: #E5E1D7;width: calc(var(--w) * 1%)}.bv-eu{position: relative;width: 120px;height: 120px;display: grid;place-items: center}.bv-eu svg{position: absolute;inset: 0;width: 100%;height: 100%}.bv-eu b{font: 600 26px/1 'PP Mori', system-ui, sans-serif;letter-spacing: -0.02em;color: #1F3D8A}@property --p{syntax: '<number>';inherits: false;initial-value: 0.7}.bv-ring{transition: --p 0.9s linear}.bx:hover .bv-ring{--p: 0.08}.bx:hover .bv-toast b{animation: bv-glow 1.1s ease 0.2s}@keyframes bv-glow{40%{background: rgba(156, 190, 152, 0.45)}}.bx:hover .bv-key kbd{animation: bv-press 0.5s ease both}.bx:hover .bv-key:nth-child(2) kbd{animation-delay: 0.12s}.bx:hover .bv-key:nth-child(3) kbd{animation-delay: 0.24s}.bx:hover .bv-key:nth-child(4) kbd{animation-delay: 0.36s}.bx:hover .bv-key:nth-child(5) kbd{animation-delay: 0.48s}@keyframes bv-press{40%{translate: 0 2px;box-shadow: 0 0 0 1px var(--bx-line), 0 0 0 rgba(28, 27, 23, 0.09)}}.bv-quote mark{background: linear-gradient(color-mix(in srgb, #F2C76B 45%, #fff), color-mix(in srgb, #F2C76B 45%, #fff)) 0 0 / 100% 100% no-repeat}.bx:hover .bv-quote mark{animation: bv-sweep 0.7s cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes bv-sweep{from{background-size: 0% 100%}}.bx:hover .bv-pill.is-rv{animation: bv-pop 0.6s cubic-bezier(0.34, 1.5, 0.64, 1) 0.45s both}@keyframes bv-pop{from{scale: 0.85;opacity: 0.4}}.bx:hover .bv-res{animation: bv-up 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both}@keyframes bv-up{from{opacity: 0;translate: 0 8px}}.bx:hover .bv-list > .bv-row:nth-child(n + 2){animation: bv-up 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both}.bx:hover .bv-list > .bv-row:nth-child(3){animation-delay: 0.08s}.bx:hover .bv-list > .bv-row:nth-child(4){animation-delay: 0.16s}.bv-arrow{transform-origin: 0 50%}.bx:hover .bv-arrow{animation: bv-draw 0.6s cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes bv-draw{from{scale: 0 1;opacity: 0}}.bv-eu svg{transition: rotate 1.6s cubic-bezier(0.2, 0.8, 0.2, 1)}.bx:hover .bv-eu svg{rotate: 30deg}.bv-big b{transition: scale 0.5s cubic-bezier(0.34, 1.4, 0.64, 1);transform-origin: 50% 80%}.bx:hover .bv-big b{scale: 1.06}.bx:hover .bv-wave i{animation: bv-eq 0.7s ease-in-out infinite alternate}.bv-wave i:nth-child(odd){animation-delay: -0.35s}.bv-wave i:nth-child(3n){animation-delay: -0.2s}@keyframes bv-eq{to{scale: 1 0.45}}.bx:hover .bv-lines i{animation: bv-write 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) both}.bv-lines i:nth-child(2){animation-delay: 0.15s}.bv-lines i:nth-child(3){animation-delay: 0.3s}.bv-lines i:nth-child(4){animation-delay: 0.45s}@keyframes bv-write{from{width: 0}}.bv-switch::after{transition: left 0.25s ease, right 0.25s ease}.bx:hover .bv-switch{animation: bv-flick 1.4s ease 0.3s}.bx:hover .bv-switch::after{animation: bv-knob 1.4s ease 0.3s}@keyframes bv-flick{25%, 60%{background: #D9D5CA}}@keyframes bv-knob{25%, 60%{translate: -14px 0}}.bx:hover .bv-seg > span{animation: bv-seg-off 1.8s ease 0.2s}.bx:hover .bv-seg > span:not(.is-on){animation-name: bv-seg-on}@keyframes bv-seg-off{30%, 65%{background: transparent;box-shadow: none;color: var(--bx-soft)}}@keyframes bv-seg-on{30%, 65%{background: #fff;color: var(--bx-ink);box-shadow: 0 0 0 1px var(--bx-line), 0 2px 6px -2px rgba(28, 27, 23, 0.12)}}.bx:hover .bv-book{animation: bv-ring 1.2s ease 0.2s}@keyframes bv-ring{40%{box-shadow: inset 0 0 0 1px rgba(94, 138, 94, 0.45), 0 0 0 5px rgba(94, 138, 94, 0.14)}}.bv-mbx{display: flex;align-items: center;gap: 0}.bv-mbx-box{width: 262px;gap: 0;padding: 12px 12px 8px}.bv-mbx-head{gap: 8px;padding: 0 2px 10px;margin-bottom: 4px;border-bottom: 1px solid var(--bx-line)}.bv-mbx-head .bv-logo{width: 28px;height: 28px;border-radius: 8px;box-shadow: 0 0 0 1px var(--bx-line)}.bv-mbx-head .bv-logo img{width: 17px;height: 17px}.bv-mbx-head .bv-logo + .bv-logo{margin-left: -14px}.bv-mbx-row{display: flex;align-items: center;gap: 8px;height: 30px;padding: 0 8px;border-radius: 9px;font-size: 12.5px;white-space: nowrap}.bv-mbx-row i{width: 8px;height: 8px;border-radius: 50%;flex: none;background: var(--c);opacity: 0.55}.bv-mbx-row > span:not(.bv-faint){height: 7px;border-radius: 4px;background: #ECE8DE;width: var(--w)}.bv-mbx-row.is-pick{position: relative;z-index: 1;background: #fff;box-shadow: 0 0 0 1.5px rgba(94, 138, 94, 0.55), 0 6px 16px -8px rgba(28, 27, 23, 0.25);transition: translate 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.45s ease}.bv-mbx-row.is-pick i{opacity: 1}.bv-mbx-link{width: 70px;height: 0;flex: none;border-top: 1.5px dashed rgba(94, 138, 94, 0.6);margin-top: 26px;position: relative;transform-origin: 0 50%}.bv-mbx-link::after{content: '';position: absolute;right: -2px;top: -5px;border: 4px solid transparent;border-left: 6px solid rgba(94, 138, 94, 0.75);border-right: 0}.bv-mbx-card{width: 210px;gap: 7px;margin-top: 26px}.bv-mbx-eu{align-self: flex-start}.bx:hover .bv-mbx-row.is-pick{translate: 6px 0;box-shadow: 0 0 0 1.5px rgba(94, 138, 94, 0.8), 0 10px 22px -8px rgba(28, 27, 23, 0.3)}.bx:hover .bv-mbx-link{animation: bv-draw 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s both}.bx:hover .bv-mbx-card{animation: bv-up 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) 0.35s both}.bv-ico{position: relative;width: 108px;height: 108px;border-radius: 32px;display: grid;place-items: center;color: var(--bx-sage-d);background: linear-gradient(160deg, #fff 0%, #F0F4EE 100%);box-shadow: 0 0 0 1px var(--bx-line), inset 0 1px 0 #fff, 0 22px 40px -22px rgba(28, 27, 23, 0.35);transition: rotate 0.6s cubic-bezier(0.34, 1.4, 0.64, 1)}.bv-ico > .i{width: 46px;height: 46px;--gw: 0px}.bv-sat{position: absolute;display: grid;place-items: center;transition: translate 0.6s cubic-bezier(0.34, 1.4, 0.64, 1)}.bv-sat.is-badge{width: 38px;height: 38px;border-radius: 50%;background: var(--bx-sage);color: #fff;box-shadow: 0 0 0 4px var(--bx-paper), 0 6px 14px -6px rgba(55, 85, 58, 0.6)}.bv-sat.is-badge .i{width: 18px;height: 18px;--gw: 0.5px}.bv-sat.is-chip{height: 28px;padding: 0 11px;border-radius: 999px;background: #fff;font-size: 12.5px;color: var(--bx-ink);white-space: nowrap;box-shadow: 0 0 0 1px var(--bx-line), 0 6px 14px -8px rgba(28, 27, 23, 0.3)}.bx:hover .bv-ico{rotate: -6deg}.bx:hover .bv-sat.is-badge{translate: 6px -6px}.bx:hover .bv-sat.is-chip{translate: -8px 6px}.bv-ill{width: 240px;height: 140px;overflow: visible}.bv-ill .bv-path{fill: none;stroke: rgba(94, 138, 94, 0.55);stroke-width: 1.6;stroke-dasharray: 4 6;stroke-linecap: round}.bv-plane{position: absolute;left: 0;top: 0;width: 30px;height: 30px;color: var(--bx-sage-d);offset-rotate: auto 180deg;offset-distance: 100%}.bv-plane .i{width: 30px;height: 30px;--gw: 0.3px}.bx:hover .bv-plane{animation: bv-fly 1.4s cubic-bezier(0.45, 0, 0.2, 1)}@keyframes bv-fly{from{offset-distance: 0%}}@media (max-width: 860px){.bv-mbx{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0.56)}}@media (max-width: 860px){.bento{grid-template-columns: minmax(0, 1fr);gap: 12px}.bento .bx, .bento .bx-w3, .bento .bx-w4, .bento .bx-w6{grid-column: auto}.bx-row, .bx-row.bx-flip{flex-direction: column}.bx-row .bx-vis, .bx-row.bx-flip .bx-vis{min-height: 0;height: 188px;flex: none;border: 0;border-bottom: 1px solid var(--bx-line)}.bx-row .bx-txt{padding: 20px 22px 24px}.bx-row .bx-txt h3{font-size: 17px}.bx-row .bx-txt p{font-size: 14.5px;margin-top: 6px}.bv-big b{font-size: 64px}}@media (min-width: 861px) and (max-width: 1100px){.bento .bx{grid-column: span 3}.bento .bx-w4, .bento .bx-w6{grid-column: span 6}.bento .bx.bx-m6{grid-column: span 6}}@media (prefers-reduced-motion: reduce){.bx, .bx-vis > *, .bv-ring, .bv-eu svg, .bv-big b, .bv-switch::after{transition: none}.bx:hover .bx-vis *{animation: none !important}.bv-mbx-row.is-pick{transition: none}.bx:hover .bv-mbx-row.is-pick{translate: none}.bv-ico, .bv-sat{transition: none}.bx:hover .bv-ico{rotate: none}.bx:hover .bv-sat{translate: none}.bx:hover .bv-ring{--p: 0.7}.bx:hover .bv-eu svg{rotate: none}.bx:hover .bv-big b{scale: none}.bx:hover .bx-vis > *{translate: none}.bv-caret{animation: none}}