:root{--home-here-section-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');--color-white: #faf9f6;--white: #faf9f6;--black: #000;--header-color: #faf9f6;--primary-color: #181717;--brand-btn-primary-color: #181717;--popover-background-color: #181717;--create-form-background-color: #181717;--single-card-background-color: #181717;--single-card-side-action-bg-color: #202123;--single-card-side-action-font-weight: 500;--single-card-action-button-hover-color: #2b2c2d;--single-card-text-color: rgba(255, 255, 255, 0.8);--brand-color: #0966ff;--secondary-brand-color: #38a801;--secondary-brand-color-rgb: 56, 168, 1;--button-disabled-color: #0966ff9c;--hover-brand-color: #0966ff9c;--brand-hover-bg-color: rgba(11, 102, 255, 0.0509803922);--selected-option-text-color: #0b66ff;--select-option-hover-background: #0b66ff0d;--outline-color: #242526;--secondary-outline-color: #242526;--editor-outline-color: #44444475;--focus-outline-color: var(--brand-color);--input-border-color: #242526;--element-border-radius: 6px;--editor-border-radius: 8px;--input-background-color: #181717;--popover-border-color: #242526;--popover-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);--primary-text-header-color: rgba(255, 255, 255, 0.9);--primary-text-color: rgba(255, 255, 255, 0.8);--secondary-text-color: #9aa0a6;--muted-text-color: #6c757d;--primary-font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--primary-text-link-color: #0079bf;--workspace-background-color: #121217;--workspace-icon-background-color: #242628;--border-color: var(--input-border-color);--bg-primary: var(--input-background-color);--bg-secondary: var(--popover-background-color);--bg-hover: rgba(255, 255, 255, 0.05);--editor-placeholder-color: #9aa0a661;--price-table-border: #27272a;--box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.05), 0px 0px 1px rgba(255, 255, 255, 0.08);--success-color: #10b981;--success-background-color: rgba(16, 185, 129, 0.1);--warning-color: #f59e0b;--warning-background-color: rgba(245, 158, 11, 0.1);--error-color: #ef4444;--error-background-color: rgba(239, 68, 68, 0.1);--bf-bg-primary: #000000;--bf-bg-secondary: #0a0a0a;--bf-border-subtle: #1a1a1a;--bf-text-primary: #ffffff;--bf-text-secondary: #a0a0a0;--bf-gold-primary: #ffd700;--bf-gold-secondary: #ffed4e;--bf-gold-tertiary: #ffc107;--sp-bg-primary: #000000;--sp-text-primary: #ffffff;--sp-brand-secondary: #38a801;--sp-bf-gold-primary: #ffd700;--sp-bf-gold-secondary: #ffed4e;--sp-bf-gold-shadow: rgba(255, 215, 0, 0.3);--sp-bf-gold-shadow-hover: rgba(255, 215, 0, 0.5);--sp-white: #ffffff;--sp-overlay-medium: rgba(0, 0, 0, 0.5);--background-color: var(--primary-color);--text-color: var(--primary-text-color);--brand-color-hover: var(--hover-brand-color)}.dark-mode{--home-here-section-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');--color-white: #faf9f6;--primary-color: #181717;--primary-text-color: rgba(255, 255, 255, 0.8);--primary-text-header-color: rgba(255, 255, 255, 0.9);--background-color: #181717;--text-color: rgba(255, 255, 255, 0.8)}html.dark-mode{background-color:var(--primary-color);color:var(--primary-text-color)}body.dark-mode{background-color:var(--primary-color);color:var(--primary-text-color);overflow-x:hidden}.features-comparison{max-width:1400px;margin:0 auto;padding:2rem;background:var(--workspace-background-color);min-height:100vh}.features-comparison .comparison-header{text-align:center;margin-bottom:2rem}.features-comparison .comparison-header h1{font-size:3rem;font-weight:700;color:var(--primary-text-color);margin-bottom:1rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.features-comparison .comparison-header p{font-size:1.2rem;color:var(--secondary-text-color);margin:0}.features-comparison .plan-tabs{display:flex;justify-content:center;margin-bottom:3rem;background:var(--workspace-background-color);border:1px solid var(--price-table-border);border-radius:.75rem;padding:.5rem;max-width:400px;margin-left:auto;margin-right:auto;gap:15px}.features-comparison .plan-tabs .tab-button{flex:1;padding:.75rem 1.5rem;background:rgba(0,0,0,0);border:none;border-radius:.5rem;color:var(--secondary-text-color);font-weight:500;cursor:pointer;transition:all .3s ease}.features-comparison .plan-tabs .tab-button.active{background:var(--brand-color);color:#fff}.features-comparison .plan-tabs .tab-button:hover:not(.active){background:var(--price-table-border);color:var(--primary-text-color)}.features-comparison .billing-toggle{display:flex;justify-content:center;margin-bottom:2rem;background:var(--workspace-background-color);border:1px solid var(--price-table-border);border-radius:.75rem;padding:.5rem;max-width:400px;margin-left:auto;margin-right:auto;gap:15px}.features-comparison .billing-toggle .billing-btn{flex:1;padding:.75rem 1.5rem;background:rgba(0,0,0,0);border:none;border-radius:.5rem;color:var(--secondary-text-color);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.features-comparison .billing-toggle .billing-btn.active{background:var(--brand-color);color:#fff}.features-comparison .billing-toggle .billing-btn:hover:not(.active){background:var(--price-table-border);color:var(--primary-text-color)}.features-comparison .billing-toggle .billing-btn .discount{font-size:.7rem;background:#10b981;color:#fff;padding:.2rem .4rem;border-radius:.25rem;margin-left:.5rem;font-weight:600}.features-comparison .plans-header{display:grid;gap:1rem;margin-bottom:2rem;position:sticky;top:0;background:var(--workspace-background-color);z-index:10;padding:1rem 0;border-bottom:2px solid var(--price-table-border)}.features-comparison .plans-header.ltd-plans{grid-template-columns:300px repeat(3, 1fr)}.features-comparison .plans-header.subscription-plans{grid-template-columns:300px repeat(4, 1fr)}.features-comparison .plans-header .plan-header{text-align:center;padding:1.5rem 1rem;background:var(--workspace-background-color);border:1px solid var(--price-table-border);border-radius:1rem;position:relative;transition:all .3s ease}.features-comparison .plans-header .plan-header.popular{border-color:var(--brand-color);transform:scale(1.05);box-shadow:0 8px 25px rgba(102,126,234,.15)}.features-comparison .plans-header .plan-header.popular .popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--brand-color);color:#fff;padding:.25rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:600}.features-comparison .plans-header .plan-header:first-child{visibility:hidden}.features-comparison .plans-header .plan-header h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.features-comparison .plans-header .plan-header .plan-price .price{font-size:2rem;font-weight:700;color:var(--primary-text-color);display:block}.features-comparison .plans-header .plan-header .plan-price .period{font-size:.9rem;color:var(--secondary-text-color);font-weight:500}.features-comparison .features-table .feature-category{margin-bottom:2rem}.features-comparison .features-table .feature-category .category-header{display:grid;gap:1rem;margin-bottom:1rem}.features-comparison .features-table .feature-category .category-header.ltd-plans{grid-template-columns:300px repeat(3, 1fr)}.features-comparison .features-table .feature-category .category-header.subscription-plans{grid-template-columns:300px repeat(4, 1fr)}.features-comparison .features-table .feature-category .category-header h4{background:linear-gradient(135deg, var(--brand-color), var(--brand-color-hover));color:var(--color-white);padding:1rem;border-radius:.75rem;margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.features-comparison .features-table .feature-category .category-header h4 .category-icon{font-size:1.2rem}.features-comparison .features-table .feature-category .feature-row{display:grid;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--price-table-border);transition:all .3s ease}.features-comparison .features-table .feature-category .feature-row.ltd-plans{grid-template-columns:300px repeat(3, 1fr)}.features-comparison .features-table .feature-category .feature-row.subscription-plans{grid-template-columns:300px repeat(4, 1fr)}.features-comparison .features-table .feature-category .feature-row:hover{background:rgba(102,126,234,.05);border-radius:.5rem;border-bottom-color:rgba(0,0,0,0)}.features-comparison .features-table .feature-category .feature-row .feature-name{font-weight:500;color:var(--primary-text-color);padding:.5rem 1rem;display:flex;align-items:center}.features-comparison .features-table .feature-category .feature-row .feature-values{display:contents}.features-comparison .features-table .feature-category .feature-row .feature-values .feature-value{display:flex;align-items:center;justify-content:center;padding:.5rem}.features-comparison .features-table .feature-category .feature-row .feature-values .feature-value .feature-check{font-size:1.2rem;font-weight:bold}.features-comparison .features-table .feature-category .feature-row .feature-values .feature-value .feature-cross{color:#ef4444;font-size:1.2rem;font-weight:bold}.features-comparison .features-table .feature-category .feature-row .feature-values .feature-value .feature-text{color:var(--primary-text-color);font-weight:500;text-align:center}.features-comparison .comparison-footer{margin-top:4rem;padding-top:3rem;border-top:2px solid var(--price-table-border)}.features-comparison .comparison-footer .cta-section{text-align:center}.features-comparison .comparison-footer .cta-section h3{font-size:2rem;color:var(--primary-text-color);margin-bottom:1rem}.features-comparison .comparison-footer .cta-section p{font-size:1.1rem;color:var(--secondary-text-color);margin-bottom:2rem}.features-comparison .comparison-footer .cta-section .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features-comparison .comparison-footer .cta-section .cta-buttons .btn-primary{background:linear-gradient(135deg, var(--brand-color), var(--brand-color-hover));color:var(--primary-text-color);border:none;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.features-comparison .comparison-footer .cta-section .cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.features-comparison .comparison-footer .cta-section .cta-buttons .btn-secondary{background:rgba(0,0,0,0);color:var(--brand-color);border:2px solid var(--brand-color);padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.features-comparison .comparison-footer .cta-section .cta-buttons .btn-secondary:hover{background:var(--brand-color);color:#fff;transform:translateY(-2px)}@media(max-width: 1200px){.features-comparison .plans-header.ltd-plans,.features-comparison .feature-category .category-header.ltd-plans,.features-comparison .feature-category .feature-row.ltd-plans{grid-template-columns:250px repeat(3, 1fr)}.features-comparison .plans-header.subscription-plans,.features-comparison .feature-category .category-header.subscription-plans,.features-comparison .feature-category .feature-row.subscription-plans{grid-template-columns:250px repeat(4, 1fr)}}@media(max-width: 992px){.features-comparison{padding:1rem}.features-comparison .comparison-header h1{font-size:2.5rem}.features-comparison .plans-header,.features-comparison .feature-category .category-header,.features-comparison .feature-category .feature-row{gap:.5rem}.features-comparison .plans-header.ltd-plans,.features-comparison .feature-category .category-header.ltd-plans,.features-comparison .feature-category .feature-row.ltd-plans{grid-template-columns:200px repeat(3, 1fr)}.features-comparison .plans-header.subscription-plans,.features-comparison .feature-category .category-header.subscription-plans,.features-comparison .feature-category .feature-row.subscription-plans{grid-template-columns:200px repeat(4, 1fr)}.features-comparison .plans-header .plan-header{padding:1rem .5rem}.features-comparison .plans-header .plan-header h3{font-size:1rem}.features-comparison .plans-header .plan-header .plan-price .price{font-size:1.5rem}}@media(max-width: 768px){.features-comparison .plans-header{display:flex;overflow-x:auto;gap:1rem;padding:1rem;margin-bottom:1rem}.features-comparison .plans-header .plan-header{min-width:150px;flex-shrink:0}.features-comparison .plans-header .plan-header:first-child{display:none}.features-comparison .plans-header .plan-header h3{font-size:1rem}.features-comparison .plans-header .plan-header .plan-price .price{font-size:1.5rem}.features-comparison .feature-category .category-header{display:block;margin-bottom:1rem}.features-comparison .feature-category .category-header h4{text-align:center}.features-comparison .feature-category .feature-row{display:block;background:var(--workspace-background-color);border:1px solid var(--price-table-border);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.features-comparison .feature-category .feature-row .feature-name{font-weight:600;margin-bottom:1rem;padding:0;text-align:center;color:var(--brand-color)}.features-comparison .feature-category .feature-row .feature-values{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:.5rem}.features-comparison .feature-category .feature-row .feature-values .feature-value{background:rgba(102,126,234,.05);border-radius:.25rem;padding:.75rem .5rem;text-align:center;position:relative}.features-comparison .feature-category .feature-row .feature-values .feature-value:before{content:attr(data-plan);position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--brand-color);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:.25rem;font-weight:600}.features-comparison .feature-category .feature-row .feature-values .feature-value .feature-text{font-size:.9rem}.features-comparison .cta-buttons{flex-direction:column;align-items:center}.features-comparison .cta-buttons .btn-primary,.features-comparison .cta-buttons .btn-secondary{width:100%;max-width:300px}}
