.QqpQdW_arrow{animation:3.6s ease-in-out infinite QqpQdW_travel-down;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(90deg)}@keyframes QqpQdW_travel-down{0%,10%{opacity:0;top:0}25%{opacity:1}75%{opacity:1}90%,to{opacity:0;top:100%}}@keyframes QqpQdW_travel-right{0%,10%{opacity:0;left:0}25%{opacity:1}75%{opacity:1}90%,to{opacity:0;left:100%}}@media (min-width:768px){.QqpQdW_arrow{animation-name:QqpQdW_travel-right;top:50%;left:0;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.QqpQdW_arrow{opacity:1;animation:none;top:50%;left:50%}}
.URyEEa_headline{width:80vw;max-width:1200px;margin-inline:auto}.URyEEa_headline h1{letter-spacing:-.05em;font-size:24px;line-height:1.2;font-weight:var(--display-weight)}.URyEEa_line{white-space:nowrap;justify-content:center;width:100%;display:flex}.URyEEa_agentLine{align-items:center;gap:.16em}.URyEEa_logos{flex:0 0 .8lh;width:.8lh;height:.8lh;display:inline-block;position:relative}.URyEEa_logo{opacity:0;animation:14s ease-in-out infinite URyEEa_rotate-logo;position:absolute;inset:0}.URyEEa_logo:first-child{opacity:1}.URyEEa_mark{width:100%;height:100%;display:block}@media (min-width:360px){.URyEEa_headline h1{font-size:32px}}@media (min-width:400px){.URyEEa_headline h1{font-size:36px}}@media (min-width:421px){.URyEEa_headline h1{font-size:clamp(36px,14.4px + 5.13vw,80px)}}@keyframes URyEEa_rotate-logo{0%{opacity:0;transform:translateY(.12em)}3.5%,10.7%{opacity:1;transform:translateY(0)}17.8%,to{opacity:0;transform:translateY(-.12em)}}@media (prefers-reduced-motion:reduce){.URyEEa_logo{opacity:0;animation:none}.URyEEa_logo:first-child{opacity:1}}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.n6zQUa_className{font-family:Caveat,Caveat Fallback;font-style:normal}
.m_Us8q_sticky{--panel-sticky-top:96px}.m_Us8q_walkthrough{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;margin-top:40px;display:grid}.m_Us8q_accordion{min-width:0}.m_Us8q_figure{width:100%;max-width:400px;margin-inline:auto}.m_Us8q_replica{color:#484848;color:lab(30.4% -.0000149012 0);font:11px/1.4 var(--font-sans);-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e5e5;border:1px solid lab(90.952% 0 -.0000119209);border-radius:8px;overflow:hidden;box-shadow:0 16px 48px #0000000d}.m_Us8q_replica svg{flex-shrink:0}.m_Us8q_header{border-bottom:1px solid #0000001a;align-items:center;gap:8px;padding:8px 12px;display:flex}.m_Us8q_headerAction{padding:4px;display:flex}.m_Us8q_domain{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.m_Us8q_mcp{background:#0000000a;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;display:flex}.m_Us8q_mcp i{background:#22c55e;border-radius:50%;width:5px;height:5px}.m_Us8q_actions{border-bottom:1px solid #00000014;flex-wrap:wrap;align-items:center;gap:3px;padding:6px 12px;display:flex}.m_Us8q_actions span{background:#0000000d;border:1px solid #ebebeb;border-radius:5px;padding:5px;display:flex}.m_Us8q_actions .m_Us8q_actionDivider{background:#0000001a;border:0;width:1px;height:16px;margin-inline:2px;padding:0}.m_Us8q_actions i{flex:1}.m_Us8q_tabs{border-bottom:1px solid #00000014;gap:2px;padding:4px 12px;display:flex}.m_Us8q_tabs span{border-radius:5px;flex:1;justify-content:center;align-items:center;gap:3px;padding:5px 2px;font-size:10px;display:flex}.m_Us8q_selectedTab{color:#141414;background:#00000014;font-weight:600}.m_Us8q_selection{border-bottom:1px solid #00000014;align-items:center;gap:6px;padding:6px 12px;display:flex}.m_Us8q_selection code{color:#737373;flex:1;font-size:10px}.m_Us8q_selected{color:#0669ad;background:#0d99ff1f;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:9px;display:flex}.m_Us8q_css{background:#0000000d;border:1px solid #ebebeb;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:flex}.m_Us8q_states{border-bottom:1px solid #00000014;gap:4px;padding:6px 12px;display:flex}.m_Us8q_states span{text-align:center;background:#0000000a;border:1px solid #ebebeb;border-radius:4px;flex:1;padding:3px 4px;font-size:9px}.m_Us8q_section{border-bottom:1px solid #00000014;align-items:center;gap:8px;padding:10px 14px;display:flex}.m_Us8q_section strong{flex:1;font-size:11px;font-weight:600}.m_Us8q_section>svg{color:#737373}.m_Us8q_sections{min-height:326px}.m_Us8q_footer{border-top:1px solid #0000001a;gap:8px;padding:10px 12px;display:flex}.m_Us8q_footer span{color:#737373;background:#00000005;border:1px solid #ebebeb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:11px;display:flex}@media (min-width:1024px){.m_Us8q_walkthrough{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;max-width:1040px;margin-inline:auto}.m_Us8q_track[data-sticky=true]{min-height:calc(270vh + 720px)}.m_Us8q_track[data-sticky=true] .m_Us8q_sticky{top:var(--panel-sticky-top);position:sticky}.m_Us8q_sticky h2{font-size:3rem;line-height:1.1}}@media (min-width:1024px) and (max-height:850px){.m_Us8q_sticky{--panel-sticky-top:80px}.m_Us8q_walkthrough{margin-top:24px}}@media (prefers-reduced-motion:reduce){.m_Us8q_accordion *{transition:none!important;animation:none!important}}.m_Us8q_scene{position:relative}.m_Us8q_annotations{color:var(--primary);font-size:var(--text-body);line-height:1.1}.m_Us8q_annotations ul{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.m_Us8q_annotations li{align-items:flex-start;gap:10px;display:flex}.m_Us8q_annotations li svg{flex-shrink:0;margin-top:3px}.m_Us8q_arrows{display:none}.m_Us8q_sampleBody{min-height:401px}.m_Us8q_sampleHeading{justify-content:space-between;padding:16px 14px;font-weight:600;display:flex}.m_Us8q_sampleHeading span{color:#737373;font-weight:400}.m_Us8q_layer,.m_Us8q_layerSelected{justify-content:space-between;padding:12px 14px;display:flex}.m_Us8q_layer code,.m_Us8q_layerSelected code{white-space:pre;font-size:11px}.m_Us8q_layerSelected{color:#0275de;background:#0275de12}.m_Us8q_change{border-bottom:1px solid #ebebeb;gap:10px;margin:0 14px;padding:20px 0;display:grid}.m_Us8q_change code{font-size:10px}.m_Us8q_change small,.m_Us8q_change del{color:#737373}.m_Us8q_footer span{white-space:nowrap;font-size:10px}.m_Us8q_figure[data-stage=Design] .m_Us8q_sections{box-shadow:inset 3px 0 var(--primary);background:#0275de08}.m_Us8q_figure[data-stage=Header] .m_Us8q_header,.m_Us8q_figure[data-stage=Action\ bar] .m_Us8q_actions,.m_Us8q_figure[data-stage=Footer] .m_Us8q_footer{box-shadow:inset 0 0 0 1px var(--primary);background:#0275de0a}@media (min-width:1024px){.m_Us8q_walkthrough{grid-template-columns:minmax(0,340px) minmax(0,600px);gap:40px;max-width:1040px}.m_Us8q_figure{max-width:600px}.m_Us8q_scene{width:600px;height:660px;left:50%;transform:translate(-50%)}.m_Us8q_replica{transform-origin:top;width:400px;transition:transform .65s,top .65s,opacity .65s;position:absolute;top:40px;left:100px;transform:scale(.88)}.m_Us8q_figure[data-stage=Header] .m_Us8q_replica{top:210px;transform:scale(.74)}.m_Us8q_figure[data-stage=Action\ bar] .m_Us8q_replica{top:200px;transform:scale(.78)}.m_Us8q_figure[data-stage=Footer] .m_Us8q_replica{top:0;transform:scale(.84)}.m_Us8q_track:not([data-visible=true]) .m_Us8q_figure[data-stage=Sidepanel] .m_Us8q_replica{opacity:0;transform:translateY(20px)scale(.86)}.m_Us8q_annotations{font-size:var(--text-body);position:absolute;inset:0}.m_Us8q_annotations ul{gap:24px;margin:0;display:grid;position:absolute;inset:565px 40px auto}.m_Us8q_annotations li{text-align:center;justify-content:center;min-width:0}.m_Us8q_annotations li>svg{display:none}.m_Us8q_annotations[data-notes=Header] ul,.m_Us8q_annotations[data-notes=Action\ bar] ul{align-items:start;gap:20px;inset:64px 0 auto}.m_Us8q_annotations li[data-in-group=false]{display:none}.m_Us8q_annotations[data-notes=Footer] ul{top:520px}.m_Us8q_arrows{width:100%;height:100%;color:var(--primary);pointer-events:none;display:block;position:absolute;inset:0}.m_Us8q_arrows>path{fill:none;stroke:currentColor;stroke-width:1.25px;opacity:.75}.m_Us8q_noteGroups{font-family:var(--font-sans), sans-serif;font-size:var(--text-body);justify-content:center;gap:8px;display:flex}.m_Us8q_noteGroups button{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;border-radius:8px;padding:8px 12px}.m_Us8q_noteGroups button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:#0275de0a}.m_Us8q_noteGroups button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}}@media (min-width:1024px) and (max-width:1199px){.m_Us8q_walkthrough{grid-template-columns:minmax(0,300px) minmax(0,600px);gap:24px}.m_Us8q_scene{zoom:.86}}@media (max-width:1023px){.m_Us8q_annotations li{position:static}.m_Us8q_header{gap:3px;padding-inline:8px}.m_Us8q_headerAction{padding:3px}.m_Us8q_actions{gap:2px;padding-inline:6px}.m_Us8q_actions span{padding:4px}.m_Us8q_footer{gap:4px;padding-inline:6px}.m_Us8q_footer span{font-size:9px}}@media (prefers-reduced-motion:reduce){.m_Us8q_replica{transition:none;opacity:1!important}@media (min-width:1024px){.m_Us8q_track:not([data-visible=true]) .m_Us8q_figure[data-stage=Sidepanel] .m_Us8q_replica{transform:scale(.88)}}}.m_Us8q_annotations[data-ready=false]{visibility:hidden}@media (max-width:1023px){.m_Us8q_noteGroups{display:none}.m_Us8q_annotations ul{grid-template-columns:1fr!important}}.m_Us8q_mobileIntro,.m_Us8q_dots{display:none}@media (max-width:1023px){.m_Us8q_sticky{--panel-sticky-top:72px}.m_Us8q_track[data-sticky=true]{min-height:calc(600svh + 720px)}.m_Us8q_track[data-sticky=true] .m_Us8q_sticky{top:var(--panel-sticky-top);position:sticky}.m_Us8q_sticky h2{font-size:1.5rem;line-height:1.1}.m_Us8q_mobileIntro{min-height:98px;margin:24px 0 12px 44px;display:block}.m_Us8q_mobileIntro h3{font-size:20px;font-weight:600}.m_Us8q_mobileIntro p{font-size:var(--text-body);color:var(--muted-foreground);margin-top:8px;line-height:1.5}.m_Us8q_walkthrough{margin-top:0;display:block;position:relative}.m_Us8q_accordion{display:none}.m_Us8q_dots{flex-direction:column;display:flex;position:absolute;top:0;left:-8px}.m_Us8q_dots button{cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.m_Us8q_dots span{corner-shape:round;background:#ccc;border-radius:50%;width:6px;height:6px}.m_Us8q_dots button[aria-current] span{background:#202020}.m_Us8q_dots button:focus-visible{outline:2px solid var(--primary);outline-offset:-6px;border-radius:8px}.m_Us8q_figure{width:calc(100% - 44px);max-width:400px;margin-left:44px}.m_Us8q_scene{padding-top:350px}.m_Us8q_replica{transform-origin:top;width:400px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.62)}.m_Us8q_annotations{font-size:var(--text-body);min-height:150px}.m_Us8q_annotations ul{gap:10px 12px;margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.m_Us8q_annotations li{gap:5px}.m_Us8q_annotations li svg{width:14px;height:14px}.m_Us8q_annotations li[data-in-group=false]{display:none}.m_Us8q_annotations[data-notes=Sidepanel] ul,.m_Us8q_annotations[data-notes=Layers] ul,.m_Us8q_annotations[data-notes=Design] ul,.m_Us8q_annotations[data-notes=Changes] ul{grid-template-columns:1fr!important}.m_Us8q_noteGroups{font:1rem/1.5 var(--font-sans), sans-serif;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.m_Us8q_noteGroups button{border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;border-radius:8px;flex:none;padding:8px 12px}.m_Us8q_noteGroups button[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}.m_Us8q_noteGroups button:focus-visible{outline:2px solid var(--primary)}}@media (max-width:359px){.m_Us8q_sticky h2{font-size:24px}.m_Us8q_mobileIntro{min-height:116px;margin-top:16px}.m_Us8q_replica{transform:translate(-50%)scale(.53)}.m_Us8q_scene{padding-top:304px}.m_Us8q_annotations{font-size:var(--text-body)}}@media (max-width:1023px) and (min-height:681px) and (max-height:780px){.m_Us8q_sticky h2{font-size:24px}.m_Us8q_mobileIntro{min-height:98px;margin-top:16px}.m_Us8q_replica{transform:translate(-50%)scale(.53)}.m_Us8q_scene{padding-top:304px}}@media (max-width:1023px) and (max-height:680px){.m_Us8q_sticky{--panel-sticky-top:64px}.m_Us8q_sticky h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.m_Us8q_mobileIntro{min-height:96px;margin-top:0}.m_Us8q_replica{transform:translate(-50%)scale(.42)}.m_Us8q_scene{padding-top:240px}.m_Us8q_annotations{font-size:var(--text-body);min-height:146px}}@media (min-width:1200px) and (max-height:850px){.m_Us8q_scene{zoom:.9}}@media (max-width:1023px) and (max-height:580px){.m_Us8q_replica{transform:translate(-50%)scale(.3)}.m_Us8q_scene{padding-top:172px}.m_Us8q_mobileIntro{min-height:86px}.m_Us8q_mobileIntro p{font-size:var(--text-body)}.m_Us8q_annotations{font-size:var(--text-body);min-height:130px}}