:root{--swiss-black:#1a1a1a;--swiss-dark:#2d2d2d;--swiss-gray-900:#3d3d3d;--swiss-gray-700:#5a5a5a;--swiss-gray-500:#52525b;--swiss-gray-300:#b8b8b8;--swiss-gray-200:#d4d4d4;--swiss-gray-100:#e8e8e8;--swiss-gray-50:#f4f4f4;--swiss-white:#ffffff;--swiss-accent:#00ea2d;--swiss-accent-hover:#c4000e;--swiss-border:1px solid var(--swiss-gray-200);--swiss-border-strong:1px solid var(--swiss-gray-300);--swiss-transition:0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);--header-h:60px;--swiss-font:"Helvetica", "Helvetica Neue", "Arial", "Univers", sans-serif;--swiss-font-mono:"SF Mono", "Menlo", "Monaco", "Consolas", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px}[data-theme="dark"]{--swiss-black:#f4f4f4;--swiss-dark:#e8e8e8;--swiss-gray-900:#d4d4d4;--swiss-gray-700:#b8b8b8;--swiss-gray-500:#a1a1aa;--swiss-gray-300:#5a5a5a;--swiss-gray-200:#3d3d3d;--swiss-gray-100:#2d2d2d;--swiss-gray-50:#222222;--swiss-white:#1a1a1a}[data-theme="dark"] .theme-moon{display:none}.theme-sun{display:none}[data-theme="dark"] .theme-sun{display:inline}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;max-width:100%;overflow-x:hidden;width:100%;height:100%}body{font-family:var(--swiss-font);font-size:14px;line-height:1.75;color:var(--swiss-black);background:var(--swiss-white);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;overflow-x:hidden;width:100%;display:flex;flex-direction:column}a{color:var(--swiss-black);text-decoration:underline;text-underline-offset:3px;transition:color var(--swiss-transition);word-break:break-word;overflow-wrap:anywhere}a:hover{color:var(--swiss-accent)}.header{min-height:var(--header-h);background:var(--swiss-white);border-bottom:var(--swiss-border);position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:0 clamp(12px, 3vw, 24px);width:100%}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;margin:0 auto;gap:var(--space-3)}.brand{display:flex;align-items:center;gap:clamp(8px, 2vw, 12px);text-decoration:none;flex-shrink:0}.brand-mark{width:32px;height:32px;background:var(--swiss-black);display:grid;place-items:center;color:var(--swiss-accent);font-weight:800;font-size:13px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:15px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.brand-tag{font-size:9px;color:var(--swiss-gray-500);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:clamp(6px, 1.5vw, 10px);flex-shrink:0}.container{max-width:860px;margin:0 auto;padding:clamp(24px, 5vw, 48px) clamp(16px, 4vw, 32px);width:100%;flex:1}.meta-info{font-size:clamp(10px, 2vw, 11px);color:var(--swiss-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:var(--swiss-border);display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}h1{font-size:clamp(24px, 5vw, 36px);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1.1;margin-bottom:var(--space-3);color:var(--swiss-black)}h2{font-size:clamp(16px, 3.5vw, 21px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;margin-top:clamp(28px, 5vw, 40px);margin-bottom:var(--space-3);padding-top:var(--space-4);border-top:1px dashed var(--swiss-gray-200);color:var(--swiss-black)}h3{font-size:clamp(13px, 2.5vw, 15px);font-weight:700;text-transform:uppercase;margin-top:var(--space-5);margin-bottom:var(--space-2);color:var(--swiss-black)}p{margin-bottom:var(--space-4);color:var(--swiss-gray-700);font-size:clamp(13px, 2vw, 15px);word-break:break-word;overflow-wrap:anywhere}ul,ol{margin-bottom:var(--space-4);padding-left:clamp(18px, 4vw, 28px);color:var(--swiss-gray-700)}li{margin-bottom:var(--space-2);font-size:clamp(13px, 2vw, 15px);word-break:break-word;overflow-wrap:anywhere}strong{color:var(--swiss-black)}.app-footer-top{border-top:var(--swiss-border);display:flex;align-items:center;justify-content:center}.app-footer{padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:11px;color:var(--swiss-gray-500);max-width:900px;width:100%}.copy-rights-link{color:var(--swiss-black);font-weight:700;text-decoration:underline}.copy-rights{display:flex;align-items:center;gap:var(--space-2)}.footer-info{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}@media (max-width:576px){.header{padding:0 var(--space-3)}.btn-text-full{display:none}.btn-text-short{display:inline}.footer-inner{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:340px){.brand-name{font-size:13px}.brand-mark{width:28px;height:28px}.btn-icon{width:30px;height:30px}}@media (max-width:480px){.brand-text{display:none}}.test-section-header{margin-top:var(--space-8);padding-bottom:var(--space-3);border-bottom:var(--swiss-border);display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.test-section-header h3{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--swiss-black);margin:0}.test-section-header .test-subtitle{font-size:12px;color:var(--swiss-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.test-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);margin:var(--space-4) 0 var(--space-6)}.test-card{background:var(--swiss-white);border:var(--swiss-border);padding:0;display:flex;flex-direction:column;transition:all var(--swiss-transition);position:relative;overflow:hidden}.test-card:hover{border-color:var(--swiss-gray-500);transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .06)}.test-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--swiss-black);opacity:0;transition:opacity var(--swiss-transition)}.test-card:hover::before{opacity:1}.test-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--swiss-gray-50);border-bottom:var(--swiss-border);gap:var(--space-2);flex-wrap:wrap}.test-card-name{font-size:13px;font-weight:700;color:var(--swiss-black);letter-spacing:.02em}.test-card-tag{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;background:var(--swiss-gray-200);color:var(--swiss-gray-700);border:var(--swiss-border);white-space:nowrap}.test-card-tag.lossless{background:#d1fae5;color:#065f46;border-color:#86efac}.test-card-tag.lossy{background:#fef3c7;color:#92400e;border-color:#fde68a}.test-card-tag.next-gen{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.test-card-tag.favicon{background:#fce4ec;color:#880e4f;border-color:#f48fb1}.test-card-tag.animated{background:#e8f5e9;color:#1b5e20;border-color:#81c784}.test-card-tag.bitmap{background:#f5f5f5;color:#424242;border-color:#bdbdbd}.test-card-tag.archival{background:#fff3e0;color:#bf360c;border-color:#ffab91}.test-card-tag.jpeg-variant{background:#e3f2fd;color:#0d47a1;border-color:#90caf9}.test-card-tag.cursor{background:#f3e5f5;color:#4a148c;border-color:#ce93d8}.test-card-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.test-metric{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:2px 0;border-bottom:1px solid var(--swiss-gray-100)}.test-metric:last-child{border-bottom:none}.metric-label{font-weight:500;color:var(--swiss-gray-500);text-transform:uppercase;font-size:9px;letter-spacing:.06em}.metric-value{font-weight:700;color:var(--swiss-black);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.metric-value.negative{color:#dc2626}.metric-value.negative::before{content:""}.metric-value.success{color:var(--swiss-accent)}.test-metric .metric-value .dimension-badge{font-size:9px;font-weight:500;color:var(--swiss-gray-500);background:var(--swiss-gray-50);padding:1px 6px;border:var(--swiss-border);display:inline-block}@media (max-width:640px){.test-results-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.test-card-header{padding:var(--space-2) var(--space-3)}.test-card-name{font-size:11px}.test-card-tag{font-size:7px;padding:1px 6px}.test-card-body{padding:var(--space-2) var(--space-3);gap:var(--space-1)}.test-metric{font-size:10px}.metric-label{font-size:8px}.metric-value{font-size:10px}}@media (max-width:480px){.test-results-grid{grid-template-columns:1fr}}.test-status-ok{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px 10px;background:var(--swiss-accent-soft);border:1px solid var(--swiss-accent);font-size:10px;font-weight:700;color:var(--swiss-black);text-transform:uppercase;letter-spacing:.06em}.test-status-ok .icon{color:var(--swiss-accent)}.test-metrics-inline{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--swiss-gray-50);border:var(--swiss-border);margin-bottom:var(--space-3)}.test-metrics-inline .metric-item{display:flex;align-items:center;gap:var(--space-2);font-size:11px}.test-metrics-inline .metric-item .label{font-weight:500;color:var(--swiss-gray-500);text-transform:uppercase;font-size:9px;letter-spacing:.06em}.test-metrics-inline .metric-item .value{font-weight:700;color:var(--swiss-black)}.test-comparison-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-4) 0}.test-comparison-group .test-card{border-left:3px solid var(--swiss-gray-300)}.test-comparison-group .test-card.better{border-left-color:var(--swiss-accent)}.test-comparison-group .test-card.worse{border-left-color:#dc2626}@media (max-width:640px){.test-comparison-group{grid-template-columns:1fr}}.test-divider{margin:var(--space-6) 0 var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.test-divider .line{flex:1;height:1px;background:var(--swiss-gray-200)}.test-divider .label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--swiss-gray-500);white-space:nowrap}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3);margin:var(--space-4) 0}.contact-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--swiss-white);border:var(--swiss-border);transition:all var(--swiss-transition)}.contact-card:hover{border-color:var(--swiss-black);transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .06)}.contact-card-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--swiss-gray-50);border:var(--swiss-border);flex-shrink:0;color:var(--swiss-black)}.contact-card-info{display:flex;flex-direction:column;min-width:0}.contact-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--swiss-gray-500)}.contact-card-info a{font-weight:600;color:var(--swiss-black);text-decoration:none;word-break:break-all}.contact-card-info a:hover{text-decoration:underline}@media (max-width:640px){.contact-grid{grid-template-columns:1fr}}.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-4) 0}.compliance-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--swiss-white);border:var(--swiss-border);transition:all var(--swiss-transition)}.compliance-item:hover{border-color:var(--swiss-gray-300)}.compliance-status{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;background:var(--swiss-accent);color:var(--swiss-white);font-size:16px;font-weight:700;border:var(--swiss-border);border-color:var(--swiss-accent)}.compliance-item h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--swiss-black);margin:0 0 var(--space-1) 0}.compliance-item p{font-size:12px;line-height:1.5;color:var(--swiss-gray-700);margin:0}.features-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-4) 0}.feature-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--swiss-white);border:var(--swiss-border);border-left:3px solid var(--swiss-black);transition:all var(--swiss-transition)}.feature-item:hover{border-left-color:var(--swiss-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .05)}.feature-icon{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;color:var(--swiss-black);background:var(--swiss-gray-50);border:var(--swiss-border)}.feature-icon svg{width:18px;height:18px}.feature-item h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--swiss-black);margin:0 0 var(--space-1) 0}.feature-item p{font-size:12px;line-height:1.5;color:var(--swiss-gray-700);margin:0}.feature-item kbd{display:inline-block;font-family:var(--swiss-font-mono);font-size:10px;font-weight:700;padding:1px 6px;background:var(--swiss-gray-50);border:var(--swiss-border);color:var(--swiss-black);letter-spacing:.02em}kbd{display:inline-block;font-family:var(--swiss-font-mono);font-size:10px;font-weight:700;padding:1px 8px;background:var(--swiss-gray-50);border:var(--swiss-border-strong);color:var(--swiss-black);letter-spacing:.02em;margin:0 2px;border-radius:0}.container{max-width:1000px;margin:0 auto;padding:var(--space-7) var(--space-5)}.meta-info{font-size:11px;color:var(--swiss-gray-500);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:var(--swiss-border);display:flex;gap:var(--space-3);flex-wrap:wrap}.container h1{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--swiss-black);margin-bottom:var(--space-2)}.container h2{font-size:22px;font-weight:700;color:var(--swiss-black);margin:var(--space-6) 0 var(--space-3) 0;letter-spacing:-.01em}.container h4{font-size:14px;font-weight:700;color:var(--swiss-black);margin:0}.container p{font-size:14px;line-height:1.7;color:var(--swiss-gray-700);margin-bottom:var(--space-3);max-width:800px}.container ul{margin:var(--space-3) 0 var(--space-4) var(--space-5);padding:0}.container ul li{font-size:14px;line-height:1.7;color:var(--swiss-gray-700);margin-bottom:var(--space-1);list-style-type:none;position:relative;padding-left:var(--space-4)}.container ul li::before{content:"—";position:absolute;left:0;color:var(--swiss-accent);font-weight:700}.container ul li strong{color:var(--swiss-black)}@media (max-width:768px){.compliance-grid{grid-template-columns:1fr}.features-list{grid-template-columns:1fr}.container{padding:var(--space-5) var(--space-3)}.container h1{font-size:26px}.container h2{font-size:20px}.feature-item{padding:var(--space-3)}.compliance-item{padding:var(--space-3)}}@media (max-width:480px){.container h1{font-size:22px}.container h2{font-size:18px}.container p,.container ul li{font-size:13px}.container ul{margin-left:var(--space-3)}.container ul li{padding-left:var(--space-3)}.feature-item{flex-direction:column;align-items:flex-start}.compliance-item{flex-direction:column;align-items:flex-start}.compliance-status{width:24px;height:24px;font-size:13px}}[data-theme="dark"] .compliance-item{background:var(--swiss-white)}[data-theme="dark"] .feature-item{background:var(--swiss-white)}[data-theme="dark"] .feature-icon{background:var(--swiss-gray-100)}[data-theme="dark"] kbd{background:var(--swiss-gray-100);border-color:var(--swiss-gray-300)}[data-theme="dark"] .compliance-status{background:var(--swiss-accent);border-color:var(--swiss-accent);color:var(--swiss-white)}@media print{.compliance-item,.feature-item{border:1px solid #ccc!important;background:#fff!important;break-inside:avoid}.compliance-status{background:#00ea2d!important;color:#000!important;border-color:#00ea2d!important}.feature-item{border-left-color:#000!important}.container ul li::before{color:#000!important}}