.section.hero-section{min-height:calc(100vh - 100px);grid-template-columns:1fr 500px}.section.hero-section .hero-title{font-family:Fredoka,sans-serif;font-size:68px;font-weight:600;line-height:125%;margin-bottom:18px}.section.hero-section .hero-description{font-size:24px;line-height:140%;opacity:.8}.hero-cta{display:flex;align-items:center;gap:18px;margin-top:48px;flex-wrap:wrap}.hero-cta .btn{min-width:200px}.hero-showcase{width:100%;position:relative;overflow:visible}.hero-showcase .showcase-image{max-width:100%;width:100%;aspect-ratio:1;z-index:1;border-radius:12px}.hero-showcase .showcase-image.before{box-shadow:0 10px 18px rgba(0,0,0,.13)}.hero-showcase .showcase-image.edits{position:absolute;width:100%;aspect-ratio:auto 1;top:0;transform:scale(1.125);z-index:2;animation:showcase-edits 4s infinite alternate}.hero-showcase .showcase-image.after{position:absolute;inset:0;z-index:3;animation:showcase-after 4s infinite alternate}.hero-showcase .shapes{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);z-index:-1}@keyframes showcase-edits{0%,40%{filter:blur(0);opacity:1}60%,to{filter:blur(10px);opacity:0}}@keyframes showcase-after{0%,60%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);opacity:.5}80%,to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}.how-it-works-steps{margin-top:3em}.how-it-works-step{display:flex;gap:1.25em;margin-bottom:1.5em}.how-it-works-step:last-child{margin-bottom:0}.how-it-works-step .step-number{--size:60px;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);height:var(--size);width:var(--size);border-radius:50%;font-size:28px;font-family:Pacifico,sans-serif;flex-shrink:0}.how-it-works-step .step-title{font-size:24px;margin-bottom:6px;color:var(--color-primary)}.examples-grid{display:grid;grid-gap:36px;gap:36px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:800px;margin:4em auto auto}.example-item{background-color:#fff;border-radius:14px;overflow:hidden;padding:18px;box-shadow:0 8px 30px rgba(161,89,255,.168627451);text-decoration:none;color:var(--color-text)}.example-item .example-img{box-shadow:0 16px 27px rgba(255,77,109,.075);border-radius:10px;position:relative;overflow:hidden;aspect-ratio:1!important}.example-item .example-img .img{height:100%;transition:transform 1.5s;width:100%}.example-item .example-img .img.after-img{position:absolute;inset:0;animation:example-img-anim 4s linear infinite}.example-item .example-prompt{margin-top:16px;display:flex;gap:12px;font-family:Fredoka;text-align:left}.example-item .example-prompt svg{flex-shrink:0}.example-item .example-prompt svg path{fill:var(--color-text)}.example-item .cta{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.example-item .cta .text{text-transform:capitalize;opacity:.8}.example-item .cta .action{font-weight:600;letter-spacing:1px;color:var(--color-accent)}.example-item.tool-item{display:flex;flex-direction:column;cursor:pointer}.example-item.tool-item .cta{margin-top:auto;padding-top:8px}@keyframes example-img-anim{0%,35%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);opacity:0}50%,85%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:0}}.section.faq-section{min-height:auto}.faq-container{margin-top:3em}.faq-item{background-color:#fff;margin-bottom:18px;padding:16px;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-item:last-child{margin-bottom:0}.faq-item .faq-nav{display:flex;align-items:center;justify-content:space-between;gap:1em;font-size:20px;font-weight:600;cursor:pointer}.faq-item .faq-nav svg{height:auto;width:16px;transform:rotate(0deg);transition:transform .3s}.faq-item .faq-answer{line-height:1.5;opacity:.8;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s ease-in-out,opacity .35s ease-in-out}.faq-item .faq-answer ul{padding-left:24px;margin-top:12px}.faq-item .faq-answer>div{padding-top:0;overflow:hidden;transition:padding-top .35s ease-in-out}.faq-item.active .faq-answer{grid-template-rows:1fr;opacity:1}.faq-item.active .faq-answer>div{padding-top:24px}.faq-item.active svg{transform:rotate(180deg)}