/* Venchure: the shared look for the landing pages, the sign-up form and the check. */
:root {
  --paper: #f6f3ec;
  --card: #ffffff;
  --ink: #15171a;
  --ink-2: #4a4f57;
  --line: #e2ddd2;
  --brand: #0e4d45;
  --brand-2: #e8f1ee;
  --go: #e2542c;
  --go-ink: #ffffff;
  --warn: #b3261e;
  --ok: #1f7a4d;
  --radius: 14px;
  --display: "Fraunces", Georgia, serif;
  --body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap: 720px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 18px/1.6 var(--body);
}
img { max-width: 100%; display: block; }
a { color: var(--brand); }

.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 16px; }
.wide { max-width: 1040px; margin: 0 auto; padding: 0 16px; }

/* Top bar */
.bar { padding: 18px 0; border-bottom: 1px solid var(--line); }
.bar .wide { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.logo { font: 700 22px/1 var(--display); letter-spacing: -0.02em; color: var(--ink); text-decoration: none; }
.logo span { color: var(--go); }
.bar a.small { font-size: 15px; }

/* Type */
h1, h2, h3 { font-family: var(--display); letter-spacing: -0.02em; line-height: 1.12; margin: 0 0 16px; }
h1 { font-size: clamp(34px, 6vw, 56px); font-weight: 700; }
h2 { font-size: clamp(27px, 4.2vw, 38px); font-weight: 650; margin-top: 8px; }
h3 { font-size: 22px; font-weight: 650; }
p { margin: 0 0 18px; }
.lede { font-size: clamp(19px, 2.4vw, 22px); color: var(--ink-2); }
.kicker { font: 600 14px/1.3 var(--body); letter-spacing: .08em; text-transform: uppercase; color: var(--brand); margin-bottom: 14px; }
.muted { color: var(--ink-2); }
.small { font-size: 15px; }
strong { font-weight: 650; }

/* Sections */
section { padding: 56px 0; }
section + section { border-top: 1px solid var(--line); }
.hero { padding: 48px 0 56px; }
.band { background: var(--ink); color: #f3f1ea; }
.band h2, .band h3 { color: #fff; }
.band .muted, .band .lede { color: #c9c6bd; }
.band a { color: #ffd2c4; }
.tint { background: var(--brand-2); }

/* Buttons */
.btn {
  display: inline-block; background: var(--go); color: var(--go-ink); text-decoration: none;
  font: 650 19px/1.2 var(--body); padding: 18px 26px; border-radius: 999px; border: 0; cursor: pointer;
  box-shadow: 0 6px 18px rgba(226, 84, 44, .28); transition: transform .12s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.btn.ghost { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
.cta { margin: 28px 0 8px; }
.cta .under { display: block; margin-top: 10px; font-size: 15px; color: var(--ink-2); }
.band .cta .under { color: #c9c6bd; }

/* Lists and cards */
ul.ticks, ul.crosses { list-style: none; padding: 0; margin: 0 0 20px; }
ul.ticks li, ul.crosses li { position: relative; padding-left: 32px; margin: 0 0 12px; }
ul.ticks li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--ok); font-weight: 800; }
ul.crosses li::before { content: "✕"; position: absolute; left: 2px; top: 0; color: var(--warn); font-weight: 800; }
.cards { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .cards.two { grid-template-columns: 1fr 1fr; } .cards.three { grid-template-columns: 1fr 1fr 1fr; } }
.card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; }
.card h3 { margin-bottom: 8px; }
.band .card { background: #202329; border-color: #33373f; }

/* Compare table, readable on a phone */
.compare { width: 100%; border-collapse: collapse; font-size: 16px; background: var(--card); border-radius: var(--radius); overflow: hidden; }
.compare th, .compare td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.compare th { font-size: 14px; text-transform: uppercase; letter-spacing: .05em; color: var(--ink-2); }
.compare tr.us td { background: var(--brand-2); font-weight: 600; }
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Offer box */
.offer { background: var(--card); border: 2px solid var(--ink); border-radius: 20px; padding: 26px 22px; }
.offer .price { font: 700 44px/1 var(--display); }
.offer .was { text-decoration: line-through; color: var(--ink-2); font-size: 20px; margin-left: 8px; }
.stack { list-style: none; padding: 0; margin: 0 0 18px; }
.stack li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--line); }
.stack li span:last-child { color: var(--ink-2); white-space: nowrap; }

/* Phone mockups of posts */
.phones { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 520px; }
.post { aspect-ratio: 3 / 4; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; font-family: var(--display); font-size: clamp(12px, 2.4vw, 16px); line-height: 1.15; color: #fff; }
.post small { font: 600 10px/1.2 var(--body); opacity: .8; letter-spacing: .04em; text-transform: uppercase; }
.post.a { background: #0e4d45; } .post.b { background: #e2542c; } .post.c { background: #15171a; }
.post.d { background: #f0e4cf; color: var(--ink); } .post.e { background: #2d5b8a; } .post.f { background: #7a4b2a; }

/* Quote */
blockquote { margin: 0 0 20px; padding: 4px 0 4px 18px; border-left: 4px solid var(--go); font: 500 21px/1.45 var(--display); }
blockquote cite { display: block; margin-top: 8px; font: 500 15px/1.4 var(--body); color: var(--ink-2); font-style: normal; }

/* FAQ */
details { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; margin: 0 0 10px; }
summary { cursor: pointer; font-weight: 650; }
details p { margin: 12px 0 0; }

/* Forms */
.form { display: grid; gap: 16px; }
.field label { display: block; font-weight: 600; font-size: 16px; margin-bottom: 6px; }
.field .hint { font-size: 14px; color: var(--ink-2); margin-top: 4px; }
.field input, .field textarea {
  width: 100%; font: 17px/1.4 var(--body); padding: 14px 14px; border-radius: 10px;
  border: 1.5px solid var(--line); background: #fff; color: var(--ink);
}
.field input:focus, .field textarea:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-2); }
.field.bad input { border-color: var(--warn); }
.pills { display: flex; flex-wrap: wrap; gap: 8px; }
.pills button {
  font: 500 16px/1 var(--body); padding: 11px 16px; border-radius: 999px; background: #fff;
  border: 1.5px solid var(--line); color: var(--ink); cursor: pointer;
}
.pills button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.error { color: var(--warn); font-size: 15px; min-height: 1em; }

/* Steps */
.steps { counter-reset: s; list-style: none; padding: 0; margin: 0 0 20px; }
.steps li { counter-increment: s; position: relative; padding: 0 0 18px 52px; }
.steps li::before { content: counter(s); position: absolute; left: 0; top: -2px; width: 36px; height: 36px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; font-weight: 700; }

footer { padding: 40px 0 60px; font-size: 14px; color: var(--ink-2); border-top: 1px solid var(--line); }

/* The check tool */
.q { display: none; }
.q.on { display: block; }
.progress { height: 6px; background: var(--line); border-radius: 99px; overflow: hidden; margin: 0 0 24px; }
.progress i { display: block; height: 100%; width: 0; background: var(--brand); transition: width .25s ease; }
.answers { display: grid; gap: 10px; }
.answers button {
  text-align: left; font: 500 17px/1.35 var(--body); padding: 16px 18px; border-radius: 12px;
  background: #fff; border: 1.5px solid var(--line); cursor: pointer; color: var(--ink);
}
.answers button:hover { border-color: var(--ink); }
.score { font: 700 72px/1 var(--display); }
.meter { height: 14px; border-radius: 99px; background: linear-gradient(90deg, #b3261e, #e2a02c 50%, #1f7a4d); position: relative; margin: 14px 0 26px; }
.meter i { position: absolute; top: -6px; width: 4px; height: 26px; background: var(--ink); border-radius: 2px; }
.gap-list li { margin-bottom: 10px; }

/* ---------- Added 2026-09-24: the code, the proof, the platforms, the booking page ---------- */

/* The voucher: the code a visitor carries from a landing page to the booking page */
.voucher {
  position: relative; background: #fff8ec; border: 2px dashed var(--go); border-radius: 16px;
  padding: 20px 22px; margin: 24px 0; display: grid; gap: 10px;
}
.voucher::before, .voucher::after {
  content: ""; position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px;
  background: var(--paper); border: 2px dashed var(--go); border-radius: 50%;
}
.voucher::before { left: -13px; border-left-color: transparent; border-bottom-color: transparent; transform: rotate(45deg); }
.voucher::after { right: -13px; border-right-color: transparent; border-top-color: transparent; transform: rotate(45deg); }
.tint .voucher::before, .tint .voucher::after { background: var(--brand-2); }
.voucher .v-top { font: 600 13px/1.3 var(--body); letter-spacing: .08em; text-transform: uppercase; color: var(--go); }
.voucher .v-worth { font: 700 clamp(26px, 4vw, 34px)/1.1 var(--display); }
.voucher .v-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.voucher .v-code {
  font: 700 22px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .08em;
  background: var(--ink); color: #fff; padding: 12px 16px; border-radius: 10px;
}
.voucher .v-copy {
  font: 600 15px/1 var(--body); padding: 12px 16px; border-radius: 999px; cursor: pointer;
  background: #fff; border: 1.5px solid var(--ink); color: var(--ink);
}
.voucher .v-copy.done { background: var(--ok); border-color: var(--ok); color: #fff; }
.voucher .v-small { font-size: 15px; color: var(--ink-2); margin: 0; }
.band .voucher { background: #202329; }
.band .voucher::before, .band .voucher::after { background: var(--ink); }
.band .voucher .v-small { color: #c9c6bd; }
.band .voucher .v-code { background: #fff; color: var(--ink); }

/* Proof: big numbers with where they come from */
.stats { display: grid; gap: 14px; grid-template-columns: 1fr; margin: 24px 0; }
@media (min-width: 620px) { .stats { grid-template-columns: 1fr 1fr; } }
.stat { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 20px 16px; }
.stat b { display: block; font: 700 clamp(36px, 6vw, 48px)/1 var(--display); color: var(--brand); margin-bottom: 8px; }
.stat p { margin: 0 0 10px; font-size: 17px; line-height: 1.45; }
.stat cite { display: block; font: 400 13px/1.4 var(--body); color: var(--ink-2); font-style: normal; }
.stat cite a { color: inherit; }
.band .stat { background: #202329; border-color: #33373f; }
.band .stat b { color: #ffb49e; }
.band .stat cite { color: #a9a69e; }

/* Proof: stories of firms that did it */
.cases { display: grid; gap: 14px; grid-template-columns: 1fr; margin: 24px 0; }
@media (min-width: 720px) { .cases { grid-template-columns: 1fr 1fr; } }
.case { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.case .who { font: 600 13px/1.3 var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
.case .what { font: 650 20px/1.25 var(--display); margin: 0; }
.case p { margin: 0; font-size: 16px; line-height: 1.5; }
.case cite { margin-top: auto; padding-top: 6px; font: 400 13px/1.4 var(--body); color: var(--ink-2); font-style: normal; }
.case cite a { color: inherit; }

/* Platforms: chips with a small coloured mark */
.plats { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.plat {
  display: inline-flex; align-items: center; gap: 8px; font: 500 16px/1 var(--body);
  padding: 9px 14px 9px 9px; border-radius: 999px; background: #fff; border: 1.5px solid var(--line); color: var(--ink);
}
.plat i { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; color: #fff; font: 700 12px/1 var(--body); font-style: normal; }
.plat[data-p="instagram"] i { background: linear-gradient(45deg, #f9a13a, #e1306c 55%, #833ab4); }
.plat[data-p="facebook"] i { background: #1877f2; }
.plat[data-p="linkedin"] i { background: #0a66c2; }
.plat[data-p="tiktok"] i { background: #111; }
.plat[data-p="youtube"] i { background: #ff0000; }
.band .plat { background: #202329; border-color: #33373f; color: #f3f1ea; }
button.plat { cursor: pointer; transition: border-color .12s ease, transform .12s ease; }
button.plat:hover { border-color: var(--ink); }
button.plat[aria-pressed="true"] { border-color: var(--ink); background: var(--ink); color: #fff; }
button.plat[disabled] { opacity: .45; cursor: not-allowed; }

/* The booking page: form on the left, what they are claiming on the right. Needs .wide, not .wrap (720px is too narrow for two columns). */
.checkout { display: grid; gap: 28px; grid-template-columns: 1fr; padding: 32px 0 56px; }
@media (min-width: 900px) { .checkout { grid-template-columns: minmax(0, 1fr) 360px; align-items: start; } .checkout .aside { position: sticky; top: 20px; } }
.stepper { display: flex; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; font: 600 14px/1.2 var(--body); }
.stepper li { flex: 1; padding-top: 10px; border-top: 4px solid var(--line); color: var(--ink-2); }
.stepper li.on { border-color: var(--go); color: var(--ink); }
.stepper li.done { border-color: var(--ok); color: var(--ink); }
.box { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
.box + .box { margin-top: 14px; }
.box h3 { font-size: 20px; margin-bottom: 12px; }
.summary .line { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--line); font-size: 16px; }
.summary .line span:last-child { white-space: nowrap; font-weight: 600; }
.summary .line.off span:last-child { color: var(--ok); }
.summary .line[hidden] { display: none; }
.summary .total { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0 4px; }
.summary .total b { font: 700 40px/1 var(--display); transition: color .3s ease; }
.summary .total b.zero { color: var(--ok); }
.summary .then { font-size: 14px; color: var(--ink-2); margin: 6px 0 0; }
.codebox { display: flex; gap: 8px; }
.codebox input { flex: 1; min-width: 0; text-transform: uppercase; letter-spacing: .06em; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
.codebox button { font: 600 16px/1 var(--body); padding: 0 18px; border-radius: 10px; border: 0; background: var(--ink); color: #fff; cursor: pointer; }
.codemsg { font-size: 15px; margin-top: 8px; min-height: 1.2em; }
.codemsg.ok { color: var(--ok); } .codemsg.bad { color: var(--warn); }
.field.ok input { border-color: var(--ok); }
.claimed { display: none; align-items: center; gap: 10px; background: #eaf5ee; color: var(--ok); border-radius: 10px; padding: 10px 12px; font: 600 15px/1.3 var(--body); margin-top: 10px; }
.claimed.on { display: flex; animation: pop .35s ease; }
@keyframes pop { 0% { transform: scale(.96); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.included { list-style: none; padding: 0; margin: 0; font-size: 15px; }
.included li { padding: 7px 0 7px 26px; position: relative; border-bottom: 1px solid #f0ece3; }
.included li:last-child { border-bottom: 0; }
.included li::before { content: "✓"; position: absolute; left: 2px; color: var(--ok); font-weight: 800; }
@media (prefers-reduced-motion: reduce) { .claimed.on { animation: none; } .btn { transition: none; } }
/* The "nothing to fix" line in a list of gaps has no cross. */
ul.crosses li.none { padding-left: 0; }
ul.crosses li.none::before { content: none; }
/* A list inside a numbered step is a plain list, not more steps. */
.steps li li { counter-increment: none; padding: 0; }
.steps li li::before { content: none; }

/* The strip of real work on the landing pages (work-slider.js). */
.wk-sec { padding: 8px 0 0; }
.wk { position: relative; margin: 26px 0 8px; }
.wk[hidden] { display: none; }
.wk-view { overflow: hidden; padding: 12px 0 16px; touch-action: pan-y; cursor: grab; }
.wk-view:active { cursor: grabbing; }
.wk-track { display: flex; width: max-content; will-change: transform; }
.wk-track.wk-glide { transition: transform .45s cubic-bezier(.2, .7, .2, 1); }
.wk-set { display: flex; gap: 16px; padding-right: 16px; align-items: flex-end; }
.wk-card {
  flex: none; display: flex; flex-direction: column; align-items: center; gap: 10px;
  text-decoration: none; color: var(--ink); user-select: none; -webkit-user-drag: none;
}
.wk-media {
  position: relative; display: block; border-radius: 16px; overflow: hidden; background: #1b1e23;
  box-shadow: 0 18px 40px -18px rgba(21, 23, 26, .55), 0 0 0 1px rgba(21, 23, 26, .08);
  transition: transform .3s ease;
}
.wk-card:hover .wk-media { transform: translateY(-3px); }
.wk-card:focus-visible { outline: none; }
.wk-card:focus-visible .wk-media { outline: 3px solid var(--go); outline-offset: 3px; }
.wk-media img, .wk-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.wk-media video { opacity: 0; transition: opacity .35s ease; }
.wk-media video.on { opacity: 1; }
/* The tag: a chip in the site's own style, under the post, so nobody reads it as part of the post. */
.wk-tag {
  max-width: 100%; font: 500 13px/1 var(--body); color: var(--ink-2); background: var(--card);
  border: 1px solid var(--line); border-radius: 999px; padding: 7px 11px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wk-tag b { color: var(--ink); font-weight: 700; }
.wk-arrow {
  position: absolute; top: calc(50% - 20px); margin-top: -24px; z-index: 3; width: 48px; height: 48px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .5); background: rgba(21, 23, 26, .72); color: #fff; cursor: pointer;
  display: grid; place-items: center; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: transform .2s ease;
}
.wk-arrow:hover { transform: scale(1.08); }
.wk-arrow:focus-visible { outline: 3px solid var(--go); outline-offset: 2px; }
.wk-arrow svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.wk-prev { left: 12px; } .wk-next { right: 12px; }
.wk-under { text-align: center; margin: 6px auto 0; max-width: 34em; }
.wk-cta { display: flex; justify-content: center; margin: 18px 0 8px; }
@media (prefers-reduced-motion: reduce) { .wk-track.wk-glide { transition: none; } .wk-media { transition: none; } }

/* ---------- Added 2026-10-05: places, the deadline, founding bonuses, the promise ---------- */

/* A thin strip above the top bar: places left and the code's last day. */
.notice { background: var(--ink); color: #f3f1ea; font: 500 14px/1.4 var(--body); text-align: center; padding: 9px 16px; }
.notice b { color: #ffb49e; font-weight: 700; }
.notice a { color: #fff; }

/* Lines that change once the code closes or the places are gone (site.js sets the flags on <html>). */
.if-closed { display: none; }
html[data-code-closed] .if-closed { display: revert; }
html[data-code-closed] .if-open { display: none; }
html[data-no-call-promise] .call-promise { display: none; }

/* Places: one dot per place, filled when taken. */
.places { border: 2px solid var(--ink); border-radius: 20px; padding: 22px; background: var(--card); margin: 28px 0; }
.places .pl-big { font: 700 clamp(28px, 5vw, 38px)/1.1 var(--display); margin: 0 0 14px; }
.places .pl-big b { color: var(--go); }
.pl-dots { display: grid; grid-template-columns: repeat(10, 1fr); gap: 8px; max-width: 360px; margin: 0 0 16px; }
.pl-dots i { aspect-ratio: 1; border-radius: 50%; border: 2px solid var(--brand); }
.pl-dots i.taken { background: var(--brand); }
.places p:last-child { margin-bottom: 0; }
.places .pl-dates { display: grid; gap: 10px; grid-template-columns: 1fr; margin: 16px 0; }
@media (min-width: 560px) { .places .pl-dates { grid-template-columns: 1fr 1fr; } }
.places .pl-dates div { background: var(--brand-2); border-radius: 12px; padding: 12px 14px; font-size: 15px; line-height: 1.4; }
.places .pl-dates b { display: block; font: 700 22px/1.2 var(--display); margin-bottom: 2px; }
.band .places { background: #202329; border-color: #33373f; }
.band .pl-dots i { border-color: #ffb49e; }
.band .pl-dots i.taken { background: #ffb49e; }
.band .places .pl-dates div { background: #15171a; }

/* Founding bonuses: a second stack, each line with its value. */
.bonus { list-style: none; padding: 0; margin: 0 0 14px; }
.bonus li { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px dashed var(--line); }
.bonus li > span:first-child b { display: block; }
.bonus li > span:first-child small { display: block; font-size: 15px; color: var(--ink-2); line-height: 1.45; margin-top: 2px; }
.bonus li > span:last-child { color: var(--ink-2); white-space: nowrap; font-size: 16px; }
.bonus-head { display: inline-block; background: var(--go); color: var(--go-ink); font: 700 13px/1 var(--body); letter-spacing: .08em; text-transform: uppercase; padding: 8px 12px; border-radius: 999px; margin: 18px 0 6px; }

/* The promise: "If we don't …, we …" in plain cards. */
.promise { display: grid; gap: 14px; grid-template-columns: 1fr; margin: 22px 0; }
@media (min-width: 620px) { .promise { grid-template-columns: 1fr 1fr; } }
.promise div { background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--ok); border-radius: var(--radius); padding: 18px 18px 14px; }
.promise h3 { font-size: 20px; margin-bottom: 6px; }
.promise p { font-size: 16px; line-height: 1.5; margin: 0 0 6px; }
.promise .if { color: var(--ink-2); }

/* Three ways the call can go. */
.three-ways { counter-reset: w; list-style: none; padding: 0; margin: 18px 0; }
.three-ways li { counter-increment: w; position: relative; padding: 0 0 14px 46px; }
.three-ways li::before { content: counter(w); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--ink); color: #fff; font: 700 16px/32px var(--body); text-align: center; }
.band .three-ways li::before { background: #ffb49e; color: var(--ink); }

/* Platform chips: the real brand marks, in white on each brand's colour. Drawn here, so every page
   (and every chip a script adds) gets them. Paths from Simple Icons 13.21 (CC0). */
.plat i { font-size: 0; }
.plat i::before { content: ""; display: block; width: 14px; height: 14px; background: #fff; -webkit-mask: var(--mark) center / contain no-repeat; mask: var(--mark) center / contain no-repeat; }
.plat[data-p="instagram"] i { --mark: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+SW5zdGFncmFtPC90aXRsZT48cGF0aCBkPSJNNy4wMzAxLjA4NGMtMS4yNzY4LjA2MDItMi4xNDg3LjI2NC0yLjkxMS41NjM0LS43ODg4LjMwNzUtMS40NTc1LjcyLTIuMTIyOCAxLjM4NzctLjY2NTIuNjY3Ny0xLjA3NSAxLjMzNjgtMS4zODAyIDIuMTI3LS4yOTU0Ljc2MzgtLjQ5NTYgMS42MzY1LS41NTIgMi45MTQtLjA1NjQgMS4yNzc1LS4wNjg5IDEuNjg4Mi0uMDYyNiA0Ljk0Ny4wMDYyIDMuMjU4Ni4wMjA2IDMuNjY3MS4wODI1IDQuOTQ3My4wNjEgMS4yNzY1LjI2NCAyLjE0ODIuNTYzNSAyLjkxMDcuMzA4Ljc4ODkuNzIgMS40NTczIDEuMzg4IDIuMTIyOC42Njc5LjY2NTUgMS4zMzY1IDEuMDc0MyAyLjEyODUgMS4zOC43NjMyLjI5NSAxLjYzNjEuNDk2MSAyLjkxMzQuNTUyIDEuMjc3My4wNTYgMS42ODg0LjA2OSA0Ljk0NjIuMDYyNyAzLjI1NzgtLjAwNjIgMy42NjgtLjAyMDcgNC45NDc4LS4wODE0IDEuMjgtLjA2MDcgMi4xNDctLjI2NTIgMi45MDk4LS41NjMzLjc4ODktLjMwODYgMS40NTc4LS43MiAyLjEyMjgtMS4zODgxLjY2NS0uNjY4MiAxLjA3NDUtMS4zMzc4IDEuMzc5NS0yLjEyODQuMjk1Ny0uNzYzMi40OTY2LTEuNjM2LjU1Mi0yLjkxMjQuMDU2LTEuMjgwOS4wNjkyLTEuNjg5OC4wNjMtNC45NDgtLjAwNjMtMy4yNTgzLS4wMjEtMy42NjY4LS4wODE3LTQuOTQ2NS0uMDYwNy0xLjI3OTctLjI2NC0yLjE0ODctLjU2MzMtMi45MTE3LS4zMDg0LS43ODg5LS43Mi0xLjQ1NjgtMS4zODc2LTIuMTIyOEMyMS4yOTgyIDEuMzMgMjAuNjI4LjkyMDggMTkuODM3OC42MTY1IDE5LjA3NC4zMjEgMTguMjAxNy4xMTk3IDE2LjkyNDQuMDY0NSAxNS42NDcxLjAwOTMgMTUuMjM2LS4wMDUgMTEuOTc3LjAwMTQgOC43MTguMDA3NiA4LjMxLjAyMTUgNy4wMzAxLjA4MzltLjE0MDIgMjEuNjkzMmMtMS4xNy0uMDUwOS0xLjgwNTMtLjI0NTMtMi4yMjg3LS40MDgtLjU2MDYtLjIxNi0uOTYtLjQ3NzEtMS4zODE5LS44OTUtLjQyMi0uNDE3OC0uNjgxMS0uODE4Ni0uOS0xLjM3OC0uMTY0NC0uNDIzNC0uMzYyNC0xLjA1OC0uNDE3MS0yLjIyOC0uMDU5NS0xLjI2NDUtLjA3Mi0xLjY0NDItLjA3OS00Ljg0OC0uMDA3LTMuMjAzNy4wMDUzLTMuNTgzLjA2MDctNC44NDguMDUtMS4xNjkuMjQ1Ni0xLjgwNS40MDgtMi4yMjgyLjIxNi0uNTYxMy40NzYyLS45Ni44OTUtMS4zODE2LjQxODgtLjQyMTcuODE4NC0uNjgxNCAxLjM3ODMtLjkwMDMuNDIzLS4xNjUxIDEuMDU3NS0uMzYxNCAyLjIyNy0uNDE3MSAxLjI2NTUtLjA2IDEuNjQ0Ny0uMDcyIDQuODQ4LS4wNzkgMy4yMDMzLS4wMDcgMy41ODM1LjAwNSA0Ljg0OTUuMDYwOCAxLjE2OS4wNTA4IDEuODA1My4yNDQ1IDIuMjI4LjQwOC41NjA4LjIxNi45Ni40NzU0IDEuMzgxNi44OTUuNDIxNy40MTk0LjY4MTYuODE3Ni45MDA1IDEuMzc4Ny4xNjUzLjQyMTcuMzYxNyAxLjA1Ni40MTY5IDIuMjI2My4wNjAyIDEuMjY1NS4wNzM5IDEuNjQ1LjA3OTYgNC44NDguMDA1OCAzLjIwMy0uMDA1NSAzLjU4MzQtLjA2MSA0Ljg0OC0uMDUxIDEuMTctLjI0NSAxLjgwNTUtLjQwOCAyLjIyOTQtLjIxNi41NjA0LS40NzYzLjk2LS44OTU0IDEuMzgxNC0uNDE5LjQyMTUtLjgxODEuNjgxMS0xLjM3ODMuOS0uNDIyNC4xNjQ5LTEuMDU3Ny4zNjE3LTIuMjI2Mi40MTc0LTEuMjY1Ni4wNTk1LTEuNjQ0OC4wNzItNC44NDkzLjA3OS0zLjIwNDUuMDA3LTMuNTgyNS0uMDA2LTQuODQ4LS4wNjA4TTE2Ljk1MyA1LjU4NjRBMS40NCAxLjQ0IDAgMSAwIDE4LjM5IDQuMTQ0YTEuNDQgMS40NCAwIDAgMC0xLjQzNyAxLjQ0MjRNNS44Mzg1IDEyLjAxMmMuMDA2NyAzLjQwMzIgMi43NzA2IDYuMTU1NyA2LjE3MyA2LjE0OTMgMy40MDI2LS4wMDY1IDYuMTU3LTIuNzcwMSA2LjE1MDYtNi4xNzMzLS4wMDY1LTMuNDAzMi0yLjc3MS02LjE1NjUtNi4xNzQtNi4xNDk4LTMuNDAzLjAwNjctNi4xNTYgMi43NzEtNi4xNDk2IDYuMTczOE04IDEyLjAwNzdhNCA0IDAgMSAxIDQuMDA4IDMuOTkyMUEzLjk5OTYgMy45OTk2IDAgMCAxIDggMTIuMDA3NyIvPjwvc3ZnPg=="); }
.plat[data-p="facebook"] i { --mark: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+RmFjZWJvb2s8L3RpdGxlPjxwYXRoIGQ9Ik05LjEwMSAyMy42OTF2LTcuOThINi42Mjd2LTMuNjY3aDIuNDc0di0xLjU4YzAtNC4wODUgMS44NDgtNS45NzggNS44NTgtNS45NzguNDAxIDAgLjk1NS4wNDIgMS40NjguMTAzYTguNjggOC42OCAwIDAgMSAxLjE0MS4xOTV2My4zMjVhOC42MjMgOC42MjMgMCAwIDAtLjY1My0uMDM2IDI2LjgwNSAyNi44MDUgMCAwIDAtLjczMy0uMDA5Yy0uNzA3IDAtMS4yNTkuMDk2LTEuNjc1LjMwOWExLjY4NiAxLjY4NiAwIDAgMC0uNjc5LjYyMmMtLjI1OC40Mi0uMzc0Ljk5NS0uMzc0IDEuNzUydjEuMjk3aDMuOTE5bC0uMzg2IDIuMTAzLS4yODcgMS41NjRoLTMuMjQ2djguMjQ1QzE5LjM5NiAyMy4yMzggMjQgMTguMTc5IDI0IDEyLjA0NGMwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuNjI4IDMuODc0IDEwLjM1IDkuMTAxIDExLjY0N1oiLz48L3N2Zz4="); }
.plat[data-p="linkedin"] i { --mark: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+TGlua2VkSW48L3RpdGxlPjxwYXRoIGQ9Ik0yMC40NDcgMjAuNDUyaC0zLjU1NHYtNS41NjljMC0xLjMyOC0uMDI3LTMuMDM3LTEuODUyLTMuMDM3LTEuODUzIDAtMi4xMzYgMS40NDUtMi4xMzYgMi45Mzl2NS42NjdIOS4zNTFWOWgzLjQxNHYxLjU2MWguMDQ2Yy40NzctLjkgMS42MzctMS44NSAzLjM3LTEuODUgMy42MDEgMCA0LjI2NyAyLjM3IDQuMjY3IDUuNDU1djYuMjg2ek01LjMzNyA3LjQzM2MtMS4xNDQgMC0yLjA2My0uOTI2LTIuMDYzLTIuMDY1IDAtMS4xMzguOTItMi4wNjMgMi4wNjMtMi4wNjMgMS4xNCAwIDIuMDY0LjkyNSAyLjA2NCAyLjA2MyAwIDEuMTM5LS45MjUgMi4wNjUtMi4wNjQgMi4wNjV6bTEuNzgyIDEzLjAxOUgzLjU1NVY5aDMuNTY0djExLjQ1MnpNMjIuMjI1IDBIMS43NzFDLjc5MiAwIDAgLjc3NCAwIDEuNzI5djIwLjU0MkMwIDIzLjIyNy43OTIgMjQgMS43NzEgMjRoMjAuNDUxQzIzLjIgMjQgMjQgMjMuMjI3IDI0IDIyLjI3MVYxLjcyOUMyNCAuNzc0IDIzLjIgMCAyMi4yMjIgMGguMDAzeiIvPjwvc3ZnPg=="); }
.plat[data-p="tiktok"] i { --mark: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+VGlrVG9rPC90aXRsZT48cGF0aCBkPSJNMTIuNTI1LjAyYzEuMzEtLjAyIDIuNjEtLjAxIDMuOTEtLjAyLjA4IDEuNTMuNjMgMy4wOSAxLjc1IDQuMTcgMS4xMiAxLjExIDIuNyAxLjYyIDQuMjQgMS43OXY0LjAzYy0xLjQ0LS4wNS0yLjg5LS4zNS00LjItLjk3LS41Ny0uMjYtMS4xLS41OS0xLjYyLS45My0uMDEgMi45Mi4wMSA1Ljg0LS4wMiA4Ljc1LS4wOCAxLjQtLjU0IDIuNzktMS4zNSAzLjk0LTEuMzEgMS45Mi0zLjU4IDMuMTctNS45MSAzLjIxLTEuNDMuMDgtMi44Ni0uMzEtNC4wOC0xLjAzLTIuMDItMS4xOS0zLjQ0LTMuMzctMy42NS01LjcxLS4wMi0uNS0uMDMtMS0uMDEtMS40OS4xOC0xLjkgMS4xMi0zLjcyIDIuNTgtNC45NiAxLjY2LTEuNDQgMy45OC0yLjEzIDYuMTUtMS43Mi4wMiAxLjQ4LS4wNCAyLjk2LS4wNCA0LjQ0LS45OS0uMzItMi4xNS0uMjMtMy4wMi4zNy0uNjMuNDEtMS4xMSAxLjA0LTEuMzYgMS43NS0uMjEuNTEtLjE1IDEuMDctLjE0IDEuNjEuMjQgMS42NCAxLjgyIDMuMDIgMy41IDIuODcgMS4xMi0uMDEgMi4xOS0uNjYgMi43Ny0xLjYxLjE5LS4zMy40LS42Ny40MS0xLjA2LjEtMS43OS4wNi0zLjU3LjA3LTUuMzYuMDEtNC4wMy0uMDEtOC4wNS4wMi0xMi4wN3oiLz48L3N2Zz4="); }
.plat[data-p="youtube"] i { --mark: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+WW91VHViZTwvdGl0bGU+PHBhdGggZD0iTTIzLjQ5OCA2LjE4NmEzLjAxNiAzLjAxNiAwIDAgMC0yLjEyMi0yLjEzNkMxOS41MDUgMy41NDUgMTIgMy41NDUgMTIgMy41NDVzLTcuNTA1IDAtOS4zNzcuNTA1QTMuMDE3IDMuMDE3IDAgMCAwIC41MDIgNi4xODZDMCA4LjA3IDAgMTIgMCAxMnMwIDMuOTMuNTAyIDUuODE0YTMuMDE2IDMuMDE2IDAgMCAwIDIuMTIyIDIuMTM2YzEuODcxLjUwNSA5LjM3Ni41MDUgOS4zNzYuNTA1czcuNTA1IDAgOS4zNzctLjUwNWEzLjAxNSAzLjAxNSAwIDAgMCAyLjEyMi0yLjEzNkMyNCAxNS45MyAyNCAxMiAyNCAxMnMwLTMuOTMtLjUwMi01LjgxNHpNOS41NDUgMTUuNTY4VjguNDMyTDE1LjgxOCAxMmwtNi4yNzMgMy41Njh6Ii8+PC9zdmc+"); }