.results-page { background: var(--cream); }
.results-stats { padding-top: clamp(64px, 7vw, 92px); }
.results-stats-copy { margin: 0 auto 44px; text-align: center; }
.results-stats-copy .results-section-title { margin-bottom: 18px; color: var(--primary); }
.results-stats-copy p { max-width: 850px; margin: 0 auto; font-size: clamp(17px, 1.6vw, 21px); line-height: 1.65; color: var(--body); }
.results-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 0 0 clamp(72px, 8vw, 108px); }
.result-card { position: relative; overflow: hidden; min-height: 224px; padding: 34px 26px 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 14px 34px rgba(27,79,138,.08); }
.result-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg,var(--accent),var(--accent-soft)); }
.result-region { min-height: 48px; display: flex; align-items: center; font-family: var(--fh); font-size: 16px; font-weight: 750; line-height: 1.3; color: var(--ink); }
.result-value { margin-top: 14px; font-family: var(--fh); font-size: clamp(38px,4vw,50px); font-weight: 900; line-height: 1; color: var(--primary); }
.result-rise { height: 38px; margin-top: 20px; display: flex; align-items: flex-end; gap: 5px; }
.result-rise i { width: 10px; border-radius: 3px 3px 0 0; background: var(--accent-soft); }
.result-rise i:nth-child(1){height:24%}.result-rise i:nth-child(2){height:43%}.result-rise i:nth-child(3){height:62%}.result-rise i:nth-child(4){height:81%}.result-rise i:nth-child(5){height:100%;background:var(--accent)}
.results-compare { padding: clamp(72px,8vw,108px) 0; background: #fff; border-top: 1px solid var(--line); }
.results-section-title { max-width: none; margin: 0 auto 42px; text-align: center; font-size: clamp(28px,2.5vw,34px); white-space: nowrap; color: var(--ink); }
.compare-shell { max-width: 1040px; margin: 0 auto; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--cream-deep); box-shadow: 0 18px 45px rgba(27,79,138,.09); }
.compare-window { display: grid; grid-template-columns: 1fr 1fr; position: relative; }
.compare-window::after { content:""; position:absolute; z-index:4; top:0; bottom:0; left:50%; width:3px; transform:translateX(-50%); background:#fff; }
.compare-side { position: relative; aspect-ratio: 4/3; overflow: hidden; }
.compare-slide { position:absolute; inset:0; opacity:0; transition:opacity .55s ease; }
.compare-slide.is-active { opacity:1; }
.compare-slide image-slot, .compare-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.compare-tag { position:absolute; z-index:6; top:18px; padding:8px 17px; border-radius:999px; font-family:var(--fh); font-size:12px; font-weight:850; letter-spacing:.08em; }
.compare-side:first-child .compare-tag { left:18px; color:#fff; background:rgba(33,35,46,.76); }
.compare-side:last-child .compare-tag { right:18px; color:var(--ink); background:rgba(242,164,19,.94); }
.compare-controls { display:flex; align-items:center; justify-content:center; gap:12px; padding:18px 20px 20px; background:#fff; }
.compare-dot { width:10px; height:10px; padding:0; border:0; border-radius:50%; background:var(--cream-deep); cursor:pointer; transition:.2s ease; }
.compare-dot.is-active { background:var(--accent); transform:scale(1.25); }
@media (max-width: 980px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 900px){.results-section-title{white-space:normal}}
@media (max-width: 620px){.results-intro{padding-top:58px}.results-grid{grid-template-columns:1fr}.compare-side{aspect-ratio:3/4}.compare-tag{top:10px;padding:6px 11px;font-size:10px}.compare-side:first-child .compare-tag{left:10px}.compare-side:last-child .compare-tag{right:10px}.results-section-title{font-size:26px}}