body{background:var(--field-3);color:var(--field-ink);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;position:relative}.pattern-defs{position:absolute}.guilloche{opacity:.16;mix-blend-mode:screen;pointer-events:none;position:fixed;inset:0}.top,.mid,.demo{position:relative}.top{padding:var(--s5)}.brand{align-items:center;gap:var(--s2);font-family:var(--serif);font-weight:var(--w-bold);font-size:var(--t-lg);letter-spacing:-.01em;color:var(--field-ink);text-decoration:none;display:inline-flex}.brand svg{width:22px;height:22px}.mid{padding:var(--s4);place-items:center;display:grid}.card{background:var(--card);width:100%;max-width:402px;color:var(--ink);border-radius:var(--r3);padding:var(--s6) var(--s5);box-shadow:var(--sh-doc);animation:.5s cubic-bezier(.16,1,.3,1) both door-rise}@keyframes door-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card{animation:none}}.card .over{margin:0 0 var(--s2);display:block}.card h1{font-family:var(--serif);font-variation-settings:var(--opsz-display);font-size:var(--t-name);font-weight:var(--w-bold);letter-spacing:-.01em;margin:0 0 var(--s3);line-height:1.1}.lede{font-size:var(--t-body);color:var(--ink-2);margin:0 0 var(--s5);line-height:1.6}.card .btn{width:100%;min-height:50px}.foot-link{text-align:center;margin-top:var(--s4);font-size:var(--t-sm);color:var(--muted);text-decoration:none;display:block}.foot-link:hover{color:var(--ink);text-decoration:underline}.demo{padding:var(--s5) var(--s4);text-align:center;font-size:var(--t-xs);color:var(--field-ink-3);line-height:1.6}@media (width<=480px){.top{padding:var(--s4)}.card{padding:var(--s5) var(--s4);border-radius:var(--r2)}}