/* Member feedback survey — Alloy brand (lime #E1E000, black #2C2A29, silver #A6A8AC), same fonts as style.css. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Saira+SemiCondensed:wght@600;700&display=swap');
@font-face{font-family:'United Sans';font-weight:700;font-display:swap;src:url('https://assets.cdn.filesafe.space/Y5bMONHRAsqpEoPu6lQQ/media/6a43ed8121b1234da3d1d298.woff2') format('woff2')}
@font-face{font-family:'DIN Pro';font-weight:400;font-display:swap;src:url('https://assets.cdn.filesafe.space/Y5bMONHRAsqpEoPu6lQQ/media/6a43ed814c02d14b8da5cada.woff2') format('woff2')}
@font-face{font-family:'DIN Pro';font-weight:500;font-display:swap;src:url('https://assets.cdn.filesafe.space/Y5bMONHRAsqpEoPu6lQQ/media/6a43ed810f3445329fbf140a.woff2') format('woff2')}

:root { --lime:#E1E000; --black:#2C2A29; --silver:#A6A8AC; --bg:#f4f4f2; --card:#fff; --line:#e4e4e1; --muted:#6b6b69; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--black); font:16px/1.5 'DIN Pro','Barlow',system-ui,sans-serif; }
h1, h2, .brand, .btn { font-family:'United Sans','Saira SemiCondensed',sans-serif; letter-spacing:.01em; }
.wrap { max-width:560px; margin:0 auto; padding:18px 16px 40px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.05rem; margin:4px 2px 16px; }
.brand img { border-radius:8px; }
.brand span { display:block; color:var(--muted); font-size:.68rem; letter-spacing:.14em; font-weight:600; }
.card { background:var(--card); border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.06); border-top:5px solid var(--lime); padding:22px 18px; margin-bottom:16px; }
h1 { font-size:1.5rem; margin:0 0 8px; line-height:1.2; }
h2 { font-size:1.2rem; margin:0 0 4px; }
.lede { margin:0 0 14px; }
.muted { color:var(--muted); margin-top:0; }
.small { font-size:.85rem; margin:14px 0 0; }
.small a, .foot a { color:var(--black); text-underline-offset:3px; }
.foot { text-align:center; font-size:.9rem; color:var(--muted); }
.err { color:#b00020; font-weight:500; }
.ok { color:#2f6b1f; font-weight:500; }
fieldset.q, label.q { display:block; border:0; padding:0; margin:0 0 22px; min-width:0; }
legend, .legend { display:block; font-weight:500; margin-bottom:10px; padding:0; }
.scale { display:grid; grid-template-columns:repeat(11, minmax(0, 1fr)); gap:4px; }
.pip { position:relative; }
.pip input { position:absolute; opacity:0; inset:0; width:100%; height:100%; margin:0; cursor:pointer; }
.pip span { display:block; text-align:center; padding:10px 0; border:1px solid #c9c9c4; border-radius:8px; font-weight:600; font-size:.95rem; background:#fff; }
.pip input:checked + span { background:var(--lime); border-color:var(--black); }
.pip input:focus-visible + span { outline:2px solid var(--black); outline-offset:2px; }
.ends { display:flex; justify-content:space-between; font-size:.75rem; color:var(--muted); margin-top:4px; }
textarea { width:100%; border:1px solid var(--line); border-radius:9px; padding:11px 12px; font:inherit; resize:vertical; }
textarea:focus { outline:2px solid var(--lime); border-color:var(--lime); }
.btn { display:block; width:100%; text-align:center; text-decoration:none; padding:14px; border:0; border-radius:9px; background:var(--lime); color:var(--black); font-weight:700; font-size:1rem; text-transform:uppercase; letter-spacing:.03em; cursor:pointer; margin-top:10px; }
.btn.ghost { background:#fff; border:1.5px solid var(--black); text-transform:none; }
.btn:hover { filter:brightness(.96); }
.quote { background:var(--bg); border-left:4px solid var(--lime); border-radius:8px; padding:12px 14px; margin:12px 0 4px; white-space:pre-wrap; }
.story { margin-top:22px; padding-top:16px; border-top:1px solid var(--line); }
.story p { margin:0 0 4px; }
@media (max-width: 360px) { .pip span { font-size:.82rem; padding:9px 0; } .scale { gap:3px; } }