@font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:800;font-display:swap;src:url(fonts/manrope-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Fragment Mono";font-weight:400;font-display:swap;src:url(fonts/fragment-mono-latin-400-normal.woff2) format("woff2")}

:root{
  --bg:#F3F5F5;
  --ink:#1D2A33;
  --muted:#5B6870;
  --accent:#127C78;
  --rule:#D9DFE0;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#1D2A33;
    --ink:#F3F5F5;
    --muted:#A9B5BB;
    --accent:#2BA7A0;
    --rule:#33434D;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100vh;display:flex;flex-direction:column;
  background:var(--bg);color:var(--ink);
  font:400 16px/1.6 "Manrope",system-ui,sans-serif;
}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--ink)}

/* Logo 1f: teal diamond + AEM + mono descriptor */
.logo{display:inline-flex;align-items:center;gap:.28em;color:var(--ink);text-decoration:none}
.logo svg{width:1.15em;height:1.15em;flex:none}
.logo svg rect{fill:var(--accent)}
.logo-text{display:flex;flex-direction:column;gap:.08em}
.logo-word{font-weight:800;line-height:1;letter-spacing:-.02em}
.logo-desc{font-family:"Fragment Mono",ui-monospace,monospace;font-size:.29em;text-transform:lowercase;color:var(--ink);letter-spacing:0}
.logo:hover{color:var(--ink)}

/* Home */
.home{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}
.home-inner{width:100%;max-width:640px;margin:0 auto}
.home .logo{font-size:clamp(56px,14vw,96px)}
.lede{margin:40px 0 0;font-size:clamp(20px,4vw,24px);line-height:1.35;max-width:30ch}
.contact{margin:16px 0 0;font-family:"Fragment Mono",ui-monospace,monospace;font-size:15px}

/* Footer */
footer{border-top:1px solid var(--rule);padding:20px 24px;font-size:13px;color:var(--muted)}
.footer-inner{max-width:640px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between}
footer a{color:var(--muted)}
footer a:hover{color:var(--ink)}

/* Policy page */
.page{flex:1;padding:32px 24px 64px}
.page-inner{max-width:640px;margin:0 auto}
.page .logo{font-size:40px}
.page h1{font-weight:800;font-size:32px;line-height:1.15;letter-spacing:-.01em;margin:48px 0 4px}
.updated{font-family:"Fragment Mono",ui-monospace,monospace;font-size:13px;color:var(--muted);margin:0 0 32px}
.page h2{font-weight:800;font-size:18px;margin:32px 0 8px}
.page p,.page li{margin:0 0 12px}
.page ul{padding-left:20px;margin:0 0 12px}