:root{--paper:#f4efe1;--paper-shade:#e8e0cb;--sheet:#fffdf6;--grid-line:#2f6db51a;--grid-line-major:#2f6db533;--ink:#1a1a1a;--ink-soft:#4a4740;--blue-pen:#1c3f94;--red-pen:#c8312a;--highlight:#ffd64a99;--gutter:clamp(1.25rem, 5vw, 3rem);--page-width:min(100% - 2 * var(--gutter), 75rem);--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace}*,:before,:after{box-sizing:border-box}body{color:var(--ink);font-family:var(--font-body);background-color:var(--paper);background-image:linear-gradient(var(--grid-line-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-major) 1px, transparent 1px), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;margin:0;font-size:1.0625rem;line-height:1.6}.page{width:var(--page-width);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.page-header{padding-top:clamp(1.25rem,4vh,2rem)}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:1.375rem;font-weight:700;line-height:1}.hero{flex-direction:column;flex:1;justify-content:center;padding-block:clamp(3rem,10vh,6rem);display:flex}.hero-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-pen);align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:.8125rem;font-weight:500;display:flex}.hero-label:before{content:"";background:currentColor;width:2.5rem;height:2px}.hero-title{max-width:14ch;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,.75rem + 7.5vw,6rem);font-weight:600;line-height:1.02}.hero-title mark{isolation:isolate;color:inherit;background:0 0;position:relative}.hero-title mark:before{content:"";z-index:-1;background:var(--highlight);transform-origin:0;border-radius:.3em .6em .4em .7em/.5em .3em .6em .4em;position:absolute;inset:.2em -.06em .04em;rotate:-1.5deg}.hero-lede{max-width:36rem;color:var(--ink-soft);text-wrap:pretty;margin:1.75rem 0 0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.5}.hero-actions{margin-top:2.5rem}.button{font-family:var(--font-display);color:var(--sheet);background:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 0 var(--blue-pen);border-radius:.875rem;padding:.875rem 1.75rem;font-size:1.125rem;font-weight:600;line-height:1.2;text-decoration:none;transition:translate .15s ease-out,box-shadow .15s ease-out;display:inline-block}.button:focus-visible{outline:3px solid var(--blue-pen);outline-offset:4px}.page-footer{font-family:var(--font-mono);border-top:1px dashed #1a1a1a4d;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:1.25rem 0 1.5rem;font-size:.8125rem;display:flex}.page-footer a{color:var(--ink);margin-block:-.625rem;padding-block:.625rem;text-decoration:none}.page-footer a:focus-visible{color:var(--blue-pen);text-underline-offset:4px;outline:none;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}@media (hover:hover){.button:hover{box-shadow:7px 7px 0 0 var(--blue-pen);translate:-2px -2px}.page-footer a:hover{color:var(--blue-pen);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}}.button:active{box-shadow:2px 2px 0 0 var(--blue-pen);translate:3px 3px}@media (prefers-reduced-motion:no-preference){.hero-title mark:before{animation:.6s cubic-bezier(.2,0,0,1) .3s both highlight-draw}}@keyframes highlight-draw{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.button{transition:none}}