/* /advertise/vs comparison pages (scripts/build-ad-comparison-layouts.mjs). Needs advertise.css and advertise-lgx.css first. New classes only. */
.lgx-quick{position:relative;overflow:hidden;background:var(--ink);border-radius:22px;padding:28px 28px 30px;box-shadow:0 24px 48px -28px rgba(13,11,43,.55);margin-top:8px}
.lgx-quick::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(108,92,251,.6),transparent 60%);pointer-events:none}
.lgx-quick>*{position:relative}
.lgx-quick .lgx-eyebrow{color:#B9B2FF;margin-bottom:12px}
.lgx-quick-a{font:500 18.5px/1.6 Inter,sans-serif;color:#fff;margin:0}
.lgx-quick a{color:#fff;text-decoration:underline;text-decoration-color:#8174FF;text-underline-offset:3px}
.lgx-vs-cta{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.lgx-vs-link{font:600 15px/1 Inter,sans-serif;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
.lgx-vs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:30px}
.lgx-vs::after{content:"vs";position:absolute;left:50%;top:150px;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;font:700 14px/46px Inter,sans-serif;text-align:center;letter-spacing:.04em;box-shadow:0 10px 24px -10px rgba(13,11,43,.6);z-index:2}
.lgx-vs-card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:10px;background:#fff;border:1px solid var(--lg-line);border-radius:22px;padding:22px}
.lgx-vs-card.is-dupple{border-color:rgba(108,92,251,.4);box-shadow:0 22px 44px -32px rgba(108,92,251,.75)}
.lgx-vs-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.lgx-vs-head h3{font:600 22px/1.2 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0;color:var(--ink)}
.lgx-vs-head p{margin:0;font-size:14.5px;line-height:1.4;color:var(--muted)}
.lgx-vs-card .lgx-ill{margin:0 0 6px}
.lgx-vs-card .lgx-ill svg{max-width:420px;margin:0 auto}
.lgx-vs-row{background:#F7F7FA;border-radius:12px;padding:12px 14px}
.lgx-vs-card.is-dupple .lgx-vs-row{background:var(--lg-soft)}
.lgx-vs-row .lgx-lab{margin:0 0 6px}
.lgx-vs-row p:last-child{margin:0;font-size:15px;line-height:1.5;color:rgba(13,11,43,.82)}
.lgx-vs-row a,.lgx-pick-col a,.lgx-step a{color:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.lgx-pick{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.lgx-pick-col{background:#fff;border:1px solid var(--lg-line);border-radius:20px;padding:22px 24px}
.lgx-pick-col.is-dupple{background:var(--lg-soft);border-color:rgba(108,92,251,.3)}
.lgx-pick-col h3{font:600 18px/1.25 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 14px;color:var(--ink)}
.lgx-pick-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lgx-pick-col li{position:relative;padding-left:32px;font-size:15.5px;line-height:1.5;color:rgba(13,11,43,.78)}
.lgx-pick-col li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.lgx-pick-col.is-dupple li::before{background-color:var(--accent)}
.lgx-flow.lgx-flow4{grid-template-columns:repeat(4,1fr)}
.lgx-src{margin-top:0}
.lgx-src-list{margin:0;padding:0 0 18px 18px;display:grid;gap:8px;font-size:14px;line-height:1.55;color:var(--muted)}
.lgx-src-list a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.lgx-src-date{white-space:nowrap}
.adv-vs .adv-bottom-cta{margin-top:96px}
@media (max-width:1000px){.lgx-flow.lgx-flow4{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.lgx-vs{grid-template-columns:1fr;gap:18px}.lgx-vs::after{display:none}.lgx-vs-card{grid-row:auto;grid-template-rows:none}.lgx-pick{grid-template-columns:1fr}}
@media (max-width:640px){.lgx-flow.lgx-flow4{grid-template-columns:1fr}.lgx-quick{padding:22px}.lgx-quick-a{font-size:17px}.lgx-vs-card{padding:16px}.adv-vs .adv-bottom-cta{margin-top:64px}}