.rv-hero { position: relative; z-index: 2; padding: clamp(118px, 16svh, 160px) var(--m) clamp(64px, 10svh, 110px); background:
  radial-gradient(50% 60% at 85% 0%, rgba(31, 43, 214, .42), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgba(255, 90, 31, .12), transparent 70%), var(--ink);
  color: var(--bone); overflow: clip; }
.rv-top { max-width: var(--wide); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "c c" "k k" "h l"; column-gap: clamp(32px, 5vw, 90px); align-items: end; }
.rv-top .crumbs { grid-area: c; }
.rv-top .kicker { grid-area: k; }
.rv-top h1 { grid-area: h; margin: 0; max-width: 11ch; font: 400 clamp(48px, 7.4vw, 128px)/.95 var(--display); letter-spacing: -.012em; }
.rv-lead { grid-area: l; padding-bottom: .6em; }
.rv-lead .lead { margin: 0; font-size: clamp(18px, 1.35vw, 21px); opacity: .9; }
.rv-lead .acts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.rv-lead .pill { height: 56px; font-size: 19px; }

.cmp { max-width: var(--wide); margin: clamp(44px, 7svh, 76px) auto 0; }
.cmp-win { position: relative; border-radius: 16px; overflow: hidden; background: #2a2a2c; border: 1px solid rgba(239, 235, 227, .14);
  transform: perspective(1800px) rotateX(var(--rx, 0deg)) scale(var(--sc, 1)); transform-origin: 50% 0; will-change: transform; }
.cmp-bar { height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 16px; background: #1c1c1e; color: rgba(239, 235, 227, .62); font: 500 13px/1 var(--body); }
.cmp-bar i { width: 11px; height: 11px; border-radius: 50%; background: rgba(239, 235, 227, .18); }
.cmp-bar span { margin: 0 auto; padding: 7px 18px; border-radius: 999px; background: rgba(239, 235, 227, .08); }
.cmp-stage { position: relative; aspect-ratio: 16 / 8.6; container-type: inline-size; overflow: hidden; touch-action: pan-y; cursor: ew-resize; user-select: none; -webkit-user-select: none; }
.cmp figcaption, .cmp > figcaption { margin-top: 16px; font-size: 15px; color: rgba(239, 235, 227, .62); text-align: center; }
.old, .new { position: absolute; inset: 0; overflow: hidden; }
.new { clip-path: inset(0 0 0 var(--x, 50%)); will-change: clip-path; }
.cmp-line { position: absolute; top: 0; bottom: 0; left: var(--x, 50%); width: 3px; margin-left: -1.5px; background: var(--bone); pointer-events: none; }
.cmp-knob { position: absolute; top: 50%; left: var(--x, 50%); width: 64px; height: 64px; margin: -32px 0 0 -32px; border: 0; border-radius: 50%; padding: 0;
  display: grid; place-items: center; background: var(--bone); color: var(--ink); cursor: grab; transition: transform .45s var(--pop), background-color .3s; }
.cmp-knob svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.cmp-knob:hover, .cmp-stage.drag .cmp-knob { transform: scale(1.1); background: #fff; }
.cmp-stage.drag .cmp-knob { cursor: grabbing; }
.cmp-knob:focus-visible { outline: 3px solid var(--stop); outline-offset: 4px; }
.chip { position: absolute; bottom: 18px; padding: 9px 16px; border-radius: 999px; font: 500 14px/1 var(--body); letter-spacing: .1em; text-transform: uppercase; pointer-events: none; transition: opacity .4s; }
.c-old { left: 18px; background: rgba(17, 17, 17, .78); color: var(--bone); }
.c-new { right: 18px; background: var(--blue); color: var(--bone); }


.old { background: #d9d4c4 repeating-linear-gradient(45deg, rgba(0, 0, 0, .03) 0 2px, transparent 2px 6px); font-family: "Times New Roman", Times, serif; color: #222; }
.old-top { display: flex; justify-content: space-between; align-items: center; height: 9cqw; padding: 0 3cqw;
  background: linear-gradient(180deg, #2a8f8a, #11466b); border-bottom: .3cqw solid #c9b400; }
.old-logo { font: italic 700 3.4cqw/1 Georgia, serif; color: #ffe94a; text-shadow: .25cqw .25cqw 0 #8a1c1c, .5cqw .5cqw 0 rgba(0, 0, 0, .3); }
.old-call { font: 700 1.5cqw/1 Arial, sans-serif; color: #fff; background: #d11; padding: .7cqw 1.2cqw; border: .2cqw outset #f66; }
.old-nav { display: flex; gap: .3cqw; padding: .5cqw 3cqw; background: #bdbdbd; border-bottom: .2cqw solid #888; }
.old-nav span { padding: .6cqw 1.3cqw; font: 1.25cqw/1 Arial, sans-serif; color: #003; background: linear-gradient(#f4f4f4, #c8c8c8); border: .2cqw outset #eee; }
.old-tick { overflow: hidden; white-space: nowrap; background: #ffffa8; border-bottom: .15cqw dashed #b00; font: 700 1.2cqw/2.2cqw Arial, sans-serif; color: #b00; }
.old-tick span { display: inline-block; padding-left: 100%; animation: rv-tick 22s linear infinite; }
@keyframes rv-tick { to { transform: translateX(-100%); } }
.old-body { display: grid; grid-template-columns: 19cqw 1fr; gap: 2cqw; padding: 2cqw 3cqw; }
.old-side { background: #f2efe4; border: .2cqw ridge #aaa; padding: 1.2cqw; font-size: 1.15cqw; }
.old-side b { display: block; padding: .4cqw .6cqw; background: #6b2d8a; color: #fff; font: 700 1.2cqw/1.2 Verdana, sans-serif; }
.old-side p { margin: .6cqw 0 1.2cqw; }
.old-count { margin-top: 1cqw; font: 1.1cqw/1 "Courier New", monospace; }
.old-count s { text-decoration: none; background: #000; color: #3f3; padding: .2cqw .5cqw; letter-spacing: .2em; }
.old-main { background: #fffef6; border: .2cqw ridge #aaa; padding: 1.6cqw 2cqw; font-size: 1.15cqw; line-height: 1.25; }
.old-main h4 { margin: 0 0 1cqw; font: 700 2.2cqw/1.1 "Comic Sans MS", "Chalkboard SE", cursive; color: #c0168a; }
.old-pic { float: right; width: 17cqw; height: 13cqw; margin: 0 0 1cqw 1.6cqw; display: grid; place-items: center; background: #ccc; border: .2cqw inset #999;
  font: 1.1cqw/1 Arial, sans-serif; color: #777; }
.old-main p { margin: 0 0 1cqw; text-align: justify; }
.old-lnk { color: #00e !important; text-decoration: underline; font-weight: 700; }
.old-btns { display: flex; gap: .6cqw; }
.old-btns span { padding: .5cqw 1.4cqw; font: 1.1cqw/1 Arial, sans-serif; background: linear-gradient(#fafafa, #cfcfcf); border: .2cqw outset #ddd; }
.old-foot { position: absolute; left: 0; right: 0; bottom: 0; padding: .9cqw 3cqw; background: #11466b; color: #9cf; font: 1cqw/1 Verdana, sans-serif; text-align: center; }


.new { background: #f6efe2; color: #2a1712; font-family: var(--body); }
.new-nav { display: flex; align-items: center; gap: 2.6cqw; padding: 2.4cqw 4cqw; font: 500 1.3cqw/1 var(--body); }
.new-nav b { margin-right: auto; font: 400 2cqw/1 var(--display); color: #b8321f; }
.new-nav em { font-style: normal; padding: 1.1cqw 1.8cqw; border-radius: 99px; background: #2a1712; color: #f6efe2; }
.new-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 3cqw; align-items: center; padding: 1cqw 4cqw 0; }
.new-say small { display: block; margin-bottom: 1.4cqw; font: 500 1.15cqw/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: #b8321f; }
.new-say strong { display: block; font: 400 5.3cqw/.98 var(--display); letter-spacing: -.01em; font-weight: 400; }
.new-say p { margin: 2cqw 0 0; max-width: 30em; font-size: 1.5cqw; line-height: 1.5; color: #5a4038; }
.new-say em { display: inline-block; margin-top: 2.4cqw; font-style: normal; padding: 1.2cqw 2cqw; border-radius: 99px; background: #b8321f; color: #f6efe2; font: 500 1.35cqw/1 var(--body); }
.new-art { position: relative; }
.new-art svg { display: block; width: 100%; height: auto; max-height: 40cqw; animation: rv-float 6s ease-in-out infinite; }
@keyframes rv-float { 50% { transform: translateY(-1.2cqw) rotate(-2deg); } }
.tag { position: absolute; padding: .9cqw 1.5cqw; border-radius: 99px; background: #fff; font: 500 1.2cqw/1 var(--body); border: 1px solid rgba(42, 23, 18, .14); }
.t1 { left: 4%; top: 18%; } .t2 { right: 2%; bottom: 22%; }
.new-row { position: absolute; left: 4cqw; right: 4cqw; bottom: 2.4cqw; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(42, 23, 18, .18); }
.new-row span { padding: 1.4cqw 1.4cqw 0 0; font-size: 1.2cqw; color: #5a4038; }
.new-row b { display: block; font: 400 1.5cqw/1.2 var(--display); color: #2a1712; }


@container (max-width: 640px) {
  .old-top { height: 16cqw; } .old-logo { font-size: 6cqw; } .old-call { display: none; }
  .old-nav { flex-wrap: wrap; } .old-nav span { font-size: 2.6cqw; padding: 1.2cqw 2cqw; }
  .old-tick { font-size: 2.6cqw; line-height: 5cqw; }
  .old-body { grid-template-columns: 1fr; padding: 3cqw; } .old-side { display: none; }
  .old-main { font-size: 2.6cqw; padding: 3cqw; } .old-main h4 { font-size: 4.6cqw; } .old-pic { width: 34cqw; height: 26cqw; font-size: 2.6cqw; }
  .old-btns span { font-size: 2.6cqw; } .old-foot { font-size: 2.2cqw; padding: 2cqw; }
  .new-nav { padding: 5cqw 5cqw 3cqw; font-size: 3cqw; } .new-nav span { display: none; } .new-nav b { font-size: 4.6cqw; } .new-nav em { padding: 2.4cqw 3.4cqw; }
  .new-hero { grid-template-columns: 1fr; padding: 2cqw 5cqw 0; gap: 0; }
  .new-say small { font-size: 2.6cqw; margin-bottom: 3cqw; } .new-say strong { font-size: 11cqw; } .new-say p { font-size: 3.4cqw; margin-top: 4cqw; } .new-say em { font-size: 3.2cqw; padding: 3cqw 4.4cqw; margin-top: 5cqw; }
  .new-art { width: 62%; margin: 4cqw 0 0 auto; } .tag { font-size: 2.8cqw; padding: 2cqw 3cqw; } .new-row { display: none; }
}


.rv-signs { position: relative; z-index: 2; padding: clamp(90px, 14vh, 160px) var(--m); background: var(--bone); color: var(--ink); }
.rv-signs-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(36px, 6vw, 110px); align-items: start; }
.rv-gauge-col { position: sticky; top: 110px; }
.rv-signs h2, .rv-sort h2, .rv-layers h2, .rv-seo h2, .rv-proof h2 { margin: 0; font: 400 clamp(36px, 4.6vw, 74px)/1 var(--display); letter-spacing: -.01em; text-wrap: balance; }
.rv-signs .intro { max-width: 26em; margin: 22px 0 0; color: var(--mute); font-size: 19px; }
.gauge { margin-top: clamp(28px, 5vh, 48px); max-width: 420px; }
.gauge svg { display: block; width: 100%; height: auto; overflow: visible; }
.g-track, .g-fill { fill: none; stroke-width: 18; stroke-linecap: round; }
.g-track { stroke: rgba(17, 17, 17, .1); }
.g-fill { stroke: var(--blue); stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset .9s var(--glide), stroke .5s; }
.gauge.hot .g-fill { stroke: var(--stop); }
.g-ticks path { stroke: rgba(17, 17, 17, .35); stroke-width: 2; stroke-linecap: round; fill: none; }
.g-needle { transform-origin: 120px 124px; transform: rotate(-90deg); transition: transform 1s var(--pop); }
.g-needle path { stroke: var(--ink); stroke-width: 5; stroke-linecap: round; }
.g-needle circle { fill: var(--ink); }
.g-count { margin: -6px 0 0; text-align: center; font: 500 15px/1 var(--body); letter-spacing: .1em; text-transform: uppercase; color: var(--mute); }
.g-count b { font: 400 34px/1 var(--display); color: var(--ink); letter-spacing: 0; margin-right: 4px; vertical-align: -4px; }
.g-say { min-height: 2.8em; margin: 18px 0 0; text-align: center; font: 400 clamp(20px, 1.6vw, 25px)/1.2 var(--display); text-wrap: balance; transition: opacity .3s; }
.g-say.swap { opacity: 0; }
.g-go { display: flex; width: max-content; margin: 18px auto 0; height: 54px; font-size: 18px; opacity: 0; transform: translateY(14px) scale(.96); pointer-events: none;
  transition: opacity .5s, transform .7s var(--pop); }
.gauge.hot .g-go { opacity: 1; transform: none; pointer-events: auto; }
.checks { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--line); min-width: 0; }
.ck { position: relative; display: grid; grid-template-columns: 40px 52px minmax(0, 1fr); gap: 20px; align-items: start; padding: 26px 18px 26px 0; border-top: 1px solid var(--line); cursor: pointer;
  transition: transform .5s var(--glide), background-color .4s; }
.ck input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ck .box { width: 40px; height: 40px; margin-top: 6px; border-radius: 12px; border: 2px solid var(--ink); display: grid; place-items: center; transition: background-color .35s, border-color .35s, transform .45s var(--pop); }
.ck .box svg { width: 24px; height: 24px; fill: none; stroke: var(--bone); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; transition: stroke-dashoffset .45s var(--glide) .08s; }
.ck .ic { width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; transition: background-color .4s, color .4s, transform .6s var(--pop); }
.ck .ic svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ck .tx { font-size: 17px; color: var(--mute); text-wrap: pretty; }
.ck .tx b { display: block; margin: 4px 0 6px; font: 400 clamp(21px, 1.7vw, 26px)/1.15 var(--display); color: var(--ink); }
.ck input:checked ~ .box { background: var(--blue); border-color: var(--blue); transform: scale(1.06); }
.ck input:checked ~ .box svg { stroke-dashoffset: 0; }
.ck input:checked ~ .ic { background: var(--ink); color: var(--bone); transform: rotate(-10deg); }
.ck input:focus-visible ~ .box { outline: 3px solid var(--blue); outline-offset: 3px; }
@media (hover: hover) { .ck:hover { transform: translateX(8px); } .ck:hover .box { transform: scale(1.06); } }


.rv-sort { z-index: 2; padding: clamp(90px, 14vh, 160px) var(--m); color: var(--bone); }
.sort-head { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 90px); align-items: end; }
.sort-head p { margin: 0; font-size: clamp(18px, 1.35vw, 21px); opacity: .9; }
.lanes { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 3vw, 48px); margin-top: clamp(44px, 7vh, 80px); }
.lane { border-radius: 22px; padding: clamp(22px, 2.4vw, 34px); border: 1px solid var(--line-b); }
.lane.keep { background: rgba(239, 235, 227, .06); }
.lane.fix { background: rgba(17, 17, 17, .16); }
.lane h3 { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; font: 400 clamp(26px, 2.2vw, 34px)/1 var(--display); }
.lane h3 span { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--bone); color: var(--blue); }
.lane.fix h3 span { background: var(--stop); color: var(--ink); }
.lane h3 svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.lane ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.lane li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: center; padding: 14px 18px 14px 14px; border-radius: 16px; background: var(--bone); color: var(--ink);
  transition: transform 1.25s var(--glide), opacity .5s; transition-delay: calc(var(--i, 0) * 90ms); will-change: transform; }
.lane.fix li { background: var(--ink); color: var(--bone); }
.lane li .ic { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--blue); color: var(--bone); }
.lane.fix li .ic { background: var(--stop); color: var(--ink); }
.lane li .ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.lane li p { margin: 0; font-size: 17px; line-height: 1.4; }
.lane li b { font-weight: 500; }
.lane li a { color: inherit; text-underline-offset: 3px; }
.lanes.pile li { transform: translate(var(--px, 0), var(--py, 0)) rotate(var(--pr, 0deg)); transition: none; }
@media (hover: hover) { .lanes:not(.pile) li:hover { transform: translateX(6px) rotate(-.6deg); transition-delay: 0s; transition-duration: .5s; } }


.rv-layers { position: relative; z-index: 2; padding: clamp(90px, 14vh, 160px) var(--m); background: #e6e1d6; color: var(--ink); overflow: clip; }
.layers-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(36px, 6vw, 110px); align-items: center; }
.layers-copy p { margin: 22px 0 0; font-size: clamp(18px, 1.35vw, 21px); line-height: 1.6; text-wrap: pretty; }
.layers-copy a { color: var(--blue); text-underline-offset: 3px; }
.toggle { display: inline-flex; margin-top: 32px; padding: 5px; border-radius: 999px; background: var(--bone); border: 1px solid var(--line); }
.toggle button { height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: transparent; color: var(--ink); font: 500 17px/1 var(--body); cursor: pointer; transition: background-color .45s var(--glide), color .45s; }
.toggle button[aria-pressed="true"] { background: var(--ink); color: var(--bone); }
.toggle-say { margin-top: 14px !important; font-size: 16px !important; color: var(--mute); }
.stack { position: relative; height: clamp(460px, 62vh, 600px); }
.ly { position: absolute; left: 50%; top: 50%; width: clamp(230px, 22vw, 320px); aspect-ratio: 1; margin: calc(clamp(230px, 22vw, 320px) / -2) 0 0 calc(clamp(230px, 22vw, 320px) / -2);
  display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; border-radius: 22px; border: 1px solid var(--line); background: var(--bone);
  transform: rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--z) * 1px)); transition: transform 1s var(--glide), background-color .6s, color .6s, opacity .6s; transition-delay: calc(var(--n, 0) * 70ms); }
.ly span { font: 400 14px/1 var(--body); letter-spacing: .12em; color: var(--mute); }
.ly b { margin-top: 8px; font: 400 clamp(20px, 1.8vw, 28px)/1.05 var(--display); }
.ly em { margin-top: 6px; font-style: normal; font-size: 14px; color: var(--mute); }
.l1 { --z: 190; z-index: 5; } .l2 { --z: 95; z-index: 4; } .l3 { --z: 0; z-index: 3; } .l4 { --z: -95; z-index: 2; } .l5 { --z: -190; z-index: 1; }
.stack[data-show="revamp"] .ly { background: var(--blue); color: var(--bone); border-color: rgba(239, 235, 227, .3); }
.stack[data-show="revamp"] .ly span, .stack[data-show="revamp"] .ly em { color: rgba(239, 235, 227, .78); }
.stack[data-show="redesign"] .l1 { background: var(--blue); color: var(--bone); border-color: var(--blue); }
.stack[data-show="redesign"] .l1 span, .stack[data-show="redesign"] .l1 em { color: rgba(239, 235, 227, .78); }
.stack[data-show="redesign"] .ly:not(.l1) { background: rgba(239, 235, 227, .7); }
.stack[data-show="redesign"] .ly:not(.l1) b { opacity: .45; }
.stack.spread .ly { transform: rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--z) * 1.25px)); }
.stack:not(.in) .ly { opacity: 0; transform: rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--z) * 1px + 320px)); }


.rv-seo { position: relative; z-index: 2; padding: clamp(90px, 14vh, 160px) var(--m); background: var(--ink); color: var(--bone); overflow: clip; }
.seo-head { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: clamp(28px, 5vw, 90px); }
.seo-head h2 { grid-row: span 2; }
.seo-head p { margin: 0 0 16px; font-size: clamp(18px, 1.3vw, 20px); line-height: 1.6; opacity: .86; }
.map { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 4vw, 70px); align-items: center; margin-top: clamp(44px, 7vh, 80px); }
.snip { padding: 26px 28px; border-radius: 20px; background: var(--bone); color: #202124; font-family: Arial, Helvetica, sans-serif; display: grid; grid-template-columns: 30px 1fr; column-gap: 12px; }
.snip .fav { width: 28px; height: 28px; border-radius: 50%; background: #b8321f; align-self: center; }
.snip small { display: block; font-size: 14px; line-height: 1.35; }
.snip small.u { color: #4d5156; }
.snip .swap { position: relative; display: inline-grid; }
.snip .swap > * { grid-area: 1 / 1; text-decoration: none; transition: opacity .5s, transform .6s var(--glide); }
.snip .swap ins { opacity: 0; transform: translateY(8px); color: #188038; }
.map.moved .snip .swap s { opacity: 0; transform: translateY(-8px); }
.map.moved .snip .swap ins { opacity: 1; transform: none; }
.snip b { grid-column: 1 / -1; margin: 14px 0 6px; font: 400 21px/1.3 Arial, Helvetica, sans-serif; color: #1a0dab; }
.snip p { grid-column: 1 / -1; margin: 0; font-size: 15px; line-height: 1.5; color: #4d5156; }
.col-h { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 14px; font: 500 14px/1 var(--body); letter-spacing: .12em; text-transform: uppercase; opacity: .62; }
.col-h span + span { text-align: right; }
.rt-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(70px, .7fr) minmax(0, .8fr); align-items: stretch; }
.olds, .news { margin: 0; padding: 0; list-style: none; display: grid; grid-template-rows: repeat(5, 1fr); }
.olds li, .news li { display: flex; align-items: center; height: 64px; font: 400 16px/1.2 ui-monospace, "SF Mono", Menlo, monospace; overflow-wrap: anywhere; }
.olds li { justify-content: flex-end; text-align: right; padding-right: 14px; color: rgba(239, 235, 227, .5); text-decoration: line-through; text-decoration-color: rgba(255, 90, 31, .6); }
.news li { padding-left: 14px; }
.news li::before { content: ""; width: 10px; height: 10px; margin-right: 12px; border-radius: 3px; background: var(--stop); flex: none; transform: scale(0); transition: transform .5s var(--pop); transition-delay: calc(var(--i, 0) * 160ms + 700ms); }
.map.moved .news li::before { transform: none; }
.wire-col { position: relative; }
.wires { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
.wires path { fill: none; stroke: var(--bone); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: .9;
  transition: stroke-dashoffset 1.2s var(--glide); transition-delay: calc(var(--i, 0) * 160ms); }
.map.moved .wires path { stroke-dashoffset: 0; }
.rt-note { margin: 20px 0 0; font-size: 14px; opacity: .6; }


.rv-proof { position: relative; z-index: 2; padding: clamp(90px, 14vh, 160px) var(--m); background: var(--bone); color: var(--ink); overflow: clip; }
.proof-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(36px, 5vw, 90px); align-items: center; }
.proof-copy p { margin: 22px 0 0; font-size: clamp(18px, 1.35vw, 21px); line-height: 1.6; }
.proof-copy .kicker { margin: 0 0 18px; }
.proof-copy .acts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.proof-copy .pill { height: 54px; font-size: 18px; }
.desk { position: relative; padding: 0 6% 9% 0; perspective: 2000px; }
.pwin { margin: 0; border-radius: 14px; overflow: hidden; background: #1c1c1e; border: 1px solid var(--line); aspect-ratio: 16 / 10.6; position: relative;
  transform: rotateY(var(--ry, -8deg)) rotateX(var(--rx, 4deg)); transition: transform .9s var(--glide); }
.pview { position: absolute; left: 0; right: 0; top: 40px; bottom: 0; overflow: hidden; background: #fff; }
.pview img { display: block; width: 100%; height: auto; will-change: transform; }
.pphone { position: absolute; right: 0; bottom: 0; width: 24%; margin: 0; padding: 2.2% 1.6%; border-radius: 13% / 6.4%; background: #1c1c1e; transform: translateY(var(--py, 0px)); will-change: transform; }
.pscreen { border-radius: 11% / 5.2%; overflow: hidden; aspect-ratio: 376 / 814; background: #fff; }
.pscreen img { display: block; width: 100%; height: auto; }


@media (max-width: 1023px) {
  .rv-top { grid-template-columns: 1fr; grid-template-areas: "c" "k" "h" "l"; }
  .rv-top h1 { max-width: 12ch; }
  .rv-lead { padding: 0; margin-top: 22px; }
  .rv-signs-in, .layers-in, .proof-in, .sort-head, .seo-head, .map { grid-template-columns: 1fr; }
  .rv-gauge-col { position: static; }
  .gauge { margin-left: auto; margin-right: auto; }
  .seo-head h2 { grid-row: auto; margin-bottom: 22px; }
  .stack { height: 500px; max-width: 560px; width: 100%; margin: 0 auto; }
  .pview img { animation: none; }
  .pview.run img { animation: rv-peek 14s var(--heavy) .4s infinite alternate; }
}
@keyframes rv-peek { 0%, 8% { transform: none; } 100% { transform: translateY(var(--peek, -70%)); } }
@media (max-width: 767px) {
  .cmp-stage { aspect-ratio: 4 / 5.2; }
  .cmp-win { border-radius: 14px; }
  .cmp-knob { width: 54px; height: 54px; margin: -27px 0 0 -27px; }
  .chip { bottom: 12px; font-size: 12px; padding: 8px 12px; } .c-old { left: 12px; } .c-new { right: 12px; }
  .lanes { grid-template-columns: 1fr; }
  .ck { grid-template-columns: 36px minmax(0, 1fr); gap: 16px; padding-right: 0; }
  .ck .box { width: 36px; height: 36px; margin-top: 2px; }
  .ck .ic { display: none; }
  .ck .tx { font-size: 16px; }
  .rt-grid { grid-template-columns: minmax(0, 1fr) 44px minmax(0, .75fr); }
  .olds li, .news li { height: 58px; font-size: 13px; }
  .olds li { padding-right: 8px; } .news li { padding-left: 8px; }
  .news li::before { width: 8px; height: 8px; margin-right: 8px; }
  .snip { padding: 20px; } .snip b { font-size: 18px; }
  .stack { height: 440px; }
  .ly { width: 210px; margin: -105px 0 0 -105px; padding: 16px; }
  .l1 { --z: 150; } .l2 { --z: 75; } .l4 { --z: -75; } .l5 { --z: -150; }
  .desk { padding: 0 8% 14% 0; }
  .pphone { width: 30%; }
}
@media (prefers-reduced-motion: reduce) {
  .old-tick span, .new-art svg, .pview.run img { animation: none !important; }
  .lane li, .ly, .wires path, .news li::before, .g-needle, .g-fill { transition: none !important; }
  .stack:not(.in) .ly { opacity: 1; transform: rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--z) * 1px)); }
}