.dream-versus{--dvs-a:var(--dk-teal, #00778f);--dvs-b:var(--dk-orange, #f47e3b);margin:2em 0;container-type:inline-size}.dream-versus .dream-versus__heading{margin:0 0 .7em}.dvs__cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.dvs__card{--dvs-c:var(--dvs-a);position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;background:#fff;border:2px solid color-mix(in srgb,var(--dvs-c) 22%,transparent);box-shadow:var(--dk-shadow,0 16px 36px -22px rgb(15 14 23 / .32));overflow:hidden;transition:transform 0.35s var(--dk-spring,ease),box-shadow 0.25s ease}.dvs__card--b{--dvs-c:var(--dvs-b)}.dvs__card:hover{transform:translateY(-3px);box-shadow:var(--dk-shadow-lift,0 22px 44px -22px rgb(15 14 23 / .42))}.dvs__card.is-winner{border-color:var(--dvs-c);box-shadow:0 0 0 4px color-mix(in srgb,var(--dvs-c) 16%,transparent),var(--dk-shadow,0 16px 36px -22px rgb(15 14 23 / .32))}.dvs__ribbon{position:absolute;top:12px;right:12px;z-index:2;padding:5px 12px;border-radius:999px;background:var(--dk-amber,#faa52e);color:var(--dk-ink,#0f0e17);font-size:.8em;font-weight:800;transform:rotate(3deg);box-shadow:0 6px 14px -8px rgb(15 14 23 / .5)}.dvs__media{aspect-ratio:16 / 10;background:color-mix(in srgb,var(--dvs-c) 12%,#ffffff)}.dvs__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0}.dvs__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px 18px 18px}.dvs__body>*{margin:0}.dream-versus .dvs__name{margin:0;color:var(--dvs-c);font-size:1.25em;line-height:1.2}.dvs__subtitle{color:var(--dk-muted,#5f5e6a);font-size:.9em}.dvs__price strong{font-size:1.15em}.dvs__price span{color:var(--dk-muted,#5f5e6a);font-size:.85em}.dvs__list{margin:0;padding:0;list-style:none;display:grid;gap:5px;font-size:.93em;line-height:1.4}.dvs__list li{display:flex;gap:8px;margin:0}.dvs__mark{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:50%;font-size:.75em;font-weight:900}.dvs__list--pros .dvs__mark{background:#d8f3e3;color:#1a7a45}.dvs__list--cons .dvs__mark{background:var(--dk-peach,#fbdfd3);color:#b3421b}.dvs__cta{align-self:flex-start;margin-top:auto;--dk-btn:var(--dvs-c)}.dvs__list+.dvs__cta{margin-top:8px}.dvs__vs{position:absolute;left:50%;top:38%;z-index:3;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--dk-ink,#0f0e17);color:#fff;font-family:'Dream Caveat','Segoe Print','Bradley Hand',cursive;font-size:1.45em;font-weight:700;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 0 0 5px #ffffff,0 10px 24px -10px rgb(15 14 23 / .6)}.dvs__table-wrap{margin-top:22px}.dvs__table-title{margin:0 0 8px;font-weight:800}.dream-versus .dvs__table{width:100%;margin:0;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;border:1px solid var(--dk-line,rgb(15 14 23 / .09));font-size:.93em;table-layout:fixed}.dream-versus .dvs__table th,.dream-versus .dvs__table td{padding:10px 12px;border:0;border-bottom:1px solid var(--dk-line,rgb(15 14 23 / .09));text-align:left;vertical-align:top;overflow-wrap:anywhere}.dream-versus .dvs__table tr:last-child th,.dream-versus .dvs__table tr:last-child td{border-bottom:0}.dream-versus .dvs__table thead th{background:#fff;font-weight:800}.dream-versus .dvs__table thead .dvs__col-a{color:var(--dvs-a)}.dream-versus .dvs__table thead .dvs__col-b{color:var(--dvs-b)}.dream-versus .dvs__table tbody th{width:30%;background:color-mix(in srgb,var(--dk-aqua,#cbf4f6) 35%,#ffffff);font-weight:700}.dream-versus .dvs__table td.is-win{background:color-mix(in srgb,var(--dk-amber,#faa52e) 14%,#ffffff);font-weight:700}.dvs__verdict{margin-top:18px;padding:16px 20px;border-radius:18px;background:var(--dk-peach,#fbdfd3);border-left:5px solid var(--dk-orange,#f47e3b)}.dvs__verdict .dk-label{font-size:1.4em;margin-bottom:.1em}.dream-versus .dvs__verdict-text{margin:0;line-height:1.55}.dvs__hint,.dvs__dots{display:none}@container (max-width:560px){.dvs__hint{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 4px 2px;color:var(--dk-orange,#f47e3b);font-family:'Dream Caveat','Segoe Print','Bradley Hand',cursive;font-size:1.3em;font-weight:700;line-height:1.1;transition:opacity 0.4s ease}.dvs__hint svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:dvs-nudge 1.4s ease-in-out infinite}.dream-versus.is-swiped .dvs__hint{opacity:.35}.dream-versus.is-swiped .dvs__hint svg{animation:none}.dvs__dots{display:flex;justify-content:center;gap:8px;margin-top:2px}.dvs__dot{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--dk-ink,#0f0e17) 18%,transparent);cursor:pointer;transition:width 0.3s ease,background-color 0.3s ease}.dvs__dot.is-on{width:22px;background:var(--dvs-a)}.dvs__dot:nth-child(2).is-on{background:var(--dvs-b)}.dvs__cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 12px;margin:0 -4px}.dvs__card{flex:0 0 86%;scroll-snap-align:center}.dvs__card:hover{transform:none}.dvs__vs{display:none}.dream-versus .dvs__table th,.dream-versus .dvs__table td{padding:8px}.dream-versus .dvs__table tbody th{width:32%}}@keyframes dvs-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}@media (prefers-reduced-motion:reduce){.dvs__card{transition:none}.dvs__hint svg{animation:none}}