/* Keep the moving glass the only large area of saturated color. */
.mast{background:linear-gradient(110deg,rgba(20,20,22,.62),rgba(5,6,8,.48) 64%);border-color:rgba(247,243,229,.51);box-shadow:inset 0 1px 0 #fff1}
.company{font-weight:500;letter-spacing:-.025em}
.early{color:#e8ede3}.early::before{background:#ade7b7;box-shadow:0 0 8px #87ffab55}
.wordmark{color:#fffaf0;text-shadow:0 2px 22px #0006}
.tag{color:#ebeae3;text-shadow:0 2px 8px #000}
.signup h1{text-shadow:0 1px 14px #000,0 1px 32px #000a}
.signup h1>span{font-weight:600;color:#e5e0d4}
.capture{background:linear-gradient(110deg,#18191af7,#080909f5);border-color:#f0eee36b;box-shadow:0 3px 22px #0006}
.capture:focus-within{border-color:#bcead0;box-shadow:0 0 0 3px #a0e8c01a}
.capture button{background:#f5f2e8;color:#141815;font-weight:650}
.capture button:hover{background:#dcefe1}
.capture button:active:not(:disabled){transform:scale(.98)}
.note,.demo-label{color:#cac6bc}
.demo-label svg{color:#cec5ac}::selection{background:#cfe4d6;color:#111914}
@media(prefers-reduced-motion:no-preference){
  @keyframes entry-reveal{from{opacity:.05;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
  .identity{animation:entry-reveal .48s ease-out both}
  .signup{animation:entry-reveal .5s .08s ease-out both}
  .capture,.capture button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
  .capture button svg{transition:transform .18s ease}
  .capture button:hover svg,.capture button:focus-visible svg{transform:translateX(2px)}
}
/* Two shadow distances: contact against the moving glass, then soft ambient depth. */
.wordmark{ text-shadow:0 2px 2px rgb(0 0 0 / .8),0 8px 28px rgb(0 0 0 / .55) }
.tag,.signup h1{ text-shadow:0 1px 3px #000,0 5px 18px rgb(0 0 0 / .8) }
.mast{box-shadow:0 8px 32px rgb(0 0 0 / .5),inset 0 1px 0 rgb(255 255 255 / .09)}
.capture{box-shadow:inset 0 1px 0 #ffffff0c,0 2px 5px #000b,0 16px 36px #0009}
.capture button{box-shadow:inset 0 1px 0 #fff9,0 2px 6px #0008}
.capture:focus-within{box-shadow:0 0 0 3px #a0e8c025,0 12px 28px #0009}
