add hutch website

1 files changed, 148 insertions, 0 deletions

diff --git a/website/styles.css b/website/styles.css
new file mode 100644
index 0000000..0deb034
--- /dev/null
+++ b/website/styles.css
@@ -0,0 +1,148 @@
+body {
+  font-family: system-ui;
+  background: #f3f3f1;
+  margin: 0;
+}
+
+a,
+a:visited {
+  color: blue
+}
+
+img {
+  max-width: 100%
+}
+
+.page {
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 16px;
+}
+
+.privacy,
+.site-header,
+.content-grid,
+.screenshots,
+.resources {
+  border: 1px solid #ddd;
+  background: white;
+  margin-bottom: 16px;
+  padding: 20px;
+}
+
+.brand-row {
+  display: flex;
+  justify-content: space-between;
+}
+
+.brand, .brand h1, .brand p {
+  color: black;
+  text-decoration: none;
+}
+
+.brand {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+}
+
+.brand h1 {
+  margin: 0;
+}
+
+.brand p {
+  margin-top: 0;
+  opacity: 0.6;
+}
+
+.app-icon {
+  width: 80px;
+  border-radius: 18px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  box-shadow:
+    0 1px 2px rgba(0, 0, 0, 0.06),
+    0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+.hero-actions {
+  text-align: right;
+}
+
+.store-img {
+  height: 40px;
+  padding-bottom: 0.5rem;
+}
+
+.header-links {
+  font-size: 14px;
+}
+
+.intro-copy {
+  margin-top: 16px;
+}
+
+.lede {
+  padding-top: 1rem;
+  font-weight: bold;
+}
+
+.content-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}
+
+.content-grid div:first-child {
+  padding-right: 0.5rem;
+}
+
+.content-grid div:last-child {
+  padding-left: 0.5rem;
+}
+
+.shot-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+
+.resource-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.privacy h2 {
+  margin: 0 0 20px;
+  font-size: 28px;
+  line-height: 1.1;
+}
+
+.privacy h3 {
+  margin: 24px 0 8px;
+  font-size: 18px;
+  line-height: 1.2;
+}
+
+.privacy p {
+  margin: 0 0 14px;
+  line-height: 1.45;
+}
+
+.privacy ul {
+  margin: 0 0 14px;
+  padding-left: 0;
+  list-style: none;
+}
+
+.privacy li {
+  padding-left: 1em;
+  text-indent: -1em;
+}
+
+.privacy li::before {
+  content: "- ";
+}
+
+.privacy a:hover {
+  text-decoration: underline;
+}
\ No newline at end of file