*{box-sizing:border-box}:root{--app-bar-height: 70px;--brand: #049be0;--brand-strong: #0284c7;--bg: #e9ebf0;--surface: #f5f7fb;--card: #ffffff;--card-soft: #d6e9f7;--text: #111827;--muted: #6b7280;--border: #d8dde7;--shadow: 0 10px 24px rgba(15, 23, 42, .08)}html,body{overflow-x:hidden;margin:0;padding:0;background:var(--bg)}#root{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#111827;color:#fff;padding:.5rem .75rem;border-radius:.5rem;z-index:1001}.app{width:100%;min-height:100vh;background:var(--bg)}.app-bar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:var(--app-bar-height);padding:.75rem 1rem;color:#fff;background:var(--brand);border-bottom:1px solid rgba(255,255,255,.2)}.app-bar-left{display:flex;align-items:center;gap:.5rem}.top-logo{width:34px;height:34px;object-fit:contain}.top-brand{font-weight:700;letter-spacing:.2px}.app-bar-right{display:flex;justify-content:flex-end;align-items:center;gap:.6rem}.desktop-nav{display:flex;align-items:center;gap:.2rem}.nav-link{color:#fff;text-decoration:none;padding:.45rem .75rem;border-radius:999px;background:#ffffff1a;transition:background-color .2s ease}.nav-link:hover{background:#ffffff38}.translate-button,.mobile-menu-button{color:#fff!important}.mobile-menu-button-wrapper{display:none}.login-button{margin-left:.25rem}.mobile-nav{display:none;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin:calc(var(--app-bar-height) + .5rem) .75rem 0;padding:.65rem .8rem}.mobile-nav a{text-decoration:none;color:var(--text);padding:.45rem .2rem}.content{max-width:1024px;width:100%;margin:0 auto;padding:calc(var(--app-bar-height) + 1.25rem) 1rem 1.25rem}.section-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.hero{margin-bottom:1rem;padding:1.4rem;background:linear-gradient(180deg,#f6fbff,#eef7ff)}.section-with-logo{display:flex;align-items:center;gap:1.4rem}.logo-in-text{width:min(210px,40vw);border-radius:16px;background:#fff;padding:.8rem;border:1px solid var(--border)}h1,h2{margin:0;line-height:1.2;overflow-wrap:anywhere}h1{font-size:clamp(1.8rem,2.8vw,2.5rem)}h2{font-size:clamp(1.35rem,2vw,1.95rem)}p{margin:.55rem 0 0;color:#334155;overflow-wrap:anywhere}.lead{font-size:1.08rem;color:#1f2937}.hero-cta{margin-top:1rem;display:flex;gap:.6rem}.section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;padding:1rem;margin-bottom:1rem}.center-section{padding:1.2rem;margin-bottom:1rem;text-align:center}.screenshot,.screenshot-small{width:100%;border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 20px #0f172a1a;background:#fff}.screenshot-small{max-width:100%}.screenshot-phone{max-height:40vh;width:auto;max-width:100%;border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 20px #0f172a1a;background:#fff;margin:0 auto}.store-links{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem;margin-bottom:1rem;flex-wrap:wrap}.store-links a{border-radius:12px;display:inline-flex;border:1px solid #dbe3ee;background:#fff;padding:.25rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;font-size:.98rem;color:var(--brand);background-color:#fff;border:1px solid var(--brand);border-radius:999px;cursor:pointer;text-decoration:none;min-width:120px;transition:background-color .2s ease,transform .15s ease}.button:hover{background-color:#e8f6ff;transform:translateY(-1px)}.button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.button.primary:hover{background:var(--brand-strong)}.button.secondary{background:#fff}.cta{font-weight:600}#contact a{color:var(--brand-strong);text-decoration:none}#contact a:hover{text-decoration:underline}.kb-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;margin-top:1.25rem;text-align:left}.kb-preview-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);transition:transform .15s ease,box-shadow .15s ease}.kb-preview-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1a}.kb-preview-card strong{font-size:.93rem;line-height:1.35}.kb-preview-card span{font-size:.8rem;color:var(--brand)}.site-footer{margin:0 auto;max-width:1024px;text-align:center;color:var(--muted);padding:.25rem 1rem 1.4rem}img{max-width:100%;height:auto;display:block}section[id],#main{scroll-margin-top:calc(var(--app-bar-height) + 8px)}@media (max-width: 980px){.section{grid-template-columns:1fr}.section>div{order:1}.section>img{order:2}}@media (max-width: 860px){.desktop-nav,.login-button{display:none}.mobile-menu-button-wrapper{display:inline-flex}.mobile-nav{display:flex;flex-direction:column}.content{padding-left:.75rem;padding-right:.75rem}}@media (max-width: 700px){.app-bar{padding:.6rem .7rem}.top-brand{display:none}.section-with-logo{flex-direction:column;text-align:center;align-items:center}.hero-cta{flex-direction:column}.button{width:100%}.logo-in-text{width:min(180px,65vw)}}@media (max-width: 480px){.content{padding-top:calc(var(--app-bar-height) + .9rem);padding-left:.55rem;padding-right:.55rem}.hero,.section,.center-section,.store-links{border-radius:18px}}.lang-switcher{display:flex;align-items:center;gap:.3rem}.lang-switch-btn{display:inline-flex;align-items:center;border-radius:6px;border:1px solid rgba(255,255,255,.35);padding:3px 5px;background:#ffffff1f;transition:background .15s;text-decoration:none}.lang-switch-btn:hover{background:#ffffff47}.lang-switch-btn img{display:block;border-radius:2px}.article-page{width:100%;min-height:100vh;background:var(--bg)}.article-main{max-width:780px;width:100%;margin:0 auto;padding:calc(var(--app-bar-height) + 1.5rem) 1.25rem 2rem}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.breadcrumb a{color:var(--brand);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.article-header h1{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25;margin-bottom:.75rem}.article-meta{font-size:.88rem;color:var(--muted);display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:0 0 .75rem}.article-meta .dot{font-size:1rem}.article-description{font-size:1.05rem;color:#374151;margin:0;line-height:1.6}.article-body{line-height:1.75;font-size:1rem;color:#1f2937}.article-body h2{font-size:clamp(1.25rem,2vw,1.6rem);margin:2rem 0 .75rem;color:var(--text)}.article-body h3{font-size:1.1rem;margin:1.5rem 0 .5rem;color:var(--text)}.article-body p{margin:0 0 1rem;color:#374151}.article-body ul,.article-body ol{margin:0 0 1.25rem 1.5rem;color:#374151}.article-body li{margin-bottom:.4rem}.article-body a{color:var(--brand-strong);text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body code{background:#f1f5f9;padding:.15em .4em;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.article-lead{font-size:1.08rem;color:#1f2937;border-left:4px solid var(--brand);padding-left:1rem;margin-bottom:1.5rem!important}.checklist{list-style:none;margin-left:0!important;padding:0}.checklist li{padding:.35rem .5rem;border-radius:6px}.checklist li:nth-child(odd){background:#f8fafc}.comparison-table-wrapper{overflow-x:auto;margin:1rem 0 1.5rem;border-radius:14px;border:1px solid var(--border)}.comparison-table{width:100%;border-collapse:collapse;font-size:.95rem}.comparison-table th{background:var(--brand);color:#fff;padding:.75rem 1rem;text-align:left}.comparison-table th:first-child{border-radius:14px 0 0}.comparison-table th:last-child{border-radius:0 14px 0 0}.comparison-table td{padding:.6rem 1rem;border-bottom:1px solid var(--border);color:#374151}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:nth-child(2n) td{background:#f8fafc}.article-cta-box{background:linear-gradient(135deg,#eef7ff,#f0f9ff);border:1px solid #bde0ff;border-radius:18px;padding:1.5rem;margin:2.5rem 0 2rem}.article-cta-box strong{font-size:1.1rem;display:block;margin-bottom:.5rem;color:var(--text)}.article-cta-box p{color:#374151;margin:0 0 1rem}.article-cta-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.back-link{margin-top:1rem}.back-link a{color:var(--brand);text-decoration:none;font-size:.95rem}.back-link a:hover{text-decoration:underline}.kb-page{width:100%;min-height:100vh;background:var(--bg)}.kb-main{max-width:1024px;width:100%;margin:0 auto;padding:calc(var(--app-bar-height) + 1.5rem) 1.25rem 2rem}.kb-hero{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:2rem;margin-bottom:1.5rem;text-align:center}.kb-hero h1{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.75rem}.kb-hero p{color:#374151;font-size:1.05rem;max-width:600px;margin:0 auto}.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.kb-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1.5rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:.6rem;transition:transform .15s ease,box-shadow .15s ease}.kb-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0f172a1f}.kb-card h2{font-size:1.05rem;line-height:1.3;margin:0;color:var(--text)}.kb-card p{font-size:.9rem;color:var(--muted);margin:0;flex:1}.kb-card-meta{font-size:.8rem;color:var(--muted);display:flex;gap:.5rem}.kb-card-read-more{font-size:.88rem;color:var(--brand);font-weight:600;margin-top:auto}@media (max-width: 600px){.article-cta-buttons{flex-direction:column}.article-cta-buttons .button{width:100%}}