.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}.pixar-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:12rem;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:4;-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;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:2.5rem;height:2.5rem;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.25rem;height:1.25rem;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:1024px){.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: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-line{width:0;height:.125rem;background:linear-gradient(to right,var(--color-primary),transparent);transition:width .5s ease;margin-bottom:var(--spacing-sm)}.feature-card:hover .feature-line{width:100%}.feature-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.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:0 5px 20px #7db9a626}.no-download-card:hover{transform:translateY(-4px)}.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-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.faqs-grid{grid-template-columns:repeat(2,1fr)}}.faq-card{position:relative;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)}.faq-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.faq-corners{position:absolute;inset:0;pointer-events:none}.corner{position:absolute;width:1rem;height:1rem}.corner-tl{top:0;left:0;border-top:2px solid rgba(125,185,166,.3);border-left:2px solid rgba(125,185,166,.3)}.corner-tr{top:0;right:0;border-top:2px solid rgba(125,185,166,.3);border-right:2px solid rgba(125,185,166,.3)}.corner-bl{bottom:0;left:0;border-bottom:2px solid rgba(125,185,166,.3);border-left:2px solid rgba(125,185,166,.3)}.corner-br{bottom:0;right:0;border-bottom:2px solid rgba(125,185,166,.3);border-right:2px solid rgba(125,185,166,.3)}.faq-question{font-size:1rem;font-weight:600;color:var(--foreground);line-height:1.4;margin-bottom:var(--spacing-sm)}@media(min-width:768px){.faq-question{font-size:1.125rem}}.faq-divider{height:1px;width:100%;background:linear-gradient(to right,transparent 0%,rgba(125,185,166,.3) 50%,transparent 100%);margin:var(--spacing-sm) 0;border-radius:9999px}.faq-answer-wrapper{background:linear-gradient(135deg,#7db9a60d,#a5d4c314);border-radius:var(--radius-md);padding:var(--spacing-sm);border:1px solid rgba(125,185,166,.1)}.faq-answer{font-size:.875rem;line-height:1.75;color:var(--foreground)}@media(min-width:768px){.faq-answer{font-size:1rem}}.journey-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.journey-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid rgba(125,185,166,.2);transition:all var(--transition-base)}@media(min-width:768px){.journey-card{flex-direction:row}.journey-card.reverse{flex-direction:row-reverse}}.journey-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.journey-icon{flex-shrink:0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7db9a633,#a5d4c34d);border-radius:9999px;font-size:2rem;box-shadow:var(--shadow-md)}.journey-content{flex:1}.journey-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){.journey-title{font-size:1.25rem}}.journey-card:hover .journey-title{color:var(--color-primary)}.journey-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.achievements-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}.achievement-card{position:relative;background:linear-gradient(135deg,#7db9a614,#a5d4c31f);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px dashed rgba(125,185,166,.3);transition:all var(--transition-base)}.achievement-card:hover{border-style:solid;box-shadow:var(--shadow-md);transform:translate(4px) rotate(1deg)}.achievement-icon{position:absolute;top:-.75rem;left:-.75rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:9999px;font-size:1.25rem;box-shadow:var(--shadow-md)}.achievement-content{margin-left:1.5rem}.achievement-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){.achievement-title{font-size:1.25rem}}.achievement-card:hover .achievement-title{color:var(--color-primary)}.achievement-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)}}.update-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,.2);transition:all var(--transition-base)}.update-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.update-date{position:absolute;top:-.5rem;right:-.5rem;background:var(--color-primary);color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:var(--radius-md);transform:rotate(6deg);box-shadow:var(--shadow-md)}.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-description{font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.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)}}