[data-component=IndexPage]{--max-content-width:1280px;overflow:hidden;margin-top:-80px;padding-top:80px}[data-component=IndexPage] .hero-container{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:calc(1.75*var(--unit-xl)) var(--unit-lg);max-width:var(--screen-lg);margin:auto;gap:var(--unit-md);z-index:1;height:600px;color:var(--white)}[data-component=IndexPage] .hero-container [data-component=GradientBackground]{top:-70px}[data-component=IndexPage] .hero-container:after{content:"";position:absolute;width:100%;height:250px;bottom:0;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at bottom,var(--background-primary) 25%,rgba(16,16,18,0) 60%);background-size:400%,20%;background-position:50%,0}[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-weight:600;font-size:1.15em;position:relative;display:inline-block;bottom:1px}[data-component=IndexPage] .hero-container .asterisk svg{position:absolute;bottom:15%;left:50%;width:100%;transform:translateX(-50%) rotate(-1deg);color:var(--orange-dark)}[data-component=IndexPage] .hero-container .hero-logo{height:calc(var(--unit-xl)*2)}[data-component=IndexPage] .hero-container h1{position:relative;display:inline-block;font-family:var(--font-display-primary);font-weight:var(--font-weight-medium);font-size:calc(var(--unit-xl)*2.5);line-height:.8em;margin:0 auto;text-align:center;z-index:1;margin-bottom:var(--unit-lg)}[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>[data-component=ContentButton]{position:relative;z-index:10;font-size:var(--font-size-xl)}[data-component=IndexPage] .agents{position:absolute;top:-90px;left:50%;width:100%;height:300px;max-width:1000px;display:flex;justify-content:space-between;transform:translateX(-50%)}[data-component=IndexPage] .agents .agent{width:300px;height:320px}[data-component=IndexPage] .product-demo{width:100%;max-width:var(--max-content-width);position:relative;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;bottom:0;z-index:2;margin:-200px auto 0}[data-component=IndexPage] .product-demo .product-fg{position:relative;z-index:1}[data-component=IndexPage] .product-demo .product-bg{position:absolute;top:32px;left:64px;right:64px;bottom:120px;filter:blur(80px);-webkit-filter:blur(80px);border-radius:1000px;opacity:.8;transition:opacity .15s ease-in-out;z-index:0}[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);display:flex;flex-direction:column}[data-component=IndexPage] .info-section.split{position:relative;flex-direction:row;gap:var(--unit-xl);background:linear-gradient(33deg,var(--background-bg),var(--background-input));border-radius:var(--unit-xl);padding-top:var(--form-md)!important;margin-bottom:var(--form-md)}[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{flex-direction:row-reverse;padding:var(--unit-xl);background:linear-gradient(33deg,var(--blurple) 66%,#6645DD);overflow:hidden}[data-component=IndexPage] .info-section.split.flipped>*{z-index:1}[data-component=IndexPage] .info-section.split .info-copy{width:40%;flex-shrink:0}[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:"";display:block;width:var(--form-lg);height:1px;background:var(--outline-default);margin-bottom:var(--unit-xl)}[data-component=IndexPage] .info-section.split .info-copy .tool-tab{position:relative;display:flex;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)}[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{width:100%;height:100%;object-fit:cover}[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{width:60%;flex-shrink:0}[data-component=IndexPage] .info-section .cta{width:100%;display:flex;align-items:center;justify-content:center;margin-top:var(--unit-xl);gap:var(--unit-lg);margin-bottom:calc(-1*var(--unit-lg));flex-wrap:wrap}[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{border-radius:1000px;background:var(--background-tertiary);padding:var(--unit) var(--unit-md);font-size:var(--font-size-md);vertical-align:initial;margin:0 var(--unit-sm)}[data-component=IndexPage] .info-section .info-copy span.num,[data-component=IndexPage] .info-section .info-copy strong{font-weight:var(--font-weight-medium);color:var(--color-primary)}[data-component=IndexPage] .info-section .info-copy svg{width:var(--form-sm);height:var(--form-sm);stroke-width:1}[data-component=IndexPage] .info-section .info-copy p{font-size:var(--font-size-lg);white-space:pre-line}[data-component=IndexPage] .info-section h2{margin:0 auto;font-family:var(--font-display-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxxl);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{position:relative;width:100%}[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 ease}[data-component=IndexPage] .agent-demo [data-component=AgentAvatar]{position:absolute;opacity:0;bottom:0;left:0;width:400px;height:480px;z-index:3;transform:translateZ(0);transition:opacity .25s ease}[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);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:360px;height:48vh;border-radius:calc(var(--radius-xxl)*3);padding:var(--unit-xl);overflow:hidden;position:relative}[data-component=IndexPage] .bottom-banner .bottom-banner-content [data-component=GradientBackground]{height:150%;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8}[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);margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--unit-md);z-index:1;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{display:flex;gap:var(--unit-lg);align-items:center;justify-content:center;flex-wrap:wrap;z-index:1;position:relative}[data-component=IndexPage] .bottom-banner .bottom-banner-content .ctas [data-component=ContentButton]{justify-content:center;font-size:var(--font-size-xl);box-shadow:var(--shadow-dark-large)}@media screen and (max-width:1199px){[data-component=IndexPage] .hero-container h1{font-size:calc(var(--unit-xl)*1.75);line-height:1em;vertical-align:middle}[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:732px}[data-component=IndexPage] .hero-container h1{font-size:calc(var(--unit-xl)*1.75);line-height:1em;vertical-align:middle}[data-component=IndexPage] .hero-container>p{font-size:var(--font-size-lg);white-space:normal}[data-component=IndexPage] .product-demo{margin-top:-40px;height:540px}[data-component=IndexPage] .agents{top:-300px;justify-content:center}[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{flex-direction:column-reverse!important;max-width:calc(100% - var(--unit-lg));border-radius:var(--unit-xl)}[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 .agent-demo,[data-component=IndexPage] .info-section.split .info-copy{width:100%}[data-component=IndexPage] .info-section.split .agent-demo>p,[data-component=IndexPage] .info-section.split .info-copy>p{text-align:center}[data-component=IndexPage] .info-section.split .agent-demo{height:400px}[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 .info-copy,[data-component=IndexPage] .info-section h2,[data-component=IndexPage] .info-section>p{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{position:relative;overflow:hidden;height:auto;border-radius:calc(var(--radius-xxl)*2)}[data-component=IndexPage] .bottom-banner .bottom-banner-content h2{font-size:2.5em;line-height:1.2em;position:relative;z-index:1}}@media screen and (max-width:599px){[data-component=IndexPage] .hero-container{padding-top:var(--unit-lg)}[data-component=IndexPage] .hero-container h1{font-size:calc(var(--unit-xl)*1.2);line-height:.9em;vertical-align:middle}[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{position:relative;z-index:3;border-radius:var(--radius-xxl)}[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);margin-top:64px;z-index:2}[data-component=DiscordBotMakerLandingPage][data-mobile-view=true] .hero-section .agent-container{bottom:auto;left:50%;right:0;top:-300px;height:600px;width:100vw;max-width:600px;transform:translate3D(-50%,0,-1px)}[data-component=DiscordBotMakerLandingPage] .hero-section{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:calc(var(--unit-xl)*2);padding:var(--form-lg) calc(var(--unit-xl) + var(--unit-lg));margin:auto;max-width:1400px}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side{width:45%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;text-align:left;gap:var(--unit-sm);padding-bottom:calc(var(--form-lg)*1)}[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);line-height:1.2em;color:var(--text-primary);margin:0;position:relative;z-index:2}[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);position:relative;z-index:2}[data-component=DiscordBotMakerLandingPage] .hero-section .left-side [data-component=ContentButton]{position:relative;z-index:10;font-size:var(--font-size-xl);box-shadow:var(--shadow-dark-large)}[data-component=DiscordBotMakerLandingPage] .hero-section .right-side{flex-grow:1;position:relative;max-width:1200px;width:100%}[data-component=DiscordBotMakerLandingPage] .agent-container{position:absolute;right:-80px;bottom:-80px;width:300px;height:500px;z-index:1}[data-component=DiscordBotMakerLandingPage] .right-side-content{position:relative}[data-component=DiscordBotMakerLandingPage] .right-side-content .right-side-bg{position:absolute;top:4px;left:4px;right:4px;bottom:10px;background:var(--radiant-gradient);filter:blur(64px);-webkit-filter:blur(64px);border-radius:1000px;transition:opacity .15s ease-in-out}[data-component=DiscordBotMakerLandingPage] .discord-window{height:100%;background:var(--background-input);border:1px solid var(--outline-subtle);border-radius:var(--radius-xxl);padding:var(--unit-xl);overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 40px 32px -16px rgba(0,0,0,.65);width:100%}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-messages{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--unit-lg)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message{display:flex;gap:var(--unit-lg);font-size:var(--font-size-md);color:var(--color-secondary)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar{width:40px;height:40px;overflow:hidden;flex-shrink:0;border-radius:1000px;display:flex;background:var(--black);color:var(--white)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar span{margin:auto;font-weight:var(--font-weight-medium)}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar img{width:100%;height:100%;object-fit:cover}[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);display:inline-flex;align-items:center;gap:var(--unit-sm)}[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{background:rgba(88,101,242,.3);color:var(--blue-light);padding:0 var(--unit-sm);border-radius:var(--radius);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--unit-sm)}[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 .image-preview{height:320px;width:320px;border-radius:var(--radius-xl);overflow:hidden;margin:var(--unit-sm) 0}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .image-preview img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1000px){[data-component=DiscordBotMakerLandingPage] .hero-section{flex-wrap:wrap;gap:var(--unit-md)}[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{min-height:200px;justify-content:flex-end}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .avatar{width:32px;height:32px}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .image-preview{width:100%;height:auto;aspect-ratio:1/1;max-width:300px}[data-component=DiscordBotMakerLandingPage] .discord-window .discord-message .message-content .text{max-width:var(--screen-sm)}[data-component=DiscordBotMakerLandingPage] .agent-container{right:-140px;bottom:60px;height:640px;width:600px}}