.abstract-art{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.custom-scrollspy li.active-nav-item{transition:background-color .3s;background-color:#000!important}.custom-scrollspy li.active-nav-item a{color:#fff!important}.custom-scrollspy li:hover{cursor:pointer;background-color:#0000001a}.marketing-art{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.marketing-art:before{content:"";background:radial-gradient(circle,#ffffff80 0%,#fff3 50%,#0000 70%);border-radius:50%;width:180px;height:180px;animation:3s ease-in-out infinite marketingPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marketing-art:after{content:"";border:4px solid #fff9;border-radius:50%;width:120px;height:120px;animation:4s ease-out infinite marketingRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes marketingPulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}@keyframes marketingRing{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.hr-art{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.hr-art:before{content:"";background:#fff9;border-radius:50%;width:70px;height:70px;animation:4s ease-in-out infinite hrNodes;position:absolute;top:30%;left:30%;box-shadow:120px 0 0 10px #ffffff80,60px 100px 0 10px #ffffff8c,0 120px 0 10px #ffffff80}.hr-art:after{content:"";background:linear-gradient(135deg,#fff9 0%,#ffffff4d 100%);border-radius:2px;width:4px;height:140px;animation:3s ease-in-out infinite hrConnect;position:absolute;top:35%;left:45%;transform:rotate(30deg)}@keyframes hrNodes{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes hrConnect{0%,to{opacity:.6}50%{opacity:1}}.finance-art{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.finance-art:before{content:"";z-index:1;background:repeating-linear-gradient(0deg,#fff3 0 2px,#0000 2px 40px),repeating-linear-gradient(90deg,#fff3 0 2px,#0000 2px 40px);width:100%;height:100%;animation:15s linear infinite financeGrid;position:absolute;inset:0}.finance-art:after{content:"";z-index:2;background:#ffffff40;border:5px solid #fffc;border-radius:12px;width:90px;height:90px;animation:5s ease-in-out infinite financeBox;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes financeGrid{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes financeBox{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(-50%,-50%)rotate(45deg)}}.support-art{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.support-art:before{content:"";background:#fff3;border:5px solid #ffffffb3;border-radius:50%;width:140px;height:140px;margin-top:-70px;margin-left:-70px;animation:3s ease-out infinite supportRipple1;position:absolute;top:50%;left:50%}.support-art:after{content:"";border:5px solid #ffffff80;border-radius:50%;width:200px;height:200px;margin-top:-100px;margin-left:-100px;animation:3s ease-out 1.5s infinite supportRipple2;position:absolute;top:50%;left:50%}@keyframes supportRipple1{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.3)}}@keyframes supportRipple2{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.3)}}.professional-art{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);overflow:hidden}.professional-art:before{content:"";background:#ffffff80;border:4px solid #fffc;border-radius:8px;width:140px;height:140px;margin-top:-70px;margin-left:-70px;animation:8s linear infinite professionalRotate;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.professional-art:after{content:"";background:#ffffff59;border:5px solid #ffffffb3;border-radius:50%;width:80px;height:80px;animation:5s ease-in-out infinite professionalFloat;position:absolute;top:25%;right:25%}@keyframes professionalRotate{0%{transform:rotate(45deg)scale(1)}50%{transform:rotate(135deg)scale(1.1)}to{transform:rotate(225deg)scale(1)}}@keyframes professionalFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-25px)scale(1.1)}}.operations-art{background:linear-gradient(135deg,#ff9a56 0%,#ff6a88 100%);overflow:visible}.operations-art:before{content:"";border:5px dashed #fff9;border-radius:50%;width:250px;height:250px;margin-top:-125px;margin-left:-125px;animation:12s linear infinite operationsOrbit;position:absolute;top:50%;left:50%}.operations-art:after{content:"";background:#fff9;border-radius:50%;width:70px;height:70px;margin-top:-35px;margin-left:-35px;animation:5s ease-in-out infinite operationsFlow;position:absolute;top:50%;left:50%;box-shadow:80px 30px #ffffff80,-50px 60px 0 5px #ffffff73,40px -60px #ffffff80}@keyframes operationsOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes operationsFlow{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.it-art{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%)}.it-art:before{content:"";z-index:1;background:repeating-linear-gradient(0deg,#fff3 0 2px,#0000 2px 30px),repeating-linear-gradient(90deg,#fff3 0 2px,#0000 2px 30px);width:100%;height:100%;animation:20s linear infinite itMatrix;position:absolute;inset:0}.it-art:after{content:"";clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);z-index:2;background:#ffffff80;border:4px solid #fffc;width:90px;height:90px;animation:6s ease-in-out infinite itPentagon;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes itMatrix{0%{transform:translate(0)}to{transform:translate(30px,30px)}}@keyframes itPentagon{0%,to{opacity:.8;transform:translate(-50%,-50%)rotate(0)}50%{opacity:1;transform:translate(-50%,-50%)rotate(72deg)}}@media (max-width:640px){.abstract-art:before,.abstract-art:after{transform:scale(.7)}}@media (prefers-color-scheme:dark){.abstract-art:before,.abstract-art:after{opacity:.95}}.icon-overlay-container{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute}.icon-overlay{color:#ffffffe6;filter:drop-shadow(0 2px 8px #0003);animation:6s ease-in-out infinite iconFloat;position:absolute}.icon-position-1{margin-top:-40px;margin-left:-40px;font-size:80px;animation-delay:0s;top:50%;left:50%}.icon-position-2{opacity:.7;font-size:50px;animation-delay:1s;top:20%;right:15%}.icon-position-3{opacity:.6;font-size:40px;animation-delay:2s;bottom:20%;left:15%}@keyframes iconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.icon-overlay{text-shadow:0 0 10px #00000080,0 2px 4px #0000004d;color:#fff!important;z-index:100!important}
.workflow-linear{position:relative}.steps-container{align-items:stretch;display:flex;position:relative}.workflow-step-linear{flex-direction:column;display:flex}.step-card-linear{border:1px solid #e5e7eb;transition:all .3s;box-shadow:0 1px 3px #0000000d}.step-card-linear:hover{border-color:#16a34a;transform:translateY(-4px);box-shadow:0 8px 16px #16a34a1a}.dark .step-card-linear{border-color:#374151}.dark .step-card-linear:hover{border-color:#10b981}.step-number{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#10b981 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #16a34a4d}.step-icon-wrapper{justify-content:center;align-items:center;padding:4px 0;display:flex}.step-title-linear{text-align:center;color:#1e293b}.dark .step-title-linear{color:#f1f5f9}.step-description-linear{text-align:center;min-height:32px;line-height:1.4}.step-tags{width:100%;margin-top:auto}.tag{color:#166534;white-space:nowrap;text-align:center;text-overflow:ellipsis;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:4px 8px;font-size:10px;font-weight:600;display:block;overflow:hidden}.dark .tag{color:#86efac;background:#064e3b;border-color:#065f46}.tag-highlight{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#10b981 100%);border-color:#0000}.counter-animated{text-align:center;min-width:25px;font-size:11px;font-weight:700;display:inline-block}.arrow-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:48px;display:flex}.arrow-animated{color:#16a34a;opacity:.25;justify-content:center;align-items:center;transition:all .3s;display:flex;transform:translate(0)}.arrow-animated.active{opacity:1;animation:1.2s ease-in-out infinite arrowSlide}@keyframes arrowSlide{0%{opacity:.3;transform:translate(-6px)}40%{opacity:1;transform:translate(6px)}60%{opacity:1;transform:translate(6px)}to{opacity:.3;transform:translate(-6px)}}.story-section-simple{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #bbf7d0;border-radius:16px;padding:12px 16px}.dark .story-section-simple{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-color:#065f46}@media (max-width:1023px){.steps-container{flex-wrap:wrap}.workflow-step-linear{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}.arrow-wrapper{display:none!important}.workflow-step-linear:nth-child(2):before,.workflow-step-linear:nth-child(4):before{content:"→";color:#16a34a;opacity:.5;font-size:20px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}}@media (max-width:767px){.steps-container{flex-direction:column}.workflow-step-linear{flex:auto;max-width:100%;margin-bottom:16px}.workflow-step-linear:last-child{margin-bottom:0}.workflow-step-linear:before{display:none}.workflow-step-linear:not(:last-child):after{content:"↓";color:#16a34a;opacity:.5;font-size:20px;animation:2s infinite arrowBounce;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.step-card-linear{padding:20px 16px!important}.step-number{width:24px;height:24px;font-size:12px}.tag{padding:3px 8px;font-size:10px}}@keyframes arrowBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(4px)}}.section-outer.py-4{padding-top:2rem;padding-bottom:2rem}@media (min-width:1280px){.section-outer.xl\:py-6{padding-top:3rem;padding-bottom:3rem}}.section-header.gap-1{gap:.5rem}.story-section-simple p{line-height:1.6}
.analytics-showcase{position:relative}.badge-check{margin-right:4px;font-size:12px}.feature-badges .badge{transition:transform .3s}.feature-badges .badge:hover{transform:translateY(-2px)}.analytics-feature-card{border:1px solid #0000;height:100%;transition:all .3s}.analytics-feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.dark .analytics-feature-card:hover{box-shadow:0 10px 30px #0000004d}.feature-icon-box{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-200));border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.dark .feature-icon-box{background:linear-gradient(135deg,var(--color-primary-900),var(--color-primary-800))}.demo-cards-grid{margin:0 auto}.analytics-demo-card{cursor:pointer;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.analytics-demo-card:hover{border-color:#3b82f6;transform:translateY(-8px)scale(1.03);box-shadow:0 20px 50px #0003}.dark .analytics-demo-card{border-color:#374151}.dark .analytics-demo-card:hover{border-color:#60a5fa;box-shadow:0 20px 50px #0006}.demo-card-header{height:5px}.demo-header-blue{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.demo-header-purple{background:linear-gradient(90deg,#a855f7,#ec4899)}.demo-header-green{background:linear-gradient(90deg,#10b981,#34d399)}.demo-header-orange{background:linear-gradient(90deg,#f97316,#ef4444)}.demo-header-indigo{background:linear-gradient(90deg,#6366f1,#3b82f6)}.demo-header-teal{background:linear-gradient(90deg,#14b8a6,#06b6d4)}.demo-icon-large{font-size:48px;line-height:1}.demo-category{color:#6b7280;font-weight:600}.dark .demo-category{color:#9ca3af}.demo-stats-row{font-size:14px}.demo-features{flex-direction:column;gap:6px;display:flex}.demo-feature-item{color:#6b7280;font-size:13px}.dark .demo-feature-item{color:#9ca3af}.analytics-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analytics-modal-content{background:#fff;border-radius:20px;width:100%;max-width:1400px;max-height:90vh;animation:.3s slideUp;overflow:hidden;box-shadow:0 25px 50px #00000026}.dark .analytics-modal-content{background:#1f2937}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analytics-modal-header{color:#fff;padding:30px;position:relative}.analytics-modal-close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background .3s;display:flex;position:absolute;top:30px;right:30px}.analytics-modal-close:hover{background:#ffffff4d}.analytics-modal-body{grid-template-columns:1fr 1.5fr;gap:30px;max-height:calc(90vh - 150px);padding:30px;display:grid;overflow-y:auto}.analytics-process-section{padding-right:20px}.process-controls{flex-wrap:wrap}.control-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .3s}.control-btn:hover:not(:disabled){background:var(--color-primary-600);transform:translateY(-1px)}.control-btn:disabled{cursor:not-allowed;opacity:.5;background:#9ca3af}.analytics-progress-bar{background:#e5e7eb;border-radius:3px;width:100%;height:6px;overflow:hidden}.dark .analytics-progress-bar{background:#374151}.analytics-progress-fill{background:linear-gradient(90deg,var(--color-primary),#a855f7);border-radius:3px;height:100%;transition:width .5s}.analytics-steps{flex-direction:column;display:flex}.analytics-step{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;gap:15px;padding:20px;transition:all .3s;display:flex}.dark .analytics-step{border-color:#374151}.analytics-step.active{border-color:var(--color-primary);background:linear-gradient(135deg,#eff6ff,#faf5ff);transform:scale(1.02);box-shadow:0 4px 15px #3b82f626}.dark .analytics-step.active{background:linear-gradient(135deg,#1e3a5f,#2d1b4e)}.analytics-step.completed{opacity:.7;background:#f9fafb}.dark .analytics-step.completed{background:#111827}.analytics-step-number{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.dark .analytics-step-number{color:#9ca3af;background:#374151}.analytics-step.active .analytics-step-number{background:linear-gradient(135deg,var(--color-primary),#a855f7);color:#fff}.analytics-step.completed .analytics-step-number{color:#fff;background:#10b981}.analytics-visualization-section{background:#f9fafb;border-radius:16px;height:fit-content;padding:25px}.dark .analytics-visualization-section{background:#111827}.viz-badge{font-weight:600}.analytics-viz-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:500px;max-height:calc(90vh - 300px);padding:20px;overflow-y:auto}.dark .analytics-viz-content{background:#1f2937;border-color:#374151}.analytics-viz-scroll{max-height:100%}.viz-stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.viz-stat-card-sm{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:15px}.dark .viz-stat-card-sm{background:#111827;border-color:#374151}.viz-stat-label{color:#6b7280;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:600}.viz-stat-value{color:#1f2937;font-size:20px;font-weight:700}.dark .viz-stat-value{color:#f9fafb}.viz-response-viewer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.dark .viz-response-viewer{background:#1f2937;border-color:#374151}.viz-response-nav{background:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.dark .viz-response-nav{background:#111827;border-color:#374151}.viz-nav-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .3s}.dark .viz-nav-btn{color:#e5e7eb;background:#374151;border-color:#4b5563}.viz-nav-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.dark .viz-nav-btn:hover:not(:disabled){background:#4b5563}.viz-nav-btn:disabled{opacity:.5;cursor:not-allowed}.viz-response-counter{color:#4b5563;font-weight:500}.dark .viz-response-counter{color:#9ca3af}.viz-response-content{padding:25px}.viz-response-meta{color:#6b7280;font-size:13px}.dark .viz-response-meta{color:#9ca3af}.viz-field-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.dark .viz-field-group{background:#111827;border-color:#374151}.viz-field-group-header{color:#374151;align-items:center;gap:10px;margin-bottom:15px;font-size:14px;font-weight:600;display:flex}.dark .viz-field-group-header{color:#e5e7eb}.viz-field-icon{font-size:18px}.viz-field-row{border-bottom:1px solid #e5e7eb;grid-template-columns:200px 1fr;gap:15px;padding:12px 0;display:grid}.dark .viz-field-row{border-color:#374151}.viz-field-row:last-child{border-bottom:none}.viz-field-label{color:#6b7280;font-size:13px;font-weight:500}.dark .viz-field-label{color:#9ca3af}.viz-field-value{color:#1f2937;font-size:14px}.dark .viz-field-value{color:#e5e7eb}.viz-tag{color:#3b82f6;background:#eff6ff;border:1px solid #3b82f6;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.dark .viz-tag{color:#60a5fa;background:#1e3a5f;border-color:#60a5fa}.viz-file-link{color:#3b82f6;font-weight:500;text-decoration:none}.viz-file-link:hover{text-decoration:underline}.viz-download-btn{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:background .3s}.viz-download-btn:hover{background:#9333ea}.viz-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.viz-table th{text-align:left;color:#374151;background:#f3f4f6;border-bottom:2px solid #d1d5db;padding:10px;font-weight:600}.dark .viz-table th{color:#e5e7eb;background:#111827;border-color:#4b5563}.viz-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:10px}.dark .viz-table td{color:#9ca3af;border-color:#374151}.viz-chart-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.dark .viz-chart-box{background:#1f2937;border-color:#374151}.viz-bar-chart{justify-content:space-around;align-items:flex-end;height:150px;padding:20px 0;display:flex}.viz-bar-item{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex}.viz-bar{border-radius:6px 6px 0 0;width:60px;transition:all .3s}.viz-bar:hover{transform:scaleY(1.05)}.viz-bar-label{color:#6b7280;margin-top:10px;font-size:11px;line-height:1.4}.dark .viz-bar-label{color:#9ca3af}.viz-insights-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.viz-insight-card{text-align:center;border-radius:8px;padding:15px}.bg-success-light{background:#f0fdf4}.bg-primary-light{background:#eff6ff}.bg-purple-light{background:#faf5ff}.bg-warning-light{background:#fef3c7}.dark .bg-success-light{background:#064e3b}.dark .bg-primary-light{background:#1e3a5f}.dark .bg-purple-light{background:#2d1b4e}.dark .bg-warning-light{background:#78350f}.text-success{color:#10b981}.text-purple{color:#a855f7}.text-warning{color:#f59e0b}.viz-report-box{flex-direction:column;gap:20px;display:flex}.viz-report-header{border-bottom:1px solid #e5e7eb;padding-bottom:15px}.dark .viz-report-header{border-color:#374151}.viz-report-sections{flex-direction:column;display:flex}.viz-report-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.dark .viz-report-section{background:#111827;border-color:#374151}.viz-report-card{border-radius:12px;margin-bottom:20px;padding:20px}.viz-report-card-title{align-items:center;gap:10px;margin-bottom:15px;font-size:18px;font-weight:700;display:flex}.viz-report-icon{font-size:24px}.viz-report-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}@media (max-width:768px){.viz-report-grid{grid-template-columns:1fr;gap:15px}}.viz-progress-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;margin-top:8px;overflow:hidden}.dark .viz-progress-bar{background:#374151}.viz-progress-fill{border-radius:4px;height:100%;transition:width .5s}.viz-section-title{color:#374151;align-items:center;gap:10px;margin-bottom:15px;font-size:15px;font-weight:600;display:flex}.dark .viz-section-title{color:#e5e7eb}.viz-section-icon{font-size:18px}.viz-section-content{flex-direction:column;gap:12px;display:flex}.viz-finding-item{background:#fff;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.dark .viz-finding-item{background:#1f2937}.viz-finding-label{color:#6b7280;font-size:12px;font-weight:500}.dark .viz-finding-label{color:#9ca3af}.viz-finding-value{color:#1f2937;font-size:14px;font-weight:600}.dark .viz-finding-value{color:#e5e7eb}.viz-recommendations-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.viz-recommendations-list li{color:#4b5563;background:#fff;border-left:4px solid #3b82f6;border-radius:8px;padding:12px;font-size:13px;line-height:1.6}.dark .viz-recommendations-list li{color:#9ca3af;background:#1f2937}.viz-priority-badge{text-transform:uppercase;border-radius:12px;margin-right:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.priority-high{color:#92400e;background:#fbbf24}.priority-medium{color:#fff;background:#3b82f6}.priority-low{color:#fff;background:#6b7280}.viz-next-steps{flex-direction:column;gap:15px;display:flex}.viz-step-item{background:#fff;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.dark .viz-step-item{background:#1f2937}.viz-step-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.viz-step-text{color:#4b5563;font-size:13px;line-height:1.6}.dark .viz-step-text{color:#9ca3af}.viz-conversation-box{flex-direction:column;height:100%;display:flex}.viz-conversation-messages{flex:1;padding-bottom:20px;overflow-y:auto}.viz-conversation-pair{animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.viz-message{align-items:flex-start;gap:10px;display:flex}.viz-message-user{justify-content:flex-end}.viz-message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.viz-message-bubble{border-radius:12px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.6}.viz-message-bubble-user{color:#1e40af;background:#eff6ff;border:1px solid #3b82f6}.dark .viz-message-bubble-user{color:#93c5fd;background:#1e3a5f}.viz-message-bubble-ai{color:#14532d;background:#f0fdf4;border:1px solid #10b981}.dark .viz-message-bubble-ai{color:#86efac;background:#064e3b}.viz-ai-meta{margin-bottom:8px;font-style:italic}.viz-ai-response strong{font-weight:600}.viz-query-input-box{background:#fff;border-top:1px solid #e5e7eb;gap:10px;padding:15px;display:flex;position:sticky;bottom:0}.dark .viz-query-input-box{background:#1f2937;border-color:#374151}.viz-query-input{border:1px solid #d1d5db;border-radius:25px;outline:none;flex:1;padding:10px 15px;font-size:14px}.dark .viz-query-input{color:#e5e7eb;background:#111827;border-color:#4b5563}.viz-query-input:focus{border-color:#3b82f6}.viz-query-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .3s}.viz-query-btn:hover{background:#2563eb}.viz-suggested-queries{flex-wrap:wrap;gap:8px;padding:0 15px 15px;display:flex}.viz-query-chip{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:20px;padding:6px 12px;font-size:12px;transition:all .3s}.dark .viz-query-chip{color:#9ca3af;background:#374151;border-color:#4b5563}.viz-query-chip:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}@media (max-width:1024px){.analytics-modal-body{grid-template-columns:1fr}.analytics-process-section{padding-right:0}.viz-stats-grid,.viz-insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-modal{align-items:stretch;padding:0}.analytics-modal-content{border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100vh;max-height:100vh;display:flex}.analytics-modal-header{flex-shrink:0;padding:12px 16px}.analytics-modal-header h2{margin-bottom:4px!important;font-size:16px!important}.analytics-modal-header p{line-height:1.3;margin-bottom:0!important;font-size:12px!important}.analytics-modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.analytics-modal-body{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.analytics-steps{flex-flow:row;gap:8px;padding-bottom:8px;overflow-x:auto}.analytics-step{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:auto;padding:10px 12px}.analytics-step-number{width:28px;height:28px;font-size:12px}.analytics-step-content h4{white-space:nowrap;margin-bottom:0!important;font-size:11px!important}.analytics-step-content p{display:none}.process-controls{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.control-btn{padding:6px 10px;font-size:11px}.analytics-visualization-section{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.analytics-viz-content{flex:1;min-height:0;max-height:none;padding:12px;overflow-y:auto}.viz-stat-card-sm{padding:10px 8px}.viz-stat-label{font-size:9px}.viz-stat-value{font-size:16px}.viz-field-row{grid-template-columns:1fr;gap:4px;padding:8px 0}.viz-field-label{font-size:11px}.viz-field-value{font-size:13px}.viz-field-group{padding:12px}.viz-field-group-header{margin-bottom:10px;font-size:12px}.viz-stats-grid,.viz-insights-grid{grid-template-columns:repeat(2,1fr);gap:8px}.viz-insight-card{padding:10px}.viz-response-nav{padding:10px 12px}.viz-nav-btn{padding:4px 8px;font-size:11px}.viz-response-content{padding:12px}.viz-report-card{margin-bottom:12px;padding:12px}.viz-report-card-title{gap:8px;margin-bottom:10px;font-size:14px}.viz-report-icon{font-size:18px}.viz-section-title{margin-bottom:10px;font-size:13px}.viz-finding-item{padding:8px}.viz-finding-label{font-size:10px}.viz-finding-value{font-size:12px}.viz-recommendations-list li{padding:10px;font-size:12px;line-height:1.5}.viz-step-item{gap:10px;padding:10px}.viz-step-number{width:24px;height:24px;font-size:11px}.viz-step-text{font-size:12px;line-height:1.5}.viz-message-bubble{max-width:85%;padding:10px 12px;font-size:13px;line-height:1.5}.viz-message-avatar{width:28px;height:28px;font-size:14px}.viz-query-input-box{gap:8px;padding:10px}.viz-query-input{padding:8px 12px;font-size:13px}.viz-query-btn{padding:8px 14px;font-size:12px}.viz-suggested-queries{gap:6px;padding:0 10px 10px}.viz-query-chip{padding:5px 10px;font-size:11px}.viz-table{font-size:11px}.viz-table th,.viz-table td{padding:8px 6px}.viz-bar-chart{height:120px;padding:15px 0}.viz-bar{width:40px}.viz-bar-label{font-size:9px}.feature-icon-box{width:50px;height:50px;font-size:24px}.demo-icon-large{font-size:36px}}@media (max-width:480px){.analytics-modal-header{padding:10px 12px}.analytics-modal-header h2{font-size:14px!important}.analytics-modal-header p{font-size:11px!important}.analytics-modal-body{gap:10px;padding:10px}.analytics-step{padding:8px 10px}.analytics-step-number{width:24px;height:24px;font-size:10px}.analytics-step-content h4{font-size:10px!important}.viz-stats-grid,.viz-insights-grid{grid-template-columns:1fr 1fr;gap:6px}.viz-stat-card-sm,.viz-insight-card{padding:8px 6px}.viz-stat-label{font-size:8px}.viz-stat-value{font-size:14px}.viz-message-bubble{max-width:90%;font-size:12px}.feature-badges{flex-direction:column;align-items:stretch}.feature-badges .badge{text-align:center}}
@media (max-width:1199px){.uc-navbar-dropdown{width:auto!important;max-width:calc(100vw - 32px)!important}.uc-navbar-dropdown .row{flex-direction:column}.uc-navbar-dropdown .row>div{flex:0 0 100%!important;width:100%!important;max-width:100%!important}}.mobile-menu-panel{z-index:9999;background:#fff;width:100%;max-width:320px;height:100vh;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 20px #0000001a}.mobile-menu-panel.uc-open{right:0}.dark .mobile-menu-panel,.uc-dark .mobile-menu-panel{background:#1a1a2e}.mobile-menu-overlay{z-index:9998;opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:fixed;top:0;left:0}.mobile-menu-overlay.uc-open{opacity:1;visibility:visible}.mobile-menu-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dark .mobile-menu-header,.uc-dark .mobile-menu-header{border-bottom-color:#ffffff1a}.mobile-menu-close{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.dark .mobile-menu-close,.uc-dark .mobile-menu-close{color:#fff;background:#374151}.mobile-menu-content{padding:20px}.mobile-menu-nav{margin:0;padding:0;list-style:none}.mobile-menu-nav>li{border-bottom:1px solid #0000000d}.dark .mobile-menu-nav>li,.uc-dark .mobile-menu-nav>li{border-bottom-color:#ffffff0d}.mobile-menu-nav>li>a,.mobile-menu-nav>li>button{color:#1f2937;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 0;font-size:16px;font-weight:500;text-decoration:none;display:flex}.dark .mobile-menu-nav>li>a,.dark .mobile-menu-nav>li>button,.uc-dark .mobile-menu-nav>li>a,.uc-dark .mobile-menu-nav>li>button{color:#fff}.mobile-menu-nav>li>a:hover,.mobile-menu-nav>li>button:hover{color:var(--color-primary)}.mobile-submenu{padding:0 0 12px;display:none}.mobile-submenu.open{display:block}.mobile-submenu-list{margin:0;padding:0;list-style:none}.mobile-submenu-list li a{color:#4b5563;border-radius:8px;align-items:center;gap:12px;margin:4px 0;padding:10px 12px;font-size:14px;text-decoration:none;transition:background-color .15s;display:flex}.dark .mobile-submenu-list li a,.uc-dark .mobile-submenu-list li a{color:#d1d5db}.mobile-submenu-list li a:hover{background-color:#0000000d}.dark .mobile-submenu-list li a:hover,.uc-dark .mobile-submenu-list li a:hover{background-color:#ffffff0d}.mobile-submenu-list li a .icon-wrapper{background:linear-gradient(45deg,var(--color-quaternary,#f1ffdc),var(--color-primary-100,#d0eddb));width:36px;height:36px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-submenu-list li a .item-text h6{color:#1f2937;margin:0;font-size:14px;font-weight:600}.dark .mobile-submenu-list li a .item-text h6,.uc-dark .mobile-submenu-list li a .item-text h6{color:#fff}.mobile-submenu-list li a .item-text span{color:#6b7280;margin-top:2px;font-size:12px;display:block}.mobile-menu-cta{border-top:1px solid #0000001a;margin-top:24px;padding-top:24px}.dark .mobile-menu-cta,.uc-dark .mobile-menu-cta{border-top-color:#ffffff1a}.mobile-menu-cta .btn{justify-content:center;width:100%}.mobile-menu-nav button .chevron{transition:transform .2s}.mobile-menu-nav button.open .chevron{transform:rotate(180deg)}
:root{--template-primary:#16a34a;--template-primary-dark:#15803d;--template-accent:#ddff9a;--template-gray-50:#f9fafb;--template-gray-100:#f3f4f6;--template-gray-200:#e5e7eb;--template-gray-300:#d1d5db;--template-gray-400:#9ca3af;--template-gray-500:#6b7280;--template-gray-600:#4b5563;--template-gray-700:#374151;--template-gray-800:#1f2937;--template-gray-900:#111827;--template-header-height:80px;--template-header-offset:100px;--template-sidebar-width:280px}.template-library{background:var(--template-gray-50);min-height:100vh}.template-library-container{max-width:1600px;margin:0 auto;padding:0 1.5rem}.template-hero{background:linear-gradient(135deg,var(--template-primary)0%,#0f7a3d 100%);color:#fff;padding:4rem 0 3rem;padding-top:calc(var(--template-header-offset) + 4rem)}.template-hero-inner{text-align:center;max-width:800px;margin:0 auto}.template-hero h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.template-hero p{opacity:.9;margin-bottom:2rem;font-size:1.125rem}.template-search{max-width:600px;margin:0 auto;position:relative}.template-search input{background:#fff;border:none;border-radius:.75rem;outline:none;width:100%;padding:1rem 1.25rem 1rem 3rem;font-size:1rem;box-shadow:0 4px 20px #00000026}.template-search input::placeholder{color:var(--template-gray-400)}.template-search-icon{color:var(--template-gray-400);font-size:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.template-search-wrapper{max-width:900px;margin:0 auto}.template-search-ai{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:1rem;align-items:center;transition:all .3s;display:flex;position:relative}.template-search-ai:focus-within{border-color:var(--template-accent);box-shadow:0 8px 32px #0003,0 0 0 3px #ddff9a4d}.template-search-ai .template-search-icon{color:var(--template-primary);font-size:1.375rem}.template-search-ai input{flex:1;padding-right:8.5rem}.template-search-badge{background:linear-gradient(135deg,var(--template-primary),#0f7a3d);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.template-search-badge:hover:not(:disabled){background:linear-gradient(135deg,#0f7a3d,#0a5c2e);transform:translateY(-50%)scale(1.02)}.template-search-badge:disabled{opacity:.6;cursor:not-allowed}.template-search-badge i{font-size:.875rem}.template-search-clear{background:var(--template-gray-100);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--template-gray-500);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex;position:absolute;top:50%;right:7rem;transform:translateY(-50%)}.template-search-clear:hover{background:var(--template-gray-200);color:var(--template-gray-700)}.template-search-examples{color:#ffffffe6;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.8125rem;display:flex}.template-search-examples-label{opacity:.8;font-weight:500}.template-search-example{color:#fffffff2;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:1rem;padding:.25rem .75rem;font-family:inherit;font-size:.75rem;transition:all .2s}.template-search-example:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.template-search-spinner{animation:1s linear infinite searchSpin}@keyframes searchSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.template-search-wrapper{max-width:100%}.template-search-ai input{padding-right:6.5rem;font-size:.9375rem}.template-search-badge{padding:.375rem .75rem;font-size:.625rem}.template-search-badge i{display:none}.template-search-clear{right:5.5rem}.template-search-examples{gap:.375rem}.template-search-example{padding:.1875rem .5rem;font-size:.6875rem}}.template-main{grid-template-columns:var(--template-sidebar-width)1fr;gap:2rem;padding:2rem 0;display:grid}@media (max-width:1024px){.template-main{grid-template-columns:1fr}}.template-sidebar{top:calc(var(--template-header-offset) + 1rem);max-height:calc(100vh - var(--template-header-offset) - 2rem);scrollbar-width:thin;scrollbar-color:var(--template-gray-300)transparent;background:#fff;border-radius:1rem;padding:1.5rem;position:sticky;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.template-sidebar::-webkit-scrollbar{width:6px}.template-sidebar::-webkit-scrollbar-track{background:0 0}.template-sidebar::-webkit-scrollbar-thumb{background-color:var(--template-gray-300);border-radius:3px}@media (max-width:1024px){.template-sidebar{display:none;position:static}.template-sidebar.mobile-open{z-index:1000;border-radius:0;padding-top:4rem;display:block;position:fixed;inset:0;overflow-y:auto}}.filter-section{border-bottom:1px solid var(--template-gray-200);margin-bottom:1.5rem;padding-bottom:1.5rem}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{color:var(--template-gray-800);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.filter-title .chevron{transition:transform .2s}.filter-title.collapsed .chevron{transform:rotate(-90deg)}.filter-options.collapsed{display:none}.filter-options.limited{max-height:175px;overflow:hidden}.filter-options.expanded{max-height:none}.filter-view-more{color:var(--template-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.8125rem;font-weight:500;display:flex}.filter-view-more:hover{text-decoration:underline}.filter-view-more i{font-size:.75rem;transition:transform .2s}.filter-view-more.expanded i{transform:rotate(180deg)}.filter-option{cursor:pointer;color:var(--template-gray-600);align-items:center;padding:.5rem 0;font-size:.875rem;transition:color .2s;display:flex}.filter-option:hover{color:var(--template-primary)}.filter-option input[type=checkbox]{accent-color:var(--template-primary);margin-right:.75rem}.filter-option .count{color:var(--template-gray-400);background:var(--template-gray-100);border-radius:1rem;margin-left:auto;padding:.125rem .5rem;font-size:.75rem}.filter-clear{color:var(--template-primary);cursor:pointer;margin-top:.5rem;font-size:.75rem;display:inline-block}.filter-clear:hover{text-decoration:underline}.category-tabs-wrapper{background:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:.75rem;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.category-tabs{gap:.5rem;min-width:max-content;display:flex}.category-tab{color:var(--template-gray-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.category-tab:hover{background:var(--template-gray-100);color:var(--template-gray-800)}.category-tab.active{background:var(--template-primary);color:#fff}.category-tab .tab-count{opacity:.7;margin-left:.25rem;font-size:.75rem}.template-content{min-width:0}.template-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}@media (max-width:640px){.template-grid{grid-template-columns:1fr}}.template-card{cursor:pointer;background:#fff;border-radius:1rem;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1e957926}.template-card-preview{height:200px;position:relative;overflow:hidden}.template-card-preview img{object-fit:cover;object-position:top;width:100%;height:100%}.template-gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.template-gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.template-gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.template-gradient-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.template-gradient-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.template-gradient-6{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.template-gradient-icon{color:#fffc;font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.template-card-badge{background:var(--template-accent);color:var(--template-gray-800);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.template-card-body{padding:1.25rem}.template-card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.template-tag{color:var(--template-primary);background:#1e95791a;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.template-card-title{color:var(--template-gray-800);margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.template-card-description{color:var(--template-gray-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.template-card-meta{color:var(--template-gray-400);border-top:1px solid var(--template-gray-100);gap:1rem;padding-top:1rem;font-size:.75rem;display:flex}.template-card-meta span{align-items:center;gap:.375rem;display:flex}.template-card.locked{position:relative}.template-card.locked:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;position:absolute;inset:0}.template-card.locked .lock-overlay{z-index:1;color:var(--template-gray-600);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-card.locked .lock-icon{color:var(--template-primary);margin-bottom:.5rem;font-size:2rem}.template-card.locked .lock-text{font-size:.875rem;font-weight:500}.auth-wall-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;padding:1rem;transition:all .3s;display:flex;position:fixed;inset:0}.auth-wall-overlay.open{opacity:1;visibility:visible}.auth-wall-modal{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:480px;padding:2.5rem;transition:transform .3s;transform:scale(.9)}.auth-wall-overlay.open .auth-wall-modal{transform:scale(1)}.auth-wall-icon{background:linear-gradient(135deg,var(--template-primary)0%,var(--template-primary-dark)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2rem;display:flex}.auth-wall-title{color:var(--template-gray-800);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.auth-wall-description{color:var(--template-gray-500);margin-bottom:2rem;line-height:1.6}.auth-wall-benefits{text-align:left;margin-bottom:2rem}.auth-wall-benefit{color:var(--template-gray-600);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9375rem;display:flex}.auth-wall-benefit i{color:var(--template-primary);font-size:1rem}.auth-wall-btn{cursor:pointer;border-radius:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-wall-btn-primary{background:var(--template-primary);color:#fff;border:none;margin-bottom:.75rem}.auth-wall-btn-primary:hover{background:var(--template-primary-dark)}.auth-wall-btn-secondary{color:var(--template-gray-600);border:1px solid var(--template-gray-300);background:#fff}.auth-wall-btn-secondary:hover{background:var(--template-gray-50)}.auth-wall-close{color:var(--template-gray-400);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.template-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.template-section-title{color:var(--template-gray-800);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.template-section-title i{color:var(--template-primary)}.template-section-count{color:var(--template-gray-400);font-size:.875rem}.view-all-link{color:var(--template-primary);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.view-all-link:hover{text-decoration:underline}.results-header{border-bottom:1px solid var(--template-gray-200);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.results-count{color:var(--template-gray-500);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.results-ai-badge{background:linear-gradient(135deg,var(--template-primary),#0f7a3d);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:2rem;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.results-ai-badge i{font-size:.75rem}.results-sort{color:var(--template-gray-600);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.results-sort select{border:1px solid var(--template-gray-300);cursor:pointer;background:#fff;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.mobile-filter-toggle{background:var(--template-primary);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1e95794d}@media (max-width:1024px){.mobile-filter-toggle{align-items:center;gap:.5rem;display:flex}}.pagination{border-top:1px solid var(--template-gray-200);justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;display:flex}.pagination-btn{border:1px solid var(--template-gray-300);cursor:pointer;background:#fff;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--template-gray-50);border-color:var(--template-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--template-primary);border-color:var(--template-primary);color:#fff}.template-details{background:var(--template-gray-50);min-height:100vh;padding-top:calc(var(--template-header-offset) + 20px)}.template-details-hero{border-bottom:1px solid var(--template-gray-200);background:#fff;padding:2.5rem 0}.template-details-hero-container{grid-template-columns:2fr 1fr;align-items:start;gap:3rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid}@media (max-width:1024px){.template-details-hero-container{grid-template-columns:1fr;gap:2rem}}.template-hero-content h1{color:var(--template-gray-900);margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.2}.template-hero-badges{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.template-hero-description{color:var(--template-gray-600);margin-bottom:1rem;font-size:1.0625rem;line-height:1.7}.template-hero-stats{border-top:1px solid var(--template-gray-200);border-bottom:1px solid var(--template-gray-200);gap:2rem;margin-bottom:1.5rem;padding:1.25rem 0;display:flex}@media (max-width:640px){.template-hero-stats{flex-wrap:wrap;gap:1rem}}.template-hero-stat{flex-direction:column;display:flex}.template-hero-stat-value{color:var(--template-gray-900);font-size:1.5rem;font-weight:700}.template-hero-stat-label{color:var(--template-gray-500);font-size:.8125rem}.template-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}@media (max-width:640px){.template-hero-actions{flex-direction:column}.template-hero-actions .template-btn{justify-content:center;width:100%}}.template-preview-box{border:1px solid var(--template-gray-200);background:#fff;border-radius:1rem;min-height:380px;max-height:450px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.template-preview-box:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:60px;position:absolute;bottom:0;left:0;right:0}.template-mini-preview{transform-origin:top;transform:scale(.85)}.template-mini-preview-header{border-bottom:2px solid var(--template-gray-100);margin-bottom:1.25rem;padding-bottom:1rem}.template-mini-preview-header h3{color:var(--template-gray-800);margin-bottom:.375rem;font-size:1.125rem;font-weight:700}.template-mini-preview-header p{color:var(--template-gray-500);font-size:.8125rem;line-height:1.5}.template-mini-preview-section{margin-bottom:1.25rem}.template-mini-preview-section-title{color:var(--template-gray-700);border-bottom:1px solid var(--template-gray-200);margin-bottom:.75rem;padding-bottom:.375rem;font-size:.875rem;font-weight:600}.template-mini-preview-fields{flex-direction:column;gap:.625rem;display:flex}.template-mini-preview-row{flex-wrap:wrap;gap:.5rem;display:flex}.template-mini-preview-field{flex-direction:column;gap:.25rem;display:flex}.template-mini-preview-field label{color:var(--template-gray-600);font-size:.75rem;font-weight:500}.template-mini-preview-field label .required{color:#ef4444;margin-left:.125rem}.template-mini-preview-field input,.template-mini-preview-field select{border:1px solid var(--template-gray-200);background:var(--template-gray-50);width:100%;color:var(--template-gray-400);box-sizing:border-box;border-radius:.375rem;padding:.5rem .625rem;font-size:.75rem}.template-details-main{grid-template-columns:1fr 350px;gap:2.5rem;max-width:1400px;margin:0 auto;padding:2.5rem 2rem;display:grid}@media (max-width:1024px){.template-details-main{grid-template-columns:1fr}}.template-content-column{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000000d}.template-section-tabs{border-bottom:2px solid var(--template-gray-200);gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.template-section-tab{color:var(--template-gray-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s}.template-section-tab:hover{color:var(--template-primary)}.template-section-tab.active{color:var(--template-primary);border-bottom-color:var(--template-primary)}.template-tab-content{display:none}.template-tab-content.active{display:block}.template-content-title{color:var(--template-gray-900);margin-bottom:1rem;font-size:1.375rem;font-weight:700}.template-content-text{color:var(--template-gray-600);line-height:1.8}.template-content-text ul{margin:1rem 0;padding-left:1.5rem}.template-content-text li{margin:.5rem 0}.form-structure-section{margin-top:2rem}.form-section-card{background:var(--template-gray-50);border:1px solid var(--template-gray-200);border-radius:.75rem;margin-bottom:1.25rem;padding:1.5rem}.form-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.form-section-name{color:var(--template-gray-900);align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:600;display:flex}.form-section-meta{color:var(--template-gray-500);font-size:.8125rem}.field-list{flex-direction:column;gap:.625rem;display:flex}.field-item{border:1px solid var(--template-gray-200);background:#fff;border-radius:.5rem;align-items:center;gap:.875rem;padding:.875rem;display:flex}.field-icon{width:36px;height:36px;color:var(--template-primary);background:#16a34a1a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.field-info{flex:1;min-width:0}.field-name{color:var(--template-gray-900);font-size:.9375rem;font-weight:600}.field-type{color:var(--template-gray-500);font-size:.8125rem}.field-badges{flex-wrap:wrap;gap:.375rem;display:flex}.field-badge{color:#1e40af;background:#dbeafe;border-radius:1rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.field-badge-required{color:#991b1b;background:#fee2e2}.template-features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}@media (max-width:768px){.template-features-grid{grid-template-columns:1fr}}.template-feature-item{background:var(--template-gray-50);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.template-feature-icon{flex-shrink:0;font-size:1.5rem}.template-feature-text h4{color:var(--template-gray-900);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.template-feature-text p{color:var(--template-gray-600);font-size:.8125rem}.template-use-cases-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.template-use-case-item{background:var(--template-gray-50);border-left:3px solid var(--template-primary);border-radius:.5rem;gap:1rem;padding:1rem;display:flex}.template-use-case-icon{flex-shrink:0;font-size:1.5rem}.template-use-case-text h4{color:var(--template-gray-900);margin-bottom:.25rem;font-weight:600}.template-use-case-text p{color:var(--template-gray-600);font-size:.875rem}.template-details-sidebar{flex-direction:column;gap:1.5rem;display:flex}.template-sidebar-card{border:1px solid var(--template-gray-200);background:#fff;border-radius:.75rem;padding:1.5rem}.template-sidebar-card h3{color:var(--template-gray-900);margin-bottom:1rem;font-size:1.0625rem;font-weight:700}.template-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.template-info-item{flex-direction:column;gap:.25rem;display:flex}.template-info-label{color:var(--template-gray-500);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.template-info-value{color:var(--template-gray-900);font-size:.875rem;font-weight:600}.template-info-row{border-bottom:1px solid var(--template-gray-100);justify-content:space-between;padding-bottom:.75rem;display:flex}.template-info-row:last-child{border-bottom:none;padding-bottom:0}.template-sidebar-tags{flex-wrap:wrap;gap:.5rem;display:flex}.template-sidebar-tag{background:var(--template-gray-100);color:var(--template-gray-700);border-radius:1rem;padding:.375rem .75rem;font-size:.8125rem;text-decoration:none;transition:all .2s}.template-sidebar-tag:hover{background:var(--template-gray-200);color:var(--template-primary)}.template-related-list{flex-direction:column;gap:.75rem;display:flex}.template-related-item{background:var(--template-gray-50);cursor:pointer;border:1px solid var(--template-gray-200);border-radius:.5rem;gap:.875rem;padding:.875rem;text-decoration:none;transition:all .2s;display:flex}.template-related-item:hover{border-color:var(--template-primary);box-shadow:0 4px 8px #0000000d}.template-related-icon{background:linear-gradient(135deg,var(--template-primary)0%,#0f7a3d 100%);color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.template-related-info h4{color:var(--template-gray-900);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.template-related-meta{color:var(--template-gray-500);font-size:.75rem}.template-related-score{color:var(--template-primary);margin-top:.25rem;font-size:.6875rem;font-weight:600}.template-cta-box{background:linear-gradient(135deg,var(--template-primary)0%,#0f7a3d 100%);text-align:center;color:#fff;border-radius:.75rem;padding:1.75rem}.template-cta-box h3{color:#fff;margin-bottom:.5rem;font-size:1.125rem}.template-cta-box p{opacity:.9;margin-bottom:1.25rem;font-size:.9375rem}.template-cta-box .template-btn-primary{color:var(--template-primary);background:#fff;justify-content:center;width:100%}.template-cta-box .template-btn-primary:hover{background:var(--template-gray-100)}.form-structure-auth-wall{background:var(--template-gray-50);border:2px dashed var(--template-gray-300);text-align:center;border-radius:.75rem;padding:3rem 2rem}.form-structure-auth-wall-icon{margin-bottom:1rem;font-size:3rem}.form-structure-auth-wall h3{color:var(--template-gray-800);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.form-structure-auth-wall p{color:var(--template-gray-600);margin-bottom:1.5rem}.template-related-section{max-width:1400px;margin:0 auto;padding:0 2rem 3rem}.template-related-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.template-related-section-header h2{color:var(--template-gray-900);font-size:1.5rem;font-weight:700}.template-related-section-header a{color:var(--template-primary);align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.template-related-section-header a:hover{text-decoration:underline}.template-related-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1200px){.template-related-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.template-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.template-related-grid{grid-template-columns:1fr}}.template-preview-modal-overlay{z-index:9999;opacity:0;visibility:hidden;background:#0009;justify-content:center;align-items:center;padding:2rem;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.template-preview-modal-overlay.open{opacity:1;visibility:visible}.template-preview-modal{background:#fff;border-radius:1rem;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;transition:transform .2s;display:flex;transform:scale(.95);box-shadow:0 24px 48px #0003}.template-preview-modal-overlay.open .template-preview-modal{transform:scale(1)}.template-preview-modal-header{border-bottom:1px solid var(--template-gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.template-preview-modal-header h3{color:var(--template-gray-900);font-size:1.125rem;font-weight:600}.template-preview-modal-close{background:var(--template-gray-100);width:36px;height:36px;color:var(--template-gray-600);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.template-preview-modal-close:hover{background:var(--template-gray-200);color:var(--template-gray-800)}.template-preview-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.template-preview-modal-footer{border-top:1px solid var(--template-gray-200);flex-shrink:0;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.template-info-panel{background:#fff;padding:2rem}@media (max-width:1024px){.template-info-panel{border-right:none;border-bottom:1px solid var(--template-gray-200)}}.template-breadcrumb{color:var(--template-gray-500);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.template-breadcrumb a{color:var(--template-primary);text-decoration:none}.template-breadcrumb a:hover{text-decoration:underline}.template-info-title{color:var(--template-gray-800);margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.3}.template-info-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.template-badge{border-radius:2rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500}.template-badge-primary{color:var(--template-primary);background:#1e95791a}.template-badge-secondary{background:var(--template-gray-100);color:var(--template-gray-600)}.template-badge-industry{color:#1e40af;background:#dbeafe}.template-hero-description{margin-bottom:.875rem}.template-hero-description p{color:var(--template-gray-600);margin:0;font-size:1.0625rem;line-height:1.7}.template-hero-description-extended{color:var(--template-gray-500)!important;margin-top:.75rem!important}.template-hero-description-extended+.template-hero-description-extended{margin-top:.5rem!important}.template-search-description{position:relative}.template-search-description-text{color:var(--template-gray-500);margin-top:.5rem;font-size:.9375rem;line-height:1.6}.template-search-description-text.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.8em;display:-webkit-box;overflow:hidden}.template-search-description-toggle{color:var(--template-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.375rem;padding:0;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.template-search-description-toggle:hover{color:var(--template-primary-dark)}.template-search-description-toggle i{font-size:.875rem;transition:transform .2s}.template-search-description-toggle.expanded i{transform:rotate(180deg)}.template-quick-nav{border-bottom:2px solid var(--template-gray-200);flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0;display:flex;overflow-x:auto}.template-quick-nav-link{color:var(--template-gray-600);white-space:nowrap;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.template-quick-nav-link:hover{background:var(--template-gray-100);color:var(--template-primary)}.template-overview-content{flex-direction:column;gap:2.5rem;display:flex}.template-overview-section{scroll-margin-top:100px}.template-overview-section:not(:last-child){border-bottom:1px solid var(--template-gray-200);padding-bottom:2.5rem}.template-whats-included-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.template-included-item{background:var(--template-gray-50);border:1px solid var(--template-gray-200);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.template-included-icon{width:40px;height:40px;color:var(--template-primary);background:#16a34a1a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.template-included-content h4{color:var(--template-gray-800);margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.template-included-content p{color:var(--template-gray-500);margin:0;font-size:.8125rem}.form-structure-stats{background:var(--template-gray-50);border:1px solid var(--template-gray-200);border-radius:.75rem;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.form-structure-stat{align-items:center;gap:.75rem;display:flex}.form-structure-stat-icon{background:var(--template-gray-100);width:40px;height:40px;color:var(--template-gray-600);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.form-structure-stat-success .form-structure-stat-icon{color:#22c55e;background:#22c55e1a}.form-structure-stat-info .form-structure-stat-icon{color:#3b82f6;background:#3b82f61a}.form-structure-stat-purple .form-structure-stat-icon{color:#8b5cf6;background:#8b5cf61a}.form-structure-stat-content{flex-direction:column;display:flex}.form-structure-stat-value{color:var(--template-gray-800);font-size:1.5rem;font-weight:700;line-height:1.2}.form-structure-stat-label{color:var(--template-gray-500);font-size:.75rem}.form-structure-sections{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.form-structure-section-card{border:1px solid var(--template-gray-200);background:#fff;border-radius:.75rem;overflow:hidden}.form-structure-section-header{background:var(--template-gray-50);border-bottom:1px solid var(--template-gray-200);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.form-structure-section-title{color:var(--template-gray-800);align-items:center;gap:.5rem;font-weight:600;display:flex}.form-structure-section-title i{color:var(--template-primary)}.form-structure-section-count{color:var(--template-gray-500);background:var(--template-gray-100);border-radius:1rem;padding:.25rem .75rem;font-size:.8125rem}.form-structure-section-body{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.form-structure-badge-row{align-items:flex-start;gap:.75rem;display:flex}.form-structure-badge-label{color:var(--template-gray-600);min-width:80px;padding-top:.25rem;font-size:.8125rem;font-weight:500}.form-structure-badge-list{flex-wrap:wrap;gap:.375rem;display:flex}.form-structure-badge{border-radius:.375rem;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.form-structure-badge-field{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.form-structure-badge-validation{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.form-structure-badge-option{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.form-structure-badge-behavior{color:#7c3aed;background:#f3e8ff;border:1px solid #e9d5ff}.form-structure-cta{text-align:center;border:1px dashed var(--template-primary);background:linear-gradient(135deg,#1e95790d,#1e95791a);border-radius:.75rem;padding:1.5rem}.form-structure-cta-text{color:var(--template-gray-600);margin-bottom:1rem;font-size:.9375rem}.form-structure-cta .template-btn{display:inline-flex}@media (max-width:768px){.form-structure-stats{grid-template-columns:repeat(2,1fr)}.form-structure-badge-row{flex-direction:column;gap:.5rem}.form-structure-badge-label{min-width:auto;padding-top:0}}@media (max-width:480px){.form-structure-stats{grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem}.form-structure-stat-value{font-size:1.25rem}.form-structure-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.template-info-description{color:var(--template-gray-600);margin-bottom:1.5rem;line-height:1.7}.template-stats{background:var(--template-gray-50);border-radius:.75rem;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.template-stat{text-align:center}.template-stat-value{color:var(--template-gray-800);font-size:1.25rem;font-weight:700}.template-stat-label{color:var(--template-gray-500);margin-top:.25rem;font-size:.75rem}.template-actions{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.template-btn{cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.template-btn-primary{background:var(--template-primary);color:#fff;border:none}.template-btn-primary:hover{background:var(--template-primary-dark)}.template-btn-secondary{color:var(--template-gray-700);border:1px solid var(--template-gray-300);background:#fff}.template-btn-secondary:hover{background:var(--template-gray-50)}.template-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.template-info-item{background:var(--template-gray-50);border-radius:.5rem;padding:1rem}.template-info-item-label{color:var(--template-gray-500);margin-bottom:.25rem;font-size:.75rem}.template-info-item-value{color:var(--template-gray-800);font-size:.9375rem;font-weight:500}.template-form-sections{border-top:1px solid var(--template-gray-200);padding-top:1.5rem}.template-form-sections h3{color:var(--template-gray-800);margin-bottom:1rem;font-size:1rem;font-weight:600}.template-section-item{background:var(--template-gray-50);border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.template-section-icon{background:var(--template-primary);color:#fff;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.template-section-name{color:var(--template-gray-800);font-size:.9375rem;font-weight:500}.template-section-fields{color:var(--template-gray-500);margin-top:.125rem;font-size:.8125rem}.template-preview-panel{background:var(--template-gray-100);position:relative;overflow-y:auto}.template-preview-toolbar{z-index:10;border-bottom:1px solid var(--template-gray-200);background:#fff;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.device-btn{border:1px solid var(--template-gray-300);cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s;display:flex}.device-btn.active{background:var(--template-primary);color:#fff;border-color:var(--template-primary)}.device-btn:hover:not(.active){background:var(--template-gray-50)}.template-preview-container{justify-content:center;min-height:calc(100% - 56px);padding:2rem;display:flex}.template-preview-frame{background:#fff;border-radius:.75rem;width:100%;max-width:800px;transition:max-width .3s;overflow:hidden;box-shadow:0 4px 24px #0000001a}.template-preview-frame.tablet{max-width:600px}.template-preview-frame.mobile{max-width:375px}.template-preview-content{padding:2rem}.template-bottom-section{grid-template-columns:1fr 1fr;gap:2rem;max-width:1600px;margin:0 auto;padding:2rem;display:grid}@media (max-width:768px){.template-bottom-section{grid-template-columns:1fr}.template-quick-nav{gap:.25rem}.template-quick-nav-link{padding:.375rem .75rem;font-size:.8125rem}.template-whats-included-grid{grid-template-columns:1fr}.template-overview-content{gap:2rem}.template-overview-section:not(:last-child){padding-bottom:2rem}}.template-tags-section,.template-related-section{background:#fff;border-radius:1rem;padding:1.5rem}.template-tags-section h3,.template-related-section h3{color:var(--template-gray-800);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.template-tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.template-tags-list .tag{background:var(--template-gray-100);color:var(--template-gray-600);border-radius:2rem;padding:.375rem .875rem;font-size:.8125rem}.related-templates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.related-template-card{background:var(--template-gray-50);border-radius:.75rem;padding:1rem;text-decoration:none;transition:all .2s}.related-template-card:hover{background:var(--template-gray-100)}.related-template-title{color:var(--template-gray-800);margin-bottom:.25rem;font-size:.9375rem;font-weight:500}.related-template-meta{color:var(--template-gray-500);font-size:.75rem}.template-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.template-spinner{border:3px solid var(--template-gray-200);border-top-color:var(--template-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.template-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}.template-btn:disabled{opacity:.7;cursor:not-allowed}.template-empty{text-align:center;padding:4rem 2rem}.template-empty-icon{color:var(--template-gray-300);margin-bottom:1rem;font-size:4rem}.template-empty h3{color:var(--template-gray-800);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.template-empty p{color:var(--template-gray-500)}.template-preview-floating-btns{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.template-preview-floating-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:1.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-family:inherit;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.template-preview-floating-btn i{font-size:.875rem}.template-preview-floating-btn-primary{background:var(--template-primary);color:#fff;box-shadow:0 2px 8px #16a34a4d}.template-preview-floating-btn-primary:hover{background:var(--template-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a66}.template-preview-floating-btn-secondary{color:var(--template-gray-700);border:1px solid var(--template-gray-300);background:#fff;box-shadow:0 2px 8px #00000014}.template-preview-floating-btn-secondary:hover{background:var(--template-gray-50);border-color:var(--template-gray-400);transform:translateY(-1px)}.template-preview-box{position:relative}.template-preview-box:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff 70%);border-radius:0 0 1rem 1rem;height:70px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.template-preview-floating-btns{gap:.375rem;bottom:1rem}.template-preview-floating-btn{padding:.4375rem .75rem;font-size:.6875rem}.template-preview-floating-btn i{font-size:.75rem}}.template-mini-preview-field textarea{border:1px solid var(--template-gray-200);background:var(--template-gray-50);color:var(--template-gray-400);resize:none;border-radius:.375rem;width:100%;padding:.5rem .625rem;font-family:inherit;font-size:.75rem}.template-mini-preview-checkboxes,.template-mini-preview-radios{flex-direction:column;gap:.375rem;display:flex}.template-mini-preview-checkboxes label,.template-mini-preview-radios label{color:var(--template-gray-500);align-items:center;gap:.375rem;font-size:.75rem;font-weight:400;display:flex}.template-mini-preview-checkboxes input,.template-mini-preview-radios input{width:auto;margin:0}.template-mini-preview-rating{gap:.25rem;display:flex}.template-mini-preview-star{color:var(--template-gray-300);font-size:1rem}.template-mini-preview-file,.template-mini-preview-signature{border:1px dashed var(--template-gray-300);color:var(--template-gray-400);text-align:center;background:var(--template-gray-50);border-radius:.375rem;padding:.625rem;font-size:.6875rem}.template-card-preview-skeleton{background:#fff;justify-content:center;align-items:flex-start;padding:.75rem;display:flex}.skeleton-form-preview{transform-origin:top;pointer-events:none;width:100%;transform:scale(.65)}.skeleton-form-header{border-bottom:2px solid var(--template-gray-100);margin-bottom:.75rem;padding-bottom:.5rem}.skeleton-form-title{color:var(--template-gray-800);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.875rem;font-weight:600;overflow:hidden}.skeleton-form-desc{background:var(--template-gray-200);border-radius:.25rem;width:70%;height:.5rem}.skeleton-form-section{margin-bottom:.625rem}.skeleton-section-title{color:var(--template-gray-600);border-bottom:1px solid var(--template-gray-100);margin-bottom:.375rem;padding-bottom:.25rem;font-size:.6875rem;font-weight:600}.skeleton-fields-row{flex-wrap:wrap;gap:.5rem;display:flex}.skeleton-field{flex-direction:column;gap:.1875rem;display:flex}.skeleton-field-label{background:var(--template-gray-200);border-radius:.125rem;width:60%;height:.5rem}.skeleton-field-input{background:var(--template-gray-100);border:1px solid var(--template-gray-200);border-radius:.25rem;width:100%;height:1.25rem}.template-card:hover .skeleton-form-preview{transform:scale(.67)}.template-card-preview-skeleton:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff 70%);height:30px;position:absolute;bottom:0;left:0;right:0}.template-preview-modal-full{max-width:900px;max-height:90vh;position:relative;overflow:hidden}.template-preview-modal-close-float{z-index:20;border:1px solid var(--template-gray-200);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0000001a}.template-preview-modal-close-float:hover{background:var(--template-gray-100);transform:scale(1.05)}.template-preview-modal-close-float i{color:var(--template-gray-600);font-size:1.25rem}.template-preview-modal-body-full{max-height:90vh;padding:0;position:relative;overflow-y:auto}.template-full-preview{padding:2rem 2rem 5rem;position:relative}.template-full-preview-header{border-bottom:2px solid var(--template-gray-100);margin-bottom:2rem;padding-bottom:1.5rem}.template-full-preview-header h3{color:var(--template-gray-800);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.template-full-preview-header p{color:var(--template-gray-500);font-size:.9375rem;line-height:1.6}.template-full-preview-section{margin-bottom:2rem}.template-full-preview-section-title{color:var(--template-gray-800);border-bottom:1px solid var(--template-gray-200);margin-bottom:1rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.template-full-preview-section-desc{color:var(--template-gray-500);margin-top:.25rem;font-size:.875rem;font-weight:400;display:block}.template-full-preview-fields{flex-direction:column;gap:.75rem;display:flex}.template-full-preview-row{flex-wrap:nowrap;gap:.5rem;display:flex}.template-full-preview-field{flex-direction:column;flex-shrink:0;gap:.375rem;min-width:0;display:flex}.template-full-preview-field label{color:var(--template-gray-700);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.template-full-preview-field label .required{color:#ef4444;margin-left:.25rem}.template-full-preview-field input,.template-full-preview-field select{border:1px solid var(--template-gray-200);background:var(--template-gray-50);width:100%;color:var(--template-gray-400);cursor:not-allowed;text-overflow:ellipsis;border-radius:.5rem;min-width:0;padding:.625rem .875rem;font-size:.875rem}.template-full-preview-field textarea{border:1px solid var(--template-gray-200);background:var(--template-gray-50);width:100%;color:var(--template-gray-400);cursor:not-allowed;resize:none;border-radius:.5rem;padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.template-full-preview-checkboxes,.template-full-preview-radios{flex-direction:column;gap:.5rem;display:flex}.template-full-preview-checkboxes label,.template-full-preview-radios label{color:var(--template-gray-600);cursor:not-allowed;align-items:center;gap:.5rem;font-size:.875rem;font-weight:400;display:flex}.template-full-preview-checkboxes input,.template-full-preview-radios input{cursor:not-allowed;width:auto;margin:0}.template-full-preview-rating{gap:.375rem;display:flex}.template-full-preview-star{color:var(--template-gray-300);font-size:1.25rem}.template-full-preview-file,.template-full-preview-signature{border:2px dashed var(--template-gray-300);color:var(--template-gray-400);text-align:center;background:var(--template-gray-50);cursor:not-allowed;border-radius:.5rem;padding:1rem;font-size:.875rem}.template-full-preview-file i,.template-full-preview-signature i{margin-right:.5rem}.template-full-preview-address{flex-direction:column;gap:.5rem;display:flex}.template-full-preview-address input{border:1px solid var(--template-gray-200);background:var(--template-gray-50);width:100%;color:var(--template-gray-400);cursor:not-allowed;border-radius:.5rem;padding:.625rem .875rem;font-size:.875rem}.template-full-preview-address-row{flex-wrap:nowrap;gap:.5rem;display:flex}.template-full-preview-address-row input{flex:1}.template-modal-floating-btn{background:var(--template-primary);color:#fff;z-index:15;cursor:pointer;border:none;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin-top:1rem;margin-left:auto;margin-right:auto;padding:.875rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:sticky;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #16a34a66}.template-modal-floating-btn:disabled{opacity:.7;cursor:not-allowed}.template-modal-floating-btn:hover{background:var(--template-primary-dark);color:#fff;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 24px #16a34a80}.template-modal-floating-btn i{font-size:1.125rem}@media (max-width:768px){.template-preview-modal-full{border-radius:0;max-width:100%;max-height:100vh;margin:0}.template-full-preview{padding:1.5rem 1.5rem 5rem}.template-full-preview-header h3{font-size:1.25rem}.template-modal-floating-btn{padding:.75rem 1.5rem;font-size:.9375rem;bottom:1rem}.template-preview-modal-close-float{top:.75rem;right:.75rem}}@media (max-width:480px){.template-full-preview-row{flex-wrap:wrap}.template-full-preview-field{width:100%!important;min-width:100%!important}.template-full-preview-address-row{flex-wrap:wrap}.template-full-preview-address-row input{min-width:100%}}.template-decision-intelligence{background:linear-gradient(135deg,var(--template-gray-900)0%,#1a3a4d 50%,var(--template-gray-900)100%);color:#fff;border-radius:1rem;margin-bottom:1.25rem;padding:1.5rem;position:relative;overflow:hidden}.template-decision-intelligence:before{content:"";pointer-events:none;background:radial-gradient(circle,#16a34a26 0%,#0000 70%);width:250px;height:250px;position:absolute;top:0;right:0}.template-di-header{z-index:1;align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex;position:relative}.template-di-icon{width:36px;height:36px;color:var(--template-primary);background:#16a34a33;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.template-di-icon i{font-size:1.125rem}.template-di-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--template-primary);font-size:.6875rem;font-weight:700}.template-di-headline{z-index:1;color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.4;position:relative}.template-di-decisions{z-index:1;flex-direction:column;gap:.5rem;display:flex;position:relative}.template-di-decision{color:#ffffffe6;align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.5;display:flex}.template-di-decision-icon{background:var(--template-primary);border-radius:50%;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;margin-top:2px;display:flex}.template-di-decision-icon i{color:#fff;font-size:10px}.template-di-kpis{z-index:1;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex;position:relative}.template-di-kpi{color:#ffffffe6;background:#ffffff1a;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;display:flex}.template-di-kpi i{color:var(--template-primary);font-size:.8125rem}.template-ai-capabilities{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.template-ai-capability{border:1.5px solid var(--template-gray-200);color:var(--template-gray-700);cursor:default;background:#fff;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.template-ai-capability:hover{border-color:var(--template-primary);background:#16a34a0d}.template-ai-capability i{color:var(--template-primary);font-size:1rem}.template-outcome-banner{background:linear-gradient(135deg,#16a34a14,#16a34a26);border:1.5px solid #16a34a40;border-radius:.75rem;align-items:center;gap:.875rem;margin-top:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.template-outcome-icon{background:var(--template-primary);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}.template-outcome-icon i{font-size:1.125rem}.template-outcome-content{flex:1}.template-outcome-metric{color:var(--template-gray-800);font-size:.875rem;font-weight:600;line-height:1.4}.template-outcome-metric span{color:var(--template-primary)}.template-outcome-desc{color:var(--template-gray-500);margin-top:.125rem;font-size:.75rem}.template-insight-preview{border:1.5px solid var(--template-gray-200);background:#fff;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem}.template-insight-header{color:var(--template-gray-500);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.template-insight-header i{color:var(--template-primary);font-size:1rem}.template-insight-bullets{flex-direction:column;gap:.75rem;display:flex}.template-insight-bullet{color:var(--template-gray-700);align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.template-insight-bullet-icon{background:var(--template-primary);border-radius:50%;width:6px;min-width:6px;height:6px;margin-top:7px}.template-analytics-preview{background:var(--template-gray-900);color:#fff;border-radius:1rem;margin-top:1.25rem;padding:1.25rem}.template-analytics-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.template-analytics-label{text-transform:uppercase;letter-spacing:1px;color:var(--template-primary);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:700;display:flex}.template-analytics-label i{font-size:.875rem}.template-analytics-badge{color:var(--template-primary);background:#16a34a33;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600}.template-hero-metric{align-items:baseline;gap:.375rem;margin-bottom:.25rem;display:flex}.template-hero-metric-value{color:#fff;font-size:2.25rem;font-weight:700}.template-hero-metric-suffix{color:var(--template-gray-400);font-size:1.125rem}.template-hero-metric-trend{color:var(--template-primary);align-items:center;gap:.25rem;margin-left:.5rem;font-size:.8125rem;display:flex}.template-hero-metric-trend i{font-size:.875rem}.template-hero-metric-label{color:var(--template-gray-400);margin-bottom:1.25rem;font-size:.8125rem}.template-mini-chart{flex-direction:column;gap:.5rem;display:flex}.template-mini-chart-title{color:var(--template-gray-400);margin-bottom:.25rem;font-size:.75rem}.template-chart-bar{align-items:center;gap:.625rem;display:flex}.template-chart-bar-label{color:#fffc;white-space:nowrap;text-overflow:ellipsis;width:90px;font-size:.75rem;overflow:hidden}.template-chart-bar-track{background:var(--template-gray-700);border-radius:4px;flex:1;height:8px;overflow:hidden}.template-chart-bar-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.template-chart-bar-fill.excellent{background:var(--template-primary)}.template-chart-bar-fill.good{background:#22c55e}.template-chart-bar-fill.warning{background:#f59e0b}.template-chart-bar-fill.needs-attention{background:#f97316}.template-chart-bar-value{color:#fff;text-align:right;width:30px;font-size:.75rem;font-weight:600}.template-variations-section{background:var(--template-gray-900);color:#fff;border-radius:1rem;margin-top:2.5rem;padding:2rem}.template-variations-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.template-variations-title{color:#fff;margin:0;font-size:1.375rem;font-weight:700}.template-variations-badge{color:var(--template-primary);background:#16a34a26;border-radius:1.25rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;display:flex}.template-variations-badge i{font-size:.875rem}.template-variations-subtitle{color:var(--template-gray-400);margin-bottom:1.5rem;font-size:.9375rem}.template-variations-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.template-variation-card{background:var(--template-gray-800);cursor:pointer;border:1.5px solid #0000;border-radius:.75rem;padding:1.25rem;transition:all .3s}.template-variation-card:hover{background:var(--template-gray-700);border-color:var(--template-primary);transform:translateY(-2px)}.template-variation-card.featured{background:linear-gradient(135deg,var(--template-gray-800)0%,#16a34a1a 100%);border:1.5px solid #16a34a4d;grid-column:span 2}.template-variation-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.template-variation-icon{width:40px;height:40px;color:var(--template-primary);background:#16a34a26;border-radius:.625rem;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.template-variation-title{color:#fff;flex:1;font-size:.9375rem;font-weight:600}.template-variation-complexity{color:var(--template-gray-400);background:#ffffff1a;border-radius:.25rem;padding:.25rem .5rem;font-size:.6875rem}.template-variation-tagline{color:var(--template-gray-400);margin-bottom:.875rem;font-size:.8125rem;line-height:1.5}.template-variation-changes{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.template-variation-change{color:var(--template-primary);background:#16a34a1a;border-radius:.25rem;padding:.25rem .5rem;font-size:.6875rem}.template-variation-cta{color:var(--template-primary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.template-variation-cta i{font-size:1rem;transition:transform .2s}.template-variation-card:hover .template-variation-cta i{transform:translate(4px)}.template-variations-compact{border:2px solid var(--template-primary);background:#fff;border-radius:1rem;margin-top:1.25rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #16a34a1f}.template-variations-compact:before{content:"";background:linear-gradient(90deg,var(--template-primary),#22c55e,var(--template-primary));height:4px;position:absolute;top:0;left:0;right:0}.template-variations-compact-header{border-bottom:1px solid var(--template-gray-200);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.875rem;display:flex}.template-variations-compact-header>.template-variations-compact-icon{background:linear-gradient(135deg,var(--template-primary),#22c55e);color:#fff;border-radius:.625rem;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:1.125rem;display:flex;box-shadow:0 2px 8px #16a34a4d}.template-variations-compact-title{color:var(--template-gray-900);margin:0;font-size:1rem;font-weight:700}.template-variations-compact-subtitle{color:var(--template-primary);margin:.125rem 0 0;font-size:.75rem;font-weight:600}.template-variations-compact-list{flex-direction:column;gap:.625rem;display:flex}.template-variation-compact-card{background:var(--template-gray-50);cursor:pointer;border:1px solid #0000;border-radius:.625rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.template-variation-compact-card:hover{border-color:var(--template-primary);background:#16a34a14;transform:translate(4px)}.template-variation-compact-card .template-variation-compact-icon{width:32px;min-width:32px;height:32px;color:var(--template-primary);border:1px solid var(--template-gray-200);background:#fff;border-radius:.5rem;justify-content:center;align-items:center;font-size:1rem;display:flex}.template-variation-compact-card:hover .template-variation-compact-icon{background:var(--template-primary);color:#fff;border-color:var(--template-primary)}.template-variation-compact-content{flex:1;min-width:0}.template-variation-compact-name{color:var(--template-gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;display:block;overflow:hidden}.template-variation-compact-meta{color:var(--template-gray-500);margin-top:.125rem;font-size:.6875rem;display:block}.template-variation-compact-arrow{color:var(--template-gray-400);font-size:.875rem;transition:all .2s}.template-variation-compact-card:hover .template-variation-compact-arrow{color:var(--template-primary);transform:translate(2px)}.template-hero-right{flex-direction:column;display:flex;position:sticky;top:100px}@media (max-width:1024px){.template-hero-right{position:relative;top:0}.template-variations-compact{margin-top:1rem}.template-variations-grid{grid-template-columns:1fr}.template-variation-card.featured{grid-column:span 1}}@media (max-width:768px){.template-decision-intelligence{padding:1.25rem}.template-di-headline{font-size:1.125rem}.template-di-kpis{gap:.375rem}.template-outcome-banner{text-align:center;flex-direction:column;gap:.75rem}.template-variations-section{padding:1.5rem}.template-variations-title{font-size:1.125rem}.template-chart-bar-label{width:70px;font-size:.6875rem}}@media (max-width:480px){.template-ai-capabilities{gap:.375rem}.template-ai-capability{padding:.375rem .625rem;font-size:.75rem}.template-variation-header{flex-direction:column;align-items:flex-start}.template-variation-complexity{align-self:flex-start}}
:root{--addon-primary:#16a34a;--addon-primary-dark:#15803d;--addon-accent:#ddff9a;--addon-coins:#f59e0b;--addon-coins-dark:#d97706;--addon-responses:#3b82f6;--addon-responses-dark:#2563eb;--addon-storage:#8b5cf6;--addon-storage-dark:#7c3aed;--addon-gray-50:#f9fafb;--addon-gray-100:#f3f4f6;--addon-gray-200:#e5e7eb;--addon-gray-300:#d1d5db;--addon-gray-400:#9ca3af;--addon-gray-500:#6b7280;--addon-gray-600:#4b5563;--addon-gray-700:#374151;--addon-gray-800:#1f2937;--addon-gray-900:#111827}.addon-section{margin-top:1.5rem}.addon-section-title{text-align:center;color:var(--addon-gray-800);margin-bottom:1rem;font-size:1rem;font-weight:600}.addon-cards-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:768px){.addon-cards-grid{grid-template-columns:1fr}}.addon-card{background:#fff;border:1px solid #0000;border-radius:1rem;flex-direction:column;align-items:center;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.addon-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.addon-card--coins:hover{border-color:var(--addon-coins)}.addon-card--responses:hover{border-color:var(--addon-responses)}.addon-card--storage:hover{border-color:var(--addon-storage)}.addon-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;font-size:1.5rem;display:flex}.addon-card-icon--coins{color:var(--addon-coins);background:linear-gradient(135deg,#fef3c7,#fde68a)}.addon-card-icon--responses{color:var(--addon-responses);background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.addon-card-icon--storage{color:var(--addon-storage);background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.addon-card-title{color:var(--addon-gray-800);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.addon-card-rate{color:var(--addon-gray-500);text-align:center;margin-bottom:.75rem;font-size:.8125rem}.addon-card-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s}.addon-card-btn--coins{background:var(--addon-coins);color:#fff}.addon-card-btn--coins:hover{background:var(--addon-coins-dark)}.addon-card-btn--responses{background:var(--addon-responses);color:#fff}.addon-card-btn--responses:hover{background:var(--addon-responses-dark)}.addon-card-btn--storage{background:var(--addon-storage);color:#fff}.addon-card-btn--storage:hover{background:var(--addon-storage-dark)}.dark .addon-card{background:var(--addon-gray-800)}.dark .addon-section-title,.dark .addon-card-title{color:#fff}.dark .addon-card-rate{color:var(--addon-gray-400)}.addon-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.addon-modal-overlay.open{opacity:1;visibility:visible}.addon-modal{background:#fff;border-radius:1.5rem;flex-direction:column;width:100%;max-width:800px;max-height:90vh;transition:transform .3s;display:flex;overflow:hidden;transform:scale(.95);box-shadow:0 25px 50px -12px #00000040}.addon-modal-overlay.open .addon-modal{transform:scale(1)}@media (max-width:640px){.addon-modal-overlay{align-items:flex-end;padding:0}.addon-modal{border-radius:1.5rem 1.5rem 0 0;max-height:95vh;transform:translateY(100%)}.addon-modal-overlay.open .addon-modal{transform:translateY(0)}}.addon-modal-header{border-bottom:1px solid var(--addon-gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.addon-modal-header-left{align-items:center;gap:.75rem;display:flex}.addon-modal-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.addon-modal-icon--coins{color:var(--addon-coins);background:linear-gradient(135deg,#fef3c7,#fde68a)}.addon-modal-icon--responses{color:var(--addon-responses);background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.addon-modal-icon--storage{color:var(--addon-storage);background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.addon-modal-icon--cart{color:var(--addon-primary);background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.addon-modal-title{color:var(--addon-gray-900);margin:0;font-size:1.25rem;font-weight:700}.addon-modal-close{background:var(--addon-gray-100);cursor:pointer;width:36px;height:36px;color:var(--addon-gray-500);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;transition:all .2s;display:flex}.addon-modal-close:hover{background:var(--addon-gray-200);color:var(--addon-gray-700)}.addon-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.addon-info-banner{background:var(--addon-gray-50);border:1px solid var(--addon-gray-200);border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.addon-info-banner-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.addon-info-banner-icon--coins{color:var(--addon-coins);background:#fef3c7}.addon-info-banner-icon--responses{color:var(--addon-responses);background:#dbeafe}.addon-info-banner-icon--storage{color:var(--addon-storage);background:#ede9fe}.addon-info-banner-content h4{color:var(--addon-gray-800);margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.addon-info-banner-content p{color:var(--addon-gray-600);margin:0;font-size:.8125rem;line-height:1.5}.addon-package-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.addon-package-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.addon-package-grid{grid-template-columns:1fr}}.package-card{border:2px solid var(--addon-gray-200);cursor:pointer;text-align:center;background:#fff;border-radius:1rem;padding:1.25rem;transition:all .2s;position:relative}.package-card:hover{border-color:var(--addon-gray-300);box-shadow:0 4px 12px #00000014}.package-card.selected{border-color:var(--addon-primary);box-shadow:0 0 0 3px #16a34a26}.package-card--coins.selected{border-color:var(--addon-coins);box-shadow:0 0 0 3px #f59e0b26}.package-card--responses.selected{border-color:var(--addon-responses);box-shadow:0 0 0 3px #3b82f626}.package-card--storage.selected{border-color:var(--addon-storage);box-shadow:0 0 0 3px #8b5cf626}.package-card-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:1rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.package-card-badge--popular{background:var(--addon-primary);color:#fff}.package-card-badge--best-value{background:var(--addon-coins);color:#fff}.package-card-name{color:var(--addon-gray-800);margin-top:.5rem;margin-bottom:.5rem;font-size:.9375rem;font-weight:700}.package-card-amount{margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.package-card-amount--coins{color:var(--addon-coins)}.package-card-amount--responses{color:var(--addon-responses)}.package-card-amount--storage{color:var(--addon-storage)}.package-card-bonus{color:var(--addon-primary);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.package-card-description{color:var(--addon-gray-500);min-height:2.5em;margin-bottom:.75rem;font-size:.8125rem}.package-card-price{color:var(--addon-gray-900);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.package-card-savings{color:var(--addon-primary);font-size:.75rem;font-weight:600}.package-card-check{background:var(--addon-primary);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem;transform:scale(.5)}.package-card.selected .package-card-check{opacity:1;transform:scale(1)}.package-card--coins.selected .package-card-check{background:var(--addon-coins)}.package-card--responses.selected .package-card-check{background:var(--addon-responses)}.package-card--storage.selected .package-card-check{background:var(--addon-storage)}.addon-custom-quantity{background:var(--addon-gray-50);border:1px solid var(--addon-gray-200);border-radius:.75rem;margin-top:1rem;padding:1rem}.addon-custom-quantity-label{color:var(--addon-gray-700);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.addon-custom-quantity-input-group{align-items:center;gap:.75rem;display:flex}.addon-custom-quantity-input{border:1px solid var(--addon-gray-300);border-radius:.5rem;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.addon-custom-quantity-input:focus{border-color:var(--addon-primary)}.addon-custom-quantity-suffix{color:var(--addon-gray-500);white-space:nowrap;font-size:.875rem}.addon-custom-quantity-price{border-top:1px solid var(--addon-gray-200);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.addon-custom-quantity-price-label{color:var(--addon-gray-600);font-size:.875rem}.addon-custom-quantity-price-value{color:var(--addon-gray-900);font-size:1.125rem;font-weight:700}.addon-selection-summary{background:var(--addon-gray-50);border:1px solid var(--addon-gray-200);border-radius:.75rem;margin-top:1rem;padding:1rem}.addon-selection-summary-row{justify-content:space-between;align-items:center;display:flex}.addon-selection-summary-left{flex-direction:column;display:flex}.addon-selection-summary-name{color:var(--addon-gray-800);font-size:.9375rem;font-weight:600}.addon-selection-summary-detail{color:var(--addon-gray-500);font-size:.8125rem}.addon-selection-summary-price{color:var(--addon-primary);font-size:1.25rem;font-weight:700}.addon-selection-summary-price--coins{color:var(--addon-coins)}.addon-selection-summary-price--responses{color:var(--addon-responses)}.addon-selection-summary-price--storage{color:var(--addon-storage)}.addon-modal-footer{border-top:1px solid var(--addon-gray-200);background:var(--addon-gray-50);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.addon-btn{cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.addon-btn--secondary{color:var(--addon-gray-600);border:1px solid var(--addon-gray-300);background:#fff}.addon-btn--secondary:hover{background:var(--addon-gray-50);border-color:var(--addon-gray-400)}.addon-btn--primary{background:var(--addon-primary);color:#fff;border:none}.addon-btn--primary:hover{background:var(--addon-primary-dark)}.addon-btn--primary:disabled{background:var(--addon-gray-300);cursor:not-allowed}.addon-btn--coins{background:var(--addon-coins)}.addon-btn--coins:hover{background:var(--addon-coins-dark)}.addon-btn--responses{background:var(--addon-responses)}.addon-btn--responses:hover{background:var(--addon-responses-dark)}.addon-btn--storage{background:var(--addon-storage)}.addon-btn--storage:hover{background:var(--addon-storage-dark)}.cart-summary-items{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.cart-summary-item{border:1px solid var(--addon-gray-200);background:#fff;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.cart-summary-item-left{align-items:center;gap:.75rem;display:flex}.cart-summary-item-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.cart-summary-item-info{flex-direction:column;display:flex}.cart-summary-item-name{color:var(--addon-gray-800);font-size:.9375rem;font-weight:600}.cart-summary-item-detail{color:var(--addon-gray-500);font-size:.8125rem}.cart-summary-item-right{align-items:center;gap:.75rem;display:flex}.cart-summary-item-price{color:var(--addon-gray-900);font-size:1rem;font-weight:700}.cart-summary-item-remove{background:var(--addon-gray-100);cursor:pointer;width:28px;height:28px;color:var(--addon-gray-400);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex}.cart-summary-item-remove:hover{color:#dc2626;background:#fee2e2}.cart-summary-total{background:var(--addon-gray-50);border:1px solid var(--addon-gray-200);border-radius:.75rem;padding:1rem}.cart-summary-total-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.cart-summary-total-row:not(:last-child){border-bottom:1px solid var(--addon-gray-200)}.cart-summary-total-label{color:var(--addon-gray-600);font-size:.9375rem}.cart-summary-total-label--bold{color:var(--addon-gray-800);font-weight:600}.cart-summary-total-value{color:var(--addon-gray-800);font-size:.9375rem}.cart-summary-total-value--bold{color:var(--addon-primary);font-size:1.25rem;font-weight:700}.cart-summary-empty{text-align:center;padding:3rem 1rem}.cart-summary-empty-icon{color:var(--addon-gray-300);margin-bottom:1rem;font-size:3rem}.cart-summary-empty-text{color:var(--addon-gray-500);margin-bottom:.5rem;font-size:1rem}.cart-summary-empty-hint{color:var(--addon-gray-400);font-size:.875rem}.addon-skeleton{background:linear-gradient(90deg,var(--addon-gray-200)25%,var(--addon-gray-100)50%,var(--addon-gray-200)75%);background-size:200% 100%;border-radius:.5rem;animation:1.5s infinite addonSkeletonShimmer}@keyframes addonSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.addon-package-skeleton{border-radius:1rem;height:180px}.addon-upsell-prompt{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.addon-upsell-prompt-title{color:var(--addon-gray-800);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:flex}.addon-upsell-prompt-title i{color:var(--addon-primary)}.addon-upsell-prompt-text{color:var(--addon-gray-600);margin-bottom:1rem;font-size:.875rem}.addon-upsell-prompt-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.addon-upsell-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.addon-upsell-btn--responses{background:var(--addon-responses);color:#fff}.addon-upsell-btn--responses:hover{background:var(--addon-responses-dark)}.addon-upsell-btn--storage{background:var(--addon-storage);color:#fff}.addon-upsell-btn--storage:hover{background:var(--addon-storage-dark)}.addon-upsell-btn--skip{color:var(--addon-gray-500);border:1px solid var(--addon-gray-300);background:0 0}.addon-upsell-btn--skip:hover{background:var(--addon-gray-50)}.addon-cart-indicator{cursor:pointer;z-index:100;background:#fff;border-radius:3rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:all .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #00000026}.addon-cart-indicator:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0003}.addon-cart-indicator-icon{background:var(--addon-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex;position:relative}.addon-cart-indicator-count{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.addon-cart-indicator-text{color:var(--addon-gray-800);font-size:.9375rem;font-weight:600}.addon-cart-indicator-total{color:var(--addon-primary);font-size:.9375rem;font-weight:700}@media (max-width:640px){.addon-cart-indicator{padding:.5rem 1rem;bottom:1rem;right:1rem}.addon-cart-indicator-icon{width:36px;height:36px;font-size:1rem}.addon-cart-indicator-text{display:none}}