.header-host[data-astro-cid-3ef6ksr2]{display:block;position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0}.container[data-astro-cid-3ef6ksr2]{max-width:1200px;margin:0 auto;padding:0 1rem}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center;height:70px}.logo-link[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;text-decoration:none;font-weight:800;font-size:1.5rem;color:#0f172a;gap:.5rem}.logo-img[data-astro-cid-3ef6ksr2]{height:36px;width:auto}.nav[data-astro-cid-3ef6ksr2]{display:none}.nav-list[data-astro-cid-3ef6ksr2]{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}.nav-link[data-astro-cid-3ef6ksr2]{text-decoration:none;color:#0f172a;font-weight:500;font-size:.95rem}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:#4f46e5}.btn[data-astro-cid-3ef6ksr2]{display:inline-flex;justify-content:center;align-items:center;border-radius:6px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer}.btn-primary[data-astro-cid-3ef6ksr2]{background:#0f172a;color:#fff;padding:.6rem 1.2rem;font-size:.9rem}.btn-primary[data-astro-cid-3ef6ksr2]:hover{background:#4f46e5}@media(min-width:768px){.nav[data-astro-cid-3ef6ksr2]{display:block}}.collab-banner-host[data-astro-cid-7uudabzs]{display:block;margin-bottom:5rem;font-family:Inter,sans-serif}.collab-card[data-astro-cid-7uudabzs]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:3rem;position:relative;box-shadow:0 20px 40px -10px #7c3aed1a;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;overflow:hidden}@media(min-width:992px){.collab-card[data-astro-cid-7uudabzs]{grid-template-columns:1.2fr .8fr;padding:4rem}}.badge-world-first[data-astro-cid-7uudabzs]{position:absolute;top:0;right:0;background:#000;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.5rem 1.5rem;border-bottom-left-radius:12px;letter-spacing:.05em}.collab-content[data-astro-cid-7uudabzs] h2[data-astro-cid-7uudabzs]{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:1rem;line-height:1.2}.collab-intro[data-astro-cid-7uudabzs]{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.collab-intro[data-astro-cid-7uudabzs] strong[data-astro-cid-7uudabzs]{color:#0f172a;font-weight:600}.comparison-list[data-astro-cid-7uudabzs]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.comp-item[data-astro-cid-7uudabzs]{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;color:#334155}.comp-item[data-astro-cid-7uudabzs] strong[data-astro-cid-7uudabzs]{color:#0f172a;font-weight:700}.icon-x[data-astro-cid-7uudabzs]{color:#ef4444;flex-shrink:0;margin-top:2px}.icon-check[data-astro-cid-7uudabzs]{color:#22c55e;flex-shrink:0;margin-top:2px}.collab-visual[data-astro-cid-7uudabzs]{background:#f8fafc;border-radius:16px;padding:2rem;text-align:center;border:1px solid #f1f5f9;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.visual-circles[data-astro-cid-7uudabzs]{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.circle[data-astro-cid-7uudabzs]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:2px solid #fff;box-shadow:0 4px 6px -1px #0000001a}.circle-gray[data-astro-cid-7uudabzs]{background:#cbd5e1;color:#475569;margin-right:-10px;z-index:1}.circle-blue[data-astro-cid-7uudabzs]{background:#2563eb;color:#fff;z-index:2}.visual-title[data-astro-cid-7uudabzs]{font-weight:700;color:#0f172a;margin-bottom:.25rem}.visual-sub[data-astro-cid-7uudabzs]{color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.btn-collab[data-astro-cid-7uudabzs]{display:inline-block;background:#8b5cf6;color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:8px;text-decoration:none;transition:background .2s;width:100%;max-width:200px}.btn-collab[data-astro-cid-7uudabzs]:hover{background:#7c3aed}.header-icon-wrap[data-astro-cid-7uudabzs]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f3e8ff;color:#9333ea;border-radius:50%;margin-bottom:1rem}.footer-host[data-astro-cid-sz7xmlte]{display:block;background:#fff;border-top:1px solid #e2e8f0;padding-top:5rem;margin-top:8rem}.container[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4rem;padding-bottom:3rem}.footer-col[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:1rem}.footer-logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.5rem;color:#0f172a;font-weight:800;font-size:1.25rem;text-decoration:none}.footer-desc[data-astro-cid-sz7xmlte]{color:#64748b;font-size:.9rem;line-height:1.6;max-width:280px}.heading[data-astro-cid-sz7xmlte]{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#0f172a;margin-bottom:1rem}.link-list[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.link-list[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:.75rem}.link-list[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none;color:#64748b;font-size:.95rem}.link-list[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#4f46e5}.badges[data-astro-cid-sz7xmlte]{display:flex;gap:.75rem;flex-wrap:wrap}.app-badges[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.75rem}.copyright[data-astro-cid-sz7xmlte]{border-top:1px solid #e2e8f0;padding:2rem 0;text-align:center;color:#94a3b8;font-size:.9rem}:root{--color-primary: #8b5cf6;--color-text-main: #0f172a;--color-text-secondary: #475569;--color-bg-body: #f8fafc;--color-bg-surface: #ffffff;--color-border: #e2e8f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}h1,h2,h3,h4{font-family:Outfit,sans-serif;color:var(--color-text-main);font-weight:700;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem}h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:3rem 0}.intro-section{text-align:center;padding:4rem 0;max-width:800px;margin:0 auto}.intro-section h1{background:linear-gradient(135deg,#0f172a,#3e3e3e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-section p{font-size:1.25rem;color:var(--color-text-secondary)}.comparison-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:4rem}@media(min-width:640px){.comparison-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.comparison-grid{grid-template-columns:repeat(3,1fr)}}.comparison-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:var(--color-primary)}.card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--color-border)}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.card-content h2{font-size:1.25rem;margin-top:0;transition:color .2s}.comparison-card:hover .card-content h2{color:var(--color-primary)}.card-content p{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1.5rem;flex:1}.btn{display:inline-flex;justify-content:center;align-items:center;padding:.75rem 1rem;border-radius:6px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#7c3aed}.blog-layout{display:flex;flex-direction:column;gap:3rem}@media(min-width:1024px){.blog-layout{flex-direction:row;align-items:flex-start}}.prose{flex:1;max-width:100%;min-width:0}.prose p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--color-text-secondary)}.prose ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.5rem;color:var(--color-text-secondary)}.prose li{margin-bottom:.5rem}.blog-sidebar{display:none}@media(min-width:1024px){.blog-sidebar{display:block;width:300px;min-width:300px;flex-shrink:0;position:sticky;top:100px}}.toc-sidebar-title,.mobile-toc h3{font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;margin-bottom:1rem;color:var(--color-text-main)}.toc-sidebar-list,.mobile-toc ul{list-style:none!important;padding:0!important;margin:0!important}.toc-sidebar-list li,.mobile-toc li{margin-bottom:.5rem!important;padding-left:0!important;list-style-type:none!important}.toc-sidebar-list a,.mobile-toc a{display:block;font-size:.95rem;color:var(--color-text-secondary);padding:.25rem 0 .25rem 1rem;border-left:2px solid transparent}.toc-sidebar-list a:hover,.mobile-toc a:hover{color:var(--color-primary);border-left-color:var(--color-primary)}.mobile-toc{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}@media(min-width:1024px){.mobile-toc{display:none}}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;margin:2rem 0}.comparison-table{width:100%;border-collapse:collapse;min-width:600px}.comparison-table th,.comparison-table td{padding:1rem;border-bottom:1px solid var(--color-border);text-align:left}.comparison-table th{background:var(--color-bg-body);font-weight:700}.modern-hero-badge{display:inline-block;background-color:#dbeafe;color:#1e40af;font-size:.85rem;font-weight:700;padding:.5rem 1rem;border-radius:9999px;margin-bottom:1.5rem;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 6px -1px #0000001a}.modern-hero-title{font-size:3rem;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(to right,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem;margin-bottom:4rem}@media(min-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;transition:all .2s ease-in-out;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#cbd5e1}.feature-card h3{color:#0f172a;font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.feature-card p{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.winner-badge{display:inline-block;font-size:.875rem;padding:.35rem .75rem;border-radius:6px;background-color:#f0fdf4;color:#15803d;font-weight:600;border:1px solid #bbf7d0}.table-wrapper{box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th{background-color:#f8fafc;color:#475569;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:1rem 1.5rem;border-bottom:2px solid #e2e8f0}.comparison-table th:nth-child(2){background-color:#eff6ff;color:#1e40af}.comparison-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.comparison-table td:nth-child(2){background-color:#f8fafc;font-weight:600;color:#0f172a}.status-yes{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:#dcfce7;color:#166534}.status-no{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:#fee2e2;color:#991b1b}.status-neutral{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:#f1f5f9;color:#475569}.section-header td{background-color:#f1f5f9!important;color:#334155!important;font-weight:700!important;text-transform:capitalize;font-size:.95rem}.breadcrumbs{font-size:.9rem;color:#64748b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.breadcrumbs a{color:#64748b!important;transition:color .2s;text-decoration:none}.breadcrumbs a:hover{color:#8b5cf6!important}.breadcrumbs span{color:#0f172a!important;font-weight:500}
