.comparison-header{padding:80px 0 48px;background:linear-gradient(135deg,var(--color-primary) 0%,#0d2f2a 100%);color:var(--color-white)}.comparison-header .container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.comparison-header__back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#ffffffb3;text-decoration:none;margin-bottom:32px;transition:color var(--transition-fast)}.comparison-header__back:hover{color:var(--color-white)}.comparison-header h1{font-family:var(--font-display);font-size:44px;font-weight:300;line-height:1.2;margin-bottom:16px}.comparison-header__description{font-size:18px;line-height:1.7;max-width:680px;opacity:.9;margin-bottom:24px}.comparison-header__meta{display:flex;align-items:center;gap:16px;font-size:14px;opacity:.7}.comparison-header__meta span{display:flex;align-items:center;gap:4px}.comparison-table-section{padding:64px 0;background:#f9fafb}.comparison-table-section .container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.comparison-table-section h2{font-family:var(--font-display);font-size:28px;font-weight:300;color:var(--color-secondary);margin-bottom:32px;text-align:center}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.comparison-table thead th{padding:16px 24px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:#fafafa;border-bottom:2px solid #e5e7eb;text-align:left}.comparison-table thead th:first-child{color:var(--color-secondary)}.comparison-table thead th:nth-child(2){color:var(--color-green)}.comparison-table tbody td{padding:14px 24px;font-size:15px;line-height:1.5;border-bottom:1px solid #f0f0f0;color:var(--color-gray-700)}.comparison-table tbody td:first-child{font-weight:500;color:var(--color-secondary)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:#fafffe}.comparison-verdict{padding:48px 0;background:var(--color-primary);color:var(--color-white);text-align:center}.comparison-verdict .container{max-width:720px;margin:0 auto;padding:0 24px}.comparison-verdict__label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-mint);margin-bottom:12px}.comparison-verdict__text{font-family:var(--font-display);font-size:24px;font-weight:300;line-height:1.5}.comparison-content{padding:64px 0}.comparison-content .container{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:240px 1fr;gap:48px}.comparison-toc{position:sticky;top:calc(var(--header-height) + 24px);align-self:start}.comparison-toc__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);margin-bottom:16px}.comparison-toc__list{list-style:none}.comparison-toc__list li{margin-bottom:8px}.comparison-toc__list a{font-size:14px;color:var(--color-gray-500);text-decoration:none;line-height:1.5;transition:color var(--transition-fast)}.comparison-toc__list a:hover{color:var(--color-green)}.comparison-article{max-width:720px}.comparison-article h2{font-family:var(--font-display);font-size:28px;font-weight:300;color:var(--color-secondary);margin:48px 0 16px}.comparison-article h2:first-child{margin-top:0}.comparison-article h3{font-size:20px;font-weight:600;color:var(--color-secondary);margin:32px 0 12px}.comparison-article p{font-size:16px;line-height:1.8;color:var(--color-gray-700);margin-bottom:20px}.comparison-article ul,.comparison-article ol{margin-bottom:20px;padding-left:24px}.comparison-article li{font-size:16px;line-height:1.8;color:var(--color-gray-700);margin-bottom:8px}.comparison-article strong{font-weight:600;color:var(--color-secondary)}.comparison-article a{color:var(--color-green);text-decoration:underline;text-underline-offset:2px}.comparison-article a:hover{color:var(--color-green-dark)}.comparison-article blockquote{border-left:3px solid var(--color-green);padding:16px 24px;margin:24px 0;background:#f9fafb;border-radius:0 8px 8px 0}.comparison-article blockquote p{color:var(--color-secondary);font-style:italic;margin-bottom:0}.comparison-article code{background:#f0f2f5;padding:2px 6px;border-radius:4px;font-size:14px}.comparison-article pre{background:#1a1a2e;color:#e2e8f0;padding:20px 24px;border-radius:8px;overflow-x:auto;margin-bottom:24px}.comparison-article pre code{background:none;padding:0;font-size:14px;line-height:1.7}.comparison-faq{padding:64px 0;background:#f9fafb}.comparison-faq .container{max-width:800px;margin:0 auto;padding:0 24px}.comparison-faq h2{font-family:var(--font-display);font-size:28px;font-weight:300;color:var(--color-secondary);text-align:center;margin-bottom:32px}.comparison-faq details{border-bottom:1px solid #e5e7eb}.comparison-faq summary{padding:16px 0;font-size:16px;font-weight:500;color:var(--color-secondary);cursor:pointer;list-style:none}.comparison-faq summary::-webkit-details-marker{display:none}.comparison-faq summary::marker{content:""}.comparison-faq details[open] summary{color:var(--color-green)}.comparison-faq .faq-answer{padding:0 0 16px;font-size:15px;line-height:1.7;color:var(--color-gray-500)}@media(max-width:1024px){.comparison-content .container{grid-template-columns:1fr}.comparison-toc{position:static;border-bottom:1px solid #e5e7eb;padding-bottom:24px;margin-bottom:8px}}@media(max-width:768px){.comparison-header h1{font-size:32px}.comparison-header__description{font-size:16px}.comparison-header__meta{flex-wrap:wrap;gap:8px}.comparison-table thead th,.comparison-table tbody td{padding:12px 16px;font-size:13px}.comparison-verdict__text{font-size:20px}}@media(max-width:480px){.comparison-header{padding:60px 0 36px}.comparison-header h1{font-size:26px}.comparison-table-section{overflow-x:auto}.comparison-table{min-width:560px}}
