/* Agency versus us, advanced: the email with the nine-page PDF against the WhatsApp that names people. */
.vs2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.vs2>div{border:var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:32px 32px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:22px}
.vs2 .vs-a{background:#fff}.vs2 .vs-a h3{color:var(--ink-3)}
.vs2 h3{margin:14px 0 0;max-width:12em;font:900 clamp(26px,2.4vw,36px)/1.02 var(--sans);letter-spacing:-.04em}
.vs2-win{margin-top:auto;background:#fff;border:var(--line);border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px -18px rgba(15,10,31,.35);overflow:hidden;height:600px;display:flex;flex-direction:column;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:#1c2028}
.vs2-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#F1F3F5;border-bottom:1px solid #E1E4E8;font:600 12.5px/1 var(--sans);color:#5b6475}
.vs2-bar .dots{display:flex;gap:6px}.vs2-bar .dots i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.vs2-bar .dots i:nth-child(2){background:#FEBC2E}.vs2-bar .dots i:nth-child(3){background:#28C840}
/* the email */
.em-h{padding:14px 18px 10px;border-bottom:1px solid #E9ECEF}.em-h b{display:block;font:600 16px/1.25;color:#1c2028}.em-h small{display:block;margin-top:6px;font:400 12.5px/1.4;color:#6b7280}.em-h small em{font-style:normal;color:#1c2028;font-weight:600}
.em-b{padding:10px 18px 0;font:400 13px/1.45;color:#374151}.em-b p{margin:0 0 6px}
.em-att{display:inline-flex;gap:10px;align-items:center;margin:4px 0 12px;padding:8px 12px 8px 8px;border:1px solid #D7DBE0;border-radius:10px;font:600 12.5px/1.2;color:#1c2028;background:#fff}.em-att i{width:34px;height:40px;border-radius:5px;background:#E0315B;color:#fff;display:grid;place-items:center;font:800 9.5px/1 var(--sans);letter-spacing:.06em}.em-att small{display:block;font:400 11.5px/1.2;color:#6b7280;margin-top:2px}
.pdf{position:relative;margin:0 18px;background:#fff;border:1px solid #D7DBE0;border-bottom:0;border-radius:8px 8px 0 0;padding:16px 18px 0;box-shadow:0 -4px 20px -14px rgba(0,0,0,.4);flex:1;overflow:hidden}
.pdf-h{display:flex;justify-content:space-between;align-items:baseline;font:800 13px/1 var(--sans);color:#1c2028;border-bottom:2px solid #1c2028;padding-bottom:8px}.pdf-h small{font:500 10.5px/1 var(--mono);color:#6b7280}
.pdf-k{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.pdf-k div{border:1px solid #E5E7EB;border-radius:6px;padding:8px 9px}.pdf-k small{display:block;font:600 9px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.pdf-k b{display:block;margin-top:5px;font:800 15px/1 var(--sans);color:#1c2028;letter-spacing:-.02em}
.pdf-c{margin-top:12px}.pdf-c small{display:block;font:600 9px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}.pdf-c svg{width:100%;height:54px;display:block}.pdf-c rect{fill:#B9C2D6}.pdf-c rect:nth-child(even){fill:#8E9BB8}
.pdf-t{margin-top:10px;width:100%;border-collapse:collapse;font:500 11.5px/1 var(--sans);color:#374151}.pdf-t td{padding:7px 0;border-bottom:1px solid #EEF0F3}.pdf-t td+td{text-align:right;font-variant-numeric:tabular-nums;color:#1c2028;font-weight:600}
.pdf-t tr.q td{color:#E0315B;font-weight:800}
.pdf-note{position:absolute;right:16px;bottom:46px;z-index:3;transform:rotate(-3deg);background:#FFAE46;border:2px solid var(--ink);border-radius:10px;padding:10px 12px;font:800 12px/1.25 var(--sans);color:var(--ink);box-shadow:var(--sh-s);max-width:190px}
.pdf-pg{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:5px;padding:8px 0;background:linear-gradient(rgba(255,255,255,0),#fff 40%)}.pdf-pg i{width:18px;height:5px;border-radius:3px;background:#D7DBE0}.pdf-pg i.on{background:#1c2028}
/* the WhatsApp */
.vs2 .vs-b .vs2-win{border-color:var(--ink)}
.wa2-h{display:flex;gap:10px;align-items:center;padding:12px 14px;background:#F0F2F5;font:600 15px/1 var(--sans);color:#111B21}.wa2-h svg{width:22px;height:22px;color:#1DAA61;flex:none}.wa2-h span{margin-left:auto;font:500 12.5px/1 var(--sans);background:#D9FDD3;color:#008069;padding:6px 10px;border-radius:999px;white-space:nowrap}
.vs2 .wal{border:0;border-radius:0;box-shadow:none;max-width:none;flex:1;display:flex;flex-direction:column;min-height:0}.vs2 .wal-l{flex:1;min-height:0}
.wq.rep .av{background:#0F0A1F!important;color:#fff}.wq.rep .ans span{background:#EEF0FF;color:#3A2BD6}.wq.rep b small{color:#1DAA61}
.wq.rep .pin{display:inline-flex;gap:4px;align-items:center;font:600 10.5px/1 var(--sans);color:#667781;margin-left:6px}.wq.rep .pin svg{width:11px;height:11px}
@media (max-width:960px){.vs2{grid-template-columns:1fr}.vs2>div{padding:26px 20px 0}.vs2-win{height:600px}.pdf-k{grid-template-columns:repeat(2,1fr)}.pdf-note{right:4px;bottom:34px;max-width:160px;font-size:11px}}
.em-att{max-width:100%}.em-att>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-att small{overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.pdf-c{display:none}.pdf-note{position:static;transform:none;display:block;max-width:none;margin:10px 0 2px;box-shadow:none;font-size:11.5px;padding:8px 10px}.pdf-k{margin-top:10px}}
@media (max-width:700px){.pdf{display:flex;flex-direction:column}.pdf-h{order:0}.pdf-k{order:1}.pdf-note{order:2}.pdf-t{order:3}.em-b p{display:none}.em-b{padding-top:12px}}