.demo-container{position:relative;margin:1rem auto;padding:1rem 1rem 100px}.demo-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:center;position:relative}.video-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;background:var(--bg-secondary);border:2px solid rgba(124,217,89,.1);transition:all .3s ease}.video-frame:hover{border-color:#7cd9594d;transform:scale(1.02)}.media-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.media-container .demo-image,.media-container .demo-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;border-radius:20px}.media-container .demo-image.active,.media-container .demo-video.active{opacity:1}.demo-video,.demo-image{display:block;background:var(--bg-tertiary)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.play-button{width:80px;height:80px;border-radius:50%;background:#7cd959e6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 30px #7cd95980}.play-button:hover{background:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 40px #7cd959b3}.play-icon{font-size:2rem;color:var(--bg-primary);margin-left:5px}.trigger-section{text-align:center;animation:fadeIn .6s ease}.trigger-left{justify-self:end;text-align:right;display:flex;flex-direction:column;align-items:center}.trigger-right{justify-self:start;text-align:left;display:flex;flex-direction:column;align-items:center}.trigger-bottom{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-column:2;width:auto;margin-top:0}.trigger-bottom .trigger-button{align-self:center}.trigger-button{background:var(--bg-secondary);border:2px solid rgba(124,217,89,.2);border-radius:12px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-family:Red Hat Display,sans-serif;font-weight:600;color:var(--text-primary);position:relative;overflow:hidden;margin-bottom:.5rem}.trigger-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#7cd9591a;border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease}.trigger-button:after{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:100%;background:#7cd95926;transition:none;opacity:0;z-index:1}.trigger-button>*{position:relative;z-index:2}.trigger-button.active:after{opacity:1}.subscribe-trigger:after{background:#9146ff59}.self-trigger:after{background:#7cd95940}.trigger-button:hover:before{width:300px;height:300px}.trigger-button:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 10px 30px #7cd9594d}.trigger-button.active{background:#7cd9591a;border-color:var(--accent-primary);box-shadow:0 0 20px #7cd95966}.trigger-icon{font-size:1.5rem}.trigger-label{font-size:1rem}.subscribe-trigger{background:linear-gradient(135deg,#9146ff,#7c2cdd);border-color:#9146ff}.subscribe-trigger:hover{border-color:#a970ff;box-shadow:0 10px 30px #9146ff66}.subscribe-trigger.active{background:#9146ff33;border-color:#9146ff}.twitch-badge{display:flex;align-items:center;justify-content:center}.trigger-description{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:0;font-family:Red Hat Display,sans-serif}.effect-indicator{position:absolute;top:-2rem;left:50%;transform:translate(-50%);background:#7cd9591a;border:1px solid rgba(124,217,89,.3);padding:.5rem 1.5rem;border-radius:50px;animation:slideDown .3s ease}.effect-text{font-size:.9rem;color:var(--accent-primary);font-family:Red Hat Display,sans-serif;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bits-trigger{background:transparent;border:none;padding:0;flex-direction:column;gap:.5rem}.bits-trigger:after{display:none}.bits-preview-container:after{display:none}.bits-trigger:hover{transform:translateY(-4px);box-shadow:none}.bits-preview-container{position:relative;width:120px;height:160px;border-radius:12px;overflow:visible!important;transition:all .3s ease;margin-top:12px}.bits-preview-image{width:100%;height:100%;object-fit:cover;border-radius:12px;border:2px solid rgba(124,217,89,.2);transition:all .3s ease}.bits-icon-overlay{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:50px;height:50px;border-radius:50%;border:3px solid var(--bg-primary, #0a0e1a);background:var(--bg-primary, #0a0e1a);transition:all .3s ease}.bits-trigger:hover .bits-preview-image{border-color:var(--accent-primary);box-shadow:0 10px 30px #7cd9594d}.bits-trigger:hover .bits-icon-overlay{transform:translate(-50%) scale(1.1)}.bits-trigger.active .bits-preview-image{border-color:var(--accent-primary);box-shadow:0 0 20px #7cd95966}.bits-trigger.active .bits-icon-overlay{box-shadow:0 0 20px #7cd95999}.bits-trigger .trigger-label{margin-top:1.5rem}.bits-cost-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--bg-secondary, #1a1f2e);border:2px solid rgba(124,217,89,.2);border-radius:6px;padding:4px 12px;display:flex;align-items:center;gap:6px;z-index:10;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;overflow:hidden}.bits-cost-badge:after{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:100%;background:#4db8e840;transition:none;opacity:0;z-index:-1}.bits-trigger.active .bits-cost-badge:after{opacity:1}.bits-cost-badge>*{position:relative;z-index:1}.bits-cost-icon{width:16px;height:16px}.bits-cost-amount{color:var(--text-primary, #ffffff);font-weight:700;font-size:.875rem;font-family:Red Hat Display,sans-serif}.bits-trigger:hover .bits-cost-badge{transform:translate(-50%) translateY(-2px);border-color:var(--accent-primary, #7cd959);box-shadow:0 4px 12px #7cd9594d}.bits-trigger.active .bits-cost-badge{border-color:var(--accent-primary, #7cd959);box-shadow:0 0 20px #7cd95966}@keyframes pulseBadge{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.bits-trigger:hover .bits-cost-badge{animation:pulseBadge 2s ease-in-out infinite}@media(max-width:968px){.demo-content{grid-template-columns:1fr;gap:1.5rem}.trigger-section{display:flex;flex-direction:column;align-items:center}.trigger-left,.trigger-right{justify-self:center}.trigger-bottom{grid-column:1}.trigger-button{width:100%;max-width:300px;justify-content:center}}@media(max-width:480px){.demo-container{padding:1rem}.trigger-button{padding:.75rem 1rem}.play-button{width:60px;height:60px}.play-icon{font-size:1.5rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;z-index:1;padding-bottom:var(--space-4xl)}.hero-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);text-align:center}@media(max-width:768px){.hero-content{padding:0 var(--container-padding-mobile)}}.mascot-container{position:absolute;left:8%;bottom:15%;z-index:2}.hero-mascot{width:200px;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));animation:mascotFloat 6s ease-in-out infinite,mascotGlow 4s ease-in-out infinite alternate;transform-origin:center bottom}.hero-mascot:hover{filter:drop-shadow(0 12px 35px rgba(124,217,89,.2))}@keyframes pulse{0%{box-shadow:0 0 #7cd95966}70%{box-shadow:0 0 0 20px #7cd95900}to{box-shadow:0 0 #7cd95900}}@keyframes mascotFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(-1deg)}}@keyframes mascotGlow{0%{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}to{filter:drop-shadow(0 12px 35px rgba(124,217,89,.15))}}.hero h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.1;margin-top:120px;margin-bottom:var(--space-lg);background:linear-gradient(to right,var(--text-primary) 0%,var(--text-primary) 50%,var(--accent-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 3s ease infinite;background-size:200% auto}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-description{font-size:var(--font-size-l);color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-lg);line-height:var(--line-height-loose)}.software-logos{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:var(--space-md) 0 var(--space-xl);flex-wrap:wrap}.software-logos img{height:36px;object-fit:contain;opacity:.7;transition:opacity .3s ease,transform .3s ease}.software-logos img:hover{opacity:1;transform:scale(1.05)}@media(max-width:768px){.mascot-container{position:relative;left:auto;bottom:auto;margin:2rem auto;text-align:center}.hero-mascot{width:120px}}@media(max-width:1200px){.mascot-container{left:5%;bottom:10%}.hero-mascot{width:170px}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.feature-icon{width:60px;height:60px;background:#7cd9591a;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:var(--space-lg)}.feature-card:nth-child(-n+3) .feature-icon{width:calc(100% + 5rem);height:250px;margin:calc(-1 * var(--space-2xl)) calc(-1 * var(--space-2xl)) var(--space-lg) calc(-1 * var(--space-2xl));background:none;border-radius:0}.feature-card:nth-child(-n+3) .feature-icon .feature-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.feature-card:nth-child(-n+3){padding:0}.feature-card:nth-child(-n+3) h3,.feature-card:nth-child(-n+3) p{padding:0 var(--space-2xl)}.feature-card:nth-child(-n+3) h3{padding-top:var(--space-lg)}.feature-card:nth-child(-n+3) p{padding-bottom:var(--space-2xl)}.feature-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);font-weight:var(--font-weight-semibold)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-loose);font-size:var(--font-size-base)}.feature-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}@media(max-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}.showcase{overflow:hidden}.carousel-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);position:relative;opacity:0;transform:translateY(30px);transition:all .8s ease}.carousel-container.visible{opacity:1;transform:translateY(0)}.carousel-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-3xl);background:var(--bg-tertiary);box-shadow:var(--shadow-2xl)}.carousel-track{display:flex;transition:transform var(--transition-slow) cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-slide{min-width:100%;flex-shrink:0}.showcase-stream{background:var(--bg-tertiary);position:relative}.stream-container{aspect-ratio:16/9;width:100%;position:relative;background:var(--bg-primary);overflow:hidden}.showcase-info{padding:var(--space-2xl);background:linear-gradient(180deg,var(--bg-tertiary) 0%,rgba(20,20,30,.95) 100%)}.showcase-info h4{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.showcase-info p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.channel-badge{display:flex;align-items:center;gap:.75rem;margin-top:var(--space-lg)}@keyframes pulse{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 #f440}}.channel-name{color:var(--accent-primary);font-size:1rem;font-weight:600}.carousel-nav{position:absolute;top:45%;transform:translateY(-50%);background:#000000b3;border:2px solid rgba(255,255,255,.1);color:var(--text-primary);width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:2;backdrop-filter:blur(10px)}.carousel-nav:hover{background:#000000e6;border-color:var(--accent-primary);transform:translateY(-50%) scale(1.1)}.carousel-nav:active{transform:translateY(-50%) scale(.95)}.carousel-nav-prev{left:20px}.carousel-nav-next{right:20px}.carousel-dots{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.carousel-dot{width:12px;height:12px;border-radius:var(--radius-full);background:#fff3;border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.carousel-dot:hover{background:#fff6;transform:scale(1.2)}.carousel-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.2)}@media(max-width:768px){.carousel-container{padding:0 var(--container-padding-mobile)}.carousel-nav{width:40px;height:40px}.carousel-nav-prev{left:10px}.carousel-nav-next{right:10px}.carousel-nav svg{width:20px;height:20px}.showcase-info{padding:var(--space-lg)}.showcase-info h4{font-size:var(--font-size-xl)}.showcase-info p{font-size:var(--font-size-sm)}.carousel-dots{gap:8px}.carousel-dot{width:10px;height:10px}}@media(hover:none){.carousel-wrapper{cursor:grab}.carousel-wrapper:active{cursor:grabbing}}.advertiser-section{background:linear-gradient(180deg,transparent 0%,rgba(124,217,89,.02) 100%)}.advertiser-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.advertiser-text h2{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-xl);line-height:var(--line-height-tight)}.advertiser-text p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:var(--line-height-loose)}.subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--accent-primary);margin-bottom:var(--space-xl);line-height:var(--line-height-snug)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);line-height:var(--line-height-tight);color:var(--text-primary)}.feature-icon{font-size:var(--font-size-2xl);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#7cd9591a;border-radius:var(--radius-lg);flex-shrink:0}.advertiser-visual{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-2xl);display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;position:relative;overflow:hidden}.advertiser-visual:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,217,89,.05) 0%,transparent 50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.showcase-gif{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl)}.advertiser-visual .showcase-gif{filter:drop-shadow(0 0 30px rgba(124,217,89,.3))}.adfeatures-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-xl);background:#7cd9590d;border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid rgba(124,217,89,.1)}.feature-content{flex:1}.feature-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}@media(max-width:768px){.advertiser-content{grid-template-columns:1fr}}