/* A readable, live-text campaign with an illustrative example listing. */
#vroolDesktopBanner { container-type:inline-size; }
body#home #vroolDesktopBanner .vsl-banner {
  display:grid;grid-template-columns:41% 59%;grid-template-rows:minmax(0,1fr);padding:3.5% 3.5% 4%;box-sizing:border-box;
  background:radial-gradient(ellipse at 51% 91%,#71348b66 0,transparent 37%),radial-gradient(ellipse at 15% -25%,#7c3f9b88 0,transparent 50%),linear-gradient(118deg,#25172f,#1a1024 68%,#34213f) !important;
  color:#fff !important;text-decoration:none !important;isolation:isolate;
}
#vroolDesktopBanner .vsl-content {position:relative;z-index:1;align-self:center;min-width:0;padding-right:4%;}
#vroolDesktopBanner .vsl-kicker {display:flex;align-items:center;gap:8px;color:#e4b5f4;font-size:clamp(11px,1.45cqw,21px);font-weight:800;line-height:1.25;}
#vroolDesktopBanner .vsl-kicker svg {width:1.2em;height:1.2em;flex-shrink:0;}
body#home #vroolDesktopBanner .vsl-banner h2.vsl-title {display:block;max-width:100%;margin:5% 0 3%;color:#fff !important;font-size:clamp(32px,5.1cqw,78px);line-height:1.02;font-weight:850;letter-spacing:-.035em;overflow-wrap:normal;}
body#home #vroolDesktopBanner .vsl-banner h2.vsl-title em {display:inline;color:#e5b1ef !important;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.12em;white-space:nowrap;}
#vroolDesktopBanner .vsl-description {margin:0 0 5%;max-width:32em;color:#f0e6f4 !important;font-size:clamp(12px,1.5cqw,22px);line-height:1.45;font-weight:450;}
#vroolDesktopBanner .vsl-button {display:inline-flex;align-items:center;justify-content:center;gap:18px;max-width:100%;padding:3% 7%;border:1px solid #eab8ff;border-radius:999px;background:linear-gradient(115deg,#e6b4fb,#d49bea);color:#24132f !important;font-size:clamp(13px,1.7cqw,25px);line-height:1.3;font-weight:800;box-shadow:0 4px 26px #bd6ee82b;transition:transform .2s,box-shadow .2s;box-sizing:border-box;}
#vroolDesktopBanner .vsl-button svg {width:1.3em;height:1.3em;flex-shrink:0;}
#vroolDesktopBanner .vsl-banner:hover .vsl-button {transform:translateY(-2px);box-shadow:0 6px 28px #cb7ef14d;}
#vroolDesktopBanner .vsl-banner:focus-visible {outline:3px solid #e8baff;outline-offset:-5px;}
#vroolDesktopBanner .vsl-fees {display:flex;flex-wrap:wrap;gap:9px;margin-top:5%;color:#e9d5ee !important;font-size:clamp(11px,1.5cqw,22px);font-family:"Segoe Print","Bradley Hand",Georgia,serif;font-style:italic;}
#vroolDesktopBanner .vsl-diagram {position:relative;min-width:0;align-self:stretch;direction:ltr;}
#vroolDesktopBanner .vsl-origins {position:absolute;top:0;left:5%;width:47%;display:flex;gap:5%;justify-content:center;z-index:2;}
#vroolDesktopBanner .vsl-origins span {display:flex;align-items:center;justify-content:center;flex:1;min-width:0;aspect-ratio:2.3;padding:0;border-radius:14px;background:#f7f7f7;box-shadow:0 0 24px #d997f43d;overflow:hidden;}
#vroolDesktopBanner .vsl-origins img {display:block;width:100%;height:100%;object-fit:contain;}
#vroolDesktopBanner .vsl-inbound {position:absolute;left:6%;top:10%;width:46%;height:15%;color:#d894ee;filter:drop-shadow(0 0 4px #cc72ed66);}
#vroolDesktopBanner .vsl-listing-card {position:absolute;left:8%;top:25%;width:42%;height:68%;display:flex;flex-direction:column;padding:1%;box-sizing:border-box;background:#fff;border-radius:8%;transform:rotate(-5deg);box-shadow:0 0 4px #fff,0 0 30px #d58af96b;overflow:hidden;}
#vroolDesktopBanner .vsl-listing-card > img {display:block;width:100%;height:0;min-height:0;flex:1;object-fit:contain;background:#d5b4f3;border-radius:6%;}
#vroolDesktopBanner .vsl-card-label {display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:3% 1% 1%;color:#25172f !important;line-height:1.2;text-align:center;}
#vroolDesktopBanner .vsl-card-label strong {font-size:clamp(11px,1.45cqw,21px);font-weight:900;}
#vroolDesktopBanner .vsl-card-label small {font-size:clamp(9px,1cqw,15px);}
#vroolDesktopBanner .vsl-post {position:absolute;top:20%;left:54%;width:31%;text-align:center;color:#dc9df3;}
#vroolDesktopBanner .vsl-post span,#vroolDesktopBanner .vsl-return span {display:inline-block;padding:5% 8%;border-radius:999px;background:#e8b7f6;color:#281333 !important;font-size:clamp(9px,1.2cqw,18px);font-weight:850;line-height:1.15;box-shadow:0 0 20px #ca75e444;}
#vroolDesktopBanner .vsl-post svg {position:absolute;left:-14%;top:calc(100% + 12px);display:block;width:75%;height:auto;margin:0;overflow:visible;filter:drop-shadow(0 0 4px #ca75e477);}
#vroolDesktopBanner .vsl-wordmark {position:absolute;top:45%;right:0;width:34%;height:auto;filter:brightness(1.65) saturate(.8);}
#vroolDesktopBanner .vsl-return {position:absolute;top:73%;left:54%;width:43%;height:25%;text-align:center;color:#dc9df3;}
#vroolDesktopBanner .vsl-return span {position:absolute;top:8%;left:4%;width:64%;padding:3.5%;box-sizing:border-box;font-size:clamp(8px,1.05cqw,16px);}
#vroolDesktopBanner .vsl-return svg {position:absolute;top:0;left:-2%;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px #ca75e477);}
#vroolDesktopBanner .vsl-note {position:absolute;top:1%;right:0;max-width:44%;color:#dcb3eb !important;font-family:"Segoe Print","Bradley Hand",Georgia,serif;font-size:clamp(11px,1.4cqw,21px);line-height:1.2;font-style:italic;text-align:right;transform:rotate(-7deg);}
@container (max-width:760px) {
  body#home #vroolDesktopBanner .vsl-banner {grid-template-columns:43% 57%;padding:24px 22px 38px;}
  body#home #vroolDesktopBanner .vsl-banner h2.vsl-title {font-size:clamp(28px,5.7cqw,44px);}
  #vroolDesktopBanner .vsl-description {font-size:clamp(11px,1.85cqw,14px);line-height:1.4;}
  #vroolDesktopBanner .vsl-fees {gap:5px;font-size:11px;}
  #vroolDesktopBanner .vsl-origins {left:3%;width:54%;}
  #vroolDesktopBanner .vsl-origins span {border-radius:9px;}
  #vroolDesktopBanner .vsl-listing-card {top:29%;width:44%;height:62%;}
  #vroolDesktopBanner .vsl-note {font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {#vroolDesktopBanner .vsl-button {transition:none;}#vroolDesktopBanner .vsl-banner:hover .vsl-button {transform:none;}}