.ms{color:var(--fg)}.ms-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:36px}.ms-heading h2{font-size:clamp(34px,4.3vw,52px);line-height:1.12;letter-spacing:-.04em}.ms-heading h2 em{color:inherit;font-weight:inherit}.ms-heading .lead{margin:0;max-width:64ch}.ms-layout{display:grid;gap:28px;align-items:start}.ms-copy{min-width:0}.ms-steps{display:grid}.ms-step{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:12px;padding:24px 0;border-top:1px solid var(--border);align-items:start}.ms-step:last-child{border-bottom:1px solid var(--border)}.ms-step-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--bg)}.ms-step>svg{align-self:center;color:var(--muted)}.ms-step small{font-size:11px;letter-spacing:.07em;color:var(--muted)}.ms-step h3{font-size:19px;line-height:1.25;margin:5px 0 9px}.ms-step p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.ms-step[aria-selected=true] .ms-step-icon{background:var(--fg);color:var(--bg);border-color:var(--fg)}.ms-step[aria-selected=true]>svg{color:var(--fg)}.ms-requirement{display:flex;gap:9px;align-items:flex-start;margin-top:20px;font-size:12px;color:var(--muted)}.ms-requirement svg{margin-top:2px}.ms-demo{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;min-height:44px;margin-top:10px}.ms-stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden;box-shadow:0 16px 48px #0000000c;min-width:0}.ms-stage-top{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);min-height:64px}.ms-indicator{width:6px;height:6px;background:var(--fg);border-radius:50%;flex:none}.ms-playback{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px 9px;font:inherit;font-size:11px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:7px;cursor:pointer}.ms-playback[hidden]{display:none}.ms-scenes{position:relative}.ms-scene{padding:36px 30px;min-height:450px;display:flex;flex-direction:column;justify-content:center}.ms-scene[hidden]{display:none}.ms-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--border);padding:16px 20px;font-size:11px;color:var(--muted)}.ms-progress{display:flex;gap:5px}.ms-progress i{width:25px;height:3px;border-radius:2px;background:var(--border)}.ms-stage[data-ms-state="0"] .ms-progress i:first-child,.ms-stage[data-ms-state="1"] .ms-progress i:nth-child(-n+2),.ms-stage[data-ms-state="2"] .ms-progress i{background:var(--fg)}.ms-package-center{text-align:center;display:grid;justify-items:center;gap:8px}.ms-package-mark{width:82px;height:82px;border-radius:16px;border:1px solid var(--border);display:grid;place-items:center;background:var(--surface);margin-bottom:10px}.ms-package-center b{font-size:23px;letter-spacing:-.035em}.ms-package-center>span:last-child{font-size:12px;color:var(--muted)}.ms-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.ms-module{display:flex;align-items:center;gap:8px;padding:14px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px}.ms-module .ui-icon{width:18px;height:18px;color:var(--muted)}.ms-package-bottom{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted);margin-top:26px}.ms-chat-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin-bottom:24px}.ms-prompt{display:flex;align-items:flex-end;gap:16px;padding:22px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:20px;line-height:1.45;letter-spacing:-.025em}.ms-send{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--fg);color:var(--bg);border-radius:7px}.ms-chat-result{display:grid;gap:16px;margin-top:30px}.ms-chat-result p{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.ms-chat-result svg{color:var(--fg)}.ms-build{margin-top:30px;font-size:12px;color:var(--muted)}.ms-build i{display:block;height:3px;background:var(--fg);border-radius:2px;margin-top:14px;transform-origin:left}.ms-result{padding:28px 24px}.ms-browser{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}.ms-browser-top{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;font-size:10px;border-bottom:1px solid var(--border);color:var(--muted)}.ms-browser-top>span:first-child{display:flex;gap:4px}.ms-browser-top i{width:4px;height:4px;border-radius:50%;background:var(--muted)}.ms-site-nav{display:flex;justify-content:space-between;align-items:center;padding:17px 20px}.ms-site-nav b{font-size:12px}.ms-site-nav>span{display:flex;gap:9px}.ms-site-nav i{height:3px;width:22px;background:var(--border)}.ms-site-hero{padding:18px 22px 22px;display:grid;justify-items:start;gap:13px}.ms-site-kicker{font-size:10px;color:var(--muted)}.ms-site-hero strong{font-size:clamp(24px,2.8vw,36px);line-height:1.12;letter-spacing:-.04em}.ms-site-line{height:4px;width:62%;background:var(--border);border-radius:2px}.ms-site-button{font-size:10px;background:var(--fg);color:var(--bg);padding:9px 13px;border-radius:5px}.ms-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 20px}.ms-site-cards>div{border:1px solid var(--border);border-radius:6px;padding:14px 10px;background:var(--bg)}.ms-site-cards i{display:block;height:3px;background:var(--border);margin-top:8px;width:90%}.ms-site-cards i:last-child{width:60%}.ms-result-note{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:12px;color:var(--muted)}.ms-step:focus-visible,.ms-playback:focus-visible,.ms-demo:focus-visible{outline:2px solid var(--fg);outline-offset:4px}@media(min-width:641px){.ms-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:36px}.ms-layout{grid-template-columns:.82fr 1.18fr;gap:30px}.ms-stage{position:sticky;top:calc(var(--nav-unten) + 22px)}.ms-step{grid-template-columns:32px minmax(0,1fr);gap:10px}.ms-step>svg{display:none}.ms-step-icon{width:32px;height:32px}.ms-scene{padding:28px 22px;min-height:470px}.ms-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-stage-top{padding-inline:12px;gap:6px}.ms-stage-top>span:nth-child(2){max-width:14ch;font-size:11px}.ms-step h3{font-size:18px}.ms-prompt{font-size:18px;padding:16px}.ms-send{width:27px;height:27px}.ms-package-mark{width:70px;height:70px}}@media(min-width:1024px){.ms-layout{grid-template-columns:.82fr 1.18fr;gap:64px}.ms-heading{gap:20px}.ms-scene{padding:36px 34px;min-height:470px}.ms-modules{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-stage-top{padding-inline:20px}.ms-stage-top>span:nth-child(2){max-width:none;font-size:12px}.ms-step{grid-template-columns:38px minmax(0,1fr) 18px;gap:14px}.ms-step>svg{display:block}.ms-step-icon{width:38px;height:38px}.ms-step h3{font-size:20px}.ms-step p{font-size:15px}.ms-prompt{font-size:21px;padding:22px}}@media(max-width:640px){.ms-heading{margin-bottom:26px}.ms-heading h2{font-size:34px}.ms-layout{gap:24px}.ms-ready .ms-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ms-ready .ms-step{display:flex;flex-direction:column;gap:7px;padding:12px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.ms-ready .ms-step>svg,.ms-ready .ms-step p,.ms-ready .ms-step small{display:none}.ms-ready .ms-step h3{font-size:12px;line-height:1.4;margin:0;letter-spacing:-.02em}.ms-ready .ms-step[aria-selected=true]{border-color:var(--fg)}.ms-step-icon{width:30px;height:30px}.ms-step-icon .ui-icon{width:17px;height:17px}.ms-requirement{margin-top:16px}.ms-scene{padding:26px 18px;min-height:400px}.ms-stage-top{padding:8px 10px;font-size:10px;gap:5px}.ms-playback{min-height:44px;padding:6px;font-size:10px;gap:4px}.ms-playback svg{width:12px;height:12px}.ms-stage-top>span:nth-child(2){max-width:13ch}.ms-modules{gap:7px}.ms-module{font-size:10px;padding:12px 7px;gap:5px}.ms-module .ui-icon{width:15px;height:15px}.ms-package-center b{font-size:21px}.ms-package-bottom{font-size:10px;gap:5px}.ms-prompt{font-size:18px;padding:17px;gap:8px}.ms-chat-title{font-size:14px}.ms-chat-result p{font-size:12px}.ms-result{padding:20px 12px}.ms-result-note{font-size:10px}.ms-stage-bottom{padding:13px 14px}.ms-site-hero{padding:18px 15px}.ms-site-cards,.ms-site-nav{padding-inline:15px}}@media(prefers-reduced-motion:no-preference){.ms-animate .ms-module,.ms-animate .ms-chat-result p,.ms-animate .ms-site-cards>div{animation:ms-assemble .55s cubic-bezier(.22,.8,.3,1) both;animation-delay:calc(var(--ms-order,0)*.11s + .1s)}.ms-animate .ms-package-center,.ms-animate .ms-prompt,.ms-animate .ms-site-hero{animation:ms-assemble .6s cubic-bezier(.22,.8,.3,1) both}.ms-animate .ms-build i{animation:ms-progress 1.9s ease both}.ms-step-icon{transition:background .2s,color .2s}.ms-playback:hover{border-color:var(--faint)}}@keyframes ms-assemble{0%{opacity:.35;translate:0 12px}to{opacity:1;translate:none}}@keyframes ms-progress{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}.ms-mobile-description,.ms-playback .ms-pause-icon,.ms-playing .ms-playback .ms-play-icon{display:none}.ms-playing .ms-playback .ms-pause-icon{display:inline-block}@media(max-width:640px){.ms-ready .ms-mobile-description{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 22px}.ms-ready .ms-scene{min-height:475px}}.ms-ready .ms-scenes{display:grid}.ms-ready .ms-scene{grid-area:1 / 1}.ms-ready .ms-scene[aria-hidden=true]{display:flex;visibility:hidden;pointer-events:none}.ms-paused .ms-scene *{animation-play-state:paused!important}@media(min-width:1024px){.ms-package{position:relative}.ms-package-center{position:relative;z-index:1;min-height:290px;align-content:center}.ms-package-center .ms-package-mark{background:var(--bg)}.ms-package-center>b,.ms-package-center>span:last-child{background:var(--bg);padding-inline:8px}.ms-modules{position:absolute;inset:40px 26px 76px;display:block;margin:0}.ms-modules:before,.ms-modules:after{content:"";position:absolute;inset:80px 65px 65px;border:1px solid var(--border);border-radius:45%}.ms-modules:after{inset:15px 95px 5px;border-radius:48%}.ms-module{position:absolute;z-index:2;width:132px;justify-content:center;background:var(--surface);box-shadow:0 5px 20px #0000000b}.ms-module:nth-child(1){left:10px;top:0;--mx:130px;--my:100px}.ms-module:nth-child(2){right:10px;top:10px;--mx:-130px;--my:90px}.ms-module:nth-child(3){left:0;top:44%;--mx:140px;--my:0px}.ms-module:nth-child(4){right:0;top:48%;--mx:-140px;--my:0px}.ms-module:nth-child(5){left:22px;bottom:0;--mx:118px;--my:-100px}.ms-module:nth-child(6){right:22px;bottom:0;--mx:-118px;--my:-100px}.ms-package-bottom{position:absolute;left:24px;right:24px;bottom:28px;z-index:2;margin:0}}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.ms-animate .ms-module{animation-name:ms-unpack;animation-duration:.8s;animation-delay:calc(var(--ms-order,0)*.08s)}}@keyframes ms-unpack{0%{opacity:.15;translate:var(--mx) var(--my);scale:.7}to{opacity:1;translate:none;scale:1}}.ms--embedded{max-width:720px;width:100%;margin:36px auto;text-align:left}.ms--embedded .ms-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.ms--embedded .ms-heading,.ms--embedded .ms-requirement,.ms--embedded .ms-demo{display:none}.ms--embedded .ms-stage{position:relative;top:auto}.ms--embedded .ms-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ms--embedded .ms-step{display:flex;align-items:center;gap:10px;min-width:0;min-height:68px;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--surface)}.ms--embedded .ms-step h3{font-size:13px;line-height:1.35;margin:0;text-wrap:balance}.ms--embedded .ms-step small,.ms--embedded .ms-step p,.ms--embedded .ms-step>svg{display:none}.ms--embedded .ms-step[aria-selected=true]{border-color:var(--fg)}.ms--embedded .ms-step-icon{width:30px;height:30px;flex:none}.ms--embedded .ms-step-icon svg{width:18px;height:18px}.ms--embedded .ms-scene{min-height:350px;padding:28px 24px}.ms--embedded .ms-mobile-description{display:none}.ms--embedded .ms-package-center{min-height:0;gap:5px}.ms--embedded .ms-package-mark{width:56px;height:56px;margin-bottom:6px}.ms--embedded .ms-package-mark svg{width:32px;height:32px}.ms--embedded .ms-package-center b{font-size:22px}.ms--embedded .ms-modules{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}.ms--embedded .ms-modules:before,.ms--embedded .ms-modules:after{display:none}.ms--embedded .ms-module{position:static;width:auto;padding:12px;justify-content:center;box-shadow:none}.ms--embedded .ms-package-bottom{position:static;margin:20px 0 0;font-size:11px}.ms--embedded .ms-prompt{font-size:19px;padding:18px}.ms--embedded .ms-chat-title{margin-bottom:18px}.ms--embedded .ms-chat-result{margin-top:22px;gap:12px}.ms--embedded .ms-build{margin-top:22px}.ms--embedded .ms-site-hero strong{font-size:28px}.ms--embedded .ms-site-hero{padding-top:12px}.ms--embedded .ms-result-note{margin-top:18px}.ms--embedded .ms-animate .ms-module{animation-name:ms-assemble}.final .ms--embedded{margin:36px auto 0}@media(max-width:640px){.ms--embedded{margin:28px auto}.ms--embedded .ms-step{flex-direction:column;align-items:flex-start;padding:11px 9px;gap:8px;min-height:94px}.ms--embedded .ms-step h3{font-size:12px;text-wrap:initial}.ms--embedded .ms-scene{min-height:360px;padding:24px 16px}.ms--embedded .ms-module{padding:11px 5px;font-size:10px;gap:5px}.ms--embedded .ms-prompt{font-size:17px;padding:16px}.ms--embedded .ms-site-hero strong{font-size:25px}}