/* Scale Webby house look. One stylesheet for every page on scalewebby.com. Copied from the pitch site tokens. */
:root{
  --bg:#FAFAF8;--bg-2:#F3F1EA;--surface:#FFFFFF;--surface-2:#F5F5F2;
  --line:rgba(10,10,11,.12);--line-soft:rgba(10,10,11,.07);
  --text:#0A0A0B;--text-2:#55585F;--text-3:#8A8D93;
  --mark:#3479FF;--mark-ink:#FFFFFF;
  --good:#1E8E5A;--bad:#C2362B;
  --font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --radius:18px;--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(rgba(10,10,11,.09) 1.1px,transparent 1.1px);background-size:26px 26px;background-color:var(--bg)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 38% at 12% 0%,rgba(52,121,255,.16),transparent 62%),radial-gradient(46% 36% at 100% 12%,rgba(10,10,11,.035),transparent 60%)}
p,li,h1,h2,h3,span,label,small,b{overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 clamp(20px,5vw,32px)}
.mark{background:var(--mark);color:var(--mark-ink);padding:0 .14em;border-radius:.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.brandbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 clamp(20px,5vw,32px);border-bottom:1px solid var(--line-soft);background:rgba(250,250,248,.82);backdrop-filter:blur(10px)}
.wordmark{font:500 .78rem var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--text-2)}
.eyebrow{display:block;text-align:center;font:500 .72rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:999px;border:0;cursor:pointer;background:var(--text);color:#fff;font:600 .9rem var(--font);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px -10px rgba(10,10,11,.35)}
.btn--ghost{background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--line) inset}