.video-page{width:100%;padding:1rem;background:var(--background)}@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{width:100%;margin:0 auto;padding:0 1.5rem}.ghibli-section{position:relative;overflow:hidden}.ghibli-section:before{content:"";position:absolute;top:-10%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(125,185,166,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:gentleFloat 8s ease-in-out infinite}.section-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94)}.main-title{font-size:clamp(2.25rem,4vw,3rem);font-weight:700;background:linear-gradient(135deg,#7db9a6,#a5d4c3,#5a9b88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;text-align:center;letter-spacing:-.02em}.section-title{font-size:clamp(1.875rem,3.5vw,2.75rem);font-weight:700;color:var(--color-primary-dark);margin-bottom:1.25rem;line-height:1.2;text-align:center;letter-spacing:-.01em}.ghibli-text-gradient{background:linear-gradient(135deg,#7db9a6,#5a9b88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--muted-foreground);max-width:700px;margin:0 auto;line-height:1.7;opacity:.9}.section-description{font-size:1.0625rem;color:var(--foreground);line-height:1.8;text-align:center;max-width:900px;margin:0 auto 2.5rem;opacity:.95}.section-description strong{color:var(--color-primary);font-weight:600}.inline-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:all var(--transition-fast)}.inline-link:hover{color:var(--color-primary-light);text-decoration-thickness:2px;text-underline-offset:4px}.hero-section{padding:3.5rem 0;background:linear-gradient(180deg,var(--background) 0%,rgba(232,244,241,.3) 100%);position:relative}.hero-content{max-width:900px;margin:0 auto;text-align:center}.hero-description{font-size:1.125rem;color:var(--foreground);line-height:1.8;margin:0;opacity:.92}.about-section{padding:4.5rem 0;background:#fff9;backdrop-filter:blur(10px)}[data-theme=dark] .about-section{background:#2c3e5066}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-top:3rem}.feature-card,.ghibli-card{padding:2rem 1.75rem;background:linear-gradient(135deg,#ffffffe6,#f8f9faf2);border-radius:var(--radius-xl);border:1px solid rgba(125,185,166,.15);box-shadow:0 4px 16px #7db9a614,0 2px 6px #7db9a60a;transition:all var(--transition-base);position:relative;overflow:hidden;animation:fadeInUp .7s cubic-bezier(.25,.46,.45,.94) backwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}[data-theme=dark] .feature-card{background:linear-gradient(135deg,#34495ee6,#2c3e50f2);border-color:#7db9a633}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7db9a6,#a5d4c3);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7db9a62e,0 6px 12px #7db9a61a;border-color:#7db9a64d}.feature-card:hover:before{opacity:1}.feature-icon,.ghibli-icon-shine{width:3.75rem;height:3.75rem;background:linear-gradient(135deg,#7db9a6,#5a9b88);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 6px 16px #7db9a640,0 2px 6px #7db9a626;transition:all var(--transition-base)}.feature-card:hover .feature-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 8px 20px #7db9a659,0 4px 8px #7db9a633}.feature-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-title{font-size:1.3125rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.875rem;line-height:1.3;letter-spacing:-.01em}.feature-description{font-size:.9375rem;color:var(--foreground);line-height:1.7;margin:0;opacity:.9}.howto-section{padding:4.5rem 0;background:linear-gradient(180deg,#f5e6d333,#e8f4f140)}[data-theme=dark] .howto-section{background:linear-gradient(180deg,#2c3e504d,#34495e40)}.steps-container{display:flex;flex-direction:column;gap:2.25rem;max-width:950px;margin:0 auto}.step-item,.ghibli-step-card{display:flex;gap:1.75rem;padding:2.25rem;background:linear-gradient(135deg,#fffffff2,#f8f9fafa);border-radius:var(--radius-xl);border:1px solid rgba(125,185,166,.12);box-shadow:0 6px 20px #7db9a61a,0 2px 8px #7db9a60f;transition:all var(--transition-base);animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) backwards}.step-item:nth-child(1){animation-delay:.15s}.step-item:nth-child(2){animation-delay:.3s}.step-item:nth-child(3){animation-delay:.45s}[data-theme=dark] .step-item{background:linear-gradient(135deg,#34495ef2,#2c3e50fa);border-color:#7db9a62e}.step-item:hover{transform:translateY(-4px);box-shadow:0 10px 28px #7db9a629,0 4px 12px #7db9a61a}.step-number,.ghibli-number-badge{flex-shrink:0;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#7db9a6,#5a9b88);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;box-shadow:0 6px 16px #7db9a64d,0 2px 6px #7db9a633;transition:all var(--transition-base)}.step-item:hover .step-number{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 20px #7db9a666,0 4px 8px #7db9a640}.step-content{flex:1}.step-title{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.875rem;line-height:1.3;letter-spacing:-.01em}.step-description{font-size:1rem;color:var(--foreground);line-height:1.8;margin-bottom:1.25rem;opacity:.92}.step-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.step-features li{font-size:.9375rem;color:var(--foreground);padding-left:1.75rem;position:relative;line-height:1.7;opacity:.88}.step-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:800;font-size:1.125rem}.usecases-section{padding:4.5rem 0;background:#ffffff80}[data-theme=dark] .usecases-section{background:#1a1a1a80}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem;margin-top:3rem}.usecase-card,.ghibli-use-card{padding:2.25rem 1.75rem;background:linear-gradient(135deg,#f8f9fae6,#e8f4f1b3);border-radius:var(--radius-xl);border:2px solid transparent;text-align:center;transition:all var(--transition-base);box-shadow:0 4px 12px #7db9a60f;animation:fadeInUp .7s cubic-bezier(.25,.46,.45,.94) backwards}.usecase-card:nth-child(1){animation-delay:.1s}.usecase-card:nth-child(2){animation-delay:.2s}.usecase-card:nth-child(3){animation-delay:.3s}.usecase-card:nth-child(4){animation-delay:.4s}[data-theme=dark] .usecase-card{background:linear-gradient(135deg,#2c3e50e6,#34495eb3)}.usecase-card:hover{border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 12px 28px #7db9a633,0 6px 12px #7db9a61f}.usecase-icon,.ghibli-emoji-float{font-size:3rem;margin-bottom:1.25rem;display:inline-block;transition:transform var(--transition-base);filter:drop-shadow(0 2px 6px rgba(125,185,166,.2))}.usecase-card:hover .usecase-icon{transform:scale(1.15) translateY(-4px);animation:gentleBounce .6s ease-in-out}.usecase-title{font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.875rem;line-height:1.3}.usecase-description{font-size:.9375rem;color:var(--foreground);line-height:1.7;margin:0;opacity:.9}.faq-section{padding:4.5rem 0;background:linear-gradient(180deg,#f5e6d326,#a5d4c314)}[data-theme=dark] .faq-section{background:linear-gradient(180deg,#2c3e5040,#34495e2e)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem;margin-top:3rem}.faq-item,.ghibli-faq-card{padding:2rem;background:#ffffffd9;border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);box-shadow:0 4px 14px #7db9a614;transition:all var(--transition-base);animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) backwards;animation-delay:calc(var(--item-index, 0) * .05s)}[data-theme=dark] .faq-item{background:#34495ed9}.faq-item:hover{transform:translate(6px);box-shadow:0 6px 20px #7db9a626;border-left-width:6px}.faq-question{font-size:1.1875rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.875rem;line-height:1.4;letter-spacing:-.01em}.faq-answer{font-size:.9375rem;color:var(--foreground);line-height:1.8;margin:0;opacity:.9}.reviews-section{padding:4.5rem 0;background:#fff6}[data-theme=dark] .reviews-section{background:#1a1a1a66}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-top:3rem}.review-card,.ghibli-review-card{padding:2rem;background:linear-gradient(135deg,#f8f9faf2,#ffffffe6);border-radius:var(--radius-xl);border:1px solid rgba(125,185,166,.12);box-shadow:0 4px 16px #7db9a614;display:flex;flex-direction:column;gap:1.125rem;transition:all var(--transition-base);animation:fadeInUp .7s cubic-bezier(.25,.46,.45,.94) backwards;animation-delay:calc(var(--item-index, 0) * .08s)}[data-theme=dark] .review-card{background:linear-gradient(135deg,#34495ef2,#2c3e50e6);border-color:#7db9a62e}.review-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7db9a62e,0 6px 14px #7db9a61a;border-color:#7db9a640}.review-rating,.ghibli-stars{font-size:1.375rem;color:var(--color-primary);letter-spacing:.125rem;filter:drop-shadow(0 2px 4px rgba(125,185,166,.2))}.review-text{font-size:.9375rem;color:var(--foreground);line-height:1.8;margin:0;flex:1;opacity:.92}.review-author{display:flex;flex-direction:column;gap:.375rem;padding-top:1.125rem;border-top:1px solid rgba(125,185,166,.15)}.review-author strong{font-size:1.0625rem;color:var(--color-primary-dark);font-weight:700}.review-author span{font-size:.875rem;color:var(--muted-foreground);opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleFloat{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-15px) translate(10px)}66%{transform:translateY(-5px) translate(-8px)}}@keyframes gentleBounce{0%,to{transform:scale(1.15) translateY(-4px)}50%{transform:scale(1.2) translateY(-8px)}}.ghibli-fade-in{animation:fadeInUp .9s cubic-bezier(.25,.46,.45,.94)}@media(max-width:768px){.hero-section,.about-section,.howto-section,.usecases-section,.faq-section,.reviews-section{padding:3rem 0}.section-header{margin-bottom:2.25rem}.section-title{font-size:1.875rem}.section-subtitle,.section-description{font-size:1rem}.features-grid,.usecases-grid,.faq-grid,.reviews-grid{grid-template-columns:1fr;gap:1.25rem}.step-item{flex-direction:column;padding:1.75rem;gap:1.25rem}.step-number{width:3rem;height:3rem;font-size:1.5rem}.feature-card,.faq-item,.review-card,.usecase-card{padding:1.5rem}.feature-icon{width:3.25rem;height:3.25rem}}@media(max-width:480px){.container{padding:0 1rem}.main-title{font-size:1.875rem}.section-title{font-size:1.625rem}.hero-description,.section-description{font-size:1rem}.step-title{font-size:1.25rem}.feature-title{font-size:1.125rem}}@media(min-width:1440px){.container{max-width:1280px}.hero-section,.about-section,.howto-section,.usecases-section,.faq-section,.reviews-section{padding:5rem 0}}