.case-story,.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.case-story article,.industry-grid article{border:1px solid var(--line);padding:20px;background:#f8f7f2}.case-story b,.industry-grid article>span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#855f25}.case-story p,.industry-grid p{margin-bottom:0}.industry-grid h3{margin-top:8px}.sheet-shot{overflow-x:auto}.sheet-shot img{min-width:820px}.guide>.clio-shot{margin-top:20px}@media(max-width:760px){.case-story,.industry-grid{grid-template-columns:1fr}.sheet-shot img{min-width:680px}.guide{padding:24px 18px}.clio-shot{padding:6px}.clio-shot figcaption{font-size:12px}}
.skip-link{position:absolute;left:12px;top:-80px;z-index:1000;background:#fff;color:#062452;padding:10px 14px;border:2px solid #062452}.skip-link:focus{top:12px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.hero-actions>a:not(.resource-book){color:inherit;font-weight:700;text-underline-offset:4px}.pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.pain-grid article{border-top:3px solid #b3894f;background:#f8f7f2;padding:22px}.pain-grid article>span{font:800 12px/1 Manrope,sans-serif;letter-spacing:.14em;color:#855f25}.pain-grid h3{margin:14px 0 8px}.pain-grid p{margin:0}.workflow-six{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-book,.hero-actions a,.cta a{touch-action:manipulation}.resource-book:focus-visible,.hero-actions a:focus-visible,.cta a:focus-visible,.resource-links a:focus-visible{outline:3px solid #d7aa61;outline-offset:3px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}@media(max-width:760px){.pain-grid,.workflow-six{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a{text-align:center}.resource-links>a:not(.resource-book){display:none}}
.hero-check{background:#fff;color:#16243b;border:1px solid rgba(255,255,255,.4);padding:22px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.hero-check>span{display:block;color:#855f25;font:800 11px/1 Manrope,sans-serif;letter-spacing:.14em;margin-bottom:16px}.hero-check fieldset{border:0;border-top:1px solid #e3ded2;margin:0;padding:13px 0}.hero-check legend{font-weight:800;padding:0 0 7px}.hero-check label{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.35;margin:7px 0;cursor:pointer}.hero-check input{margin-top:3px}.hero-check button{width:100%;border:0;background:#062452;color:#fff;font-weight:800;padding:12px 14px;cursor:pointer}.hero-check button:hover{background:#103a70}.hero-check button:focus-visible,.hero-check input:focus-visible{outline:3px solid #d7aa61;outline-offset:2px}.hero-check-result{font-size:13px;line-height:1.45;margin:12px 0 0}.integration-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px;margin:28px 0}.integration-flow article{background:#f8f7f2;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:7px}.integration-flow article b{color:#062452}.integration-flow article span{font-size:13px}.integration-flow i{align-self:center;color:#9b7337;font-style:normal;font-size:24px}.example-note{font-size:14px}@media(max-width:900px){.integration-flow{grid-template-columns:1fr}.integration-flow i{transform:rotate(90deg);justify-self:center}}@media(max-width:760px){.hero-check{padding:18px}.hero-check label{font-size:13px}}