@font-face{font-family:Umiak;src:url('/fonts/Umiak-Black.woff2')}@font-face{font-family:Host;src:url('/fonts/HostGrotesk-Regular.woff2')}@font-face{font-family:Host;src:url('/fonts/HostGrotesk-SemiBold.woff2');font-weight:650}:root{--ink:#11100e;--paper:#f5f1e8;--white:#fffdf8;--acid:#d7ff3f;--orange:#f36f38;--blue:#1557ff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 Host,Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}header,main>section,footer{padding-inline:max(1rem,calc((100vw - 1000px)/2))}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:2px solid var(--ink)}.wordmark,h1,h2,h3{font-family:Umiak,Arial,sans-serif;letter-spacing:-.035em}.wordmark{text-decoration:none}.hero{padding-block:6rem 4rem;background:var(--ink);color:var(--white)}.eyebrow{font-size:.76rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(3.8rem,8vw,7.5rem);line-height:.9;margin:.6rem 0 1.3rem}.hero .lead{max-width:800px;font-size:1.35rem;color:#ded8ca}.section{padding-block:4rem;border-bottom:2px solid var(--ink)}.section h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95;margin:0 0 1.3rem}.section h3{font-size:1.8rem;margin:2rem 0 .7rem}.rules{display:grid;gap:.8rem;counter-reset:rule;padding:0}.rules li{list-style:none;counter-increment:rule;padding:1rem 1rem 1rem 4rem;position:relative;background:var(--white);border:1.5px solid var(--ink)}.rules li:before{content:counter(rule);position:absolute;left:1rem;top:.75rem;width:2rem;height:2rem;display:grid;place-items:center;background:var(--acid);border:1px solid var(--ink);font-weight:650}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{padding:1.3rem;background:var(--white);border:2px solid var(--ink)}.card h3{margin:0 0 .7rem}.button{display:inline-flex;min-height:50px;align-items:center;padding:.75rem 1rem;margin:.5rem .5rem 0 0;background:var(--acid);border:2px solid var(--ink);font-weight:650;text-decoration:none}.code{overflow:auto;padding:1rem;background:var(--ink);color:var(--white);font:14px/1.5 monospace}.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.demo-step{padding:1.2rem;background:var(--white);border:2px solid var(--ink)}.demo-step strong{display:block;font-family:Umiak;font-size:2.4rem}.example{padding:1.3rem;background:var(--acid);border:2px solid var(--ink)}footer{padding-block:2rem;background:var(--ink);color:var(--white);display:flex;justify-content:space-between}@media(max-width:720px){.grid,.demo-steps{grid-template-columns:1fr}.hero{padding-block:4rem 3rem}footer{display:block}}