:root{--paper:#ffffff;--wash:#FAFAFA;--wash2:#F4F4F5;--ink:#0A0A0B;--ink-soft:#27272A;--muted:#5C5C66;--faint:#A1A1AA;--line:#ECECEE;--line2:#E1E1E4;--kick:#16A34A;--twitch:#7C3AED;--shadow-sm:0 1px 2px rgba(10,10,11,.05);--shadow-md:0 1px 2px rgba(10,10,11,.04),0 12px 32px -14px rgba(10,10,11,.16);--shadow-lg:0 1px 2px rgba(10,10,11,.05),0 24px 60px -24px rgba(10,10,11,.22);--font-display:"Space Grotesk",sans-serif;--font-mono:"IBM Plex Mono",monospace;--font-body:"Inter",sans-serif}[data-theme=dark]{--paper:#0B0B0D;--wash:#141417;--wash2:#1A1A1E;--ink:#F2F2F3;--ink-soft:#C9C9CE;--muted:#9B9BA5;--faint:#67676F;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--shadow-md:0 1px 2px rgba(0,0,0,.4),0 12px 32px -14px rgba(0,0,0,.6);--shadow-lg:0 1px 2px rgba(0,0,0,.5),0 24px 60px -24px rgba(0,0,0,.72)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s,color .25s}::-moz-selection{background:var(--ink);color:var(--paper)}::selection{background:var(--ink);color:var(--paper)}a{color:inherit}.login-locked .nav-btn,.login-locked .btn-twitch,.login-locked .btn-kick-hero,.login-locked .oauth-btn,.login-locked .plan-btn{display:none!important}.login-locked.show-login .nav-btn,.login-locked.show-login .btn-twitch,.login-locked.show-login .btn-kick-hero,.login-locked.show-login .oauth-btn,.login-locked.show-login .plan-btn{display:inline-flex!important}.wrap{max-width:1120px;margin:0 auto;padding:0 40px}.btn-twitch,.btn-primary,.btn-kick-hero,.oauth-btn,.nav-btn,.plan-btn,.send-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:100px;border:1px solid var(--ink);font-weight:500;text-decoration:none;cursor:pointer;font-family:var(--font-body);transition:transform .2s,box-shadow .2s,border-color .2s}.btn-twitch .bt,.btn-primary .bt,.btn-kick-hero .bt,.oauth-btn .bt,.nav-btn .bt,.plan-btn .bt,.send-btn .bt{position:relative;z-index:1;transition:color .26s}.btn-twitch:before,.btn-primary:before,.btn-kick-hero:before,.oauth-btn:before,.nav-btn:before,.plan-btn:before,.send-btn:before{content:"";position:absolute;inset:0;z-index:0;transform:translate(-101%);transition:transform .36s cubic-bezier(.2,.7,.2,1)}.btn-twitch:hover:before,.btn-primary:hover:before,.btn-kick-hero:hover:before,.oauth-btn:hover:before,.nav-btn:hover:before,.plan-btn:hover:before,.send-btn:hover:before{transform:translate(0)}.btn-twitch,.btn-primary,.oauth-twitch,.plan-btn,.send-btn{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm)}.btn-twitch:before,.btn-primary:before,.oauth-twitch:before,.plan-btn:before,.send-btn:before{background:var(--paper)}.btn-twitch:hover,.btn-primary:hover,.oauth-twitch:hover,.plan-btn:hover,.send-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-twitch:hover .bt,.btn-primary:hover .bt,.oauth-twitch:hover .bt,.plan-btn:hover .bt,.send-btn:hover .bt{color:var(--ink)}.btn-kick-hero,.oauth-kick,.nav-btn{background:transparent;color:var(--ink);border-color:var(--line2)}.btn-kick-hero:before,.oauth-kick:before,.nav-btn:before{background:var(--ink)}.btn-kick-hero:hover,.oauth-kick:hover,.nav-btn:hover{border-color:var(--ink)}.btn-kick-hero:hover .bt,.oauth-kick:hover .bt,.nav-btn:hover .bt{color:var(--paper)}.btn-twitch,.btn-primary,.btn-kick-hero{padding:13px 27px;font-size:14.5px}.oauth-btn{padding:14px 30px;font-size:14.5px}.nav-btn{padding:7px 17px;font-size:13px;font-weight:500}.plan-btn,.send-btn{width:100%;padding:13px;font-size:13.5px}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;background:#ffffffb3;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}nav.scrolled{border-bottom-color:var(--line);background:#ffffffd9}[data-theme=dark] nav{background:#0b0b0db8}[data-theme=dark] nav.scrolled{background:#0b0b0ddb}.nav-inner{max-width:1120px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.7px;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:9px}.logo .mk{width:22px;height:22px;border-radius:7px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:12px;font-weight:700}.nav-right{display:flex;align-items:center;gap:22px}nav ul{list-style:none;display:flex;gap:26px;align-items:center}nav .nl{color:var(--muted);text-decoration:none;font-size:13.5px;transition:color .15s}nav .nl:hover{color:var(--ink)}.nav-account{display:flex;align-items:center;gap:7px;background:var(--ink);border:1px solid var(--ink);padding:6px 14px;border-radius:100px;color:var(--paper)!important;font-size:13px;font-weight:500;text-decoration:none}.nav-avatar{width:18px;height:18px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.theme-tg{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;flex:0 0 auto}.tg-track{position:relative;width:52px;height:28px;border-radius:100px;border:1px solid var(--line2);background:var(--wash);transition:background .2s,border-color .2s}.tg-knob{position:absolute;top:2.5px;left:2.5px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;transition:transform .3s cubic-bezier(.4,1.25,.5,1)}.tg-knob svg{width:13px;height:13px}.tg-knob .moon{display:none}[data-theme=dark] .tg-knob{transform:translate(24px)}[data-theme=dark] .tg-knob .sun{display:none}[data-theme=dark] .tg-knob .moon{display:block}.hero{padding:158px 0 92px}.hero-inner{max-width:880px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.4px;color:var(--faint);margin-bottom:32px;display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;padding:6px 13px;border:1px solid var(--line);border-radius:100px;background:var(--paper);box-shadow:var(--shadow-sm)}.eyebrow b{color:var(--ink);font-weight:600}.eyebrow .sep{color:var(--line2)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--kick);display:inline-block;animation:pulse 2.4s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.82)}}h1{font-family:var(--font-display);font-weight:700;font-size:clamp(46px,7.6vw,90px);line-height:.96;letter-spacing:-3.6px;color:var(--ink);margin-bottom:28px}.hero-sub{font-size:18.5px;color:var(--muted);max-width:540px;line-height:1.6;margin-bottom:38px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:36px}.alpha-notice{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--wash);line-height:1.4}.alpha-notice .nd{width:5px;height:5px;border-radius:50%;background:var(--kick)}.meta{display:flex;gap:0;margin-top:60px;border-top:1px solid var(--line)}.meta div{flex:1;padding:26px 28px 0 0}.meta div+div{padding-left:28px;border-left:1px solid var(--line)}.meta b{display:block;font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--ink);letter-spacing:-1.3px;margin-bottom:5px}.meta span{font-size:12.5px;color:var(--muted);line-height:1.45}.platforms{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--wash)}.platforms-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pf-label{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:1px;text-transform:uppercase}.pf-chip{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--ink)}.pf-chip.tw{color:#7c3aed}.pf-chip.kk{color:#16a34a}[data-theme=dark] .pf-chip.tw{color:#a78bfa}[data-theme=dark] .pf-chip.kk{color:#34d399}.pf-more{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--faint)}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,46px);letter-spacing:-1.8px;line-height:1.06;margin-bottom:14px}.section-desc{color:var(--muted);font-size:15.5px;max-width:480px;line-height:1.6}.showcase{padding:104px 0}.showcase-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.showcase-copy .point{display:flex;gap:12px;margin-top:22px}.showcase-copy .point .pi{flex:0 0 auto;width:22px;height:22px;color:var(--ink);margin-top:1px}.showcase-copy .point b{font-family:var(--font-display);font-weight:600;font-size:15px;display:block;margin-bottom:3px;letter-spacing:-.2px}.showcase-copy .point span{font-size:13.5px;color:var(--muted);line-height:1.55}.feed{background:var(--paper);border:1px solid var(--line2);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}.feed-bar{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.feed-bar .ttl{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.2px}.feed-bar .chips{margin-left:auto;display:flex;gap:7px}.feed-bar .chips span{font-family:var(--font-mono);font-size:10px;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:6px}.feed-bar .chips .on{color:#16a34a;border-color:#16a34a40}.feed-bar .chips .on:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#16a34a;margin-right:5px;vertical-align:middle}[data-theme=dark] .feed-bar .chips .on{color:#34d399;border-color:#34d3994d}[data-theme=dark] .feed-bar .chips .on:before{background:#34d399}.feed-rows{padding:8px;height:232px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;-webkit-mask:linear-gradient(180deg,transparent,#000 22px);mask:linear-gradient(180deg,transparent,#000 22px)}.feed-foot{font-family:var(--font-mono);font-size:10px;color:var(--faint);padding:11px 18px;border-top:1px solid var(--line);text-align:center;letter-spacing:.3px}.frow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:13.5px;line-height:1.35;white-space:nowrap;animation:slideIn .42s cubic-bezier(.2,.7,.2,1)}.frow .msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.frow .pt{flex:0 0 auto;font-family:var(--font-mono);font-size:9.5px;font-weight:600;padding:3px 7px;border-radius:6px;letter-spacing:.4px}.pt.k{color:#16a34a;background:#16a34a1a}.pt.t{color:#7c3aed;background:#7c3aed1a}.pt.b{color:var(--muted);background:var(--wash2)}[data-theme=dark] .pt.k{color:#34d399;background:#34d39924}[data-theme=dark] .pt.t{color:#a78bfa;background:#a78bfa24}.frow .u{font-weight:600}.frow .u.k{color:#16a34a}.frow .u.t{color:#7c3aed}[data-theme=dark] .frow .u.k{color:#34d399}[data-theme=dark] .frow .u.t{color:#a78bfa}.frow.mod{background:#fef2f2}[data-theme=dark] .frow.mod{background:#f871711a}.frow.mod .txt{transition:color .3s}.frow.mod.caught .txt{color:#b9bcc2;text-decoration:line-through}[data-theme=dark] .frow.mod.caught .txt{color:#6b6b73}.frow .ban{margin-left:auto;flex:0 0 auto;font-family:var(--font-mono);font-size:9.5px;color:#dc2626;align-self:center;opacity:0;transition:opacity .3s}[data-theme=dark] .frow .ban{color:#f87171}.frow.mod.caught .ban{opacity:1}.frow.bot .txt{color:var(--muted)}.features{padding:104px 0;border-top:1px solid var(--line);background:var(--wash)}.features-header{margin-bottom:50px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line2)}.fc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.fc-icon{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--wash);display:grid;place-items:center;color:var(--ink)}.fc-icon svg{width:20px;height:20px}.feature-tag{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.6px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}.feature-tag .tdot{width:5px;height:5px;border-radius:50%;background:var(--kick)}.feature-tag.soon{color:var(--faint)}.feature-tag.soon .tdot{background:var(--faint)}.feature-tag.build{color:var(--muted)}.feature-tag.build .tdot{background:#f59e0b}.feature-name{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.4px;margin-bottom:9px}.feature-desc{color:var(--muted);font-size:13.5px;line-height:1.6}.pricing{padding:104px 0;border-top:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.plan{background:var(--paper);border:1px solid var(--line2);border-radius:16px;padding:32px 28px;position:relative;transition:border-color .15s,box-shadow .15s}.plan-gold{border-color:var(--ink);box-shadow:var(--shadow-md)}.plan-blurred{filter:blur(1.5px);opacity:.4;pointer-events:none}.plan-badge{position:absolute;top:-9px;left:28px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:9px;font-weight:600;padding:4px 11px;border-radius:100px;letter-spacing:.5px}.plan-name{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.5px;margin-bottom:7px}.plan-desc{color:var(--muted);font-size:12.5px;margin-bottom:24px;line-height:1.5}.plan-price{margin-bottom:24px;display:flex;align-items:baseline;gap:3px}.price-amount{font-family:var(--font-display);font-weight:700;font-size:48px;letter-spacing:-2.2px;line-height:1}.price-per{font-size:13px;color:var(--muted)}.plan-divider{height:1px;background:var(--line);margin-bottom:22px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.plan-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.check{flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:9px;font-weight:700}.plan-btn-disabled{display:block;text-align:center;padding:13px;border-radius:100px;background:var(--wash);color:var(--faint);font-size:13.5px;border:1px solid var(--line)}.cta-section{padding:124px 0;border-top:1px solid var(--line);background:var(--wash);text-align:center}.cta-inner{max-width:620px;margin:0 auto}.cta-title{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,58px);letter-spacing:-2.6px;line-height:1;margin-bottom:20px}.cta-desc{color:var(--muted);font-size:16px;margin-bottom:36px;line-height:1.6}.oauth-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cta-note{margin-top:20px;font-family:var(--font-mono);font-size:11px;color:var(--faint)}footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{max-width:1120px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-logo{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;letter-spacing:-.4px}.footer-links{display:flex;gap:26px}.footer-links a{color:var(--muted);text-decoration:none;font-size:12px;transition:color .15s}.footer-links a:hover{color:var(--ink)}.footer-right{font-family:var(--font-mono);font-size:11px;color:var(--faint)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.hero .eyebrow,.hero h1,.hero-sub,.hero-actions,.hero .alpha-wrap,.hero .meta{opacity:0;transform:translateY(12px);animation:rise .65s cubic-bezier(.2,.7,.2,1) forwards}.hero h1{animation-delay:.06s}.hero-sub{animation-delay:.14s}.hero-actions{animation-delay:.22s}.hero .alpha-wrap{animation-delay:.3s}.hero .meta{animation-delay:.36s}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal,.hero .eyebrow,.hero h1,.hero-sub,.hero-actions,.hero .alpha-wrap,.hero .meta{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.eyebrow .dot{animation:none}.frow{animation:none!important}}.access-modal{position:fixed;inset:0;background:#0a0a0b99;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;font-family:var(--font-body);backdrop-filter:blur(8px)}.access-modal.active{display:flex}.access-box{background:var(--paper);border:1px solid var(--line2);border-radius:18px;padding:36px;width:100%;max-width:440px;color:var(--ink);box-shadow:0 30px 80px -20px #00000073}.access-box h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.6px;margin-bottom:8px}.access-box p{color:var(--muted);font-size:13px;margin-bottom:24px;line-height:1.55}.access-box .field{margin-bottom:14px}.access-box label{display:block;font-family:var(--font-mono);font-size:10px;color:var(--faint);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.access-box input,.access-box textarea{width:100%;padding:11px 13px;background:var(--paper);border:1px solid var(--line2);border-radius:9px;color:var(--ink);font-size:13.5px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.access-box textarea{resize:vertical;min-height:84px}.access-box input:focus,.access-box textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #7f7f7f1f}.access-box .helper{font-family:var(--font-mono);font-size:10px;color:var(--faint);margin-top:14px;text-align:center}@media(max-width:900px){.showcase-grid{grid-template-columns:1fr;gap:36px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.wrap,.nav-inner,.footer-inner{padding-left:22px;padding-right:22px}nav{height:58px}nav ul li.nl-hide{display:none}.hero{padding:120px 0 68px}h1{letter-spacing:-2px}.meta{flex-direction:column}.meta div{padding:22px 0;border-left:none!important;border-top:1px solid var(--line)}.meta div:first-child{border-top:none}.features-grid,.pricing-grid{grid-template-columns:1fr}.pf-more{margin-left:0;width:100%}footer .footer-inner{flex-direction:column;align-items:flex-start;gap:18px}}
