.join-home{background:#070b13;color:#f6f8ff}.skip-content{position:absolute;top:-80px;left:16px;z-index:100;background:white;color:#07111f;padding:12px}.skip-content:focus{top:12px}.join-home .site-header{box-shadow:none;background:#0c131f;border-color:#202b3b}.join-home .nav{flex-wrap:wrap;overflow:visible}.join-home .nav a{font-size:13px;padding:10px 13px}.join-home .btn{border-radius:10px;padding:15px 22px;min-height:48px;background:#fb315d}.join-home .btn.secondary{background:#152233;border:1px solid #34475e}.join-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:38px;align-items:center;padding-top:70px;padding-bottom:52px}.join-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.19em;color:#62dfdf;margin-bottom:18px}.join-copy h1{font-size:clamp(44px,5.2vw,72px);line-height:1.01;letter-spacing:-.06em;margin:0 0 24px;max-width:570px}.join-lead{font-size:18px;line-height:1.7;color:#b1bed0;max-width:520px}.join-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 18px}.join-note{font-size:12px;color:#8394ac;line-height:1.6}.join-art{position:relative;min-height:470px;border:1px solid #354256;border-radius:24px;overflow:hidden;background:#101726;box-shadow:0 22px 80px #0005}.join-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.join-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07111ff5,transparent 90%)}.join-preview{position:absolute;left:26px;right:26px;bottom:26px;padding:22px;border:1px solid #ffffff30;border-radius:16px;background:#101a28cf;font-size:9px;font-weight:800;letter-spacing:.13em;backdrop-filter:blur(10px)}.join-preview>div{font-size:30px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin:14px 0}.join-preview-tags{color:#adbdcf;font-size:10px;letter-spacing:.04em}.join-preview-tags i{color:#ff4771;padding:0 6px}.join-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62dfdf;margin-right:6px;box-shadow:0 0 14px #62dfdf;animation:joinPulse 2s ease-in-out infinite}.join-strip{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center;border-top:1px solid #243044;border-bottom:1px solid #243044;padding-top:22px;padding-bottom:22px;color:#b9c7da;font-size:12px;font-weight:700}.join-strip span:before{content:'✦';color:#ef4776;margin-right:9px}.join-features{padding-top:80px}.join-features>.join-kicker{text-align:center}.join-home .section h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;line-height:1.12}.join-home .intro{line-height:1.7;max-width:710px;margin:16px auto 30px}.join-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.join-home .join-feature{margin:0;padding:30px;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#22405a33,transparent 75%),#0d1521;box-shadow:none;min-height:280px;display:flex;flex-direction:column}.join-feature.feature-wide{grid-column:span 2}.join-feature-number{font-size:10px;letter-spacing:.16em;color:#67dede;font-weight:800}.join-home .join-feature h3{font-size:28px;letter-spacing:-.035em;line-height:1.15;margin:22px 0 12px}.join-feature p{font-size:15px;margin:0 0 22px;max-width:600px}.join-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.join-tags span{font-size:10px;color:#bfccdd;border:1px solid #2a3b52;background:#0a111c;padding:7px 10px;border-radius:6px}.join-workflow{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:76px;padding-bottom:76px}.join-workflow h2{text-align:left}.join-workflow p{color:#aebcd3;line-height:1.7;font-size:15px}.join-steps{list-style:none;counter-reset:setup;padding:0;margin:0}.join-steps li{position:relative;counter-increment:setup;padding:0 0 26px 58px}.join-steps li:before{content:'0' counter(setup);position:absolute;left:0;top:0;padding:10px;background:#132333;border:1px solid #2d475d;border-radius:10px;color:#72e6dd;font-weight:800;font-size:12px}.join-steps b{font-size:17px}.join-steps p{margin:8px 0}.join-highlights .card{box-shadow:none}.join-demo video{max-height:540px!important}.join-faq{max-width:900px}.join-faq details{border-bottom:1px solid #29364b;padding:18px 0}.join-faq summary{cursor:pointer;font-weight:700;font-size:16px;padding:8px}.join-faq p{color:#aebcd3;line-height:1.7;padding:0 8px}.join-final{text-align:center;margin:35px auto;background:radial-gradient(ellipse at 50% 100%,#69315455,transparent 80%);border-top:1px solid #34334c;border-bottom:1px solid #34334c;padding-top:60px;padding-bottom:60px}.join-final p{font-size:13px;color:#aebcd3}.join-final h2{margin-bottom:28px}.join-home .beta-notice-card{transform:none;box-shadow:none;text-align:left;border-radius:16px;padding:24px}.join-home .beta-notice-card h2{text-align:left;font-size:26px}.join-home .beta-notice-card p{font-size:14px}.join-home .pkg .btn{margin-top:auto}.join-home .pkg{display:flex;flex-direction:column}.join-home .pkg ul{flex:1}.join-home .grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.join-home :focus-visible{outline:2px solid #67e3df;outline-offset:4px}@keyframes joinPulse{50%{opacity:.4}}@media(max-width:1000px){.join-hero{gap:24px}.join-art{min-height:420px}.join-workflow{gap:30px}}@media(max-width:760px){.join-hero{grid-template-columns:1fr;padding-top:38px}.join-copy h1{font-size:clamp(43px,10vw,66px);max-width:550px}.join-lead{font-size:16px}.join-art{min-height:330px}.join-preview{left:18px;right:18px;bottom:18px}.join-feature-grid{grid-template-columns:1fr}.join-feature.feature-wide{grid-column:auto}.join-workflow{grid-template-columns:1fr}.join-feature{min-height:0!important}.join-home .site-header{align-items:flex-start}.join-home .nav{gap:6px}.join-home .nav a{font-size:12px;padding:9px 10px}.join-final{width:auto;margin:24px 12px}.join-home .join-feature{padding:24px}.join-home .section{padding-left:18px;padding-right:18px}.join-home .btn{width:auto}.join-home .join-actions .btn{flex:1;text-align:center}.join-note{font-size:11px}.join-strip{justify-content:flex-start;gap:12px 18px}}@media(prefers-reduced-motion:reduce){.join-home *, .join-home *:before,.join-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.news span{padding-left:12px!important;white-space:normal}}

.package-comparison{padding:20px;margin:20px 0 28px;border:1px solid #29405b;border-radius:18px;background:#0b1523}.package-comparison summary{cursor:pointer;font-weight:800}.package-table-scroll{overflow-x:auto;margin-top:18px}.package-comparison table{width:100%;min-width:560px;border-collapse:collapse}.package-comparison th,.package-comparison td{padding:14px;text-align:left;border-bottom:1px solid #29405b}.package-comparison caption{text-align:left;color:#aec2d9;padding:12px}.package-comparison p{color:#aec2d9;line-height:1.6}

.join-deck{scroll-margin-top:24px}.join-deck-heading{text-align:center}.join-deck-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.join-home .join-deck-card{padding:28px;margin:0;border:1px solid #30505d;border-radius:20px;background:radial-gradient(ellipse at top right,#12657130,transparent 65%),#0c1623;min-width:0;box-shadow:none}.join-home .deck-roadmap{border-color:#55416b;background:radial-gradient(ellipse at top right,#7348b630,transparent 65%),#111522}.deck-status{display:inline-block;padding:8px 11px;border:1px solid #386659;border-radius:7px;color:#9aefd2;font-size:12px;font-weight:700}.deck-status.planned{border-color:#705081;color:#e0b9fb}.join-deck-card h3{font-size:27px;line-height:1.2}.join-deck-card p,.join-deck-card li,.join-event-flow p{color:#b8c6d9;line-height:1.75}.join-deck-card ul{padding-left:20px}.join-deck-card li{margin-bottom:12px}.join-deck-card .deck-detail{font-size:13px}.join-event-flow{max-width:1000px}.join-event-flow h2{text-align:left}.join-event-steps{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0}.join-event-steps span:not([aria-hidden]){padding:12px 16px;border:1px solid #355168;border-radius:10px;background:#10202e;color:#b8efec;font-weight:700}@media(max-width:760px){.join-deck-columns{grid-template-columns:1fr}.join-home .join-deck-card{padding:22px}.join-event-steps{gap:8px;font-size:13px}}

.stream-deck-compatibility{padding:16px 0;margin-top:8px}.stream-deck-compatibility img{display:block;height:52px;width:auto;max-width:100%;object-fit:contain}

.home-promo-image{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:14px;margin-bottom:18px}
