/* Shared client proof: real website, recognisable client, useful story and a measured result. */
body #main#main#main#main [data-dn-proof-grid]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:flex-start;gap:24px;width:100%;max-width:none;margin:0 auto;padding:0}
body #main#main#main#main [data-dn-proof-grid][data-proof-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
body #main#main#main#main [data-dn-proof-grid][data-proof-count="1"]{grid-template-columns:minmax(0,1fr);max-width:1080px}
body #main#main#main#main [data-dn-proof-card]{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;grid-column:auto;grid-row:auto;width:100%;max-width:none;min-width:0;height:auto!important;margin:0;overflow:hidden;border:1px solid #bacbc4;border-radius:8px;background:#fffefa!important;color:#0b1d3a!important;box-shadow:none;transform:none!important;align-self:stretch;justify-self:stretch}
body #main#main#main#main [data-dn-proof-card]>.website-showcase{display:block;flex:none;width:100%;margin:0;border:0;border-bottom:1px solid #c7d4cc;border-radius:0;text-decoration:none;background:#eef2e9}
body #main#main#main#main [data-dn-proof-card] .showcase-chrome{height:32px;min-height:32px;padding:5px 12px;background:#eef2e9;color:#344957;font-size:10px}
body #main#main#main#main [data-dn-proof-card] .showcase-viewport{height:auto!important;max-height:none!important;aspect-ratio:16/8;min-height:0;border-radius:0}
body #main#main#main#main [data-dn-proof-card] .showcase-caption{display:none}
body #main#main#main#main [data-dn-proof-card] .dn-proof-copy{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:24px;text-align:left}
body #main#main#main#main [data-dn-proof-card] .dn-proof-brand{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:16px;min-height:60px;margin:0 0 22px}
body #main#main#main#main [data-dn-proof-card] .dn-proof-brand>.client-logo-badge{width:90px!important;max-width:90px;height:50px!important;min-height:0;margin:0;padding:3px;border:0;border-radius:3px;background:transparent}
body #main#main#main#main [data-dn-proof-card] .dn-proof-brand img{width:100%;height:100%;max-width:100%;object-fit:contain}
body #main#main#main#main [data-dn-proof-card] .dn-proof-brand>.client-logo-dark-matte,body #main#main#main#main .dn-case-compact .client-logo-dark-matte,body #main#main#main#main .dn-case-index .client-logo-dark-matte{background:#090909}
body #main#main#main#main [data-dn-proof-card] .client-logo-dark-matte img,body #main#main#main#main .dn-case-compact .client-logo-dark-matte img,body #main#main#main#main .dn-case-index .client-logo-dark-matte img{filter:none}
body #main#main#main#main [data-dn-proof-card] .dn-proof-brand .eyebrow{font-size:9px;line-height:1.45;letter-spacing:.08em;color:#436058!important;margin:0 0 5px}
body #main#main#main#main [data-dn-proof-card] .dn-proof-brand h3{font-size:19px;line-height:1.2;letter-spacing:-.025em;margin:0;color:#0b1d3a!important;overflow-wrap:normal}
body #main#main#main#main [data-dn-proof-card] .dn-proof-result{display:flex;flex-direction:column;gap:6px;margin:0 0 20px;color:#0b1d3a}
body #main#main#main#main [data-dn-proof-card] .dn-proof-result strong{font-size:clamp(2.6rem,3.7vw,3.6rem);font-weight:750;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#006c64}
body #main#main#main#main [data-dn-proof-card] .dn-proof-result span{display:block;font-size:13px;line-height:1.45;font-weight:650;color:#183a40}
body #main#main#main#main [data-dn-proof-card] .dn-proof-result{min-height:83px;justify-content:center}
body #main#main#main#main [data-dn-proof-card] .dn-proof-delivery strong{font-size:29px;line-height:1.15;letter-spacing:-.035em}
body #main#main#main#main [data-dn-proof-card] .dn-proof-story-title{font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.025em;min-height:2.6em;margin:0 0 12px;color:#0b1d3a!important}
body #main#main#main#main [data-dn-proof-card] .dn-proof-description{font-size:14px;line-height:1.7;max-width:60ch;margin:0 0 20px;color:#344957!important}
body #main#main#main#main [data-dn-proof-card] .dn-proof-period{margin:auto 0 16px;padding-top:4px;font-size:11px;line-height:1.5;color:#52615c!important}
body #main#main#main#main [data-dn-proof-card] .dn-proof-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;min-height:44px;padding:14px 0 0;border-top:1px solid #c7d4cc;border-bottom:0!important;font-size:13px;font-weight:700;color:#006c64!important;text-decoration:none;text-underline-offset:5px}
body #main#main#main#main [data-dn-proof-card] .dn-proof-link:hover{text-decoration:underline}
body #main#main#main#main [data-dn-proof-card] .dn-proof-period+.dn-proof-link{margin-top:0}
body #main#main#main#main [data-dn-proof-card] .dn-proof-link span{font-size:18px;text-decoration:none}
body #main#main#main#main [data-dn-proof-card] a:focus-visible{outline:3px solid #008b82;outline-offset:-4px}
body #main#main#main#main [data-dn-proof-grid][data-proof-count="1"]>[data-dn-proof-card]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body #main#main#main#main [data-dn-proof-grid][data-proof-count="1"]>[data-dn-proof-card]>.website-showcase{align-self:stretch;height:100%;border:0;border-right:1px solid #c7d4cc}
body #main#main#main#main [data-dn-proof-grid][data-proof-count="1"] .showcase-viewport{height:calc(100% - 32px)!important;aspect-ratio:auto;min-height:340px}
body #main#main#main#main .dn-proof-supporting{font-size:14px;line-height:1.7;max-width:85ch;margin:22px auto 0;color:inherit}
body #main#main#main#main .home-results-header{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
body #main#main#main#main .home-results-header>.dn-section-actions{grid-column:1!important;grid-row:2!important;justify-self:start!important;justify-content:flex-start!important;margin:0!important}
body #main#main#main#main .home-results-header>.dn-section-opening{text-align:left!important;margin:0!important;max-width:850px}
body #main#main#main#main [data-home-results-track][data-dn-proof-grid]{display:flex!important;align-items:stretch;justify-content:flex-start;gap:24px;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 0 12px;cursor:grab}
body #main#main#main#main [data-home-results-track]::-webkit-scrollbar{display:none}
body #main#main#main#main [data-home-results-track]>[data-dn-proof-card]{flex:0 0 calc((100% - 48px)/3);width:auto;scroll-snap-align:start}
body #main#main#main#main [data-home-results-track][data-home-results-dragging="true"]{cursor:grabbing;scroll-snap-type:none;user-select:none}
body #main#main#main#main .home-results-pause{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #0b1d3a66;border-radius:4px;background:transparent;color:#0b1d3a;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
body #main#main#main#main .home-results-pause[hidden]{display:none}
body #main#main#main#main .home-results-pause:focus-visible{outline:3px solid #0b1d3a;outline-offset:4px}
body #main#main#main#main [data-dn-proof-card] .dn-proof-delivery strong{font-size:clamp(1.65rem,2.2vw,2rem)!important}
body #main#main#main#main .dn-case-continuing{padding:0 8px 44px;max-width:80ch}
body #main#main#main#main .dn-case-continuing h2{font-size:clamp(1.65rem,2.7vw,2.35rem);line-height:1.15;letter-spacing:-.025em;margin:9px 0 16px}
body #main#main#main#main .dn-case-continuing>p:not(.eyebrow){font-size:1rem;line-height:1.8}
body #main#main#main#main .dn-case-work{padding-top:8px}
body #main#main#main#main .dn-case-work p{line-height:1.8}
body #main#main#main#main .dn-case-need>p{font-size:.97rem}
body #main#main#main#main .dn-case-need>p+p{margin-top:16px}
body #main#main#main#main .dn-case-steps{gap:28px}
body #main#main#main#main .dn-case-steps article{padding-bottom:28px}
body #main#main#main#main .dn-case-outcome{margin-bottom:38px}
body #main#main#main#main .dn-case-related-grid:has(>a:only-child){grid-template-columns:minmax(0,1fr)}
body #main#main#main#main .dn-case-index .cs-card-content{display:flex;flex-direction:column}
body #main#main#main#main .dn-case-index .cs-card-link>p{font-weight:600;line-height:1.5}
body #main#main#main#main .dn-case-index .cs-card-content>.cs-text-link{margin-top:auto;padding-top:20px}
@media(max-width:1100px){
 body #main#main#main#main [data-dn-proof-grid][data-proof-count="3"]{gap:18px}
 body #main#main#main#main [data-dn-proof-card] .dn-proof-copy{padding:20px}
 body #main#main#main#main [data-dn-proof-card] .dn-proof-brand{grid-template-columns:74px minmax(0,1fr);gap:12px}
 body #main#main#main#main [data-dn-proof-card] .dn-proof-brand>.client-logo-badge{width:74px!important;max-width:74px}
 body #main#main#main#main [data-home-results-track][data-dn-proof-grid]{display:flex!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:18px;padding:4px 0 12px;align-items:stretch}
 body #main#main#main#main [data-home-results-track]>[data-dn-proof-card]{flex:0 0 calc((100% - 42px)/2);width:auto;scroll-snap-align:start}
}
@media(max-width:700px){
 body #main#main#main#main [data-dn-proof-grid],body #main#main#main#main [data-dn-proof-grid][data-proof-count="3"]{grid-template-columns:minmax(0,1fr);gap:18px}
 body #main#main#main#main [data-dn-proof-grid][data-proof-count="1"]>[data-dn-proof-card]{display:flex!important}
 body #main#main#main#main [data-dn-proof-grid][data-proof-count="1"] .showcase-viewport{height:auto!important;aspect-ratio:16/8;min-height:0}
 body #main#main#main#main [data-dn-proof-grid][data-proof-count="1"]>[data-dn-proof-card]>.website-showcase{height:auto;border-right:0;border-bottom:1px solid #c7d4cc}
 body #main#main#main#main [data-dn-proof-card] .dn-proof-copy{padding:22px}
 body #main#main#main#main [data-dn-proof-card] .dn-proof-brand{margin-bottom:20px}
 body #main#main#main#main [data-dn-proof-card] .dn-proof-result strong{font-size:3rem}
 body #main#main#main#main [data-dn-proof-card] .dn-proof-story-title{min-height:0;font-size:19px}
 body #main#main#main#main [data-home-results-track]>[data-dn-proof-card]{flex-basis:calc(100% - 24px)}
 body #main#main#main#main .dn-case-continuing{padding:0 0 30px}
}
@media print{body #main#main#main#main [data-home-results-track][data-dn-proof-grid]{display:grid!important;overflow:visible}body #main#main#main#main [data-dn-proof-card]{break-inside:avoid}}