.landing .mp-hero h1{font:600 clamp(48px, 6.4vw, 92px) / .95 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 20px}.landing .mp-line{white-space:nowrap;margin-top:.12em;display:block}@media (max-width:560px){.landing .mp-tail{display:block}}.landing .mp-chips{flex-wrap:wrap;gap:16px 32px;margin:28px 0 40px;display:flex}.landing .mp-chips div{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.landing .mp-chips dt{color:var(--muted);margin-right:4px;font-size:14px}.landing .mp-chips dd{border:1px solid var(--line);color:var(--text);font:500 13px var(--mono);border-radius:999px;margin:0;padding:2px 10px}.landing .mp-chips .mp-agent{align-items:center;gap:6px;padding-left:6px;display:inline-flex}.landing .mp-mark{width:14px;height:14px;display:inline-flex}.landing .mp-invert{filter:invert()}.landing .mp-mark svg{width:100%;height:100%}.landing .ar{--ar-out:cubic-bezier(.23, 1, .32, 1);vertical-align:.02em;background:var(--panel2);height:1.02em;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:.2em;margin:0 .04em;transition:width .52s cubic-bezier(.32,.72,0,1);display:inline-flex;position:relative;overflow:hidden}.landing .ar-layer{align-items:center;gap:.2em;height:100%;padding:0 .24em 0 .18em;display:inline-flex}.landing .ar-out{position:absolute;top:0;left:0}.landing .ar-mark{width:.66em;height:.66em;color:var(--text);flex:none;display:inline-flex}.landing .ar-mark svg{width:100%;height:100%}.landing .ar-name span{display:inline-block}.landing .ar-in .ar-mark{animation:ar-mark-in .56s var(--ar-out) both}.landing .ar-in .ar-name span{animation:ar-rise .52s var(--ar-out) both;animation-delay:calc(60ms + var(--k) * 22ms)}.landing .ar-out .ar-mark,.landing .ar-out .ar-name span{animation:ar-leave .26s var(--ar-out) both}.landing .ar-out .ar-name span{animation-delay:calc(var(--k) * 10ms)}@media (prefers-reduced-motion:reduce){.landing .ar{transition:none}.landing .ar-in .ar-mark,.landing .ar-in .ar-name span{animation:.2s both ar-fade}.landing .ar-out .ar-mark,.landing .ar-out .ar-name span{animation:.15s reverse both ar-fade}}.landing .mp-player{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.landing .mp-player video,.landing .mp-film video,.landing .mp-switch video{aspect-ratio:16/9;background:var(--bg);border-radius:var(--r3);outline-offset:-1px;outline:1px solid #ffffff1a;width:100%;display:block}.landing .mp-player video:focus-visible,.landing .mp-film video:focus-visible,.landing .mp-switch video:focus-visible{outline:2px solid var(--grease);outline-offset:3px}.landing .mp-plan{border-top:1px solid var(--line2);margin:0;padding:0;list-style:none}.landing .mp-plan button{border:0;border-bottom:1px solid var(--line2);width:100%;min-height:44px;color:var(--muted);text-align:start;cursor:pointer;touch-action:manipulation;transition:color var(--t1) var(--e-out), background-color var(--t1) var(--e-out);background:0 0;border-inline-start:2px solid #0000;grid-template-columns:56px minmax(0,1fr);gap:2px 12px;padding:10px 12px;font-size:14px;display:grid}.landing .mp-t{font:400 13px var(--mono);grid-row:span 2}.landing .mp-plan button[aria-current=true]{border-inline-start-color:var(--play);background:var(--panel);color:var(--text)}.landing .mp-plan button[aria-current=true] .mp-t{color:var(--play)}.landing .mp-name{font-weight:500}.landing .mp-plan button[aria-current=true] .mp-name{font-weight:600}.landing .mp-words{text-wrap:pretty;font-size:13px}.landing .mp-cap,.landing .mp-film figcaption{max-width:70ch;color:var(--muted);text-wrap:pretty;margin:14px 0 0;font-size:14px}.landing .mp-cap a{color:var(--text);text-underline-offset:3px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.landing .mp-plan button:hover{color:var(--text)}}.landing .mp-film{margin:0}.landing .mp-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.landing .mp-steps .num{color:var(--muted);font:500 13px var(--mono);margin-bottom:14px;display:block}.landing .mp-steps h3{font:600 21px / 1.25 var(--display);margin:0 0 6px}.landing .mp-steps p{color:var(--muted);overflow-wrap:break-word;margin:0;font-size:15px;line-height:1.5}.landing .mp-steps code{color:var(--text);font:400 14px / 1.5 var(--mono)}.landing .mp-pack{grid-template-columns:repeat(4,minmax(0,1fr))}.landing .mp-art{width:56px;height:28px;margin-bottom:22px;display:block;position:relative}.landing .mp-art i{background:var(--text);border-radius:2px;display:block;position:absolute}.landing .mp-art-skill i:first-child{transform-origin:0;width:40px;height:4px;top:12px;left:0}.landing .mp-art-skill i:nth-child(2){background:var(--play);width:4px;height:16px;top:6px;left:44px}.landing .mp-art-skill i:nth-child(3),.landing .mp-art-tokens i:nth-child(3){display:none}.landing .mp-art-starters i{border:1.5px solid var(--text);background:0 0;width:14px;height:16px;top:6px}.landing .mp-art-starters i:first-child{left:0}.landing .mp-art-starters i:nth-child(2){border-color:var(--play);left:20px}.landing .mp-art-starters i:nth-child(3){left:40px}.landing .mp-art-tokens i:first-child{height:1.5px;top:20px;left:0;right:0}.landing .mp-art-tokens i:nth-child(2){background:var(--play);border-radius:50%;width:12px;height:12px;top:14px;left:0}.landing .mp-art-guides i{width:11px;height:11px;top:8px}.landing .mp-art-guides i:first-child{background:var(--play);left:0}.landing .mp-art-guides i:nth-child(2){left:15px}.landing .mp-art-guides i:nth-child(3){left:30px}.landing .mp-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}@media (prefers-reduced-motion:no-preference){.landing .mp-art-skill i:first-child{animation:2.4s steps(8,end) infinite mp-type}.landing .mp-art-starters i:nth-child(2){animation:mp-hop 2.4s var(--e-out) infinite}.landing .mp-art-tokens i:nth-child(2){animation:mp-slide 2.4s var(--e-out) infinite}.landing .mp-art-guides i:first-child{animation:mp-hop 2.4s var(--e-out) infinite}}@media (max-width:1100px){.landing .mp-player{grid-template-columns:minmax(0,1fr)}.landing .mp-steps,.landing .mp-pack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.landing .mp-steps,.landing .mp-pack,.landing .mp-strip{grid-template-columns:minmax(0,1fr)}}.landing .mp-switch .toggle-group{margin-bottom:16px}.landing .mp-faq{border-top:1px solid var(--line2);max-width:75ch}.landing .mp-faq details{border-bottom:1px solid var(--line2)}.landing .mp-faq summary{min-height:44px;font:600 19px / 1.3 var(--display);cursor:pointer;padding:16px 0}.landing .mp-faq p{color:var(--muted);text-wrap:pretty;margin:0 0 20px;font-size:16px;line-height:1.55}.landing section[aria-labelledby]{scroll-margin-top:80px}@keyframes mp-type{0%{transform:scaleX(0)}70%,to{transform:scaleX(1)}}@keyframes mp-hop{0%,40%{transform:translate(0)}50%,90%{transform:translate(15px)}to{transform:translate(0)}}@keyframes mp-slide{0%{transform:translate(0)}60%,to{transform:translate(44px)}}@keyframes ar-rise{0%{opacity:0;filter:blur(6px);transform:translateY(.5em)}}@keyframes ar-mark-in{0%{opacity:0;filter:blur(4px);transform:scale(.82)rotate(-14deg)}}@keyframes ar-leave{to{opacity:0;filter:blur(4px);transform:translateY(-.45em)}}@keyframes ar-fade{0%{opacity:0}}
