.scroll-animate{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.scroll-animate[data-animation=fade-up]{transform:translateY(40px)}.scroll-animate[data-animation=slide-left]{transform:translate(-60px)}.scroll-animate[data-animation=scale-in]{transform:scale(.95)}.scroll-animate.animate-in{opacity:1;transform:translateY(0) translate(0) scale(1)}.animate-in .feature-card,.animate-in .showcase-card,.animate-in .use-case-card,.animate-in .review-card,.animate-in .faq-item{animation:ghibliFloatIn .7s cubic-bezier(.25,.46,.45,.94) backwards}.animate-in .feature-card:nth-child(1),.animate-in .showcase-card:nth-child(1),.animate-in .use-case-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 .showcase-card:nth-child(2),.animate-in .use-case-card:nth-child(2),.animate-in .review-card:nth-child(2),.animate-in .faq-item:nth-child(2){animation-delay:.2s}.animate-in .feature-card:nth-child(3),.animate-in .showcase-card:nth-child(3),.animate-in .use-case-card:nth-child(3),.animate-in .review-card:nth-child(3),.animate-in .faq-item:nth-child(3){animation-delay:.3s}.animate-in .feature-card:nth-child(4),.animate-in .showcase-card:nth-child(4),.animate-in .use-case-card:nth-child(4),.animate-in .review-card:nth-child(4),.animate-in .faq-item:nth-child(4){animation-delay:.4s}.animate-in .feature-card:nth-child(5),.animate-in .use-case-card:nth-child(5),.animate-in .review-card:nth-child(5),.animate-in .faq-item:nth-child(5){animation-delay:.5s}.animate-in .feature-card:nth-child(6),.animate-in .use-case-card:nth-child(6),.animate-in .review-card:nth-child(6),.animate-in .faq-item:nth-child(6){animation-delay:.6s}.animate-in .feature-card:nth-child(7),.animate-in .faq-item:nth-child(7){animation-delay:.7s}.animate-in .feature-card:nth-child(8),.animate-in .faq-item:nth-child(8){animation-delay:.8s}.animate-in .feature-card:nth-child(9),.animate-in .faq-item:nth-child(9){animation-delay:.9s}.animate-in .faq-item:nth-child(10){animation-delay:1s}@keyframes ghibliFloatIn{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.image-page{width:100%;padding:1rem}@media(min-width:768px){.image-page{padding:1.5rem}}.generator-wrapper{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.generator-wrapper{flex-direction:row;gap:1.5rem;height:calc(100vh - 120px)}}.section{padding:3.5rem 1rem}@media(min-width:768px){.section{padding:5rem 1.5rem}}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-dark);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-intro,.showcase-intro,.use-cases-intro,.reviews-intro{text-align:center;max-width:900px;margin:0 auto 2.5rem;font-size:1.0625rem;line-height:1.75;color:var(--color-gray);padding:0 1rem}.features-intro strong,.showcase-intro strong,.use-cases-intro strong{color:var(--color-primary);font-weight:600}.hero-section{background:linear-gradient(135deg,#7db9a614,#a5d4c30d);padding:3rem 1rem;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(125,185,166,.15) 0%,transparent 70%);pointer-events:none;animation:gentleFloat 8s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.hero-content{text-align:center;max-width:950px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-dark);margin-bottom:1.25rem;line-height:1.2;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(.9375rem,2vw,1.0625rem);line-height:1.75;color:var(--color-gray)}.hero-description strong{color:var(--color-primary-dark);font-weight:600}.what-is-section{background:var(--color-gray-light)}.content-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;margin:0 auto;padding:0 1rem}@media(min-width:1024px){.content-layout{grid-template-columns:1.2fr .8fr;gap:3rem;padding:0 2rem}}.content-text-wrapper{display:flex;flex-direction:column;gap:1.25rem}.content-text{font-size:clamp(.9375rem,1.5vw,1.0625rem);line-height:1.8;color:var(--color-gray);margin:0}.content-text strong{color:var(--color-primary-dark);font-weight:600}.content-image-wrapper{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px #7db9a62e;transition:all var(--transition-base);position:relative}.content-image-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(125,185,166,.15) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.content-image-wrapper:hover:before{opacity:1}.content-image-wrapper:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #7db9a640}.content-image{width:100%;height:100%;object-fit:cover;display:block}.features-section{background:#fff}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.feature-card{background:var(--color-gray-light);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(to bottom,var(--color-primary) 0%,var(--color-primary-light) 100%);transition:height var(--transition-base)}.feature-card:hover:before{height:100%}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);background:#fff}.feature-icon{font-size:2.25rem;margin-bottom:1rem;display:block}.feature-title{font-size:1.1875rem;font-weight:600;color:var(--color-dark);margin-bottom:.75rem;line-height:1.3}.feature-description{font-size:.9375rem;line-height:1.75;color:var(--color-gray)}.feature-description strong{color:var(--color-primary);font-weight:600}.showcase-section{background:var(--color-gray-light)}.showcase-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;padding:0 1rem}@media(min-width:768px){.showcase-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.showcase-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:all var(--transition-base)}.showcase-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.showcase-card:hover:before{transform:scaleX(1)}.showcase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.showcase-header{margin-bottom:1rem}.showcase-title{font-size:1.3125rem;font-weight:600;color:var(--color-dark);margin:0;line-height:1.3}.showcase-description{font-size:.9375rem;line-height:1.75;color:var(--color-gray);margin-bottom:1.25rem}.showcase-description strong{color:var(--color-primary);font-weight:600}.showcase-features{display:flex;flex-wrap:wrap;gap:.625rem}.feature-tag{display:inline-block;background:#7db9a61f;color:var(--color-primary-dark);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;border:1px solid rgba(125,185,166,.2);transition:all var(--transition-fast)}.feature-tag:hover{background:#7db9a633;border-color:var(--color-primary)}.use-cases-section{background:#fff}.use-cases-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}@media(min-width:768px){.use-cases-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:1024px){.use-cases-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.use-case-card{background:var(--color-gray-light);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary);transition:all var(--transition-base)}.use-case-card:hover{transform:translate(4px);box-shadow:var(--shadow-md);background:#fff}.use-case-title{font-size:1.1875rem;font-weight:600;color:var(--color-dark);margin-bottom:.75rem;line-height:1.3}.use-case-description{font-size:.9375rem;line-height:1.75;color:var(--color-gray)}.use-case-description strong{color:var(--color-primary);font-weight:600}.reviews-section{background:var(--color-gray-light)}.reviews-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}@media(min-width:768px){.reviews-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:1024px){.reviews-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.review-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;transition:all var(--transition-base);position:relative;overflow:hidden}.review-card:before{content:'"';position:absolute;top:1rem;left:1.5rem;font-size:4rem;color:#7db9a626;font-family:Georgia,serif;line-height:1}.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.review-content{flex:1;position:relative;z-index:1}.review-text{font-size:.9375rem;line-height:1.75;color:var(--color-gray);font-style:italic;margin:0}.review-author{border-top:1px solid rgba(125,185,166,.2);padding-top:1rem}.author-name{font-size:1rem;font-weight:600;color:var(--color-dark);margin-bottom:.25rem}.author-role{font-size:.875rem;color:var(--color-primary)}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}@media(min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}.faq-item{background:var(--color-gray-light);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.faq-item:hover{box-shadow:var(--shadow-md);background:#fff}.faq-question{font-size:1.0625rem;font-weight:600;color:var(--color-dark);margin-bottom:.75rem;line-height:1.4}.faq-answer{font-size:.9375rem;line-height:1.75;color:var(--color-gray)}.faq-answer strong{color:var(--color-primary);font-weight:600}.internal-link{color:var(--color-primary-dark);text-decoration:underline;text-decoration-color:#7db9a64d;text-underline-offset:2px;transition:all var(--transition-fast);font-weight:500}.internal-link:hover{color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:4px}@media(max-width:768px){.section{padding:3rem 1rem}.hero-section{padding:2.5rem 1rem}.feature-card,.showcase-card,.use-case-card,.review-card,.faq-item{padding:1.5rem}}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#7db9a61f,#5a9b8814)}[data-theme=dark] .features-section,[data-theme=dark] .use-cases-section,[data-theme=dark] .faq-section{background:var(--color-bg)}[data-theme=dark] .what-is-section,[data-theme=dark] .showcase-section,[data-theme=dark] .reviews-section,[data-theme=dark] .feature-card,[data-theme=dark] .use-case-card,[data-theme=dark] .faq-item{background:var(--color-bg-secondary)}[data-theme=dark] .showcase-card,[data-theme=dark] .review-card{background:var(--color-bg)}[data-theme=dark] .feature-card:hover,[data-theme=dark] .use-case-card:hover,[data-theme=dark] .faq-item:hover{background:#7db9a614}