/* vorly2: the messaging additions (vorly2-messaging-additions brief) and the Herald
   chapters (vorly-herald-hero brief). Everything here is new and prefixed v2- or hh-,
   so nothing on the existing pages is restyled. Tokens are the homepage's own:
   Geist, var(--ink), var(--muted), var(--line), var(--card), #1f62f0, the white cards
   on soft blue shadows, the .kk label and .d headings. */

/* shared */
.v2-sec{padding:110px 20px 0}
.v2-wrap{max-width:1102px;margin:0 auto}
.v2-head{text-align:center;margin-bottom:36px}
.v2-head .kk{display:block;margin-bottom:10px}
.v2-head h2{font-size:40px;line-height:42px;text-wrap:balance}
.v2-head p{margin:14px auto 0;max-width:560px;color:var(--muted)}
.v2-chev{display:inline-block;width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);margin-left:7px;vertical-align:2px;transition:transform .2s}
a:hover .v2-chev,a:focus-visible .v2-chev{transform:translateX(3px) rotate(-45deg)}
.v2-ex{display:inline-block;font-style:normal;font-size:12px;padding:3px 10px;border-radius:99px;background:#eef4ff;color:#1f62f0;vertical-align:2px}
.v2-hide{display:none!important}

/* 2A and 2G: cards with a visual on top, the name with a chevron, one line */
.v2-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v2-card{display:flex;flex-direction:column;border-radius:16px;background:#fff;border:1px solid rgba(18,28,60,.07);box-shadow:0 14px 36px rgba(15,45,120,.07),0 1px 3px rgba(15,45,120,.05);overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.v2-card:hover,.v2-card:focus-visible{transform:translateY(-3px);box-shadow:0 22px 50px rgba(15,45,120,.13),0 1px 3px rgba(15,45,120,.06)}
.v2-card .v2-vis{aspect-ratio:2/1;background:#eef1f6;overflow:hidden}
.v2-card .v2-vis.ct{background:#fbe4e6;padding:14px}.v2-card .v2-vis.ct img{object-fit:contain}
.v2-card .v2-vis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.v2-card:hover .v2-vis img{transform:scale(1.03)}
.v2-card .v2-bd{padding:16px 18px 18px}
.v2-card b{display:block;font-size:17px;font-weight:500;letter-spacing:-.01em}
.v2-card small{display:block;margin-top:5px;font-size:14px;line-height:20px;color:var(--muted)}
/* a neutral tile for formats, in the site's placeholder style: no invented artwork */
.v2-tile{display:flex;align-items:flex-end;padding:14px;aspect-ratio:4/3;background:linear-gradient(160deg,#f5f8ff 0%,#e6eefc 100%);color:#1b2a55;font-size:15px;font-weight:500;letter-spacing:-.01em}
.v2-tile.g2{background:linear-gradient(160deg,#f3f9f5 0%,#dfeee4 100%);color:#1d4a33}
.v2-tile.g3{background:linear-gradient(160deg,#fbf6ef 0%,#f1e6d6 100%);color:#4a3418}
.v2-fgroup{margin-top:34px}
.v2-fgroup h3{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 12px 2px}
.v2-fgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.v2-fgrid .v2-card .v2-bd{padding:12px 14px 14px}
.v2-fgrid .v2-card b{font-size:15px}
.v2-fgrid .v2-card small{font-size:13px;line-height:18px}
.v2-strip{margin-top:28px;padding:16px 20px;border-radius:14px;background:var(--card);font-size:15px;line-height:22px;text-align:center}

/* 2B, 2C and site-wide: lines under the URL inputs */
.v2-verbs{margin:14px auto 0;max-width:620px;font-size:14px;line-height:20px;color:var(--muted);text-align:center}
.v2-micro{margin:6px auto 0;font-size:13px;color:var(--muted);text-align:center}
.close .v2-verbs,.close .v2-micro{color:rgba(255,255,255,.85)}
.v2-vis-t{margin:8px auto 0;text-align:center}
.v2-vis-t summary{display:inline-flex;align-items:center;cursor:pointer;list-style:none;font-size:14px;color:#1f62f0;text-decoration:underline;text-underline-offset:3px}
.v2-vis-t summary::-webkit-details-marker{display:none}
.v2-vis-t[open] summary .v2-chev{transform:rotate(45deg)}
.v2-vis-t .v2-pop{margin:12px auto 0;max-width:520px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid rgba(18,28,60,.08);box-shadow:0 18px 44px rgba(15,45,120,.12);text-align:left;font-size:14.5px;line-height:21px}
.v2-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.v2-chips span,.v2-chips a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:99px;background:#eef4ff;color:#1b55d4;font-size:14px}
.v2-chips a{cursor:pointer;transition:background .15s}
.v2-chips a:hover,.v2-chips a:focus-visible{background:#dfe9fe}
.v2-vis-t .v2-chips{justify-content:flex-start}

/* tooltip on Get my Vision */
[data-v2tip]{position:relative}
[data-v2tip]:hover::after,[data-v2tip]:focus-visible::after{content:attr(data-v2tip);position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);width:max-content;max-width:260px;padding:8px 12px;border-radius:10px;background:var(--ink,#1b1b1b);color:#fff;font-size:12.5px;line-height:17px;font-weight:400;text-align:center;white-space:normal;z-index:40;pointer-events:none}
@media(hover:none){[data-v2tip]:hover::after{display:none}}

/* 2D: Herald's caption beside the brief card */
.v2-herald-cap{margin:10px 2px 0;max-width:300px;font-size:12.5px;line-height:17px;color:var(--muted)}

/* above the final CTA: Vision, comparison, glossary, FAQ */
.v2-vision{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding:30px;border-radius:20px;background:#fff;border:1px solid rgba(18,28,60,.07);box-shadow:0 18px 50px rgba(15,45,120,.08)}
.v2-vision h2{font-size:34px;line-height:38px}
.v2-vision p{color:var(--muted);line-height:24px}
.v2-vision .v2-chips{justify-content:flex-start}
.v2-compare{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v2-compare > div{padding:20px 22px;border-radius:16px;background:var(--card)}
.v2-compare > div.on{background:#eef4ff}
.v2-compare b{display:block;font-weight:500;margin-bottom:6px}
.v2-compare p{color:var(--muted);line-height:23px}
.v2-gloss{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v2-gloss > div{padding:16px 18px;border-radius:14px;border:1px solid var(--line,#e6e6e6);background:#fff}
.v2-gloss b{display:block;font-weight:500}
.v2-gloss span{display:block;margin-top:4px;font-size:14px;line-height:20px;color:var(--muted)}
.v2-faq{max-width:780px;margin:0 auto;border-top:1px solid var(--line,#e6e6e6)}
.v2-faq details{border-bottom:1px solid var(--line,#e6e6e6)}
.v2-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;font-size:17px;font-weight:500}
.v2-faq summary::-webkit-details-marker{display:none}
.v2-faq summary svg{width:18px;height:18px;flex:none;transition:transform .2s;stroke:var(--ink,#1b1b1b)}
.v2-faq details[open] summary svg{transform:rotate(45deg)}
.v2-faq p{padding:0 2px 20px;color:var(--muted);line-height:24px;max-width:680px}

/* pricing: what one credit buys, the worked example, who picks what */
.v2-credit{max-width:1102px;margin:28px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v2-credit > div{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid rgba(18,28,60,.07);text-align:left}
.v2-credit b{display:block;font-size:22px;font-weight:400;letter-spacing:-.03em}
.v2-credit span{display:block;margin-top:4px;font-size:14px;line-height:20px;color:var(--muted)}
.v2-credit-t{max-width:1102px;margin:56px auto 0;text-align:left;font-size:20px;font-weight:500;letter-spacing:-.02em}
.v2-month{max-width:1102px;margin:22px auto 0;padding:18px 20px;border-radius:14px;background:#eef4ff;text-align:left;font-size:15px;line-height:23px}
.v2-month b{font-weight:500}
.v2-who{margin-top:6px;font-size:13px;line-height:18px;color:#1f62f0}
.pc2.feat .v2-who{color:#cfe0ff}

/* /solutions: I am a..., what you do first, small demo visuals */
.v2-iam{max-width:1102px;margin:70px auto 0;padding:0 20px;text-align:center}
.v2-iam h2{font-size:26px;line-height:30px}
.v2-first{margin-top:10px;font-size:14px;line-height:20px}
.v2-first b{font-weight:500}
.v2-mini{margin-top:12px}
.v2-mini .lp-pnl{padding:12px;border-radius:14px;box-shadow:none;background:#f7f9fd;border:1px solid rgba(18,28,60,.06)}
.v2-mini .lp-hd{margin-bottom:8px;font-size:12px}.v2-mini .lp-hd b{font-size:13px}
.v2-mini .lp-row{padding:8px 10px}.v2-mini .lp-tx b{font-size:13px}.v2-mini .lp-tx small{font-size:11.5px}
.v2-mini .lp-av{width:24px;height:24px;font-size:11px}
.v2-mini .lp-pc{padding:12px;box-shadow:none}.v2-mini .lp-pr b{font-size:28px;line-height:30px}.v2-mini .lp-kvs{font-size:12.5px;gap:6px 10px;margin-top:10px;padding-top:10px}
.v2-mini .lp-tone{margin-top:0;font-size:13px;line-height:19px}
.v2-mini .lp-appr{margin-top:0;gap:6px}.v2-mini .lp-appr figcaption{font-size:11px}
.v2-mini .lp-chips{display:none}

/* segment pages */
.v2-four-wrap{margin-top:-40px;position:relative;z-index:2}
.v2-four-wrap > .kk{display:block;margin:0 0 8px 2px}
.v2-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v2-four-wrap + .lp-showcase{margin-top:28px}
.v2-four a{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#fff;border:1px solid rgba(18,28,60,.07);box-shadow:0 10px 26px rgba(15,45,120,.08);cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:14px;line-height:19px}
.v2-four a:hover,.v2-four a:focus-visible{transform:translateY(-2px);box-shadow:0 16px 36px rgba(15,45,120,.14)}
.v2-four img{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none}
.v2-week{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v2-week > div{padding:18px;border-radius:14px;background:var(--card)}
.v2-week b{display:block;font-size:13px;color:#1f62f0;font-weight:500}
.v2-week span{display:block;margin-top:6px;font-size:15px;line-height:21px}
.v2-not{margin-top:16px;padding:18px 20px;border-radius:14px;border:1px solid var(--line,#e6e6e6);font-size:15px;line-height:23px}
.v2-not b{font-weight:500}
.v2-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v2-two > div{padding:18px 20px;border-radius:14px;background:var(--card)}
.v2-two > div.on{background:#eef4ff}
.v2-two small{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.v2-two p{font-size:15.5px;line-height:23px}
.v2-row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v2-row4 > div{padding:16px 18px;border-radius:14px;background:var(--card)}
.v2-row4 b{display:block;font-size:13px;color:#1f62f0;font-weight:500}.v2-row4 span{display:block;margin-top:5px;font-size:15px;line-height:21px}
.v2-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v2-row3 > div{padding:16px 18px;border-radius:14px;background:var(--card);font-size:15px;line-height:21px}
.v2-tired{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid rgba(18,28,60,.07);box-shadow:0 14px 36px rgba(15,45,120,.08);max-width:560px}
.v2-tired img{width:64px;height:80px;border-radius:10px;object-fit:cover;flex:none}
.v2-tired b{display:block;font-weight:500}.v2-tired span{display:block;margin-top:4px;color:var(--muted);font-size:14px;line-height:20px}
.v2-seg{padding-top:96px}
.v2-seg h2{font-size:32px;line-height:36px;margin-bottom:22px}

@media(max-width:1000px){.v2-fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.v2-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the small nav menus beside Solutions, in the Solutions panel style */
.v2-snav{position:relative}
.v2-snav .v2-dd{left:-14px;top:calc(100% + 26px);width:300px}
.v2-dd .snav-g{grid-template-columns:1fr}
.v2-dd .snav-b b{font-size:14.5px}

@media(max-width:760px){
 .v2-sec{padding:80px 16px 0}
 .v2-head h2{font-size:30px;line-height:33px}
 .v2-cards{grid-template-columns:1fr}
 .v2-fgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none}
 .v2-fgrid::-webkit-scrollbar{display:none}
 .v2-fgrid .v2-card{flex:none;width:62%;scroll-snap-align:start}
 .v2-vision{grid-template-columns:1fr;padding:22px}
 .v2-vision h2{font-size:28px;line-height:32px}
 .v2-compare,.v2-gloss,.v2-two,.v2-row3{grid-template-columns:1fr}
 .v2-credit{grid-template-columns:1fr 1fr}
 .v2-week,.v2-row4{grid-template-columns:1fr 1fr}
 .v2-four-wrap{margin-top:-24px}
 .v2-four{grid-template-columns:1fr 1fr}
 .v2-four a{font-size:13px}
 .v2-seg{padding-top:72px}.v2-seg h2{font-size:26px;line-height:30px}
 .v2-iam{margin-top:50px}
}
@media(prefers-reduced-motion:reduce){.v2-card,.v2-card .v2-vis img,.v2-four a,.v2-chev{transition:none}.v2-card:hover{transform:none}}

/* ---------- Herald chapters (green section, #herald) ----------
   Ported from vorly-herald-hero-rotating-green.html, classes prefixed hh- so they
   cannot collide with the homepage's .btn, .card, .row and .note. */
#herald .hh-chap{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:20px auto 0;padding:0 20px}
#herald .hh-seg{width:132px;text-align:left;padding:4px 0;background:none;border:0;font:inherit;cursor:pointer;color:inherit}
#herald .hh-seg span{display:block;font-size:12px;color:rgba(255,255,255,.88);font-weight:500;margin-bottom:7px;white-space:nowrap}
#herald .hh-seg.on span{color:#fff;font-weight:600}
#herald .hh-seg .hh-bar{height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
#herald .hh-seg .hh-bar i{display:block;height:100%;width:0;background:#fff}
#herald .hh-pp{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;margin-left:6px;margin-bottom:-3px;border:0;cursor:pointer}
#herald .hh-pp:hover{background:#fff}
#herald .hh-pp svg{width:11px;height:11px;fill:#1b1b1b}
#herald .hh-pp .hh-pl{display:none}#herald .hh-pp[aria-pressed=true] .hh-pl{display:block}#herald .hh-pp[aria-pressed=true] .hh-ps{display:none}
#herald .hh-stage{display:grid;width:calc(100% - 40px);max-width:1000px;margin:26px auto 0;touch-action:pan-y;color:#1b1b1b}
#herald .hh-pane{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease,visibility 0s .45s;text-align:left}
#herald .hh-pane.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s ease,visibility 0s}
#herald .hh-card{background:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(10,50,40,.18),0 2px 6px rgba(10,50,40,.08)}
#herald .hh-av{width:30px;height:30px;border-radius:50%;background:#1b1b1b;display:flex;align-items:center;justify-content:center;flex:none}
#herald .hh-av i{display:block;width:15px;height:6px;background:#e5ecfe;border-radius:1px}
#herald .hh-mut{color:#5f6672}
#herald .hh-btn{display:inline-block;background:#1f62f0;color:#fff;font-size:13.5px;font-weight:500;border-radius:99px;padding:9px 17px;transition:background .15s;border:0;cursor:pointer;font-family:inherit}
#herald .hh-btn:hover{background:#1b55d4}
#herald .hh-btn.o{background:#fff;color:#1b1b1b;border:1px solid #d1defd}#herald .hh-btn.o:hover{background:#f4f7ff}
#herald .hh-q{padding:26px 34px 22px;text-align:center;max-width:740px;margin:0 auto}
#herald .hh-q p{font-size:27px;line-height:1.22;letter-spacing:-.015em;font-weight:500}
#herald .hh-by{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:16px;text-align:left;font-size:13px;line-height:1.35}
#herald #hh-p1 .hh-q{margin-top:46px}
#herald .hh-conn{display:block;width:100%;height:36px;overflow:visible}
#herald .hh-conn path{fill:none;stroke:rgba(255,255,255,.8);stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
#herald .hh-evs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#herald .hh-ev{padding:14px}
#herald .hh-ev .hh-k{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5f6672;margin-bottom:10px}
#herald .hh-ev .hh-k b{color:#1b55d4;font-weight:600}
#herald .hh-ev h4{font-size:15px;font-weight:600;letter-spacing:-.01em}
#herald .hh-ev p{font-size:13px;color:#5f6672;line-height:1.4;margin-top:4px}
#herald .hh-ev .hh-th{display:flex;gap:12px}#herald .hh-ev .hh-th img{width:84px;height:84px;object-fit:cover;border-radius:10px;flex:none}
#herald .hh-meter{margin-top:12px;height:4px;border-radius:2px;background:#d1defd;overflow:hidden}#herald .hh-meter i{display:block;height:100%;width:82%;border-radius:2px;background:#1f62f0}
#herald .hh-ask{display:grid;grid-template-columns:1fr 300px;overflow:hidden;max-width:940px;margin:0 auto}
#herald .hh-chat{padding:24px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}
#herald .hh-chips{display:flex;gap:8px;flex-wrap:wrap}
#herald .hh-chips button{font-size:13px;font-weight:500;border:1px solid #d1defd;border-radius:99px;padding:7px 13px;background:#fff;transition:background .15s,border-color .15s;cursor:pointer;font-family:inherit;color:#1b1b1b}
#herald .hh-chips button:hover{background:#f4f7ff}
#herald .hh-chips button[aria-pressed=true]{background:#e5ecfe;border-color:#bdd0fb;color:#1b55d4}
#herald .hh-me{align-self:flex-end;background:#1f62f0;color:#fff;font-size:15px;padding:10px 16px;border-radius:16px 16px 4px 16px;max-width:90%}
#herald .hh-he{display:flex;gap:12px;min-height:178px}
#herald .hh-tx{font-size:16.5px;line-height:1.42;letter-spacing:-.01em}#herald .hh-tx b{font-weight:600}
#herald .hh-cite{display:inline-block;font-size:11px;background:#e5ecfe;color:#1b55d4;border-radius:5px;padding:1px 6px;margin-left:2px;font-weight:600}
#herald .hh-conc{display:flex;gap:12px;margin-top:12px;align-items:flex-start}
#herald .hh-conc img{width:104px;height:104px;object-fit:cover;border-radius:12px;flex:none}
#herald .hh-conc small{display:block;font-size:13px;color:#5f6672}#herald .hh-conc strong{display:block;font-size:15px;font-weight:600;margin:2px 0 10px}
#herald .hh-dots{display:inline-flex;gap:4px;padding:8px 0}#herald .hh-dots i{width:6px;height:6px;border-radius:50%;background:#a0bcf9;animation:hhd 1s infinite}#herald .hh-dots i:nth-child(2){animation-delay:.15s}#herald .hh-dots i:nth-child(3){animation-delay:.3s}
@keyframes hhd{50%{opacity:.25}}
#herald .hh-inp{margin-top:auto;border:1px solid #d1defd;border-radius:99px;padding:10px 12px 10px 18px;font-size:14.5px;color:#8a909c;display:flex;justify-content:space-between;align-items:center}
#herald .hh-inp i{font-style:normal;background:#1f62f0;color:#fff;border-radius:99px;padding:3px 14px;font-size:13px}
#herald .hh-src{background:#f4f7ff;border-left:1px solid #e1e8fb;padding:24px 20px}
#herald .hh-src h5{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5f6672;margin-bottom:12px;font-weight:500}
#herald .hh-sc{background:#fff;border-radius:12px;padding:10px;display:flex;gap:10px;margin-bottom:10px;box-shadow:0 1px 3px rgba(40,70,140,.1);transition:box-shadow .2s,outline-color .2s;outline:2px solid transparent}
#herald .hh-sc.hl{outline-color:#bdd0fb}
#herald .hh-sc img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex:none}
#herald .hh-sc b{font-size:13px;font-weight:600;display:block}#herald .hh-sc p{font-size:12px;color:#5f6672;line-height:1.35;margin-top:2px}
#herald .hh-sc .hh-n{width:20px;height:20px;border-radius:6px;background:#e5ecfe;color:#1b55d4;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}
#herald .hh-work{display:grid;grid-template-columns:minmax(0,460px) 1fr;gap:34px;align-items:center;max-width:980px;margin:0 auto}
#herald .hh-note{padding:28px 30px}
#herald .hh-note .hh-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#5f6672;font-weight:500}
#herald .hh-note p.hh-big{font-size:25px;line-height:1.25;letter-spacing:-.018em;font-weight:500;margin:12px 0 18px}
#herald .hh-row{display:flex;justify-content:space-between;gap:14px;font-size:14px;padding:10px 0;border-top:1px solid #e8ebf3}#herald .hh-row b{font-weight:600;text-align:right}
#herald .hh-act{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
#herald .hh-status{min-height:20px;font-size:13px;color:#1d7a3a;margin-top:12px;font-weight:500}
#herald .hh-deck{position:relative;aspect-ratio:1.3/1;width:100%}
#herald .hh-ad{position:absolute;background:#fff;border-radius:16px;padding:7px;box-shadow:0 18px 44px rgba(10,50,40,.18),0 2px 6px rgba(10,50,40,.08);transition:transform .25s}
#herald .hh-ad img{width:100%;border-radius:10px;object-fit:cover;display:block}
#herald .hh-ad .hh-cap{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 5px 2px;font-size:12px}
#herald .hh-sc2{font-weight:600;color:#1d7a3a;background:#e9f4ea;border-radius:99px;padding:2px 8px;font-size:12px}
#herald .hh-ad.a1{left:0;top:12%;width:32%;transform:rotate(-4deg)}#herald .hh-ad.a1 img{aspect-ratio:1/1}
#herald .hh-ad.a2{left:34%;top:0;width:33%;z-index:3}#herald .hh-ad.a2 img{aspect-ratio:4/5}
#herald .hh-ad.a3{left:69%;top:12%;width:31%;transform:rotate(4deg);z-index:2}#herald .hh-ad.a3 img{aspect-ratio:1/1}
#herald .hh-ad:hover{transform:translateY(-4px) rotate(0)}
#herald .hh-stamps{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}
#herald .hh-stamp{font-size:11.5px;color:#fff;background:rgba(15,45,40,.4);border-radius:99px;padding:5px 12px}
@media(max-width:860px){#herald .hh-ask{grid-template-columns:1fr}#herald .hh-src{border-left:0;border-top:1px solid #e1e8fb}#herald .hh-work{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){
 #herald .hh-chap{gap:8px;width:100%;margin-top:16px;padding:0 14px}#herald .hh-seg{flex:1;width:auto;min-width:0}#herald .hh-seg span{font-size:11px;overflow:hidden;text-overflow:ellipsis}
 #herald .hh-pp{margin-left:0;flex:none}
 #herald .hh-stage{margin-top:18px;width:calc(100% - 28px)}
 #herald .hh-q{padding:20px 18px 16px}#herald .hh-q p{font-size:19px}#herald #hh-p1 .hh-q{margin-top:10px}
 #herald .hh-conn{display:none}#herald .hh-evs{grid-template-columns:1fr;gap:10px;margin-top:12px}
 #herald .hh-chat{padding:16px}#herald .hh-tx{font-size:15px}#herald .hh-he{min-height:0}#herald .hh-src{padding:16px}
 #herald .hh-note{padding:20px}#herald .hh-note p.hh-big{font-size:20px}
 #herald .hh-ad .hh-cap{flex-direction:column;align-items:flex-start;gap:4px;font-size:10.5px;line-height:13px;padding:6px 3px 2px}
 #herald .hh-deck{aspect-ratio:1.05/1}
 #herald .hh-stamp.hh-auto{display:none}
}
@media(prefers-reduced-motion:reduce){#herald .hh-pane,#herald .hh-pane.on{transition:none;transform:none}#herald .hh-dots i{animation:none}#herald .hh-ad:hover{transform:none}#herald .hh-ad.a1{transform:rotate(-4deg)}#herald .hh-ad.a3{transform:rotate(4deg)}}

/* Tablet widths (761px to 1000px): the existing nav ran 37px past the edge and the
   logo strip spilled sideways, so the page scrolled sideways at 768 on the baseline too.
   Fixed here without editing any existing rule: tighter nav, See pricing tucked away
   (it stays in the menu and the page), and nothing may widen the page. */
/* Clip each top-level block to the page instead (html{overflow-x:clip} stopped
   body{overflow-x:hidden} reaching the viewport, which broke the sticky picture in
   "See what your category is running"). clip makes no scroll box, so sticky still works. */
body>header,body>section,body>main,body>footer{overflow-x:clip}
@media(min-width:761px) and (max-width:1000px){nav .l{gap:12px;font-size:13px}nav .r .btn:not(.k){display:none}}

/* ---------- Formats: tabs and a centred carousel (vorly2-formats-carousel-redesign) ----------
   Pattern from "One brief. Every kind of ad." (vorly-homepage-v3-fixes.html): tall
   portrait artwork cards, a dark fade at the foot with the media type and, where the
   reference card had one, its stat; the centred card is full size, its neighbours peek.
   The tabs are the homepage's own .ttabs buttons. */
#formats .ttabs{margin-top:28px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:center;padding:4px 2px 8px}
#formats .ttabs::-webkit-scrollbar{display:none}
#formats .ttabs .btn{flex:none;cursor:pointer}
.v2-fstage{position:relative;margin-top:22px;border-radius:32px;background:var(--card);padding:28px 0 26px;overflow:hidden}
.v2-fstage > .v2-ex{position:absolute;left:22px;top:18px;z-index:3}
.v2-ftrack{--fcw:320px;position:relative;isolation:isolate;height:calc(var(--fcw) * 1.25 + 44px);outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.v2-ftrack.drag{cursor:grabbing}
.v2-ftrack:focus-visible{box-shadow:inset 0 0 0 2px #2f7ff0;border-radius:24px}
.v2-ftrack[hidden]{display:none}
.v2-fc{position:absolute;left:50%;top:22px;width:var(--fcw);margin-left:calc(var(--fcw) / -2);aspect-ratio:4/5;border-radius:22px;overflow:hidden;cursor:pointer;background:#ddd;transform-origin:50% 90%;filter:brightness(var(--b,1));box-shadow:0 16px 40px rgba(15,45,120,.16);transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .35s,filter .35s,box-shadow .35s;-webkit-tap-highlight-color:transparent}
.v2-ftrack.drag .v2-fc{transition:filter .2s}
.v2-fc.on{box-shadow:0 34px 80px rgba(15,45,120,.28)}
.v2-fc:not(.on):hover{filter:brightness(1)}
.v2-fc img{pointer-events:none;-webkit-user-drag:none}
.v2-fc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
/* a plain tile in the site style until a card has its own scene; nothing is laid over any artwork */
.v2-fc.ph{background:radial-gradient(rgba(31,98,240,.10) 1px,transparent 1.3px) 0 0/18px 18px,linear-gradient(160deg,#f7f9fe,#e9eefb)}
.v2-fph{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(31,98,240,.12)}
.v2-fcap{text-align:center;padding:22px 20px 0;min-height:160px}
.v2-fcap a{display:inline-flex;align-items:center;font-size:30px;line-height:34px;letter-spacing:-.03em;font-weight:400;cursor:pointer}
.v2-fcap a:hover{color:#1f62f0}
.v2-fcap p{margin:10px auto 0;max-width:520px;color:var(--muted);font-size:16px;line-height:24px}
.v2-fcap p.v2-fherald{margin-top:6px;font-size:15px;line-height:22px;font-weight:300;color:var(--muted);opacity:.85}
.v2-fcap p.v2-fherald[hidden]{display:none}
.v2-strip2{display:block;margin-top:4px;color:var(--muted)}
.v2-fnav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
.v2-farr{width:40px;height:40px;border-radius:50%;border:1px solid rgba(18,28,60,.1);background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(15,45,120,.1);transition:background .15s,box-shadow .15s,opacity .15s;color:var(--ink)}
.v2-farr:hover{background:#f5f7fb;box-shadow:0 10px 24px rgba(15,45,120,.16)}
.v2-farr:focus-visible{outline:2px solid #2f7ff0;outline-offset:2px}
.v2-farr:disabled{opacity:.35;cursor:default;box-shadow:none}
.v2-farr i{display:block;width:9px;height:9px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg);margin-left:-3px}
.v2-farr.prev i{transform:rotate(135deg);margin-left:3px}
.v2-fdots{display:flex;gap:6px;align-items:center}
.v2-fdots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(18,28,60,.2);cursor:pointer;transition:width .2s,background .2s}
.v2-fdots button:hover{background:rgba(18,28,60,.4)}
.v2-fdots button[aria-current="true"]{width:22px;background:var(--ink)}
.v2-fdots button:focus-visible{outline:2px solid #2f7ff0;outline-offset:2px}
@media(max-width:760px){
 #formats .ttabs{justify-content:flex-start;margin:22px -16px 0;padding:4px 16px 8px;gap:6px;scroll-padding:0 16px}
 #formats .ttabs .btn{height:34px;padding:0 12px;font-size:13px;white-space:nowrap}
 #formats .ttabs.v2-more-r{-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent)}
 #formats .v2-fstage{padding-bottom:28px}
 #formats{padding-bottom:12px}
 .v2-fstage{border-radius:24px;padding:24px 0 20px;margin:18px -4px 0}
 .v2-ftrack{--fcw:66vw}
 .v2-fcap{min-height:204px}
 .v2-fcap a{font-size:24px;line-height:28px}
 .v2-fcap p{font-size:15px;line-height:22px}
 .v2-farr{display:none}
}
@media(prefers-reduced-motion:reduce){.v2-fc,.v2-fdots button,.v2-farr{transition:none}}

/* ---------- product pages (vorly2-product-pages-aeo.md): /intelligence, /campaign-studio and the rest ---------- */
nav .burger{cursor:pointer}
.v2-nl{transition:opacity .15s}
.v2-nl:hover{opacity:.7}
@media(max-width:1359px){.v2-nl{display:none!important}} /* the bar is full below this width; Herald stays in the phone menu and footer */
.v2-more{margin-top:18px;text-align:center}
.v2-more a,.pd-links a,.pd-see a{display:inline-flex;align-items:center;color:#1f62f0;font-weight:500;cursor:pointer}
.v2-more a:hover,.pd-links a:hover,.pd-see a:hover{text-decoration:underline;text-underline-offset:3px}
#herald .cta{flex-wrap:wrap}
.v2-meet{align-self:center;margin-left:10px;display:inline-flex;align-items:center;color:var(--ink);font-size:15px;font-weight:500}
.v2-meet:hover{text-decoration:underline;text-underline-offset:3px}
nav.pd-crumb{all:unset;display:block}
.pd-top{max-width:1102px;margin:0 auto;padding:20px 20px 0}
.pd-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;line-height:18px;color:var(--muted)}
.pd-crumb li+li:before{content:"/";margin-right:6px;opacity:.6}
.pd-crumb a{color:var(--muted);transition:color .15s}
.pd-crumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pd-crumb [aria-current]{color:var(--ink)}
.pd .pd-hero{min-height:0;padding:56px 20px 64px}
.pd-hero .vscan{width:100%}
.pd-msg{margin:10px auto 0;text-align:center;font-size:13px;line-height:18px;color:var(--muted);min-height:18px}
.pd-ans{color:var(--ink);font-size:17px;line-height:26px}
.pd-ans a,.pd-what p a{color:#1f62f0;text-decoration:underline;text-decoration-color:rgba(31,98,240,.35);text-underline-offset:3px;transition:text-decoration-color .15s}
.pd-ans a:hover,.pd-what p a:hover{text-decoration-color:#1f62f0}
.pd-ans a.pd-term{text-decoration-style:dotted}
.pd-what .v2-vision{align-items:start}
.pd-what .v2-vision p{color:var(--ink);font-size:17px;line-height:26px}
.pd-what .v2-vision p.pd-kk{margin-top:20px;font-size:13px;line-height:18px;color:var(--muted)}
.pd-what .lp-pts{margin-top:10px}
#inside .v2-head p.pd-ans{max-width:760px}
.pd-cards4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pd-cards3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pd-demo{padding:100px 0 0}
.pd-demo>.v2-wrap{padding:0 20px}
.pd-demo-h{text-align:center;margin-bottom:18px}
.pd-demo .pnote{margin-top:16px}
.pd-demo-wide .cvwrap{margin-top:0}
.pd-formats{padding-top:100px}
.pd-green{margin-top:100px;padding:150px 0 110px}
.pd-green .hh-stamps{margin-top:24px}
.pd-shot{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;width:100%;max-width:560px;margin:0 auto}
.pd-shot .shot{opacity:1}
.pd-vis .pnote{text-align:left}
.pd-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.pd-callouts{display:flex;flex-direction:column;gap:14px}
.pd-callouts>div{padding:20px 22px;border-radius:14px;background:var(--card)}
.pd-callouts p{margin-top:10px;font-size:18px;line-height:26px;letter-spacing:-.01em}
.pd-bc{max-width:760px;margin:0 auto}
.pd-vis .pd-bc{max-width:none}
.pd-bc .bc{height:100%}
.pd-wv .nd{position:relative;left:auto;top:auto;width:100%;max-width:400px;margin:0 auto}
.pd-cn .cn{position:relative;max-width:400px;margin:0 auto}
.pd-cn .cn .cc{box-shadow:0 22px 50px rgba(15,45,120,.12),0 1px 3px rgba(15,45,120,.06)}
.pd-tframe{margin:0 auto}
.pd-vis .pd-tframe .rgrid{grid-template-columns:repeat(3,1fr)}
.pd-vis .pd-tframe .mstrip{grid-template-columns:1fr 1fr}
.pd-vis .pd-tframe .mstrip div:nth-child(3){border-left:0}
.pd-vis .pd-tframe .mstrip div:nth-child(n+3){border-top:1px solid var(--line)}
.pd-vis .pd-tframe .brief{grid-template-columns:1fr}
.pd-stack{display:flex;flex-direction:column;gap:22px}
.pd-qc .qc{position:relative;top:auto;left:auto;right:auto;margin:0;transform:none;opacity:1;box-shadow:0 18px 50px rgba(15,45,120,.10);border:1px solid rgba(18,28,60,.06);text-align:center}
.pd-qc .qc .q{font-size:26px;line-height:31px}
.pd-qc+.pd-research{margin-top:22px}
.pd-research .lbl{margin-top:20px}
.pd-research .btn{margin-top:20px}
.pd-attn .lp-chips{margin-top:4px}
.lp-chips.pd-chips{margin-top:18px}
.lp-chips.pd-chips span{font-size:14px;padding:7px 13px}
.pd-q{max-width:1102px}
.pd-qin>h2,.pd-qin>p{max-width:760px}
.pd-q .pd-bc{max-width:none}
.pd-after{margin-top:8px}
.pd-after .pd-table{margin-top:32px}
.pd-q .lp-who{margin-top:16px}
.pd-blk .lp-who{margin-top:16px}
.pd-links{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 24px}
.pd-see{margin-top:14px}
.pd-chips{justify-content:flex-start;margin-top:18px}
.pd-who .v2-chips{justify-content:center}
.pd-segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pd-segs a,.pd-fit{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid rgba(18,28,60,.07);box-shadow:0 14px 36px rgba(15,45,120,.06);cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.pd-segs a:hover,.pd-segs a:focus-visible,.pd-fit:hover,.pd-fit:focus-visible{transform:translateY(-3px);box-shadow:0 22px 50px rgba(15,45,120,.12)}
.pd-segs b,.pd-fit b{font-weight:500;font-size:16px}
.pd-segs span,.pd-fit span{font-size:14px;line-height:20px;color:var(--muted)}
.pd-fits{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pd-table{width:100%;max-width:760px;border-collapse:collapse;margin-top:28px;font-size:15px;line-height:22px}
.pd-table th{text-align:left;font-weight:500;font-size:13px;color:var(--muted);padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}
.pd-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.pd-table td:first-child{color:var(--muted);width:50%}
.pd-table a{color:#1f62f0}
.pd-table a:hover{text-decoration:underline;text-underline-offset:3px}
.pd-fm .fmg{margin-top:32px}
.pd-plat .cards{margin-top:32px}
.pd-all{margin-top:22px}
.pd-all summary{display:inline-flex;align-items:center;cursor:pointer;list-style:none;font-weight:500;color:#1f62f0}
.pd-all summary::-webkit-details-marker{display:none}
.pd-all summary:hover{text-decoration:underline;text-underline-offset:3px}
.pd-all[open] summary .v2-chev{transform:rotate(45deg)}
.pd-all-in{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pd-all-in h3{font-size:17px;line-height:24px;font-weight:500}
.pd-all-in ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:21px;color:var(--muted)}
.pd-all-in li b{display:block;font-weight:500;color:var(--ink)}
.pd-gl{margin:0}
.pd-gl dt,.pd-gl dd{margin:0}
.pd-gl{grid-template-columns:repeat(5,minmax(0,1fr))}
.pd .close{margin-top:120px}
@media(max-width:1000px){.pd-cards4{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-segs{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-gl{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-vis .pd-tframe .rgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .pd-top{padding:14px 16px 0}
 .pd .pd-hero{padding:36px 16px 48px}
 .pd-demo{padding-top:72px}
 .pd-demo>.v2-wrap{padding:0 16px}
 .pd-two,.pd-cards4,.pd-cards3,.pd-segs,.pd-fits,.pd-all-in,.pd-gl{grid-template-columns:minmax(0,1fr)}
 .pd-green{margin-top:72px;padding:110px 0 80px}
 .pd-formats{padding-top:72px}
 .pd-ans,.pd-what .v2-vision p{font-size:16px;line-height:24px}
 .pd-qc .qc .q{font-size:21px;line-height:26px}
 .pd .close{margin-top:88px}
 .v2-meet{flex-basis:100%;justify-content:center;margin:10px 0 0}
}
@media(prefers-reduced-motion:reduce){.pd-segs a,.pd-fit{transition:none}.pd-segs a:hover,.pd-fit:hover{transform:none}}

/* ---------- phone menu, Clay style: rows with chevrons that open their pages; page locked behind ---------- */
.mmenu.v2-mm{padding:8px 8px 14px;max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.v2-mm-list{display:flex;flex-direction:column}
.v2-mm-g{border-radius:12px}
.v2-mm-t{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 14px;border:0;border-radius:12px;background:none;font:inherit;font-size:18px;line-height:22px;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}
.v2-mm-t:hover,.v2-mm-t:focus-visible{background:#f5f7fb}
.v2-mm-c{flex:none;width:9px;height:9px;margin-right:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
button.v2-mm-t[aria-expanded="true"] .v2-mm-c{transform:rotate(45deg)}
.v2-mm-g:has(button[aria-expanded="true"]){background:#f8f9fc}
.v2-mm-s{display:flex;flex-direction:column;padding:0 8px 10px 14px}
.v2-mm-s[hidden]{display:none}
.v2-mm-s a{display:block;padding:10px 12px;border-radius:10px;font-size:16px;line-height:21px;color:var(--ink);cursor:pointer}
.v2-mm-s a small{display:block;margin-top:2px;font-size:13px;line-height:17px;color:var(--muted)}
.v2-mm-s a:hover,.v2-mm-s a:focus-visible{background:#eef2fa}
.mmenu.v2-mm .ctas{flex-direction:column;gap:10px;padding:16px 6px 2px}
.mmenu.v2-mm .ctas .btn{flex:none;width:100%;height:48px;justify-content:center;font-size:16px}
/* lock the body only: the body's overflow then reaches the viewport, so the sticky nav stays put */
html.v2-lock body{overflow:hidden}
nav .burger[aria-expanded="true"] i{position:relative;background:transparent;box-shadow:none}
nav .burger[aria-expanded="true"] i:before,nav .burger[aria-expanded="true"] i:after{content:"";position:absolute;left:0;top:0;width:14px;height:1.5px;background:var(--ink);transform:rotate(45deg)}
nav .burger[aria-expanded="true"] i:after{transform:rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.v2-mm-c,.v2-mm-t{transition:none}}