/* The pages that are not written yet. One stylesheet for all of them, so
   the look changes in one place. Same field, same tokens and the same type
   as everywhere else, because an unfinished page still has to look like the
   same company. */
:root{
  --sc-canvas:#07090f; --sc-surface:#0f1420;
  --sc-ink:#eaeff6; --sc-ink-soft:#ccd5e2;
  --sc-accent:#9dc3d6; --sc-accent-soft:#b7d6e5; --sc-accent-ink:#07090f;
  --sc-font-display:"Space Grotesk",system-ui,sans-serif;
  --ad-mono:ui-monospace,Menlo,Consolas,monospace;
  --sc-r-sm:10px; --sc-hairline-strong:rgba(157,195,214,.22);
  --sc-ease-out:cubic-bezier(.23,1,.32,1); --sc-z-chrome:60;
  --sc-5:1.5rem; --sc-6:2rem; --sc-gutter:clamp(1.15rem,5.5vw,2rem);
}
@font-face{font-family:"Space Grotesk";src:url("assets/space-grotesk-var.woff2") format("woff2-variations");
  font-weight:300 700;font-style:normal;font-display:swap;}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--sc-canvas);color:var(--sc-ink);
  font-family:var(--sc-font-display);overscroll-behavior-y:none;}
.field{position:fixed;inset:0;z-index:0;pointer-events:none;}
.field canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.scrim{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom,
    color-mix(in oklab,var(--sc-canvas) 72%,transparent) 0%,
    color-mix(in oklab,var(--sc-canvas) 88%,transparent) 42%,
    color-mix(in oklab,var(--sc-canvas) 88%,transparent) 62%,
    color-mix(in oklab,var(--sc-canvas) 72%,transparent) 100%);}

.wrap{position:relative;z-index:2;width:min(100%,34rem);margin:0 auto;
  padding:calc(env(safe-area-inset-top,0px) + 7.5rem) var(--sc-gutter) 3rem;
  text-align:center;}
h1{font-size:clamp(1.9rem,7.4vw,2.6rem);line-height:1.08;margin:0;
  letter-spacing:-.015em;text-wrap:balance;}
.lede{font-size:clamp(1rem,4.1vw,1.1rem);line-height:1.6;
  color:var(--sc-ink-soft);margin:1.1rem 0 0;}
.state{font-family:var(--ad-mono);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sc-accent-soft);margin:1.8rem 0 0;}
.cta{display:inline-block;margin-top:1.6rem;padding:1rem 1.6rem;
  border-radius:var(--sc-r-sm);background:var(--sc-accent);
  color:var(--sc-accent-ink);font-weight:700;font-size:1rem;text-decoration:none;}
.cta:focus-visible{outline:2px solid var(--sc-ink);outline-offset:3px;}
.or{margin:2.6rem 0 1rem;color:var(--sc-ink-soft);font-size:.95rem;}

.ask{display:grid;gap:.85rem;text-align:left;}
.ask label{display:grid;gap:.35rem;font-family:var(--ad-mono);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--sc-ink-soft);}
.ask input,.ask textarea{width:100%;font:inherit;font-family:var(--sc-font-display);
  font-size:1rem;letter-spacing:normal;text-transform:none;color:var(--sc-ink);
  background:color-mix(in oklab,var(--sc-surface) 86%,transparent);
  border:1px solid var(--sc-hairline-strong);border-radius:8px;padding:.7rem .8rem;}
.ask input:focus,.ask textarea:focus{outline:2px solid var(--sc-accent);outline-offset:1px;}
.ask textarea{resize:vertical;min-height:5.5rem;}
.ask button{margin-top:.4rem;justify-self:start;padding:.85rem 1.5rem;
  border:0;border-radius:var(--sc-r-sm);background:var(--sc-accent);
  color:var(--sc-accent-ink);font-family:var(--sc-font-display);font-weight:700;
  font-size:1rem;cursor:pointer;}
.ask button:disabled{opacity:.55;cursor:default;}
.hp{position:absolute;left:-9999px;}
.said{margin:.6rem 0 0;font-family:var(--ad-mono);font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--sc-accent-soft);}

.foot{position:relative;z-index:2;padding:1rem var(--sc-gutter)
  calc(env(safe-area-inset-bottom,0px) + 2rem);}
.legal{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:center;
  margin:0;font-family:var(--ad-mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sc-ink-soft);}
.legal a{color:var(--sc-ink-soft);text-decoration:none;}
.legal a:hover{color:var(--sc-ink);}