/* dots.css - GENERATED by site/build/dots.py from dots-<lang>.json + shots-manifest.json. Do not edit by hand.
   Callout dot positions in % of the screenshot plate. site.css centres each .dot with translate(-50%,-50%)
   and does the look; this file only sets left/top (and display on mobile). */

/* desktop frame: <id>-960/-1600.avif, <id>-1200.webp (also used on mobile when a shot has no -m-720 crop) */
.dot[data-k="assistant.1"]{left:95%;top:43.7%}
.dot[data-k="assistant.2"]{left:85%;top:26.2%}
.dot[data-k="buyers.1"]{left:60.6%;top:41.3%}
.dot[data-k="buyers.2"]{left:70.7%;top:51.5%}
.dot[data-k="buyers.3"]{left:2.8%;top:79.5%}
.dot[data-k="campaign-2.1"]{left:4.1%;top:41%}
.dot[data-k="campaign-2.2"]{left:33.9%;top:64.5%}
.dot[data-k="campaign-2.3"]{left:97.5%;top:26.4%}
.dot[data-k="campaign-4.1"]{left:49.5%;top:30%}
.dot[data-k="campaign-4.2"]{left:63.7%;top:57.7%}
.dot[data-k="campaign-4.3"]{left:3.5%;top:90.9%}
.dot[data-k="inbox-conv.1"]{left:32.9%;top:36.7%}
.dot[data-k="inbox-conv.2"]{left:80.9%;top:33.4%}
.dot[data-k="inbox-conv.3"]{left:37.5%;top:75%}
.dot[data-k="inbox-conv.4"]{left:31.9%;top:89.3%}
.dot[data-k="lead-people.1"]{left:60.8%;top:35.4%}
.dot[data-k="lead-people.2"]{left:86.7%;top:49%}
.dot[data-k="lead-people.3"]{left:91.5%;top:55.8%}
.dot[data-k="mailbox-read.1"]{left:17.4%;top:19.2%}
.dot[data-k="mailbox-read.2"]{left:47.5%;top:40.1%}
.dot[data-k="mailbox-read.3"]{left:93.5%;top:45.7%}
.dot[data-k="markets-fig.1"]{left:79.8%;top:31%}
.dot[data-k="markets-fig.2"]{left:16.2%;top:65.2%}
.dot[data-k="markets-fig.3"]{left:18.7%;top:84.9%}
.dot[data-k="pipeline.1"]{left:63.6%;top:39.1%}
.dot[data-k="pipeline.2"]{left:14.1%;top:39.1%}
.dot[data-k="pipeline.3"]{left:38.1%;top:64.2%}
.dot[data-k="pricecalc.1"]{left:55.6%;top:39%}
.dot[data-k="pricecalc.2"]{left:72.8%;top:65.6%}
.dot[data-k="pricecalc.3"]{left:93%;top:16.8%}
.dot[data-k="quote.1"]{left:23.7%;top:31.8%}
.dot[data-k="quote.2"]{left:58.6%;top:31.8%}
.dot[data-k="quote.3"]{left:82.4%;top:56.5%}
.dot[data-k="quote.4"]{left:67%;top:78.5%}
.dot[data-k="search-results.1"]{left:5.3%;top:35.2%}
.dot[data-k="search-results.2"]{left:5.3%;top:51.7%}
.dot[data-k="search-results.3"]{left:5.3%;top:75.2%}
.dot[data-k="search-results.4"]{left:72.7%;top:20.7%}
.dot[data-k="set-deliver.1"]{left:72.6%;top:7.1%}
.dot[data-k="set-deliver.2"]{left:2.3%;top:51.7%}
.dot[data-k="set-deliver.3"]{left:2.3%;top:88.5%}

/* mobile focus crops <id>-m-720 (portrait). A dot outside the crop is hidden and its numbered list item
   gets a plain bullet instead of the number, so no number points at a missing dot (r1-front, 19 Oct). */
@media (max-width:767px){
.dot[data-k="assistant.1"]{left:83.9%;top:45.1%}
.dot[data-k="assistant.2"]{left:51.6%;top:18.6%}
.dot[data-k="buyers.1"]{left:96.9%;top:13.3%}
.dot[data-k="buyers.2"]{left:96.9%;top:35.9%}
.dot[data-k="buyers.3"]{left:5.6%;top:77%}
.dot[data-k="campaign-2.1"]{left:6.5%;top:14.7%}
.dot[data-k="campaign-2.2"]{left:87.5%;top:55.7%}
.dot[data-k="campaign-2.3"]{display:none}
.co li[data-k="campaign-2.3"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="campaign-4.1"]{left:6.5%;top:5.7%}
.dot[data-k="campaign-4.2"]{left:6.2%;top:46.3%}
.dot[data-k="campaign-4.3"]{left:4.6%;top:94.9%}
.dot[data-k="inbox-conv.1"]{left:8.1%;top:18.6%}
.dot[data-k="inbox-conv.2"]{left:39%;top:10.3%}
.dot[data-k="inbox-conv.3"]{left:22.2%;top:74.7%}
.dot[data-k="inbox-conv.4"]{left:5%;top:95.6%}
.dot[data-k="lead-people.1"]{left:3.8%;top:32.8%}
.dot[data-k="lead-people.2"]{left:83.7%;top:52.7%}
.dot[data-k="lead-people.3"]{left:93.7%;top:62.7%}
.dot[data-k="mailbox-read.1"]{display:none}
.co li[data-k="mailbox-read.1"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="mailbox-read.2"]{left:6.2%;top:29.6%}
.dot[data-k="mailbox-read.3"]{left:24.3%;top:42.1%}
.dot[data-k="markets-fig.1"]{display:none}
.co li[data-k="markets-fig.1"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="markets-fig.2"]{left:43.7%;top:49%}
.dot[data-k="markets-fig.3"]{left:51.6%;top:77.9%}
.dot[data-k="pipeline.1"]{display:none}
.co li[data-k="pipeline.1"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="pipeline.2"]{left:56%;top:10.3%}
.dot[data-k="pipeline.3"]{display:none}
.co li[data-k="pipeline.3"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="pricecalc.1"]{left:37.5%;top:30.8%}
.dot[data-k="pricecalc.2"]{left:90.6%;top:69.7%}
.dot[data-k="pricecalc.3"]{display:none}
.co li[data-k="pricecalc.3"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="quote.1"]{display:none}
.co li[data-k="quote.1"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="quote.2"]{display:none}
.co li[data-k="quote.2"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="quote.3"]{left:53.1%;top:57.9%}
.dot[data-k="quote.4"]{left:5.6%;top:90.1%}
.dot[data-k="search-results.1"]{left:13.1%;top:12%}
.dot[data-k="search-results.2"]{left:13.1%;top:36.2%}
.dot[data-k="search-results.3"]{left:13.1%;top:70.7%}
.dot[data-k="search-results.4"]{display:none}
.co li[data-k="search-results.4"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="set-deliver.1"]{display:none}
.co li[data-k="set-deliver.1"]::before{content:'';width:8px;height:8px;margin:8px 7px 0;background:var(--ci,var(--violet))}
.dot[data-k="set-deliver.2"]{left:5.2%;top:52.4%}
.dot[data-k="set-deliver.3"]{left:5.2%;top:89.9%}
}

/* ===================================================================================
   LANGUAGE OVERRIDES - :lang(en) / :lang(de) / :lang(fr). Only dots whose element sits elsewhere in the
   EN/DE/FR screenshot than in TR. Regenerate with dots.py after editing dots-en.json / dots-de.json / dots-fr.json.
   =================================================================================== */
/* --- EN --- */
:lang(en) .dot[data-k="campaign-2.1"]{left:4.1%;top:42.5%}
:lang(en) .dot[data-k="campaign-2.2"]{left:33.9%;top:66.6%}
:lang(en) .dot[data-k="inbox-conv.2"]{left:76.7%;top:33.4%}
:lang(en) .dot[data-k="inbox-conv.3"]{left:37.5%;top:77.2%}
:lang(en) .dot[data-k="lead-people.2"]{left:88%;top:49%}
:lang(en) .dot[data-k="lead-people.3"]{left:88%;top:55.8%}
:lang(en) .dot[data-k="markets-fig.3"]{left:18.7%;top:90%}
:lang(en) .dot[data-k="pricecalc.1"]{left:55.6%;top:41.6%}
:lang(en) .dot[data-k="pricecalc.2"]{left:72.8%;top:68%}
:lang(en) .dot[data-k="pricecalc.3"]{left:93%;top:18.2%}
:lang(en) .dot[data-k="quote.1"]{left:24.8%;top:31.8%}
:lang(en) .dot[data-k="search-results.2"]{left:5.3%;top:56.1%}
:lang(en) .dot[data-k="search-results.3"]{left:5.3%;top:79.2%}
:lang(en) .dot[data-k="set-deliver.1"]{left:77.7%;top:6.4%}
:lang(en) .dot[data-k="set-deliver.2"]{left:2.3%;top:51.1%}
:lang(en) .dot[data-k="set-deliver.3"]{left:2.3%;top:90.7%}
@media (max-width:767px){
:lang(en) .dot[data-k="campaign-2.1"]{left:6.5%;top:16.9%}
:lang(en) .dot[data-k="campaign-2.2"]{left:87.5%;top:58.9%}
:lang(en) .dot[data-k="inbox-conv.2"]{left:48.4%;top:9.5%}
:lang(en) .dot[data-k="inbox-conv.3"]{left:22.2%;top:77.9%}
:lang(en) .dot[data-k="lead-people.2"]{left:87.6%;top:52.7%}
:lang(en) .dot[data-k="lead-people.3"]{left:87.6%;top:62.7%}
:lang(en) .dot[data-k="markets-fig.3"]{left:51.6%;top:85.3%}
:lang(en) .dot[data-k="pricecalc.1"]{left:37.5%;top:34.6%}
:lang(en) .dot[data-k="pricecalc.2"]{left:90.6%;top:73.2%}
:lang(en) .dot[data-k="search-results.2"]{left:13.1%;top:42.7%}
:lang(en) .dot[data-k="search-results.3"]{left:13.1%;top:76.5%}
:lang(en) .dot[data-k="set-deliver.2"]{left:5.2%;top:52.4%}
:lang(en) .dot[data-k="set-deliver.3"]{left:5.2%;top:92.8%}
}
/* --- DE --- */
:lang(de) .dot[data-k="buyers.2"]{left:70.7%;top:53%}
:lang(de) .dot[data-k="buyers.3"]{left:2.8%;top:82%}
:lang(de) .dot[data-k="campaign-2.1"]{left:4.1%;top:42.5%}
:lang(de) .dot[data-k="campaign-2.2"]{left:33.9%;top:66.6%}
:lang(de) .dot[data-k="inbox-conv.2"]{left:73.6%;top:33.4%}
:lang(de) .dot[data-k="inbox-conv.3"]{left:37.5%;top:77.2%}
:lang(de) .dot[data-k="lead-people.2"]{left:92%;top:39%}
:lang(de) .dot[data-k="lead-people.3"]{left:81.3%;top:54.1%}
:lang(de) .dot[data-k="markets-fig.1"]{left:79.8%;top:34.1%}
:lang(de) .dot[data-k="markets-fig.2"]{left:16.2%;top:67.7%}
:lang(de) .dot[data-k="markets-fig.3"]{left:18.7%;top:93.1%}
:lang(de) .dot[data-k="pricecalc.1"]{left:59.1%;top:41.6%}
:lang(de) .dot[data-k="pricecalc.2"]{left:72.8%;top:68.4%}
:lang(de) .dot[data-k="pricecalc.3"]{left:93%;top:18.2%}
:lang(de) .dot[data-k="quote.1"]{left:25.8%;top:34.2%}
:lang(de) .dot[data-k="quote.2"]{left:58.6%;top:34.4%}
:lang(de) .dot[data-k="quote.4"]{left:67%;top:76.5%}
:lang(de) .dot[data-k="search-results.2"]{left:5.3%;top:55%}
:lang(de) .dot[data-k="search-results.3"]{left:5.3%;top:77.2%}
:lang(de) .dot[data-k="set-deliver.1"]{left:78.1%;top:7.6%}
:lang(de) .dot[data-k="set-deliver.3"]{left:2.3%;top:91.5%}
@media (max-width:767px){
:lang(de) .dot[data-k="buyers.2"]{left:96.9%;top:38.1%}
:lang(de) .dot[data-k="buyers.3"]{left:5.6%;top:80.6%}
:lang(de) .dot[data-k="campaign-2.1"]{left:6.5%;top:16.9%}
:lang(de) .dot[data-k="campaign-2.2"]{left:87.5%;top:58.9%}
:lang(de) .dot[data-k="inbox-conv.2"]{left:45.3%;top:9.5%}
:lang(de) .dot[data-k="inbox-conv.3"]{left:22.2%;top:77.9%}
:lang(de) .dot[data-k="lead-people.2"]{left:92.2%;top:38.1%}
:lang(de) .dot[data-k="lead-people.3"]{left:67.2%;top:60.2%}
:lang(de) .dot[data-k="markets-fig.2"]{left:43.7%;top:52.7%}
:lang(de) .dot[data-k="markets-fig.3"]{left:51.6%;top:89.9%}
:lang(de) .dot[data-k="pricecalc.1"]{left:48.5%;top:34.6%}
:lang(de) .dot[data-k="pricecalc.2"]{left:90.6%;top:73.8%}
:lang(de) .dot[data-k="quote.4"]{left:5.6%;top:87.2%}
:lang(de) .dot[data-k="search-results.2"]{left:13.1%;top:41%}
:lang(de) .dot[data-k="search-results.3"]{left:13.1%;top:73.6%}
:lang(de) .dot[data-k="set-deliver.3"]{left:5.2%;top:92.7%}
}
/* --- FR --- */
:lang(fr) .dot[data-k="buyers.1"]{left:59.3%;top:38.6%}
:lang(fr) .dot[data-k="buyers.2"]{left:70.7%;top:54%}
:lang(fr) .dot[data-k="buyers.3"]{left:2.8%;top:81.9%}
:lang(fr) .dot[data-k="campaign-2.1"]{left:4.1%;top:42.5%}
:lang(fr) .dot[data-k="campaign-2.2"]{left:33.9%;top:66.6%}
:lang(fr) .dot[data-k="inbox-conv.2"]{left:73.6%;top:38.2%}
:lang(fr) .dot[data-k="inbox-conv.3"]{left:53.6%;top:61.6%}
:lang(fr) .dot[data-k="lead-people.2"]{left:71.2%;top:55%}
:lang(fr) .dot[data-k="lead-people.3"]{left:83.9%;top:60.2%}
:lang(fr) .dot[data-k="markets-fig.1"]{left:79.8%;top:34.1%}
:lang(fr) .dot[data-k="markets-fig.2"]{left:19%;top:67.7%}
:lang(fr) .dot[data-k="markets-fig.3"]{left:18.7%;top:93.1%}
:lang(fr) .dot[data-k="pricecalc.1"]{left:57.6%;top:41.5%}
:lang(fr) .dot[data-k="pricecalc.2"]{left:72.8%;top:68%}
:lang(fr) .dot[data-k="pricecalc.3"]{left:93%;top:18.2%}
:lang(fr) .dot[data-k="quote.1"]{left:23.8%;top:34.2%}
:lang(fr) .dot[data-k="quote.2"]{left:58.6%;top:34.2%}
:lang(fr) .dot[data-k="quote.3"]{left:82.9%;top:58.9%}
:lang(fr) .dot[data-k="quote.4"]{left:67%;top:81%}
:lang(fr) .dot[data-k="search-results.2"]{left:5.3%;top:56.1%}
:lang(fr) .dot[data-k="search-results.3"]{left:5.3%;top:79.2%}
:lang(fr) .dot[data-k="set-deliver.1"]{left:77.7%;top:4.9%}
:lang(fr) .dot[data-k="set-deliver.2"]{left:2.3%;top:52.6%}
:lang(fr) .dot[data-k="set-deliver.3"]{left:2.3%;top:94.6%}
@media (max-width:767px){
:lang(fr) .dot[data-k="buyers.1"]{left:96.9%;top:16.9%}
:lang(fr) .dot[data-k="buyers.2"]{left:96.9%;top:39.6%}
:lang(fr) .dot[data-k="buyers.3"]{left:5.6%;top:80.5%}
:lang(fr) .dot[data-k="campaign-2.1"]{left:6.5%;top:16.9%}
:lang(fr) .dot[data-k="campaign-2.2"]{left:37.5%;top:71.8%}
:lang(fr) .dot[data-k="inbox-conv.2"]{left:36.7%;top:15.7%}
:lang(fr) .dot[data-k="inbox-conv.3"]{left:71.8%;top:55.1%}
:lang(fr) .dot[data-k="lead-people.2"]{left:35.9%;top:61.5%}
:lang(fr) .dot[data-k="lead-people.3"]{left:75%;top:69.1%}
:lang(fr) .dot[data-k="markets-fig.2"]{left:52.5%;top:52.7%}
:lang(fr) .dot[data-k="markets-fig.3"]{left:51.6%;top:89.9%}
:lang(fr) .dot[data-k="pricecalc.1"]{left:43.8%;top:34.4%}
:lang(fr) .dot[data-k="pricecalc.2"]{left:90.6%;top:73.2%}
:lang(fr) .dot[data-k="quote.3"]{left:54.7%;top:61.4%}
:lang(fr) .dot[data-k="quote.4"]{left:5.6%;top:93.8%}
:lang(fr) .dot[data-k="search-results.2"]{left:13.1%;top:42.7%}
:lang(fr) .dot[data-k="search-results.3"]{left:13.1%;top:76.5%}
:lang(fr) .dot[data-k="set-deliver.2"]{left:5.2%;top:51.9%}
:lang(fr) .dot[data-k="set-deliver.3"]{left:5.2%;top:94.7%}
}