@property --angle{syntax: '<angle>';initial-value: 0deg;inherits: false}:root{interpolate-size: allow-keywords;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-spring: cubic-bezier(.3,1.5,.5,1)}@view-transition{navigation: auto}.site-header{view-transition-name: site-header}::view-transition-old(root){animation: vt-out .26s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation: vt-in .5s var(--ease-out) both}@keyframes vt-out{to{opacity: 0;transform: translateY(-12px)}}@keyframes vt-in{from{opacity: 0;transform: translateY(24px)}}html.theme-switching .site-header{view-transition-name: none}html.theme-switching::view-transition-old(root),html.theme-switching::view-transition-new(root){animation: none;mix-blend-mode: normal}html.theme-switching::view-transition-new(root){z-index: 2}.scroll-progress{position: fixed;inset: 0 0 auto;height: 3px;z-index: 70;background: var(--grad);transform-origin: 0 50%;transform: scaleX(0);pointer-events: none}@supports (animation-timeline: scroll()){.scroll-progress{animation: progress-grow linear both;animation-timeline: scroll(root)}}@keyframes progress-grow{to{transform: scaleX(1)}}.anim-in{animation: rise-in .9s var(--ease-out) both;animation-delay: calc(var(--d,0) * 110ms + 60ms)}@keyframes rise-in{from{opacity: 0;transform: translateY(26px);filter: blur(6px)}}.hero-title .line{display: block;overflow: hidden;padding-bottom: .1em;margin-bottom: -.1em}.hero-title .line>span{display: inline-block;animation: line-up 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay: calc(var(--d,0) * 140ms)}@keyframes line-up{from{transform: translateY(110%) rotate(3deg);opacity: 0}}.page-hero .container>*{animation: rise-in .75s var(--ease-out) both}.page-hero .container>:nth-child(2){animation-delay: .07s}.page-hero .container>:nth-child(3){animation-delay: .14s}.page-hero .container>:nth-child(4){animation-delay: .21s}.page-hero .container>:nth-child(5){animation-delay: .28s}.page-hero .container>:nth-child(n+6){animation-delay: .35s}.grad{background-size: 220% auto;animation: grad-flow 7s ease-in-out infinite alternate}@keyframes grad-flow{from{background-position: 0% 50%}to{background-position: 100% 50%}}.js .reveal:not(.revealed),.js [data-stagger]>:not(.revealed){opacity: 0;transform: translateY(30px);filter: blur(4px)}.js .reveal[data-anim="left"]:not(.revealed){transform: translateX(-46px)}.js .reveal[data-anim="right"]:not(.revealed){transform: translateX(46px)}.js .reveal[data-anim="zoom"]:not(.revealed){transform: scale(.9)}.revealing{transition: opacity .85s var(--ease-out),transform .85s var(--ease-out),filter .85s var(--ease-out) !important;transition-delay: calc(var(--i,0) * 85ms) !important}.hero{isolation: isolate}.hero::after{content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(255,138,61,.11),transparent 60%);transition: background .2s}.aurora{position: absolute;inset: -25% -10% -10%;z-index: -2;pointer-events: none;opacity: .6}.aurora i{position: absolute;width: 46vmax;height: 46vmax;border-radius: 50%;animation: drift 20s ease-in-out infinite alternate;will-change: transform}.aurora i:nth-child(1){left: 42%;top: -12%;background: radial-gradient(circle,rgba(255,90,61,.42),transparent 62%)}.aurora i:nth-child(2){left: -8%;top: 18%;background: radial-gradient(circle,rgba(227,54,139,.32),transparent 62%);animation-duration: 24s;animation-delay: -7s}.aurora i:nth-child(3){left: 62%;top: 34%;background: radial-gradient(circle,rgba(139,92,246,.3),transparent 62%);animation-duration: 28s;animation-delay: -13s}@keyframes drift{0%{transform: translate(0,0) scale(1)}50%{transform: translate(-7%,9%) scale(1.15)}100%{transform: translate(8%,-5%) scale(.92)}}:root[data-theme="light"] .aurora{opacity: .35}@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .aurora{opacity: .35}}.visual-caption{display: flex;align-items: center;gap: 8px;margin: 0 0 14px;font-size: .82rem;font-weight: 600;color: var(--muted)}.live-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--success);animation: pulse-green 2s infinite}@keyframes pulse-green{0%{box-shadow: 0 0 0 0 rgba(62,207,142,.6)}70%{box-shadow: 0 0 0 9px rgba(62,207,142,0)}100%{box-shadow: 0 0 0 0 rgba(62,207,142,0)}}.app-window{position: relative;isolation: isolate;transform: perspective(1400px) rotateY(var(--ry,-6deg)) rotateX(var(--rx,2deg));transition: transform .5s var(--ease-out);animation: float 7s ease-in-out infinite}.app-window:hover{transform: perspective(1400px) rotateY(var(--ry,-6deg)) rotateX(var(--rx,2deg))}@keyframes float{0%,100%{translate: 0 0}50%{translate: 0 -12px}}@media (max-width: 980px){.app-window,.app-window:hover{transform: none}}.app-window::before{content: '';position: absolute;inset: 0;z-index: 5;pointer-events: none;border-radius: inherit;padding: 1.5px;background: conic-gradient(from var(--angle),transparent 0 62%,#ffb35c 75%,#e3368b 88%,transparent 100%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: spin-angle 5s linear infinite}@keyframes spin-angle{to{--angle: 360deg}}.dc-guilds b.g-active{animation: glow-pulse 2.6s ease-in-out infinite}.dc-channels,.dc-roles,.dc-prompt p,.dc-server,.dc-progress{transition: opacity .6s ease}.app-window.demo-reset :is(.dc-channels,.dc-roles,.dc-prompt p,.dc-server,.dc-progress){opacity: 0}.dc-channels li,.dc-roles span{animation-duration: .55s}.dc-progress .bar span{transition: width .7s var(--ease-out)}@keyframes glow-pulse{50%{box-shadow: 0 0 22px rgba(255,90,61,.6)}}.marquee{overflow: hidden;padding: 18px 0;border-block: 1px solid var(--border);background: color-mix(in srgb,var(--bg-2) 55%,transparent);-webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display: flex;gap: 14px;width: max-content;animation: marquee 45s linear infinite}.marquee:hover .marquee-track{animation-play-state: paused}.marquee span{padding: 9px 18px;border-radius: 999px;background: var(--surface-2);border: 1px solid var(--border);white-space: nowrap;font-weight: 600;font-size: .92rem}@keyframes marquee{to{transform: translateX(calc(-50% - 7px))}}.center-block{margin-inline: auto;text-align: center}.flow-diagram{display: grid;grid-template-columns: minmax(0,1fr) 110px minmax(0,1fr) 110px minmax(0,1fr);align-items: center;margin-top: 2.6em}.flow-node{position: relative;padding: 28px 22px;border-radius: 22px;background: var(--surface);border: 1px solid var(--border);text-align: center;transition: transform .3s var(--ease-out),border-color .3s}.flow-node:hover{transform: translateY(-6px);border-color: rgba(255,138,61,.4)}.flow-node p{color: var(--muted);font-size: .94rem;margin: 0}.flow-node.core{background: var(--grad-soft),var(--bg-2);border-color: rgba(255,90,61,.45);animation: core-glow 3.2s ease-in-out infinite}@keyframes core-glow{50%{box-shadow: 0 0 0 1px rgba(255,90,61,.35),0 20px 60px -18px rgba(255,90,61,.7)}}.fn-icon{display: grid;place-items: center;width: 66px;height: 66px;margin: 0 auto 14px;border-radius: 20px;background: var(--bg-2);border: 1px solid var(--border);font-size: 1.9rem;animation: bob 4.2s ease-in-out infinite}.flow-node:nth-child(3) .fn-icon{animation-delay: -1.4s}.flow-node:nth-child(5) .fn-icon{animation-delay: -2.8s}@keyframes bob{50%{transform: translateY(-7px) rotate(-4deg)}}.flow-link{position: relative;height: 2px;margin: 0 6px;background: linear-gradient(90deg,rgba(255,90,61,.1),rgba(255,138,61,.65),rgba(255,90,61,.1))}.flow-link i{position: absolute;top: -4px;left: 0;width: 10px;height: 10px;border-radius: 50%;background: var(--gold);box-shadow: 0 0 14px var(--brand-2);animation: travel 2.4s linear infinite}.flow-link i:nth-child(2){animation-delay: .8s}.flow-link i:nth-child(3){animation-delay: 1.6s}.flow-link span{position: absolute;top: 14px;left: 50%;transform: translateX(-50%);font-size: .72rem;font-weight: 600;color: var(--muted);white-space: nowrap}@keyframes travel{0%{left: 0;opacity: 0}15%,85%{opacity: 1}100%{left: calc(100% - 10px);opacity: 0}}@keyframes travel-v{0%{top: 0;opacity: 0}15%,85%{opacity: 1}100%{top: calc(100% - 10px);opacity: 0}}@media (max-width: 900px){.flow-diagram{grid-template-columns: 1fr}.flow-link{width: 2px;height: 74px;margin: 0 auto;background: linear-gradient(180deg,rgba(255,90,61,.1),rgba(255,138,61,.65),rgba(255,90,61,.1))}.flow-link i{top: 0;left: -4px;animation-name: travel-v}.flow-link span{top: 50%;left: 18px;transform: translateY(-50%)}}:root :is(.pillar,.theme-card,.module-card,.step,.trust-grid>div,.flow-node,.card,.tile,.module-tile,.guild-card,.template,.cmd){background-image: radial-gradient(420px circle at var(--mx,-999px) var(--my,-999px),rgba(255,138,61,.11),transparent 45%)}.pillar>span,.theme-emoji,.module-icon,.trust-grid span{display: inline-block;transition: transform .45s var(--ease-spring)}.pillar:hover>span,.theme-card:hover .theme-emoji,.module-card:hover .module-icon,.trust-grid>div:hover span{transform: scale(1.18) rotate(-8deg)}.module-card,.step,.trust-grid>div{transition: transform .3s var(--ease-out),border-color .3s}.module-card:hover,.step:hover,.trust-grid>div:hover{transform: translateY(-4px);border-color: rgba(255,138,61,.3)}.step.revealed .step-num{animation: pop-num .7s var(--ease-spring) both;animation-delay: calc(var(--i,0) * 120ms + 250ms)}@keyframes pop-num{from{transform: scale(0) rotate(-30deg)}}.btn{position: relative;overflow: hidden;transition: transform .15s ease,translate .25s var(--ease-out),box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary::before{content: '';position: absolute;top: 0;left: -70%;width: 45%;height: 100%;background: linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform: skewX(-20deg);transition: left .7s ease;pointer-events: none}.btn-primary:hover::before{left: 130%}.ripple{position: absolute;border-radius: 50%;background: rgba(255,255,255,.32);transform: scale(0);animation: ripple .65s ease-out forwards;pointer-events: none}@keyframes ripple{to{transform: scale(2.6);opacity: 0}}.main-nav a{position: relative}.main-nav a::after{content: '';position: absolute;left: 12px;right: 12px;bottom: 3px;height: 2px;border-radius: 2px;background: var(--grad);transform: scaleX(0);transform-origin: left;transition: transform .35s var(--ease-out)}.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform: scaleX(1)}.site-header{transition: border-color .2s,box-shadow .3s}.site-header.scrolled{box-shadow: 0 14px 34px -26px rgba(0,0,0,.8)}@media (max-width: 960px){.main-nav.open a{animation: nav-in .4s var(--ease-out) both}.main-nav.open a:nth-child(2){animation-delay: .05s}.main-nav.open a:nth-child(3){animation-delay: .1s}.main-nav.open a:nth-child(4){animation-delay: .15s}.main-nav.open a:nth-child(5){animation-delay: .2s}.main-nav a::after{display: none}}@keyframes nav-in{from{opacity: 0;transform: translateX(-16px)}}.js [data-chat-seq] .msg,.js [data-chat-seq] .msg li,.js [data-chat-seq] .fake-buttons,.js [data-chat-seq] .msg.bot>p{opacity: 0;transform: translateY(10px);transition: opacity .45s var(--ease-out),transform .45s var(--ease-out)}.js [data-chat-seq] .show{opacity: 1 !important;transform: none !important}.typing-bubble{display: inline-flex;gap: 5px;padding: 12px 16px;border-radius: 16px;background: var(--surface-2);width: max-content}.typing-bubble span{width: 7px;height: 7px;border-radius: 50%;background: var(--brand-2);animation: dots 1s infinite}.typing-bubble span:nth-child(2){animation-delay: .15s}.typing-bubble span:nth-child(3){animation-delay: .3s}@keyframes dots{50%{transform: translateY(-5px);opacity: .45}}.dash-preview.revealed .dp-chart i{transform-origin: bottom;animation: bar-grow 1.1s var(--ease-out) both}.dash-preview.revealed .dp-chart i:nth-child(2){animation-delay: .08s}.dash-preview.revealed .dp-chart i:nth-child(3){animation-delay: .16s}.dash-preview.revealed .dp-chart i:nth-child(4){animation-delay: .24s}.dash-preview.revealed .dp-chart i:nth-child(5){animation-delay: .32s}.dash-preview.revealed .dp-chart i:nth-child(6){animation-delay: .4s}.dash-preview.revealed .dp-chart i:nth-child(7){animation-delay: .48s}@keyframes bar-grow{from{transform: scaleY(0)}}.dash-preview.revealed .dp-toggle.on{animation: track-on .5s ease both}.dash-preview.revealed .dp-toggle.on::after{animation: knob .55s var(--ease-spring) both}.dash-preview.revealed .dp-row:nth-of-type(3) .dp-toggle.on,.dash-preview.revealed .dp-row:nth-of-type(3) .dp-toggle.on::after{animation-delay: .35s}.dash-preview.revealed .dp-row:nth-of-type(5) .dp-toggle.on,.dash-preview.revealed .dp-row:nth-of-type(5) .dp-toggle.on::after{animation-delay: .7s}@keyframes track-on{from{background: var(--surface-2)}}@keyframes knob{from{left: 3px;background: var(--faint)}}.discord-mock.revealed .dm-tree>li{animation: rise-in .5s var(--ease-out) both;animation-delay: calc(var(--i,0) * 110ms)}.faq details::details-content,.cmd::details-content{height: 0;overflow: clip;transition: height .42s var(--ease-out),content-visibility .42s allow-discrete}.faq details[open]::details-content,.cmd[open]::details-content{height: auto}.faq details[open] p,.cmd[open] .subs{animation: rise-in .45s var(--ease-out) both}@keyframes fade-only{from{opacity: 0}}@keyframes fade-out-only{to{opacity: 0}}@media (prefers-reduced-motion: reduce){.aurora i,.app-window,.app-window::before,.flow-link i,.fn-icon,.flow-node.core,.marquee-track,.dc-guilds b.g-active,.live-dot,.grad,.step.revealed .step-num{animation: none !important}.app-window,.app-window:hover{transform: none !important}.marquee{-webkit-mask-image: none;mask-image: none}.marquee-track{width: auto;flex-wrap: wrap;justify-content: center;padding: 0 16px}.marquee-track span:nth-child(n+13){display: none}.anim-in,.hero-title .line>span,.page-hero .container>*,.discord-mock.revealed .dm-tree>li,.main-nav.open a,.dc-channels li,.dc-roles span,.faq details[open] p,.cmd[open] .subs{animation-name: fade-only}.dash-preview.revealed .dp-chart i{animation-name: fade-only}.js .reveal:not(.revealed),.js [data-stagger]>:not(.revealed),.js [data-chat-seq] .msg,.js [data-chat-seq] .msg li,.js [data-chat-seq] .fake-buttons,.js [data-chat-seq] .msg.bot>p{transform: none !important;filter: none !important}.flow-node:hover,.module-card:hover,.step:hover,.trust-grid>div:hover,.pillar:hover>span,.theme-card:hover .theme-emoji,.module-card:hover .module-icon,.trust-grid>div:hover span{transform: none}::view-transition-old(root){animation: fade-out-only .2s ease both}::view-transition-new(root){animation: fade-only .3s ease both}}