[data-component=IndexPage]{--max-content-width:1280px;margin-top:-80px;padding-top:80px;overflow:hidden}[data-component=IndexPage] .hero-container{padding:calc(1.75*var(--unit-xl)) var(--unit-lg);max-width:var(--screen-lg);justify-content:flex-start;align-items:center;gap:var(--unit-md);height:600px;color:var(--white);flex-direction:column;margin:auto;display:flex;position:relative}[data-component=IndexPage] .hero-container [data-component=GradientBackground]{top:-70px}[data-component=IndexPage] .hero-container:after{content:"";background:radial-gradient(ellipse at bottom, var(--background-primary) 25%, #10101200 60%);background-position:50%,0%;background-size:400%,20%;width:100%;height:250px;position:absolute;bottom:0%;left:50%;transform:translate(-50%)}[data-component=IndexPage] .hero-container+.info-section{margin-top:0}[data-component=IndexPage] .hero-container .asterisk{font-style:italic;font-family:var(--font-display-italic);font-size:1.15em;font-weight:600;display:inline-block;position:relative;bottom:1px}[data-component=IndexPage] .hero-container .asterisk svg{width:100%;color:var(--orange-dark);position:absolute;bottom:15%;left:50%;transform:translate(-50%)rotate(-1deg)}[data-component=IndexPage] .hero-container .hero-logo{height:calc(var(--unit-xl)*2)}[data-component=IndexPage] .hero-container h1{font-family:var(--font-display-primary);font-weight:var(--font-weight-medium);font-size:calc(var(--unit-xl)*2.5);text-align:center;z-index:1;margin:0 auto;margin-bottom:var(--unit-lg);line-height:.8em;display:inline-block;position:relative}[data-component=IndexPage] .hero-container>p{margin:0 auto calc(var(--unit-lg)*2) auto;line-height:1.4em;font-size:var(--font-size-xl);text-align:center;white-space:pre-line;z-index:1;font-weight:var(--font-weight-normal)}[data-component=IndexPage] .hero-container .hero-ctas{z-index:10;justify-content:center;align-items:center;gap:var(--unit-lg);flex-wrap:wrap;display:flex;position:relative}[data-component=IndexPage] .hero-container [data-component=ContentButton]{z-index:10;font-size:var(--font-size-xl);box-shadow:var(--shadow-dark-large);justify-content:center;position:relative}[data-component=IndexPage] .agents{justify-content:space-between;width:100%;max-width:1000px;height:300px;display:flex;position:absolute;top:-90px;left:50%;transform:translate(-50%)}[data-component=IndexPage] .agents .agent{width:300px;height:320px}[data-component=IndexPage] .product-demo{width:100%;max-width:var(--max-content-width);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;margin:-200px auto 0;position:relative;bottom:0}[data-component=IndexPage] .product-demo .product-fg{z-index:1;position:relative}[data-component=IndexPage] .product-demo .product-bg{-webkit-filter:blur(80px);opacity:.8;z-index:0;border-radius:1000px;transition:opacity .15s ease-in-out;position:absolute;top:32px;bottom:120px;left:64px;right:64px}[data-component=IndexPage] .product-demo [data-component=DashboardLayout]{width:100%}[data-component=IndexPage] .info-section{margin:calc(2*var(--unit-xl)) auto;max-width:calc(100% - 2*var(--unit-xl));padding:var(--unit-xl);flex-direction:column;display:flex}[data-component=IndexPage] .info-section.split{gap:var(--unit-xl);background:linear-gradient(33deg, var(--background-bg), var(--background-input));border-radius:var(--unit-xl);margin-bottom:var(--form-md);flex-direction:row;position:relative;padding-top:var(--form-md)!important}[data-component=IndexPage] .info-section.split .mobile-only{display:none}[data-component=IndexPage] .info-section.split:not(.flipped) [data-component=ChatRoomDemo] .demo-container{flex-direction:row-reverse}[data-component=IndexPage] .info-section.split.flipped{padding:var(--unit-xl);background:linear-gradient(33deg, var(--blurple) 66%, #6645dd);flex-direction:row-reverse}[data-component=IndexPage] .info-section.split.flipped>*{z-index:1}[data-component=IndexPage] .info-section.split .info-copy{flex-shrink:0;width:40%}[data-component=IndexPage] .info-section.split .info-copy>*{text-align:left}[data-component=IndexPage] .info-section.split .info-copy .featured-tool .tool-context{margin-bottom:var(--unit-md);color:var(--color-secondary);margin-top:var(--unit-xl)}[data-component=IndexPage] .info-section.split .info-copy .featured-tool .tool-context:before{content:"";width:var(--form-lg);background:var(--outline-default);height:1px;margin-bottom:var(--unit-xl);display:block}[data-component=IndexPage] .info-section.split .info-copy .tool-tab{align-items:center;gap:var(--unit-lg);padding:var(--unit-lg);border-radius:var(--radius-xxl);background:var(--outline-subtle);border:1px solid var(--outline-subtle);display:flex;position:relative}[data-component=IndexPage] .info-section.split .info-copy .tool-tab .tool-image{width:var(--form-md);height:var(--form-md);border-radius:var(--radius-xl);overflow:hidden}[data-component=IndexPage] .info-section.split .info-copy .tool-tab .tool-image img{object-fit:cover;width:100%;height:100%}[data-component=IndexPage] .info-section.split .info-copy .tool-tab .tool-display-title{font-weight:var(--font-weight-medium)}[data-component=IndexPage] .info-section.split .agent-demo{flex-shrink:0;width:60%}@media screen and (min-width:800px){[data-component=IndexPage] .info-section.split .agent-demo{min-width:720px}}[data-component=IndexPage] .info-section.split .agent-demo [data-component=ChatRoomDemo] .demo-container .message-stream{flex-shrink:0}@media screen and (min-width:800px){[data-component=IndexPage] .info-section.split .agent-demo [data-component=ChatRoomDemo] .demo-container .message-stream{height:600px}}[data-component=IndexPage] .info-section .cta{width:100%;margin-top:var(--unit-xl);justify-content:center;align-items:center;gap:var(--unit-lg);margin-bottom:calc(-1*var(--unit-lg));flex-wrap:wrap;display:flex}[data-component=IndexPage] .info-section h2,[data-component=IndexPage] .info-section p{text-align:center}[data-component=IndexPage] .info-section .info-copy{justify-content:center}[data-component=IndexPage] .info-section .info-copy span.num{background:var(--background-tertiary);padding:var(--unit) var(--unit-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary);vertical-align:baseline;margin:0 var(--unit-sm);border-radius:1000px}[data-component=IndexPage] .info-section .info-copy strong{color:var(--color-primary);font-weight:var(--font-weight-medium)}[data-component=IndexPage] .info-section .info-copy svg{width:var(--form-sm);height:var(--form-sm);stroke-width:1px}[data-component=IndexPage] .info-section .info-copy p{font-size:var(--font-size-lg);white-space:pre-line}[data-component=IndexPage] .info-section h2{font-family:var(--font-display-primary);font-size:var(--font-size-xxxl);font-family:var(--font-display-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxxl);margin:0 auto;line-height:1em}[data-component=IndexPage] .info-section>p{color:var(--color-tertiary);font-size:var(--font-size-lg);margin:var(--unit-md) auto 0;text-align:center;max-width:var(--screen-sm)}[data-component=IndexPage] .agent-demo{width:100%;position:relative}[data-component=IndexPage] .agent-demo[data-show-avatar=true] [data-component=AgentAvatar]{opacity:1}[data-component=IndexPage] .agent-demo[data-show-avatar=false] [data-component=AgentAvatar]{transition:opacity .1s}[data-component=IndexPage] .agent-demo [data-component=AgentAvatar]{opacity:0;z-index:3;width:400px;height:480px;transition:opacity .25s;position:absolute;bottom:0;left:0;transform:translateZ(0)}[data-component=IndexPage] .agent-demo[data-avatar-side] [data-component=AgentAvatar]{opacity:1}[data-component=IndexPage] .agent-demo[data-avatar-side=right] [data-component=AgentAvatar]{left:auto;right:0}[data-component=IndexPage] .agent-demo [data-component=ChatRoomDemo]{padding-top:calc(var(--form-lg) + var(--unit-lg))}[data-component=IndexPage] .agent-demo [data-component=ChatRoomDemo] .demo-tabs{top:0}[data-component=IndexPage] .agent-demo [data-component=ChatRoomDemo][data-locked=true]{padding-top:0}[data-component=IndexPage] .agent-demo [data-component=ChatRoomDemo] [data-component=ChatMessage] p{text-align:left}[data-component=IndexPage] .bottom-banner{width:100%;padding:var(--unit-xl);max-width:calc(var(--screen-md)*1.25);margin:var(--unit-xl) auto}[data-component=IndexPage] .bottom-banner .bottom-banner-content{background:var(--background-bg);text-align:center;border-radius:calc(var(--radius-xxl)*3);height:48vh;min-height:360px;padding:var(--unit-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}[data-component=IndexPage] .bottom-banner .bottom-banner-content [data-component=GradientBackground]{opacity:.8;width:100%;height:150%;top:50%;left:50%;transform:translate(-50%,-50%)}[data-component=IndexPage] .bottom-banner .bottom-banner-content h2{font-family:var(--font-display-primary);font-weight:var(--font-weight-medium);font-size:calc(var(--unit-xl)*1.75);align-items:center;gap:var(--unit-md);z-index:1;flex-wrap:wrap;margin:0;display:flex;position:relative}[data-component=IndexPage] .bottom-banner .bottom-banner-content h2 img{height:72px;margin-right:var(--unit-lg);position:relative;top:2px}[data-component=IndexPage] .bottom-banner .bottom-banner-content p{color:var(--color-disabled);margin:0 auto var(--unit-xl);z-index:1;position:relative}[data-component=IndexPage] .bottom-banner .bottom-banner-content .ctas{gap:var(--unit-lg);z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:relative}[data-component=IndexPage] .bottom-banner .bottom-banner-content .ctas [data-component=ContentButton]{font-size:var(--font-size-xl);box-shadow:var(--shadow-dark-large);justify-content:center}@media screen and (max-width:1199px){[data-component=IndexPage] .hero-container h1{font-size:calc(var(--unit-xl)*1.75);vertical-align:middle;line-height:1em}[data-component=IndexPage] .hero-container>p,[data-component=IndexPage] .info-section .info-copy p{white-space:normal}}@media screen and (max-width:799px){[data-component=IndexPage] .hero-container{padding:var(--unit-xl) var(--unit-lg);height:auto;padding-bottom:344px}[data-component=IndexPage] .hero-container h1{font-size:calc(var(--unit-xl)*1.75);vertical-align:middle;line-height:1em}[data-component=IndexPage] .hero-container>p{font-size:var(--font-size-lg);white-space:normal}[data-component=IndexPage] .product-demo{height:540px;margin-top:-40px}[data-component=IndexPage] .agents{justify-content:center;top:-300px}[data-component=IndexPage] .agents .agent{height:460px}[data-component=IndexPage] .info-section{gap:var(--unit-md)!important;padding:var(--unit-xl) var(--unit-lg) var(--unit-lg)!important;margin:var(--unit-xl) auto!important}[data-component=IndexPage] .info-section.split{max-width:calc(100% - var(--unit-lg));border-radius:var(--unit-xl);flex-direction:column-reverse!important}[data-component=IndexPage] .info-section.split .desktop-only{display:none!important}[data-component=IndexPage] .info-section.split .mobile-only{display:block!important}[data-component=IndexPage] .info-section.split h2{font-size:var(--font-size-xxl)!important}[data-component=IndexPage] .info-section.split .info-copy,[data-component=IndexPage] .info-section.split .agent-demo{width:100%}[data-component=IndexPage] .info-section.split .info-copy>p,[data-component=IndexPage] .info-section.split .agent-demo>p{text-align:center}[data-component=IndexPage] .info-section.split .agent-demo{height:420px}[data-component=IndexPage] .info-section.split .featured-tool .tool-context{text-align:center;display:none!important}[data-component=IndexPage] .info-section.split .featured-tool .tool-tab{padding:var(--unit-md)}[data-component=IndexPage] .info-section.split [data-component=AgentAvatar]{width:200px;height:300px}[data-component=IndexPage] .info-section.split [data-component=ChatRoomDemo] .demo-container{flex-direction:column!important}[data-component=IndexPage] .info-section h2,[data-component=IndexPage] .info-section>p,[data-component=IndexPage] .info-section .info-copy{text-align:center!important}[data-component=IndexPage] .info-section .info-copy h2{font-size:var(--font-size-xxl)!important}[data-component=IndexPage] .info-section .info-copy p{font-size:var(--font-size-md)}[data-component=IndexPage] .bottom-banner{max-width:none;padding:var(--unit-lg)}[data-component=IndexPage] .bottom-banner .bottom-banner-content{border-radius:calc(var(--radius-xxl)*2);height:auto;position:relative;overflow:hidden}[data-component=IndexPage] .bottom-banner .bottom-banner-content h2{z-index:1;font-size:2.5em;line-height:1.2em;position:relative}}@media screen and (max-width:599px){[data-component=IndexPage] .hero-container{padding-top:var(--unit-lg);padding-bottom:408px}[data-component=IndexPage] .hero-container h1{font-size:calc(var(--unit-xl)*1.2);vertical-align:middle;line-height:.9em}[data-component=IndexPage] .hero-container>p{font-size:var(--font-size-md);margin-bottom:var(--unit-lg)}[data-component=IndexPage] .product-demo{margin-top:calc(-80px - 4vh)}[data-component=IndexPage] .info-section.split{margin-top:var(--unit-lg)!important;padding-top:var(--unit-xl)!important}}
[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section{padding:0 var(--unit-lg);gap:0}[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section .left-side{padding-bottom:calc(var(--form-lg)*3.5)}[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section .left-side .left-side-copy{z-index:3;border-radius:var(--radius-xxl);position:relative}[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section .left-side h1{font-size:var(--font-size-xxl)}[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section .left-side .subheader{padding:var(--unit-md) 0 var(--unit-lg)}[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section .right-side .discord-window{padding:var(--unit-lg);z-index:2;margin-top:64px}[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section .agent-container{width:100vw;max-width:600px;height:600px;top:-300px;bottom:auto;left:50%;right:0;transform:translate3d(-50%,0,-1px)}[data-component=DiscordBotMakerLandingPage] .hero-section{justify-content:space-between;align-items:center;gap:calc(var(--unit-xl)*2);padding:var(--form-lg) calc(var(--unit-xl) + var(--unit-lg));flex-direction:row-reverse;max-width:1400px;margin:auto;display:flex}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side{text-align:left;justify-content:center;align-items:flex-start;gap:var(--unit-sm);width:45%;padding-bottom:calc(var(--form-lg)*1);flex-direction:column;flex-shrink:0;display:flex;position:relative}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side h1{font-family:var(--font-display-primary);font-size:calc(var(--unit-xl)*2);font-weight:var(--font-weight-medium);color:var(--text-primary);z-index:2;margin:0;line-height:1.2em;position:relative}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side .subheader{font-size:var(--font-size-xl);color:var(--color-secondary);padding:var(--unit-lg) 0 var(--unit-xl);max-width:var(--screen-sm);z-index:2;position:relative}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side [data-component=ContentButton]{z-index:10;font-size:var(--font-size-xl);box-shadow:var(--shadow-dark-large);position:relative}[data-component=DiscordBotMakerLandingPage] .hero-section .right-side{flex-grow:1;width:100%;max-width:1200px;position:relative}[data-component=DiscordBotMakerLandingPage] .agent-container{z-index:1;width:300px;height:500px;position:absolute;bottom:-80px;right:-80px}[data-component=DiscordBotMakerLandingPage] .agent-container .avatar-level-widget{z-index:2;background:var(--background-primary);box-shadow:var(--shadow-dark-medium);pointer-events:none;border-radius:1000px;display:flex;position:absolute;top:55%;right:20%;transform:translateY(-50%)}[data-component=DiscordBotMakerLandingPage] .right-side-content{position:relative}[data-component=DiscordBotMakerLandingPage] .right-side-content .right-side-bg{background:var(--radiant-gradient);-webkit-filter:blur(64px);border-radius:1000px;transition:opacity .15s ease-in-out;position:absolute;top:4px;bottom:10px;left:4px;right:4px}[data-component=DiscordBotMakerLandingPage] .discord-window{background:var(--background-input);border:1px solid var(--outline-subtle);border-radius:var(--radius-xxl);height:100%;padding:var(--unit-xl);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 32px -16px #000000a6}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-messages{justify-content:flex-end;gap:var(--unit-lg);flex-direction:column;display:flex}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message{gap:var(--unit-lg);font-size:var(--font-size-md);color:var(--color-secondary);display:flex}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar{background:var(--black);width:40px;height:40px;color:var(--white);border-radius:1000px;flex-shrink:0;display:flex;overflow:hidden}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar span{font-weight:var(--font-weight-medium);margin:auto}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar img{object-fit:cover;width:100%;height:100%}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .username{font-weight:var(--font-weight-medium)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .username .bot-tag{background:var(--blurple);color:var(--white);padding:0 var(--unit-sm);border-radius:var(--radius);font-size:var(--font-size-xs);align-items:center;gap:var(--unit-sm);display:inline-flex}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .username .bot-tag svg{width:10px;height:10px}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .username .datetime{color:var(--color-disabled);font-weight:var(--font-weight-normal);margin-left:var(--unit-md);font-size:var(--font-size-xs)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .text{max-width:400px}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .text span{color:var(--blue-light);padding:0 var(--unit-sm);border-radius:var(--radius);font-weight:var(--font-weight-medium);align-items:center;gap:var(--unit-sm);background:#5865f24d;display:inline-flex}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .text span svg{width:10px;height:10px}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .thinking{font-size:var(--font-size-sm);color:var(--blue-main);font-weight:var(--font-weight-medium)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .message-meta{margin-top:var(--unit-md);color:var(--color-disabled);font-size:var(--font-size-xs)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .image-preview{border-radius:var(--radius-xl);width:320px;height:320px;margin:var(--unit-sm) 0;overflow:hidden}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .image-preview img{object-fit:cover;width:100%;height:100%}@media screen and (max-width:1000px){[data-component=DiscordBotMakerLandingPage] .hero-section{gap:var(--unit-md);flex-wrap:wrap}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side{text-align:center;justify-content:center;align-items:center;width:100%;max-width:100%}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side .subheader{margin:var(--unit-md) auto;font-size:var(--font-size-md)}[data-component=DiscordBotMakerLandingPage] .discord-window{justify-content:flex-end;min-height:200px}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar{width:32px;height:32px}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .image-preview{aspect-ratio:1;width:100%;max-width:300px;height:auto}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .text{max-width:var(--screen-sm)}[data-component=DiscordBotMakerLandingPage] .agent-container{width:600px;height:640px;bottom:60px;right:-140px}}[data-component=DiscordBotMakerLandingPage][data-variant=boost-engagement] .left-side-copy h1{font-size:calc(var(--unit-xl)*1.7)}[data-component=DiscordBotMakerLandingPage][data-variant=boost-engagement][data-mobile-view=true] .left-side-copy h1{font-size:var(--font-size-xl)}
[data-component=AgentProgressIndicator]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}[data-component=AgentProgressIndicator][data-size=large] .agent-progress-indicator-level{font-size:var(--font-size-xl);height:40px;top:calc(50% - 2px)}[data-component=AgentProgressIndicator][data-size=xlarge] .agent-progress-indicator-level{height:40px;font-size:48px;top:calc(50% - 2px)}[data-component=AgentProgressIndicator] .agent-progress-indicator-ring{display:block}[data-component=AgentProgressIndicator] .agent-progress-indicator-track{stroke:var(--background-primary)}[data-component=AgentProgressIndicator] .agent-progress-indicator-fill{stroke:var(--orange-dark);stroke-linecap:round;transition:stroke-dashoffset .45s cubic-bezier(.4,0,.2,1)}[data-component=AgentProgressIndicator] .agent-progress-indicator-level{font-size:10px;font-weight:var(--font-weight-medium);color:var(--white,#fff);pointer-events:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:50%;bottom:0;left:50%;right:0;transform:translate(-50%,-50%)}