.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}.chibi-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{position:relative;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-card:before{content:"";position:absolute;top:-20%;left:-20%;width:40%;height:40%;background:radial-gradient(circle,rgba(125,185,166,.15),transparent 70%);pointer-events:none;transition:all var(--transition-slow)}.style-card:after{content:"";position:absolute;bottom:-20%;right:-20%;width:40%;height:40%;background:radial-gradient(circle,rgba(165,212,195,.15),transparent 70%);pointer-events:none;transition:all var(--transition-slow)}.style-card:hover:before{top:-10%;left:-10%}.style-card:hover:after{bottom:-10%;right:-10%}.style-image-wrapper{position:relative;overflow:hidden}.style-badge{position:absolute;top:1rem;right:1rem;z-index:10;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .875rem;border-radius:9999px;box-shadow:var(--shadow-md)}.style-image{width:100%;height:15rem;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}.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;padding:.25rem 1rem}.title-highlight:before{content:"";position:absolute;inset:0;border:2px solid rgba(125,185,166,.3);border-radius:var(--radius-md);z-index:-10;transform:scale(1.05)}.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)}.step-badge{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:9999px;font-weight:700;font-size:.875rem;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)}.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)}@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:.125rem;margin:0 auto var(--spacing-lg)}.features-divider:before{content:"";display:block;height:100%;width:100%;border-top:2px solid rgba(125,185,166,.3);border-bottom:2px solid rgba(125,185,166,.3);border-radius:var(--radius-sm)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);box-shadow:0 10px 20px #7db9a61a;border:1px solid rgba(125,185,166,.1)}.feature-card:hover{box-shadow:0 15px 30px #7db9a633}.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),transparent);transition:width .5s ease}.feature-card:hover .feature-line{width:100%}.no-download-card{position:relative;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.no-download-content{position:relative;padding:var(--spacing-xl)}.no-download-badge{position:absolute;top:-.5rem;right:-.5rem;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.375rem .875rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform:rotate(12deg)}.no-download-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width:768px){.no-download-grid{flex-direction:row;align-items:center}}.no-download-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.no-download-icon .emoji{font-size:6rem}.no-download-text{flex:1}.no-download-text p{font-size:1rem;line-height:1.75;color:var(--foreground);margin-bottom:var(--spacing-md)}@media(min-width:768px){.no-download-text p{font-size:1.125rem}}.no-download-text p:last-child{margin-bottom:0}.faqs-wrapper{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:64rem;margin:0 auto}@media(min-width:768px){.faqs-wrapper{grid-template-columns:repeat(2,1fr)}}.faq-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.2);overflow:hidden;transition:all var(--transition-base);padding:var(--spacing-lg);position:relative}.faq-card:before{content:"";position:absolute;top:0;left:0;width:.25rem;height:.25rem;border-top:2px solid var(--color-primary);border-left:2px solid var(--color-primary)}.faq-card:after{content:"";position:absolute;bottom:0;right:0;width:.25rem;height:.25rem;border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary)}.faq-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.faq-question-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.faq-icon{background:#7db9a61a;border-radius:9999px;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary);font-weight:700}.faq-question{font-size:.875rem;font-weight:600;color:var(--foreground);line-height:1.4;margin:0}@media(min-width:768px){.faq-question{font-size:1rem}}.faq-divider{height:1px;width:100%;background:linear-gradient(to right,rgba(125,185,166,.3) 0%,rgba(125,185,166,.1) 50%,transparent 100%);margin:var(--spacing-sm) 0;border-radius:9999px;position:relative}.faq-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:var(--card);border:1px solid rgba(125,185,166,.3);border-radius:9999px}.faq-answer-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:linear-gradient(to right,rgba(125,185,166,.05),transparent);padding:var(--spacing-sm);border-radius:var(--radius-md)}.answer-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff}.faq-answer{font-size:.8125rem;line-height:1.6;color:var(--muted-foreground);margin:0}@media(min-width:768px){.faq-answer{font-size:.875rem}}.why-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.why-grid{grid-template-columns:repeat(2,1fr)}}.why-card{position:relative;background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.1);transition:all var(--transition-base)}.why-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.why-corner{position:absolute;top:0;right:0;width:0;height:0;border-top:1.25rem solid var(--color-primary);border-left:1.25rem solid transparent;opacity:.5}.why-icon-wrapper{width:3rem;height:3rem;background:linear-gradient(135deg,#7db9a626,#a5d4c340);border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.why-icon{font-size:1.5rem}.why-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm)}@media(min-width:768px){.why-title{font-size:1.25rem}}.why-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.updates-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.updates-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.updates-grid{grid-template-columns:repeat(3,1fr)}}.update-card{position:relative;background:linear-gradient(135deg,var(--card) 0%,rgba(125,185,166,.05) 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:inset 0 0 12px #7db9a61a;border:1px solid rgba(125,185,166,.1);transition:all var(--transition-base);overflow:hidden}.update-card:hover{box-shadow:inset 0 0 20px #7db9a626;transform:translate(4px)}.update-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){.update-title{font-size:1.25rem}}.update-card:hover .update-title{color:var(--color-primary)}.update-divider{position:relative;width:100%;height:.125rem;background:#7db9a633;margin:var(--spacing-sm) 0}.divider-dot{position:absolute;top:50%;left:50%;width:.375rem;height:.375rem;background:var(--color-primary);border-radius:9999px;transform:translate(-50%,-50%)}.update-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.update-gradient-line{position:absolute;bottom:0;left:0;width:0;height:.125rem;background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));transition:width .5s ease}.update-card:hover .update-gradient-line{width:100%}.sounds-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.sounds-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.sounds-grid{grid-template-columns:repeat(3,1fr)}}.sound-card{position:relative;background:var(--card);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.2);overflow:hidden;transition:all var(--transition-base)}.sound-card:hover{transform:rotate(1deg);box-shadow:var(--shadow-lg)}.sound-ribbon{position:absolute;top:1.5rem;right:-3rem;background:var(--color-primary);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem 2.5rem;transform:rotate(45deg);box-shadow:var(--shadow-md)}.sound-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-sm)}@media(min-width:768px){.sound-title{font-size:1.25rem}}.sound-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.sounds-divider{width:100%;height:.125rem;background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));border-radius:9999px;margin-top:var(--spacing-2xl)}.text-gradient-dreamy{background:var(--gradient-dreamy);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inline-link{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.inline-link:hover{color:var(--color-primary-dark)}.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)}}