*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:#172033;background:#f4f6f9}#site-nav{position:fixed;inset:0 auto 0 0;width:270px;background:#10213a;color:#fff;padding:16px 14px;overflow:auto;transition:width .18s}#site-nav img{width:100%;height:auto;margin-bottom:12px;border-radius:8px}#site-nav a,#nav-toggle{display:block;width:100%;padding:9px 10px;margin:3px 0;border:0;border-radius:6px;background:transparent;color:#eaf3ff;text-align:left;text-decoration:none;font-size:15px}#site-nav a:hover,#site-nav a.active,#nav-toggle:hover{background:#1f4b7e}.language{margin-top:16px;border-top:1px solid #426385}body.nav-collapsed #site-nav{width:64px}body.nav-collapsed #site-nav a{font-size:0;padding:10px 4px}body.nav-collapsed #site-nav img{display:none}main{margin-left:270px;padding:28px 38px 56px;transition:margin-left .18s}.nav-collapsed main{margin-left:64px}.hero{min-height:420px;border-radius:0;background:#061222 url('screenshots/main_window.png') center/cover no-repeat;color:#fff;padding:46px 42px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 2000px rgba(5,15,28,.55)}.hero h1{font-size:48px;margin:0 0 12px}.hero p{max-width:830px;font-size:20px;line-height:1.45}.band{background:#fff;margin:24px 0;padding:26px 30px;border-left:5px solid #2474bd;box-shadow:0 1px 4px rgba(0,0,0,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:#fff;border:1px solid #d9e1eb;border-radius:8px;padding:18px}.shot{width:100%;border:1px solid #d1dae6;background:#fff;margin:14px 0}.button{display:inline-block;background:#146ab3;color:#fff;text-decoration:none;padding:9px 13px;border-radius:5px;margin:4px 8px 4px 0}table{width:100%;border-collapse:collapse;background:#fff;margin:14px 0}th,td{border:1px solid #dbe3ee;padding:8px 10px;vertical-align:top}th{background:#e8f0fa;cursor:pointer;text-align:left}code{font-family:Consolas,monospace;word-break:break-all}.note{background:#fff8df;border-left:5px solid #d6a300;padding:15px 18px}.footer{margin-top:36px;color:#536275;font-size:14px}@media(max-width:900px){#site-nav{position:static;width:auto}main,.nav-collapsed main{margin-left:0;padding:18px}.hero h1{font-size:34px}}