:root{--background: #fff;--foreground: #171717}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.page{--gray-rgb: 0, 0, 0;--gray-alpha-200: rgba(var(--gray-rgb), .08);--gray-alpha-100: rgba(var(--gray-rgb), .05);--button-primary-hover: #383838;--button-secondary-hover: #f2f2f2;display:grid;grid-template-rows:20px 1fr 20px;align-items:center;justify-items:center;min-height:100svh;padding:80px;gap:64px;font-family:var(--font-geist-sans)}@media (prefers-color-scheme: dark){.page{--gray-rgb: 255, 255, 255;--gray-alpha-200: rgba(var(--gray-rgb), .145);--gray-alpha-100: rgba(var(--gray-rgb), .06);--button-primary-hover: #ccc;--button-secondary-hover: #1a1a1a}}.main{display:flex;flex-direction:column;gap:32px;grid-row-start:2}.main ol{font-family:var(--font-geist-mono);padding-left:0;margin:0;font-size:14px;line-height:24px;letter-spacing:-.01em;list-style-position:inside}.main li:not(:last-of-type){margin-bottom:8px}.main code{font-family:inherit;background:var(--gray-alpha-100);padding:2px 4px;border-radius:4px;font-weight:600}.ctas{display:flex;gap:16px}.ctas a{appearance:none;border-radius:128px;height:48px;padding:0 20px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:20px;font-weight:500}a.primary{background:var(--foreground);color:var(--background);gap:8px}a.secondary{border-color:var(--gray-alpha-200);min-width:158px}.footer{grid-row-start:3;display:flex;gap:24px}.footer a{display:flex;align-items:center;gap:8px}.footer img{flex-shrink:0}@media (hover: hover) and (pointer: fine){a.primary:hover{background:var(--button-primary-hover);border-color:transparent}a.secondary:hover{background:var(--button-secondary-hover);border-color:transparent}.footer a:hover{text-decoration:underline;text-underline-offset:4px}}@media (max-width: 600px){.page{padding:32px 32px 80px}.main{align-items:center}.main ol{text-align:center}.ctas{flex-direction:column}.ctas a{font-size:14px;height:40px;padding:0 16px}a.secondary{min-width:auto}.footer{flex-wrap:wrap;align-items:center;justify-content:center}}@media (prefers-color-scheme: dark){.logo{filter:invert()}}
