.chelny-lead-form { width: min(100%, 520px); padding: 1.35rem; color: #111827; background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; box-shadow: 0 16px 40px rgba(17,24,39,.09); }
.cl-form-heading h2 { margin: .25rem 0; font-size: 1.45rem; letter-spacing: -.035em; }.cl-form-heading p { margin: 0; color: #667085; font-size: .85rem; }.cl-form-kicker { color: #c73a13; font-size: .7rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.cl-progress { display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin: 1.1rem 0; }.cl-progress span { padding-bottom: .45rem; color: #667085; border-bottom: 2px solid #e5e7eb; font-size: .7rem; font-weight: 700; }.cl-progress .is-active { color: #c73a13; border-color: #c73a13; }
.cl-step { min-width: 0; padding: 0; margin: 0; border: 0; }.cl-step legend { margin-bottom: .75rem; font-size: .95rem; font-weight: 750; }.cl-step label { display: grid; gap: .35rem; margin-bottom: .8rem; font-size: .78rem; font-weight: 650; }.cl-step input, .cl-step select, .cl-step textarea { width: 100%; min-height: 44px; padding: .65rem .75rem; color: #111827; border: 1px solid #d0d5dd; border-radius: 9px; background: #fff; font: inherit; }.cl-step textarea { resize: vertical; min-height: 92px; }.cl-step input:focus, .cl-step select:focus, .cl-step textarea:focus { border-color: #c73a13; outline: 2px solid #ffe0d4; }
.cl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }.cl-grid label:last-child:nth-child(3) { grid-column: span 2; }.cl-actions { display: flex; justify-content: flex-end; gap: .6rem; margin-top: .9rem; }.cl-actions button { min-height: 44px; padding: .65rem .95rem; color: #fff; border: 1px solid #c73a13; border-radius: 10px; background: #c73a13; cursor: pointer; font-weight: 750; }.cl-actions .cl-button-secondary { color: #344054; border-color: #d0d5dd; background: #fff; }.cl-actions button:disabled { cursor: wait; opacity: .65; }
.cl-field-note { color: #667085; font-size: .72rem; font-weight: 400; line-height: 1.4; }
.cl-check { grid-template-columns: 20px 1fr; align-items: start; gap: .55rem !important; font-weight: 500 !important; line-height: 1.35; }.cl-check input { width: 18px; min-height: 18px; margin-top: .1rem; }.cl-check a { color: #c7350c; }.cl-upload-label span, .cl-privacy { color: #667085; font-size: .7rem; font-weight: 400; }.cl-upload-label input { padding: .5rem !important; }
.cl-previews { display: grid; gap: .45rem; margin: -.3rem 0 .8rem; }.cl-preview { display: grid; grid-template-columns: 42px 1fr 30px; align-items: center; gap: .55rem; padding: .3rem; border: 1px solid #e5e7eb; border-radius: 9px; font-size: .7rem; overflow: hidden; }.cl-preview img { width: 42px; height: 35px; object-fit: cover; border-radius: 5px; }.cl-preview span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.cl-preview button { width: 28px; height: 28px; color: #667085; border: 0; border-radius: 50%; background: #f6f7f9; cursor: pointer; font-size: 1.25rem; line-height: 1; }.cl-error { margin: .75rem 0; padding: .65rem .75rem; color: #9f1f0b; border: 1px solid #f7b7a6; border-radius: 9px; background: #fff0ed; font-size: .8rem; }.cl-success { padding: 1.2rem; color: #146c43; border-radius: 12px; background: #eaf8ef; font-weight: 650; }.cl-honeypot { position: absolute !important; left: -9999px !important; }
.cl-work-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 1rem; }.cl-work-card { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 14px; }.cl-work-card img { display:block; width:100%; aspect-ratio:1.4; object-fit:cover; }.cl-work-card h3,.cl-work-card a { display:block; margin:.7rem; }.cl-work-card a { color:#c73a13; font-size:.8rem; font-weight:700; }
@media (max-width: 600px) { .chelny-lead-form { width: 100%; padding: 1.1rem; }.cl-grid { grid-template-columns: 1fr; }.cl-grid label:last-child:nth-child(3) { grid-column: auto; }.cl-actions { display: grid; grid-template-columns: 1fr 1fr; }.cl-actions button:only-child { grid-column: 1 / -1; } }

/* The form is the primary conversion element on the home page. */
.ck-cta-banner .chelny-lead-form { width: 100%; padding: 1.6rem; border: 0; border-radius: 20px; box-shadow: 0 22px 44px rgba(69,30,16,.16); }
.ck-cta-banner .cl-form-heading h2 { margin: .3rem 0 .45rem; font-size: 1.7rem; }
.ck-cta-banner .cl-form-heading p { font-size: .95rem; line-height: 1.45; }
.ck-cta-banner .cl-form-kicker { font-size: .72rem; }
.ck-cta-banner .cl-progress { gap: .55rem; margin: 1.25rem 0; }
.ck-cta-banner .cl-progress span { padding-bottom: .6rem; font-size: .77rem; }
.ck-cta-banner .cl-step legend { font-size: 1.05rem; }
.ck-cta-banner .cl-step label { gap: .45rem; margin-bottom: .9rem; font-size: .88rem; }
.ck-cta-banner .cl-step input, .ck-cta-banner .cl-step select, .ck-cta-banner .cl-step textarea { min-height: 48px; padding: .72rem .8rem; border-radius: 10px; font-size: .95rem; }
.ck-cta-banner .cl-step textarea { min-height: 108px; }
.ck-cta-banner .cl-actions { margin-top: 1.1rem; }
.ck-cta-banner .cl-actions button { min-height: 48px; padding: .7rem 1rem; font-size: .95rem; }
.ck-cta-banner .cl-error { font-size: .9rem; line-height: 1.4; }
.ck-cta-banner .cl-check { font-size: .82rem !important; }
@media (max-width: 600px) { .ck-cta-banner .chelny-lead-form { padding: 1.25rem; border-radius: 17px; }.ck-cta-banner .cl-form-heading h2 { font-size: 1.5rem; }.ck-cta-banner .cl-progress span { font-size: .7rem; }.ck-cta-banner .cl-actions button { min-height: 50px; } }
