.templates-page{background:var(--marketing-bg,#fff);color:var(--marketing-text,#1a1a2e)}.templates-grid-section{max-width:1200px;margin:0 auto;padding:0 24px 64px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}@media (max-width:480px){.templates-grid{grid-template-columns:1fr}}.template-card{background:var(--marketing-surface,#f8fafc);border:1px solid var(--marketing-border,#e2e8f0);border-radius:16px;padding:28px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.template-card:hover{border-color:rgba(5,150,105,.3);box-shadow:0 4px 24px rgba(5,150,105,.06)}.template-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.template-icon{width:48px;height:48px;border-radius:12px;background:rgba(5,150,105,.06);color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-card-header h2{font-size:1.15rem;font-weight:650;color:var(--marketing-text,#1a1a2e);margin:0;line-height:1.3}.template-meta{font-size:.8rem;margin:2px 0 0}.template-desc,.template-meta{color:var(--marketing-text-muted,#64748b)}.template-desc{font-size:.9rem;line-height:1.55;margin:0 0 20px}.template-sections{flex:1;display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.template-section{border:1px solid var(--marketing-border,#e2e8f0);border-radius:10px;overflow:hidden}.template-section+.template-section{margin-top:4px}.template-section summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;font-size:.88rem;font-weight:550;color:var(--marketing-text,#1a1a2e);list-style:none;transition:background .15s;user-select:none}.template-section summary::-webkit-details-marker{display:none}.template-section summary:hover{background:rgba(5,150,105,.03)}.template-section[open] summary{border-bottom:1px solid var(--marketing-border,#e2e8f0)}.section-name{display:flex;align-items:center;gap:6px}.section-name:before{content:"\25B8";font-size:10px;color:var(--marketing-text-muted,#64748b);transition:transform .2s}.template-section[open] .section-name:before{transform:rotate(90deg)}.section-count{font-size:.75rem;font-weight:500;color:var(--marketing-text-dim,#94a3b8);background:rgba(100,116,139,.06);padding:2px 10px;border-radius:100px}.section-items{list-style:none;padding:8px 16px 12px;margin:0;display:flex;flex-direction:column;gap:6px}.section-items li{display:flex;align-items:flex-start;gap:8px;font-size:.84rem;color:var(--marketing-text-muted,#64748b);line-height:1.45}.section-items li svg{color:#059669;flex-shrink:0;margin-top:2px}.template-actions{display:flex;gap:10px}.template-btn-primary{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#059669;text-decoration:none;padding:10px 18px;border-radius:10px;border:1px solid rgba(5,150,105,.2);background:rgba(5,150,105,.04);transition:background .15s,border-color .15s;width:100%;justify-content:center}.template-btn-primary:hover{background:rgba(5,150,105,.08);border-color:rgba(5,150,105,.35)}.templates-cta{max-width:720px;margin:0 auto;padding:0 24px 80px}.templates-cta-card{text-align:center;background:var(--marketing-surface,#f8fafc);border:1px solid var(--marketing-border,#e2e8f0);border-radius:20px;padding:48px 32px}.templates-cta-card h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2;margin:0 0 16px;color:var(--marketing-text,#1a1a2e)}.templates-cta-card h2 em{font-style:normal;color:#059669}.templates-cta-card p{font-size:1rem;color:var(--marketing-text-muted,#64748b);line-height:1.6;max-width:520px;margin:0 auto 28px}.templates-cta-actions{display:flex;justify-content:center;gap:12px}.templates-page .section-badge.green{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#059669;background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.2);padding:6px 16px;border-radius:100px}