/* Website lead form (Oct 28, 2026; wiki/modules/web-leads.md). Sits inside an iframe on Joe's own sites, so: light only, no logo, no page margins of its own, no 100vh (the height is sent to the host page).
   BRAND.md: navy #0b2a55 text, Lunovus blue for actions (a shade darker here so white button words reach 4.5:1), pale blue lines. */
:root{color-scheme:light;--ink:#0b2a55;--mute:#000;--line:#b9cde2;--acc:#0a74bf;--bad:#b42318}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
main{max-width:560px;margin:0 auto;padding:16px}
h1{font-size:24px;line-height:1.2;margin:0 0 8px}
.lede{margin:0 0 16px;color:var(--mute)}
.row{margin:0 0 14px}
.two{display:grid;gap:0 14px;grid-template-columns:1fr}
@media (min-width:520px){.two{grid-template-columns:1fr 1fr}}
label{display:block;font-weight:600;margin:0 0 4px}
.opt{font-weight:400;color:var(--mute)}
input,textarea{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}
textarea{resize:vertical;min-height:84px}
input::placeholder,textarea::placeholder{color:#000}
:focus-visible{outline:3px solid #f5b400;outline-offset:2px}
button{display:block;width:100%;min-height:48px;padding:11px 18px;border:0;border-radius:8px;background:var(--acc);color:#fff;font:700 17px system-ui,-apple-system,"Segoe UI",Arial,sans-serif;cursor:pointer}
button:disabled{opacity:.65;cursor:default}
.fine{margin:10px 0 0;font-size:13.5px;color:var(--mute)}
.req{color:var(--bad)}
#msg{margin:0 0 12px;color:var(--bad);font-weight:600}
#msg:empty{display:none}
.trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
#done{padding:8px 0 4px}
#done h2{font-size:22px;margin:0 0 8px}
#done p{margin:0 0 8px;color:var(--mute)}
select{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}
/* Nov 4 (Setup > Website forms): tick-box questions */
.ticks{border:0;margin:0 0 14px;padding:0}
.ticks legend{font-weight:600;margin:0 0 4px;padding:0}
.tick{display:flex;align-items:center;gap:8px;font-weight:400;margin:0 0 6px;min-height:32px}
.tick input{width:20px;min-height:0;height:20px;flex:none}