@charset "UTF-8";@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500 800;font-stretch:100% 125%;src:url(/fonts/archivo-wdth.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--radius: .75rem;--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--popover: oklch(.205 0 0);--primary: oklch(.85 .145 125);--primary-foreground: oklch(.25 .04 125);--secondary: oklch(.269 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.29 .03 125);--accent-foreground: oklch(.93 .05 122);--destructive: oklch(.704 .191 22.216);--warning: oklch(.769 .16 70);--success: oklch(.765 .177 163.223);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.85 .145 125);--sidebar: oklch(.205 0 0);--discord: #949cf7;--discord-brand: #5865f2;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Archivo", var(--font-sans);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--page: 76rem;--gutter: clamp(1rem, 4vw, 2.5rem);--gap-section: clamp(7rem, 18vh, 12rem);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit}a{color:inherit;text-underline-offset:3px}svg{display:block;flex:none}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:color-mix(in oklab,var(--primary) 32%,transparent);color:var(--foreground)}:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:oklch(100% 0 0deg / .16) transparent}.num{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{max-width:var(--page);margin:0 auto;padding:0 var(--gutter)}h1,h2,h3,h4,h5,h6,.title-face{font-family:var(--font-display);font-stretch:106%}.display{font-family:var(--font-display);font-stretch:118%;font-weight:800;letter-spacing:-.03em;line-height:.98;text-wrap:balance}.h2{font-family:var(--font-display);font-stretch:112%;font-weight:750;font-size:clamp(1.875rem,3.6vw,3rem);letter-spacing:-.028em;line-height:1.04;text-wrap:balance}.lede{font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.55;color:var(--muted-foreground);text-wrap:pretty;max-width:36rem}.lede b{color:var(--foreground);font-weight:500}app-rt strong{color:var(--foreground);font-weight:500}.body{color:var(--muted-foreground);text-wrap:pretty;max-width:34rem}.fel{color:var(--primary)}.logotype{font-weight:600;letter-spacing:-.025em;white-space:nowrap}.logotype .tld{color:var(--primary)}.beta-tag{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.0625rem .375rem;border-radius:5px;color:var(--warning);background:color-mix(in oklab,var(--warning) 12%,transparent);border:1px solid color-mix(in oklab,var(--warning) 30%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.125rem;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font-size:.9375rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .16s,box-shadow .22s var(--ease-out),border-color .16s,color .16s,transform .12s}.btn .icon{width:1.0625rem;height:1.0625rem}.btn:hover{background:color-mix(in oklab,var(--primary) 90%,white);box-shadow:0 0 22px color-mix(in oklab,var(--primary) 38%,transparent)}.btn:active{transform:translateY(1px)}.btn.xl{height:3.25rem;padding:0 1.5rem;font-size:1.0625rem;border-radius:.875rem}.btn.sm{height:2.125rem;padding:0 .875rem;font-size:.875rem}.btn.glow{box-shadow:0 0 22px color-mix(in oklab,var(--primary) 32%,transparent)}.btn.outline{background:#ffffff08;border-color:var(--input);color:var(--foreground)}.btn.outline:hover{background:var(--accent);color:var(--accent-foreground);box-shadow:none;border-color:color-mix(in oklab,var(--primary) 30%,transparent)}.ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem}.c-dk{color:#c41e3a}.c-dh{color:#a330c9}.c-druid{color:#ff7c0a}.c-hunter{color:#aad372}.c-mage{color:#3fc7eb}.c-monk{color:#00ff98}.c-paladin{color:#f48cba}.c-priest{color:#fff}.c-rogue{color:#fff468}.c-shaman{color:#3d8bff}.c-warlock{color:#8788ee}.c-warrior{color:#c69b6d}.appwin{position:relative;background:var(--background);border:1px solid oklch(100% 0 0deg / .12);border-radius:14px;box-shadow:0 30px 80px -30px #000000d9,0 0 0 1px #0006;overflow:hidden}.appwin:before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:3;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary) 55%,transparent),transparent)}.appwin-bar{height:2.25rem;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border-bottom:1px solid var(--border);background:var(--sidebar);font-size:.75rem;color:var(--muted-foreground)}.appwin-bar .dots{display:flex;gap:.3125rem}.appwin-bar .dots i{width:.625rem;height:.625rem;border-radius:99px;background:#ffffff1f}.appwin-bar .url{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;padding:.125rem .75rem;border-radius:6px;background:#ffffff0d;font-family:var(--font-mono);font-size:.6875rem}.appwin-bar .url b{color:var(--foreground);font-weight:500}.beat{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(3rem,7vw,7rem);align-items:center;padding-top:var(--gap-section)}.beat.rev{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.beat.rev .copy{order:2}.beat-wide.rev{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:clamp(2.5rem,5vw,5rem)}.beat-wide:not(.rev){grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(2.5rem,5vw,5rem)}.beat-wide .h2{font-size:clamp(1.75rem,2.4vw,2.25rem)}.copy{max-width:26rem}.copy .body{margin-top:1.25rem;font-size:1.125rem;line-height:1.6}.acts{margin-top:2rem;display:flex;flex-direction:column;gap:.875rem}.acts li{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--foreground)}.acts .icon{width:1.125rem;height:1.125rem;color:var(--discord)}.acts-fel .icon{color:var(--primary)}.shot{position:relative;min-width:0}.sec-logo{display:block;margin-bottom:1.5rem}.sec-ico{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:1.5rem;border-radius:.875rem;background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}.sec-ico .icon{width:1.5rem;height:1.5rem}.lbl-up{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.emo{width:1.125rem;height:1.125rem;border-radius:3px;display:inline-block;flex:none}@media(max-width:1100px){.beat-wide.rev,.beat-wide:not(.rev){grid-template-columns:minmax(0,1fr)}.beat-wide.rev .copy{order:0}}@media(max-width:960px){.beat,.beat.rev{grid-template-columns:minmax(0,1fr);gap:2.5rem}.beat.rev .copy{order:0}.copy{max-width:36rem}}@media(max-width:640px){.hide-m{display:none}.ctas .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}