.editorial-cta{padding:64px 6%;min-height:380px;isolation:isolate}
.editorial-cta .section-marker,.editorial-cta h2,.editorial-cta .cta-summary,.editorial-cta>.button{position:relative;z-index:1}
.editorial-cta h2{max-width:760px}.editorial-cta .cta-summary{max-width:520px;font-size:17px;line-height:1.7;color:#143b43;margin:0 0 28px}
.cta-logo-watermark{position:absolute;right:4%;bottom:42px;width:clamp(250px,36vw,580px);height:auto;opacity:.1;mix-blend-mode:multiply;pointer-events:none;z-index:0}
.site-comparison{padding:70px 6%;background:#f3f6f5;border-block:1px solid #dce5e3}
.comparison-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}.comparison-intro h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;letter-spacing:-1.6px}.comparison-intro h2 span{color:#506c72}.comparison-intro>p{font-size:17px;line-height:1.8;color:#4c656c}
.comparison-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:24px 0}.comparison-cards article{border-top:2px solid #143b43;padding-top:24px}.comparison-cards article>span{font-size:11px;letter-spacing:1px;color:#4c656c}.comparison-cards h3{font-size:22px;font-weight:500;line-height:1.3;margin:20px 0 14px}.comparison-cards p{font-size:15px;line-height:1.8;color:#4c656c}
@media(max-width:900px){.comparison-intro{grid-template-columns:1fr;gap:0}.comparison-cards{grid-template-columns:1fr 1fr}.cta-logo-watermark{right:3%;bottom:26px;width:300px}.editorial-cta{padding-bottom:80px}}
@media(max-width:520px){.comparison-cards{grid-template-columns:1fr;gap:15px}.site-comparison{padding:45px 6%}.cta-logo-watermark{width:230px;bottom:18px}.editorial-cta{padding-bottom:100px}.editorial-cta .cta-summary{font-size:16px}}
.comparison-example{margin:30px 0 45px;background:#fff;border:1px solid #cbd9d6;border-radius:8px;overflow:hidden}
.comparison-example-labels{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dce5e3}
.comparison-example-labels>div{padding:22px 28px}.comparison-example-labels>div+div{border-left:1px solid #dce5e3;background:#faf7ed}
.comparison-example-labels span,.comparison-issue>span{display:block;font-size:11px;letter-spacing:1.2px;color:#4c656c;margin-bottom:8px}
.comparison-example-labels strong{font-size:18px;font-weight:500}
.comparison-example>img{display:block;width:100%;height:auto}
.comparison-example figcaption{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding:30px;border-top:1px solid #dce5e3}
.comparison-example-tag{font-size:11px;letter-spacing:1px;color:#4c656c}.comparison-example h3{font-size:24px;font-weight:500;margin:15px 0 10px;line-height:1.3}
.comparison-example p{font-size:15px;line-height:1.75;color:#4c656c;margin:10px 0}
.comparison-issue{padding:22px;background:#f4f6f3;border-left:3px solid #8a6b15}.comparison-issue strong{font-size:17px;line-height:1.5;display:block}.comparison-issue small{font-size:12px;line-height:1.6;color:#4c656c;display:block}
@media(max-width:600px){.comparison-example-labels>div{padding:15px 12px}.comparison-example-labels span{font-size:10px;letter-spacing:.5px}.comparison-example-labels strong{font-size:14px}.comparison-example figcaption{grid-template-columns:1fr;gap:18px;padding:20px}.comparison-example h3{font-size:22px}.comparison-issue{padding:18px}}
.alignment-highlight{padding:30px;background:#143b43;color:#fff}
.alignment-badge{display:inline-block;color:#f0cb5a;font-size:12px;letter-spacing:1.3px;font-weight:700}
.comparison-example .alignment-highlight h3{font-size:30px;color:#fff;margin:15px 0 10px;letter-spacing:-.6px}
.comparison-example .alignment-highlight p{color:#d9e5e7;max-width:680px;margin:0;font-size:16px}
.alignment-points{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:#fff}
.alignment-points span:not([aria-hidden]){padding:9px 13px;border:1px solid #8aa7ac;border-radius:4px}
.alignment-points span[aria-hidden]{color:#f0cb5a;font-size:22px}
.swipe-canvas{position:relative;aspect-ratio:1.35;max-height:620px;overflow:hidden;background:#faf8f1;cursor:ew-resize;touch-action:pan-y;user-select:none}
.swipe-layer{position:absolute;inset:0;background-image:url('/assets/bim-site-comparison.png');background-size:200% 100%;background-repeat:no-repeat;pointer-events:none}
.swipe-site{background-position:right center}.swipe-bim{background-position:left center;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.swipe-bim{background-image:url('/assets/bim-site-layered.png')}
.bim-layer-key{display:flex;align-items:baseline;gap:12px 24px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #ccd9d7;color:#143b43;font-size:14px}
.bim-layer-key ul{display:flex;gap:8px 22px;flex-wrap:wrap;margin:0;padding-left:18px;line-height:1.7}
.swipe-label{position:absolute;top:18px;padding:9px 12px;font-size:12px;font-weight:600;border-radius:4px;pointer-events:none;max-width:43%}
.swipe-label-bim{left:18px;background:#143b43;color:#fff}.swipe-label-site{right:18px;background:#f0cb5a;color:#143b43}
.swipe-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 1px #143b43;pointer-events:none}
.swipe-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:#143b43;color:white;font-size:25px;white-space:pre;box-shadow:0 3px 16px #143b4330}
.swipe-controls{padding:22px 28px;background:#fff;border-top:1px solid #ccd9d7}.swipe-controls label{font-size:17px;font-weight:700;display:block;margin:0}
.comparison-example .swipe-controls p{font-size:14px;margin:7px 0 12px}.swipe-controls input[type=range]{display:block;width:100%;min-height:44px;padding:0;margin:0;accent-color:#143b43;cursor:ew-resize;border:0}
.swipe-presets{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.swipe-presets button{min-height:44px;border:1px solid #607378;border-radius:4px;padding:10px 16px;background:#fff;color:#143b43;font-size:14px}.swipe-presets button[aria-pressed=true]{background:#143b43;color:#fff;font-weight:700}.swipe-controls small{font-size:12px;line-height:1.6;color:#4c656c;display:block}
@media(max-width:600px){.swipe-canvas{aspect-ratio:1}.swipe-label{top:12px;font-size:10px;padding:7px 8px}.swipe-label-bim{left:10px}.swipe-label-site{right:10px}.swipe-controls{padding:18px}.swipe-presets button{padding:10px 12px}}
@media(max-width:600px){.alignment-highlight{padding:22px}.comparison-example .alignment-highlight h3{font-size:26px}.alignment-points{gap:10px;font-size:12px}}