.comparison-main{padding:25px 40px 0}.comparison-main h1{font-size:45px;line-height:1.1}.comparison-main>.eyebrow{margin-bottom:10px}.comparison-main>p:not(.eyebrow){margin-top:10px}
.project-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.project-tabs a{border:1px solid #c5cabb;border-radius:22px;padding:8px 17px;min-height:44px;font-weight:600}.project-tabs a[aria-current=page]{background:var(--navy);color:white}
.comparison-help{font-size:15px;max-width:850px;margin-bottom:16px}
.comparison-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.comparison-stage figure{margin:0;min-width:0;background:none;border:0;border-radius:0}
.comparison-stage img{width:100%;height:auto;display:block;cursor:default}
.capture-note{font-size:12px;line-height:1.4;color:#48616c}
.comparison-contact{margin-top:35px;border-bottom:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.comparison-contact h2{font-size:28px}.comparison-contact .button{font-size:17px}
[hidden]{display:none!important}
.comparison-intro{margin:-25px -40px 22px;padding:30px 40px 24px;background:linear-gradient(90deg,#fffdf2f5 15%,#fffdf2d9 52%,#fffdf240),url('/marketing/mountain-local/mountains-sunless-10.webp') center 48%/cover no-repeat}
.comparison-intro>.eyebrow{margin-bottom:12px}.comparison-intro>p:not(.eyebrow){margin-top:14px}
.comparison-intro .project-tabs{margin-bottom:0}
.comparison-intro .project-tabs a{background:#fffdf2ed;border-color:#b9c4ba}
.comparison-intro .project-tabs a[aria-current=page]{background:var(--navy)}
@media(max-width:760px){.comparison-intro{margin:-20px -14px 20px;padding:26px 24px;background-position:58% center;background-image:linear-gradient(90deg,#fffdf2f5,#fffdf2cc 70%,#fffdf299),url('/marketing/mountain-local/mountains-sunless-10.webp')}.comparison-intro h1{font-size:34px}.comparison-intro .eyebrow{font-size:10px}}
@media(max-width:760px){.comparison-header{padding:10px 18px;gap:12px;flex-wrap:wrap}.comparison-header img{width:185px;height:63px}.comparison-header>a:nth-child(2){font-size:13px}.comparison-header .button{font-size:14px;min-height:40px}.comparison-main{padding:20px 14px 0}.comparison-main h1{font-size:34px}.project-tabs{gap:6px;margin-block:18px}.project-tabs a{font-size:13px;padding:8px 12px}.comparison-help{font-size:14px}.comparison-stage{gap:8px}.comparison-stage figcaption{font-size:12px;padding:9px 6px;display:block}.comparison-stage figcaption span{display:block;font-size:10px}.page-end{font-size:10px;padding:7px 3px}.source-links{font-size:13px}.comparison-contact{display:block}.comparison-contact .button{margin-top:17px}.comparison-footer{padding:20px;flex-wrap:wrap}.comparison-footer small{order:3;flex-basis:100%;text-align:center}}
.comparison-stage{padding:0;background:none;border:0;border-radius:0;gap:18px}
.screenshot-frame{background:none;border:1px solid #dedfda;border-radius:8px;padding:0;overflow:hidden}
.browser-bar{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 12px;background:#eeeee9;border-bottom:1px solid #dedfda}
.browser-controls{display:flex;gap:5px;flex:none}.browser-controls i{width:8px;height:8px;border-radius:50%;background:#e69a91}.browser-controls i:nth-child(2){background:#dfc17a}.browser-controls i:nth-child(3){background:#96b79e}
.browser-address{flex:1;min-width:0;padding:4px 8px;border:1px solid #dedfda;border-radius:5px;background:#fffefb;color:#52616b;font:11px/1.4 Barlow,sans-serif;text-align:center;overflow-wrap:anywhere}
.updated-site{display:block;color:inherit;text-decoration:none}.comparison-stage .updated-site img{cursor:pointer}.updated-site:hover{border-color:#83979e}.updated-site:focus-visible{outline:3px solid #da450f;outline-offset:3px}
.comparison-stage figcaption{display:block;font-size:18px;font-weight:600;line-height:1.3;padding:0 2px 14px;color:var(--navy)}
@media(max-width:760px){.comparison-stage{gap:9px}.screenshot-frame{border-radius:6px}.comparison-stage figcaption{font-size:15px;padding:2px 1px 10px}}
@media(max-width:760px){.browser-bar{min-height:52px;padding:6px;gap:0}.browser-controls{display:none}.browser-address{font-size:10px;line-height:1.3;padding:4px}}
