/* Members by 2Labs — marketing site.
 *
 * The pages carry their layout inline, as drawn in the approved mockup. This
 * file holds only what an inline style cannot say: hover and focus states,
 * the two width-dependent helpers, and the waitlist form's states. */
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit;text-decoration:none}a:hover{color:#d9870a}
a.btn-p:hover,button.btn-p:hover{color:#ffffff;background:#d9870a}
a.btn-g:hover,button.btn-g:hover{color:#1f242e;border-color:#676f7e}
a.navlink:hover{color:#1f242e}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #fdf3e3}
summary{list-style:none}summary::-webkit-details-marker{display:none}
details .pm::after{content:"+"}details[open] .pm::after{content:"\2013"}
@media(max-width:760px){.hide-sm{display:none}}
@media(min-width:1000px){.show-sm{display:none}}

/* Anchored sections clear the sticky header. */
[id]{scroll-margin-top:84px}
/* At phone width the nav wraps to several rows; a header that tall should
   scroll away with the page rather than cover it. */
@media(max-width:760px){.site-header{position:static !important}[id]{scroll-margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Waitlist form */
.form-error{display:none;margin:0;font-size:13.5px;color:#c2410c;background:#fbeee8;border:1px solid #f1cdbd;border-radius:9px;padding:10px 12px}
.form-error.on{display:block}
button.btn-p:disabled{opacity:.65;cursor:default}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
[hidden]{display:none !important}

/* Legal pages */
.legal{max-width:760px;margin:0 auto;padding:64px 24px 88px;box-sizing:border-box}
.legal .eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d9870a;margin:0 0 12px}
.legal h1{margin:0;font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#1f242e}
.legal h2{margin:36px 0 8px;font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.35;color:#1f242e}
.legal p,.legal li{font-size:15.5px;color:#1f242e}
.legal p{margin:12px 0 0}
.legal .lede{font-size:17px;color:#676f7e;margin-top:14px}
.legal ul{margin:10px 0 0;padding-left:20px}
.legal a{color:#2b6cb0;text-decoration:underline;text-underline-offset:2px}
.legal .note{margin-top:28px;background:#fcf9f0;border:1px solid #f2e4c8;border-radius:14px;padding:18px 20px}