Add basic details for the paid services

2 files changed, 55 insertions, 7 deletions

diff --git a/Run/Que/index.md b/Run/Que/index.md
index c61dc5c..beca49d 100644
--- a/Run/Que/index.md
+++ b/Run/Que/index.md
@@ -1,6 +1,6 @@
 % que.run
 
-que is the concurrent, async runtime in the cloud
+que.run is the concurrent, async runtime in the cloud
 
   - runtime concurrency anywhere you have a network connection
   - multilanguage communicating sequential processes
@@ -25,6 +25,34 @@ Download it to somewhere on your `$PATH` and make it executable:
 
 The client requires a recent version of Python 3.
 
+## Powerup
+
+que.run is free for limited use, but the real power of an asynchronous,
+concurrent runtime in the cloud is unlocked with some extra power-user
+features.
+
+- Free
+  - unlimited public ques
+  - all protocols and data formats supported
+  - bandwidth and message sizes limited
+  - concurrent connections limited
+  - request rate limited
+- Power
+  - all of the above plus:
+  - protect your data with private namespaces
+  - remove bandwidth and size limits
+  - private dashboard to see all of your active ques
+  - 99.999% uptime
+  - add persistence to your ques so messages are never lost
+- Enterprise
+  - all of the above plus:
+  - on-prem deployment
+  - Linux FUSE filesystem integration
+  - advanced que performance monitoring
+  - SLA for support from que.run experts
+
+Email `ben@bsima.me` if you want to sign up for the Power or Enterprise packages.
+
 ## Quescripts
 
 We are collecting a repository of scripts that make awesome use of que:
@@ -36,9 +64,7 @@ We are collecting a repository of scripts that make awesome use of que:
 
 <a id="quescripts-btn" href="/_/quescripts">See the scripts</a>
 
-<!--
 ## Docs
 
 - [tutorial](/_/tutorial)
 - [api docs](/_/apidocs)
--->
diff --git a/Run/Que/style.css b/Run/Que/style.css
index 1933a5d..d005b1a 100644
--- a/Run/Que/style.css
+++ b/Run/Que/style.css
@@ -23,7 +23,9 @@
 @import 'https://fonts.googleapis.com/css?family=Galada:400|Open+Sans:400,300';
 
 /* dark theme */
-@media ( prefers-color-scheme: dark ), ( prefers-color-scheme: no-preference ) {
+@media ( prefers-color-scheme: dark ),
+       ( prefers-color-scheme: no-preference )
+{
   body
   { color: var(--base05);
   ; background: var(--base00)
@@ -32,7 +34,7 @@
   header, h1, h2, h3
   { color: var(--base0A) }
 
-  a:link, a:link button, a:visited, a:visited button
+  a:link, a:visited
   { color: var(--base0D) }
 
   a:hover
@@ -44,16 +46,36 @@
   code
   { color: var(--base0B)
   }
+
+  hr
+  { border: 0
+  ; height: 1px
+  ; width: 100%
+  ; margin: 2rem
+  ; background-image: linear-gradient(
+      to right,
+      /* same as --base0A */
+      rgba(186, 139, 175, 0),
+      rgba(186, 139, 175, 0.75),
+      rgba(186, 139, 175, 0))
+  }
 }
 
 /* light theme */
 
-@media ( prefers-color-scheme: light) {
+@media ( prefers-color-scheme: light)
+{
   body
   { background-color: var(--base07)
   ; color: var(--base00)
   }
 
+  a:link, a:visited
+  { color: var(--base0D) }
+
+  a:hover
+  { color: var(--base0C) }
+
   pre
   { background-color: var(--base06) }
 
@@ -64,7 +86,7 @@
 /* structure and layout */
 
 body
-{ max-width: 650px
+{ max-width: 900px
 ; margin: 40px auto
 ; padding: 0 10px
 ; font: 18px/1.5