._pudAq_section{max-width:1288px;color:var(--foreground);margin:auto;padding:44px 24px 52px}._pudAq_label{align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}._pudAq_grid{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}._pudAq_card._pudAq_card{border-color:color-mix(in srgb, var(--foreground) 10%, var(--background));min-width:0;box-shadow:0 2px 4px color-mix(in srgb, var(--foreground) 2%, transparent);border-radius:22px;flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}._pudAq_copy{z-index:1;position:relative}._pudAq_copy h3{letter-spacing:-.035em;text-wrap:balance;margin:0 0 8px;font-size:clamp(21px,2vw,25px);font-weight:500;line-height:1.15}._pudAq_copy p{color:var(--muted-foreground);max-width:440px;margin:0;font-size:13px;line-height:1.55}._pudAq_mcp._pudAq_card{background:radial-gradient(ellipse at 10% 60%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 65%), color-mix(in srgb, var(--foreground) 92%, var(--muted-foreground));color:var(--background);border-color:var(--foreground);grid-row:span 2;gap:14px;padding:24px}._pudAq_mcp ._pudAq_label{color:color-mix(in srgb, var(--background) 60%, transparent);margin-bottom:14px}._pudAq_mcp h3{font-size:clamp(25px,2.4vw,32px)}._pudAq_mcp h3>span{color:color-mix(in srgb, var(--primary) 65%, var(--background))}._pudAq_mcp ._pudAq_copy p{color:color-mix(in srgb, var(--background) 65%, transparent)}._pudAq_mcpDemo{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}._pudAq_examples{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0;padding:0;display:grid}._pudAq_exampleButton._pudAq_exampleButton{background:color-mix(in srgb, var(--background) 3%, transparent);min-width:0;height:36px;color:color-mix(in srgb, var(--background) 72%, transparent);border-color:color-mix(in srgb, var(--background) 20%, transparent);box-shadow:none;border-radius:10px;gap:6px;padding:8px;font-size:12px;font-weight:500;position:relative}._pudAq_exampleButton._pudAq_exampleButton:hover{background:color-mix(in srgb, var(--background) 8%, transparent);color:var(--background)}._pudAq_exampleButton._pudAq_exampleButton[aria-pressed=true]{color:color-mix(in srgb, var(--primary) 85%, var(--background));border-color:color-mix(in srgb, var(--primary) 22%, transparent);background:color-mix(in srgb, var(--primary) 11%, transparent)}._pudAq_exampleButton:focus-visible{outline:2px solid var(--background);outline-offset:3px}._pudAq_exampleProgress{border-radius:inherit;pointer-events:none;background:var(--primary);animation:_pudAq_borderCycle var(--mcp-duration) linear both;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}._pudAq_mcpDemo[data-static=true] ._pudAq_exampleProgress{display:none}._pudAq_conversation{flex-direction:column;flex:1;min-width:0;display:flex}._pudAq_conversationPanels{flex:1;display:grid}._pudAq_conversationHeader{border-bottom:1px solid color-mix(in srgb, var(--background) 12%, transparent);justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding-bottom:8px;font-size:12px;display:flex}._pudAq_conversationHeader>span:first-child{align-items:center;gap:7px;display:flex}._pudAq_connection{border-left:1px solid color-mix(in srgb, var(--background) 20%, transparent);color:color-mix(in srgb, var(--background) 55%, transparent);align-items:center;gap:5px;margin-left:5px;padding-left:12px;font-size:10px;display:flex}._pudAq_playbackButton._pudAq_playbackButton{width:28px;height:28px;color:var(--background);flex-shrink:0}._pudAq_playbackButton._pudAq_playbackButton:hover{background:color-mix(in srgb, var(--background) 10%, transparent);color:var(--background)}._pudAq_playbackButton:focus-visible{outline:2px solid var(--background);outline-offset:2px}._pudAq_requestDetails{color:color-mix(in srgb, var(--background) 75%, transparent);flex-direction:column;gap:2px;padding:3px 0 0;font-size:12px;list-style:none;display:flex}._pudAq_requestDetails li:before{content:"";vertical-align:middle;border:1px solid;border-radius:1px;width:5px;height:5px;margin-right:8px;display:inline-block}._pudAq_section ._pudAq_mcp[data-running] ._pudAq_mcpDemo[data-paused=true] *{animation-play-state:paused}._pudAq_mcpScene{visibility:hidden;grid-area:1/1;grid-template-rows:auto auto 12px auto;align-content:center;gap:8px;padding-top:12px;font-size:13px;line-height:1.5;display:grid}._pudAq_mcpScene[data-active=true]{visibility:visible}._pudAq_prompt{border:1px solid color-mix(in srgb, var(--background) 13%, transparent);background:color-mix(in srgb, var(--background) 6%, transparent);border-radius:14px 14px 4px;align-self:start;margin-left:26px;padding:8px 12px}._pudAq_promptContent{display:block;position:relative}._pudAq_promptPlaceholder{visibility:hidden}._pudAq_promptText{position:absolute;inset:0}._pudAq_promptText[data-typing]:after{content:"";vertical-align:-.12em;border-left:1px solid;height:1em;margin-left:2px;display:inline-block}._pudAq_mcpDemo[data-static=true] ._pudAq_promptPlaceholder{visibility:inherit}._pudAq_mcpDemo[data-static=true] ._pudAq_promptText{display:none}._pudAq_response{align-self:center;position:relative}._pudAq_reply{align-items:flex-start;gap:12px;display:flex}._pudAq_reply>svg{color:color-mix(in srgb, var(--primary) 65%, var(--background));flex-shrink:0;margin-top:4px}._pudAq_reply p{color:color-mix(in srgb, var(--background) 78%, transparent)}._pudAq_typing{opacity:0;color:color-mix(in srgb, var(--primary) 65%, var(--background));align-items:center;gap:12px;display:flex;position:absolute;inset:0}._pudAq_typing>span{gap:4px;display:flex}._pudAq_typing i{background:currentColor;border-radius:50%;width:4px;height:4px}._pudAq_transfer{color:color-mix(in srgb, var(--primary) 65%, var(--background));justify-content:center;align-items:center;gap:6px;display:flex}._pudAq_request{border-top:1px solid color-mix(in srgb, var(--background) 16%, transparent);border-bottom:1px solid color-mix(in srgb, var(--background) 10%, transparent);align-items:center;gap:12px;padding:8px 0;display:flex}._pudAq_resultIcon{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);width:34px;height:34px;color:color-mix(in srgb, var(--primary) 65%, var(--background));background:color-mix(in srgb, var(--primary) 8%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}._pudAq_request>div{flex-direction:column;gap:4px;display:flex}._pudAq_requestLabel{color:color-mix(in srgb, var(--background) 55%, transparent);align-items:center;gap:5px;font-size:10px;display:flex}._pudAq_requestLabel svg{color:color-mix(in srgb, var(--primary) 65%, var(--background))}._pudAq_request strong{font-size:14px;font-weight:500;line-height:1.4}._pudAq_app._pudAq_card{background:radial-gradient(ellipse at 90% 100%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 70%), var(--muted)}._pudAq_copy>._pudAq_label{color:var(--muted-foreground);margin-bottom:12px}._pudAq_mcp ._pudAq_copy>._pudAq_label{color:color-mix(in srgb, var(--background) 70%, transparent)}._pudAq_mobileScene{isolation:isolate;min-width:0;height:200px;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--foreground) 6%, var(--foreground) 88%, transparent);mask-image:linear-gradient(to bottom, transparent, var(--foreground) 6%, var(--foreground) 88%, transparent);position:relative;overflow:hidden}._pudAq_phone._pudAq_phone{border:3px solid color-mix(in srgb, var(--foreground) 75%, var(--muted-foreground));background:var(--background);width:175px;box-shadow:0 10px 22px color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:25px;padding:10px 12px 35px;position:absolute;top:6px;left:calc(50% - 78px);transform:rotate(-6deg)}._pudAq_camera{background:var(--foreground);border-radius:8px;width:40px;height:7px;margin:0 auto 16px;display:block}._pudAq_phoneHeading{align-items:center;gap:6px;margin-bottom:14px;display:flex}._pudAq_phoneHeading strong{font-size:11px;font-weight:600}._pudAq_studioMark,._pudAq_noticeMark{background:var(--primary);width:23px;height:23px;color:var(--primary-foreground);border-radius:6px;flex-shrink:0;place-items:center;display:grid}._pudAq_studioMark svg,._pudAq_noticeMark svg{width:auto;height:15px}._pudAq_phoneLabel{border-bottom:2px solid var(--primary);padding-bottom:7px;font-size:9px;display:block}._pudAq_phoneRow{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-block:12px;font-size:9px;display:flex}._pudAq_phoneRow svg{color:var(--primary);flex-shrink:0}._pudAq_studioNotice._pudAq_studioNotice{background:var(--card);max-width:235px;box-shadow:0 6px 20px color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:12px;align-items:center;gap:8px;margin-inline:auto;padding:10px;animation:1.5s ease-out both _pudAq_noticeArrive;display:flex;position:absolute;bottom:25px;left:0;right:0}._pudAq_studioNotice>div{flex-direction:column;gap:3px;display:flex}._pudAq_studioNotice strong{font-size:10px;font-weight:600}._pudAq_studioNotice div>span{color:var(--muted-foreground);font-size:9px}._pudAq_studioNotice>svg{color:var(--primary);flex-shrink:0;margin-left:auto}._pudAq_followup._pudAq_card{background:color-mix(in srgb, var(--secondary) 3%, var(--card))}._pudAq_followupScene{place-items:center;min-width:0;padding:5px;display:grid}._pudAq_calendar._pudAq_calendar{background:var(--background);width:100%;max-width:200px;box-shadow:0 8px 22px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:14px;padding:12px;transform:rotate(3deg)}._pudAq_calendarHeading,._pudAq_calendarContact{align-items:center;gap:6px;display:flex}._pudAq_calendarHeading{border-bottom:1px solid var(--border);padding-bottom:9px}._pudAq_calendarHeading>svg{color:var(--primary);flex-shrink:0}._pudAq_calendarHeading strong{font-size:10px;font-weight:500}._pudAq_calendarDays{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding-block:9px;display:grid}._pudAq_calendarDays>span{height:19px;color:var(--muted-foreground);border-radius:5px;place-items:center;font-size:9px;display:grid}._pudAq_calendarDays>[data-meeting=true]{color:var(--primary-foreground);background:var(--primary);animation:1.8s ease-out both _pudAq_meetingAppear}._pudAq_calendarDays>[data-meeting=true]:nth-child(18){animation-delay:.35s}._pudAq_calendarContact{border-top:1px solid var(--border);padding-top:9px;font-size:9px}._pudAq_contactAvatar{flex-shrink:0;width:23px;height:23px}._pudAq_calendarContact>svg{color:var(--secondary);flex-shrink:0;margin-left:auto}._pudAq_section [data-scene-running] *{animation-play-state:paused}._pudAq_section [data-scene-running=true] *{animation-play-state:running}@keyframes _pudAq_noticeArrive{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes _pudAq_meetingAppear{0%{transform:scale(.85)}65%{transform:scale(1.08)}to{transform:scale(1)}}._pudAq_mcpScene[data-active=true] ._pudAq_prompt{animation-name:_pudAq_promptCycle}._pudAq_mcpScene[data-active=true] ._pudAq_typing{animation-name:_pudAq_typingCycle}._pudAq_mcpScene[data-active=true] ._pudAq_reply{animation-name:_pudAq_replyCycle}._pudAq_mcpScene[data-active=true] ._pudAq_transfer{animation-name:_pudAq_transferCycle}._pudAq_mcpScene[data-active=true] ._pudAq_request{animation-name:_pudAq_requestCycle}._pudAq_mcpScene[data-active=true] :is(._pudAq_prompt,._pudAq_typing,._pudAq_reply,._pudAq_transfer,._pudAq_request){animation-duration:var(--mcp-duration);animation-timing-function:ease-out;animation-fill-mode:both}._pudAq_section ._pudAq_mcp[data-running] *{animation-play-state:paused}._pudAq_section ._pudAq_mcp[data-running=true] *{animation-play-state:running}._pudAq_section ._pudAq_mcp[data-running] ._pudAq_mcpDemo[data-static=true] *{animation:none}._pudAq_mcpDemo[data-static=true] ._pudAq_typing{display:none}@keyframes _pudAq_borderCycle{0%{clip-path:polygon(50% 50%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}37.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%,100% 100%)}62.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 100%,0% 100%)}87.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,0% 0%)}to{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%)}}@keyframes _pudAq_promptCycle{0%{opacity:0;transform:translateY(5px)}4%,to{opacity:1;transform:translateY(0)}}@keyframes _pudAq_typingCycle{0%,22%,32%,to{opacity:0}25%,29%{opacity:1}}@keyframes _pudAq_replyCycle{0%,30%{opacity:0;transform:translateY(5px)}38%,to{opacity:1;transform:translateY(0)}}@keyframes _pudAq_transferCycle{0%,38%{opacity:0;transform:translateY(-3px)}43%,to{opacity:1;transform:translateY(0)}}@keyframes _pudAq_requestCycle{0%,43%{opacity:0;transform:translateY(6px)}50%,to{opacity:1;transform:translateY(0)}}@media (min-width:801px){._pudAq_grid ._pudAq_app._pudAq_card,._pudAq_grid ._pudAq_followup._pudAq_card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:16px;padding:24px;display:grid}._pudAq_mobileScene{margin:-12px -12px -12px 0}._pudAq_followupScene{margin-right:-12px}}@media (max-width:1050px){._pudAq_examples{grid-template-columns:repeat(2,minmax(0,1fr))}._pudAq_connection{display:none}._pudAq_grid ._pudAq_app._pudAq_card,._pudAq_grid ._pudAq_followup._pudAq_card{gap:12px;padding:20px}._pudAq_copy h3{font-size:21px}._pudAq_calendar._pudAq_calendar{padding:9px}._pudAq_calendarContact{flex-wrap:wrap}}@media (max-width:800px){._pudAq_section{padding:44px 18px 50px}._pudAq_grid{grid-template-columns:1fr}._pudAq_mcp._pudAq_card{grid-row:auto}._pudAq_mcpDemo{min-height:300px}._pudAq_examples{grid-template-columns:repeat(4,minmax(0,1fr))}._pudAq_connection{display:flex}._pudAq_app._pudAq_card,._pudAq_followup._pudAq_card{gap:14px}._pudAq_mobileScene{height:160px}._pudAq_followupScene{padding-block:2px}._pudAq_calendar._pudAq_calendar{max-width:210px;padding:12px}._pudAq_calendarContact{flex-wrap:nowrap}}@media (max-width:540px){._pudAq_card._pudAq_card{padding:22px}._pudAq_examples{grid-template-columns:repeat(2,minmax(0,1fr))}._pudAq_prompt{margin-left:12px}}@media (max-width:359px){._pudAq_card._pudAq_card{padding:18px}._pudAq_connection{display:none}}@media (prefers-reduced-motion:reduce){._pudAq_section ._pudAq_mcp[data-running] *,._pudAq_section [data-scene-running] *{animation:none}._pudAq_typing,._pudAq_promptText{display:none}._pudAq_promptPlaceholder{visibility:inherit}}@media (max-width:700px){._pudAq_section{padding-block:36px 40px}._pudAq_grid{gap:12px}._pudAq_card._pudAq_card{border-radius:18px;gap:14px;padding:20px}._pudAq_mcp ._pudAq_label{margin-bottom:10px}._pudAq_mcp h3{font-size:24px}._pudAq_mcpDemo{min-height:0}._pudAq_examples._pudAq_examples{scrollbar-width:none;margin-inline:-20px;padding-inline:20px;display:flex;overflow-x:auto}._pudAq_examples::-webkit-scrollbar{display:none}._pudAq_exampleButton._pudAq_exampleButton{flex-shrink:0;height:34px;padding-inline:12px}._pudAq_mcpScene{padding-top:8px}._pudAq_app._pudAq_card,._pudAq_followup._pudAq_card{gap:0}._pudAq_mobileScene,._pudAq_followupScene{display:none}._pudAq_app ._pudAq_copy>._pudAq_label,._pudAq_followup ._pudAq_copy>._pudAq_label{margin-bottom:8px}._pudAq_app ._pudAq_copy h3,._pudAq_followup ._pudAq_copy h3{font-size:19px}}
.uQqZbW_section{max-width:1288px;color:var(--foreground);flex-direction:column;align-items:center;margin:auto;padding:72px 24px 52px;display:flex}.uQqZbW_header.uQqZbW_header{margin-bottom:36px}.uQqZbW_row{flex-wrap:wrap;justify-content:center;gap:14px;margin:0;padding:0;list-style:none;display:flex}.uQqZbW_tile{isolation:isolate;width:80px;height:80px;box-shadow:inset 0 1px 0 #ffffff12, 0 14px 30px -18px color-mix(in srgb, var(--foreground) 50%, transparent);cursor:pointer;background:linear-gradient(#252321,#171615);border:1px solid #2c2a28;border-radius:22px;place-items:center;padding:0;transition:transform .25s;display:grid;position:relative}.uQqZbW_tile:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 18px 34px -16px color-mix(in srgb, var(--primary) 55%, transparent);opacity:0;transition:opacity .25s;position:absolute;inset:0}.uQqZbW_tile:hover,.uQqZbW_tile[data-active=true]{transform:translateY(-3px)}.uQqZbW_tile:hover:after,.uQqZbW_tile[data-active=true]:after{opacity:1}.uQqZbW_tile:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.uQqZbW_caption{border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);background:color-mix(in srgb, var(--primary) 9%, transparent);max-width:640px;min-height:42px;color:color-mix(in srgb, var(--primary) 70%, var(--foreground));letter-spacing:.08em;text-align:center;text-transform:uppercase;border-radius:999px;margin:26px 0 0;padding:10px 18px;font-size:11px;font-weight:500;line-height:20px}.uQqZbW_caption[data-active=true]{border-color:var(--line);background:var(--background);color:var(--quiet);letter-spacing:0;text-transform:none;font-size:14px}.uQqZbW_caption strong{color:var(--foreground);font-weight:600}@media (max-width:640px){.uQqZbW_section{padding:56px 16px 40px}.uQqZbW_header.uQqZbW_header{margin-bottom:26px}.uQqZbW_row{grid-template-columns:repeat(5,56px);gap:10px;display:grid}.uQqZbW_tile{border-radius:16px;width:56px;height:56px}.uQqZbW_tile img{width:26px;height:26px}.uQqZbW_caption{border-radius:14px;min-height:0;margin-top:20px;font-size:10px}.uQqZbW_caption[data-active=true]{font-size:13px}}@media (prefers-reduced-motion:reduce){.uQqZbW_tile,.uQqZbW_tile:after{transition:none}.uQqZbW_tile:hover,.uQqZbW_tile[data-active=true]{transform:none}}