/* LNO form styling — preview of how the embedded CRM forms should look. Mirror these values in the CRM form builder / custom CSS. */
.lf{display:grid;gap:18px;font-family:var(--font-body);color:var(--ink)}
.lf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.lf-f{display:grid;gap:7px}
.lf-f>label,.lf-q{font:700 12px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lf-f>label i,.lf-q i{font-style:normal;color:var(--brand)}
.lf input[type=text],.lf input[type=email],.lf input[type=tel],.lf select,.lf textarea{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font:500 16px/1.3 var(--font-body);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.lf textarea{min-height:96px;resize:vertical}
.lf select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2345614a' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.lf input:focus,.lf select:focus,.lf textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,transparent)}
.lf ::placeholder{color:color-mix(in oklch,var(--muted) 70%,transparent)}
.lf-chips{display:flex;flex-wrap:wrap;gap:8px}
.lf-chips label{position:relative;cursor:pointer}
.lf-chips input{position:absolute;opacity:0;pointer-events:none}
.lf-chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 14.5px/1 var(--font-body);color:var(--ink);transition:background .15s,border-color .15s,color .15s}
.lf-chips label:hover span{border-color:var(--brand)}
.lf-chips input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.lf-chips input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 25%,transparent)}
.lf-consent{display:grid;gap:10px;padding-top:4px}
.lf-consent label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;font:400 13.5px/1.5 var(--font-body);color:var(--muted);cursor:pointer}
.lf-consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand)}
.lf-consent a{color:var(--brand)}
.lf-submit{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.lf-submit .btn{min-height:54px;padding-inline:30px}
.lf-submit small{font:400 13.5px/1.45 var(--font-body);color:var(--muted)}
.lf-hide{display:none}
.lf-note{font:400 13px/1.5 ui-monospace,Menlo,monospace;color:var(--muted);padding:10px 14px;border:1px dashed var(--line);border-radius:10px;background:var(--bg-alt)}
.lf-done{display:grid;gap:10px;padding:28px;border-radius:16px;background:var(--bg-alt);text-align:left}
.lf-done b{font:800 22px/1.2 var(--font-display);color:var(--ink)}
.lf-done p{margin:0;color:var(--muted);font:400 15.5px/1.6 var(--font-body)}