:root{--primary:#2563eb;--primary-dark:#1e40af;--bg:#f8fafc;--text:#0f172a;--text-light:#64748b;--border:#e2e8f0;--white:#fff;--success:#12ca0c;--soft-proof-bg:#f0f4ff;--soft-proof-accent:#0061ff;--disabled:#cbd5e1;--super-header-bg:#1e293b}body{color:var(--text);margin:0;line-height:1.5;-webkit-font-smoothing:antialiased}.container-compare{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;max-width:1600px;margin:0 auto;padding:1rem}@media(min-width:768px){.container-compare{padding:1rem 2rem;margin-bottom:80px}}.header-title-area{margin-bottom:1.5rem}@media(max-width:600px){.header-title-area{text-align:center;padding:0 10px}.btn-add{justify-content:center}}h1{font-size:1.75rem;font-weight:800;margin-bottom:.25rem;letter-spacing:-0.025em}@media(min-width:768px){h1{font-size:2.5rem}}.controls{display:flex;justify-content:flex-end;align-items:center;padding-bottom:1rem;gap:1rem;position:sticky;top:78px;background-color:#FFF;z-index:31}.inline-addon-control{margin-top:.45rem;padding-top:.75rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;gap:.5rem}.toggle-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--soft-proof-accent)}.switch{position:relative;display:inline-block;width:36px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--soft-proof-accent)}input:checked+.slider:before{transform:translateX(18px)}.comparison-wrapper{background:var(--white);border-radius:1rem;border:1px solid var(--border);overflow-x:visible;-webkit-overflow-scrolling:touch;max-height:none}table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}@media(min-width:1024px){table{table-layout:fixed;min-width:100%}}th,td{padding:.75rem;border-bottom:1px solid var(--border);text-align:center;font-size:.85rem}@media(min-width:768px){th,td{padding:.85rem;font-size:.9rem}}#tableHeader th{position:sticky;top:138px;z-index:20;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.row-label{text-align:left;width:180px;background:#fcfcfd;font-weight:600;color:var(--text-light);border-right:1px solid var(--border);position:sticky;left:0;z-index:10}#tableHeader th.row-label{z-index:30;background:#f8fafc}@media(min-width:1024px){.row-label{width:30%}}.header-cell{vertical-align:top;background:var(--white);position:relative}.product-select,.variant-select{width:100%;padding:.5rem;border-radius:.4rem;border:1px solid var(--border);background:var(--bg);font-size:.8rem;margin-bottom:.4rem;cursor:pointer}.product-select{font-weight:800;color:var(--primary);border:0;background:transparent;font-size:1.1rem;padding-left:0;width:fit-content}.super-category-row{background:var(--super-header-bg);color:white;text-align:center;font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:1rem}.category-row{background:#e5f2ff;text-align:left;font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);padding:.6rem 1rem;position:sticky;left:0;z-index:5}.common-sub-category{background:#e5f2ff;color:var(--text-light);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:.4rem 1.5rem;border-bottom:1px solid var(--border);position:sticky;left:0;z-index:5}.category-row.addon-header{color:var(--soft-proof-accent)}.check{color:var(--success);font-weight:bold;font-size:1.1rem}.cross{color:#cbd5e1;font-size:1rem}.check-addon{color:var(--soft-proof-accent);font-weight:bold;font-size:1.1rem}.variant-desc{font-size:.85rem;color:var(--text-light);min-height:4em;text-align:left;margin-top:.25rem;line-height:1.3}.cell-text{font-size:.90rem;color:var(--text);line-height:1.4;text-align:center;display:block}.btn-add{background:var(--primary);color:white;border:0;padding:.5rem .85rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.85rem;white-space:nowrap}.btn-add:hover{background:var(--primary-dark)}.btn-add:disabled{background:var(--disabled);cursor:not-allowed}.btn-remove{color:#ef4444;background:transparent;border:0;cursor:pointer;font-size:.8rem;padding:0 0 0 1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.cta-section{margin-top:5rem;padding:2.5rem 1.5rem;background:#cbd5e15c;border-radius:1rem;color:white;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.cta-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.cta-subtitle{color:#343434;font-size:1rem;margin-bottom:2rem}.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.cta-card{background:white;border:1px solid #d8d8d8;border-radius:.75rem;padding:1.5rem;text-align:left;transition:transform .2s,background .2s;display:flex;flex-direction:column}@media(min-width:664px) and (max-width:1050px){.cta-card:last-child{grid-column:1 / -1}}.cta-card-title{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:#343434}.cta-card-desc{font-size:.95rem;color:#343434;margin-bottom:1.5rem;flex-grow:1}.cta-button{color:white;text-decoration:none;padding:.6rem 1rem;border-radius:.4rem;font-weight:600;font-size:.85rem;text-align:center;transition:background .2s}.cta-button:hover{background:var(--soft-proof-accent)}.cta-card:nth-of-type(1) .cta-button{background:linear-gradient(135deg,#3776ff,#1d4ed8)}.cta-card:nth-of-type(2) .cta-button{background:linear-gradient(135deg,#9333ea,#a21caf)}.cta-card:nth-of-type(3) .cta-button{background:linear-gradient(135deg,#f97316,#dc2626)}@media screen and (max-device-width:932px) and (orientation:landscape){.variant-desc{display:none}#tableHeader th{top:135px}.product-select{font-size:.9rem;margin-bottom:.1rem}}@media screen and (max-width:767px) and (orientation:portrait){.comparison-wrapper{overflow-x:visible}table{min-width:unset;width:100%}#tableHeader th{top:220px}.row-label{width:90px}.variant-desc{display:none}.product-select{font-size:.9rem;margin-bottom:.1rem}.controls{flex-wrap:wrap}}@media screen and (min-width:645px) and (max-width:766px) and (orientation:portrait){#tableHeader th{top:143px}}@media screen and (min-width:481px) and (max-width:644px) and (orientation:portrait){#tableHeader th{top:193px}}@media screen and (max-width:480px) and (orientation:portrait){#tableHeader th{top:193px}}.legend-item{display:flex;align-items:center;gap:5px;font-size:.9rem}.l-tick{color:#12ca0c;font-weight:700}.l-cross{color:#bbb}.l-plugin{color:#0061ff;font-weight:700}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#555;padding:9px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:fit-content}#tableHeader th:first-child{border-top-left-radius:1rem}#tableHeader th:last-child{border-top-right-radius:1rem}table tr:last-child td:first-child{border-bottom-left-radius:1rem}table tr:last-child td:last-child{border-bottom-right-radius:1rem}.controls.is-stuck{border-bottom:1px solid var(--border);padding-top:10px}.controls-sentinel{height:1px;margin-top:-1px}table td:not(:first-child){border-right:1px solid #f5f5f5}.variant-subtext{font-size:.85em;color:#666;font-style:italic;margin-top:4px}.check-addon{color:var(--soft-proof-accent)}