.examples-section{padding-block:65px}.website-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.website-example,.agent-example{display:block;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}.website-example:hover{text-decoration:none;box-shadow:0 12px 30px #19244612}.browser-strip{display:flex;align-items:center;gap:5px;padding:11px 14px;background:#eef1f5;font-size:10px;color:var(--muted)}.browser-strip i{width:5px;height:5px;border-radius:50%;background:#b6c0ce}.browser-strip i:first-child{background:var(--gold)}.browser-strip span{margin-left:8px}.website-example>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:left top;background:#eef1f5}.example-copy{padding:26px}.example-copy>span,.example-kicker{font-size:11px;color:var(--muted);line-height:1.6}.example-copy h3{font-size:23px;line-height:1.3;margin:10px 0 15px}.example-copy p{font-size:14px;line-height:1.8;color:var(--muted)}.website-example .example-copy p{font-size:12px;font-weight:700;color:var(--ink)}.example-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}.agent-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.agent-example video,.agent-hero-preview video,.existing-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink)}.agent-hero-preview video{border-radius:18px}.example-copy details{font-size:13px;line-height:1.8;margin-top:20px}.example-copy summary{cursor:pointer;font-weight:700}.example-copy ol{padding-left:20px;margin-top:15px}.example-copy li+li{margin-top:10px}.existing-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;background:#eef1f5;border-radius:20px;padding:35px}.existing-demo h2{font-size:32px;line-height:1.2;margin-block:15px 22px}.existing-demo p{font-size:14px;line-height:1.8}.existing-demo figure{margin:0;min-width:0}.existing-demo video{border-radius:14px}.existing-demo figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}.website-hero-shot img{aspect-ratio:16/10;object-fit:cover;object-position:left top}.hub-visual img[src*="/examples/"]{object-fit:cover;object-position:left top}
@media(max-width:800px){.examples-section{padding-block:40px}.website-examples,.agent-examples,.existing-demo{grid-template-columns:1fr}.existing-demo{padding:24px;gap:24px}.example-copy{padding:24px}.website-examples{gap:24px}}
.examples-section{scroll-margin-top:100px}

.crm-hero-shot img{border:1px solid #dce2e9}.crm-capture-frame{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.crm-capture-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;font-size:13px;border-bottom:1px solid var(--line)}.crm-capture-heading>span{font-size:11px;color:var(--muted)}.crm-capture-frame a{display:block}.crm-capture-frame img{display:block;width:100%;height:auto}.crm-example-section .example-note a{text-decoration:underline}.hub-visual img[src*="crm-talentfusion"]{object-fit:contain;background:#f3f5f8}
@media(max-width:600px){.crm-capture-heading{padding:17px;flex-direction:column;align-items:start;gap:7px}.crm-capture-frame{border-radius:12px}}