*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1f2328;background:#f6f8fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}#root{width:100%}.drop-zone{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px dashed #d0d7de;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:260px;min-width:0;height:190px;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone.dragging{background:#f0f6ff;border-color:#0969da}.drop-zone.has-file{border-color:#0969da}.dz-icon{font-size:36px;line-height:1}.dz-name{color:#1f2328;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:220px;font-size:13px;font-weight:600;overflow:hidden}.dz-hint{color:#57606a;text-align:center;white-space:pre-line;font-size:11px;line-height:1.4}@media (width<=580px){.drop-zone{width:100%;height:140px}}.page{max-width:800px;margin:0 auto;padding:0 24px 80px}.app{flex-direction:column;align-items:center;gap:20px;padding:48px 0 40px;display:flex}.app-header{align-self:stretch}.app-title{color:#1f2328;margin:0 0 8px;font-size:28px;font-weight:700}.app-tagline{color:#57606a;margin:0;font-size:15px;line-height:1.5}.zones-row{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.vs{text-align:center;color:#57606a;flex-shrink:0;width:48px;font-size:14px}.status{color:#57606a;text-align:center;min-height:1em;font-size:12px}.status.success{color:#1a7f37}.status.error{color:#cf222e}.compare-btn{color:#fff;cursor:pointer;background:#0969da;border:none;border-radius:6px;width:100%;max-width:568px;height:40px;padding:0 28px;font-size:13px;font-weight:700;transition:background .15s}.compare-btn:hover:not(:disabled){background:#0860c8}.compare-btn:active:not(:disabled){background:#0550a0}.compare-btn:disabled{color:#e0ecff;cursor:not-allowed;background:#8ab4e8}.info-section{border-top:1px solid #d0d7de;margin-top:16px;padding-top:32px}.info-section h2{color:#1f2328;margin-bottom:20px;font-size:18px;font-weight:600}.steps{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;list-style:none;display:grid}.steps li{counter-increment:steps;flex-direction:column;gap:6px;padding-left:32px;display:flex;position:relative}.steps li:before{content:counter(steps);color:#fff;background:#0969da;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:1px;left:0}.steps li strong{color:#1f2328;font-size:14px;font-weight:600}.steps li span{color:#57606a;font-size:13px;line-height:1.5}.faq-section{margin-top:32px}.faq-item{border-bottom:1px solid #eaeef2}.faq-item summary{color:#1f2328;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#57606a;flex-shrink:0;font-size:18px;font-weight:400;transition:transform .15s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:#57606a;padding-bottom:14px;font-size:13px;line-height:1.6}.section-intro{color:#57606a;margin:-8px 0 20px;font-size:14px}.alt-table-wrap{overflow-x:auto}.alt-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.alt-table th,.alt-table td{text-align:left;border-bottom:1px solid #eaeef2;padding:10px 12px}.alt-table th{color:#57606a;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.alt-table td:not(:first-child),.alt-table th:not(:first-child){text-align:center}.alt-table a{color:#0969da;text-decoration:none}.alt-table a:hover{text-decoration:underline}.alt-row-self td{background:#f6f8fa}.alt-row-self strong{color:#1f2328}.tick{font-size:14px;font-weight:700}.tick.yes{color:#1a7f37}.tick.no{color:#cf222e}.app-footer{color:#8c959f;border-top:1px solid #d0d7de;justify-content:center;align-items:center;margin-top:48px;padding-top:16px;font-size:11px;display:flex}.app-footer-links{gap:16px;display:flex}.app-footer a{color:#57606a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;text-decoration:none}.app-footer a:hover{color:#0969da;text-decoration:underline}@media (width<=580px){.app{padding-top:32px}.app-title{font-size:22px}.zones-row{flex-direction:column;gap:12px}.vs{width:auto;height:24px;line-height:24px}.steps{grid-template-columns:1fr;gap:20px}}