.marketing-page.no-smooth-scroll,.marketing-page.no-smooth-scroll *{scroll-behavior:auto!important}.how-to-use-hero{padding-top:clamp(5rem,8vw,6rem);padding-bottom:.75rem!important}.how-to-use-hero .section-title{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:.5rem}.how-to-use-hero .hero-content p{margin-top:.75rem!important;margin-bottom:0!important}.tabs-section{padding-top:1rem!important;padding-bottom:1rem!important}.tabs-container{display:flex;justify-content:center;gap:0;max-width:400px;margin:0 auto;border:1px solid var(--border-color);background:var(--bg-secondary)}.tab-button{flex:1;padding:1rem 2rem;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-jetbrains),monospace;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s;position:relative}.tab-button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab-button.active{color:var(--accent-purple);background:var(--bg-primary)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-purple)}.demos-section{padding-top:.5rem!important}.demos-container{display:flex;flex-direction:column;gap:4rem}.demo-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.demo-card-video{background:transparent;border-radius:18px;overflow:hidden}.demo-card-video:after,.demo-card-video:before{display:none}.demo-card-content{min-width:0}.demo-card-skill,.demo-card-title{margin-bottom:1rem}.demo-card-title{font-family:var(--font-bebas-neue),sans-serif;font-size:2rem;letter-spacing:.02em;color:var(--text-primary)}.demo-card-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.demo-card-prompt{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:1.25rem;margin-bottom:1.5rem}.demo-card-prompt-label{font-family:var(--font-jetbrains),monospace;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.demo-card-prompt-text{font-family:var(--font-jetbrains),monospace;font-size:.9rem;color:var(--text-primary);line-height:1.6;overflow-wrap:anywhere}.demo-card-features{display:flex;flex-wrap:wrap;gap:.5rem}.demo-card-feature{display:inline-flex;align-items:center;padding:.4rem .75rem;background:var(--accent-purple-dim);border:1px solid var(--border-accent);font-family:var(--font-jetbrains),monospace;font-size:.7rem;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em}.demo-video{position:relative;height:clamp(320px,60vw,600px);background:transparent}.demo-video-iframe{width:100%;height:100%;border:none;display:block;background:transparent}@media (max-width:1024px){.demo-card{grid-template-columns:1fr;gap:2rem}.demo-card-video{order:1!important}.demo-card-content{order:2!important}.tabs-container{max-width:100%}.tab-button{padding:.875rem 1.5rem;font-size:.8rem}}@media (max-width:640px){.how-to-use-page{padding-bottom:2rem}.how-to-use-hero{padding-top:5rem;padding-bottom:.5rem!important}.how-to-use-hero .section-title{font-size:2.1rem}.tabs-section{padding-top:.75rem!important;padding-bottom:.75rem!important}.demos-section{padding-top:.25rem!important}.demos-container{gap:2.5rem}.demo-card{gap:1.5rem}.demo-card-video{width:100%}.demo-card-title{font-size:1.6rem}.demo-card-description{font-size:.95rem;margin-bottom:1.25rem}.demo-card-prompt{padding:1rem}.demo-card-prompt-text{font-size:.85rem}.demo-card-feature{font-size:.65rem;padding:.35rem .6rem}.demo-video{height:min(80vh,700px);min-height:520px;aspect-ratio:auto}.tab-button{padding:.75rem 1rem;font-size:.75rem}}