@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #0ea5e9;--primary-dark: #0284c7;--accent: #f59e0b;--bg: #ffffff;--text: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--surface: #f9fafb;--surface-2: #f3f4f6;--recommended: #eff6ff;--green: #16a34a;--red: #dc2626;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}h1{font-size:2.25rem;font-weight:700;line-height:1.25;margin-top:0;margin-bottom:.5rem;color:var(--text)}h2{font-size:1.75rem;font-weight:700;line-height:1.25;margin-top:0;margin-bottom:.5rem;color:var(--text)}h3{font-size:1.25rem;font-weight:600;line-height:1.25;margin-top:0;margin-bottom:.5rem}h4{font-size:1rem;font-weight:600;line-height:1.25;margin-top:0;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding-left:1.5rem}li{margin-bottom:.25rem}img{max-width:100%;display:block}table{width:100%;border-collapse:collapse}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:3rem 0}.section-sm{padding:1.5rem 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:#fff}.divider{border:none;border-top:2px solid var(--border);margin:2.5rem 0}.site-nav{background:#fff;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-size:1.25rem;font-weight:800;color:var(--text);text-decoration:none}.nav-logo span{color:var(--primary)}.nav-links{display:flex;gap:.25rem;list-style:none;padding:0;margin:0;align-items:center}.nav-links a{display:inline-flex;align-items:center;padding:.5rem .875rem;border-radius:var(--radius);font-weight:500;font-size:.9375rem;color:var(--text);text-decoration:none;transition:background .15s}.nav-links a:hover{background:var(--surface-2);color:var(--primary);text-decoration:none}.nav-links a.active{color:var(--primary);background:var(--recommended)}.nav-cta{background:var(--primary)!important;color:#fff!important;border-radius:var(--radius);padding:.5rem 1rem!important}.nav-cta:hover{background:var(--primary-dark)!important}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius)}.nav-toggle:hover{background:var(--surface-2)}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}.hero{padding:4rem 0 3rem;background:linear-gradient(135deg,#f0f9ff,#fff7ed)}.hero-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700;color:var(--primary);margin-bottom:.75rem}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;margin-bottom:1rem;color:var(--text)}.hero-lead{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:background .15s}.btn-primary:hover{background:var(--primary-dark);text-decoration:none;color:#fff}.btn-outline{border:2px solid var(--primary);color:var(--primary);padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:background .15s,color .15s}.btn-outline:hover{background:var(--primary);color:#fff;text-decoration:none}.switch-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.switch-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}.switch-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.switch-card-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.switch-card-type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.switch-card-name{font-size:1.25rem;font-weight:700;color:var(--text)}.switch-card-desc{font-size:.9375rem;color:var(--text-muted);line-height:1.5}.switch-card-tag{margin-top:auto;display:inline-flex;align-items:center;gap:.375rem;background:var(--surface);border-radius:999px;padding:.3rem .75rem;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.switch-card-tag:before{content:"✓";color:var(--green);font-weight:700}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.use-case-card{display:block;text-decoration:none;border-radius:var(--radius-lg);padding:1.5rem;background:var(--surface);border:2px solid var(--border);transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.use-case-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.use-case-card.typing:before{background:var(--primary)}.use-case-card.gaming:before{background:var(--accent)}.use-case-card.office:before{background:var(--green)}.use-case-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.use-case-icon{font-size:2rem;margin-bottom:.75rem}.use-case-title{font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:.375rem}.use-case-desc{font-size:.875rem;color:var(--text-muted);line-height:1.5}.use-case-arrow{margin-top:1rem;font-size:.875rem;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:.25rem}.comparison-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow)}.comparison-table{width:100%;border-collapse:collapse;min-width:500px}.comparison-table thead th{background:var(--surface);padding:1rem 1.25rem;text-align:left;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:1}.comparison-table thead th.recommended-col{background:var(--recommended);color:var(--primary)}.comparison-table tbody tr:nth-child(2n){background:var(--surface)}.comparison-table tbody tr:hover{background:#e0f2fe}.comparison-table td{padding:.875rem 1.25rem;border-bottom:1px solid var(--border);font-size:.9375rem;vertical-align:middle}.comparison-table td.recommended-col{background:var(--recommended);font-weight:600}.comparison-table tbody tr:last-child td{border-bottom:none}.check{color:var(--green);font-weight:700}.cross{color:var(--red);font-weight:700}.verdict-card{border-radius:var(--radius-lg);border:2px solid var(--primary);background:var(--recommended);padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.75rem}.verdict-card-label{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--primary);color:#fff;align-self:flex-start}.verdict-card-title{font-size:1.25rem;font-weight:700;color:var(--text)}.verdict-card-body{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.verdict-card.accent{border-color:var(--accent);background:#fffbeb}.verdict-card.accent .verdict-card-label{background:var(--accent)}.verdict-card.green{border-color:var(--green);background:#f0fdf4}.verdict-card.green .verdict-card-label{background:var(--green)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pros-box,.cons-box{border-radius:var(--radius);padding:1.25rem 1.5rem}.pros-box{background:#f0fdf4;border:1px solid #bbf7d0}.cons-box{background:#fff1f2;border:1px solid #fecdd3}.pros-box h4{color:var(--green);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.cons-box h4{color:var(--red);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.pros-cons ul{list-style:none;padding:0;margin:0}.pros-cons li{padding:.375rem 0;font-size:.9375rem;display:flex;align-items:flex-start;gap:.5rem;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:0}.pros-cons li:last-child{border-bottom:none}.pros-box li:before{content:"✓";color:var(--green);font-weight:700;flex-shrink:0;margin-top:.1em}.cons-box li:before{content:"✗";color:var(--red);font-weight:700;flex-shrink:0;margin-top:.1em}.faq{display:flex;flex-direction:column;gap:.75rem}.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.faq-question{width:100%;background:none;border:none;cursor:pointer;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--text);text-align:left;transition:background .15s;font-family:inherit}.faq-question:hover{background:var(--surface)}.faq-question[aria-expanded=true]{background:var(--surface);color:var(--primary)}.faq-icon{font-size:1.25rem;transition:transform .25s;flex-shrink:0;color:var(--text-muted)}.faq-question[aria-expanded=true] .faq-icon{transform:rotate(45deg);color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.open{max-height:500px}.faq-answer-inner{padding:.25rem 1.25rem 1.25rem;color:var(--text-muted);font-size:.9375rem;line-height:1.7}.section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.5rem}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--text);margin-bottom:.75rem}.section-lead{font-size:1rem;color:var(--text-muted);max-width:600px;margin-bottom:2rem}.content-page{max-width:780px;margin:0 auto;padding:2rem 1.5rem}.content-page h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:1.25rem}.content-page h2{font-size:1.5rem;font-weight:700;color:var(--text);margin-top:2.5rem;margin-bottom:.75rem;padding-top:.5rem;border-top:2px solid var(--border)}.content-page h3{font-size:1.125rem;font-weight:700;color:var(--primary);margin-top:1.5rem;margin-bottom:.5rem}.content-page p{line-height:1.75;margin-bottom:1.25rem}.content-page ul,.content-page ol{margin-bottom:1.25rem}.content-page li{margin-bottom:.375rem;line-height:1.65}.content-page table{margin:1.5rem 0;font-size:.9375rem}.content-page th{background:var(--surface);font-weight:700;padding:.75rem 1rem;text-align:left}.content-page td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.content-page blockquote{border-left:4px solid var(--primary);padding:.75rem 1.25rem;background:var(--recommended);border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0;font-style:italic;color:var(--text-muted)}.site-footer{background:var(--surface);border-top:2px solid var(--border);padding:2.5rem 0}.footer-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand{font-weight:700;font-size:1rem;color:var(--text)}.footer-links{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}.footer-links a{font-size:.875rem;color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--primary);text-decoration:none}.footer-copy{font-size:.8125rem;color:var(--text-muted)}@media (max-width: 768px){.grid-3,.grid-2,.switch-matrix,.use-case-grid,.pros-cons{grid-template-columns:1fr}.nav-toggle{display:flex}.nav-links{display:none;flex-direction:column;align-items:stretch;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:1rem 1.5rem;gap:.5rem;box-shadow:var(--shadow-md);z-index:99}.site-nav{position:sticky}.nav-links.nav-open{display:flex}.nav-links a{padding:.625rem .875rem;width:100%}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap;gap:1rem}}@media (max-width: 640px){.comparison-table-wrap{border:none;box-shadow:none;border-radius:0;overflow-x:visible}.comparison-table,.comparison-table thead,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{display:block}.comparison-table thead{display:none}.comparison-table tbody tr{background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.comparison-table tbody tr:nth-child(2n){background:#fff}.comparison-table tbody tr:hover{background:#fff}.comparison-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.9375rem}.comparison-table tbody tr:last-child td:last-child{border-bottom:none}.comparison-table td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);font-size:.8125rem;min-width:40%;flex-shrink:0;padding-right:.5rem}.comparison-table td.recommended-col{background:var(--recommended)}.hero{padding:2.5rem 0 2rem}.hero-actions{flex-direction:column;align-items:flex-start}.btn-primary,.btn-outline{width:100%;justify-content:center}.content-page{padding:1.5rem 1rem}}