/* Laidlaw Feedback — styled per the Rightweb brand master reference
   (Midnight/Canvas · Circuit gradient · Space Grotesk + Inter · no logo) */
:root{
  --canvas:#0A0B0F; --midnight:#151821; --surface:#14161D; --surface2:#1A1D26;
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.18);
  --txt:#F2F5F8; --txt2:#A7ADBA; --txt3:#6E7480;
  --blue:#5EADE5; --indigo:#6172D8; --violet:#8A4FD0;
  --grad:linear-gradient(140deg,#5EADE5 0%,#6172D8 50%,#8A4FD0 100%);
  --ok:#34D399; --no:#F87171; --r:16px;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:
  radial-gradient(1000px 500px at 85% -10%, rgba(138,79,208,.15), transparent 60%),
  radial-gradient(700px 400px at 0% 110%, rgba(94,173,229,.09), transparent 55%),
  var(--canvas);
  color:var(--txt2);font:16px/1.6 'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;display:flex;flex-direction:column}
.wrap{max-width:640px;margin:0 auto;padding:40px 22px 60px;width:100%;flex:1}
h1,h2,h3{font-family:'Space Grotesk','Inter',sans-serif;color:var(--txt);letter-spacing:-.02em}
h1{font-size:1.9rem;line-height:1.2;margin:18px 0 10px}
h2{font-size:1.15rem;margin:0 0 6px}
p{margin:0 0 14px}
.eyebrow{font-family:'Space Grotesk','Inter',sans-serif;font-size:.72rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:26px;margin:18px 0;position:relative;overflow:hidden}
.card.accent::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad)}
.notice{background:var(--surface2);border:1px dashed var(--line2);border-radius:13px;
  padding:16px 18px;font-size:.92rem;color:var(--txt2)}
.notice b{color:var(--txt)}
.btn{display:inline-block;font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;
  font-size:1rem;color:#fff;background:var(--grad);border:none;border-radius:12px;
  padding:14px 28px;cursor:pointer;text-decoration:none;text-align:center;
  transition:transform .12s ease,box-shadow .12s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -14px rgba(97,114,216,.55)}
.btn.full{display:block;width:100%}
.btn.ghost{background:var(--surface2);border:1px solid var(--line2);color:var(--txt)}
.btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}
.choice{display:block;width:100%;text-align:left;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:12px 0;
  cursor:pointer;color:var(--txt);font:inherit;transition:border-color .12s ease,transform .12s ease}
.choice:hover{border-color:var(--line2);transform:translateY(-2px)}
.choice.selected{border-color:var(--indigo);box-shadow:0 0 0 1px var(--indigo)}
.choice h2{display:flex;align-items:center;gap:10px}
.choice p{margin:4px 0 0;color:var(--txt2);font-size:.9rem}
label{display:block;font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;
  font-size:.85rem;color:var(--txt);margin:16px 0 6px}
label .opt{color:var(--txt3);font-weight:400;font-family:'Inter',sans-serif}
input[type=text],input[type=email],textarea{width:100%;background:var(--surface2);
  border:1px solid var(--line2);border-radius:10px;padding:12px 14px;color:var(--txt);
  font:inherit;outline:none}
input:focus,textarea:focus{border-color:var(--indigo)}
textarea{min-height:170px;resize:vertical}
.steps{display:flex;gap:8px;margin:26px 0 4px}
.steps span{height:4px;flex:1;border-radius:2px;background:var(--surface2)}
.steps span.on{background:var(--grad)}
.backlink{color:var(--txt3);text-decoration:none;font-size:.88rem}
.backlink:hover{color:var(--txt2)}
footer{text-align:center;color:var(--txt3);font-size:.75rem;padding:18px;opacity:.75}
.err{color:var(--no);font-size:.9rem;margin-top:10px;display:none}
