/* Original comparison copy and composition in the draft-3 design system. */
#dormur-original-comparison .comparison-gold-background { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; }
#dormur-original-comparison { display:block!important; position:relative; z-index:3; margin:0; padding:0; background:#0a0000; color:var(--system-text); font-family:var(--system-font); letter-spacing:-.02em; isolation:isolate; --comparison-accent:#01b5a8; --comparison-surface:#151b1a; }
#dormur-original-comparison *, #dormur-original-comparison *::before, #dormur-original-comparison *::after { box-sizing:border-box; }
#dormur-original-comparison :is(h2,h3,p,ul) { margin:0; }
#dormur-original-comparison .comparison-canvas { position:relative; container-type:inline-size; width:100%; max-width:1920px; margin:0 auto; overflow:hidden; }
#dormur-original-comparison .comparison-intro { position:relative; z-index:1; padding-top:5.2cqw; text-align:center; }
#dormur-original-comparison h2 { font:700 var(--system-title)/1.3 var(--system-font); letter-spacing:-.02em; }
#dormur-original-comparison strong { color:var(--comparison-accent); font-weight:700; }
#dormur-original-comparison .comparison-outline { color:var(--comparison-accent); -webkit-text-stroke:0; }
#dormur-original-comparison .comparison-intro p { margin-top:3cqw; font-size:var(--system-body); line-height:1.8; }
#dormur-original-comparison mark { padding:0 .16em; background:var(--system-primary); color:#f3f4f5; font-weight:700; }
#dormur-original-comparison .comparison-cards { position:relative; z-index:1; display:flex; align-items:flex-start; width:54%; margin:3.8cqw auto 2.8cqw; }
#dormur-original-comparison .comparison-card { border:1px solid var(--system-border); background:var(--comparison-surface); border-radius:8px; overflow:hidden; }
#dormur-original-comparison .comparison-card h3 { text-align:center; font-weight:600; letter-spacing:-.02em; line-height:1.35; }
#dormur-original-comparison .comparison-card ul { list-style:none; }
#dormur-original-comparison .comparison-card li { position:relative; padding-left:.7em; line-height:1.5; word-break:keep-all; }
#dormur-original-comparison .comparison-card li::before { content:'·'; position:absolute; left:0; }
#dormur-original-comparison .comparison-card li + li { margin-top:1.05cqw; }
#dormur-original-comparison .comparison-card-muted { width:46%; flex-shrink:0; margin-top:3.2cqw; color:#b7c2c0; }
#dormur-original-comparison .comparison-card-muted h3 { padding:.85cqw .6cqw; background:#293330; font-size:1.2cqw; }
#dormur-original-comparison .comparison-card-muted ul { padding:1.8cqw 1.9cqw; font-size:1.08cqw; }
#dormur-original-comparison .comparison-card-trust { width:59%; flex-shrink:0; margin-left:-5%; border:2px solid var(--system-primary); box-shadow:0 12px 32px rgba(0,0,0,.22); }
#dormur-original-comparison .comparison-card-trust h3 { padding:1.15cqw .6cqw; background:linear-gradient(100deg,#1f8479,#239b8e); color:#f3f4f5; font-size:1.55cqw; }
#dormur-original-comparison .comparison-card-trust em { color:#cefff5; font-style:normal; }
#dormur-original-comparison .comparison-card-trust ul { padding:1.3cqw 2.5cqw 1.6cqw; font-size:1.35cqw; }
#dormur-original-comparison .comparison-card-trust li::before { color:var(--comparison-accent); }
#dormur-original-comparison .comparison-detail { font-size:.85em; }
#dormur-original-comparison .comparison-watermark { position:absolute; writing-mode:vertical-rl; font:700 8.3cqw/1 var(--system-display); letter-spacing:-.06em; color:rgba(35,155,142,.08); pointer-events:none; user-select:none; }
#dormur-original-comparison .comparison-watermark-left { top:0; left:-1cqw; }
#dormur-original-comparison .comparison-watermark-right { right:-1cqw; bottom:0; transform:rotate(180deg); }
@media(max-width:1024px) and (min-width:768px) {
  #dormur-original-comparison .comparison-cards { width:78%; }
  #dormur-original-comparison .comparison-card-muted h3 { font-size:1.7cqw; }
  #dormur-original-comparison .comparison-card-muted ul { font-size:1.5cqw; }
  #dormur-original-comparison .comparison-card-trust h3 { font-size:2.1cqw; }
  #dormur-original-comparison .comparison-card-trust ul { font-size:1.85cqw; }
}
@media(max-width:767px) {
  #dormur-original-comparison .comparison-intro { padding:48px 20px 0; }
  #dormur-original-comparison h2 { font-size:clamp(25px,5.8vw,40px); word-break:keep-all; }
  #dormur-original-comparison .comparison-intro p { margin-top:28px; font-size:14px; line-height:1.8; word-break:keep-all; }
  #dormur-original-comparison .comparison-intro p br { display:none; }
  #dormur-original-comparison .comparison-cards { width:94%; margin:40px auto 48px; }
  #dormur-original-comparison .comparison-card-muted { width:43%; margin-top:28px; }
  #dormur-original-comparison .comparison-card-trust { width:62%; }
  #dormur-original-comparison .comparison-card-muted h3 { padding:12px 6px; font-size:clamp(11px,2.6vw,18px); }
  #dormur-original-comparison .comparison-card-muted ul { padding:18px 10px; font-size:clamp(11px,2.6vw,18px); }
  #dormur-original-comparison .comparison-card-trust h3 { padding:14px 6px; font-size:clamp(13px,3vw,22px); }
  #dormur-original-comparison .comparison-card-trust ul { padding:18px 12px; font-size:clamp(12px,2.8vw,20px); }
  #dormur-original-comparison .comparison-card li + li { margin-top:15px; }
  #dormur-original-comparison .comparison-watermark { display:none; }
}

/* Match the neighbouring solution section's entrance motion. */
#dormur-original-comparison .reveal-up,
#dormur-original-comparison .reveal-left,
#dormur-original-comparison .reveal-right { opacity:0; transition:opacity 1000ms ease, transform 1000ms ease; }
#dormur-original-comparison .reveal-up { transform:translateY(40px); }
#dormur-original-comparison .reveal-left { transform:translateX(-40px); }
#dormur-original-comparison .reveal-right { transform:translateX(40px); }
#dormur-original-comparison .reveal-delay-1 { transition-delay:200ms; }
#dormur-original-comparison .is-visible { opacity:1; transform:translate(0,0); }
@media(prefers-reduced-motion:reduce) {
 #dormur-original-comparison .reveal-up,
 #dormur-original-comparison .reveal-left,
 #dormur-original-comparison .reveal-right { opacity:1; transform:none; transition:none; }
}