.compare-widget{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:var(--shadow-md);margin-top:2.5rem}.compare-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.compare-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.compare-btn:hover{border-color:var(--primary);color:var(--primary-dark)}.compare-btn.active-bad{background:#fef2f2;border-color:#f87171;color:#dc2626;box-shadow:0 4px 14px #dc262626}.compare-btn.active-good{background:#f0fdf4;border-color:var(--primary);color:var(--primary-dark);box-shadow:0 4px 14px #00ac5e40}.compare-display{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.compare-display__media{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px #1424191a;height:380px}.compare-display__img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease,transform .5s ease}.compare-display__badge{position:absolute;top:1.2rem;left:1.2rem;padding:.35rem .9rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.compare-display__badge--bad{background:#dc2626eb;color:#fff}.compare-display__badge--good{background:#00ac5ef2;color:#fff}.compare-display__content h3{font-size:1.55rem;font-weight:800;color:var(--text-main);margin-bottom:1.2rem;line-height:1.3}.compare-point-list{list-style:none;padding:0;margin:0 0 1.8rem;display:flex;flex-direction:column;gap:.9rem}.compare-point-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.94rem;line-height:1.55;color:var(--text-main)}.compare-point-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0;margin-top:.15rem}.compare-point-icon--bad{background:#fee2e2;color:#dc2626}.compare-point-icon--good{background:#dcfce7;color:#16a34a}.calc-card{background:linear-gradient(135deg,#fff,#f5faf6);border:2px solid #D0E7D8;border-radius:var(--radius-lg);padding:3rem 2.6rem;box-shadow:0 16px 40px #00ac5e14;margin-top:3.5rem}.calc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.calc-inputs{display:flex;flex-direction:column;gap:1.8rem}.calc-input-group label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:.6rem}.calc-value-display{color:var(--primary-dark);font-size:1.25rem;font-weight:800}.calc-range{width:100%;height:8px;border-radius:4px;background:#e2ece5;outline:none;-webkit-appearance:none;cursor:pointer}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #00ac5e66;border:2px solid #fff;transition:transform .15s ease}.calc-range::-webkit-slider-thumb:hover{transform:scale(1.18)}.calc-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.calc-type-btn{background:#fff;border:1px solid var(--border-color);padding:.75rem .5rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:700;color:var(--text-muted);cursor:pointer;text-align:center;transition:var(--transition)}.calc-type-btn:hover{border-color:var(--primary)}.calc-type-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.calc-results{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.4rem}.calc-result-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--border-color);padding-bottom:1rem}.calc-result-row:last-of-type{border-bottom:none;padding-bottom:0}.calc-result-info span{display:block;font-size:.82rem;color:var(--text-muted)}.calc-result-info strong{font-size:.96rem;color:var(--text-main)}.calc-result-value{font-size:1.65rem;font-weight:800;color:var(--secondary);text-align:right;line-height:1.1}.calc-result-value small{font-size:.85rem;font-weight:600;color:var(--text-muted)}.tech-accordion{display:flex;flex-direction:column;gap:1rem}.tech-accordion-item{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.tech-accordion-item.active{border-color:var(--primary);box-shadow:var(--shadow-sm)}.tech-accordion-header{padding:1.25rem 1.6rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;transition:background .2s ease}.tech-accordion-header:hover{background:var(--bg-subtle)}.tech-accordion-title-wrap{display:flex;align-items:center;gap:1rem}.tech-accordion-icon{width:42px;height:42px;border-radius:12px;background:var(--primary-light);color:var(--primary-dark);font-size:1.35rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tech-accordion-title{font-size:1.08rem;font-weight:800;color:var(--text-main);line-height:1.35}.tech-accordion-summary{font-size:.84rem;color:var(--text-muted);margin-top:.2rem;font-weight:500}.tech-accordion-arrow{width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.tech-accordion-item.active .tech-accordion-arrow{transform:rotate(180deg);background:var(--primary-light);color:var(--primary-dark)}.tech-accordion-body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 1.6rem}.tech-accordion-item.active .tech-accordion-body{max-height:300px;padding:0 1.6rem 1.5rem}.tech-accordion-desc{font-size:.92rem;color:var(--text-muted);line-height:1.65;border-top:1px solid var(--border-light);padding-top:1rem}@media(max-width:900px){.compare-display{grid-template-columns:1fr;gap:1.8rem}.compare-display__media{height:280px}.calc-grid{grid-template-columns:1fr;gap:2rem}}