.hero-image-wrapper{border-radius:16px;padding:20px;display:inline-block}.hero-image{max-height:420px}.hero-subtitle{color:var(--accent-color);margin-bottom:12px;font-weight:600}.hero-title{color:var(--primary-color);margin-bottom:20px;font-weight:800;line-height:1.3}.hero-desc{color:var(--text-secondary);max-width:520px;margin-bottom:30px;font-size:1.05rem}.hero-buttons{gap:16px;margin-bottom:24px;display:flex}.btn-primary-custom{background-color:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;text-transform:none!important;border-radius:10px!important;padding:12px 28px!important;font-weight:600!important}.btn-primary-custom:hover{background-color:var(--btn-hover-bg)!important}.btn-secondary-custom{border:2px solid var(--secondary-color)!important;color:var(--secondary-color)!important;text-transform:none!important;border-radius:10px!important;padding:12px 28px!important;font-weight:600!important}.btn-secondary-custom:hover{background-color:var(--secondary-color)!important;color:var(--btn-secondary-text)!important}.hero-features{color:var(--text-muted);flex-wrap:wrap;gap:18px;display:flex}@media (max-width:768px){.hero-content{text-align:justify}.hero-desc{margin-left:auto;margin-right:auto}.hero-buttons{flex-flow:row;justify-content:center;gap:12px}.hero-features{text-align:center;flex-direction:row;justify-content:center;gap:12px}.hero-features span{white-space:nowrap;font-size:.9rem}}@media (min-width:992px){.hero-content{text-align:left}.hero-buttons,.hero-features{justify-content:flex-start}}.typing-line{min-height:1.3em;margin-top:6px;display:block}.typing-text{color:var(--secondary-color);white-space:nowrap;font-weight:800}.cursor{color:var(--secondary-color);margin-left:4px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.hero-features{margin:0;padding:0;list-style:none}.hero-features li{white-space:nowrap;align-items:center;gap:8px;font-size:.95rem;line-height:1.4;display:flex}.hero-features li span,.hero-features li i{flex-shrink:0}@media (max-width:576px){.hero-features li{text-overflow:ellipsis;justify-content:flex-start;gap:6px;font-size:.9rem;overflow:hidden}}
.feature-card{background-color:var(--bg-card);box-shadow:var(--box-shadow);border-radius:18px;padding:36px 26px;transition:all .35s}.feature-card:hover{transform:translateY(-8px)}.feature-icon{color:var(--secondary-color);margin-bottom:18px;font-size:2.8rem}

.template-section{background-color:var(--bg-main);padding:40px 0;overflow:hidden}.marquee-wrapper{width:100%;padding:20px 0;overflow:hidden}.marquee-track{gap:28px;width:max-content;animation:28s linear infinite marqueeScroll;display:flex}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.template-card{background-color:var(--bg-card);box-shadow:var(--box-shadow);border-radius:16px;justify-content:center;align-items:center;width:240px;height:340px;padding:12px;transition:transform .3s;display:flex}.template-card:hover{transform:scale(1.04)}.template-card img{object-fit:contain;border-radius:12px;width:100%;height:100%}@media (max-width:1024px){.template-card{width:220px;height:320px}.marquee-track{gap:22px}}@media (max-width:768px){.template-card{width:190px;height:280px}.marquee-track{gap:18px;animation-duration:35s}}@media (max-width:480px){.template-card{width:170px;height:260px}}
.preview-sectionn{background-color:var(--bg-main);padding:60px 0}.preview-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.preview-content ul.preview-points{margin:0;padding:0;list-style:none}.preview-points li{color:var(--text-secondary);margin-bottom:14px;padding-left:26px;font-size:1rem;position:relative}.preview-points li:before{content:"✓";color:var(--secondary-color);font-weight:800;position:absolute;top:0;left:0}.preview-card-wrapper{justify-content:center;display:flex}.preview-card{background-color:var(--bg-card);box-shadow:var(--box-shadow);border-radius:18px;width:100%;max-width:380px;padding:18px}.preview-card img{border-radius:12px;width:100%;height:auto}@media (max-width:1024px){.preview-grid{grid-template-columns:1fr;gap:50px}.preview-card{max-width:420px}}@media (max-width:768px){.preview-sectionn{padding:80px 0}.preview-card{max-width:320px}}
.pricing-section{background-color:var(--bg-section);padding:60px 0}.pricing-wrapper{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.pricing-points{margin:0;padding:0;list-style:none}.pricing-points li{color:var(--text-secondary);margin-bottom:12px;font-size:1rem}.pricing-note{color:var(--text-muted);margin-top:18px;font-size:.9rem}.price-card-wrapper{justify-content:center;display:flex}.price-card{background-color:var(--bg-card);box-shadow:var(--box-shadow);text-align:center;border:2px solid var(--secondary-color);border-radius:22px;width:100%;max-width:320px;padding:40px 34px;position:relative}.price-badge{background-color:var(--secondary-color);color:var(--text-primary);border-radius:30px;padding:6px 16px;font-size:.8rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.price-amount{color:var(--primary-color);margin-bottom:10px;font-size:3.2rem;font-weight:900}.price-amount small{font-size:1rem;font-weight:700}.price-card p{color:var(--text-secondary);margin-bottom:10px;font-size:1rem}.price-subtext{color:var(--text-muted);font-size:.85rem}@media (max-width:1024px){.pricing-wrapper{grid-template-columns:1fr;gap:50px}.price-card{max-width:360px}}@media (max-width:768px){.pricing-section{padding:80px 0}.price-subtext{font-size:.75rem}.price-card{max-width:300px}}
.faq-section{background-color:var(--bg-section);padding:100px 0}.faq-list{max-width:820px;margin:0 auto}.faq-item{background-color:var(--bg-card);box-shadow:var(--box-shadow);border:1px solid var(--border-color);border-radius:16px;margin-bottom:18px;overflow:hidden}.faq-question{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 22px;font-size:1rem;font-weight:700;display:flex}.faq-icon{color:var(--primary-color);font-size:1.4rem;font-weight:800}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-answer p{color:var(--text-secondary);padding:0 22px 20px;font-size:.95rem;line-height:1.7}.faq-item.open .faq-answer{max-height:220px}@media (max-width:768px){.faq-section{padding:80px 0}.faq-question{padding:18px;font-size:.95rem}}