/* The launch-list form (web/js/join.js). Uses the page's --ink, --paper, --cream, --honey tokens. */
.join{width:100%;max-width:520px;min-height:132px}
.jrow{display:flex;gap:8px;padding:6px;border-radius:99px;background:var(--paper);box-shadow:0 0 0 1px rgba(42,31,26,.1),0 14px 30px -20px rgba(60,30,10,.45)}
.jrow input{flex:1;min-width:0;border:0;background:transparent;font:500 16.5px/1 var(--sans);color:var(--ink);padding:0 16px;outline:none}
.jrow input::placeholder{color:#A8978A}
.jrow .btn{min-height:48px;padding:0 22px;white-space:nowrap}
.jrow .btn[disabled]{opacity:.6}
.jrow:focus-within{box-shadow:0 0 0 2px var(--honey),0 14px 30px -20px rgba(60,30,10,.45)}
.jplat{display:flex;align-items:center;gap:6px;margin:12px 0 0 6px;font-size:14px;color:var(--ink2)}
.jplat span{margin-right:4px}
.jplat button,.jcams button{font:600 14px/1 var(--sans);padding:9px 14px;border-radius:99px;border:0;background:var(--cream);color:var(--ink2);cursor:pointer}
.jplat button[aria-pressed="true"],.jcams button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.jnote{margin:10px 0 0 6px;font-size:13px;line-height:1.5;color:#8C7B6F;max-width:34em}
.jnote a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.jerr{margin:6px 0 0 6px;font-size:14px;color:#B33A48;min-height:0}
.jerr:empty{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.jdone{padding:20px 22px;border-radius:24px;background:var(--paper);box-shadow:0 0 0 1px rgba(42,31,26,.08),0 20px 40px -28px rgba(60,30,10,.5);text-align:left}
.jdone b{display:flex;align-items:center;gap:10px;font:600 17px/1.35 var(--sans);color:var(--ink)}
.jdone b .ico{width:22px;height:22px;flex:none;fill:none;stroke:#3F7A4A;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.jdone p{margin:12px 0 10px;color:var(--ink2);font-size:15px}
.jcams{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.jshare{min-height:44px}
@media (max-width:560px){.jrow{flex-direction:column;border-radius:22px;padding:8px}.jrow input{min-height:48px}.jrow .btn{width:100%}.join{max-width:none}}
.jplat button:not([aria-pressed="true"]),.jcams button:not([aria-pressed="true"]){box-shadow:inset 0 0 0 1px rgba(42,31,26,.1)}
/* inside centred sections (the closing band, the hero on phones) */
.cta .jplat,.final .jplat{justify-content:center;margin-left:0}
.cta .jnote,.final .jnote{margin-inline:auto;text-align:center}
@media (max-width:980px){.hero .jplat{justify-content:center;margin-left:0}.hero .jnote{margin-inline:auto;text-align:center}}