/* Собрано tools/lead-form.py из site.css, руками не править. */
.trf{--bg:#FBFAFA;--fg:#1B1617;--card:#fff;--hair:rgba(27,22,23,.12);--muted:#6E6466;--wine:#750C0F;--wine-2:#8F1418;--r:28px;--f-display:inherit;--ease:cubic-bezier(.2,.8,.2,1);text-align:left;color:var(--fg)}
.trf,.trf *{box-sizing:border-box}.trf [hidden]{display:none!important}.trf .btn{transition:transform .25s var(--ease),background .2s;font-family:inherit;cursor:pointer}
@media (max-width:560px){.trf .row2{grid-template-columns:minmax(0,1fr)}.trf .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px}}
.trf .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--fg);color:#fff;border:0;border-radius:999px;padding:15px 24px;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s}
.trf .btn:hover{transform:translateY(-2px);background:#000}
.trf .btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--hair)}
.trf .btn-ghost:hover{background:var(--card)}
.trf .btn-sm{padding:10px 18px;font-size:14px;background:var(--wine)}
.trf .btn-sm:hover{background:var(--wine-2)}
.trf .btn-wide{width:100%}
.trf .card-form{background:var(--card);border-radius:var(--r);padding:clamp(22px,3.5vw,36px);box-shadow:0 30px 60px rgba(117,12,15,.08)}
.trf .lead-form{display:grid;gap:14px}
.trf .seg{display:flex;gap:6px;flex-wrap:wrap;background:var(--bg);padding:5px;border-radius:999px;border:1px solid var(--hair)}
.trf .seg label{flex:1 1 auto}
.trf .seg input{position:absolute;opacity:0;pointer-events:none}
.trf .seg span{display:block;text-align:center;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.trf .seg input:checked + span{background:var(--fg);color:#fff}
.trf .seg input:focus-visible + span{outline:2px solid var(--wine);outline-offset:2px}
.trf .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.trf .f .l{font-size:13px;color:var(--muted);font-weight:500}
.trf .f input,.trf .f select,.trf .f textarea{font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1.5px solid var(--hair);border-radius:14px;padding:13px 14px;width:100%;transition:border-color .2s,background .2s}
.trf .f textarea{resize:vertical;min-height:110px}
.trf .f input:focus,.trf .f select:focus,.trf .f textarea:focus{outline:none;border-color:var(--wine);background:#fff}
.trf .f.bad input{border-color:#C2272D;background:#FFF6F6}
.trf .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.trf .consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.trf .consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--wine);flex:none}
.trf .consent.bad{color:#C2272D}
.trf .f .hint{display:block;font-size:13px;line-height:1.35;color:#C2272D;margin-top:2px}
.trf .f .hint button{font:inherit;color:inherit;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.trf .f .hint.tip{color:#6E6466}
.trf .err{color:#C2272D;font-size:14px}
.trf .ok{background:#EEF7F0;border-radius:16px;padding:20px}
.trf .ok b{font-family:var(--f-display);font-size:20px;font-weight:500}
.trf .ok p{color:var(--muted);margin-top:6px}
.trf .lead-form.sent > :not(.ok){display:none}
.trf .lead-form button[disabled]{opacity:.6;cursor:wait}
.trf .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px}
.trf .seg span{white-space:normal;font-size:13px;line-height:1.2;padding:9px 6px;border-radius:14px;height:100%;display:grid;place-items:center}
.trf .human{margin:4px 0 2px}
.trf .human-l{font-size:13px;color:var(--muted);margin:0 0 6px}
.trf .circuit{display:block;width:100%;max-width:360px;height:auto;touch-action:none;user-select:none}
.trf .circuit .wire{fill:none;stroke:#B9AFB0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.trf .circuit .batt rect{fill:#fff;stroke:#8A7F81;stroke-width:2}.circuit .batt path{stroke:#8A7F81;stroke-width:2;stroke-linecap:round}
.trf .circuit .pin{fill:#8A7F81}
.trf .circuit .gap-hint{fill:none;stroke:var(--wine);stroke-width:1.5;stroke-dasharray:3 3;opacity:.55;animation:gapPulse 1.6s ease-in-out infinite}
.trf .circuit .bulb{fill:#F1ECEC;stroke:#8A7F81;stroke-width:2;transition:fill .4s,stroke .4s}
.trf .circuit .fil{fill:none;stroke:#8A7F81;stroke-width:1.5}
.trf .circuit .glow{fill:#FFD27A;opacity:0;transition:opacity .5s}
.trf .circuit .jumper{cursor:grab;outline:none}
.trf .circuit.dragging .jumper{cursor:grabbing}
.trf .circuit .jumper rect{fill:var(--wine);filter:drop-shadow(0 3px 5px rgba(117,12,15,.35))}
.trf .circuit .jumper circle{fill:#fff}
.trf .circuit .jumper .ring{fill:none;stroke:var(--wine);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
.trf .circuit .jumper:focus-visible .ring,.trf .circuit .jumper.holding .ring{opacity:1}
.trf .circuit .jumper:focus-visible rect{stroke:#fff;stroke-width:1.5}
.trf .lit .circuit .wire{stroke:var(--wine)}
.trf .lit .circuit .bulb{fill:#FFE08A;stroke:#C98A00}
.trf .lit .circuit .glow{opacity:.55;animation:lampOn .6s ease-out}
.trf .lit .circuit .gap-hint{display:none}
.trf .lit .circuit .jumper{cursor:default}
@keyframes gapPulse{50%{opacity:.15}}
@keyframes lampOn{0%{opacity:0}30%{opacity:.9}100%{opacity:.55}}
.trf .btn.btn-wait{opacity:.45}
.trf .btn-hold{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}
.trf .btn-hold::before{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--hold,0));background:rgba(255,255,255,.22);transition:transform .08s linear}
.trf .btn-hold.held{background:#2E8350}
.trf .term{font:500 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#4A4F5C;background:#F3F1F1;border-radius:10px;padding:8px 10px;margin:0}
.trf .term span{color:var(--wine);font-weight:700}
.trf .human .kb{display:none}.human:has(.jumper:focus-visible) .kb{display:inline;color:var(--wine)}
