/* One visual system for audit, service, contact and quiz lead forms. */
body #main section.audit-section#audit{
 width:calc(100% - 2 * clamp(12px,3vw,40px));max-width:1440px;margin:32px auto;
 padding:clamp(28px,4vw,48px) 0;border:0;border-radius:28px;
 background:#b9cd91;color:#20231f;--muted:#3c4b30;
 overflow:hidden;box-shadow:inset 0 1px 0 #eff8d34d,0 18px 40px -30px #04171680;
}
body #main section.audit-section#audit>.wrap{width:100%;max-width:1240px;padding-inline:clamp(22px,4vw,48px);margin-inline:auto}
body #main #audit .audit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
body #main #audit .audit-panel{min-width:0;border:0;padding:0}
body #main #audit .audit-panel h3{font-size:1.3rem;margin:0 0 20px;color:#20231f}
body #main #audit .audit-visual{position:relative;width:min(100%,400px);height:180px;margin:20px 0 0;transform:none}
body #main #audit .audit-character{left:8px;top:40px;transform:scale(.7) rotate(-12deg);transform-origin:left top}
body #main #audit .audit-spark{left:150px;right:auto;top:8px;font-size:2.7rem}
/* Decorative hand-drawn loop, pointing from below the robot toward the fields. */
body #main #audit .audit-visual:after{
 content:'';position:absolute;left:165px;bottom:0;width:190px;height:100px;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110' fill='none'%3E%3Cpath d='M16 24C-9 53 27 86 67 75C113 63 105 22 76 42C41 66 85 112 131 93C160 82 179 63 199 39M177 45L202 35L199 62' stroke='%23161916' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='5 5'/%3E%3C/svg%3E") center/contain no-repeat;
}
body #main form.st-audit-form[data-st-lead-form]{
 display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:none;width:100%;margin:0;
 padding:24px;border:0;border-radius:20px;background:#b9cd91;color:#20231f;
 --muted:#3c4b30;font-size:.9rem;line-height:1.5;
}
body #main #audit form.st-audit-form[data-st-lead-form]{padding:0;border-radius:0;background:transparent}
body #main form.st-audit-form[data-st-lead-form]>p,
body #main form.st-audit-form[data-st-lead-form] .form-details,
body #main form.st-audit-form[data-st-lead-form] .form-details>p{margin:0;max-width:none;grid-column:1/-1;font-size:inherit;line-height:1.5}
body #main form.st-audit-form[data-st-lead-form] label{display:block;font-size:.85rem;line-height:1.5;color:#20231f}
body #main form.st-audit-form[data-st-lead-form] :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){
 display:block;width:100%;box-sizing:border-box;min-height:48px;margin-top:6px;padding:12px 14px;
 border:1px solid #71865599;border-radius:12px;background:#f4f9e6b8;color:#20231f;font:inherit;font-size:16px;line-height:22px;
}
body #main form.st-audit-form[data-st-lead-form] textarea{height:48px;resize:vertical}
body #main form.st-audit-form[data-st-lead-form] input::placeholder,
body #main form.st-audit-form[data-st-lead-form] textarea::placeholder{color:#526047;opacity:1}
body #main form.st-audit-form[data-st-lead-form] .contact-input{display:block;position:relative;margin-top:6px}
body #main form.st-audit-form[data-st-lead-form] .contact-input input{height:70px;min-height:70px;margin-top:0}
body #main form.st-audit-form[data-st-lead-form] .contact-input input::placeholder{color:transparent}
body #main form.st-audit-form[data-st-lead-form] .contact-placeholder{position:absolute;inset:0;display:flex;align-items:center;padding:10px 14px;pointer-events:none;color:#526047;font-size:13px;line-height:1.45}
body #main form.st-audit-form[data-st-lead-form] .contact-input input:not(:placeholder-shown)+.contact-placeholder{display:none}
body #main form.st-audit-form[data-st-lead-form] input[type=checkbox]{width:18px;height:18px;accent-color:#263923;vertical-align:middle;margin:0 6px 2px 0}
body #main form.st-audit-form[data-st-lead-form] p:has([type=checkbox]),
body #main form.st-audit-form[data-st-lead-form] p:has([type=checkbox]) label,
body #main form.st-audit-form[data-st-lead-form] .form-policy{font-size:.76rem;line-height:1.5}
body #main form.st-audit-form[data-st-lead-form] .form-details{padding:0;border:0}
body #main form.st-audit-form[data-st-lead-form] .form-details summary{padding:4px 0;font-size:.85rem;min-height:32px;color:#263923;cursor:pointer}
body #main form.st-audit-form[data-st-lead-form] .form-details[open]>p{display:block;width:100%;margin:12px 0 0}
body #main form.st-audit-form[data-st-lead-form] [type=submit]{justify-self:start;width:auto;min-height:48px;margin:0;padding:12px 24px;border:1px solid #20231f;border-radius:12px;background:#20231f;color:#f5f7ee;font-size:.9rem;line-height:1.4}
body #main form.st-audit-form[data-st-lead-form] [type=submit]:hover{background:#35452c}
body #main form.st-audit-form[data-st-lead-form] [type=submit]:disabled{opacity:.55;cursor:wait}
body #main form.st-audit-form[data-st-lead-form] [data-st-lead-message]:empty{display:none}
body #main form.st-audit-form[data-st-lead-form] a{color:inherit}
@media(max-width:700px){
 body #main section.audit-section#audit{margin-block:24px;border-radius:22px}
 body #main #audit .audit-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 body #main #audit .audit-visual{display:none}
 body #main form.st-audit-form[data-st-lead-form]{padding:18px}
 body #main #audit form.st-audit-form[data-st-lead-form]{padding:0}
 body #main form.st-audit-form[data-st-lead-form] [type=submit]{width:100%;justify-content:center}
}
