:root{--blue:#007AFF;--blue-dark:#0051a8;--blue-btn-bg:#0066cc;--blue-light:rgba(0, 122, 255, 0.1);--green:#34C759;--yellow:#FFD60A;--text-primary:#1D1D1F;--text-secondary:#6e6e73;--bg-primary:#FFFFFF;--bg-secondary:#F5F5F7;--bg-tertiary:#E8E8ED;--space-xxs:2px;--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:48px;--space-xxl:80px;--radius-s:8px;--radius-m:12px;--radius-l:20px;--shadow-card:0 2px 20px rgba(0,0,0,0.08);--font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--blue:#0A84FF;--blue-light:rgba(0, 122, 255, 0.2);--text-primary:#F5F5F7;--text-secondary:#A1A1A6;--bg-primary:#000000;--bg-secondary:#1C1C1E;--bg-tertiary:#2C2C2E;--shadow-card:0 2px 20px rgba(0,0,0,0.3)}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;line-height:1.6}.nav{position:sticky;top:0;z-index:1000;padding:var(--space-m)0;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.nav{background:rgba(0,0,0,.8);border-bottom:1px solid rgba(255,255,255,.1)}}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-inner{gap:12px;max-width:900px;margin:0 auto;padding:0 var(--space-m)}.nav-logo{gap:var(--space-s);text-decoration:none;color:var(--text-primary);font-weight:600}.nav-logo img{width:32px;height:32px;border-radius:8px}.nav-back{color:var(--blue);text-decoration:none;font-size:.9375rem}.breadcrumb a:hover,.nav-back:hover,.toc a:hover{text-decoration:underline}.article-container{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-m)}.article-body blockquote,.breadcrumb span{color:var(--text-secondary)}.breadcrumb a,.toc a{color:var(--blue);text-decoration:none}.article-header{margin-bottom:var(--space-xl)}.article-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.article-meta{display:flex;align-items:center;gap:var(--space-m);font-size:.9375rem;color:var(--text-secondary)}.toc{background:var(--bg-secondary);border-radius:var(--radius-l);padding:var(--space-l);margin-bottom:var(--space-xl)}.article-body h2,.article-header h1,.toc h2{margin-bottom:var(--space-m)}.toc h2{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.toc ol{padding-left:var(--space-l)}.article-body li,.toc li{margin-bottom:var(--space-s)}.toc a{font-size:1rem;line-height:1.5}.article-body h2{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin-top:var(--space-xl)}.article-body h3{font-size:1.375rem;font-weight:600;margin-top:var(--space-l)}.article-body ol,.article-body p,.article-body ul{font-size:1.0625rem;line-height:1.7;margin-bottom:var(--space-m)}.article-body p{color:var(--text-primary)}.article-body ol,.article-body ul{padding-left:var(--space-l)}.article-body strong{font-weight:600}.article-body a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(0,122,255,.3);text-underline-offset:2px}.article-body a:hover{text-decoration-color:var(--blue)}.article-body blockquote{border-left:3px solid var(--blue);padding-left:var(--space-m);margin:var(--space-l)0;font-style:italic}.article-body table{width:100%;border-collapse:collapse;margin:var(--space-l)0;font-size:.9375rem}.article-body td,.article-body th{text-align:left;padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--bg-tertiary)}.article-body th,.callout{background:var(--bg-secondary)}.article-body th{font-weight:600}.callout{border-left:3px solid var(--blue);border-radius:0 var(--radius-m) var(--radius-m)0;padding:var(--space-m) var(--space-l);margin:var(--space-l)0}.article-body h3,.callout p{margin-bottom:var(--space-s)}.callout p:last-child,.faq-answer p:last-child{margin-bottom:0}.app-screenshot{margin:var(--space-l)0;text-align:center}.app-screenshot img{max-width:280px;width:100%;height:auto;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){.app-screenshot img{box-shadow:0 8px 30px rgba(0,0,0,.4)}}.app-screenshot figcaption{margin-top:var(--space-s);font-size:.875rem;color:var(--text-secondary)}.cta-block,.faq-item summary{background:var(--bg-secondary)}.cta-block{border-radius:var(--radius-l);padding:var(--space-xl) var(--space-l);margin:var(--space-xl)0;text-align:center}.cta-block h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-s);margin-top:0}.cta-block p{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:var(--space-l)}.cta-button{display:inline-block;padding:var(--space-m) var(--space-l);background:var(--blue-btn-bg);color:#fff!important;text-decoration:none!important;font-weight:600;font-size:1rem;border-radius:980px;transition:background .2s}.cta-button:hover{background:var(--blue-dark);color:#fff!important}.faq-section{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.faq-item{margin-bottom:var(--space-l)}.faq-item summary{font-size:1.0625rem;font-weight:500;cursor:pointer;padding:var(--space-m);border-radius:var(--radius-m);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:1.5rem;color:var(--text-secondary);transition:transform .2s}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item[open] summary{border-radius:var(--radius-m) var(--radius-m)0 0}.comparison-table thead th,.faq-answer{background:var(--bg-secondary);padding:var(--space-m)}.faq-answer{border-radius:0 0 var(--radius-m) var(--radius-m);color:var(--text-secondary);line-height:1.7}.faq-answer p{margin-bottom:var(--space-m);font-size:1rem}.related-posts{margin:var(--space-xl)0}.related-posts h2{font-size:1.375rem;font-weight:700;margin-bottom:var(--space-l)}.related-posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}.related-post-card{background:var(--bg-secondary);border-radius:var(--radius-m);padding:var(--space-l);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.related-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.related-post-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-s);line-height:1.4}.footer-links a,.related-post-card p{color:var(--text-secondary);font-size:.875rem}.related-post-card p{line-height:1.5}.footer{padding:var(--space-l)0;text-align:center;border-top:1px solid var(--bg-tertiary)}.footer-links{display:flex;justify-content:center;gap:var(--space-l);margin-bottom:var(--space-m)}.footer-links a{text-decoration:none}.footer-links a:hover,.related-post-card h3{color:var(--text-primary)}.footer-copy{color:var(--text-secondary);font-size:.8125rem}@media (max-width:600px){.article-header h1{font-size:1.75rem}.article-body h2{font-size:1.375rem}.article-body h3{font-size:1.125rem}.related-posts-grid{grid-template-columns:1fr}.cta-block{padding:var(--space-l) var(--space-m)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-email,.cta-button,.faq-item summary::after,.related-post-card{transition:none}}.app-review{background:var(--bg-secondary);border-radius:var(--radius-l);padding:var(--space-l);margin-bottom:var(--space-l)}.app-review h2{margin-top:0}.app-review .app-verdict{display:inline-block;background:var(--bg-tertiary);border-radius:var(--radius-m);padding:4px var(--space-m);font-size:.875rem;font-weight:500;margin-bottom:var(--space-m)}.app-review .app-store-link{display:inline-flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);background:var(--blue-btn-bg);color:#fff;border-radius:var(--radius-m);text-decoration:none;font-size:.9375rem;font-weight:500}.app-review .app-store-link:hover{background:var(--blue-dark);text-decoration:none}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-l)0 var(--space-xl);border-radius:var(--radius-m);border:1px solid var(--bg-tertiary)}.comparison-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:900px}.comparison-table thead th{text-align:left;font-weight:600;border-bottom:2px solid var(--bg-tertiary);white-space:nowrap}.comparison-table tbody td{padding:var(--space-m);border-bottom:1px solid var(--bg-tertiary);vertical-align:top}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:nth-child(even){background:var(--bg-secondary)}.comparison-table tbody td:nth-child(2),.comparison-table thead th:nth-child(2){background:rgba(0,122,255,.06);font-weight:500}@media (prefers-color-scheme:dark){.comparison-table tbody td:nth-child(2),.comparison-table thead th:nth-child(2){background:rgba(0,122,255,.12)}}.comparison-table tbody td:first-child{font-weight:600;white-space:nowrap}.decision-list{list-style:none;padding:0}.decision-list li{padding:var(--space-m);border-radius:var(--radius-m);margin-bottom:var(--space-s);background:var(--bg-secondary)}.decision-list li strong{color:var(--blue)}.article-wrapper{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-l) 80px}.article-card p,.breadcrumb .separator,.subtitle{color:var(--text-secondary)}.related-post-card .read-more{color:var(--blue);font-size:14px;font-weight:500;margin-top:var(--space-s);display:inline-block}.article-card p,.subtitle{font-size:1.125rem;margin-bottom:var(--space-xl)}.articles-grid{display:grid;gap:var(--space-l)}.article-card{display:block;text-decoration:none;color:var(--text-primary);background:var(--bg-secondary);border-radius:var(--radius-l);padding:var(--space-l);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.08)}@media (prefers-color-scheme:dark){.article-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.3)}}.article-card h2,.article-card-tag{font-weight:600;margin-bottom:var(--space-s)}.article-card-tag{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--blue)}.article-card h2{font-size:1.5rem;letter-spacing:-.01em}.article-card p{font-size:1rem;line-height:1.6;margin-bottom:var(--space-m)}.article-card-meta{font-size:.8125rem;color:var(--text-secondary)}.container{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-m)}