.showcase p{text-wrap:balance}.showcase-hero{background:var(--color-bg);padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.hero-content-showcase{max-width:800px;margin:0 auto;padding:0 var(--space-m)}.showcase-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-m);letter-spacing:-.02em}.showcase-title strong{font-weight:800}.showcase-subtitle{font-size:var(--step-1);color:var(--color-text-mod-1);line-height:1.6;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-divider{width:120px;height:4px;background:linear-gradient(135deg,var(--color-brand),var(--color-accent));margin:0 auto;border-radius:2px}.template-showcase-item{display:grid;grid-template-columns:1fr 1fr;min-height:70vh;align-items:center;gap:0}.template-showcase-item.reverse{direction:rtl}.template-showcase-item.reverse>*{direction:ltr}.template-showcase-preview{background:var(--color-bg-mod-1);height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.template-preview-large{width:100%;max-width:600px;aspect-ratio:4/3;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease}.template-preview-large:hover{transform:scale(1.02)}.template-showcase-content{padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;justify-content:center;max-width:500px;margin:0 auto}.template-showcase-item.reverse .template-showcase-content{margin-left:0;margin-right:auto}.template-showcase-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-text);margin-bottom:var(--space-m);letter-spacing:-.02em}.template-showcase-description{font-size:var(--step-1);color:var(--color-text-mod-1);line-height:1.6;margin-bottom:var(--space-xl)}.template-showcase-actions{display:flex;flex-direction:column;gap:var(--space-s);align-items:flex-start;margin-bottom:var(--space-l)}.btn-showcase-primary{display:inline-flex;align-items:center;background:var(--color-text);color:var(--color-bg);padding:var(--space-s) var(--space-l);border-radius:var(--border-radius);font-weight:600;font-size:var(--step-0);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--color-text);cursor:pointer;width:100%;justify-content:center;margin-top:var(--space-m)}.btn-showcase-primary:hover:not(:disabled){background:transparent;color:var(--color-text);text-decoration:none}.btn-showcase-primary:disabled{background-color:var(--color-text-mod-1);border-color:var(--color-text-mod-1);cursor:not-allowed;opacity:.7}.btn-showcase-secondary{display:inline-flex;align-items:center;background:transparent;color:var(--color-text-mod-1);padding:var(--space-s) var(--space-l);border:2px solid var(--color-border);border-radius:var(--border-radius);font-weight:600;font-size:var(--step-0);text-decoration:none;transition:all .3s ease}.btn-showcase-secondary:hover{border-color:var(--color-text);color:var(--color-text);text-decoration:none}.template-form{width:100%}.showcase-form-field{margin-bottom:var(--space-s)}.showcase-form-field label{display:block;font-weight:var(--font-weight-bold);margin-bottom:var(--space-3xs);font-size:var(--step--1);color:var(--color-text)}.showcase-form-field input,.showcase-form-field .form-select{width:100%;padding:var(--space-xs);border:2px solid var(--color-border);border-radius:var(--border-radius);transition:border-color .2s ease;font-size:var(--step--1)}.showcase-form-field input:focus,.showcase-form-field .form-select:focus{border-color:var(--color-brand);outline:none}.showcase-button-loading{display:none}.template-categories-section{background:var(--color-bg);padding:var(--space-xl) 0;border-bottom:1px solid var(--color-border)}.template-categories{display:flex;justify-content:center;gap:var(--space-s);flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-l);background:transparent;border:2px solid var(--color-border);border-radius:var(--border-radius);font-weight:600;font-size:var(--step-0);color:var(--color-text-mod-1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-tab:hover{border-color:var(--color-brand);color:var(--color-brand)}.category-tab.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.template-category-content{display:none}.template-category-content.active{display:block}@media (width <= 1024px){.template-showcase-item{grid-template-columns:1fr;min-height:auto}.template-showcase-item.reverse{direction:ltr}.template-showcase-preview{height:50vh;order:1}.template-showcase-content{order:2;padding:var(--space-xl) var(--space-m);text-align:center}.template-showcase-actions{align-items:center}.template-form{max-width:400px;margin:0 auto}}@media (width <= 768px){.showcase-hero{padding:var(--space-2xl) 0 var(--space-xl)}.template-categories{flex-direction:column;align-items:center;gap:var(--space-xs)}.category-tab{width:100%;max-width:300px;justify-content:center}.template-showcase-preview{height:40vh;padding:var(--space-m)}.template-showcase-content{padding:var(--space-l) var(--space-m)}.template-showcase-actions{flex-direction:column;width:100%}.btn-showcase-secondary{width:100%;justify-content:center}.template-form{max-width:none}}