:root{--background:#f9fafb;--foreground:#081c35;--card:#fff;--primary:#0f3362;--primary-foreground:#fff;--secondary:#e5ecf0;--muted:#5b6b7b;--border:#d4dce2;--ring:#0f3362;color-scheme:light}*{box-sizing:border-box}body{background:var(--background);min-height:100vh;color:var(--foreground);flex-direction:column;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;display:flex}.bar,main,.foot{width:100%;max-width:64rem;margin:0 auto;padding-inline:1rem}.bar{justify-content:space-between;align-items:center;padding-block:1rem;display:flex}.wordmark{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.625rem;font-weight:800;display:inline-flex}main{flex:1;padding-block:3rem 4rem}.hero h1{letter-spacing:-.02em;max-width:22ch;margin:0;font-size:clamp(2rem,6vw,3.25rem);line-height:1.1}.lede{max-width:40ch;color:var(--muted);margin:1rem 0 0;font-size:1.125rem}.apps{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-top:3rem;display:grid}.card{border:1px solid var(--border);background:var(--card);border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;display:flex}.card-icon{border-radius:.625rem}.card h2{margin:0;font-size:1.25rem}.card p{color:var(--muted);margin:0 0 .5rem}.card-link{position:relative}.card-link h2 a{color:inherit;text-decoration:none}.card-link h2 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-link:hover{border-color:var(--primary)}.card-link h2 a:focus-visible{outline:none}.card-link:has(a:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.card-muted{background:var(--secondary);border-style:dashed}.button{background:var(--primary);min-height:2.75rem;color:var(--primary-foreground);border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.button-quiet{color:var(--primary);border:1px solid var(--border);background:0 0}.button:hover{filter:brightness(1.15)}.button-quiet:hover{filter:none;background:var(--secondary)}.button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app-icon{border-radius:1.25rem;margin-bottom:1.5rem;display:block}.back{margin-top:2.5rem}.note{color:var(--muted);margin:2.5rem 0 0}.foot p{border-top:1px solid var(--border);color:var(--muted);margin:0;padding-block:1.5rem;font-size:.875rem}
