/* Preread — site.css. Marketing, security, sign-in (design/handoff/index.html, security.html, signup.html). */
.site-nav .brand .tld{color:var(--color-fg-muted);font-weight:400}
.marketing .hero{padding:var(--space-8) var(--page-pad) var(--space-7)}
.marketing .hero h1{font-size:var(--text-display);line-height:1.2;max-width:22ch}
.marketing .hero .lede{margin-top:var(--space-5);font-size:var(--text-md);max-width:52ch;color:var(--color-fg-muted)}
.steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-4);counter-reset:s}
.steps li{display:grid;grid-template-columns:var(--gutter) 1fr;column-gap:var(--gutter-gap)}
.steps li::before{counter-increment:s;content:"0" counter(s);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted);padding-top:4px}
.example{border:var(--border-hair);margin-top:var(--space-5);overflow:hidden}
.example .brief-header{padding:var(--space-5) var(--space-5) var(--space-4)}
.example .brief-body{padding:var(--space-5)}
.example .brief-section{margin-top:var(--space-5)}
.trust{list-style:none;padding:0;border-top:var(--border-strong);margin-top:var(--space-4)}
.trust li{display:grid;grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:var(--border-hair);font-size:14px}
.trust li strong{display:block}
.trust li span{color:var(--color-fg-muted)}
.faq{margin-top:var(--space-4);border-top:var(--border-strong)}
.faq details{border-bottom:var(--border-hair)}
.faq summary{font-family:var(--font-body);font-size:15px;padding:var(--space-2) 0}
.faq p{color:var(--color-fg-muted);font-size:14px;padding:0 0 var(--space-4) 26px;max-width:60ch}
.pricing{display:grid;gap:var(--space-4);margin-top:var(--space-4)}
.pricing > div{border-top:var(--border-strong);padding-top:var(--space-3)}
.pricing .price{font-family:var(--font-mono);font-size:var(--text-h1);font-weight:500;margin:var(--space-2) 0}
.pricing p{color:var(--color-fg-muted);font-size:14px}
.signup{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-5)}
.site-foot{border-top:var(--border-hair);margin-top:var(--space-8);padding:var(--space-6) var(--page-pad)}
.site-foot .cols{max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:var(--gutter) 1fr;column-gap:var(--gutter-gap)}
.site-foot ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm)}
.site-foot a{text-decoration:none;color:var(--color-fg-muted)}
.site-foot a:hover{color:var(--color-fg)}
.doc p{max-width:62ch;text-wrap:pretty}
.doc p + p{margin-top:var(--space-3)}
.scope{list-style:none;padding:0;border-top:var(--border-strong);margin-top:var(--space-4)}
.scope li{display:grid;grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:var(--border-hair);font-size:14px}
.scope code{font-family:var(--font-mono);font-size:12px;color:var(--color-fg-muted)}
.scope span{color:var(--color-fg-muted)}
.flow{list-style:none;padding:0;margin-top:var(--space-4);counter-reset:f;display:flex;flex-direction:column;gap:var(--space-3)}
.flow li{display:grid;grid-template-columns:var(--gutter) 1fr;column-gap:var(--gutter-gap);font-size:14px}
.flow li::before{counter-increment:f;content:"0" counter(f);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted);padding-top:3px}
.flow li span{color:var(--color-fg-muted)}
.page--bleed{max-width:none;padding:0}
.page--bleed > .inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--page-pad) var(--space-8)}
@media (min-width:900px){.pricing{grid-template-columns:1fr 1fr}.trust li{grid-template-columns:220px 1fr;gap:var(--space-4)}.scope li{grid-template-columns:200px 1fr;gap:var(--space-4)}}