.km5.js .mk-rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.km5.js .mk-rv.in{opacity:1;transform:none}.km5.js .mk-rv.d1{transition-delay:.08s}.km5.js .mk-rv.d2{transition-delay:.16s}.km5.js .mk-rv.d3{transition-delay:.24s}.km5 .mk-hero .hero-copy{max-width:980px}.km5 .mk-hero h1{font-size:clamp(38px,5.4vw,68px);letter-spacing:-.045em;line-height:1;text-wrap:balance;max-width:920px;margin-left:auto;margin-right:auto}.km5 .mk-hero h1 .hl{display:inline;white-space:normal;color:var(--teal);background-image:linear-gradient(var(--yellow),var(--yellow));background-repeat:no-repeat;background-position:0 90%;background-size:100% .2em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1s .35s var(--ease)}.km5 .mk-hero h1 .hl:after{display:none}.km5.js .mk-hero:not(.ready) h1 .hl{background-size:0% .2em}.km5 .mk-hero .hero-sub{max-width:680px}.km5 .mk-badge-dot{width:8px;height:8px;border-radius:50%;flex:none}.km5 .mk-badge-dot.shop{background:#95bf47}.km5 .mk-badge-dot.stripe{background:#635bff}.km5 .mk-stage{max-width:1040px}.km5 .mk-app-body{display:grid;grid-template-columns:1.25fr 1fr}.km5 .mk-feed{list-style:none;margin:0;padding:0;display:grid;gap:8px}.km5 .mk-feed .amt.neg{color:#8a3b2e}.km5 .mk-bill-plan{display:flex;align-items:center;gap:8px}.km5 .mk-code{margin:0;background:var(--ink);color:#d9e4e1;border-radius:14px;padding:16px 18px;font-family:var(--mono);font-size:12.5px;line-height:1.75;overflow-x:auto;min-width:0}.km5 .mk-code div{white-space:pre}.km5 .mk-code .k{color:#8fd9be}.km5 .mk-code .y{color:var(--yellow)}.km5 .mk-code .d{color:#7f918d}.km5 .mk-code mark{background:#f6c03c29;color:var(--yellow);border-radius:4px;padding:1px 4px}.km5 .mk-code-cap{margin-top:12px;font-size:12.5px;color:var(--faint)}.km5 .mk-steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.km5 .mk-steps4 .step{padding:22px}.km5 .mk-steps4 .step h3{font-size:18.5px}.km5 .mk-steps4 .step p{font-size:14.5px}.km5 .mk-tag{display:inline-flex;margin-top:18px;font-family:var(--mono);font-size:12px;padding:4px 9px;border-radius:8px;background:var(--mint);border:1px solid var(--mint-2);color:var(--teal-d);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km5 .shop-steps li{scroll-margin-top:96px}.km5 .mk-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.km5 .mk-c3{grid-column:span 3}.km5 .mk-c2{grid-column:span 2}.km5 .mk-card{display:flex;flex-direction:column}.km5 .mk-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--teal);margin-bottom:18px;flex:none}.km5 .mk-ic svg{width:19px;height:19px}.km5 .mk-viz{margin-top:20px;display:grid;gap:10px}.km5 .mk-pills{margin-top:auto;padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13.5px;color:var(--muted)}.km5 .mk-pills span{display:inline-flex;align-items:center;gap:8px}.km5 .mk-chiplist{display:flex;flex-wrap:wrap;gap:6px}.km5 .mk-chiplist .chip b{font-weight:500;color:var(--ink)}.km5 .mk-pwin .pwin-body{padding:14px;gap:8px}.km5 .mk-pwin .pbtn{height:30px}.km5 .mk-rows{display:grid;grid-template-columns:1fr 1fr;gap:14px}.km5 .mk-row{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-s);min-width:0}.km5 .mk-row .mk-ic{margin-bottom:0;width:44px;height:44px}.km5 .mk-row h3{font-size:19px;letter-spacing:-.02em}.km5 .mk-row p{margin-top:6px;color:var(--muted);font-size:15px}.km5 .mk-row .mk-pills{padding-top:14px}.km5 .mk-row.wide{grid-column:span 2}.km5 .mk-dark{margin-top:0}.km5 .mk-trail{list-style:none;margin:0;padding:8px 20px 20px;display:grid;gap:0}.km5 .mk-trail li{position:relative;display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:16px 0}.km5 .mk-trail li+li{border-top:1px solid var(--dark-line)}.km5 .mk-trail .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#8fd9be1a;color:#8fd9be}.km5 .mk-trail .ic svg{width:17px;height:17px}.km5 .mk-trail b{display:block;font-weight:600;font-size:15px}.km5 .mk-trail span.m{display:block;font-family:var(--mono);font-size:12px;color:#8fa29e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km5 .mk-trail .v{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.km5 .mk-trail .v.pos{color:#8fd9be}.km5 .mk-trail li>div{min-width:0}.km5 .mk-linked{margin:0 20px 20px;padding:12px 14px;border-radius:12px;background:#f6c03c1a;border:1px solid rgba(246,192,60,.3);color:var(--yellow);font-size:13.5px;display:flex;gap:10px;align-items:center}.km5 .mk-linked svg{width:16px;height:16px;flex:none}.km5 .mk-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:940px;margin:0 auto}.km5 .mk-plans .plan .for{min-height:0}.km5 .mk-ent{max-width:940px;margin:20px auto 0}.km5 .btn svg.mk-shop-ic{width:14px;height:16px}.km5 .btn:hover svg.mk-shop-ic{transform:none}.km5 .mk-final .h2{font-size:clamp(34px,5vw,64px);max-width:960px;text-wrap:balance}.km5 .mk-sibling{margin-top:18px;font-size:14px;color:var(--on-dark-muted)}.km5 .mk-sibling a{color:var(--on-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(max-width:1100px){.km5 .mk-steps4{grid-template-columns:1fr 1fr}}@media(max-width:960px){.km5 .mk-bento{grid-template-columns:1fr 1fr}.km5 .mk-c3{grid-column:span 2}.km5 .mk-c2{grid-column:span 1}.km5 .mk-c2:last-child{grid-column:span 2}.km5 .mk-rows{grid-template-columns:1fr}.km5 .mk-row.wide{grid-column:auto}.km5 .mk-plans{grid-template-columns:1fr;max-width:520px}.km5 .mk-ent{max-width:520px}}@media(max-width:700px){.km5 .mk-hero h1{font-size:clamp(34px,10vw,46px);line-height:1.02}.km5 .mk-app-body,.km5 .mk-steps4,.km5 .mk-bento{grid-template-columns:1fr}.km5 .mk-c3,.km5 .mk-c2,.km5 .mk-c2:last-child{grid-column:auto}.km5 .mk-row{grid-template-columns:1fr;padding:20px 18px}.km5 .mk-code{font-size:11.5px;padding:14px}.km5 .mk-trail{padding:4px 16px 16px}.km5 .mk-trail li{grid-template-columns:32px 1fr;gap:12px}.km5 .mk-trail .v{grid-column:2}.km5 .mk-linked{margin:0 16px 16px}.km5 .mk-dark .checks li{grid-template-columns:36px 1fr;row-gap:8px}.km5 .mk-dark .checks .dpill{grid-column:2;justify-self:start}}@media(prefers-reduced-motion:reduce){.km5.js .mk-rv{opacity:1;transform:none}.km5.js .mk-hero:not(.ready) h1 .hl{background-size:100% .2em}}
