*{box-sizing:border-box;margin:0;padding:0}.landing-page{font-family:var(--font-dm-sans),"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--color-text);line-height:1.6;overflow-x:hidden}.hero-section{background:linear-gradient(135deg,#fef2f2,#fff 50%,#f0f9ff);padding:var(--spacing-2xl) var(--spacing-lg);min-height:600px;display:flex;align-items:center}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-content{max-width:600px}.hero-title{font-size:3rem;font-weight:800;color:var(--color-secondary);margin-bottom:var(--spacing-md);line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#475569;margin-bottom:var(--spacing-xl);line-height:1.6}.hero-cta-button{display:inline-block;background:var(--color-primary);color:#fff;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:var(--box-shadow-md)}.hero-cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--box-shadow-lg)}.hero-image-container{position:relative}.hero-image{width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.hero-css-section{position:relative;overflow:hidden;padding:72px 24px 56px;min-height:580px;display:flex;align-items:center;isolation:isolate}.hero-css-bg-gradient{position:absolute;inset:0;background:linear-gradient(225deg,#6b1e3f,#a02947 12%,#c04457 24%,#e76f51 38%,#f4a261 52%,#f8c77f 68%,#fbe2c5 84%,#fff7ed);z-index:-2}.hero-css-bg-cut{position:absolute;inset:0;background:#fff;-webkit-clip-path:polygon(100% 38%,100% 100%,18% 100%);clip-path:polygon(100% 38%,100% 100%,18% 100%);z-index:-1}.hero-css-container{max-width:1240px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-css-content{max-width:560px}.hero-css-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#1f0a12;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px;text-shadow:0 1px 0 #ffffff40}.hero-css-subtitle{font-size:1.125rem;font-weight:500;color:#2d1018;line-height:1.6;margin-bottom:24px;max-width:480px}.hero-css-trust{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:10px 20px;max-width:480px}.hero-css-trust li{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#2d1018}.hero-css-trust-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#1e2a47;color:#fff;font-size:.75rem;font-weight:700;line-height:1;box-shadow:0 2px 6px #0f172959}.hero-css-cta-button{display:inline-block;background:linear-gradient(135deg,#1e2a47,#0f1729);color:#fff;padding:16px 44px;font-size:1.125rem;font-weight:600;border:none;border-radius:999px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 28px #0f172966,0 4px 10px #6b1e3f33;cursor:pointer;letter-spacing:.01em}.hero-css-cta-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2a3a5e,#1e2a47);box-shadow:0 14px 36px #0f172980,0 6px 14px #6b1e3f40}.hero-css-counter{margin:0 0 22px;font-size:.95rem;color:#3d1822;font-weight:500;display:flex;align-items:center;gap:8px;width:-webkit-fit-content;width:fit-content}.hero-css-live-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 0 0 #22c55e99;animation:hero-css-live-pulse 1.6s ease-out infinite;flex-shrink:0}@keyframes hero-css-live-pulse{0%{box-shadow:0 0 0 0 #22c55e99;opacity:1}70%{box-shadow:0 0 0 8px #22c55e00;opacity:.85}to{box-shadow:0 0 0 0 #22c55e00;opacity:1}}@media (prefers-reduced-motion:reduce){.hero-css-live-dot{animation:none}}.hero-css-cards{position:relative;height:480px;width:100%}.hero-css-card{position:absolute;top:50%;left:50%;width:290px;height:420px;background:#fff;border-radius:12px;box-shadow:0 24px 48px -12px #0000004d,0 10px 20px -4px #0000002e;overflow:hidden;transition:transform .4s ease;will-change:transform;transform-origin:center center}.hero-css-card,.hero-css-card img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-css-card img{display:block}.hero-css-card--left{transform:translate3d(-128%,-50%,0) rotate(-9deg);z-index:1}.hero-css-card--center{width:350px;height:504px;transform:translate3d(-50%,-50%,0) rotate(2deg);z-index:3}.hero-css-card--right{transform:translate3d(28%,-50%,0) rotate(9deg);z-index:2}@media (max-width:1024px){.hero-css-cards{height:420px}.hero-css-card{width:240px;height:340px}.hero-css-card--center{width:290px;height:410px}.hero-css-card--left{transform:translate3d(-118%,-50%,0) rotate(-9deg)}.hero-css-card--right{transform:translate3d(18%,-50%,0) rotate(9deg)}}@media (max-width:932px){.hero-css-section{padding:56px 20px 80px;min-height:auto}.hero-css-bg-cut{-webkit-clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}.hero-css-container{grid-template-columns:1fr;gap:32px;text-align:center}.hero-css-content{margin:0 auto}.hero-css-subtitle,.hero-css-trust{margin-left:auto;margin-right:auto}.hero-css-trust{justify-content:center}.hero-css-cards{height:360px;order:-1}.hero-css-card{width:170px;height:240px}.hero-css-card--left{transform:translate(-110%,-50%) rotate(-8deg)}.hero-css-card--center{transform:translate(-50%,-50%) rotate(2deg) scale(1.05)}.hero-css-card--right{transform:translate(10%,-50%) rotate(8deg)}}@media (max-width:560px){.hero-css-cards{height:300px}.hero-css-card{width:140px;height:200px}.hero-css-card--left{transform:translate(-105%,-50%) rotate(-8deg)}.hero-css-card--right{transform:translate(5%,-50%) rotate(8deg)}.hero-css-cta-button{padding:14px 32px;font-size:1rem}}.section{padding:var(--spacing-2xl) var(--spacing-lg)}.features-section{background:var(--color-background-light)}.features-container{max-width:1200px;margin:0 auto}.features-title{font-size:2.5rem;font-weight:700;text-align:center;color:var(--color-secondary);margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.feature-card{background:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg)}.feature-title{font-size:1.5rem;font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--color-text-light);line-height:1.7}.how-it-works-container{max-width:1200px;margin:0 auto}.how-it-works-title{font-size:2.5rem;font-weight:700;text-align:center;color:var(--color-secondary);margin-bottom:var(--spacing-xl)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.step-card{background:var(--color-background-accent);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;position:relative}.step-number{width:60px;height:60px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto var(--spacing-md)}.step-title{font-size:1.5rem;font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.step-description{color:var(--color-text-light);line-height:1.7}.testimonials-section{background:var(--color-background-light)}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-title{font-size:2.5rem;font-weight:700;text-align:center;color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.testimonials-subtitle{text-align:center;color:var(--color-text-light);font-size:1.125rem;margin-bottom:var(--spacing-md)}.testimonials-rating{text-align:center;margin-bottom:var(--spacing-xl)}.rating-stars{color:#fbbf24;font-size:2rem;margin-bottom:var(--spacing-xs)}.rating-text{color:var(--color-text-light);font-size:1rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.testimonial-card{background:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-lg)}.testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.testimonial-author{display:flex;gap:var(--spacing-sm);align-items:center}.author-avatar{width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.author-info{flex:1}.author-name{font-weight:600;color:var(--color-secondary);font-size:1rem;margin-bottom:.25rem}.review-date{font-size:.875rem;color:var(--color-text-light)}.review-platform{font-size:.75rem;padding:.25rem .5rem;background:var(--color-background-light);border-radius:var(--border-radius);color:var(--color-text-light)}.testimonial-rating{color:#fbbf24;font-size:1.125rem;margin-bottom:var(--spacing-sm)}.testimonial-text{color:var(--color-text);line-height:1.7}.faq-container{max-width:900px;margin:0 auto}.faq-title{font-size:2.5rem;font-weight:700;text-align:center;color:var(--color-secondary);margin-bottom:var(--spacing-xl)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-item{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.faq-item,.faq-question{background:var(--color-background)}.faq-question{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;text-align:left;font-size:1.125rem;font-weight:600;color:var(--color-secondary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.faq-question:hover{background:var(--color-background-light)}.faq-question.active{background:var(--color-background-accent)}.faq-icon{font-size:1.5rem;color:var(--color-primary);font-weight:700;min-width:24px;text-align:center}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg);background:var(--color-background);animation:slideDown .3s ease}.faq-answer p{color:var(--color-text-light);line-height:1.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;text-align:center}.cta-container{max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.cta-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.95}.cta-button{display:inline-block;background:#fff;color:var(--color-primary);padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:var(--border-radius);text-decoration:none;transition:all .3s ease;box-shadow:var(--box-shadow-lg)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0003}.footer{background:var(--color-secondary);color:#fff;padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.footer-description{color:#cbd5e1;line-height:1.7;font-size:.95rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-link{color:#cbd5e1;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding-top:var(--spacing-lg);text-align:center}.footer-copyright{color:#94a3b8;font-size:.9rem}@media (max-width:932px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-content{margin:0 auto}.navbar-links{display:none}.features-grid,.steps-grid,.testimonials-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-title,.faq-title,.features-title,.how-it-works-title,.testimonials-title{font-size:2rem}.section{padding:var(--spacing-xl) var(--spacing-md)}.navbar-container{padding:var(--spacing-sm) var(--spacing-md)}}.templates-showcase-section{padding:64px 0 72px;background:#f0f2f7}.templates-showcase-header{max-width:1280px;text-align:center;padding:0 32px;margin:0 auto 44px}.templates-showcase-title{font-size:2.2rem;font-weight:700;color:#1a1a2e;max-width:1180px;margin:0 auto 14px;line-height:1.2}.templates-showcase-subtitle{font-size:1.05rem;color:#555;max-width:1080px;margin:0 auto;line-height:1.75;text-wrap:pretty}.templates-showcase-carousel-wrapper{position:relative;display:flex;align-items:center;padding:0 16px}.templates-showcase-scroll{display:flex;gap:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 8px 20px;scrollbar-width:none}.templates-showcase-scroll::-webkit-scrollbar{display:none}.showcase-card{flex:0 0 357px;background:#fff;border:none;padding:0;border-radius:12px;box-shadow:0 2px 12px #00000017;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;text-align:left}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000024}.showcase-card-image{position:relative;width:357px;height:500px;background:#f5f5f5;overflow:hidden}.showcase-card-image img{width:100%;height:100%}.showcase-price-badge{position:absolute;top:10px;right:10px;background:#7c3aed;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px}.showcase-price-badge.free{background:#16a34a}.showcase-card-hover-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.showcase-card-hover-overlay span{color:#fff;font-size:.95rem;font-weight:700;background:#c0392b;padding:10px 20px;border-radius:6px;letter-spacing:.3px;white-space:nowrap}.showcase-card:hover .showcase-card-hover-overlay{opacity:1}.showcase-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid #f0f0f0}.showcase-card-name{font-size:.875rem;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.showcase-use-btn{font-size:.8rem;font-weight:600;color:#7c3aed;background:none;border:none;cursor:pointer;padding:0;white-space:nowrap}.showcase-use-btn:hover{text-decoration:underline}.showcase-nav-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #00000026;font-size:1.8rem;line-height:1;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .15s}.showcase-nav-btn:hover{background:#f3f0ff;color:#7c3aed}.showcase-nav-hidden{visibility:hidden;pointer-events:none}@media (max-width:640px){.templates-showcase-header{padding:0 20px;margin-bottom:36px}.templates-showcase-title{font-size:1.5rem}.templates-showcase-subtitle{font-size:1rem;line-height:1.65}.showcase-nav-btn{display:none}.templates-showcase-carousel-wrapper{padding:0}.templates-showcase-scroll{scroll-snap-type:x mandatory;padding:12px 16px 20px;gap:16px}.showcase-card{flex:0 0 calc(100vw - 16px);scroll-snap-align:start}.showcase-card-image{height:auto}}