/* LeadDock landing 2026-10-18: the website inquiry widget comes first. Uses the page tokens (--coral, --ink…). */
.ldw{padding:88px 0 72px;background:#fff;border-top:1px solid var(--line,#e7e9ec);border-bottom:1px solid var(--line,#e7e9ec)}
.ldw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.ldw-copy .small{max-width:520px}
.ldw-steps{list-style:none;counter-reset:ldw;margin:26px 0 30px;padding:0;display:grid;gap:14px}
.ldw-steps li{counter-increment:ldw;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;align-items:start}
.ldw-steps li::before{content:counter(ldw);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink,#142033);color:#fff;font-weight:800;font-size:15px}
.ldw-steps b{font-size:17px;color:var(--ink,#142033)}
.ldw-steps span{font-size:15px;line-height:1.6;color:var(--muted,#6f7c8f)}
.ldw-visual{display:grid;gap:14px}
.ldw-code{background:#101c2f;color:#e7eef7;border-radius:14px;padding:14px 16px;box-shadow:var(--shadow,0 20px 60px rgba(18,28,43,.1))}
.ldw-code-label{display:block;font-size:13px;color:#9fb0c6;margin-bottom:6px}
.ldw-code code{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}
.ldw-code i{font-style:normal;color:#ffb3a5}
.ldw-site{position:relative;min-height:420px;border:1px solid var(--line,#e7e9ec);border-radius:16px;background:var(--soft,#f5f7f9);overflow:hidden}
.ldw-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line,#e7e9ec)}
.ldw-bar span{width:10px;height:10px;border-radius:50%;background:#e3e7ec}
.ldw-bar em{font-style:normal;margin-left:10px;font-size:13px;color:var(--muted,#6f7c8f)}
.ldw-page{padding:28px;display:grid;gap:12px;max-width:58%}
.ldw-line{height:12px;border-radius:6px;background:#e3e8ee}
.ldw-line.w60{width:60%;height:18px;background:#d5dce5}.ldw-line.w80{width:80%}.ldw-line.w40{width:40%}
.ldw-block{height:120px;border-radius:12px;background:#e9edf2}
.ldw-panel{position:absolute;right:18px;bottom:76px;width:min(270px,58%);background:#fff;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.18);overflow:hidden}
.ldw-panel-head{padding:12px 14px;background:var(--coral,#ff6248);color:#fff;display:grid;gap:2px}
.ldw-panel-head b{font-size:15px}.ldw-panel-head small{font-size:13px;opacity:.92}
.ldw-field{display:grid;gap:4px;padding:8px 14px 0}
.ldw-field small{font-size:13px;color:#3b4b60;font-weight:700}
.ldw-field span{height:30px;border:1px solid #d6dee8;border-radius:8px}
.ldw-field span.sel{display:flex;align-items:center;padding:0 10px;font-size:13px;color:#24364c}
.ldw-consent{display:flex;align-items:center;gap:8px;padding:10px 14px 0;font-size:13px;color:#4a5b70}
.ldw-consent i{width:14px;height:14px;border-radius:4px;background:var(--coral,#ff6248)}
.ldw-submit{margin:10px 14px 14px;padding:9px;border-radius:9px;background:var(--coral,#ff6248);color:#fff;text-align:center;font-weight:800;font-size:14px}
.ldw-launcher{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border-radius:999px;background:var(--coral,#ff6248);color:#fff;font-weight:800;font-size:14px;box-shadow:0 10px 24px rgba(255,98,72,.35)}
.ldw-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px}
.ldw-features div{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line,#e7e9ec);border-radius:14px;background:var(--paper,#fbfaf7)}
.ldw-features b{font-size:16px;color:var(--ink,#142033)}
.ldw-features span{font-size:14px;line-height:1.55;color:var(--muted,#6f7c8f)}
@media (max-width:980px){.ldw-grid{grid-template-columns:minmax(0,1fr);gap:36px}.ldw-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ldw{padding:56px 0 48px}.ldw-features{grid-template-columns:minmax(0,1fr)}.ldw-page{max-width:100%}.ldw-panel{left:12px;right:12px;width:auto;bottom:70px}.ldw-site{min-height:460px}}
/* 2026-10-19 contrast floor */
.ldw .small,.ldw-steps span,.ldw-bar em,.ldw-features span,.flow-section .small{color:#5f6e82}
.ldw-panel-head,.ldw-submit,.ldw-launcher,.ldw-consent i{background:#cf3f28}
.flow-section .step-num{color:#c0392b}
/* dark navy sections (#101c2f): light text instead of the light-background AA colours */
body section:is(.relationship,.mobile-sec) .eyebrow{color:#ff8b76!important}
body section:is(.relationship,.mobile-sec) :is(.copy,p):not(:is([class*=phone],[class*=card],[class*=timeline],[class*=ctx]) *),body section.story small:not(:is([class*=card],[class*=timeline]) *){color:#b6c2d1!important}
body section.relationship .context-tags span,body section.story.alt p{color:#556477!important}
