:root{--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-primary: #7DB9A6}[data-theme=dark]{--color-surface: #1f2937;--color-text: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af}.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:var(--spacing-xl) 0}@media(min-width:768px){.section{padding:4rem 0}}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.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(30px)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.hero-section{background:linear-gradient(135deg,#7db9a60d,#bed3ca0d);padding:var(--spacing-16) 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-10%;width:60%;height:150%;background:radial-gradient(circle,rgba(125,185,166,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.2}.hero-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);max-width:900px;margin:0 auto}.hero-description strong{color:var(--color-primary);font-weight:600}.what-is-section{padding:var(--spacing-20) 0;position:relative}.what-is-section:before{content:"";position:absolute;top:0;right:-20%;width:70%;height:100%;background:radial-gradient(circle,rgba(125,185,166,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;position:relative;z-index:1}.content-image-wrapper{width:100%;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg)}.content-image{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.content-image-wrapper:hover .content-image{transform:scale(1.05)}.content-text-wrapper{display:flex;flex-direction:column;gap:var(--spacing-4)}.content-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;margin:0}.content-text strong{color:var(--color-primary);font-weight:600}.inline-link{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.inline-link:hover{border-bottom-color:var(--color-primary)}.features-section{padding:var(--spacing-20) 0;background:linear-gradient(180deg,rgba(125,185,166,.02) 0%,transparent 100%);position:relative}.features-section:before{content:"";position:absolute;bottom:-30%;left:-15%;width:60%;height:120%;background:radial-gradient(circle,rgba(125,185,166,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.features-intro{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;margin:var(--spacing-6) auto var(--spacing-12);max-width:900px}.features-intro strong{color:var(--color-primary);font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--spacing-8);position:relative;z-index:1}.feature-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease;opacity:0;animation:ghibli-soft-entrance .8s cubic-bezier(.25,.46,.45,.94) forwards}.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}.feature-card:nth-child(7){animation-delay:.7s}.feature-card:nth-child(8){animation-delay:.8s}.feature-card:nth-child(9){animation-delay:.9s}.feature-card:nth-child(10){animation-delay:1s}.feature-card:nth-child(11){animation-delay:1.1s}.feature-card:nth-child(12){animation-delay:1.2s}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);display:block}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-3);line-height:1.3}.feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin:0}.feature-description strong{color:var(--color-primary);font-weight:600}.use-cases-section{padding:var(--spacing-20) 0;position:relative}.use-cases-section:before{content:"";position:absolute;top:0;right:-25%;width:70%;height:100%;background:radial-gradient(circle,rgba(125,185,166,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.use-cases-intro{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;margin:var(--spacing-6) auto var(--spacing-12);max-width:900px}.use-cases-intro strong{color:var(--color-primary);font-weight:600}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--spacing-8);position:relative;z-index:1}.use-case-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease;opacity:0;animation:ghibli-soft-entrance .8s cubic-bezier(.25,.46,.45,.94) forwards}.use-case-card:nth-child(1){animation-delay:.1s}.use-case-card:nth-child(2){animation-delay:.2s}.use-case-card:nth-child(3){animation-delay:.3s}.use-case-card:nth-child(4){animation-delay:.4s}.use-case-card:nth-child(5){animation-delay:.5s}.use-case-card:nth-child(6){animation-delay:.6s}.use-case-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.use-case-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-4);line-height:1.3}.use-case-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin:0}.use-case-description strong{color:var(--color-primary);font-weight:600}.reviews-section{padding:var(--spacing-20) 0;background:linear-gradient(180deg,transparent 0%,rgba(125,185,166,.03) 100%);position:relative}.reviews-section:before{content:"";position:absolute;top:-20%;left:-20%;width:70%;height:140%;background:radial-gradient(circle,rgba(125,185,166,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.reviews-intro{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;margin:var(--spacing-6) auto var(--spacing-12);max-width:900px}.reviews-intro strong{color:var(--color-primary);font-weight:600}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--spacing-8);position:relative;z-index:1}.review-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease;display:flex;flex-direction:column;gap:var(--spacing-6);opacity:0;animation:ghibli-soft-entrance .8s cubic-bezier(.25,.46,.45,.94) forwards}.review-card:nth-child(1){animation-delay:.1s}.review-card:nth-child(2){animation-delay:.2s}.review-card:nth-child(3){animation-delay:.3s}.review-card:nth-child(4){animation-delay:.4s}.review-card:nth-child(5){animation-delay:.5s}.review-card:nth-child(6){animation-delay:.6s}.review-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.review-content{flex:1}.review-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;margin:0;font-style:italic}.review-author{display:flex;flex-direction:column;gap:var(--spacing-1)}.author-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.author-role{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.faq-section{padding:var(--spacing-20) 0 var(--spacing-24);position:relative}.faq-section:before{content:"";position:absolute;bottom:-30%;right:-25%;width:70%;height:140%;background:radial-gradient(circle,rgba(125,185,166,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.faq-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);max-width:900px;margin:0 auto;position:relative;z-index:1}.faq-item{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-3);line-height:1.4}.faq-answer{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin:0}.faq-answer strong{color:var(--color-primary);font-weight:600}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-lg);line-height:1.2}@keyframes ghibli-soft-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.content-layout{grid-template-columns:1fr;gap:var(--spacing-8)}.features-grid,.use-cases-grid,.reviews-grid{grid-template-columns:1fr}.section-title{font-size:var(--font-size-2xl)}}@media(max-width:768px){.hero-section{padding:var(--spacing-12) 0}.hero-title{font-size:var(--font-size-2xl)}.hero-description{font-size:var(--font-size-sm)}.what-is-section,.features-section,.use-cases-section,.reviews-section,.faq-section{padding:var(--spacing-12) 0}.features-intro,.use-cases-intro,.reviews-intro{font-size:var(--font-size-base);margin:var(--spacing-4) auto var(--spacing-8)}.features-grid,.use-cases-grid,.reviews-grid{gap:var(--spacing-6)}.feature-card,.use-case-card,.review-card{padding:var(--spacing-6)}.section-title{font-size:var(--font-size-xl)}}