.scroll-animate{opacity:0;transition:opacity var(--transition-slow),transform var(--transition-slow)}.scroll-animate[data-animation=fade-up]{transform:translateY(40px)}.scroll-animate[data-animation=fade-down]{transform:translateY(-40px)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.animate-in .feature-card,.animate-in .application-card,.animate-in .review-card,.animate-in .faq-item{animation:gentleFadeIn .8s ease-out backwards}.animate-in .feature-card:nth-child(1),.animate-in .application-card:nth-child(1),.animate-in .review-card:nth-child(1),.animate-in .faq-item:nth-child(1){animation-delay:.1s}.animate-in .feature-card:nth-child(2),.animate-in .application-card:nth-child(2),.animate-in .review-card:nth-child(2),.animate-in .faq-item:nth-child(2){animation-delay:.15s}.animate-in .feature-card:nth-child(3),.animate-in .application-card:nth-child(3),.animate-in .review-card:nth-child(3),.animate-in .faq-item:nth-child(3){animation-delay:.2s}.animate-in .feature-card:nth-child(4),.animate-in .application-card:nth-child(4),.animate-in .review-card:nth-child(4),.animate-in .faq-item:nth-child(4){animation-delay:.25s}.animate-in .feature-card:nth-child(5),.animate-in .application-card:nth-child(5),.animate-in .review-card:nth-child(5),.animate-in .faq-item:nth-child(5){animation-delay:.3s}.animate-in .feature-card:nth-child(6),.animate-in .application-card:nth-child(6),.animate-in .review-card:nth-child(6),.animate-in .faq-item:nth-child(6){animation-delay:.35s}.animate-in .feature-card:nth-child(7),.animate-in .faq-item:nth-child(7){animation-delay:.4s}.animate-in .feature-card:nth-child(8),.animate-in .faq-item:nth-child(8){animation-delay:.45s}.animate-in .feature-card:nth-child(9),.animate-in .faq-item:nth-child(9){animation-delay:.5s}.animate-in .faq-item:nth-child(10){animation-delay:.55s}@keyframes gentleFadeIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.image-page{width:100%;padding:var(--spacing-md)}@media(min-width:768px){.image-page{padding:var(--spacing-lg)}}.generator-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:1024px){.generator-wrapper{flex-direction:row;gap:var(--spacing-lg);height:calc(100vh - 120px)}}.section{padding:var(--spacing-2xl) 0}@media(min-width:768px){.section{padding:5rem 0}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:var(--spacing-md);color:var(--color-dark);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.section-intro{text-align:center;max-width:800px;margin:var(--spacing-md) auto 0;font-size:1.0625rem;line-height:1.75;color:var(--color-gray)}.hero-section{background:linear-gradient(135deg,#7db9a614,#a5d4c30d,#f5e6d314);position:relative;overflow:hidden;padding:var(--spacing-2xl) 0}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(125,185,166,.15) 0%,transparent 70%);pointer-events:none;animation:gentleFloat 8s ease-in-out infinite}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-block;background:#7db9a626;color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md);border:1px solid rgba(125,185,166,.2)}.hero-title{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.title-highlight{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.title-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:500;color:var(--color-gray)}.hero-description{font-size:1.0625rem;line-height:1.75;color:var(--color-gray);margin-bottom:var(--spacing-lg)}.hero-description strong{color:var(--color-primary);font-weight:600}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);max-width:600px;margin:var(--spacing-xl) auto 0}.stat-item{background:#fffc;backdrop-filter:blur(10px);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.2);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--color-gray);font-weight:500}.what-is-section{background:var(--color-gray-light)}.what-is-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}@media(min-width:1024px){.what-is-content{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}}.content-text-block{display:flex;flex-direction:column;gap:var(--spacing-md)}.text-highlight{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.highlight-icon{font-size:2rem;animation:gentleFloat 3s ease-in-out infinite}.highlight-title{font-size:1.5rem;font-weight:700;color:var(--color-dark);margin:0}.content-paragraph{font-size:1rem;line-height:1.75;color:var(--color-gray);margin:0}.content-paragraph strong{color:var(--color-primary);font-weight:600}.feature-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.pill{background:#7db9a61f;color:var(--color-primary-dark);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:.875rem;font-weight:500;border:1px solid rgba(125,185,166,.2);transition:all var(--transition-fast)}.pill:hover{background:#7db9a633;transform:translateY(-2px)}.content-visual-block{display:flex;flex-direction:column;gap:var(--spacing-md)}.visual-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform var(--transition-base);background:#fff}.visual-card:hover{transform:scale(1.02)}.visual-image{width:100%;height:auto;display:block;object-fit:cover}.visual-caption{padding:var(--spacing-md);background:linear-gradient(135deg,#7db9a60d,#a5d4c314)}.visual-caption p{margin:0;font-size:.9375rem;color:var(--color-gray);text-align:center}.info-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.info-box{display:flex;align-items:center;gap:var(--spacing-sm);background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.info-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.info-icon{font-size:2rem;flex-shrink:0}.info-text{display:flex;flex-direction:column;gap:.25rem}.info-text strong{font-size:.9375rem;font-weight:600;color:var(--color-dark)}.info-text span{font-size:.8125rem;color:var(--color-gray)}.features-section{background:#fff}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-gray-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-card.featured{background:linear-gradient(135deg,#7db9a614,#a5d4c30d);border:2px solid var(--color-primary)}@media(min-width:1024px){.feature-card.featured{grid-column:span 3}}.feature-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.feature-icon{font-size:2.5rem;flex-shrink:0;transition:transform var(--transition-base)}.feature-icon.gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.125rem;font-weight:700;color:var(--color-dark);margin:0;line-height:1.3}.feature-description{font-size:.9375rem;line-height:1.7;color:var(--color-gray);margin:0}.feature-description strong{color:var(--color-primary);font-weight:600}.feature-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(125,185,166,.15)}.meta-tag{background:#7db9a626;color:var(--color-primary-dark);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600}.tech-section{background:linear-gradient(135deg,#7db9a60d,#f5e6d314)}.tech-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}@media(min-width:1024px){.tech-content{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}}.tech-text-block{display:flex;flex-direction:column;gap:var(--spacing-md)}.tech-badge{display:inline-block;background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:.8125rem;font-weight:600;margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-glow);align-self:flex-start}.tech-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--color-dark);line-height:1.2;margin:0}.tech-description{font-size:1rem;line-height:1.75;color:var(--color-gray)}.tech-description strong{color:var(--color-primary);font-weight:600}.tech-features{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.tech-feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#fffc;backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid rgba(125,185,166,.15);transition:all var(--transition-base)}.tech-feature-item:hover{transform:translate(8px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tech-feature-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tech-feature-icon svg{width:24px;height:24px}.tech-feature-text{display:flex;flex-direction:column;gap:.375rem}.tech-feature-text strong{font-size:1.0625rem;font-weight:700;color:var(--color-dark)}.tech-feature-text span{font-size:.9375rem;color:var(--color-gray);line-height:1.5}.tech-visual-block{position:relative}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.15);transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.stat-card.primary{background:var(--gradient-primary);color:#fff;border:none}.stat-card.primary .stat-icon{filter:brightness(1.2)}.stat-card.primary .stat-content,.stat-card.primary .stat-number{color:#fff}.stat-card.primary .stat-description{color:#ffffffe6}.stat-icon{font-size:2.5rem}.stat-content{display:flex;flex-direction:column;gap:.375rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-primary);line-height:1}.stat-label{font-size:1rem;font-weight:600;color:var(--color-dark)}.stat-description{font-size:.8125rem;color:var(--color-gray)}.applications-section{background:var(--color-gray-light)}.applications-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.applications-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.applications-grid{grid-template-columns:repeat(3,1fr)}}.application-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid rgba(125,185,166,.15);display:flex;flex-direction:column}.application-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.application-card.large{grid-column:span 1}@media(min-width:1024px){.application-card.large{grid-column:span 3}.application-card.large .application-content{max-width:none}}.application-visual{background:var(--gradient-dreamy);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;min-height:120px}.visual-icon{font-size:3.5rem;animation:gentleFloat 4s ease-in-out infinite}.application-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.application-title{font-size:1.25rem;font-weight:700;color:var(--color-dark);margin:0;line-height:1.3}.application-description{font-size:.9375rem;line-height:1.7;color:var(--color-gray);margin:0;flex:1}.application-description strong{color:var(--color-primary);font-weight:600}.application-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.tag{background:#7db9a61f;color:var(--color-primary-dark);padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;border:1px solid rgba(125,185,166,.2)}.reviews-section{background:#fff}.reviews-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}.review-card{background:var(--color-gray-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(125,185,166,.15);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-base)}.review-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.review-card.spotlight{background:linear-gradient(135deg,#7db9a614,#a5d4c30d);border:2px solid var(--color-primary)}@media(min-width:1024px){.review-card.spotlight{grid-column:span 3}}.review-rating{display:flex;gap:.25rem}.star{color:#fdb44b;font-size:1.125rem}.review-text{font-size:.9375rem;line-height:1.7;color:var(--color-gray);font-style:italic;flex:1;margin:0}.review-text strong{color:var(--color-primary);font-weight:600;font-style:normal}.review-author{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(125,185,166,.15)}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.avatar-initial{color:#fff;font-size:1.25rem;font-weight:700}.author-info{display:flex;flex-direction:column;gap:.25rem}.author-name{font-size:1rem;font-weight:600;color:var(--color-dark)}.author-role{font-size:.875rem;color:var(--color-gray)}.faq-section{background:var(--color-gray-light)}.faq-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-item{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(125,185,166,.15);transition:all var(--transition-base)}.faq-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.faq-question{font-size:1.0625rem;font-weight:700;color:var(--color-dark);margin:0 0 var(--spacing-sm) 0;line-height:1.4}.faq-answer{font-size:.9375rem;line-height:1.7;color:var(--color-gray);margin:0}.faq-answer strong{color:var(--color-primary);font-weight:600}.inline-link{color:var(--color-primary);text-decoration:underline;text-decoration-color:#7db9a64d;text-underline-offset:2px;transition:all var(--transition-fast);font-weight:500}.inline-link:hover{color:var(--color-primary-dark);text-decoration-color:var(--color-primary)}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gentlePulse{0%,to{box-shadow:0 4px 20px #7db9a633}50%{box-shadow:0 8px 32px #7db9a64d}}@media(max-width:768px){.section{padding:var(--spacing-xl) 0}.section-title{font-size:1.75rem}.hero-stats{grid-template-columns:1fr;gap:var(--spacing-sm)}.features-grid,.applications-grid,.reviews-grid,.faq-grid{grid-template-columns:1fr}.application-card.large,.review-card.spotlight,.feature-card.featured{grid-column:span 1}.stat-cards{grid-template-columns:1fr}}[data-theme=dark] .hero-section,[data-theme=dark] .what-is-section,[data-theme=dark] .features-section,[data-theme=dark] .applications-section,[data-theme=dark] .reviews-section,[data-theme=dark] .faq-section{background:var(--color-bg)}[data-theme=dark] .tech-section{background:var(--color-bg-secondary)}[data-theme=dark] .feature-card,[data-theme=dark] .application-card,[data-theme=dark] .review-card,[data-theme=dark] .faq-item,[data-theme=dark] .stat-card,[data-theme=dark] .info-box{background:var(--color-bg-secondary);border-color:#7db9a640}[data-theme=dark] .visual-card{background:var(--color-bg-secondary)}