.landing-page{flex-direction:column;max-width:1180px;min-height:100vh;margin:0 auto;padding:0 1.25rem;display:flex}.landing-page .header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--kick-dark-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex;position:sticky;top:0}.landing-page .wordmark img{width:auto;height:64px;display:block}.landing-page .header-nav{align-items:center;gap:1.25rem;display:flex}.landing-page .header-nav a{color:var(--kick-text-gray);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s}.landing-page .header-nav a:hover{color:var(--foreground)}.landing-page .header-sign-in{margin:0}.landing-page .nav-cta{background:var(--kick-green);cursor:pointer;border:none;border-radius:.4rem;padding:.4rem .9rem;font-family:inherit;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-block;color:var(--kick-dark-bg)!important}.landing-page .nav-cta:hover{filter:brightness(1.1);color:var(--kick-dark-bg)!important}.landing-page .nav-cta:disabled{opacity:.65;cursor:not-allowed}.landing-page main{flex:1}.landing-page .hero{padding:2.5rem 0 3rem}.landing-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.landing-page .hero-copy{text-align:left;flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.landing-page .hero-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--kick-green);margin:0;font-size:.8rem;font-weight:700}.landing-page .hero-logo{width:min(70vw,420px);height:auto;margin-bottom:.5rem}.landing-page .hero-title{font-family:var(--font-sans);color:var(--foreground);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.25}.landing-page .hero-title span{color:var(--kick-green)}.landing-page .hero-sub{max-width:34rem;color:var(--kick-text-gray);margin:0;font-size:1.02rem;line-height:1.6}.landing-page .alert{color:#fca5a5;background:#ef44441f;border:1px solid #ef4444;border-radius:.5rem;max-width:480px;padding:.75rem 1rem;font-size:.9rem}.landing-page .cta-row{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:.25rem;display:flex}.landing-page .btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .1s,border-color .15s}.landing-page .btn.primary{background:var(--kick-green);color:var(--kick-dark-bg)}.landing-page .btn.primary:hover:not(:disabled){filter:brightness(1.1)}.landing-page .btn.primary:active:not(:disabled){transform:translateY(1px)}.landing-page .btn.ghost{color:var(--foreground);border:1px solid var(--border);background:0 0}.landing-page .btn.ghost:hover{border-color:var(--kick-green);color:var(--kick-green)}.landing-page .btn:disabled{opacity:.6;cursor:not-allowed}.landing-page .cta-meta{color:var(--kick-text-gray);margin:0;font-size:.85rem}.landing-page .stream-mockup{width:100%;margin:0}.landing-page .stream-frame{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--kick-green) 28%, var(--border));box-shadow:0 24px 60px #0000008c, 0 0 0 1px color-mix(in srgb, var(--kick-green) 12%, transparent);background:#070809;border-radius:.85rem;grid-template-columns:1fr minmax(6.5rem,34%);display:grid;overflow:hidden}.landing-page .stream-scene{background:#0a0c0f;min-height:0;position:relative;overflow:hidden}.landing-page .stream-video{object-fit:cover;filter:saturate(1.08)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.landing-page .stream-scene-overlay{pointer-events:none;background:linear-gradient(#00000059 0%,#0000 28%),linear-gradient(#0000 58%,#0000008c 100%),linear-gradient(90deg,#00000040 0%,#0000 35%);position:absolute;inset:0}.landing-page .stream-scene-bg{background:radial-gradient(circle at 20% 10%,#53fc181f,#0000 45%),linear-gradient(145deg,#1a2420 0%,#101418 42%,#0a0c0f 100%);position:absolute;inset:0}.landing-page .stream-scene-bg:after{content:"";opacity:.35;background-image:linear-gradient(#0000 96%,#ffffff0a 100%),linear-gradient(90deg,#0000 96%,#ffffff08 100%);background-size:28px 28px;position:absolute;inset:0}.landing-page .stream-hud{z-index:2;text-shadow:0 1px 8px #000000b3;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.65rem .75rem;display:flex;position:absolute;top:0;left:0;right:0}.landing-page .live-pill{color:#fff;letter-spacing:.08em;background:#e91916;border-radius:.25rem;padding:.18rem .42rem;font-size:.62rem;font-weight:800}.landing-page .viewer-count{color:var(--foreground);font-size:.72rem;font-weight:700}.landing-page .stream-title{color:var(--kick-text-gray);white-space:nowrap;text-overflow:ellipsis;flex:100%;font-size:.72rem;overflow:hidden}.landing-page .stream-pet{z-index:3;aspect-ratio:1;pointer-events:none;width:clamp(4.5rem,22%,7.5rem);position:absolute;bottom:6%;right:4%}.landing-page .stream-pet-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;opacity:0;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--kick-green) 45%, transparent));transition:opacity .7s,transform .7s,filter .7s;position:absolute;inset:0;transform:scale(.94)}.landing-page .stream-pet-img.is-visible{opacity:1;transform:scale(1)}.landing-page .stream-pet-img[data-state=feral].is-visible{filter:drop-shadow(0 0 20px color-mix(in srgb, var(--kick-green) 70%, transparent))}.landing-page .stream-chat-panel{border-left:1px solid color-mix(in srgb, var(--kick-green) 18%, var(--border));background:linear-gradient(#101216 0%,#090b0e 100%);flex-direction:column;min-height:0;display:flex}.landing-page .stream-chat-head{border-bottom:1px solid var(--border);background:#0d0f12;justify-content:space-between;align-items:center;gap:.35rem;padding:.45rem .5rem;display:flex}.landing-page .stream-chat-title{text-transform:uppercase;letter-spacing:.08em;color:var(--foreground);font-size:.62rem;font-weight:800}.landing-page .stream-chat-live{color:var(--kick-green);font-size:.58rem;font-weight:700}.landing-page .stream-chat-viewport{scroll-behavior:smooth;flex:1;min-height:0;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 100%);mask-image:linear-gradient(#0000 0%,#000 12% 100%)}.landing-page .stream-chat-feed{flex-direction:column;gap:.28rem;margin:0;padding:.35rem .45rem .5rem;list-style:none;display:flex}.landing-page .stream-chat-line{border-radius:.2rem;padding:.18rem .1rem;font-size:.58rem;line-height:1.45;animation:.35s both chat-line-in}.landing-page .stream-chat-line[data-new=true]{background:color-mix(in srgb, var(--kick-green) 8%, transparent)}.landing-page .chat-badge{text-transform:uppercase;vertical-align:middle;letter-spacing:.04em;border-radius:.15rem;margin-right:.2rem;padding:.05rem .22rem;font-size:.48rem;font-weight:800;display:inline-block}.landing-page .chat-badge[data-badge=mod]{color:#7ee9ff;background:#00e5ff38}.landing-page .chat-badge[data-badge=sub]{color:#f0abfc;background:#e040fb38}.landing-page .chat-badge[data-badge=vip]{color:#c4b5fd;background:#a29bfe38}.landing-page .chat-user{margin-right:.25rem;font-weight:700}.landing-page .chat-text{color:color-mix(in srgb, var(--foreground) 92%, var(--kick-text-gray));word-break:break-word}.landing-page .stream-chat-compose{border-top:1px solid var(--border);color:color-mix(in srgb, var(--kick-text-gray) 80%, transparent);padding:.35rem .45rem .45rem;font-size:.55rem}.landing-page .stream-chat-compose span{border:1px solid var(--border);background:#0f1216;border-radius:.25rem;padding:.28rem .35rem;display:block}.landing-page .stream-caption{text-align:center;color:var(--kick-text-gray);margin:.55rem 0 0;font-size:.75rem}@keyframes chat-line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-page .stream-video{display:none}.landing-page .stream-scene{background:radial-gradient(circle at 70% 20%,#1a3020 0%,#0000 45%),linear-gradient(145deg,#1a2420 0%,#0a0c0f 100%)}.landing-page .stream-chat-line{animation:none}.landing-page .stream-chat-viewport{scroll-behavior:auto}.landing-page .stream-pet-img{transition:none;transform:none}}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.landing-page .states{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:640px;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.landing-page .state-chip{background:var(--card);border:1px solid var(--border);border-radius:.6rem;flex-direction:column;align-items:center;gap:.15rem;padding:.85rem .5rem;transition:border-color .15s;display:flex}.landing-page .state-chip:hover{border-color:var(--kick-green)}.landing-page .state-chip[data-state=feral]{border-color:color-mix(in srgb, var(--kick-green) 50%, var(--border))}.landing-page .state-chip svg.hype-icon{color:var(--kick-green);flex-shrink:0;display:block}.landing-page .state-label{font-family:var(--font-sans);color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.landing-page .state-desc{color:var(--kick-text-gray);font-size:.7rem}.landing-page .features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:2rem 0 4rem;display:grid}.landing-page .feature-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:border-color .15s,transform .15s}.landing-page .feature-card:hover{border-color:color-mix(in srgb, var(--kick-green) 40%, var(--border));transform:translateY(-2px)}.landing-page .feature-icon{align-items:center;margin-bottom:.75rem;display:flex}.landing-page .feature-icon svg.hype-icon{color:var(--kick-green);flex-shrink:0;display:block}.landing-page .feature-card h3{color:var(--foreground);margin:0 0 .5rem;font-size:1.05rem}.landing-page .feature-card p{color:var(--kick-text-gray);margin:0;font-size:.9rem;line-height:1.6}@media (width<=900px){.landing-page .hero-grid{grid-template-columns:1fr}.landing-page .hero-copy{text-align:center;align-items:center}.landing-page .cta-row{align-items:center}}@media (width<=600px){.landing-page .states{grid-template-columns:repeat(2,1fr)}.landing-page .header-nav{gap:.85rem}.landing-page .header-nav a{font-size:.85rem}.landing-page .hero{padding:1.75rem 0 2rem}.landing-page .stream-frame{aspect-ratio:16/11}}