{"version":3,"file":"styles/admin/teaser-feedback.css","mappings":"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","sources":["webpack:///./assets/scss/admin/teaser-feedback.scss"],"sourcesContent":["/**\n * Feedback Presentation Page Styles\n *\n * Modern, visually stunning presentation for the Users Feedback premium feature\n * when EazyDocs Pro is not active. Designed to educate users and encourage upgrades.\n *\n * @package EazyDocs\\Assets\\SCSS\n * @since 1.0.0\n */\n\n// ============================================\n// Variables - Using CSS Custom Properties\n// ============================================\n// Brand color - uses --clr-blue from root.scss\n$brand-color: var(--clr-blue, #4C4CF1);\n$brand-color-hex: #4C4CF1; // Fallback for gradients and rgba calculations\n\n$success-color: #22c55e;\n$warning-color: #f59e0b;\n$danger-color: #ef4444;\n$info-color: #3b82f6;\n$teal-color: #14b8a6;\n\n$text-primary: #1f2937;\n$text-secondary: #6b7280;\n$text-muted: #9ca3af;\n$white: #ffffff;\n$border-color: #e5e7eb;\n$background-light: #f9fafb;\n$background-lighter: #f3f4f6;\n\n$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n$shadow-xl: 0 15px 30px -5px rgba(0, 0, 0, 0.25);\n\n$radius-sm: 6px;\n$radius-md: 12px;\n$radius-lg: 16px;\n$radius-xl: 24px;\n\n$transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n$transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n// ============================================\n// Container\n// ============================================\n.ezd-feedback-presentation {\n\tmax-width: 1200px;\n\tmargin: 20px auto 60px;\n\tpadding: 0 20px;\n\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\n}\n\n// ============================================\n// Hero Section\n// ============================================\n.ezd-fprp-hero {\n\tposition: relative;\n\tpadding: 60px 40px;\n\tborder-radius: $radius-xl;\n\tbackground: linear-gradient(135deg, #4C4CF1 0%, #6366f1 50%, #818cf8 100%);\n\tbackground: linear-gradient(135deg, var(--clr-blue, #4C4CF1) 0%, #6366f1 50%, #818cf8 100%);\n\toverflow: hidden;\n\tmargin-bottom: 40px;\n}\n\n.ezd-fprp-hero-bg {\n\tposition: absolute;\n\tinset: 0;\n\toverflow: hidden;\n}\n\n.ezd-fprp-hero-glow {\n\tposition: absolute;\n\ttop: -100%;\n\tright: -50%;\n\twidth: 200%;\n\theight: 300%;\n\tbackground: radial-gradient(ellipse at center, rgba($white, 0.15) 0%, transparent 60%);\n\tanimation: heroGlow 15s ease-in-out infinite alternate;\n}\n\n@keyframes heroGlow {\n\t0% {\n\t\ttransform: translate(0, 0) rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: translate(-20%, 20%) rotate(10deg);\n\t}\n}\n\n.ezd-fprp-hero-content {\n\tposition: relative;\n\ttext-align: center;\n\tz-index: 2;\n}\n\n.ezd-fprp-badge {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 8px 18px;\n\tbackground: rgba($white, 0.2);\n\tborder-radius: 50px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tcolor: $white;\n\tbackdrop-filter: blur(10px);\n\tmargin-bottom: 20px;\n\n\t.dashicons {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfont-size: 16px;\n\t\tcolor: #fbbf24;\n\t}\n}\n\n.ezd-fprp-title {\n\tfont-size: 42px;\n\tfont-weight: 800;\n\tcolor: $white;\n\tmargin: 0 0 16px;\n\tline-height: 1.2;\n\tletter-spacing: -0.02em;\n}\n\n.ezd-fprp-subtitle {\n\tfont-size: 18px;\n\tcolor: rgba($white, 0.9);\n\tmargin: 0 auto 32px;\n\tmax-width: 700px;\n\tline-height: 1.6;\n}\n\n.ezd-fprp-hero-actions {\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 16px;\n\tflex-wrap: wrap;\n}\n\n// ============================================\n// Buttons\n// ============================================\n.ezd-fprp-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 10px;\n\tpadding: 14px 28px;\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tline-height: 1;\n\tborder-radius: $radius-md;\n\tborder: none;\n\tcursor: pointer;\n\ttransition: $transition-fast;\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\n\t.dashicons {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tfont-size: 18px;\n\t}\n\n\t&:focus {\n\t\toutline: none;\n\t\tbox-shadow: 0 0 0 4px rgba($white, 0.3);\n\t}\n}\n\n.ezd-fprp-btn-primary {\n\tbackground: $white;\n\tcolor: $brand-color;\n\tbox-shadow: $shadow-lg;\n\n\t&:hover {\n\t\ttransform: translateY(-3px);\n\t\tbox-shadow: $shadow-xl;\n\t\tcolor: $brand-color;\n\t}\n}\n\n.ezd-fprp-btn-secondary {\n\tbackground: rgba($white, 0.15);\n\tcolor: $white;\n\tborder: 1.5px solid rgba($white, 0.3);\n\tbackdrop-filter: blur(10px);\n\n\t&:hover {\n\t\tbackground: rgba($white, 0.25);\n\t\tborder-color: rgba($white, 0.5);\n\t\ttransform: translateY(-2px);\n\t\tcolor: $white;\n\t}\n}\n\n.ezd-fprp-btn-cta {\n\tbackground: linear-gradient(135deg, #1a1aae 0%, #6366f1 100%);\n\tcolor: $white;\n\tpadding: 16px 32px;\n\tfont-size: 16px;\n\tbox-shadow: 0 8px 20px -4px rgba($brand-color-hex, 0.4);\n\n\t&:hover {\n\t\ttransform: translateY(-3px);\n\t\tbox-shadow: 0 12px 28px -4px rgba($brand-color-hex, 0.5);\n\t\tcolor: $white;\n\t}\n}\n\n// ============================================\n// Section Styles\n// ============================================\n.ezd-fprp-section {\n\tmargin-bottom: 48px;\n}\n\n.ezd-fprp-section-title {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 12px;\n\tfont-size: 28px;\n\tfont-weight: 700;\n\tcolor: $text-primary;\n\tmargin: 0 0 12px;\n\ttext-align: center;\n\n\t.dashicons {\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tfont-size: 28px;\n\t\tcolor: $brand-color;\n\t}\n}\n\n.ezd-fprp-section-desc {\n\tfont-size: 16px;\n\tcolor: $text-secondary;\n\ttext-align: center;\n\tmargin: 0 auto 32px;\n\tmax-width: 600px;\n}\n\n// ============================================\n// Demo Stats\n// ============================================\n.ezd-fprp-demo-stats {\n\tposition: relative;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n\tgap: 20px;\n}\n\n.ezd-fprp-stat {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 16px;\n\tpadding: 20px 24px;\n\tbackground: $white;\n\tborder-radius: $radius-md;\n\tbox-shadow: $shadow-md;\n\tborder: 1px solid $border-color;\n\ttransition: $transition-fast;\n\toverflow: hidden;\n\n\t&:hover {\n\t\ttransform: translateY(-4px);\n\t\tbox-shadow: $shadow-lg;\n\t}\n}\n\n.ezd-fprp-stat-total {\n\tborder-left: 4px solid $brand-color;\n\tbackground: linear-gradient(135deg, rgba($brand-color-hex, 0.08) 0%, $white 100%);\n\n\t.ezd-fprp-stat-icon {\n\t\tbackground: rgba($brand-color-hex, 0.12);\n\t\tcolor: $brand-color;\n\t}\n}\n\n.ezd-fprp-stat-open {\n\tborder-left: 4px solid $success-color;\n\tbackground: linear-gradient(135deg, rgba($success-color, 0.08) 0%, $white 100%);\n\n\t.ezd-fprp-stat-icon {\n\t\tbackground: rgba($success-color, 0.12);\n\t\tcolor: $success-color;\n\t}\n}\n\n.ezd-fprp-stat-archived {\n\tborder-left: 4px solid $text-secondary;\n\tbackground: linear-gradient(135deg, rgba($text-secondary, 0.08) 0%, $white 100%);\n\n\t.ezd-fprp-stat-icon {\n\t\tbackground: rgba($text-secondary, 0.12);\n\t\tcolor: $text-secondary;\n\t}\n}\n\n.ezd-fprp-stat-rate {\n\tborder-left: 4px solid $warning-color;\n\tbackground: linear-gradient(135deg, rgba($warning-color, 0.08) 0%, $white 100%);\n\n\t.ezd-fprp-stat-icon {\n\t\tbackground: rgba($warning-color, 0.12);\n\t\tcolor: $warning-color;\n\t}\n\n\t.ezd-fprp-stat-content {\n\t\twidth: 100%;\n\t}\n}\n\n.ezd-fprp-stat-icon {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 50px;\n\theight: 50px;\n\tborder-radius: $radius-md;\n\tflex-shrink: 0;\n\n\t.dashicons {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tfont-size: 24px;\n\t}\n}\n\n.ezd-fprp-stat-content {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.ezd-fprp-stat-value {\n\tfont-size: 28px;\n\tfont-weight: 800;\n\tcolor: $text-primary;\n\tline-height: 1;\n}\n\n.ezd-fprp-stat-label {\n\tfont-size: 14px;\n\tcolor: $text-secondary;\n\tfont-weight: 500;\n}\n\n.ezd-fprp-stat-progress {\n\twidth: 100%;\n\theight: 6px;\n\tbackground: rgba($warning-color, 0.15);\n\tborder-radius: 3px;\n\tmargin-top: 8px;\n\toverflow: hidden;\n}\n\n.ezd-fprp-stat-progress-bar {\n\theight: 100%;\n\tbackground: linear-gradient(90deg, $warning-color 0%, #d97706 100%);\n\tborder-radius: 3px;\n\tanimation: progressGrow 1.5s ease-out forwards;\n}\n\n@keyframes progressGrow {\n\tfrom {\n\t\twidth: 0;\n\t}\n}\n\n.ezd-fprp-demo-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground: rgba($white, 0.4);\n\tbackdrop-filter: blur(2px);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: $radius-md;\n\topacity: 0;\n\ttransition: $transition-fast;\n\tpointer-events: none;\n\n\t.dashicons {\n\t\twidth: 48px;\n\t\theight: 48px;\n\t\tfont-size: 48px;\n\t\tcolor: $brand-color;\n\t\topacity: 0.6;\n\t}\n}\n\n.ezd-fprp-demo-stats:hover .ezd-fprp-demo-overlay {\n\topacity: 1;\n}\n\n// ============================================\n// Features Grid\n// ============================================\n.ezd-fprp-features {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n\tgap: 24px;\n}\n\n.ezd-fprp-feature {\n\tpadding: 28px;\n\tbackground: $white;\n\tborder-radius: $radius-lg;\n\tborder: 1px solid $border-color;\n\tbox-shadow: $shadow-sm;\n\ttransition: $transition-fast;\n\n\t&:hover {\n\t\ttransform: translateY(-4px);\n\t\tbox-shadow: $shadow-lg;\n\t\tborder-color: transparent;\n\n\t\t.ezd-fprp-feature-icon {\n\t\t\ttransform: scale(1.1);\n\t\t}\n\t}\n\n\th3 {\n\t\tfont-size: 18px;\n\t\tfont-weight: 700;\n\t\tcolor: $text-primary;\n\t\tmargin: 16px 0 10px;\n\t}\n\n\tp {\n\t\tfont-size: 14px;\n\t\tcolor: $text-secondary;\n\t\tline-height: 1.6;\n\t\tmargin: 0;\n\t}\n}\n\n.ezd-fprp-feature-icon {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 56px;\n\theight: 56px;\n\tborder-radius: 14px;\n\ttransition: $transition-fast;\n\n\t.dashicons {\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tfont-size: 28px;\n\t}\n}\n\n.ezd-fprp-icon-blue {\n\tbackground: linear-gradient(135deg, rgba($brand-color-hex, 0.15) 0%, rgba($brand-color-hex, 0.05) 100%);\n\tcolor: $brand-color;\n}\n\n.ezd-fprp-icon-green {\n\tbackground: linear-gradient(135deg, rgba($success-color, 0.15) 0%, rgba($success-color, 0.05) 100%);\n\tcolor: $success-color;\n}\n\n.ezd-fprp-icon-purple {\n\tbackground: linear-gradient(135deg, rgba(#8b5cf6, 0.15) 0%, rgba(#8b5cf6, 0.05) 100%);\n\tcolor: #8b5cf6;\n}\n\n.ezd-fprp-icon-orange {\n\tbackground: linear-gradient(135deg, rgba($warning-color, 0.15) 0%, rgba($warning-color, 0.05) 100%);\n\tcolor: $warning-color;\n}\n\n.ezd-fprp-icon-red {\n\tbackground: linear-gradient(135deg, rgba($danger-color, 0.15) 0%, rgba($danger-color, 0.05) 100%);\n\tcolor: $danger-color;\n}\n\n.ezd-fprp-icon-teal {\n\tbackground: linear-gradient(135deg, rgba($teal-color, 0.15) 0%, rgba($teal-color, 0.05) 100%);\n\tcolor: $teal-color;\n}\n\n// ============================================\n// Demo Card (Interface Preview)\n// ============================================\n.ezd-fprp-demo-card {\n\tposition: relative;\n\tbackground: $white;\n\tborder-radius: $radius-xl;\n\tborder: 1px solid $border-color;\n\tbox-shadow: $shadow-lg;\n\toverflow: hidden;\n}\n\n.ezd-fprp-demo-tabs {\n\tdisplay: flex;\n\tgap: 0;\n\tbackground: linear-gradient(135deg, #fafbfc 0%, $background-lighter 100%);\n\tborder-bottom: 1px solid $border-color;\n\tpadding: 0 24px;\n}\n\n.ezd-fprp-demo-tab {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 18px 24px;\n\tfont-size: 14px;\n\tfont-weight: 500;\n\tcolor: $text-secondary;\n\tborder-bottom: 3px solid transparent;\n\tmargin-bottom: -1px;\n\tcursor: pointer;\n\ttransition: $transition-fast;\n\n\t.dashicons {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tfont-size: 18px;\n\t}\n\n\t&:hover {\n\t\tcolor: $text-primary;\n\t\tbackground: rgba(0, 0, 0, 0.02);\n\t}\n\n\t&.is-active {\n\t\tcolor: $brand-color;\n\t\tborder-bottom-color: $brand-color;\n\t\tbackground: rgba($brand-color-hex, 0.03);\n\n\t\t.ezd-fprp-tab-count {\n\t\t\tbackground: $brand-color;\n\t\t\tcolor: $white;\n\t\t}\n\t}\n}\n\n.ezd-fprp-tab-count {\n\tpadding: 3px 10px;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tbackground: rgba(0, 0, 0, 0.08);\n\tcolor: $text-secondary;\n\tborder-radius: $radius-md;\n\tmin-width: 28px;\n\ttext-align: center;\n}\n\n.ezd-fprp-demo-toolbar {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 16px;\n\tpadding: 16px 24px;\n\tborder-bottom: 1px solid $border-color;\n\tflex-wrap: wrap;\n}\n\n.ezd-fprp-demo-filters {\n\tdisplay: flex;\n\tgap: 10px;\n}\n\n.ezd-fprp-filter-pill {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 10px 16px;\n\tfont-size: 13px;\n\tfont-weight: 500;\n\tcolor: $text-secondary;\n\tbackground: $background-light;\n\tborder: 1px solid transparent;\n\tborder-radius: $radius-xl;\n\tcursor: pointer;\n\ttransition: $transition-fast;\n\n\t&:hover {\n\t\tbackground: #f0f1f3;\n\t\tcolor: $text-primary;\n\t}\n\n\t&.is-active {\n\t\tbackground: rgba($brand-color-hex, 0.1);\n\t\tcolor: $brand-color;\n\t\tborder-color: rgba($brand-color-hex, 0.3);\n\t}\n}\n\n.ezd-fprp-dot {\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n}\n\n.ezd-fprp-dot-green {\n\tbackground: $success-color;\n}\n\n.ezd-fprp-dot-gray {\n\tbackground: $text-muted;\n}\n\n.ezd-fprp-demo-search {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 10px 16px;\n\tbackground: $white;\n\tborder: 1px solid $border-color;\n\tborder-radius: $radius-sm;\n\tcolor: $text-muted;\n\tfont-size: 13px;\n\n\t.dashicons {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfont-size: 16px;\n\t}\n}\n\n.ezd-fprp-demo-list {\n\tpadding: 0;\n}\n\n.ezd-fprp-demo-item {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 20px;\n\tpadding: 24px;\n\tborder-bottom: 1px solid $border-color;\n\ttransition: $transition-fast;\n\n\t&:hover {\n\t\tbackground: rgba($brand-color-hex, 0.02);\n\t}\n\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n}\n\n.ezd-fprp-demo-avatar {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 48px;\n\theight: 48px;\n\tbackground: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);\n\tborder-radius: 50%;\n\tflex-shrink: 0;\n\n\t.dashicons {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tfont-size: 24px;\n\t\tcolor: $brand-color;\n\t}\n\n\t&.ezd-fprp-avatar-green {\n\t\tbackground: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\n\n\t\t.dashicons {\n\t\t\tcolor: $success-color;\n\t\t}\n\t}\n\n\t&.ezd-fprp-avatar-purple {\n\t\tbackground: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);\n\n\t\t.dashicons {\n\t\t\tcolor: #8b5cf6;\n\t\t}\n\t}\n}\n\n.ezd-fprp-demo-content {\n\tflex: 1;\n\tmin-width: 0;\n}\n\n.ezd-fprp-demo-header {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 16px;\n\tmargin-bottom: 10px;\n}\n\n.ezd-fprp-demo-title {\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tcolor: $text-primary;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\tflex-wrap: wrap;\n}\n\n.ezd-fprp-demo-badge {\n\tdisplay: inline-flex;\n\tpadding: 4px 10px;\n\tfont-size: 11px;\n\tfont-weight: 600;\n\tcolor: $brand-color;\n\tbackground: rgba($brand-color-hex, 0.1);\n\tborder-radius: $radius-sm;\n\n\t&.ezd-fprp-badge-green {\n\t\tcolor: $success-color;\n\t\tbackground: rgba($success-color, 0.1);\n\t}\n\n\t&.ezd-fprp-badge-orange {\n\t\tcolor: $warning-color;\n\t\tbackground: rgba($warning-color, 0.1);\n\t}\n}\n\n.ezd-fprp-demo-time {\n\tfont-size: 12px;\n\tcolor: $text-muted;\n\twhite-space: nowrap;\n}\n\n.ezd-fprp-demo-meta {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 20px;\n\tmargin-bottom: 12px;\n\tflex-wrap: wrap;\n\n\tspan {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tfont-size: 13px;\n\t\tcolor: $text-secondary;\n\n\t\t.dashicons {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n}\n\n.ezd-fprp-demo-text {\n\tfont-size: 14px;\n\tcolor: $text-secondary;\n\tline-height: 1.6;\n\tmargin-bottom: 16px;\n}\n\n.ezd-fprp-demo-actions {\n\tdisplay: flex;\n\tgap: 10px;\n}\n\n.ezd-fprp-demo-action-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 8px 14px;\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tcolor: $text-secondary;\n\tbackground: $background-light;\n\tborder: 1px solid $border-color;\n\tborder-radius: $radius-sm;\n\tcursor: pointer;\n\ttransition: $transition-fast;\n\n\t.dashicons {\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tfont-size: 14px;\n\t}\n\n\t&:hover {\n\t\tbackground: $white;\n\t\tborder-color: $brand-color;\n\t\tcolor: $brand-color;\n\t}\n}\n\n.ezd-fprp-demo-full-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground: linear-gradient(180deg, rgba($white, 0) 0%, rgba($white, 0.8) 50%, rgba($white, 0.95) 100%);\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tpadding-bottom: 60px;\n\tpointer-events: none;\n}\n\n.ezd-fprp-demo-lock-content {\n\ttext-align: center;\n\n\t.dashicons {\n\t\twidth: 48px;\n\t\theight: 48px;\n\t\tfont-size: 48px;\n\t\tcolor: $brand-color;\n\t\tmargin-bottom: 8px;\n\t}\n\n\tp {\n\t\tfont-size: 14px;\n\t\tfont-weight: 600;\n\t\tcolor: $text-secondary;\n\t\tmargin: 0;\n\t}\n}\n\n// ============================================\n// Benefits Section\n// ============================================\n.ezd-fprp-benefits-section {\n\tdisplay: grid;\n\tgrid-template-columns: 1.5fr 1fr;\n\tgap: 48px;\n\talign-items: center;\n\tpadding: 48px;\n\tbackground: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n\tborder-radius: $radius-xl;\n\tborder: 1px solid $border-color;\n\n\t@media (max-width: 900px) {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 32px;\n\t}\n}\n\n.ezd-fprp-benefits-content {\n\th2 {\n\t\tfont-size: 28px;\n\t\tfont-weight: 700;\n\t\tcolor: $text-primary;\n\t\tmargin: 0 0 24px;\n\t}\n}\n\n.ezd-fprp-benefits-list {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\n\tli {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tgap: 12px;\n\t\tpadding: 12px 0;\n\t\tfont-size: 15px;\n\t\tcolor: $text-secondary;\n\t\tline-height: 1.5;\n\n\t\t.dashicons {\n\t\t\twidth: 22px;\n\t\t\theight: 22px;\n\t\t\tfont-size: 22px;\n\t\t\tcolor: $success-color;\n\t\t\tflex-shrink: 0;\n\t\t\tmargin-top: 1px;\n\t\t}\n\t}\n}\n\n.ezd-fprp-benefits-visual {\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.ezd-fprp-benefits-card {\n\ttext-align: center;\n\tpadding: 40px;\n\tbackground: $white;\n\tborder-radius: $radius-xl;\n\tbox-shadow: $shadow-lg;\n\tborder: 1px solid $border-color;\n}\n\n.ezd-fprp-benefits-icon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 72px;\n\theight: 72px;\n\tbackground: linear-gradient(135deg, rgba($success-color, 0.15) 0%, rgba($success-color, 0.05) 100%);\n\tborder-radius: 20px;\n\tmargin-bottom: 20px;\n\n\t.dashicons {\n\t\twidth: 36px;\n\t\theight: 36px;\n\t\tfont-size: 36px;\n\t\tcolor: $success-color;\n\t}\n}\n\n.ezd-fprp-benefits-stat {\n\tfont-size: 56px;\n\tfont-weight: 800;\n\tcolor: $text-primary;\n\tline-height: 1;\n\tmargin-bottom: 8px;\n}\n\n.ezd-fprp-benefits-label {\n\tfont-size: 14px;\n\tcolor: $text-secondary;\n\tline-height: 1.5;\n}\n\n// ============================================\n// CTA Section\n// ============================================\n.ezd-fprp-cta {\n\tposition: relative;\n\tpadding: 60px 48px;\n\tbackground: linear-gradient(135deg, #4C4CF1 0%, #6366f1 100%);\n\tbackground: linear-gradient(135deg, var(--clr-blue, #4C4CF1) 0%, #6366f1 100%);\n\tborder-radius: $radius-xl;\n\toverflow: hidden;\n\ttext-align: center;\n}\n\n.ezd-fprp-cta-content {\n\tposition: relative;\n\tz-index: 2;\n\n\th2 {\n\t\tfont-size: 32px;\n\t\tfont-weight: 800;\n\t\tcolor: $white;\n\t\tmargin: 0 0 20px;\n\t}\n\n\tp {\n\t\tfont-size: 16px;\n\t\tcolor: rgba($white, 0.9);\n\t\tmargin: 0 0 32px;\n\t}\n}\n\n.ezd-fprp-cta-actions {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 20px;\n}\n\n.ezd-fprp-cta-features {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 24px;\n\tflex-wrap: wrap;\n\n\tspan {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tfont-size: 14px;\n\t\tcolor: rgba($white, 0.9);\n\t\tfont-weight: 500;\n\n\t\t.dashicons {\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tfont-size: 18px;\n\t\t\tcolor: #fbbf24;\n\t\t}\n\t}\n}\n\n.ezd-fprp-cta-decoration {\n\tposition: absolute;\n\tinset: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n}\n\n.ezd-fprp-cta-circles {\n\tposition: absolute;\n\tinset: 0;\n}\n\n.ezd-fprp-circle {\n\tposition: absolute;\n\tborder-radius: 50%;\n\tbackground: rgba($white, 0.1);\n}\n\n.ezd-fprp-circle-1 {\n\twidth: 300px;\n\theight: 300px;\n\ttop: -100px;\n\tright: -50px;\n}\n\n.ezd-fprp-circle-2 {\n\twidth: 200px;\n\theight: 200px;\n\tbottom: -50px;\n\tleft: 10%;\n}\n\n.ezd-fprp-circle-3 {\n\twidth: 150px;\n\theight: 150px;\n\ttop: 50%;\n\tleft: -30px;\n}\n\n// ============================================\n// Responsive Styles\n// ============================================\n@media (max-width: 768px) {\n\t.ezd-fprp-hero {\n\t\tpadding: 40px 24px;\n\t}\n\n\t.ezd-fprp-title {\n\t\tfont-size: 28px;\n\t}\n\n\t.ezd-fprp-subtitle {\n\t\tfont-size: 15px;\n\t}\n\n\t.ezd-fprp-section-title {\n\t\tfont-size: 22px;\n\t}\n\n\t.ezd-fprp-features {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t.ezd-fprp-benefits-section {\n\t\tpadding: 32px 24px;\n\t}\n\n\t.ezd-fprp-cta {\n\t\tpadding: 40px 24px;\n\t}\n\n\t.ezd-fprp-cta-content h2 {\n\t\tfont-size: 24px;\n\t}\n\n\t.ezd-fprp-demo-toolbar {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t}\n\n\t.ezd-fprp-demo-item {\n\t\tflex-direction: column;\n\t\tgap: 16px;\n\t}\n}\n"],"names":[],"sourceRoot":""}