.appear-animation[data-v-2b13bfc4]{animation:appear-2b13bfc4 .5s ease-in;animation-iteration-count:1}@keyframes appear-2b13bfc4{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.brief-banner[data-v-2b13bfc4]{background:hsla(0,0%,100%,.92);box-shadow:0 8px 24px -12px rgba(2,23,59,.36),0 1px 2px rgba(164,172,185,.16),0 0 0 1px rgba(18,55,105,.08);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:70%;z-index:57;transform:translateX(-50%);left:50%;bottom:0;max-width:1000px;border-radius:12px}.main-layout[data-v-20206766]{max-height:calc(100vh - 32px)}.main-layout--toolbar[data-v-20206766]{z-index:49999;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgba(236,239,243,var(--tw-border-opacity))}.main-layout--toolbar-scroll[data-v-20206766]{z-index:49999;--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.main-layout--content[data-v-20206766]{animation:fade .2s ease-in-out;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.progress-ring[data-v-52bc59d2]{transform:rotate(-90deg)}.aspect-video-16-9[data-v-4e446518]{aspect-ratio:16/9}.aspect-video-16-10[data-v-4e446518]{aspect-ratio:16/10}.thumbnail-scrim[data-v-4e446518]{background:linear-gradient(180deg,rgba(6,7,16,0) 50%,rgba(6,7,16,.75))}.video-card[data-v-4e446518]{transition:transform .2s ease-out}.video-card[data-v-4e446518]:hover{transform:scale(1.015)}.video-card .play-badge[data-v-4e446518]{transition:transform .2s ease-out}.video-card:hover .play-badge[data-v-4e446518]{transform:scale(1.08)}.video-title[data-v-4e446518]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (prefers-reduced-motion:reduce){.video-card .play-badge[data-v-4e446518],.video-card[data-v-4e446518]{transition:none}}.v-enter-active[data-v-4617f066],.v-leave-active[data-v-4617f066]{transition:opacity 75ms ease-in-out}.v-leave-active[data-v-4617f066]{position:absolute;inset:0}.v-enter-from[data-v-4617f066],.v-enter[data-v-4617f066],.v-leave-to[data-v-4617f066]{opacity:0}.v-enter-to[data-v-4617f066],.v-leave-from[data-v-4617f066]{opacity:1}.claude-setup-thumbnail[data-v-d17fa0d2]{background:url(https://publicassets.foreplay.co/mcp-tutorial-thumbnails/claude-mcp-tutorial-thumbnail.png) #d3d3d3 -5.728px 0/115.073% 100% no-repeat}.chatgpt-setup-thumbnail[data-v-e2deae0c],.claude-setup-thumbnail[data-v-d17fa0d2]{display:flex;align-items:center;justify-content:center;width:76px;height:48px;border-radius:8px}.chatgpt-setup-thumbnail[data-v-e2deae0c]{background:url(https://publicassets.foreplay.co/mcp-tutorial-thumbnails/chatgpt-mcp-tutorial-thumbnail.png) #d3d3d3 -5.728px 0/115.073% 100% no-repeat}.platform-option-btn[data-v-4ff8de4a]{background-color:transparent;box-shadow:none;transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out}.platform-option-btn[data-v-4ff8de4a]:hover:not(.active){background-color:#eceff3}.platform-option-btn.active[data-v-4ff8de4a]{background-color:#fff;box-shadow:0 16px 16px -8px rgba(31,35,38,.02),0 16px 16px -8px rgba(31,35,38,.02),0 8px 8px -4px rgba(31,35,38,.02),0 8px 8px -4px rgba(31,35,38,.02),0 2px 2px -1px rgba(31,35,38,.02),0 2px 2px -1px rgba(31,35,38,.02)}.setup-content[data-v-4ff8de4a] .steps-container{display:grid;grid-template-columns:28px minmax(0,1fr);-moz-column-gap:12px;column-gap:12px;row-gap:20px}.setup-content[data-v-4ff8de4a] .step-number{display:flex;align-items:center;justify-content:center;text-align:center;width:28px;height:28px;padding:4px;border-radius:8px;color:#5c667a;border:1px solid #eceff3}.fade-in[data-v-4ff8de4a]{animation:fadeIn-4ff8de4a .2s ease-in-out}@keyframes fadeIn-4ff8de4a{0%{opacity:0}to{opacity:1}}.section-nav--bar[data-v-aaca0032]{background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gutter-arrows[data-v-aaca0032]{transform:translateY(-50%)}.nav-chevron[data-v-aaca0032]{opacity:.3;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.nav-chevron--right[data-v-aaca0032]{animation-name:nav-chevron-in-right-aaca0032}.nav-chevron--left[data-v-aaca0032]{animation-name:nav-chevron-in-left-aaca0032}@keyframes nav-chevron-in-right-aaca0032{0%,to{opacity:.3;transform:translateX(0)}40%{opacity:1;transform:translateX(3px)}}@keyframes nav-chevron-in-left-aaca0032{0%,to{opacity:.3;transform:translateX(0)}40%{opacity:1;transform:translateX(-3px)}}@media (prefers-reduced-motion:reduce){.nav-chevron[data-v-aaca0032]{animation:none}}.mini-ring[data-v-aaca0032]{transform:rotate(-90deg)}.mini-ring--arc[data-v-aaca0032]{transition:stroke-dashoffset .35s ease}.seed-close[data-v-50961ea4]{transition:background-color .15s ease,color .15s ease}.seed-thumb[data-v-50961ea4]{animation:seed-thumb-in-50961ea4 .26s cubic-bezier(.2,.8,.2,1) both}.seed-thumb[data-v-50961ea4]:nth-child(2){animation-delay:40ms}.seed-thumb[data-v-50961ea4]:nth-child(3){animation-delay:80ms}.seed-thumb[data-v-50961ea4]:nth-child(4){animation-delay:.12s}.seed-thumb[data-v-50961ea4]:nth-child(5){animation-delay:.16s}@keyframes seed-thumb-in-50961ea4{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab[data-v-538ed2ec]{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.fade[data-v-538ed2ec]{position:absolute;top:1px;bottom:1px;width:48px;pointer-events:none;transition:opacity .15s ease}.fade--left[data-v-538ed2ec]{left:1px;border-radius:7px 0 0 7px;background:linear-gradient(270deg,rgba(248,250,251,0),#f8fafb 60%)}.fade--right[data-v-538ed2ec]{right:1px;border-radius:0 7px 7px 0;background:linear-gradient(90deg,rgba(248,250,251,0),#f8fafb 60%)}.arrow[data-v-538ed2ec]{position:absolute;top:50%;width:24px;height:24px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #eceff3;background-color:#fff;color:#5e6678;box-shadow:0 1px 2px rgba(6,7,16,.06);transition:opacity .15s ease,background-color .15s ease,color .15s ease}.arrow[data-v-538ed2ec]:hover{background-color:#f6f8fa;color:#303546}.arrow[data-v-538ed2ec]:focus{outline:none}.arrow--left[data-v-538ed2ec]{left:6px}.arrow--right[data-v-538ed2ec]{right:6px}.arrow--hidden[data-v-538ed2ec]{opacity:0;pointer-events:none}.brand-card[data-v-55bd6cc4],.brand-radio[data-v-55bd6cc4]{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.brand-radio[data-v-55bd6cc4]{width:18px;height:18px}.intro-close[data-v-ffc0ebea]{transition:background-color .15s ease,color .15s ease}.intro-video-column[data-v-ffc0ebea]{width:300px;align-self:stretch;border-left:1px solid #dfe1e6;border-radius:0 12px 12px 0}.intro-video-column[data-v-ffc0ebea],.intro-video-frame[data-v-ffc0ebea]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));overflow:hidden}.intro-video-frame[data-v-ffc0ebea]{position:relative;width:100%;aspect-ratio:1/1;flex-shrink:0}.intro-video-cover[data-v-ffc0ebea]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.intro-steps-line[data-v-ffc0ebea]{position:absolute;left:25px;top:24px;bottom:24px;width:2px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(223,225,230,var(--tw-bg-opacity));overflow:hidden}.intro-steps-line-flow[data-v-ffc0ebea]{position:absolute;left:0;right:0;height:45%;border-radius:9999px;background:linear-gradient(180deg,hsla(0,0%,100%,0),currentColor 50%,hsla(0,0%,100%,0));animation:intro-line-flow-ffc0ebea 2.4s cubic-bezier(.45,0,.55,1) infinite}@keyframes intro-line-flow-ffc0ebea{0%{transform:translateY(-110%);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(260%);opacity:0}}.section-anchor[data-v-00df5af3]{scroll-margin-top:72px}