.container-fluid{width:100%;padding:0 var(--spacing-lg)}@media(max-width:768px){.container-fluid{padding:0 var(--spacing-md)}}.section{padding:var(--spacing-2xl) 0}.comic-hero{background:linear-gradient(135deg,#7db9a60d,#a5d4c314)}.hero-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}@media(min-width:768px){.hero-title{font-size:2.5rem}}@media(min-width:1024px){.hero-title{font-size:3rem}}.title-divider{width:100%;max-width:48rem;height:.125rem;margin:0 auto var(--spacing-lg);background:linear-gradient(to right,#7db9a633,#7db9a6,#7db9a633);border-radius:9999px}.style-examples{margin-top:var(--spacing-xl)}.style-examples-title{display:flex;align-items:center;font-size:1.25rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-lg)}.style-examples-title .icon{width:1.25rem;height:1.25rem;margin-right:var(--spacing-sm);color:var(--color-primary)}.style-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.style-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.style-grid{grid-template-columns:repeat(4,1fr)}}.style-card{background:var(--card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgba(125,185,166,.1);transition:all var(--transition-base)}.style-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.style-image-wrapper{position:relative;overflow:hidden}.style-badge{position:absolute;top:1rem;left:1rem;z-index:10;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px}.style-image{width:100%;height:21.5rem;object-fit:cover;transition:transform .5s ease}.style-card:hover .style-image{transform:scale(1.05)}.style-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(125,185,166,.8) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.style-card:hover .style-overlay{opacity:.3}.style-content{padding:var(--spacing-md)}.style-prompt{color:var(--foreground);font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.section-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--foreground)}@media(min-width:768px){.section-title{font-size:2rem}}.title-highlight{position:relative;display:inline-block;background:linear-gradient(135deg,#7db9a614,#a5d4c31f);padding:.5rem 1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.2)}.title-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffffa6;backdrop-filter:blur(16px);border:1px solid var(--border-color)}[data-theme=dark] .glass{background:#2c3e50bf;border:1px solid rgba(125,185,166,.2)}.what-is-card{position:relative;max-width:64rem;margin:0 auto;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.what-is-glow{position:absolute;inset:0;pointer-events:none}.what-is-glow:before{content:"";position:absolute;inset:0;border:2px solid var(--color-primary);opacity:.1;border-radius:var(--radius-xl)}.what-is-glow:after{content:"";position:absolute;inset:-.25rem;border:1px solid var(--color-primary);opacity:.2;filter:blur(1rem);border-radius:var(--radius-xl);animation:soft-pulse 3s ease-in-out infinite}.what-is-text{position:relative;z-index:10;font-size:1rem;line-height:1.75;color:var(--foreground)}@media(min-width:768px){.what-is-text{font-size:1.125rem}}.text-highlight{color:var(--color-primary);font-weight:600}.how-to-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:1024px){.how-to-grid{grid-template-columns:repeat(3,1fr)}}.how-to-card{position:relative;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid rgba(125,185,166,.2);padding:var(--spacing-lg);transition:all var(--transition-base)}.how-to-card:hover{border-color:#7db9a666;box-shadow:var(--shadow-lg);transform:translateY(-4px) rotate(1deg)}.step-badge{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:9999px;font-weight:700;font-size:1rem;box-shadow:var(--shadow-md);z-index:10}.step-icon-wrapper{width:3rem;height:3rem;flex-shrink:0;background:linear-gradient(135deg,#7db9a626,#a5d4c340);border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);box-shadow:0 2px 8px #7db9a633}.step-icon{width:1.5rem;height:1.5rem;color:var(--color-primary)}.step-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.step-title{font-size:1.25rem}}.step-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.features-divider{width:100%;max-width:28rem;height:.25rem;margin:0 auto var(--spacing-lg);background:linear-gradient(to right,transparent 0%,rgba(125,185,166,.3) 20%,rgba(125,185,166,.6) 50%,rgba(125,185,166,.3) 80%,transparent 100%);border-radius:var(--radius-sm);position:relative}.features-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5rem;height:.75rem;background:var(--background);border-radius:9999px}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:1px solid rgba(125,185,166,.1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:.25rem;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#7db9a64d}.feature-card:hover:before{transform:scaleX(1)}.feature-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}@media(min-width:768px){.feature-title{font-size:1.25rem}}.feature-card:hover .feature-title{color:var(--color-primary)}.feature-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground);margin-bottom:var(--spacing-md)}.feature-line{width:0;height:.125rem;background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));transition:width .5s ease}.feature-card:hover .feature-line{width:100%}.no-download-divider{width:100%;height:.125rem;margin:0 auto var(--spacing-lg);background-image:url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3' fill='%237DB9A6' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E")}.no-download-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.no-download-grid{grid-template-columns:repeat(2,1fr)}}.no-download-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.15);position:relative}.no-download-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:-1;transition:box-shadow var(--transition-base)}.no-download-card:hover{transform:translateY(-4px)}.no-download-card:hover:before{box-shadow:0 10px 30px #7db9a640}.no-download-text{font-size:1rem;line-height:1.75;color:var(--foreground)}@media(min-width:768px){.no-download-text{font-size:1.125rem}}.inline-link{color:var(--color-primary);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.inline-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.faqs-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:64rem;margin:0 auto}.faq-card{position:relative;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.15);overflow:hidden;transition:all var(--transition-base);padding:var(--spacing-lg)}.faq-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:#7db9a64d}.faq-badge{position:absolute;top:0;left:0;background:var(--color-primary);color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:0 0 var(--radius-md) 0}.faq-question{font-size:1.125rem;font-weight:600;color:var(--foreground);line-height:1.4;margin-bottom:var(--spacing-sm);padding-top:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.faq-question{font-size:1.25rem}}.faq-divider{height:1px;width:100%;background:linear-gradient(to right,#7db9a633,#7db9a666,#7db9a633);margin:var(--spacing-xs) 0}.faq-divider-secondary{height:1px;width:100%;background:linear-gradient(to right,#a5d4c333,#a5d4c366,#a5d4c333);margin-bottom:var(--spacing-sm)}.faq-answer-wrapper{background:linear-gradient(135deg,#f8f9fa80,#7db9a60d);padding:var(--spacing-sm);border-radius:var(--radius-md)}[data-theme=dark] .faq-answer-wrapper{background:linear-gradient(135deg,#2c3e5080,#7db9a60d)}.faq-answer{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}@media(min-width:768px){.faq-answer{font-size:1.125rem}}.modes-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.mode-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid rgba(125,185,166,.15);overflow:hidden;transition:all var(--transition-base)}.mode-card:hover{border-color:#7db9a666;box-shadow:var(--shadow-lg)}.mode-left{border-left:4px solid var(--color-primary)}.mode-right{border-right:4px solid var(--color-primary-light)}.mode-header{position:relative;padding:var(--spacing-lg);background:linear-gradient(135deg,#7db9a60d,#a5d4c31a)}.mode-badge{position:absolute;top:0;left:0;background:var(--color-primary);color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:0 0 var(--radius-md) 0}.mode-title{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-top:var(--spacing-md);transition:color var(--transition-base)}@media(min-width:768px){.mode-title{font-size:1.5rem}}.mode-card:hover .mode-title{color:var(--color-primary-dark)}.mode-divider{width:100%;height:.125rem;background:linear-gradient(to right,transparent 0%,rgba(125,185,166,.5) 50%,transparent 100%)}.mode-content{padding:var(--spacing-lg)}.mode-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground);margin-bottom:var(--spacing-md)}@media(min-width:768px){.mode-description{font-size:1.125rem}}.mode-features{background:#7db9a60d;padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.features-text{font-size:1rem;line-height:1.75;color:var(--foreground)}@media(min-width:768px){.features-text{font-size:1.125rem}}.features-label{font-weight:600;color:var(--color-primary)}.text-gradient-dreamy{background:var(--gradient-dreamy);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scroll-animate{opacity:0;animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.scroll-animate[data-delay="50"]{animation-delay:.05s}.scroll-animate[data-delay="100"]{animation-delay:.1s}.scroll-animate[data-delay="150"]{animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}