.compare-section{padding-top:50px;padding-bottom:40px}.compare-toggle{display:flex;gap:6px;justify-content:center;margin:22px 0}.compare-toggle button{border:1px solid var(--line);background:white;color:var(--ink);padding:12px 28px;border-radius:99px;min-height:48px;font-weight:600}.compare-toggle button.active{background:var(--green);color:white;border-color:var(--green)}.compare-toggle button:focus-visible{outline:3px solid #dc8339}.compare-frame{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.compare-panel[hidden]{display:none!important}.compare-panel{min-height:400px}.old-top{padding:22px;background:#ededeb;color:#394440;font-family:Georgia,serif;font-size:24px;font-weight:bold}.old-links{padding:10px 22px;border-bottom:1px solid #ccc;font-size:13px;color:#5d6562;word-spacing:8px}.old-layout{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:35px 28px}.old-layout img{width:180px;height:125px;object-fit:cover}.old-layout h3{font:600 23px Georgia,serif;margin:0 0 10px}.old-layout p{font-size:15px;line-height:1.65;margin:10px 0;max-width:650px}.compare-caption{border-top:1px solid var(--line);margin:0;padding:15px 24px;font-size:16px;color:var(--muted)}.new-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line)}.new-top strong{font-size:18px;letter-spacing:1px}.new-top span{font-size:15px;color:var(--muted)}.new-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:30px}.new-layout h3{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:12px 0}.new-layout p{font-size:18px;color:var(--muted)}.new-layout img{width:100%;height:260px;object-fit:cover;border-radius:14px}.new-layout .btn{font-size:16px;padding:11px 18px}.new-layout .actions{margin:20px 0 0}.compare-next{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:24px}.compare-next strong{font-weight:500;font-size:21px}.home-examples{padding:35px 0 40px}.home-examples .casecard img{height:185px}.home-examples .casebody{padding:18px}.home-examples .casebody h3{font-size:19px}.hero-showcase>a>img{height:390px}@media(max-width:800px){.compare-section{padding-top:35px}.compare-toggle button{flex:1;padding:12px 20px}.new-layout{grid-template-columns:1fr;padding:22px;gap:20px}.new-layout img{height:220px;order:-1}.new-layout h3{font-size:28px}.new-top{padding:18px 22px}.new-top span{display:none}.old-layout{grid-template-columns:1fr;padding:22px}.old-layout img{width:140px;height:100px}.compare-panel{min-height:0}.compare-next{flex-direction:column;align-items:start;gap:12px}.compare-next strong{font-size:20px}.hero-showcase>a>img{height:290px}.home-examples .casegrid{display:flex;overflow:auto;gap:16px;scroll-snap-type:x proximity;padding-bottom:14px}.home-examples .casecard{flex:0 0 86%;scroll-snap-align:start}.home-examples .casecard img{height:210px}}

/* V5: a complete premium hero rather than a small photo card */
.compare-after .new-top{background:#202822;color:#fff;border:0;padding:22px 34px}.compare-after .new-top span{color:#d8dfd4}.premium-after{position:relative;isolation:isolate;min-height:540px;padding:clamp(28px,5vw,66px);display:flex;align-items:center;overflow:hidden;background:#202822}.premium-after>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;z-index:-2;order:initial}.premium-after:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,24,23,.92) 0%,rgba(12,24,23,.69) 45%,rgba(12,24,23,.05) 100%);z-index:-1}.premium-after>div{max-width:540px;color:#fff}.premium-after .eyebrow{color:#ecd9bd;letter-spacing:.18em}.premium-after h3{font-size:clamp(32px,4.5vw,56px);font-weight:500;line-height:1.22;letter-spacing:-.035em;margin:22px 0}.premium-after p{color:#f0e9de;font-size:clamp(17px,1.7vw,20px);max-width:400px;line-height:1.65}.premium-after .actions{gap:12px;margin-top:30px}.premium-after .btn{font-size:16px;min-height:48px}.premium-after .btn.alt{background:rgba(255,255,255,.12);color:white;border:1px solid #d7d0c4}.after-summary{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;background:#f5f0e7;padding:22px 34px;color:#354139;font-size:15px}.compare-before{background:#f1f1ee}.compare-before .old-layout{min-height:330px}.compare-before .old-top{border-bottom:5px solid #aaa}.compare-before .old-links{background:#d8dad7}.compare-before .old-layout img{filter:saturate(.55)}@media(max-width:800px){.premium-after{min-height:520px;align-items:flex-end;padding:28px 24px}.premium-after>img{height:100%;order:initial}.premium-after:before{background:linear-gradient(0deg,rgba(12,24,23,.95),rgba(12,24,23,.5) 65%,rgba(12,24,23,.08))}.premium-after h3{font-size:36px;max-width:360px}.after-summary{grid-template-columns:1fr;padding:20px 24px;gap:12px}.compare-before .old-layout{min-height:440px}.compare-after .new-top{padding:20px 24px}}