.video-page{width:100%;padding:1rem;background:var(--color-bg)}@media (min-width: 768px){.video-page{padding:1.5rem}}.video-container{display:flex;flex-direction:column;gap:1rem;max-width:1920px;margin:0 auto}@media (min-width: 1024px){.video-container{flex-direction:row;gap:1.5rem;min-height:calc(100vh - 140px)}}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.main-title{font-size:clamp(2.25rem,4vw,3rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);line-height:1.2;text-align:center}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.2;text-align:center}.section-subtitle{font-size:1.125rem;color:var(--color-text);opacity:.8;max-width:700px;margin:0 auto;line-height:1.6}.section-description{font-size:1.0625rem;color:var(--color-text);line-height:1.7;text-align:center;max-width:900px;margin:0 auto var(--spacing-lg)}.section-description strong{color:var(--color-primary);font-weight:600}.about-section{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.about-content{margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.feature-card{padding:var(--spacing-lg);background:var(--card);border-radius:var(--radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:3.5rem;height:3.5rem;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.feature-icon svg{color:var(--color-white)}.feature-title{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1.3}.feature-description{font-size:.9375rem;color:var(--color-text);line-height:1.6;margin:0;opacity:.9}.howto-section{padding:var(--spacing-2xl) 0;background:var(--color-bg-secondary)}.steps-container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:900px;margin:0 auto}.step-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.step-number{flex-shrink:0;width:3rem;height:3rem;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content{flex:1}.step-title{font-size:1.375rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1.3}.step-description{font-size:1rem;color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-sm);opacity:.9}.step-features{list-style:none;padding:0;margin:0}.step-features li{font-size:.9375rem;color:var(--color-text);padding-left:var(--spacing-md);margin-bottom:var(--spacing-xs);position:relative;line-height:1.6;opacity:.85}.step-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.usecases-section{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.usecase-card{padding:var(--spacing-lg);background:var(--card);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--border-color)}.usecase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.usecase-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.usecase-title{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1.3}.usecase-description{font-size:.9375rem;color:var(--color-text);line-height:1.6;margin:0;opacity:.9}.faq-section{padding:var(--spacing-2xl) 0;background:var(--color-bg-secondary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.faq-item{padding:var(--spacing-lg);background:var(--card);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.faq-question{font-size:1.125rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1.4}.faq-answer{font-size:.9375rem;color:var(--color-text);line-height:1.7;margin:0;opacity:.9}.reviews-section{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.review-card{padding:var(--spacing-lg);background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.review-rating{font-size:1.25rem;color:var(--color-primary)}.review-text{font-size:.9375rem;color:var(--color-text);line-height:1.7;margin:0;flex:1;opacity:.9}.review-author{display:flex;flex-direction:column;gap:.25rem;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.review-author strong{font-size:1rem;color:var(--color-primary);font-weight:600}.review-author span{font-size:.875rem;color:var(--color-text);opacity:.7}.cta-section{padding:var(--spacing-2xl) 0;background:var(--gradient-primary);color:var(--color-white)}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.cta-text{font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-lg);opacity:.95}.cta-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-white);color:var(--color-primary);border-radius:var(--radius-md);font-weight:600;font-size:1.125rem;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.about-section,.howto-section,.usecases-section,.faq-section,.reviews-section,.cta-section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-lg)}.features-grid,.usecases-grid,.faq-grid,.reviews-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.step-item{flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm)}.step-number{width:2.5rem;height:2.5rem;font-size:1.25rem}.feature-card,.usecase-card,.faq-item,.review-card{padding:var(--spacing-md)}}