/* /support: quick self-serve links, then one form that lands in hello@thebeni.ai (studio /api/support). */
.support-lead{margin:18px 0 0;font-size:19px;line-height:1.5;color:#4a4a5c;text-wrap:pretty}
.support-h{margin:52px 0 14px;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8a8a98}
.support-quick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.support-quick a{display:grid;gap:4px;height:100%;padding:16px 18px;border:1px solid #ece9f5;border-radius:14px;text-decoration:none!important;color:#242434!important;transition:border-color .2s,background-color .2s}
.support-quick a:hover{border-color:#5820ff55;background:#faf8ff}
.support-quick b{font-size:16px;color:#111}
.support-quick span{font-size:14px;line-height:1.5;color:#6b6b7b;text-wrap:pretty}
.support-form{display:grid;gap:22px}
.topics{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.topics legend,.field>span{padding:0;margin:0 0 10px;font-size:15px;font-weight:700;color:#111}
.topics label{position:relative;cursor:pointer}
.topics input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.topics span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid #e3e0ee;font-size:14px;color:#3a3a4c;transition:background-color .15s,border-color .15s,color .15s}
.topics label:hover span{border-color:#b9b2d6}
.topics input:checked+span{background:#111;border-color:#111;color:#fff}
.topics input:focus-visible+span{outline:2px solid #5820ff;outline-offset:2px}
.field{display:grid}
.field input,.field textarea{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #e3e0ee;border-radius:14px;background:#fff;font:400 16px/1.5 Pretendard,sans-serif;color:#111;outline:none;transition:border-color .15s,box-shadow .15s}
.field textarea{resize:vertical;min-height:150px}
.field input::placeholder,.field textarea::placeholder{color:#a3a0b2}
.field input:focus,.field textarea:focus{border-color:#5820ff;box-shadow:0 0 0 4px #5820ff1a}
.field small{margin-top:8px;font-size:13px;color:#8a8a98}
.field.invalid input,.field.invalid textarea{border-color:#e5484d}
.attach{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed #d9d5e8;border-radius:14px;cursor:pointer;color:#3a3a4c;font-size:15px}
.attach:hover{border-color:#5820ff88;background:#faf8ff}
.attach input{position:absolute;inset:0;opacity:0;cursor:pointer}
.attach svg{width:20px;height:20px;flex:none;color:#5820ff}
.attach-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attach-opt{margin-left:auto;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a3a0b2}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.send{justify-self:start;min-height:50px;padding:0 30px;border:0;border-radius:99px;background:#111;color:#fff;font:500 16px/1 Pretendard,sans-serif;cursor:pointer;transition:transform .15s,background-color .15s}
.send:hover{background:#2a2a36}
.send:active{transform:scale(.98)}
.send[disabled]{opacity:.55;cursor:default}
.support-fine{margin:-8px 0 0;font-size:13px;line-height:1.6;color:#8a8a98;text-wrap:pretty}
.support-error{margin:-8px 0 0;padding:12px 14px;border-radius:12px;background:#fff1f1;color:#b4232a;font-size:14px;line-height:1.5}
.support-sent{display:grid;justify-items:start;gap:6px;padding:28px 24px;border-radius:20px;background:#f6f2ff;outline:none}
.support-sent svg{width:40px;height:40px;margin-bottom:8px}
.support-sent h3{margin:0;font-family:Nineties,serif;font-weight:400;font-size:34px;line-height:1.1;color:#111}
.support-sent p{margin:0;font-size:16px;line-height:1.6;color:#4a4a5c;overflow-wrap:anywhere}
@media(max-width:700px){.support-quick{grid-template-columns:1fr}.send{justify-self:stretch}.legal-doc h1{font-size:46px}}