.mt__tabs{scrollbar-width:none;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}@media (width>=1024px){.mt__tabs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:visible}.mt__tab{justify-content:center;gap:8px;padding:0 12px;font-size:15px}}.mt__tabs::-webkit-scrollbar{display:none}.mt__tab{white-space:nowrap;border:1px solid var(--color-line);background:var(--color-bg);height:48px;font:500 16px/20px var(--font-display);color:var(--color-fg);border-radius:24px;flex:none;align-items:center;gap:10px;padding:0 20px;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.mt__tab:hover{border-color:var(--color-accent)}.mt__tab[aria-selected=true]{border-color:var(--color-fg-strong);background:var(--color-fg-strong);color:var(--color-on-dark)}.mt__tn{font:400 13px/16px var(--font-display);color:var(--color-accent-ink)}.mt__tab[aria-selected=true] .mt__tn{color:var(--color-primary)}.mt__panels{gap:24px;display:grid}.mt__panel{border:1px solid var(--color-line);background:var(--color-bg);display:grid}.mt__panel:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width>=1024px){.mt__panel{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:520px}}.mt.is-tabs .mt__label{display:none}.mt.is-tabs .mt__panel:not([hidden]){animation:.35s cubic-bezier(.2,.7,.2,1) mt-in}@keyframes mt-in{0%{opacity:0;translate:0 8px}}.mt__body{align-content:start;gap:18px;padding:32px 24px;display:grid}@media (width>=1024px){.mt__body{padding:48px 50px}}.mt__label{font:500 13px/16px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-label);gap:10px;display:flex}.mt__label span{color:var(--color-accent-ink)}.mt__t{font:300 clamp(1.5rem, 2.23vw, 32px)/1.25 var(--font-display);text-transform:uppercase;color:var(--color-fg)}.mt__x{font:400 16px/24px var(--font-sans);color:var(--color-fg)}.mt__ex{border-left:2px solid var(--color-accent);background:var(--color-surface-blue);font:400 15px/22px var(--font-sans);color:var(--color-fg);padding:14px 18px}.mt__ex b{color:var(--color-fg-strong);font-weight:500}.mt__does{gap:10px;display:grid}.mt__does li{font:400 15px/22px var(--font-sans);color:var(--color-muted);grid-template-columns:10px 1fr;gap:14px;display:grid}.mt__does li:before{content:"";background:var(--color-accent);width:10px;height:10px;margin-top:6px}.mt__foot{border-top:1px solid var(--color-line);gap:14px;margin-top:6px;padding-top:20px;display:grid}.mt__chips{flex-wrap:wrap;gap:8px;display:flex}.mt__chip{border:1px solid var(--color-line);border-radius:var(--radius-pill);font:500 13px/16px var(--font-display);white-space:nowrap;color:var(--color-label);padding:9px 14px;transition:border-color .15s,color .15s;display:block}.mt__chip:hover{border-color:var(--color-accent);color:var(--color-fg)}.mt__case{font:500 16px/22px var(--font-display);color:var(--color-accent-ink);transition:color .15s}.mt__case span{color:var(--color-muted);font-weight:400}.mt__case:hover{color:var(--color-accent)}.mt__demo{background:var(--color-ink);color:var(--color-on-dark);align-content:center;gap:22px;padding:56px 24px 32px;display:grid;position:relative;overflow:hidden}@media (width>=1024px){.mt__demo{padding:72px 50px 48px}}.mt__demo:before{content:"";pointer-events:none;background:radial-gradient(420px 260px at 85% 0,#28ffc21a,#0000 70%),radial-gradient(380px 240px at 0 100%,#00b4cd24,#0000 70%);position:absolute;inset:0}.mt__demo>*{position:relative}.mt__cap{font:500 12px/16px var(--font-display);letter-spacing:.06em;text-align:end;text-transform:uppercase;color:var(--color-on-dark-muted);position:absolute;top:22px;right:24px}@media (width>=1024px){.mt__cap{top:50px;right:50px}}.mt-tl{gap:14px;display:grid}@media (width>=640px){.mt-tl{grid-template-columns:var(--cols);gap:6px}}.mt-tl__s{font:400 13px/18px var(--font-sans);color:var(--color-on-dark-3);align-content:start;gap:6px;display:grid}.mt-tl__s b{font:500 15px/20px var(--font-display);color:var(--color-on-dark)}.mt-tl__bar{background:var(--color-accent);transform-origin:0;border-radius:4px;height:40px;margin-bottom:8px;animation:.7s cubic-bezier(.2,.7,.2,1) both mt-grow}.mt-tl__s:nth-child(2) .mt-tl__bar{animation-delay:.12s}.mt-tl__s:nth-child(3) .mt-tl__bar{animation-delay:.24s}.mt-tl__s:nth-child(4) .mt-tl__bar{animation-delay:.36s}.mt-tl__s:nth-child(5) .mt-tl__bar{animation-delay:.48s}@keyframes mt-grow{0%{scale:0 1}}.mt-tl__s--free .mt-tl__bar{border:1px dashed var(--color-accent);background:#00b4cd1f}.mt-tl__s--change .mt-tl__bar{background:linear-gradient(90deg, var(--color-accent), var(--color-primary))}.mt-tl__s--retry .mt-tl__bar{background:repeating-linear-gradient(135deg, var(--color-yellow) 0 8px, #ffdd2d8c 8px 16px)}.mt-tl__s--hold .mt-tl__bar{border:1px solid var(--color-line-dark-strong);background:repeating-linear-gradient(135deg, var(--color-ink-2) 0 6px, var(--color-deco-dark-1) 6px 12px)}.mt-meter{gap:18px;display:grid}.mt-meter__l{font:400 15px/20px var(--font-sans);color:var(--color-on-dark-3)}.mt-meter__o{font:300 28px/32px var(--font-display);letter-spacing:-.02em;color:var(--color-primary)}.mt-meter__track{height:44px;padding-top:12px;position:relative}.mt-meter__track:before{content:"";background:var(--color-fill-dark-2);border-radius:4px;height:8px;position:absolute;top:18px;left:0;right:0}.mt-meter__track:after{content:"";width:var(--v);background:linear-gradient(90deg, var(--color-accent), var(--color-primary));border-radius:4px;height:8px;transition:width .12s;position:absolute;top:18px;left:0}.mt-meter__inc{width:var(--w);border:1px dashed var(--color-on-dark-muted);border-radius:6px;height:16px;position:absolute;top:14px;left:0}.mt-meter__over{left:var(--w);z-index:1;width:max(0%, calc(var(--v) - var(--w)));background:var(--color-yellow);border-radius:0 4px 4px 0;height:8px;transition:width .12s;position:absolute;top:18px}.mt-meter__r{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;position:absolute;inset:8px 0 auto}.mt-meter__r::-webkit-slider-thumb{appearance:none;border:4px solid var(--color-primary);background:var(--color-ink);border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 6px #28ffc226}.mt-meter__r::-moz-range-thumb{border:4px solid var(--color-primary);background:var(--color-ink);border-radius:50%;width:16px;height:16px}.mt-meter__r:focus-visible{outline:none}.mt-meter__r:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #28ffc266}.mt-meter__marks>span{left:var(--at);font:400 11px/14px var(--font-sans);white-space:nowrap;color:var(--color-on-dark-muted);position:absolute;top:34px;translate:-50%}.mt-meter__marks>span:before{content:"";background:var(--color-on-dark-muted);width:1px;height:8px;position:absolute;top:-12px;left:50%}.mt-meter__block{font:500 14px/20px var(--font-sans);color:var(--color-danger-on-dark);background:#ff9b9224;border-radius:6px;padding:10px 14px}.mt-bill{border-top:1px solid var(--color-line-dark);margin-top:6px;display:grid}.mt-bill>div{border-bottom:1px solid var(--color-line-dark);font:400 14px/20px var(--font-sans);color:var(--color-on-dark-3);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.mt-bill dd{font-variant-numeric:tabular-nums;color:var(--color-on-dark);flex:none}.mt-bill .mt-bill__total{font:500 16px/22px var(--font-display);color:var(--color-on-dark);border-bottom:0;padding-top:14px}.mt-bill .mt-bill__total dd{font:300 28px/32px var(--font-display);letter-spacing:-.02em;color:var(--color-primary)}.mt-state{border:1px solid var(--color-line-dark);background:#2d374d99;border-radius:12px;margin-top:12px;padding:18px 20px}.mt-state__h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.mt-state__h b{font:500 16px/22px var(--font-display);color:var(--color-on-dark)}.mt-state__h span{border-radius:var(--radius-pill);font:500 12px/16px var(--font-display);color:var(--color-primary);background:#28ffc224;padding:4px 10px}.mt-state dl>div{border-top:1px solid var(--color-line-dark);font:400 13px/18px var(--font-sans);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.mt-state dt{color:var(--color-on-dark-muted)}.mt-state dd{text-align:right;color:var(--color-on-dark)}.mt-bal{gap:20px;display:grid}.mt-bal li{grid-template-columns:1fr auto;gap:8px 16px;display:grid}.mt-bal__l{font:500 15px/20px var(--font-display);color:var(--color-on-dark)}.mt-bal__v{font:400 14px/20px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-on-dark)}.mt-bal__v small{color:var(--color-on-dark-muted);font-size:12px}.mt-bal__bar{background:var(--color-fill-dark-2);border-radius:4px;grid-column:1/-1;height:8px;position:relative;overflow:hidden}.mt-bal__bar:after{content:"";width:var(--p);background:linear-gradient(90deg, var(--color-accent), var(--color-primary));transform-origin:0;border-radius:4px;animation:.9s cubic-bezier(.2,.7,.2,1) both mt-grow;position:absolute;inset:0 auto 0 0}.mt-bal li:nth-child(3) .mt-bal__bar:after{background:var(--color-yellow)}.mt-rules{flex-wrap:wrap;gap:8px;display:flex}.mt-rules li{border:1px solid var(--color-line-dark-strong);border-radius:var(--radius-pill);font:400 13px/16px var(--font-sans);color:var(--color-on-dark-3);padding:7px 12px}.mt-bundle{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.mt-bundle__hint{font:400 14px/20px var(--font-sans);color:var(--color-on-dark-3);margin-bottom:6px}.mt-bundle__i{border:1px solid var(--color-line-dark);font:500 15px/20px var(--font-display);color:var(--color-on-dark);cursor:pointer;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:grid}.mt-bundle__i:hover{border-color:var(--color-accent)}.mt-bundle__i:has(input:checked){border-color:var(--color-accent);background:#00b4cd1a}.mt-bundle__i span:last-child{font:400 14px/20px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-on-dark-3)}.mt-bundle__i input{width:18px;height:18px;accent-color:var(--color-primary)}.mt-pt{justify-items:center;gap:28px;display:grid}.mt-pt__owner{border:1px solid var(--color-primary);font:500 16px/20px var(--font-display);color:var(--color-on-dark);border-radius:8px;padding:12px 22px;position:relative}.mt-pt__owner:after{content:"";background:var(--color-primary);width:1px;height:28px;position:absolute;top:100%;left:50%}.mt-pt__list{gap:10px;width:100%;display:grid;position:relative}@media (width>=640px){.mt-pt__list{border-top:1px solid var(--color-line-dark-strong);grid-template-columns:repeat(2,minmax(0,1fr));padding-top:18px}}.mt-pt__list li{background:var(--color-ink-2);font:400 13px/18px var(--font-sans);color:var(--color-on-dark-3);border-radius:8px;align-content:start;gap:6px;padding:14px 16px;transition:background-color .15s;display:grid}.mt-pt__list li:hover{background:var(--color-fill-dark)}.mt-pt__list b{font:500 15px/20px var(--font-display);color:var(--color-primary)}@media (prefers-reduced-motion:reduce){.mt.is-tabs .mt__panel:not([hidden]),.mt-tl__bar,.mt-bal__bar:after{animation:none}.mt-meter__track:after,.mt-meter__over{transition:none}}.bf-wrap{position:relative}.bf-glow{pointer-events:none;position:absolute;translate:-50% -50%}.bf-glow--a{top:22%;left:14%}.bf-glow--b{top:78%;left:80%}.bf{gap:12px;padding-left:28px;display:grid;position:relative}.bf:before{content:"";background:var(--color-line-dark-strong);width:1px;position:absolute;top:8px;bottom:8px;left:7px}@media (width>=1024px){.bf{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));gap:12px;padding:34px 0 6px;overflow-x:clip}.bf:before{width:auto;height:1px;inset:7px 0 auto}.bf:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary));filter:drop-shadow(0 0 6px #28ffc2b3);border-radius:5px;width:64px;height:9px;animation:6s linear infinite bf-run;position:absolute;top:3px;left:0}}@keyframes bf-run{0%{translate:-64px}to{translate:var(--bf-w,1200px) 0}}@media (width>=1024px){.bf{--bf-w:100cqw;container-type:inline-size}}.bf__s{backdrop-filter:blur(24px)saturate(1.6);background:linear-gradient(#ffffff12,#0000 50%),#1c25388c;border-radius:16px;align-content:start;gap:10px;padding:22px 20px 24px;transition:box-shadow .2s,translate .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff12,0 24px 48px -18px #000a2166}.bf__s:hover{box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--color-accent), 0 24px 48px -18px #000a2166;translate:0 -3px}.bf__s--gw,.bf__s--gw:hover{border:1px dashed var(--color-on-dark-muted);backdrop-filter:none;box-shadow:none;background:0 0}.bf__dot{border:2px solid var(--color-primary);background:var(--color-ink);border-radius:50%;width:11px;height:11px;position:absolute;top:26px;left:-26px}@media (width>=1024px){.bf__dot{top:-32px;left:20px}}.bf__s--gw .bf__dot{border-color:var(--color-on-dark-muted);border-style:dashed}.bf__n{font:400 13px/16px var(--font-display);color:var(--color-primary)}.bf__s--gw .bf__n{color:var(--color-on-dark-muted)}.bf__t{font:500 18px/22px var(--font-display);color:var(--color-on-dark)}.bf__x{font:400 14px/20px var(--font-sans);color:var(--color-on-dark-3)}.bf__chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.bf__chip{border:1px solid var(--color-line-dark-strong);border-radius:var(--radius-pill);font:500 12px/14px var(--font-display);white-space:nowrap;color:var(--color-on-dark-2);padding:6px 10px;transition:border-color .15s,color .15s}.bf__chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.bf__legend{font:400 14px/20px var(--font-sans);color:var(--color-on-dark-3);flex-wrap:wrap;gap:12px 32px;margin-top:28px;display:flex}.bf__legend span{align-items:center;gap:10px;display:inline-flex}.bf__key{background:linear-gradient(#ffffff12,#0000 50%),#1c25388c;border-radius:4px;width:28px;height:14px;display:inline-block;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff1f}.bf__key--gw{border:1px dashed var(--color-on-dark-muted);background:0 0}@media (prefers-reduced-motion:reduce){.bf:after{animation:none;display:none}.bf__s{transition:none}}@supports not (backdrop-filter:blur(1px)){.bf__s:not(.bf__s--gw){background:var(--color-ink-2)}}