.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 1rem}.section-header{text-align:center;margin-bottom:3rem}.main-title{font-size:clamp(2.25rem,4vw,3rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;text-align:center;animation:fadeInUp .8s ease-out}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:#007b43;margin-bottom:1rem;line-height:1.2;text-align:center}.section-subtitle{font-size:1.125rem;color:#16160e;opacity:.8;max-width:700px;margin:0 auto;line-height:1.6}:root[data-theme=dark] .section-subtitle{color:#fffc}.section-description{font-size:1.0625rem;color:#16160e;line-height:1.7;text-align:center;max-width:900px;margin:0 auto 2.5rem}:root[data-theme=dark] .section-description{color:#ffffffe6}.section-description strong{color:#007b43;font-weight:600}.inline-link{color:#007b43;text-decoration:underline;text-underline-offset:2px;transition:all .2s}.inline-link:hover{color:#00a85a;text-decoration-thickness:2px}.hero-section{padding:3rem 0;background:var(--color-bg)}.hero-content{max-width:900px;margin:0 auto;text-align:center}.hero-description{font-size:1.125rem;color:#16160e;line-height:1.8;margin:0}:root[data-theme=dark] .hero-description{color:#ffffffe6}.about-section{padding:4rem 0;background:#fff}:root[data-theme=dark] .about-section{background:#1a1a1a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;opacity:0;animation:fadeIn 1s ease-out .3s forwards}.feature-card{padding:1.75rem;background:#bed3ca;border-radius:.75rem;transition:transform .3s ease,box-shadow .3s ease}:root[data-theme=dark] .feature-card{background:#2a2a2a}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #007b4333}:root[data-theme=dark] .feature-card:hover{box-shadow:0 12px 28px #00ff8840}.feature-icon{width:3.5rem;height:3.5rem;background:var(--gradient-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 12px #007b4333}.feature-icon svg{color:#fff}.feature-title{font-size:1.25rem;font-weight:600;color:#007b43;margin-bottom:.75rem;line-height:1.3}.feature-description{font-size:.9375rem;color:#16160e;line-height:1.6;margin:0}:root[data-theme=dark] .feature-description{color:#ffffffd9}.howto-section{padding:4rem 0;background:#bed3ca}:root[data-theme=dark] .howto-section{background:#121212}.steps-container{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}.step-item{display:flex;gap:1.5rem;padding:2rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 10px #0000000d;opacity:0;animation:slideInLeft .8s ease-out forwards}.step-item:nth-child(1){animation-delay:.2s}.step-item:nth-child(2){animation-delay:.4s}.step-item:nth-child(3){animation-delay:.6s}:root[data-theme=dark] .step-item{background:#2a2a2a;box-shadow:0 2px 10px #0000004d}.step-number{flex-shrink:0;width:3rem;height:3rem;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #007b434d}.step-content{flex:1}.step-title{font-size:1.375rem;font-weight:600;color:#007b43;margin-bottom:.75rem;line-height:1.3}.step-description{font-size:1rem;color:#16160e;line-height:1.7;margin-bottom:1rem}:root[data-theme=dark] .step-description{color:#ffffffd9}.step-features{list-style:none;padding:0;margin:0}.step-features li{font-size:.9375rem;color:#16160e;padding-left:1.5rem;margin-bottom:.5rem;position:relative;line-height:1.6}:root[data-theme=dark] .step-features li{color:#fffc}.step-features li:before{content:"✓";position:absolute;left:0;color:#007b43;font-weight:700}.usecases-section{padding:4rem 0;background:#fff}:root[data-theme=dark] .usecases-section{background:#1a1a1a}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2.5rem}.usecase-card{padding:2rem 1.5rem;background:#f5f5f5;border-radius:.75rem;text-align:center;transition:all .3s ease;border:2px solid transparent}:root[data-theme=dark] .usecase-card{background:#2a2a2a}.usecase-card:hover{border-color:#007b43;transform:scale(1.05);box-shadow:0 8px 20px #007b4326}.usecase-icon{font-size:2.5rem;margin-bottom:1rem}.usecase-title{font-size:1.125rem;font-weight:600;color:#007b43;margin-bottom:.75rem}.usecase-description{font-size:.9375rem;color:#16160e;line-height:1.6;margin:0}:root[data-theme=dark] .usecase-description{color:#ffffffd9}.faq-section{padding:4rem 0;background:#bed3ca}:root[data-theme=dark] .faq-section{background:#121212}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.faq-item{padding:1.75rem;background:#fff;border-radius:.75rem;border-left:4px solid #007b43;transition:transform .3s ease}:root[data-theme=dark] .faq-item{background:#2a2a2a}.faq-item:hover{transform:translate(4px)}.faq-question{font-size:1.125rem;font-weight:600;color:#007b43;margin-bottom:.75rem;line-height:1.4}.faq-answer{font-size:.9375rem;color:#16160e;line-height:1.7;margin:0}:root[data-theme=dark] .faq-answer{color:#ffffffd9}.reviews-section{padding:4rem 0;background:#fff}:root[data-theme=dark] .reviews-section{background:#1a1a1a}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.review-card{padding:1.75rem;background:#f5f5f5;border-radius:.75rem;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}:root[data-theme=dark] .review-card{background:#2a2a2a;box-shadow:0 2px 10px #0000004d}.review-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #007b4326}.review-rating{font-size:1.25rem;color:#007b43}.review-text{font-size:.9375rem;color:#16160e;line-height:1.7;margin:0;flex:1}:root[data-theme=dark] .review-text{color:#ffffffd9}.review-author{display:flex;flex-direction:column;gap:.25rem;padding-top:1rem;border-top:1px solid #bed3ca}:root[data-theme=dark] .review-author{border-top-color:#444}.review-author strong{font-size:1rem;color:#007b43;font-weight:600}.review-author span{font-size:.875rem;color:#16160e;opacity:.7}:root[data-theme=dark] .review-author span{color:#fff9}.cta-section{padding:5rem 0;background:var(--gradient-primary-dark);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,255,136,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1.5rem;line-height:1.2}.cta-text{font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem;opacity:.95}.cta-button{display:inline-block;padding:1rem 3rem;background:#fff;color:#007b43;border-radius:.5rem;font-weight:600;font-size:1.125rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0003}.cta-button:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.hero-section,.about-section,.howto-section,.usecases-section,.faq-section,.reviews-section{padding:3rem 0}.cta-section{padding:3.5rem 0}.section-header{margin-bottom:2rem}.section-title{font-size:1.75rem}.section-subtitle,.section-description{font-size:1rem}.features-grid,.usecases-grid,.faq-grid,.reviews-grid{grid-template-columns:1fr;gap:1rem}.step-item{flex-direction:column;padding:1.5rem;gap:1rem}.step-number{width:2.5rem;height:2.5rem;font-size:1.25rem}.feature-card,.faq-item,.review-card,.usecase-card{padding:1.5rem}}