.bm{--bm-ease:cubic-bezier(.16,1,.3,1);--bm-ink:var(--text-primary,oklch(22% .04 250));--bm-ink-soft:var(--text-secondary,oklch(40% .03 250));--bm-ink-faint:var(--text-tertiary,oklch(55% .02 250));--bm-card:var(--surface-card,oklch(99% .004 70));--bm-sunken:var(--surface-sunken,oklch(94% .008 70));--bm-line:oklch(22% .04 250/.1);--bm-gold:#c9a55a;--bm-gold-deep:oklch(55% .1 70);--bm-coffee:oklch(36% .07 50);--bm-crema:oklch(62% .09 62);--bm-water:oklch(70% .035 235);--bm-mono:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace)}.bm-paused,.bm-paused *{animation-play-state:paused!important}.bm-hero{position:relative;aspect-ratio:910/680;background:oklch(18% .02 262)}.bm-hero video,.bm-hero__poster{-o-object-fit:cover;object-fit:cover}.bm-hero video{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s var(--bm-ease)}.bm-hero video.is-ready{opacity:1}.bm-hero__toggle{position:absolute;right:12px;bottom:10px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:oklch(18% .02 262/.55);backdrop-filter:blur(6px);color:oklch(96% .005 70);cursor:pointer;transition:background .2s var(--bm-ease)}.bm-hero__toggle:hover{background:oklch(18% .02 262/.75)}.bm-hero__toggle:focus-visible{outline:2px solid oklch(96% .005 70);outline-offset:2px;box-shadow:0 0 0 4px oklch(18% .02 262/.6)}@media (prefers-reduced-motion:reduce){.bm-hero video,.bm-hero__toggle{transition:none}}.bm-hero__tag{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:oklch(18% .02 262/.55);backdrop-filter:blur(6px);color:oklch(96% .005 70);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}.bm-hero__tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bm-gold);flex:none}.bm-count{font-variant-numeric:tabular-nums}.bm-rent__track{position:relative;margin-top:28px}.bm-rent__steps{position:relative;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;list-style:none}.bm-rent__line{position:absolute;top:34px;left:12%;right:12%;height:2px;background:var(--bm-line)}.bm-rent__line i{position:absolute;inset:0 auto 0 0;width:100%;background:var(--bm-gold);transition:width 2.4s var(--bm-ease) .2s}.bm-rent__steps li{position:relative;text-align:center;transition:opacity .7s var(--bm-ease),transform .7s var(--bm-ease);transition-delay:calc(var(--i) * .5s + .2s)}@media (scripting:enabled){.bm-rent__line i{width:0}.bm-rent__steps li{opacity:0;transform:translateY(16px)}}.bm-rent.bm-in .bm-rent__line i{width:100%}.bm-rent.bm-in .bm-rent__steps li{opacity:1;transform:none}.bm-rent__ic{display:grid;place-items:center;width:70px;height:70px;margin:0 auto;border-radius:50%;background:var(--bm-card);box-shadow:0 0 0 1px var(--bm-line),0 10px 24px -14px oklch(22% .04 250/.4);color:var(--bm-ink);position:relative;z-index:1}.bm-rent__ic svg{width:30px;height:30px}.bm-rent__steps b{display:block;margin-top:16px;font-size:16px;color:var(--bm-ink)}.bm-rent__steps small{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--bm-ink-soft)}@media (max-width:760px){.bm-rent__steps{grid-template-columns:minmax(0,1fr);gap:20px}.bm-rent__line{display:none}.bm-rent__steps li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:0 16px;text-align:left;align-items:center}.bm-rent__ic{grid-row:span 2;margin:0}.bm-rent__steps b{margin-top:0;align-self:end}.bm-rent__steps small{align-self:start}}.bm-pl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center}.bm-pl__pack{position:relative;border-radius:22px;background:var(--bm-sunken);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.bm-pl__pack svg{width:72%;height:auto;filter:drop-shadow(0 26px 30px oklch(22% .04 250/.25))}.bm-pl__lbl{transition:fill .8s var(--bm-ease)}.bm-pl__name{font:700 18px/1 system-ui,sans-serif;letter-spacing:.02em}.bm-pl__name.is-short{font-size:22px}.bm-pl__sub{font:600 11px/1 var(--bm-mono);letter-spacing:.2em}.bm-pl__swap{transition:opacity .45s var(--bm-ease)}.bm-pl__swap.is-out{opacity:0}.bm-pl ol{margin:22px 0 0;padding:0;list-style:none;display:grid}.bm-pl li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px;padding-bottom:22px;opacity:.38;transition:opacity .6s var(--bm-ease)}.bm-pl li.done,.bm-pl li.on,.bm-pl.is-static li{opacity:1}.bm-pl li:before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--bm-line);transition:background .6s var(--bm-ease)}.bm-pl li:last-child:before{display:none}.bm-pl li.done:before{background:var(--bm-gold)}.bm-pl .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid oklch(22% .04 250/.15);font:600 14px/1 var(--bm-mono);color:var(--bm-ink);background:var(--bm-card);position:relative;z-index:1;transition:background .5s,border-color .5s,color .5s}.bm-pl li.on .n{background:var(--bm-ink);color:oklch(98% .004 70);border-color:var(--bm-ink)}.bm-pl li.done .n{background:var(--bm-gold);border-color:var(--bm-gold)}.bm-pl b{display:block;margin-top:9px;font-size:16.5px;color:var(--bm-ink)}.bm-pl small{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--bm-ink-soft)}@media (max-width:760px){.bm-pl{grid-template-columns:minmax(0,1fr);gap:26px}.bm-pl__pack{aspect-ratio:4/3.4}.bm-pl__pack svg{width:auto;height:86%}}.bm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.bm-tabs button{min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--bm-line);background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--bm-ink-soft);cursor:pointer;transition:background .25s,color .25s,border-color .25s}.bm-tabs button:hover{border-color:var(--bm-ink)}.bm-tabs button:focus-visible{outline:2px solid var(--bm-ink);outline-offset:2px}.bm-tabs button[aria-selected=true]{background:var(--bm-ink);border-color:var(--bm-ink);color:oklch(97% .005 85)}@media (max-width:640px){.bm-tabs button{padding:10px 14px;font-size:13.5px}}.bm-rec__card{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:22px;overflow:hidden;background:var(--bm-card);box-shadow:0 0 0 1px oklch(22% .04 250/.08),0 30px 60px -40px oklch(22% .04 250/.5)}.bm-rec__dark{background:oklch(20% .03 250);color:oklch(96% .005 70);padding:32px;display:grid;gap:18px;align-content:start}.bm-rec__dark .k{font:600 11px/1 var(--bm-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bm-gold)}.bm-rec__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bm-rec__nums div{border-top:1px solid oklch(100% 0 0/.14);padding-top:12px}.bm-rec__nums b{display:block;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.bm-rec__nums small{display:block;margin-top:6px;font-size:12.5px;color:oklch(96% .005 70/.65)}.bm-rec__shot{position:relative;height:10px;border-radius:10px;background:oklch(100% 0 0/.1);overflow:hidden}.bm-rec__shot i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,oklch(45% .08 55),oklch(68% .1 70))}.bm-rec.bm-in .bm-rec__shot i{animation:bm-shot var(--shot,27s) linear forwards}@keyframes bm-shot{to{width:100%}}.bm-rec__shotlbl{display:flex;justify-content:space-between;font-size:12px;color:oklch(96% .005 70/.55);font-variant-numeric:tabular-nums}.bm-rec__big{margin:0;padding:0;list-style:none;display:grid;gap:0}.bm-rec__big li{border-top:1px solid oklch(100% 0 0/.14);padding:12px 0 14px;font-family:var(--font-display,Georgia,serif);font-style:italic;font-size:clamp(22px,2.6vw,30px);line-height:1.15;transition:opacity .7s var(--bm-ease),transform .7s var(--bm-ease);transition-delay:calc(var(--i) * .14s + .12s)}@media (scripting:enabled){.bm-rec__big li{opacity:0;transform:translateY(10px)}}.bm-rec.bm-in .bm-rec__big li{opacity:1;transform:none}.bm-rec__light{padding:32px;min-width:0}.bm-rec__light h3{margin:0;font-size:22px;font-weight:600;color:var(--bm-ink)}.bm-rec__notes{margin-top:6px;font-style:italic;color:var(--bm-ink-soft)}.bm-rec__sub{margin-top:22px;font:600 11px/1 var(--bm-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bm-ink-faint)}@media (max-width:760px){.bm-rec__card{grid-template-columns:minmax(0,1fr)}.bm-rec__dark,.bm-rec__light{padding:24px}}.bm-bars{margin-top:14px;display:grid;gap:14px}.bm-bar{display:grid;grid-template-columns:110px minmax(0,1fr) 30px;gap:12px;align-items:center;font-size:13.5px;color:var(--bm-ink-soft)}.bm-bar .tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.bm-bar .tr i{height:8px;border-radius:4px;background:oklch(22% .04 250/.08);position:relative;overflow:hidden}.bm-bar .tr i:after{content:"";position:absolute;inset:0;background:var(--bm-gold);transform:scaleX(var(--f,0));transform-origin:left;transition:transform .45s var(--bm-ease);transition-delay:calc(var(--k) * 90ms + var(--r) * .16s)}@media (scripting:enabled){.bm-bar .tr i:after{transform:scaleX(0)}}.bm-bars.is-on .tr i:after{transform:scaleX(var(--f,0))}.bm-bar em{font-style:normal;font-weight:600;color:var(--bm-ink);text-align:right;font-variant-numeric:tabular-nums}@media (max-width:760px){.bm-bar{grid-template-columns:96px minmax(0,1fr) 28px}}.bm-taste-btn{position:relative;margin-left:8px;padding:2px 10px;border-radius:999px;border:1px solid oklch(22% .04 250/.18);background:transparent;font:600 11px/1.5 var(--font-sans,system-ui,sans-serif);color:var(--text-secondary);cursor:pointer;vertical-align:middle;white-space:nowrap}.bm-taste-btn:before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}.bm-taste-btn:hover,.bm-taste-btn[aria-expanded=true]{border-color:var(--text-primary);color:var(--text-primary)}.bm-taste-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.bm-pop{position:absolute;z-index:60;width:min(340px,calc(100vw - 24px));padding:18px 18px 16px;border-radius:16px;background:var(--bm-card);box-shadow:0 0 0 1px oklch(22% .04 250/.1),0 24px 50px -20px oklch(22% .04 250/.45);animation:bm-pop .35s var(--bm-ease)}@keyframes bm-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.bm-pop h4{margin:0;font-size:14.5px;font-weight:600;color:var(--bm-ink);overflow-wrap:anywhere}.bm-pop .bm-bars{margin-top:12px;gap:10px}.bm-pop .bm-bar{grid-template-columns:92px minmax(0,1fr) 26px;font-size:12.5px}.bm-pop .nt{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.bm-pop .nt span{padding:4px 10px;border-radius:999px;background:var(--bm-sunken);font-size:12.5px;color:var(--bm-ink);opacity:0;transform:translateY(6px);animation:bm-chip .5s var(--bm-ease) forwards;animation-delay:calc(var(--i) * 90ms + 80ms)}@keyframes bm-chip{to{opacity:1;transform:none}}.bm-howto h2{margin:10px 0 0}.bm-howto .bm-lead{margin:8px 0 0;max-width:46ch;font-size:15px;line-height:1.5;color:var(--bm-ink-soft)}.bm-howto__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center;margin-top:28px}.bm-scene{position:relative;border-radius:22px;background:var(--bm-sunken);aspect-ratio:1/1;overflow:hidden}.bm-scene svg{position:absolute;inset:0;width:100%;height:100%}.bm-scene .ink{fill:none;stroke:var(--bm-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.bm-scene .t{font-family:var(--bm-mono);font-size:13px;letter-spacing:.06em;fill:var(--bm-ink)}.bm-scene circle,.bm-scene g,.bm-scene path,.bm-scene rect,.bm-scene text{transition:transform 1.1s var(--bm-ease),opacity .6s var(--bm-ease);transform-box:view-box}.bm-scene .flow{fill:none;stroke:var(--bm-water);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:6 9;animation:bm-flow .7s linear infinite}@keyframes bm-flow{to{stroke-dashoffset:-30}}@keyframes bm-bub{0%{opacity:0;transform:translateY(6px)}40%{opacity:.9}to{opacity:0;transform:translateY(-10px)}}.bm-steps{margin:0;padding:0;list-style:none;display:grid;gap:4px}.bm-steps button{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 14px;width:100%;min-height:44px;padding:14px 16px 16px 14px;border:0;border-radius:14px;background:transparent;text-align:left;font:inherit;color:var(--bm-ink-faint);cursor:pointer;transition:background .3s,color .3s}.bm-steps button:hover{background:oklch(21% .015 262/.04)}.bm-steps button:focus-visible{outline:2px solid var(--bm-ink);outline-offset:2px}.bm-steps .n{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid;font-family:var(--bm-mono);font-size:12px;font-weight:600}.bm-steps b{font-size:16px;font-weight:600;line-height:1.3}.bm-steps small{font-size:13.5px;line-height:1.45}.bm-steps .bar{position:absolute;left:62px;right:16px;bottom:6px;height:2px;border-radius:2px;background:oklch(21% .015 262/.08);overflow:hidden;opacity:0}.bm-steps .bar i{display:block;height:100%;width:0;background:var(--bm-gold-deep)}.bm-steps li.on button{color:var(--bm-ink);background:oklch(100% 0 0/.55)}.bm-steps li.on .n{background:var(--bm-ink);border-color:var(--bm-ink);color:oklch(97% .005 85)}.bm-steps li.on .bar{opacity:1}.bm-howto.is-auto .bm-steps li.on .bar i{animation:bm-bar var(--step,3.2s) linear forwards}.bm-steps li.done .n{background:var(--bm-gold);border-color:var(--bm-gold);color:var(--bm-ink)}@keyframes bm-bar{to{width:100%}}.bm-bf .lbl,.bm-bf .sv-cnt,.bm-bf .sv-foam,.bm-bf .sv-pw,.bm-bf .sv-rinse{opacity:0}.bm-bf .sv-blind{opacity:0;transform:translateY(-30px)}.bm-bf[data-step] .sv-blind{opacity:1;transform:none}.bm-bf[data-step="2"] .sv-pw,.bm-bf[data-step="3"] .sv-pw{opacity:1}.bm-bf[data-step="3"] .sv-pf,.bm-bf[data-step="5"] .sv-pf{transform:translateY(-74px)}.bm-bf[data-step="3"] .sv-cnt,.bm-bf[data-step="3"] .sv-foam,.bm-bf[data-step="5"] .sv-cnt{opacity:1}.bm-bf[data-step="3"] .sv-foam circle{animation:bm-bub 1s var(--bm-ease) infinite}.bm-bf[data-step="3"] .sv-foam circle:nth-child(2n){animation-delay:.4s}.bm-bf[data-step="4"] .sv-rinse{opacity:1}.bm-bf[data-step="4"] .sv-pf{transform:translate(-20px,10px) rotate(-8deg)}.bm-bf[data-step="3"] .lbl-c,.bm-bf[data-step="5"] .lbl-w{opacity:1}.bm-bf .sv-cnt text{opacity:0;animation:bm-cnt 3.6s steps(1) infinite}.bm-bf .sv-cnt text:nth-child(2){animation-delay:.72s}.bm-bf .sv-cnt text:nth-child(3){animation-delay:1.44s}.bm-bf .sv-cnt text:nth-child(4){animation-delay:2.16s}.bm-bf .sv-cnt text:nth-child(5){animation-delay:2.88s}@keyframes bm-cnt{0%,19%{opacity:1}20%,to{opacity:0}}@media (max-width:760px){.bm-howto__grid{grid-template-columns:minmax(0,1fr);gap:18px}.bm-scene{aspect-ratio:4/3.4}}@media (prefers-reduced-motion:reduce){.bm-bar .tr i:after,.bm-pl .n,.bm-pl li,.bm-pl li:before,.bm-pl__lbl,.bm-pl__swap,.bm-rec__big li,.bm-rent__line i,.bm-rent__steps li{transition:none!important}.bm-rent__line i{width:100%}.bm-rec__big li,.bm-rent__steps li{opacity:1;transform:none}.bm-rec__shot i{animation:none!important;width:100%}.bm-pop,.bm-pop .nt span{animation:none;opacity:1;transform:none}.bm-scene *{transition:none!important;animation:none!important}.bm-bf .sv-cnt text{opacity:0}.bm-bf .sv-cnt text:last-child{opacity:1}}