{"id":61094,"date":"2026-10-06T12:48:42","date_gmt":"2026-10-06T10:48:42","guid":{"rendered":"https:\/\/swat.io\/?page_id=61094"},"modified":"2026-10-09T11:16:33","modified_gmt":"2026-10-09T09:16:33","slug":"roi-calculator","status":"publish","type":"page","link":"https:\/\/swat.io\/en\/roi-calculator\/","title":{"rendered":"ROI Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"61094\" class=\"elementor elementor-61094 elementor-60314\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"margin-default\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"background--grey\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-widget elementor-widget-text-editor\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<style>\r\n@font-face { font-family:\"Favorit Pro\"; src:url(\"assets\/fonts\/FavoritPro-Variable.woff2\") format(\"woff2\"); font-style:normal; font-weight:300 800; font-display:swap; }\r\n#swat-io-quiz-embed-original { --ink:#0e1116; --muted:#405063; --line:#dae0e7; --purple:#864fcf; --purple-light:#e9dff6; --blue:#2596d4; --blue-light:#eef9ff; --green:#cef3df; --white:#fff; --bg:#f7f8fa; font-family:\"Favorit Pro\",\"ABC Favorit Variable\",\"ABC Favorit\",system-ui,-apple-system,\"Segoe UI\",sans-serif; color:var(--ink); }\r\n#swat-io-quiz-embed-original, #swat-io-quiz-embed-original * { box-sizing:border-box; } #swat-io-quiz-embed-original { min-width:320px; min-height:100%; margin:0; background:var(--bg); -webkit-font-smoothing:antialiased; } #swat-io-quiz-embed-original button, #swat-io-quiz-embed-original input { font:inherit; } #swat-io-quiz-embed-original button { cursor:pointer; }\r\n.roi-app { width:min(100%,760px); margin:auto; padding:32px 24px 24px; } #swat-io-quiz-embed-original .brandbar { display:flex; align-items:center; justify-content:space-between; } .brandbar { min-height:32px; margin-bottom:18px; } .brand { display:flex; align-items:center; gap:9px; font-size:20px; font-weight:700; letter-spacing:-.06em; }.brand-symbol { display:flex; align-items:flex-end; gap:2px; height:18px; transform:skew(-15deg); }.brand-symbol i { display:block; width:5px; border-radius:5px; background:var(--purple); }.brand-symbol i:nth-child(1){height:10px}.brand-symbol i:nth-child(2){height:18px}.brand-symbol i:nth-child(3){height:13px}.lang-pill { display:flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--muted); font-size:11px; }.lang-pill span { padding:4px 7px; border-radius:999px; }.lang-pill .is-active { background:var(--purple); color:#fff; }\r\n.progress { padding-top:30px; margin-bottom:16px; }.progress[hidden],.screen[hidden],.hubspot-error[hidden] { display:none; }.progress-meta { display:flex; justify-content:space-between; margin-bottom:7px; color:var(--muted); font-size:12px; }.progress-meta b { color:var(--purple); }.progress-track { height:8px; overflow:hidden; border-radius:999px; background:#e9edf1; }.progress-track span { display:block; width:0; height:100%; border-radius:inherit; background:var(--purple); transition:width .35s ease; }\r\n.card { overflow:hidden; border-radius:20px; background:#fff; box-shadow:0 8px 24px rgba(21,31,44,.08); }.screen { padding:32px; animation:screen-in .35s ease both; }@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 9px; color:var(--purple); font-size:15px; font-weight:500; }.eyebrow::before { content:\"\u2726\"; font-size:18px; }.subcopy { margin:10px 0 0; color:var(--muted); font-size:16px; line-height:1.5; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.05em; } h1 { font-weight:400; } h2 { font-weight:500; } h1 { max-width:625px; margin-bottom:15px; font-size:clamp(42px,7vw,65px); line-height:1.04; } h1 span,h2 span { color:var(--purple); } h2 { margin-bottom:8px; font-size:clamp(31px,5vw,43px); line-height:1.1; } h3 { margin-bottom:7px; font-size:22px; }\r\n.intro-visual { position:relative; display:grid; place-items:center; height:170px; margin:-32px -32px 27px; overflow:hidden; background:linear-gradient(135deg,var(--purple-light),var(--blue-light)); }.intro-orbit { width:235px; height:100px; border:1px solid rgba(134,79,207,.45); border-radius:50%; transform:rotate(-20deg); }.intro-orbit::before,.intro-orbit::after { position:absolute; width:12px; height:12px; border-radius:50%; background:var(--purple); content:\"\"; }.intro-orbit::before{margin:5px 0 0 38px}.intro-orbit::after{margin:82px 0 0 182px;background:var(--blue)}.intro-badge { position:absolute; top:20px; right:22px; padding:7px 10px; border-radius:999px; color:#fff; background:var(--ink); font-size:10px; font-weight:700; letter-spacing:.1em; }.intro-spark { position:absolute; bottom:19px; left:27px; color:var(--purple); font-size:28px; }\r\n.trust-box { margin-top:20px; padding:12px 14px; border-radius:12px; color:var(--ink); background:var(--blue-light); font-size:14px; line-height:1.45; }.primary-button,.ghost-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; margin-top:24px; padding:0 18px; border:0; border-radius:8px; font-size:15px; font-weight:700; transition:transform .2s,background .2s; }.primary-button { color:#fff; background:var(--purple); }.primary-button:hover { background:#7541b8; transform:translateY(-2px); }.primary-button span { font-size:21px; font-weight:400; }.ghost-button { margin-top:0; border:1px solid var(--line); color:var(--ink); background:#fff; }.text-button { padding:0; border:0; color:var(--muted); background:none; font-size:13px; }.text-button:hover { color:var(--purple); }.question-screen { min-height:650px; display:flex; flex-direction:column; }.question-topline { display:flex; align-items:center; justify-content:space-between; }.question-index { color:var(--muted); font-size:13px; }.question-copy { min-height:150px; margin-top:42px; }.question-copy h2 { font-weight:500; letter-spacing:-.03em; }.question-copy p:last-child { margin-bottom:0; color:var(--muted); font-size:14px; line-height:1.45; }.question-nav { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:auto; padding-top:30px; }.question-nav .primary-button { flex:1; max-width:300px; margin-top:0; }\r\n.slider-stage { display:flex; min-height:290px; flex-direction:column; align-items:center; justify-content:center; }.readout { text-align:center; }.readout strong { display:block; font-size:56px; line-height:1.05; font-variant-numeric:tabular-nums; }.readout small { color:var(--muted); font-size:17px; }.slider { width:100%; margin-top:44px; }.range { width:100%; height:8px; margin:0; appearance:none; border-radius:999px; outline:none; background:linear-gradient(to right,var(--purple) 0 var(--fill),#e6eaf0 var(--fill) 100%); }.range::-webkit-slider-thumb { width:27px; height:27px; appearance:none; border:4px solid #fff; border-radius:50%; background:var(--purple); box-shadow:0 2px 8px rgba(14,17,22,.25); }.range::-moz-range-thumb { width:21px; height:21px; border:4px solid #fff; border-radius:50%; background:var(--purple); box-shadow:0 2px 8px rgba(14,17,22,.25); }.range:focus-visible { outline:3px solid rgba(134,79,207,.35); outline-offset:5px; }.range-ends { display:flex; justify-content:space-between; margin-top:11px; color:var(--muted); font-size:12px; }.stepper { display:flex; align-items:center; gap:18px; }.stepper button { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--line); border-radius:50%; color:var(--ink); background:#fff; font-size:24px; }.stepper button:hover { border-color:var(--purple); background:var(--purple-light); }.stepper .readout { min-width:150px; }.stepper .readout strong { font-size:42px; }.visual-icons { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; min-height:42px; margin-bottom:22px; }.visual-icons i { display:block; width:28px; height:28px; border:2px solid var(--purple); border-radius:50% 50% 45% 45%; animation:pop .3s both; }.visual-icons i:nth-child(2n){border-radius:45% 45% 50% 50%;background:var(--purple-light)}@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}\r\n.role-options { display:grid; gap:8px; margin-top:10px; }.role-option { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:13px 15px; border:1px solid var(--line); border-radius:10px; color:var(--ink); text-align:left; background:#fff; transition:.2s; }.role-option:hover,.role-option[aria-pressed=\"true\"] { border-color:var(--purple); background:var(--purple-light); }.role-option[aria-pressed=\"true\"] { box-shadow:none; }.role-title { display:block; font-size:14px; font-weight:700; }.role-description { display:block; margin-top:3px; color:var(--muted); font-size:12px; }.role-check { display:grid; place-items:center; width:18px; height:18px; flex:none; border:1px solid var(--line); border-radius:5px; }.role-option[aria-pressed=\"true\"] .role-check { border-color:var(--purple); background:var(--purple); }.role-option[aria-pressed=\"true\"] .role-check::after { content:\"\u2713\"; color:#fff; font-size:12px; font-weight:700; }\r\n.efficiency-stage { display:flex; min-height:290px; flex-direction:column; align-items:center; justify-content:center; overflow:visible; }.efficiency-face { display:grid; place-items:center; width:120px; height:120px; margin-bottom:15px; border-radius:50%; background:transparent; overflow:visible; }.efficiency-face img { display:block; width:100px; height:100px; animation:face-in .26s cubic-bezier(.22,.8,.32,1) both; }.efficiency-face-logo { border-radius:16px; background:transparent; }.efficiency-face-logo img { width:100px; height:100px; }\r\n.gate-screen { min-height:640px; }.gate-heading h2 { margin-bottom:12px; font-size:clamp(35px,6vw,50px); }.gate-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:28px 0; }.gate-metric { position:relative; min-height:125px; padding:17px 14px; border-radius:12px; background:var(--green); }.gate-metric strong { display:block; margin-bottom:9px; font-size:27px; }.gate-metric span { color:var(--muted); font-size:12px; line-height:1.35; }.gate-metric.locked { background:#f3f5f7; }.gate-metric.locked > span:first-child { display:block; padding-top:30px; }.lock-icon { position:absolute; top:18px; left:15px; display:block; width:16px; height:16px; color:var(--purple); }.gate-form-wrap { padding-top:25px; border-top:1px solid var(--line); }.gate-form-wrap > p { margin:0 0 15px; color:var(--muted); font-size:14px; line-height:1.45; }.hubspot-status,.hubspot-error { margin:10px 0 0; color:var(--muted); font-size:13px; }.hubspot-error { color:#c0392b; }\r\n.hubspot-form form { margin:0!important; }.hubspot-form fieldset { display:block; width:100%; max-width:none!important; min-width:0; margin:0!important; padding:0!important; border:0!important; }.hubspot-form fieldset.form-columns-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.hubspot-form fieldset.form-columns-1 .hs-form-field,.hubspot-form fieldset.form-columns-2 .hs-form-field { width:auto!important; float:none!important; }.hubspot-form fieldset.swat-hidden { display:none!important; }.hubspot-form .hs-form-field { margin-bottom:13px; }.hubspot-form .hs-form-field>label { display:block; margin-bottom:6px; color:var(--ink); font-size:14px; font-weight:500; }.hubspot-form .hs-input:not([type=checkbox]),.hubspot-form input[type=email],.hubspot-form input[type=text],.hubspot-form select,.hubspot-form textarea { width:100%!important; min-height:50px; padding:12px 13px!important; border:1.5px solid var(--line)!important; border-radius:8px!important; outline:none; background:#fff!important; color:var(--ink)!important; font-size:16px!important; }.hubspot-form .hs-input:focus { border-color:var(--purple)!important; box-shadow:0 0 0 3px rgba(134,79,207,.14)!important; }.hubspot-form .inputs-list { margin:0!important; padding:0!important; list-style:none!important; }.hubspot-form .hs-form-booleancheckbox-display,.hubspot-form .hs-form-checkbox-display { display:flex; gap:9px; align-items:flex-start; color:var(--muted); font-size:13px; line-height:1.45; }.hubspot-form input[type=checkbox] { width:19px!important; height:19px!important; flex:none; margin:1px 0 0!important; accent-color:var(--purple); }.hubspot-form .hs-button { width:100%!important; min-height:50px; margin-top:2px; padding:12px 18px!important; border:0!important; border-radius:8px!important; background:var(--purple)!important; color:#fff!important; font-size:15px!important; font-weight:700!important; cursor:pointer; }.hubspot-form .hs-button:hover { background:#7541b8!important; }.hubspot-form .hs-error-msgs { margin:6px 0 0!important; padding:0!important; color:#c0392b; font-size:13px; list-style:none!important; }.hubspot-form a { color:var(--purple); }.result-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.result-heading h2 { font-size:clamp(38px,6vw,55px); }.result-score { display:flex; flex-direction:column; align-items:flex-end; color:var(--purple); }.result-score strong { font-size:50px; line-height:.9; }.result-score small { margin-top:6px; color:var(--muted); font-size:12px; }.result-lead { margin:2px 0 25px; color:var(--muted); font-size:14px; }.result-lead strong { color:var(--ink); }.kpi-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:10px; }.kpi { min-height:145px; padding:17px; border-radius:12px; background:#f3f5f7; }.kpi.hero-kpi { color:#fff; background:var(--purple); }.kpi strong { display:block; margin-bottom:8px; font-size:27px; }.kpi span { display:block; font-size:13px; line-height:1.35; }.kpi small { display:block; margin-top:18px; color:rgba(255,255,255,.75); font-size:11px; line-height:1.35; }.result-note { display:flex; gap:10px; margin-top:20px; padding:15px; border-radius:12px; background:var(--blue-light); font-size:13px; line-height:1.45; }.result-note strong { flex:none; }.result-note span { color:var(--muted); }.result-screen .primary-button { width:100%; margin-top:22px; } #swat-io-quiz-embed-original footer { padding:21px 2px 0; color:var(--muted); font-size:11px; } #swat-io-quiz-embed-original footer span:first-child { color:var(--ink); font-weight:700; }\r\n@media(max-width:620px){.roi-app{padding:18px 14px}.screen{padding:24px 20px}.intro-visual{margin:-24px -20px 24px}.question-screen{min-height:630px}.question-copy{margin-top:34px}.gate-preview{gap:6px}.gate-metric{min-height:115px;padding:13px 10px}.gate-metric strong{font-size:22px}.gate-metric span{font-size:11px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi.hero-kpi{grid-column:1\/-1}.kpi{min-height:120px}.kpi small{margin-top:12px}.result-note{display:block}.result-note span{display:block;margin-top:5px}.hubspot-form fieldset.form-columns-2{grid-template-columns:1fr;gap:0}}\r\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}\r\n\r\n\/* Layout variant: reuse the original quiz MVP's editorial cream \/ ink system. *\/\r\n#swat-io-quiz-embed-original { --ink:#0e1116; --muted:#405063; --line:#dae0e7; --purple:#864fcf; --purple-light:#e9dff6; --blue:#2596d4; --blue-light:#eef9ff; --green:#cef3df; --paper:#ffffff; --bg:#f7f8fa; }\r\n#swat-io-quiz-embed-original { background:var(--bg); }\r\n.roi-app { display:block; width:100%; max-width:1320px; margin:0 auto; padding:0 5.2vw 24px; }\r\n#swat-io-quiz-embed-original .brandbar { width:100%; max-width:1320px; margin-left:auto; margin-right:auto; }\r\n.brandbar { justify-content:flex-end; min-height:94px; margin-bottom:0; }\r\n.brand { color:var(--ink); font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }\r\n.brand-symbol i { background:var(--ink); }.brand-symbol i:nth-child(2) { background:var(--purple); }\r\n.lang-pill { border-color:var(--line); background:transparent; }.lang-pill .is-active { background:var(--ink); }\r\n.card { border-radius:0; background:transparent; box-shadow:none; }\r\n.intro-screen { display:grid; grid-template-columns:1.03fr .97fr; grid-template-rows:auto auto auto auto auto; align-items:center; column-gap:3vw; min-height:580px; padding:54px 0 80px; }\r\n.intro-visual { grid-area:1 \/ 2 \/ 6 \/ 3; height:520px; margin:0; overflow:visible; border-radius:0; background:transparent; box-shadow:none; transform:none; }\r\n.intro-visual::after { position:absolute; right:-75px; bottom:-75px; width:210px; height:210px; border:1px solid rgba(37,150,212,.5); border-radius:50%; content:\"\"; box-shadow:0 0 0 21px rgba(37,150,212,.06),0 0 0 42px rgba(37,150,212,.04); }\r\n.intro-orbit { width:330px; height:205px; border-color:rgba(134,79,207,.5); transform:rotate(-25deg); }.intro-orbit::before,.intro-orbit::after { background:var(--purple); }.intro-orbit::after { background:var(--blue); }\r\n.intro-badge { top:28px; right:28px; color:#fff; background:var(--purple); }.intro-spark { color:var(--blue); }\r\n.intro-screen > .eyebrow { grid-area:1 \/ 1 \/ 2 \/ 2; align-self:end; }.intro-screen > h1 { grid-area:2 \/ 1 \/ 3 \/ 2; align-self:start; margin-top:0; }.intro-screen > .subcopy { grid-area:3 \/ 1 \/ 4 \/ 2; align-self:start; }.intro-screen > .trust-box { grid-area:4 \/ 1 \/ 5 \/ 2; align-self:start; background:transparent; border-top:1px solid var(--line); border-radius:0; padding:15px 0 0; }.intro-screen > .primary-button { grid-area:5 \/ 1 \/ 6 \/ 2; align-self:start; justify-self:start; color:#fff; background:var(--blue); }.intro-screen > .primary-button:hover { background:#1f82b8; }\r\n.question-screen,.gate-screen,.result-screen { max-width:760px; margin:0 auto; padding:54px 0 0; }\r\n.question-screen { min-height:650px; }.question-topline { border-bottom:1px solid var(--line); padding-bottom:17px; }.question-index { color:var(--muted); }.question-copy { margin-top:58px; }.question-copy h2 { font-family:\"Favorit Pro\",\"ABC Favorit Variable\",\"ABC Favorit\",system-ui,sans-serif; font-size:clamp(41px,5.4vw,65px); font-weight:400; letter-spacing:-.055em; line-height:.98; }.question-copy h2 span { color:var(--purple); }.question-copy p:last-child { color:var(--muted); }.range { background:linear-gradient(to right,var(--purple) 0 var(--fill),rgba(14,17,22,.13) var(--fill) 100%) center \/ 100% 8px no-repeat; }.range::-webkit-slider-thumb { background:var(--purple); }.range::-moz-range-thumb { background:var(--purple); }.stepper button { border-color:var(--line); }.stepper button:hover { border-color:var(--ink); background:var(--blue-light); }.primary-button { color:#fff; background:var(--blue); }.primary-button:hover { background:#1f82b8; }\r\n.gate-screen,.result-screen { background:var(--paper); padding-left:32px; padding-right:32px; }.gate-screen { padding-bottom:56px; }.result-screen { background:transparent; }.gate-heading h2,.result-heading h2 { font-family:\"Favorit Pro\",\"ABC Favorit Variable\",\"ABC Favorit\",system-ui,sans-serif; font-weight:400; }.gate-heading h2 span,.result-heading h2 span { color:var(--purple); }.gate-metric.unlocked { background:var(--green); }.gate-form-wrap { border-color:var(--line); }.hubspot-form .hs-button { background:var(--ink)!important; }.hubspot-form .hs-button:hover { background:#27323e!important; }.result-score { color:var(--purple); }.kpi.hero-kpi { background:var(--ink); }.kpi:not(.hero-kpi) { background:var(--blue-light); }.result-note { background:var(--blue-light); }\r\n#swat-io-quiz-embed-original footer { color:var(--muted); }\r\n@media(max-width:780px){.roi-app{padding:0 6vw 20px}.brandbar{min-height:76px}.intro-screen{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:38px 0 54px}.intro-screen > .eyebrow,.intro-screen > h1,.intro-screen > .subcopy,.intro-screen > .trust-box,.intro-screen > .primary-button{display:block}.intro-screen > .eyebrow{order:1}.intro-screen > h1{order:2}.intro-screen > .subcopy{order:3}.intro-screen > .primary-button{order:4;align-self:flex-start}.intro-screen > .trust-box{order:5}.intro-visual{order:6;width:calc(100% - 25px);height:420px;margin:35px auto 0;transform:rotate(3deg)}.question-screen,.gate-screen,.result-screen{padding:38px 21px 0}.question-copy{margin-top:42px}.gate-screen,.result-screen{padding-left:21px;padding-right:21px}}\r\n\r\n\/* Larger hit area keeps native range controls easy to drag on touch screens. *\/\r\n.range { height:32px; background:linear-gradient(to right,var(--purple) 0 var(--fill),#e6eaf0 var(--fill) 100%) center \/ 100% 8px no-repeat; cursor:grab; touch-action:pan-y; }\r\n.range:active { cursor:grabbing; }\r\n.range-ends { margin-top:5px; }\r\n.role-rate { margin-top:12px; padding:14px 15px; border:1px solid var(--line); border-radius:12px; background:var(--blue-light); }\r\n.role-rate-meta { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:14px; font-weight:700; }\r\n.role-rate-meta strong { color:var(--purple); white-space:nowrap; }\r\n.role-rate-hint { margin:4px 0 0; color:var(--muted); font-size:13px; line-height:1.4; }\r\n.role-rate .range { margin-top:10px; }\r\n.efficiency-stepper { width:100%; justify-content:center; gap:14px; }\r\n.efficiency-stepper .readout { flex:1; min-width:0; max-width:620px; }\r\n.efficiency-stepper .readout .efficiency-readout { display:block; font-size:clamp(20px,2.7vw,30px); line-height:1.15; text-align:center !important; letter-spacing:normal !important; word-spacing:normal !important; white-space:normal; text-wrap:normal; word-break:normal; font-stretch:normal; }\r\nh2, .question-copy h2, .gate-heading h2, .result-heading h2 { font-weight:400; }\r\n.intro-visual::after { content:none; }\r\n.intro-hero-image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }\r\n.question-screen.question-transition .question-copy,.question-screen.question-transition #question-control,.question-screen.question-transition .question-nav { animation:question-in-forward .44s cubic-bezier(.22,.8,.2,1) both; }\r\n.question-screen.question-transition #question-control { animation-delay:.035s; }\r\n.question-screen.question-transition .question-nav { animation-delay:.07s; }\r\n.question-screen[data-motion=\"back\"].question-transition .question-copy,.question-screen[data-motion=\"back\"].question-transition #question-control,.question-screen[data-motion=\"back\"].question-transition .question-nav { animation-name:question-in-back; }\r\n@keyframes question-in-forward { from { opacity:0; transform:translateX(16px); } to { opacity:1; transform:none; } }\r\n@keyframes question-in-back { from { opacity:0; transform:translateX(-16px); } to { opacity:1; transform:none; } }\r\n@media (prefers-reduced-motion:reduce) { .question-screen.question-transition .question-copy,.question-screen.question-transition #question-control,.question-screen.question-transition .question-nav { animation:none; } }\r\n.question-copy { font-size:16px; }\r\n.question-copy p:last-child { font-size:16px; }\r\n.range-ends { font-size:16px; }\r\n.role-description { font-size:16px; }\r\n.gate-metric span { font-size:16px; }\r\n.hubspot-form .hs-form-booleancheckbox-display > span { display:block; }\r\n.hubspot-form .hs-form-booleancheckbox-display > span > p { display:inline; margin:0; }\r\n.hubspot-form .hs-form-booleancheckbox-display .hs-form-required { display:inline; margin-left:4px; }\r\n.hubspot-form .swat-consent-details { display:block; margin-top:8px; color:var(--muted); font-size:16px; line-height:1.45; }\r\n.hubspot-form .swat-consent-details[hidden] { display:none!important; }\r\n.result-summary { margin:0 0 18px; color:var(--muted); font-size:16px; line-height:1.45; }\r\n.result-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }\r\n.result-detail { padding:17px; border-radius:12px; background:var(--blue-light); }\r\n.result-detail h3 { margin-bottom:12px; font-size:18px; }\r\n.result-detail dl { margin:0; }\r\n.result-detail dl div { display:flex; justify-content:space-between; gap:15px; padding:8px 0; border-bottom:1px solid var(--line); font-size:14px; }\r\n.result-detail dl div:last-child { border-bottom:0; }\r\n.result-detail dt { color:var(--muted); font-weight:700; }\r\n.result-detail dd { margin:0; color:var(--ink); font-weight:400; text-align:right; }\r\n.result-detail ul { margin:0; padding:0; list-style:none; color:var(--muted); font-size:14px; line-height:1.45; }\r\n.result-detail li { position:relative; padding:0 0 11px 22px; }\r\n.result-detail li:last-child { padding-bottom:0; }\r\n.result-detail li::before { position:absolute; top:.35em; left:0; width:9px; height:9px; border-radius:50%; background:var(--blue); content:\"\"; }\r\n.result-actions { display:flex; align-items:center; gap:10px; margin-top:24px; }\r\n.result-actions .primary-button { flex:1; width:auto; margin-top:0; }\r\n.result-actions .ghost-button { flex:none; }\r\n.result-status { margin:10px 0 0; color:var(--muted); font-size:16px; }\r\n.pdf-host { position:absolute; left:-10000px; top:0; width:794px; pointer-events:none; }\r\n.pdf-document { width:794px; color:#0e1116; font-family:\"Favorit Pro\",\"ABC Favorit Variable\",system-ui,-apple-system,\"Segoe UI\",sans-serif; }\r\n.pdf-page { display:flex; flex-direction:column; width:794px; min-height:1123px; padding:56px; background:#fff; border-top:8px solid #2596d4; }\r\n.pdf-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:2px solid #dae0e7; }.pdf-logo-image { display:block; width:201px; height:38px; object-fit:contain; }.pdf-header time { color:#405063; font-size:13px; }\r\n.pdf-eyebrow { margin:38px 0 8px; color:#2596d4; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.pdf-page h1 { max-width:none; margin:0; color:#0e1116; font-size:40px; line-height:1.05; letter-spacing:-.05em; }.pdf-lead { max-width:620px; margin:13px 0 0; color:#405063; font-size:16px; line-height:1.5; }\r\n.pdf-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }.pdf-kpi { min-height:112px; padding:16px; border:1px solid #dae0e7; border-radius:12px; background:#f3f5f7; }.pdf-kpi-hero { background:#eef9ff; }.pdf-kpi strong { display:block; color:#0e1116; font-size:29px; line-height:1.1; }.pdf-kpi span { display:block; margin-top:10px; color:#405063; font-size:13px; line-height:1.35; }\r\n.pdf-recommendation { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:14px; padding:14px 16px; border:1px solid #2596d4; border-radius:10px; }.pdf-recommendation span { color:#405063; font-size:13px; }.pdf-recommendation strong { color:#0e1116; font-size:17px; }\r\n.pdf-columns { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:30px; }.pdf-columns h2 { margin:0 0 10px; color:#0e1116; font-size:18px; font-weight:700; }.pdf-columns dl { margin:0; }.pdf-columns dl div { display:flex; justify-content:space-between; gap:12px; padding:7px 0; border-bottom:1px solid #dae0e7; color:#405063; font-size:13px; line-height:1.35; }.pdf-columns dt { max-width:62%; }.pdf-columns dd { margin:0; color:#0e1116; font-weight:400; text-align:right; }.pdf-columns ul { margin:0; padding:0; list-style:none; color:#405063; font-size:13px; line-height:1.45; }.pdf-columns li { position:relative; padding:0 0 12px 20px; }.pdf-columns li::before { position:absolute; top:.4em; left:0; width:8px; height:8px; border-radius:50%; background:#2596d4; content:\"\"; }.pdf-footer { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-top:auto; padding-top:20px; border-top:2px solid #dae0e7; color:#405063; font-size:12px; }.pdf-footer strong { color:#0e1116; font-size:16px; }.pdf-footer span { text-align:right; }\r\n@media(max-width:780px){.result-detail-grid{grid-template-columns:1fr}.result-actions{align-items:stretch;flex-direction:column}.result-actions .primary-button,.result-actions .ghost-button{width:100%}}\r\n.gate-form-wrap > p, .hubspot-form .hs-form-field > label, .hubspot-form .hs-form-booleancheckbox-display, .hubspot-form .hs-form-checkbox-display, .hubspot-form .hs-error-msgs, .hubspot-status, .hubspot-error { font-size:16px; }\r\n.hubspot-form .hs-button { font-size:16px!important; }\r\n.intro-visual { background:transparent; }\r\n.intro-hero-image { background:transparent; }\r\n.hubspot-form .hs-button { background:var(--blue)!important; color:#fff!important; }\r\n.hubspot-form .hs-button:hover { background:#1f82b8!important; }\r\n.result-screen .kpi,.result-screen .kpi.hero-kpi,.result-screen .kpi:not(.hero-kpi) { color:var(--ink); background:#fff; border:1px solid var(--line); }\r\n.result-screen .kpi small { color:var(--muted); }\r\n.setup-cta { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:16px; padding:10px 12px; border-radius:7px; color:#fff; background:var(--blue); font-size:13px; font-weight:700; text-decoration:none; }\r\n.setup-cta:hover { background:#1f82b8; }\r\n.trial-button { text-decoration:none; }\r\n.result-screen .kpi,.result-screen .kpi:not(.hero-kpi) { color:var(--ink); background:#f3f5f7; border:0; }\r\n.result-screen .kpi.hero-kpi { color:var(--ink); background:var(--green); border:0; }\r\n.result-actions #download-pdf { color:var(--ink); background:#fff; border:1px solid var(--ink); }\r\n.result-actions #download-pdf:hover { color:var(--ink); background:#f7f8fa; }\r\n.result-screen .kpi:not(.hero-kpi) { background:#fff; }\r\n.result-preview { margin-top:28px; }\r\n.result-detail:first-child { background:#fff; }\r\n.result-detail:last-child { background:var(--green); }\r\n.result-heading h2 span { color:var(--blue); }\r\n.intro-screen h1 span { color:var(--blue); }\r\n.pdf-page { min-height:1120px; height:1120px; }\r\n.pdf-page-product { page-break-before:always; }\r\n.pdf-page-product h1 { max-width:650px; }\r\n\r\n\/* Result screen: readable body copy and no blue note panel. *\/\r\n.result-screen { font-size:16px; }\r\n.result-screen .eyebrow,\r\n.result-screen .result-score small,\r\n.result-screen .kpi span,\r\n.result-screen .kpi small,\r\n.result-screen .result-detail dl div,\r\n.result-screen .result-detail ul,\r\n.result-screen .result-actions .primary-button,\r\n.result-screen .setup-cta,\r\n.result-screen .result-status { font-size:16px; }\r\n.result-screen .result-note { border:0; background:#fff; font-size:16px; line-height:1.5; }\r\n.result-screen .result-note strong { font-weight:700; }\r\n.result-screen .result-note span { font-size:16px; }\r\n.pdf-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }\r\n.pdf-product-card { padding:18px; border:1px solid #dae0e7; border-radius:12px; background:#fff; }\r\n.pdf-product-card strong { display:block; color:#0e1116; font-size:20px; }\r\n.pdf-product-card p { min-height:48px; margin:8px 0 14px; color:#405063; font-size:14px; line-height:1.4; }\r\n.pdf-product-card ul { margin:0; padding:0; color:#405063; font-size:13px; line-height:1.4; list-style:none; }\r\n.pdf-product-card li { position:relative; padding:0 0 10px 17px; }\r\n.pdf-product-card li::before { position:absolute; top:.45em; left:0; width:7px; height:7px; border-radius:50%; background:#2596d4; content:\"\"; }\r\n.pdf-product-note { margin-top:22px; padding:17px 19px; border-left:4px solid #2596d4; border-radius:0 10px 10px 0; background:#eef9ff; }\r\n.pdf-product-note strong { display:block; color:#0e1116; font-size:18px; }\r\n.pdf-product-note p { margin:6px 0 0; color:#405063; font-size:14px; line-height:1.45; }\r\n.pdf-product-cta { display:flex; align-items:center; justify-content:flex-start; gap:20px; margin-top:18px; padding:16px 19px; border-radius:10px; color:#fff; background:#2596d4; text-decoration:none; }\r\n.pdf-product-cta strong { font-size:17px; }\r\n.pdf-product-cta span { font-size:13px; text-align:right; }\r\n.pdf-page-product .pdf-footer { margin-top:auto; }\r\n#swat-io-quiz-embed-original.roi-app { display:block; width:calc(100% - 32px) !important; max-width:1320px !important; margin-left:auto !important; margin-right:auto !important; }\r\n\r\n\/* Keep all interactive buttons at the same medium weight as the download button. *\/\r\n#swat-io-quiz-embed-original button { font-weight:500; }\r\n#swat-io-quiz-embed-original .hubspot-form .hs-button { font-weight:500!important; }\r\n#swat-io-quiz-embed-original .role-title { font-weight:500; }\r\n#swat-io-quiz-embed-original .setup-cta,\r\n#swat-io-quiz-embed-original .pdf-product-cta strong { font-weight:500; }\r\n#swat-io-quiz-embed-original .primary-button:disabled { opacity:.45; cursor:not-allowed; transform:none; }\r\n#swat-io-quiz-embed-original .primary-button:disabled:hover { background:var(--blue); transform:none; }\r\n\r\n\/* Elementor page-builder override for the calculator\/footer gap. *\/\r\n.margin-default { margin-bottom:0em !important; }\r\n\r\n\/* Mobile layout refinements. *\/\r\n@media(max-width:780px){\r\n  .intro-visual { display:grid; transform:none; }\r\n  .eyebrow { margin-bottom:2px; }\r\n  .intro-screen > .eyebrow { align-self:flex-start; justify-content:flex-start; text-align:left; }\r\n  .intro-screen > h1 { margin-top:0; }\r\n  .intro-screen > h1 { font-size:clamp(35px,8.8vw,48px); line-height:1.02; }\r\n  .question-copy h2 { font-size:clamp(32px,7.6vw,46px); line-height:1.02; }\r\n  #question-control { margin-top:10px; }\r\n  .gate-heading h2,.result-heading h2 { font-size:clamp(32px,7.8vw,45px); line-height:1.04; }\r\n  .question-nav { gap:8px; }\r\n  .question-nav .primary-button,.question-nav .ghost-button { padding-left:12px; padding-right:12px; white-space:nowrap; }\r\n  .back-label { display:none; }\r\n  .gate-preview { grid-template-columns:1fr; gap:10px; }\r\n  .gate-metric { min-height:0; }\r\n  .gate-metric.locked > span:first-child { padding-top:0; }\r\n}\r\n\r\n\/* Final spacing adjustments for the progress bar and calculator footer. *\/\r\n.progress { margin-bottom:0; }\r\n.question-screen { padding-top:20px; }\r\n.roi-app { padding-bottom:40px; }\r\n\r\n@media(max-width:780px){\r\n  .question-screen,\r\n  .gate-screen { padding-top:4px; }\r\n  .gate-screen { padding-bottom:48px; }\r\n  .question-copy { margin-top:0; }\r\n  .roi-app { padding-bottom:36px; }\r\n}\r\n\r\n\/* Mobile question spacing. *\/\r\n@media(max-width:780px){\r\n  .question-screen { min-height:0; }\r\n  .slider-stage,\r\n  .efficiency-stage { min-height:0; }\r\n  .question-nav { margin-top:16px; padding-top:0; }\r\n  .gate-metric.locked > span:first-child { padding-top:30px; }\r\n}\r\n\r\n#swat-io-quiz-embed-original .hubspot-form .swat-consent-toggle { display:inline!important; width:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--purple)!important; font:inherit!important; text-decoration:underline!important; text-transform:none!important; letter-spacing:inherit!important; cursor:pointer; }\r\n<\/style>\r\n<div class=\"roi-app\" id=\"swat-io-quiz-embed-original\">\r\n      <div class=\"progress\" id=\"progress\" hidden>\r\n        <div class=\"progress-meta\"><span id=\"progress-label\">Question 1 of 5<\/span><b id=\"progress-pct\">0%<\/b><\/div>\r\n        <div class=\"progress-track\"><span id=\"progress-fill\"><\/span><\/div>\r\n      <\/div>\r\n\r\n      <section class=\"card screen intro-screen is-active\" data-screen=\"intro\">\r\n        <div class=\"intro-visual\"><img decoding=\"async\" class=\"intro-hero-image\" src=\"https:\/\/swat.io\/wp-content\/uploads\/2026\/09\/ROI-Calc-EN-Hero.png\" alt=\"Swat.io ROI Calculator\" fetchpriority=\"high\" title=\"\"><\/div>\r\n        <p class=\"eyebrow\">Your social media check<\/p>\r\n        <h1>How much more productive could your day-to-day social media work be with <span>Swat.io<\/span>?<\/h1>\r\n        <p class=\"subcopy\">Just five questions for an honest estimate. Find out how much more time and budget than necessary goes into your social media work \u2013 and how much of it you could save with Swat.io.<\/p>\r\n        <div class=\"trust-box\"><strong>More than 18,000 users already work with Swat.io.<\/strong><br \/>Hosted in the EU, built in Austria.<\/div>\r\n        <button class=\"primary-button\" id=\"start-button\" type=\"button\">Start the check <span>\u2192<\/span><\/button>\r\n      <\/section>\r\n\r\n      <section class=\"card screen question-screen\" data-screen=\"question\" hidden>\r\n        <div class=\"question-copy\"><p class=\"eyebrow\" id=\"question-eyebrow\">Your setup<\/p><h2 id=\"question-title\"><\/h2><p id=\"question-help\"><\/p><\/div>\r\n        <div id=\"question-control\"><\/div>\r\n        <div class=\"question-nav\"><button class=\"ghost-button\" id=\"question-back-bottom\" type=\"button\"><span aria-hidden=\"true\">\u2190<\/span><span class=\"back-label\">Back<\/span><\/button><button class=\"primary-button\" id=\"next-button\" type=\"button\">Next <span>\u2192<\/span><\/button><\/div>\r\n      <\/section>\r\n\r\n      <section class=\"card screen gate-screen\" data-screen=\"gate\" hidden>\r\n        <div class=\"gate-heading\"><p class=\"eyebrow\">Your free analysis is ready<\/p><h2>This is how many resources you can free up with Swat.io<\/h2><p class=\"subcopy\" id=\"gate-copy\"><\/p><\/div>\r\n        <div class=\"gate-preview\">\r\n          <div class=\"gate-metric unlocked\"><strong id=\"gate-hours\">\u2014<\/strong><span>Hours saved and spent on work you enjoy<\/span><\/div>\r\n          <div class=\"gate-metric locked\"><span>Savings per month<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"lock-icon\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M8 0a4 4 0 0 1 4 4v2.05a2.5 2.5 0 0 1 2 2.45v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4M4.5 7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7zM8 1a3 3 0 0 0-3 3v2h6V4a3 3 0 0 0-3-3\" \/><\/svg><\/div>\r\n          <div class=\"gate-metric locked\"><span>ROI from using Swat.io<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"lock-icon\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M8 0a4 4 0 0 1 4 4v2.05a2.5 2.5 0 0 1 2 2.45v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 13.5v-5a2.5 2.5 0 0 1 2-2.45V4a4 4 0 0 1 4-4M4.5 7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7zM8 1a3 3 0 0 0-3 3v2h6V4a3 3 0 0 0-3-3\" \/><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"gate-form-wrap\"><h3>Get the full analysis of your potential now \u2013 for free<\/h3><p>Enter your business email address and you&#8217;ll get instant access to all the numbers.<\/p><div id=\"roiHubspotForm\" class=\"hubspot-form\"><\/div><p id=\"hubspot-status\" class=\"hubspot-status\" role=\"status\">Loading form \u2026<\/p><p id=\"hubspot-error\" class=\"hubspot-error\" role=\"alert\" hidden>The form couldn&#8217;t be loaded. Please reload the page.<\/p><\/div>\r\n      <\/section>\r\n\r\n      <section class=\"card screen result-screen\" data-screen=\"result\" hidden>\r\n        <p class=\"eyebrow\">Your full analysis<\/p><div class=\"result-heading\"><h2>Your investment in Swat.io pays off <span><strong id=\"result-roi\">\u2014<\/strong><\/span>.<\/h2><\/div>\r\n        <p class=\"result-summary\" id=\"result-summary\"><\/p>\r\n        <div class=\"gate-preview result-preview\"><div class=\"gate-metric unlocked\"><strong id=\"result-hours\">\u2014<\/strong><span>Hours saved per month<\/span><\/div><div class=\"gate-metric unlocked\"><strong id=\"result-savings\">\u2014<\/strong><span>Savings per month<\/span><\/div><div class=\"gate-metric unlocked\"><strong id=\"result-roi-card\">\u2014<\/strong><span>ROI from using Swat.io<\/span><\/div><\/div>\r\n        <div class=\"pdf-recommendation result-recommendation\"><span>Recommended plan<\/span><strong id=\"result-package\">\u2014<\/strong><\/div>\r\n        <div class=\"result-detail-grid\">\r\n          <div class=\"result-detail\"><h3>How we calculated it:<\/h3><dl><div><dt>People working on social media<\/dt><dd id=\"result-members\">\u2014<\/dd><\/div><div><dt>Profile<\/dt><dd id=\"result-channels\">\u2014<\/dd><\/div><div><dt>Hours per week<\/dt><dd id=\"result-weekly-hours\">\u2014<\/dd><\/div><div><dt>Roles<\/dt><dd id=\"result-roles\">\u2014<\/dd><\/div><div><dt>Current workflow<\/dt><dd id=\"result-workflow\">\u2014<\/dd><\/div><\/dl><\/div>\r\n          <div class=\"result-detail\"><h3>What Swat.io does for you and your team:<\/h3><ul><li>Approvals and feedback in one place instead of scattered across chats and documents<\/li><li>No more double-checking or asking around whether everything went live<\/li><li>A clear overview, ownership and traceability right where you need them<\/li><\/ul><\/div>\r\n        <\/div>\r\n        <div class=\"result-note\"><strong>And the part the numbers don&#8217;t show:<\/strong><span>With less stress and chaos, you and your team get more creative room for good ideas, strong content and strategic work.<\/span><\/div>\r\n        <div class=\"result-actions\"><button class=\"primary-button\" id=\"download-pdf\" type=\"button\">Download analysis <span>\u2193<\/span><\/button><a class=\"primary-button trial-button\" id=\"trial-cta\" href=\"https:\/\/swatio.app\/spa\/create-account?language=en&amp;publisher=large&amp;inbox=none&amp;billing_period=monthly&amp;addons=advancedInsights\" target=\"_blank\" rel=\"noopener\">Try Swat.io for free <span>\u2192<\/span><\/a><\/div>\r\n        <p class=\"result-status\" id=\"pdf-status\" role=\"status\" hidden><\/p>\r\n      <\/section>\r\n\r\n    <div class=\"pdf-host\" aria-hidden=\"true\"><div class=\"pdf-document pdf-document-original\" id=\"pdf-document\"><\/div><\/div><\/div>\r\n<script type=\"text\/javascript\">\r\n(() => {\r\n  const boot = () => {\r\n    const quizRoot = document.getElementById(\"swat-io-quiz-embed-original\");\r\n    if (!quizRoot) { window.setTimeout(boot, 80); return; }\r\n    if (quizRoot.dataset.swatQuizInitialized === \"true\") return;\r\n    quizRoot.dataset.swatQuizInitialized = \"true\";\r\nconst FACE_SVGS = {\"1\":\"data:image\/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M88.8073%2023.3074L88.6245%2022.1473C88.1882%2019.6169%2086.9703%2017.2787%2085.1352%2015.4482C83.3001%2013.6176%2080.9362%2012.383%2078.3622%2011.9108C74.5848%2011.2198%2065.8894%2010%2050.2915%2010C34.6937%2010%2026.0591%2011.2113%2022.2467%2011.9364C19.6382%2012.3617%2017.2315%2013.5782%2015.3655%2015.4146C13.4996%2017.2509%2012.2684%2019.6147%2011.8453%2022.1729C11.001%2027.0608%2010%2035.8386%2010%2049.4956C10%2064.6798%2011.2447%2073.2613%2011.9845%2077.0234C12.437%2079.5289%2013.6654%2081.8374%2015.5029%2083.6353C17.3404%2085.4329%2019.698%2086.6329%2022.2554%2087.0722C30.6528%2088.3524%2039.1383%2088.9969%2047.6366%2089H50.3002H52.7548C61.3149%2088.9979%2069.8618%2088.3447%2078.3188%2087.0466H78.3622C80.9096%2086.5797%2083.2532%2085.3685%2085.0847%2083.5719C86.9163%2081.7752%2088.1503%2079.4774%2088.6245%2076.9806C89.8954%2069.8491%2090.5654%2060.3292%2090.5654%2049.4956C90.5654%2035.7789%2089.5472%2027.5129%2088.8073%2023.3074Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M50.3094%2023.8534C42.0941%2023.708%2033.8808%2024.2359%2025.7551%2025.4315C25.111%2029.1764%2024.1709%2036.683%2024.1709%2049.4617C24.1709%2062.2402%2025.111%2069.7897%2025.7551%2073.5345C29.5762%2074.1656%2037.236%2075.087%2050.3094%2075.087C63.3831%2075.087%2071.1299%2074.1656%2074.8464%2073.5345C75.4907%2069.7897%2076.4306%2062.2828%2076.4306%2049.4617C76.5765%2041.4162%2076.041%2033.3729%2074.8292%2025.4144C70.9993%2024.7747%2063.3484%2023.8534%2050.3094%2023.8534Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M51.2908%2014.5352C65.4785%2014.5863%2073.8073%2015.7166%2077.4311%2016.3419C79.0739%2016.6445%2080.5826%2017.433%2081.7543%2018.6012C82.9262%2019.7694%2083.7047%2021.2613%2083.9852%2022.8762C85.3614%2031.6756%2085.9787%2040.5731%2085.8306%2049.4739C85.8306%2064.1463%2084.6382%2072.4548%2083.9852%2076.0888C83.7093%2077.6858%2082.9363%2079.16%2081.7725%2080.3099C80.6085%2081.4597%2079.1105%2082.2289%2077.4833%2082.5121C73.8102%2083.2798%2065.5324%2084.4912%2051.1794%2084.4912H50.3089C39.7979%2084.4912%2032.4625%2083.9111%2027.7457%2083.3445L26.8653%2083.2352C25.3106%2083.0357%2024.0812%2082.8427%2023.152%2082.6828C21.5144%2082.4125%2020.0031%2081.6499%2018.8273%2080.5005C17.6514%2079.3513%2016.8693%2077.8721%2016.5891%2076.268C15.7883%2072.5317%2014.6045%2064.1718%2014.6045%2049.4995L14.6064%2048.5089C14.6585%2034.452%2015.8119%2026.4361%2016.4498%2022.8847C16.7611%2021.2677%2017.5633%2019.7804%2018.7514%2018.6175C19.9395%2017.4547%2021.4581%2016.6705%2023.1085%2016.3675C26.9557%2015.6765%2035.4946%2014.5334%2050.2915%2014.5334L51.2908%2014.5352ZM50.2915%2023.8572C42.0819%2023.7127%2033.8744%2024.2406%2025.7546%2025.4353C25.1104%2029.1801%2024.1704%2036.6613%2024.1704%2049.4654C24.1704%2062.2696%2025.1104%2069.7933%2025.7546%2073.5381C29.5757%2074.1695%2037.244%2075.0736%2050.3002%2075.0736C63.3564%2075.0736%2071.1206%2074.1524%2074.8372%2073.5211C75.4812%2069.7763%2076.4213%2062.244%2076.4213%2049.4483C76.5702%2041.4111%2076.0288%2033.3676%2074.8112%2025.4097C70.9814%2024.7785%2063.3477%2023.8572%2050.2915%2023.8572ZM37.7745%2032.8562L47.6974%2042.5724L37.7745%2052.2884L33.2135%2047.8186L38.5579%2042.5724L33.2135%2037.3262L37.7745%2032.8562Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3Cpath%20d%3D%22M61.9228%2032.8562L52%2042.5724L61.9228%2052.2883L66.4838%2047.8186L61.1395%2042.5724L66.4838%2037.3261L61.9228%2032.8562Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3Cpath%20d%3D%22M39.7335%2067.1577L35.1727%2062.6878C39.1847%2058.7554%2044.6263%2056.5461%2050.3004%2056.5459C53.1301%2056.5337%2055.9341%2057.0698%2058.5513%2058.1241C61.1685%2059.1781%2063.547%2060.7292%2065.5501%2062.6878L60.9891%2067.1577C58.1703%2064.3958%2054.3475%2062.8443%2050.3613%2062.8443C46.3754%2062.8443%2042.5526%2064.3958%2039.7335%2067.1577Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3C%2Fsvg%3E%0A\",\"2\":\"data:image\/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M88.8073%2023.3074L88.6245%2022.1473C88.1882%2019.6169%2086.9703%2017.2787%2085.1352%2015.4482C83.3001%2013.6176%2080.9362%2012.383%2078.3622%2011.9108C74.5848%2011.2198%2065.8894%2010%2050.2915%2010C34.6937%2010%2026.0591%2011.2113%2022.2467%2011.9364C19.6382%2012.3617%2017.2315%2013.5782%2015.3655%2015.4146C13.4996%2017.2509%2012.2684%2019.6147%2011.8453%2022.1729C11.001%2027.0608%2010%2035.8386%2010%2049.4956C10%2064.6798%2011.2447%2073.2613%2011.9845%2077.0234C12.437%2079.5289%2013.6654%2081.8374%2015.5029%2083.6353C17.3404%2085.4329%2019.698%2086.6329%2022.2554%2087.0722C30.6528%2088.3524%2039.1383%2088.9969%2047.6366%2089H50.3002H52.7548C61.3149%2088.9979%2069.8618%2088.3447%2078.3188%2087.0466H78.3622C80.9096%2086.5797%2083.2532%2085.3685%2085.0847%2083.5719C86.9163%2081.7752%2088.1503%2079.4774%2088.6245%2076.9806C89.8954%2069.8491%2090.5654%2060.3292%2090.5654%2049.4956C90.5654%2035.7789%2089.5472%2027.5129%2088.8073%2023.3074Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M50.3094%2023.8534C42.094%2023.708%2033.8807%2024.2359%2025.7551%2025.4315C25.111%2029.1764%2024.1709%2036.683%2024.1709%2049.4617C24.1709%2062.2402%2025.111%2069.7897%2025.7551%2073.5345C29.5762%2074.1656%2037.236%2075.087%2050.3094%2075.087C63.3831%2075.087%2071.1299%2074.1656%2074.8464%2073.5345C75.4907%2069.7897%2076.4306%2062.2828%2076.4306%2049.4617C76.5765%2041.4162%2076.041%2033.3729%2074.8292%2025.4144C70.9993%2024.7747%2063.3484%2023.8534%2050.3094%2023.8534Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M88.8073%2023.3074L88.6245%2022.1473C88.1882%2019.6169%2086.9703%2017.2787%2085.1352%2015.4482C83.3001%2013.6176%2080.9362%2012.383%2078.3622%2011.9108C74.5848%2011.2198%2065.8894%2010%2050.2915%2010C34.6937%2010%2026.0591%2011.2113%2022.2467%2011.9364C19.6382%2012.3617%2017.2315%2013.5782%2015.3655%2015.4146C13.4996%2017.2509%2012.2684%2019.6147%2011.8453%2022.1729C11.001%2027.0608%2010%2035.8386%2010%2049.4956C10%2064.6798%2011.2447%2073.2613%2011.9845%2077.0234C12.437%2079.5289%2013.6654%2081.8374%2015.5029%2083.6353C17.3404%2085.4329%2019.698%2086.6329%2022.2554%2087.0722C30.6528%2088.3524%2039.1383%2088.9969%2047.6366%2089H50.3002H52.7548C61.3149%2088.9979%2069.8618%2088.3447%2078.3188%2087.0466H78.3622C80.9096%2086.5797%2083.2532%2085.3685%2085.0847%2083.5719C86.9163%2081.7752%2088.1503%2079.4774%2088.6245%2076.9806C89.8954%2069.8491%2090.5654%2060.3292%2090.5654%2049.4956C90.5654%2035.7789%2089.5472%2027.5129%2088.8073%2023.3074Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M50.3094%2023.8534C42.094%2023.708%2033.8807%2024.2359%2025.7551%2025.4315C25.111%2029.1764%2024.1709%2036.683%2024.1709%2049.4617C24.1709%2062.2402%2025.111%2069.7897%2025.7551%2073.5345C29.5762%2074.1656%2037.236%2075.087%2050.3094%2075.087C63.3831%2075.087%2071.1299%2074.1656%2074.8464%2073.5345C75.4907%2069.7897%2076.4306%2062.2828%2076.4306%2049.4617C76.5765%2041.4162%2076.041%2033.3729%2074.8292%2025.4144C70.9993%2024.7747%2063.3484%2023.8534%2050.3094%2023.8534Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M51.2908%2014.5352C65.4785%2014.5863%2073.8073%2015.7166%2077.4311%2016.3419C79.0739%2016.6445%2080.5826%2017.433%2081.7542%2018.6012C82.9262%2019.7694%2083.7047%2021.2613%2083.9852%2022.8762C85.3614%2031.6756%2085.9787%2040.5731%2085.8306%2049.4739C85.8306%2064.1463%2084.6382%2072.4548%2083.9852%2076.0888C83.7093%2077.6858%2082.9363%2079.16%2081.7725%2080.3099C80.6085%2081.4597%2079.1104%2082.2289%2077.4833%2082.5121C73.8102%2083.2798%2065.5324%2084.4912%2051.1794%2084.4912H50.3089C39.7978%2084.4912%2032.4625%2083.9111%2027.7457%2083.3445L26.8653%2083.2352C25.3106%2083.0357%2024.0812%2082.8427%2023.152%2082.6828C21.5144%2082.4125%2020.0031%2081.6499%2018.8273%2080.5005C17.6514%2079.3513%2016.8693%2077.8721%2016.5891%2076.268C15.7883%2072.5317%2014.6045%2064.1718%2014.6045%2049.4995L14.6064%2048.5089C14.6585%2034.452%2015.8119%2026.4361%2016.4498%2022.8847C16.7611%2021.2677%2017.5633%2019.7804%2018.7514%2018.6175C19.9395%2017.4547%2021.4581%2016.6705%2023.1085%2016.3675C26.9557%2015.6765%2035.4945%2014.5334%2050.2915%2014.5334L51.2908%2014.5352ZM50.2915%2023.8572C42.0819%2023.7127%2033.8744%2024.2406%2025.7546%2025.4353C25.1104%2029.1801%2024.1704%2036.6613%2024.1704%2049.4654C24.1704%2062.2696%2025.1104%2069.7933%2025.7546%2073.5381C29.5757%2074.1695%2037.244%2075.0736%2050.3002%2075.0736C63.3564%2075.0736%2071.1206%2074.1524%2074.8372%2073.5211C75.4812%2069.7763%2076.4213%2062.244%2076.4213%2049.4483C76.5702%2041.4111%2076.0288%2033.3676%2074.8112%2025.4097C70.9813%2024.7785%2063.3477%2023.8572%2050.2915%2023.8572Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3Cpath%20d%3D%22M48%2042.5L33%2042.5%22%20stroke%3D%22%230E1116%22%20stroke-width%3D%228%22%2F%3E%0A%3Cpath%20d%3D%22M67.7457%2039.5587L53.2568%2043.441%22%20stroke%3D%22%230E1116%22%20stroke-width%3D%228%22%2F%3E%0A%3Cpath%20d%3D%22M37.5%2065C38.6667%2063.3333%2042.5%2060%2048.5%2060C54.5%2060%2061.3333%2060%2064%2060%22%20stroke%3D%22%230E1116%22%20stroke-width%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A\",\"3\":\"data:image\/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M88.8073%2023.3074L88.6245%2022.1473C88.1882%2019.6169%2086.9703%2017.2787%2085.1352%2015.4482C83.3001%2013.6176%2080.9362%2012.383%2078.3622%2011.9108C74.5848%2011.2198%2065.8894%2010%2050.2915%2010C34.6937%2010%2026.0591%2011.2113%2022.2467%2011.9364C19.6382%2012.3617%2017.2315%2013.5782%2015.3655%2015.4146C13.4996%2017.2509%2012.2684%2019.6147%2011.8453%2022.1729C11.001%2027.0608%2010%2035.8386%2010%2049.4956C10%2064.6798%2011.2447%2073.2613%2011.9845%2077.0234C12.437%2079.5289%2013.6654%2081.8374%2015.5029%2083.6353C17.3404%2085.4329%2019.698%2086.6329%2022.2554%2087.0722C30.6528%2088.3524%2039.1383%2088.9969%2047.6366%2089H50.3002H52.7548C61.3149%2088.9979%2069.8618%2088.3447%2078.3188%2087.0466H78.3622C80.9096%2086.5797%2083.2532%2085.3685%2085.0847%2083.5719C86.9163%2081.7752%2088.1503%2079.4774%2088.6245%2076.9806C89.8954%2069.8491%2090.5654%2060.3292%2090.5654%2049.4956C90.5654%2035.7789%2089.5472%2027.5129%2088.8073%2023.3074Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M50.3094%2023.8534C42.0941%2023.708%2033.8808%2024.2359%2025.7551%2025.4315C25.111%2029.1764%2024.171%2036.683%2024.171%2049.4617C24.171%2062.2402%2025.111%2069.7897%2025.7551%2073.5345C29.5762%2074.1656%2037.236%2075.087%2050.3094%2075.087C63.3831%2075.087%2071.1299%2074.1656%2074.8464%2073.5345C75.4907%2069.7897%2076.4306%2062.2828%2076.4306%2049.4617C76.5765%2041.4162%2076.041%2033.3729%2074.8292%2025.4144C70.9993%2024.7747%2063.3484%2023.8534%2050.3094%2023.8534Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M51.2908%2014.5352C65.4785%2014.5863%2073.8073%2015.7166%2077.4311%2016.3419C79.0739%2016.6445%2080.5826%2017.433%2081.7542%2018.6012C82.9262%2019.7694%2083.7047%2021.2613%2083.9852%2022.8762C85.3614%2031.6756%2085.9787%2040.5731%2085.8306%2049.4739C85.8306%2064.1463%2084.6382%2072.4548%2083.9852%2076.0888C83.7093%2077.6858%2082.9363%2079.16%2081.7725%2080.3099C80.6085%2081.4597%2079.1104%2082.2289%2077.4833%2082.5121C73.8102%2083.2798%2065.5324%2084.4912%2051.1794%2084.4912H50.3089C39.7978%2084.4912%2032.4625%2083.9111%2027.7457%2083.3445L26.8653%2083.2352C25.3106%2083.0357%2024.0812%2082.8427%2023.152%2082.6828C21.5144%2082.4125%2020.0031%2081.6499%2018.8273%2080.5005C17.6514%2079.3513%2016.8693%2077.8721%2016.5891%2076.268C15.7883%2072.5317%2014.6045%2064.1718%2014.6045%2049.4995L14.6064%2048.5089C14.6585%2034.452%2015.8119%2026.4361%2016.4498%2022.8847C16.7611%2021.2677%2017.5633%2019.7804%2018.7514%2018.6175C19.9395%2017.4547%2021.4581%2016.6705%2023.1085%2016.3675C26.9557%2015.6765%2035.4945%2014.5334%2050.2915%2014.5334L51.2908%2014.5352ZM50.2915%2023.8572C42.0819%2023.7127%2033.8744%2024.2406%2025.7546%2025.4353C25.1104%2029.1801%2024.1704%2036.6613%2024.1704%2049.4654C24.1704%2062.2696%2025.1104%2069.7933%2025.7546%2073.5381C29.5757%2074.1695%2037.244%2075.0736%2050.3002%2075.0736C63.3564%2075.0736%2071.1206%2074.1524%2074.8372%2073.5211C75.4812%2069.7763%2076.4213%2062.244%2076.4213%2049.4483C76.5702%2041.4111%2076.0288%2033.3676%2074.8112%2025.4097C70.9813%2024.7785%2063.3477%2023.8572%2050.2915%2023.8572Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3Cpath%20d%3D%22M37.5%2065C38.6667%2063.3333%2042.5%2060%2048.5%2060C54.5%2060%2061.3333%2060%2064%2060%22%20stroke%3D%22%230E1116%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M88.8073%2023.3074L88.6245%2022.1473C88.1882%2019.6169%2086.9703%2017.2787%2085.1352%2015.4482C83.3001%2013.6176%2080.9362%2012.383%2078.3622%2011.9108C74.5848%2011.2198%2065.8894%2010%2050.2915%2010C34.6937%2010%2026.0591%2011.2113%2022.2467%2011.9364C19.6382%2012.3617%2017.2315%2013.5782%2015.3655%2015.4146C13.4996%2017.2509%2012.2684%2019.6147%2011.8453%2022.1729C11.001%2027.0608%2010%2035.8386%2010%2049.4956C10%2064.6798%2011.2447%2073.2613%2011.9845%2077.0234C12.437%2079.5289%2013.6654%2081.8374%2015.5029%2083.6353C17.3404%2085.4329%2019.698%2086.6329%2022.2554%2087.0722C30.6528%2088.3524%2039.1383%2088.9969%2047.6366%2089H50.3002H52.7548C61.3149%2088.9979%2069.8618%2088.3447%2078.3188%2087.0466H78.3622C80.9096%2086.5797%2083.2532%2085.3685%2085.0847%2083.5719C86.9163%2081.7752%2088.1503%2079.4774%2088.6245%2076.9806C89.8954%2069.8491%2090.5654%2060.3292%2090.5654%2049.4956C90.5654%2035.7789%2089.5472%2027.5129%2088.8073%2023.3074Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M50.3094%2023.8534C42.0941%2023.708%2033.8808%2024.2359%2025.7551%2025.4315C25.111%2029.1764%2024.171%2036.683%2024.171%2049.4617C24.171%2062.2402%2025.111%2069.7897%2025.7551%2073.5345C29.5762%2074.1656%2037.236%2075.087%2050.3094%2075.087C63.3831%2075.087%2071.1299%2074.1656%2074.8464%2073.5345C75.4907%2069.7897%2076.4306%2062.2828%2076.4306%2049.4617C76.5765%2041.4162%2076.041%2033.3729%2074.8292%2025.4144C70.9993%2024.7747%2063.3484%2023.8534%2050.3094%2023.8534Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M37.7745%2032.8563L47.6973%2042.5725L37.7745%2052.2885L33.2135%2047.8187L38.5579%2042.5725L33.2135%2037.3263L37.7745%2032.8563ZM67.7692%2040.1789V46.5682H53.0332V40.1789H67.7692Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3Cpath%20d%3D%22M51.2908%2014.5352C65.4785%2014.5863%2073.8073%2015.7166%2077.4311%2016.3419C79.0739%2016.6445%2080.5826%2017.433%2081.7542%2018.6012C82.9262%2019.7694%2083.7047%2021.2613%2083.9852%2022.8762C85.3614%2031.6756%2085.9787%2040.5731%2085.8306%2049.4739C85.8306%2064.1463%2084.6382%2072.4548%2083.9852%2076.0888C83.7093%2077.6858%2082.9363%2079.16%2081.7725%2080.3099C80.6085%2081.4597%2079.1104%2082.2289%2077.4833%2082.5121C73.8102%2083.2798%2065.5324%2084.4912%2051.1794%2084.4912H50.3089C39.7978%2084.4912%2032.4625%2083.9111%2027.7457%2083.3445L26.8653%2083.2352C25.3106%2083.0357%2024.0812%2082.8427%2023.152%2082.6828C21.5144%2082.4125%2020.0031%2081.6499%2018.8273%2080.5005C17.6514%2079.3513%2016.8693%2077.8721%2016.5891%2076.268C15.7883%2072.5317%2014.6045%2064.1718%2014.6045%2049.4995L14.6064%2048.5089C14.6585%2034.452%2015.8119%2026.4361%2016.4498%2022.8847C16.7611%2021.2677%2017.5633%2019.7804%2018.7514%2018.6175C19.9395%2017.4547%2021.4581%2016.6705%2023.1085%2016.3675C26.9557%2015.6765%2035.4945%2014.5334%2050.2915%2014.5334L51.2908%2014.5352ZM50.2915%2023.8572C42.0819%2023.7127%2033.8744%2024.2406%2025.7546%2025.4353C25.1104%2029.1801%2024.1704%2036.6613%2024.1704%2049.4654C24.1704%2062.2696%2025.1104%2069.7933%2025.7546%2073.5381C29.5757%2074.1695%2037.244%2075.0736%2050.3002%2075.0736C63.3564%2075.0736%2071.1206%2074.1524%2074.8372%2073.5211C75.4812%2069.7763%2076.4213%2062.244%2076.4213%2049.4483C76.5702%2041.4111%2076.0288%2033.3676%2074.8112%2025.4097C70.9813%2024.7785%2063.3477%2023.8572%2050.2915%2023.8572Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%226%22%20transform%3D%22matrix(1%200%200%20-1%2044%2066)%22%20fill%3D%22%230E1116%22%2F%3E%0A%3C%2Fsvg%3E%0A\",\"4\":\"data:image\/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M88.8073%2023.3074L88.6245%2022.1473C88.1882%2019.6169%2086.9703%2017.2787%2085.1352%2015.4482C83.3001%2013.6176%2080.9362%2012.383%2078.3622%2011.9108C74.5848%2011.2198%2065.8894%2010%2050.2915%2010C34.6937%2010%2026.0591%2011.2113%2022.2467%2011.9364C19.6382%2012.3617%2017.2315%2013.5782%2015.3655%2015.4146C13.4996%2017.2509%2012.2684%2019.6147%2011.8453%2022.1729C11.001%2027.0608%2010%2035.8386%2010%2049.4956C10%2064.6798%2011.2447%2073.2613%2011.9845%2077.0234C12.437%2079.5289%2013.6654%2081.8374%2015.5029%2083.6353C17.3404%2085.4329%2019.698%2086.6329%2022.2554%2087.0722C30.6528%2088.3524%2039.1383%2088.9969%2047.6366%2089H50.3002H52.7548C61.3149%2088.9979%2069.8618%2088.3447%2078.3188%2087.0466H78.3622C80.9096%2086.5797%2083.2532%2085.3685%2085.0847%2083.5719C86.9163%2081.7752%2088.1503%2079.4774%2088.6245%2076.9806C89.8954%2069.8491%2090.5654%2060.3292%2090.5654%2049.4956C90.5654%2035.7789%2089.5472%2027.5129%2088.8073%2023.3074Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M50.3094%2023.8534C42.0941%2023.708%2033.8808%2024.2359%2025.7551%2025.4315C25.111%2029.1764%2024.171%2036.683%2024.171%2049.4617C24.171%2062.2402%2025.111%2069.7897%2025.7551%2073.5345C29.5762%2074.1656%2037.236%2075.087%2050.3094%2075.087C63.3831%2075.087%2071.1299%2074.1656%2074.8464%2073.5345C75.4907%2069.7897%2076.4306%2062.2828%2076.4306%2049.4617C76.5765%2041.4162%2076.041%2033.3729%2074.8292%2025.4144C70.9993%2024.7747%2063.3484%2023.8534%2050.3094%2023.8534Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M51.2908%2014.5352C65.4785%2014.5863%2073.8074%2015.7166%2077.4311%2016.3419C79.0739%2016.6445%2080.5826%2017.433%2081.7543%2018.6012C82.9262%2019.7694%2083.7047%2021.2613%2083.9852%2022.8762C85.3614%2031.6756%2085.9787%2040.5731%2085.8307%2049.4739C85.8307%2064.1463%2084.6382%2072.4548%2083.9852%2076.0888C83.7093%2077.6858%2082.9363%2079.16%2081.7726%2080.3099C80.6085%2081.4597%2079.1105%2082.2289%2077.4833%2082.5121C73.8102%2083.2798%2065.5324%2084.4912%2051.1794%2084.4912H50.3089C39.7979%2084.4912%2032.4625%2083.9111%2027.7457%2083.3445L26.8653%2083.2352C25.3106%2083.0357%2024.0812%2082.8427%2023.152%2082.6828C21.5144%2082.4125%2020.0031%2081.6499%2018.8273%2080.5005C17.6514%2079.3513%2016.8693%2077.8721%2016.5891%2076.268C15.7883%2072.5317%2014.6046%2064.1718%2014.6046%2049.4995L14.6064%2048.5089C14.6585%2034.452%2015.8119%2026.4361%2016.4498%2022.8847C16.7611%2021.2677%2017.5634%2019.7804%2018.7514%2018.6175C19.9395%2017.4547%2021.4581%2016.6705%2023.1085%2016.3675C26.9557%2015.6765%2035.4946%2014.5334%2050.2915%2014.5334L51.2908%2014.5352ZM50.2915%2023.8572C42.0819%2023.7127%2033.8744%2024.2406%2025.7546%2025.4353C25.1105%2029.1801%2024.1704%2036.6613%2024.1704%2049.4654C24.1704%2062.2696%2025.1105%2069.7933%2025.7546%2073.5381C29.5757%2074.1695%2037.244%2075.0736%2050.3002%2075.0736C63.3564%2075.0736%2071.1207%2074.1524%2074.8372%2073.5211C75.4812%2069.7763%2076.4213%2062.244%2076.4213%2049.4483C76.5702%2041.4111%2076.0288%2033.3676%2074.8112%2025.4097C70.9814%2024.7785%2063.3477%2023.8572%2050.2915%2023.8572ZM37.7745%2032.8562L47.6974%2042.5724L37.7745%2052.2884L33.2135%2047.8186L38.5579%2042.5724L33.2135%2037.3262L37.7745%2032.8562ZM67.7692%2044.5859V50.9751H53.0332V44.5859H67.7692ZM67.7692%2034.1789V40.5681H53.0332V34.1789H67.7692Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%226%22%20transform%3D%22matrix(1%200%200%20-1%2044%2066)%22%20fill%3D%22%230E1116%22%2F%3E%0A%3C%2Fsvg%3E%0A\",\"5\":\"data:image\/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M88.8073%2023.3074L88.6245%2022.1473C88.1882%2019.6169%2086.9703%2017.2787%2085.1352%2015.4482C83.3001%2013.6176%2080.9362%2012.383%2078.3622%2011.9108C74.5848%2011.2198%2065.8894%2010%2050.2915%2010C34.6937%2010%2026.0591%2011.2113%2022.2467%2011.9364C19.6382%2012.3617%2017.2315%2013.5782%2015.3655%2015.4146C13.4996%2017.2509%2012.2684%2019.6147%2011.8453%2022.1729C11.001%2027.0608%2010%2035.8386%2010%2049.4956C10%2064.6798%2011.2447%2073.2613%2011.9845%2077.0234C12.437%2079.5289%2013.6654%2081.8374%2015.5029%2083.6353C17.3404%2085.4329%2019.698%2086.6329%2022.2554%2087.0722C30.6528%2088.3524%2039.1383%2088.9969%2047.6366%2089H50.3002H52.7548C61.3149%2088.9979%2069.8618%2088.3447%2078.3188%2087.0466H78.3622C80.9096%2086.5797%2083.2532%2085.3685%2085.0847%2083.5719C86.9163%2081.7752%2088.1503%2079.4774%2088.6245%2076.9806C89.8954%2069.8491%2090.5654%2060.3292%2090.5654%2049.4956C90.5654%2035.7789%2089.5472%2027.5129%2088.8073%2023.3074Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M50.3094%2023.8534C42.0941%2023.708%2033.8808%2024.2359%2025.7551%2025.4315C25.111%2029.1764%2024.171%2036.683%2024.171%2049.4617C24.171%2062.2402%2025.111%2069.7897%2025.7551%2073.5345C29.5762%2074.1656%2037.236%2075.087%2050.3094%2075.087C63.3831%2075.087%2071.1299%2074.1656%2074.8464%2073.5345C75.4907%2069.7897%2076.4306%2062.2828%2076.4306%2049.4617C76.5765%2041.4162%2076.041%2033.3729%2074.8292%2025.4144C70.9993%2024.7747%2063.3484%2023.8534%2050.3094%2023.8534Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M51.2908%2014.5352C65.4785%2014.5863%2073.8074%2015.7166%2077.4311%2016.3419C79.0739%2016.6445%2080.5826%2017.433%2081.7543%2018.6012C82.9262%2019.7694%2083.7047%2021.2613%2083.9852%2022.8762C85.3614%2031.6756%2085.9787%2040.5731%2085.8307%2049.4739C85.8307%2064.1463%2084.6382%2072.4548%2083.9852%2076.0888C83.7093%2077.6858%2082.9363%2079.16%2081.7726%2080.3099C80.6085%2081.4597%2079.1105%2082.2289%2077.4833%2082.5121C73.8102%2083.2798%2065.5324%2084.4912%2051.1794%2084.4912H50.3089C39.7979%2084.4912%2032.4625%2083.9111%2027.7457%2083.3445L26.8653%2083.2352C25.3106%2083.0357%2024.0812%2082.8427%2023.152%2082.6828C21.5144%2082.4125%2020.0031%2081.6499%2018.8273%2080.5005C17.6514%2079.3513%2016.8693%2077.8721%2016.5891%2076.268C15.7883%2072.5317%2014.6046%2064.1718%2014.6046%2049.4995L14.6064%2048.5089C14.6585%2034.452%2015.8119%2026.4361%2016.4498%2022.8847C16.7611%2021.2677%2017.5634%2019.7804%2018.7514%2018.6175C19.9395%2017.4547%2021.4581%2016.6705%2023.1085%2016.3675C26.9557%2015.6765%2035.4946%2014.5334%2050.2915%2014.5334L51.2908%2014.5352ZM50.2915%2023.8572C42.0819%2023.7127%2033.8744%2024.2406%2025.7546%2025.4353C25.1105%2029.1801%2024.1704%2036.6613%2024.1704%2049.4654C24.1704%2062.2696%2025.1105%2069.7933%2025.7546%2073.5381C29.5757%2074.1695%2037.244%2075.0736%2050.3002%2075.0736C63.3564%2075.0736%2071.1207%2074.1524%2074.8372%2073.5211C75.4812%2069.7763%2076.4213%2062.244%2076.4213%2049.4483C76.5702%2041.4111%2076.0288%2033.3676%2074.8112%2025.4097C70.9814%2024.7785%2063.3477%2023.8572%2050.2915%2023.8572ZM60.9893%2056.5458L65.5501%2061.0158C61.5382%2064.9481%2056.0965%2067.1574%2050.4224%2067.1576C47.5928%2067.1699%2044.7887%2066.6337%2042.1715%2065.5795C39.5543%2064.5255%2037.1758%2062.9744%2035.1727%2061.0158L39.7337%2056.5458C42.5526%2059.3077%2046.3754%2060.8592%2050.3615%2060.8592C54.3475%2060.8592%2058.1703%2059.3077%2060.9893%2056.5458ZM37.7745%2032.8562L47.6974%2042.5724L37.7745%2052.2884L33.2135%2047.8186L38.5579%2042.5724L33.2135%2037.3262L37.7745%2032.8562ZM67.7692%2044.5859V50.9751H53.0332V44.5859H67.7692ZM67.7692%2034.1789V40.5681H53.0332V34.1789H67.7692Z%22%20fill%3D%22%230E1116%22%2F%3E%0A%3C%2Fsvg%3E%0A\"};\r\nconst CONFIG = {\r\n  hubspot: { portalId: \"7098362\", formId: \"051a0935-686c-4e3f-afb1-2c51a55f91f2\", region: \"na1\", scriptUrl: \"https:\/\/js.hsforms.net\/forms\/embed\/v2.js\" },\r\n  plans: { Small: 39, Medium: 89, Large: 199 },\r\n};\r\nconst PDF_CONFIG = { scriptUrl: \"https:\/\/swat.io\/wp-content\/uploads\/2026\/09\/html2pdf.bundle.min_.js\" };\r\nconst CONSENT_DETAILS = \"I agree to Swat.io processing my contact data provided in the form as well as data concerning my user behavior on this website and within e-mails (name, company, e-mail address, telephone number, page interactions, opening rate and click-through rate) for the purpose of personalized displaying and sending of advertising for Swat.io\u2019s own products and services, as well as to Swat.io sending me advertising by e-mail and contacting me by telephone for this purpose. This data will be processed for a maximum period of 24 months after my last activity on the website or in emails from Swat.io. In this regard, the processing is carried out through the sending of promotional emails and promotional calls, as well as the targeted displaying of advertising through retargeting techniques. This consent is voluntary and not a prerequisite for using Swat.io\u2019s services and responses to my inquiries. I may revoke this consent at any time by emailing privacy@swat.io.\";\r\n\r\nconst questions = [\r\n  { key: \"members\", title: \"How many people regularly work on your social media management?\", help: \"Count everyone who plans, creates content, approves posts, handles comments or builds reports \u2013 internal or external. Even if it's only part of their job.\", values: [2, 5, 7, 9], labels: [\"1\u20133\", \"4\u20135\", \"6\u20138\", \"9+\"], default: 5, visual: \"people\" },\r\n  { key: \"channels\", title: \"How many profiles does your team publish on or moderate?\", help: \"Count every individual social media account your team is responsible for (not just the ones with a login): Instagram, Facebook, TikTok, LinkedIn, YouTube, etc.\", values: [3, 5, 8, 11], labels: [\"1\u20133\", \"4\u20135\", \"6\u201310\", \"10+\"], default: 3, visual: \"channels\" },\r\n  { key: \"weeklyHours\", title: \"How many hours per week does your team spend on social media in total?\", help: \"Include planning, coordination, content creation, community management and reporting. Don't forget external contributors, if you work with any.\", values: [5, 10, 15, 20, 25, 30, 40, 50], labels: [\"5\", \"10\", \"15\", \"20\", \"25\", \"30\", \"40\", \"50+\"], default: 15, unit: \"hrs\", visual: \"hours\" },\r\n  { key: \"costProfile\", title: \"Which roles help keep your social media running?\", help: \"Select everyone who regularly spends time on social media tasks. We use this to calculate average personnel costs. Agency \/ freelancer is calculated at \u20ac120 per hour.\", default: [], type: \"roles\" },\r\n  { key: \"effPos\", title: \"How much coordination does your team need?\", help: \"Choose what best describes your reality. Don't just count scheduled meetings \u2013 include written back-and-forth and spontaneous calls, too.\", default: 4, min: 1, max: 5, type: \"efficiency\", labels: [\"We coordinate several times a day and do everything ad hoc\", \"We have a plan, but still need to sort things out every day\", \"Our workflow is set, but a few times a week something still needs clarifying\", \"Everyone knows what to do, ad hoc coordination rarely happens\", \"We have our regular team meeting, and apart from that there's usually no spontaneous coordination\"] },\r\n];\r\n\r\nconst roles = [\r\n  [\"agency\", \"Agency \/ freelancer\"],\r\n  [\"junior\", \"Junior \/ coordinator\"],\r\n  [\"specialist\", \"Social media manager\"],\r\n  [\"senior\", \"Senior \/ lead\"],\r\n  [\"head\", \"Head of Marketing \/ Communications\"],\r\n  [\"other\", \"Other (e.g. PR \/ legal, design, photo \/ video)\"],\r\n];\r\nconst roleRates = { agency: 120, junior: 40, specialist: 55, senior: 75, head: 100, other: 60 };\r\nconst visualSliderMax = 100;\r\nconst state = { members: 5, channels: 3, weeklyHours: 15, costProfiles: [], effPos: 4, hourlyRate: 0 };\r\nlet currentIndex = 0;\r\nlet hubspotPromise;\r\nlet pdfPromise;\r\nlet hubspotCreated = false;\r\nlet hubspotRef = null;\r\nlet submitted = false;\r\nconst trackedEvents = new Set();\r\n\r\nconst root = document.getElementById(\"swat-io-quiz-embed-original\");\r\nconst $ = (id) => root.querySelector(`#${id}`);\r\nconst screens = root.querySelectorAll(\"[data-screen]\");\r\nroot.addEventListener(\"click\", (event) => {\r\n  const toggleControl = event.target instanceof Element ? event.target.closest(\"#roiHubspotForm .swat-consent-toggle\") : null;\r\n  if (!toggleControl) return;\r\n  event.preventDefault();\r\n  event.stopPropagation();\r\n  const consent = toggleControl.closest(\".hs-form-booleancheckbox-display, .hs-form-checkbox-display\") || toggleControl.parentElement;\r\n  const textWrapper = consent.querySelector(\":scope > span\") || consent;\r\n  let details = consent.querySelector(\".swat-consent-details\");\r\n  if (!details) {\r\n    details = document.createElement(\"span\");\r\n    details.className = \"swat-consent-details\";\r\n    details.textContent = CONSENT_DETAILS;\r\n    details.hidden = true;\r\n    textWrapper.appendChild(details);\r\n  }\r\n  const expanded = details.hidden;\r\n  details.hidden = !expanded;\r\n  toggleControl.textContent = expanded ? \"Less\" : \"More\";\r\n  toggleControl.setAttribute(\"aria-expanded\", String(expanded));\r\n}, true);\r\nconst consentToggleLabel = \/^(?:show |read |view )?(?:more|less)$\/i;\r\nfunction prepareConsentToggle() {\r\n  root.querySelectorAll(\"#roiHubspotForm .hs-form-booleancheckbox-display > span, #roiHubspotForm .hs-form-checkbox-display > span\").forEach((label) => {\r\n    if (label.querySelector(\".swat-consent-toggle\")) return;\r\n    const link = [...label.querySelectorAll(\"a\")].find((anchor) => consentToggleLabel.test(anchor.textContent.replace(\/\\s+\/g, \" \").trim().replace(\/[*\u2026.\\s]+$\/, \"\")));\r\n    if (link) {\r\n      link.classList.add(\"swat-consent-toggle\");\r\n      link.setAttribute(\"role\", \"button\");\r\n      link.setAttribute(\"aria-expanded\", \"false\");\r\n      return;\r\n    }\r\n    const walker = document.createTreeWalker(label, NodeFilter.SHOW_TEXT, { acceptNode: (node) => node.parentElement.closest(\".hs-form-required, .swat-consent-details\") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT });\r\n    let textNode = null;\r\n    while (walker.nextNode()) if (walker.currentNode.textContent.trim()) textNode = walker.currentNode;\r\n    const match = textNode?.textContent.match(\/^([\\s\\S]*?)\\s*\\b((?:show |read |view )?more)[\u2026.]*\\s*$\/i);\r\n    if (!match) return;\r\n    const toggle = document.createElement(\"button\");\r\n    toggle.type = \"button\";\r\n    toggle.className = \"swat-consent-toggle\";\r\n    toggle.textContent = \"More\";\r\n    toggle.setAttribute(\"aria-expanded\", \"false\");\r\n    textNode.textContent = match[1] + \" \";\r\n    textNode.after(toggle);\r\n  });\r\n}\r\nconst consentFormHost = root.querySelector(\"#roiHubspotForm\");\r\nif (consentFormHost) new MutationObserver(prepareConsentToggle).observe(consentFormHost, { childList: true, subtree: true });\r\n\r\nfunction showScreen(name) {\r\n  screens.forEach((screen) => { const active = screen.dataset.screen === name; screen.hidden = !active; screen.classList.toggle(\"is-active\", active); });\r\n  window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n}\r\n\r\nfunction isMobileViewport() { return window.matchMedia(\"(max-width:780px)\").matches; }\r\n\r\nfunction scrollQuestionIntoView() {\r\n  if (!isMobileViewport()) return;\r\n  const questionScreen = root.querySelector(\".question-screen\");\r\n  if (!questionScreen) return;\r\n  window.setTimeout(() => {\r\n    const top = questionScreen.getBoundingClientRect().top + window.scrollY - 12;\r\n    window.scrollTo({ top: Math.max(0, top), behavior: \"smooth\" });\r\n  }, 0);\r\n}\r\n\r\nfunction setProgress(completed = currentIndex) {\r\n  $(\"progress\").hidden = false;\r\n  $(\"progress-label\").textContent = `Question ${Math.min(currentIndex + 1, 5)} of 5`;\r\n  $(\"progress-pct\").textContent = `${Math.round((completed \/ 5) * 100)}%`;\r\n  $(\"progress-fill\").style.width = `${(completed \/ 5) * 100}%`;\r\n}\r\n\r\nfunction sliderPercent(index, count) { return count <= 1 ? 0 : (index \/ (count - 1)) * visualSliderMax; }\r\nfunction discreteSliderIndex(value, count) { return Math.max(0, Math.min(count - 1, Math.round((Number(value) \/ visualSliderMax) * (count - 1)))); }\r\n\r\nfunction sliderMarkup(question) {\r\n  const index = question.values.indexOf(state[question.key]);\r\n  const percentage = sliderPercent(index, question.values.length);\r\n  const unit = question.unit ? `<small>${question.unit}<\/small>` : \"\";\r\n  return `<div class=\"slider-stage\"><div class=\"stepper\"><button type=\"button\" data-step=\"-1\" aria-label=\"Decrease value\">\u2212<\/button><div class=\"readout\"><strong>${question.labels[index]}<\/strong>${unit}<\/div><button type=\"button\" data-step=\"1\" aria-label=\"Increase value\">+<\/button><\/div><div class=\"slider\"><input class=\"range\" id=\"question-range\" type=\"range\" min=\"0\" max=\"${visualSliderMax}\" step=\"1\" value=\"${percentage}\" style=\"--fill:${percentage}%\" aria-label=\"${question.title}\" \/><div class=\"range-ends\"><span>${question.labels[0]}<\/span><span>${question.labels[question.labels.length - 1]}<\/span><\/div><\/div><\/div>`;\r\n}\r\n\r\nfunction renderEfficiency(question) {\r\n  const percentage = sliderPercent(state.effPos - 1, question.labels.length);\r\n  return `<div class=\"efficiency-stage\"><div class=\"efficiency-face${state.effPos === 5 ? \" efficiency-face-logo\" : \"\"}\"><img decoding=\"async\" src=\"${FACE_SVGS[state.effPos]}\" alt=\"\" \/><\/div><div class=\"stepper efficiency-stepper\"><button type=\"button\" data-step=\"-1\" aria-label=\"Decrease efficiency\">\u2212<\/button><div class=\"readout\"><span class=\"efficiency-readout\">${question.labels[state.effPos - 1]}<\/span><\/div><button type=\"button\" data-step=\"1\" aria-label=\"Increase efficiency\">+<\/button><\/div><div class=\"slider\"><input class=\"range\" id=\"question-range\" type=\"range\" min=\"0\" max=\"${visualSliderMax}\" step=\"1\" value=\"${percentage}\" style=\"--fill:${percentage}%\" aria-label=\"${question.title}\" \/><div class=\"range-ends\"><span>At least 1\u00d7\/day<\/span><span>Max. 1\u00d7\/week<\/span><\/div><\/div><\/div>`;\r\n}\r\n\r\nfunction renderRoles() {\r\n  const options = `<div class=\"role-options\">${roles.map(([id, title]) => `<button class=\"role-option\" type=\"button\" data-role=\"${id}\" aria-pressed=\"${state.costProfiles.includes(id)}\"><span class=\"role-title\">${title}<\/span><span class=\"role-check\" aria-hidden=\"true\"><\/span><\/button>`).join(\"\")}<\/div>`;\r\n  return options;\r\n}\r\n\r\nfunction syncHourlyRate() { state.hourlyRate = state.costProfiles.length ? state.costProfiles.reduce((sum, id) => sum + roleRates[id], 0) \/ state.costProfiles.length : 0; }\r\n\r\nfunction renderQuestion(direction = \"forward\") {\r\n  const question = questions[currentIndex];\r\n  $(\"question-eyebrow\").textContent = [\"Team setup\", \"Channel setup\", \"Time investment\", \"Contributors\", \"Coordination effort\"][currentIndex];\r\n  $(\"question-title\").textContent = question.title;\r\n  $(\"question-help\").textContent = question.help;\r\n  $(\"question-control\").innerHTML = question.type === \"roles\" ? renderRoles() : question.type === \"efficiency\" ? renderEfficiency(question) : sliderMarkup(question);\r\n  $(\"question-back-bottom\").disabled = false;\r\n  $(\"next-button\").textContent = currentIndex === 4 ? \"Show analysis \u2192\" : \"Next \u2192\";\r\n  $(\"next-button\").disabled = currentIndex === 3 ? state.costProfiles.length === 0 : false;\r\n  bindQuestionControl(question);\r\n  setProgress(currentIndex);\r\n  const questionScreen = root.querySelector(\".question-screen\");\r\n  questionScreen.classList.remove(\"question-transition\");\r\n  if (direction !== \"none\") {\r\n    questionScreen.dataset.motion = direction;\r\n    void questionScreen.offsetWidth;\r\n    questionScreen.classList.add(\"question-transition\");\r\n    scrollQuestionIntoView();\r\n  }\r\n}\r\n\r\nfunction bindQuestionControl(question) {\r\n  if (question.type === \"roles\") {\r\n    root.querySelectorAll(\"[data-role]\").forEach((button) => button.addEventListener(\"click\", () => {\r\n      const id = button.dataset.role;\r\n      if (state.costProfiles.includes(id)) {\r\n        state.costProfiles = state.costProfiles.filter((role) => role !== id);\r\n      } else state.costProfiles = [...state.costProfiles, id];\r\n      syncHourlyRate();\r\n      renderQuestion(\"none\");\r\n    }));\r\n    return;\r\n  }\r\n  const range = $(\"question-range\");\r\n  const discreteCount = question.type === \"efficiency\" ? 5 : question.values.length;\r\n  const paint = (value) => {\r\n    const previousIndex = question.type === \"efficiency\" ? state.effPos - 1 : question.values.indexOf(state[question.key]);\r\n    const index = discreteSliderIndex(value, discreteCount);\r\n    if (question.type === \"efficiency\") state.effPos = index + 1;\r\n    else state[question.key] = question.values[index];\r\n    updateSliderControl(question, Number(value), index !== previousIndex);\r\n  };\r\n  range.addEventListener(\"input\", () => paint(range.value));\r\n  root.querySelectorAll(\"[data-step]\").forEach((button) => button.addEventListener(\"click\", () => { const currentIndex = question.type === \"efficiency\" ? state.effPos - 1 : question.values.indexOf(state[question.key]); const nextIndex = Math.max(0, Math.min(discreteCount - 1, currentIndex + Number(button.dataset.step))); paint(sliderPercent(nextIndex, discreteCount)); }));\r\n}\r\n\r\nfunction updateSliderControl(question, visualValue = null, animateFace = false) {\r\n  const range = $(\"question-range\");\r\n  if (!range) return;\r\n  const index = question.type === \"efficiency\" ? state.effPos : question.values.indexOf(state[question.key]);\r\n  const percentage = question.type === \"efficiency\" ? ((state.effPos - 1) \/ 4) * 100 : (index \/ (question.values.length - 1)) * 100;\r\n  const currentVisualValue = visualValue === null ? percentage : Math.max(0, Math.min(visualSliderMax, visualValue));\r\n  range.value = currentVisualValue;\r\n  range.style.setProperty(\"--fill\", `${currentVisualValue}%`);\r\n  const readout = $(\"question-control\").querySelector(\".readout strong, .readout .efficiency-readout\");\r\n  if (readout) readout.textContent = question.type === \"efficiency\" ? question.labels[state.effPos - 1] : question.labels[index];\r\n  if (question.type === \"efficiency\" ? animateFace : false) {\r\n    const face = $(\"question-control\").querySelector(\".efficiency-face img\");\r\n    if (face) {\r\n      face.src = FACE_SVGS[state.effPos];\r\n      face.parentElement.classList.toggle(\"efficiency-face-logo\", state.effPos === 5);\r\n      face.style.animation = \"none\";\r\n      face.offsetHeight;\r\n      face.style.animation = \"face-in .26s cubic-bezier(.22,.8,.32,1) both\";\r\n    }\r\n    const word = $(\"question-control\").querySelector(\".efficiency-word\");\r\n    if (word) word.textContent = question.labels[state.effPos - 1];\r\n  }\r\n}\r\n\r\nfunction calculate() {\r\n  const base = 0.14 - ((state.effPos - 1) \/ 4) * 0.06;\r\n  const efficiency = Math.min(base + 0.04 * Math.min(state.channels, 10) + 0.03 * Math.min(state.members, 10), 0.6);\r\n  const packageName = state.channels <= 3 ? (state.members <= 2 ? \"Small\" : \"Medium\") : state.channels <= 5 ? (state.members <= 5 ? \"Medium\" : \"Large\") : \"Large\";\r\n  const plan = CONFIG.plans[packageName];\r\n  const savedHoursMonth = state.weeklyHours * efficiency * 4.3;\r\n  const grossSavings = savedHoursMonth * state.hourlyRate;\r\n  return { packageName, plan, savedHoursMonth, grossSavings, netSavings: grossSavings - plan, roi: ((grossSavings - plan) \/ plan) * 100, currentCostsMonth: state.weeklyHours * state.hourlyRate * 4.3 };\r\n}\r\n\r\n\/\/ Tracking: GTM (Webkiste) forwards these dataLayer events. Never push personal data or answer values.\r\nfunction trackEvent(event, params = {}, once = true) {\r\n  if (once) { if (trackedEvents.has(event)) return; trackedEvents.add(event); }\r\n  window.dataLayer = window.dataLayer || [];\r\n  window.dataLayer.push({ event, ...params });\r\n}\r\nfunction trackingPackage() { return calculate().packageName.toLowerCase(); }\r\nfunction hubspotConfigured() { return [CONFIG.hubspot.portalId, CONFIG.hubspot.formId].every(Boolean); }\r\n\r\nfunction formatNumber(value) { return Math.round(value).toLocaleString(\"en-US\"); }\r\nfunction formatMultiplier(value) { const rounded = Math.round(value * 2) \/ 2; return `${rounded.toLocaleString(\"en-US\", { maximumFractionDigits: 1, minimumFractionDigits: rounded % 1 ? 1 : 0 })}\u00d7`; }\r\nfunction renderGate() { $(\"gate-hours\").textContent = formatNumber(calculate().savedHoursMonth); const lockedMetrics = root.querySelectorAll(\".gate-metric.locked span\"); if (lockedMetrics[0]) lockedMetrics[0].innerHTML = \"Savings per month\"; if (lockedMetrics[1]) lockedMetrics[1].innerHTML = \"ROI from using Swat.io\"; $(\"hubspot-status\").hidden = false; ensureHubspotForm(); }\r\nfunction formNode(ref) { if (ref?.nodeType === 1) return ref; if (ref?.[0]) return ref[0]; return $(\"roiHubspotForm\").querySelector(\"form\"); }\r\nfunction syncHubspotFields(ref) { const form = formNode(ref); if (!form) return; const result = calculate(); const values = { roi_channels: state.channels, roi_team_size: state.members, roi_hours_week: state.weeklyHours, roi_hourly_rate: state.hourlyRate, roi_efficiency_feel: state.effPos, roi_saved_hours_month: Math.round(result.savedHoursMonth), roi_savings_month: Math.round(result.netSavings), roi_roi_percent: Math.round(result.roi), roi_recommended_package: result.packageName, roi_current_costs_month: Math.round(result.currentCostsMonth) }; Object.entries(values).forEach(([name, value]) => { const field = form.querySelector(`[name=\"${name}\"]`); if (field) { field.value = value; field.dispatchEvent(new Event(\"input\", { bubbles: true })); field.dispatchEvent(new Event(\"change\", { bubbles: true })); } }); }\r\nfunction roleLabel(id) { const role = roles.find(([roleId]) => roleId === id); return role ? role[1] : id; }\r\nfunction formatRate(value) { return `\u20ac${Number.isInteger(value) ? value : value.toLocaleString(\"en-US\", { maximumFractionDigits: 1 })}`; }\r\nfunction renderResult() {\r\n  const result = calculate();\r\n  $(\"result-roi\").textContent = formatMultiplier(result.roi \/ 100);\r\n  $(\"result-roi-card\").textContent = `${formatNumber(result.roi)} %`;\r\n  $(\"result-hours\").textContent = formatNumber(result.savedHoursMonth);\r\n  $(\"result-savings\").textContent = `\u20ac${formatNumber(result.netSavings)}`;\r\n  $(\"result-package\").textContent = `${result.packageName} \u00b7 From \u20ac${result.plan} \/ month`;\r\n  $(\"result-summary\").textContent = `Based on ${state.members} people, ${state.channels} profiles and ${state.weeklyHours} hours per week.`;\r\n  $(\"result-members\").textContent = state.members;\r\n  $(\"result-channels\").textContent = state.channels;\r\n  $(\"result-weekly-hours\").textContent = `${state.weeklyHours} hrs`;\r\n  $(\"result-roles\").textContent = state.costProfiles.map(roleLabel).join(\", \");\r\n  $(\"result-workflow\").textContent = questions[4].labels[state.effPos - 1];\r\n}\r\nfunction loadPdfLibrary() {\r\n  if (window.html2pdf) return Promise.resolve(window.html2pdf);\r\n  if (pdfPromise) return pdfPromise;\r\n  pdfPromise = new Promise((resolve, reject) => {\r\n    const script = document.createElement(\"script\");\r\n    script.src = PDF_CONFIG.scriptUrl;\r\n    script.onload = () => window.html2pdf ? resolve(window.html2pdf) : reject(new Error(\"html2pdf did not initialise\"));\r\n    script.onerror = () => reject(new Error(\"html2pdf failed to load\"));\r\n    document.head.appendChild(script);\r\n  });\r\n  return pdfPromise;\r\n}\r\nfunction renderPdfDocument(result) {\r\n  const documentNode = $(\"pdf-document\");\r\n  const rolesText = state.costProfiles.map(roleLabel).join(\", \");\r\n  const workflowText = questions[4].labels[state.effPos - 1];\r\n  const pdfLogo = `<div class=\"pdf-logo\"><img decoding=\"async\" class=\"pdf-logo-image\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22201%22%20height%3D%2238%22%20viewBox%3D%220%200%20201%2038%22%20class%3D%22site-branding__logo%20site-branding__logo--default%22%20alt%3D%22Swat.io%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%220%25%22%20y1%3D%2250%25%22%20x2%3D%22100%25%22%20y2%3D%2250%25%22%20id%3D%22gradient-pride%22%3E%3Cstop%20stop-color%3D%22%235DCCFA%22%20offset%3D%220%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23BBADD1%22%20offset%3D%2217.1875%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23EF8856%22%20offset%3D%2233.3333%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23F2C14D%22%20offset%3D%2254.6875%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23C95494%22%20offset%3D%2273.9583%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%23905CCC%22%20offset%3D%2285.9375%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22%2387D35C%22%20offset%3D%22100%25%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20x1%3D%220%25%22%20y1%3D%2250%25%22%20x2%3D%22100%25%22%20y2%3D%2250%25%22%20id%3D%22gradient-invert%22%3E%3Cstop%20stop-color%3D%22black%22%20offset%3D%2219%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22white%22%20offset%3D%2219%25%22%3E%3C%2Fstop%3E%3Cstop%20stop-color%3D%22white%22%20offset%3D%2219%25%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M37.9073%206.40104%2037.8194%205.843C37.6095%204.62587%2037.0237%203.50114%2036.141%202.62063%2035.2583%201.74012%2034.1212%201.14623%2032.8831.919123%2031.0661.586762%2026.8835%200%2019.3807%200%2011.878%200%207.72465.582658%205.89083.931433%204.63609%201.13602%203.47844%201.72117%202.58089%202.60448%201.68334%203.48779%201.09111%204.62477.887602%205.85531.481482%208.20646-3.19744231e-14%2012.4287-3.19744231e-14%2018.9979-3.19744231e-14%2026.3017.598713%2030.4295.954591%2032.2391%201.17222%2033.4443%201.76309%2034.5547%202.64696%2035.4195%203.53082%2036.2842%204.66484%2036.8614%205.89502%2037.0727%209.93426%2037.6885%2014.0159%2037.9985%2018.1037%2038L19.3849%2038%2020.5656%2038C24.6831%2037.999%2028.7943%2037.6848%2032.8622%2037.0604L32.8831%2037.0604C34.1084%2036.8358%2035.2357%2036.2532%2036.1167%2035.389%2036.9977%2034.5248%2037.5913%2033.4195%2037.8194%2032.2185%2038.4307%2028.7882%2038.753%2024.209%2038.753%2018.9979%2038.753%2012.4%2038.2632%208.42393%2037.9073%206.40104L37.9073%206.40104ZM3.517%206.27383%203.47095%206.26562%203.517%206.27383Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M19.3891%2C6.66367%20C15.4374%2C6.59374%2011.4867%2C6.84766%207.57816%2C7.42277%20C7.26834%2C9.22409%206.81616%2C12.8349%206.81616%2C18.9816%20C6.81616%2C25.1282%207.26834%2C28.7596%207.57816%2C30.5609%20C9.41617%2C30.8645%2013.1006%2C31.3077%2019.3891%2C31.3077%20C25.6777%2C31.3077%2029.404%2C30.8645%2031.1917%2C30.5609%20C31.5016%2C28.7596%2031.9537%2C25.1487%2031.9537%2C18.9816%20C32.0239%2C15.1116%2031.7663%2C11.2427%2031.1834%2C7.41456%20C29.3412%2C7.10682%2025.661%2C6.66367%2019.3891%2C6.66367%20Z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22colorize%22%20fill%3D%22%230E1116%22%20fill-rule%3D%22nonzero%22%20d%3D%22M57.7528%2C24.5415%20C57.9035%2C28.3657%2060.8426%2C30.7989%2065.8082%2C30.7989%20L66.2604%2C30.7989%20C70.1122%2C30.7989%2072.3396%2C28.813%2072.3396%2C26.429%20C72.3396%2C24.1968%2071.0836%2C22.9043%2067.9351%2C22.2601%20L62.2117%2C21.1194%20C56.5888%2C19.9746%2053.7%2C16.7987%2053.7%2C11.7846%20C53.5911%2C6.77043%2057.8533%2C2.1543%2064.9457%2C2.1543%20C72.482%2C2.1543%2077.0498%2C6.475%2077.0874%2C12.6791%20L71.3766%2C12.6791%20C71.1254%2C9.20364%2068.7934%2C7.1192%2065.0964%2C7.1192%20C61.6549%2C7.1192%2059.4736%2C9.10517%2059.4736%2C11.5876%20C59.4736%2C13.869%2060.8426%2C15.1123%2063.7818%2C15.658%20L68.9483%2C16.651%20C74.8726%2C17.7917%2078.1593%2C20.8691%2078.1593%2C26.031%20C78.2095%2C31.7427%2073.244%2C35.8131%2065.4942%2C35.7638%20C56.8819%2C35.8131%2052.2723%2C31.5909%2052.0713%2C24.5415%20L57.7528%2C24.5415%20Z%20M115.192%2C11.9854%20L111.244%2C32.2389%20C111.072%2C33.1262%20110.586%2C33.9259%20109.873%2C34.4976%20C109.159%2C35.0693%20108.263%2C35.3766%20107.342%2C35.3655%20L105.466%2C35.3655%20C104.599%2C35.3611%20103.758%2C35.0776%20103.072%2C34.5586%20C102.386%2C34.0396%20101.892%2C33.3139%20101.668%2C32.4933%20L97.7705%2C18.1976%20L94.1196%2C32.4358%20C93.896%2C33.2707%2093.3979%2C34.0102%2092.7024%2C34.5397%20C92.0069%2C35.0693%2091.1527%2C35.3596%2090.2719%2C35.3655%20L88.3418%2C35.3655%20C87.4431%2C35.371%2086.5698%2C35.0729%2085.8691%2C34.5214%20C85.1683%2C33.9699%2084.6827%2C33.1986%2084.4942%2C32.3374%20L79.8887%2C11.9854%20L85.5115%2C11.9854%20L88.861%2C30.2037%20C88.8667%2C30.2757%2088.8871%2C30.3458%2088.9209%2C30.4099%20C88.9548%2C30.4741%2089.0013%2C30.5309%2089.0579%2C30.5772%20C89.1144%2C30.6235%2089.1799%2C30.6582%2089.2503%2C30.6793%20C89.3207%2C30.7004%2089.3948%2C30.7075%2089.4681%2C30.7002%20C89.6087%2C30.7149%2089.7499%2C30.677%2089.8632%2C30.594%20C89.9766%2C30.5111%2090.0538%2C30.3893%2090.0793%2C30.2529%20L94.9402%2C12.0346%20L100.764%2C12.0346%20C100.764%2C12.0346%20104.616%2C25.5342%20105.88%2C30.2529%20C105.903%2C30.3898%20105.979%2C30.5128%20106.092%2C30.5962%20C106.205%2C30.6795%20106.347%2C30.7168%20106.487%2C30.7002%20C106.561%2C30.7075%20106.635%2C30.7004%20106.706%2C30.6794%20C106.777%2C30.6583%20106.842%2C30.6237%20106.899%2C30.5774%20C106.956%2C30.5312%20107.003%2C30.4744%20107.037%2C30.4102%20C107.072%2C30.346%20107.092%2C30.2758%20107.099%2C30.2037%20C107.756%2C25.485%20109.732%2C12.0346%20109.732%2C12.0346%20L115.2%2C12.0346%20L115.192%2C11.9854%20Z%20M132.563%2C24.9392%20L127.04%2C25.4398%20C126.006%2C25.5125%20125.01%2C25.8554%20124.156%2C26.4328%20C123.787%2C26.6815%20123.487%2C27.0161%20123.284%2C27.4064%20C123.08%2C27.7968%20122.978%2C28.2307%20122.988%2C28.6691%20C122.988%2C30.3104%20124.407%2C31.447%20126.337%2C31.447%20L126.693%2C31.447%20C129.477%2C31.4962%20132.554%2C29.1656%20132.517%2C26.3343%20L132.517%2C24.9392%20L132.563%2C24.9392%20Z%20M133.019%2C35.3655%20C132.869%2C34.4795%20132.783%2C33.5841%20132.764%2C32.6861%20L132.764%2C32.1404%20C132.079%2C33.2817%20131.079%2C34.2105%20129.879%2C34.8198%20C128.542%2C35.5286%20127.041%2C35.8876%20125.521%2C35.862%20C121.066%2C35.862%20117.52%2C32.9323%20117.566%2C28.9112%20C117.566%2C26.5313%20118.428%2C24.7423%20120.048%2C23.5031%20C121.882%2C22.2367%20124.039%2C21.4964%20126.278%2C21.3653%20L132.508%2C20.8688%20L132.508%2C20.2246%20C132.508%2C17.5945%20130.834%2C15.908%20128.2%2C15.908%20L127.781%2C15.908%20C125.449%2C15.908%20123.678%2C17.1964%20123.473%2C19.0347%20L117.976%2C19.0347%20C118.328%2C14.6647%20122.33%2C11.5381%20127.953%2C11.5381%20C134.032%2C11.5381%20137.83%2C14.9643%20137.83%2C20.1261%20L137.83%2C30.2037%20C137.803%2C31.9115%20137.888%2C33.6192%20138.085%2C35.3163%20L133.019%2C35.3163%20L133.019%2C35.3655%20Z%20M145.667%2C16.4131%20L140.605%2C16.4131%20L140.605%2C11.9365%20L145.667%2C11.9365%20L145.667%2C4.39062%20L151.143%2C4.39062%20L151.143%2C11.9857%20L156.666%2C11.9857%20L156.666%2C16.4541%20L151.143%2C16.4541%20L151.143%2C28.4643%20C151.143%2C30.3025%20151.6%2C30.7498%20153.475%2C30.7498%20L157.373%2C30.7498%20L157.373%2C35.3659%20L151.445%2C35.3659%20C147.677%2C35.3659%20145.617%2C33.3799%20145.617%2C29.6583%20L145.617%2C16.4131%20L145.667%2C16.4131%20Z%20M166.463%2C29.2148%20L160.137%2C29.2148%20L160.137%2C35.3656%20L166.463%2C35.3656%20L166.463%2C29.2148%20Z%20M169.21%2C11.9856%20L174.728%2C11.9856%20L174.728%2C35.374%20L169.21%2C35.374%20L169.21%2C11.9856%20Z%20M169.004%2C2.60156%20L174.983%2C2.60156%20L174.983%2C8.41173%20L169.004%2C8.41173%20L169.004%2C2.60156%20Z%20M189.449%2C31.394%20C193.045%2C31.394%20195.478%2C28.5217%20195.478%2C23.6512%20C195.478%2C18.7807%20193.045%2C15.9043%20189.449%2C15.9043%20L189.03%2C15.9043%20C185.434%2C15.9043%20183.005%2C18.7766%20183.005%2C23.6512%20C183.005%2C28.5258%20185.434%2C31.394%20189.03%2C31.394%20L189.449%2C31.394%20Z%20M189.244%2C11.5385%20C195.98%2C11.44%20201.097%2C16.7003%20200.996%2C23.7004%20C201.097%2C30.7005%20195.972%2C35.9609%20189.244%2C35.8624%20C182.507%2C35.9116%20177.441%2C30.6513%20177.491%2C23.6512%20C177.445%2C16.7003%20182.511%2C11.44%20189.244%2C11.5385%20L189.244%2C11.5385%20Z%20M19.8614044%2C2.1795715%20C26.6858623%2C2.20413042%2030.6921364%2C2.74784432%2032.4352%2C3.0486%20C33.2254%2C3.19416%2033.9511%2C3.57342%2034.5147%2C4.13534%20C35.0784%2C4.69727%2035.4529%2C5.41489%2035.5878%2C6.19167%20C36.2498%2C10.4243%2036.5467%2C14.7041%2036.4755%2C18.9855%20C36.4755%2C26.0431%2035.9019%2C30.0396%2035.5878%2C31.7876%20C35.4551%2C32.5558%2035.0833%2C33.2649%2034.5235%2C33.818%20C33.9636%2C34.3711%2033.243%2C34.7411%2032.4603%2C34.8773%20C30.6935%2C35.2466%2026.7118%2C35.8293%2019.8078%2C35.8293%20L19.8078%2C35.8293%20L19.3891%2C35.8293%20C14.3331409%2C35.8293%2010.80473%2C35.5502327%208.53588338%2C35.2777189%20L8.11240797%2C35.2251328%20C7.3646075%2C35.1291562%206.7732225%2C35.036325%206.32628%2C34.9594%20C5.53858%2C34.8294%204.81161%2C34.4626%204.24602%2C33.9097%20C3.68043%2C33.3569%203.30421%2C32.6454%203.16943%2C31.8738%20C2.78425%2C30.0766%202.21484%2C26.0554%202.21484%2C18.9978%20L2.21571906%2C18.5213405%20C2.24077864%2C11.7598001%202.79557659%2C7.90402318%203.10245%2C6.19577%20C3.25219%2C5.41795%203.63806%2C4.70255%204.20954%2C4.14321%20C4.78102%2C3.58387%205.51149%2C3.20665%206.30535%2C3.06091%20C8.15592%2C2.72854%2012.2632%2C2.17871%2019.3807%2C2.17871%20Z%20M19.3807%2C6.66354%20C15.4318%2C6.59407%2011.4839%2C6.84798%207.57814%2C7.42264%20C7.26831%2C9.22395%206.81614%2C12.8225%206.81614%2C18.9814%20C6.81614%2C25.1404%207.26831%2C28.7594%207.57814%2C30.5607%20C9.41614%2C30.8644%2013.1047%2C31.2993%2019.3849%2C31.2993%20C25.6651%2C31.2993%2029.3998%2C30.8562%2031.1875%2C30.5525%20C31.4973%2C28.7512%2031.9495%2C25.1281%2031.9495%2C18.9732%20L31.9495%2C18.9732%20C32.0211%2C15.1072%2031.7607%2C11.2382%2031.175%2C7.41033%20C29.3328%2C7.10669%2025.6609%2C6.66354%2019.3807%2C6.66354%20Z%20M24.5265%2C22.3872%20L26.7203%2C24.5373%20C24.7905%2C26.4288%2022.173%2C27.4915%2019.4437%2C27.4916%20C18.0826%2C27.4975%2016.7338%2C27.2396%2015.4749%2C26.7325%20C14.216%2C26.2255%2013.0719%2C25.4794%2012.1084%2C24.5373%20L14.3023%2C22.3872%20C15.6582%2C23.7157%2017.497%2C24.462%2019.4144%2C24.462%20C21.3317%2C24.462%2023.1705%2C23.7157%2024.5265%2C22.3872%20Z%20M13.3599%2C10.9922%20L18.1329%2C15.6658%20L13.3599%2C20.3393%20L11.166%2C18.1893%20L13.7367%2C15.6658%20L11.166%2C13.1423%20L13.3599%2C10.9922%20Z%20M27.7877%2C16.6343%20L27.7877%2C19.7076%20L20.6995%2C19.7076%20L20.6995%2C16.6343%20L27.7877%2C16.6343%20Z%20M27.7877%2C11.6284%20L27.7877%2C14.7017%20L20.6995%2C14.7017%20L20.6995%2C11.6284%20L27.7877%2C11.6284%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\" alt=\"Swat.io\" \/><\/div>`;\r\n  documentNode.innerHTML = `<div class=\"pdf-page\"><header class=\"pdf-header\">${pdfLogo}<time>${new Date().toLocaleDateString(\"en-US\")}<\/time><\/header><p class=\"pdf-eyebrow\">Your full analysis<\/p><h1>How much time do you gain with Swat.io?<\/h1><p class=\"pdf-lead\">A personal estimate of your social media workflow \u2014 with the key numbers and next opportunities for your team.<\/p><div class=\"pdf-kpis\"><div class=\"pdf-kpi pdf-kpi-hero\"><strong>${formatNumber(result.savedHoursMonth)} h<\/strong><span>Hours saved per month<\/span><\/div><div class=\"pdf-kpi\"><strong>${formatNumber(result.netSavings)} \u20ac<\/strong><span>Savings per month<\/span><\/div><div class=\"pdf-kpi\"><strong>${formatNumber(result.roi)} %<\/strong><span>ROI from using Swat.io<\/span><\/div><\/div><div class=\"pdf-recommendation\"><span>Recommended plan<\/span><strong>${result.packageName} \u00b7 From \u20ac${result.plan} \/ month<\/strong><\/div><div class=\"pdf-columns\"><section><h2>How we calculated it:<\/h2><dl><div><dt>People working on social media<\/dt><dd>${state.members}<\/dd><\/div><div><dt>Profile<\/dt><dd>${state.channels}<\/dd><\/div><div><dt>Hours per week<\/dt><dd>${state.weeklyHours}<\/dd><\/div><div><dt>Roles<\/dt><dd>${rolesText}<\/dd><\/div><div><dt>Current workflow<\/dt><dd>${workflowText}<\/dd><\/div><div><dt>Current costs per month<\/dt><dd>${formatNumber(result.currentCostsMonth)} \u20ac<\/dd><\/div><\/dl><\/section><section><h2>What Swat.io does for you and your team:<\/h2><ul><li>Approvals and feedback in one place instead of scattered across chats and documents<\/li><li>No more double-checking or asking around whether everything went live<\/li><li>A clear overview, ownership and traceability right where you need them<\/li><\/ul><\/section><\/div><div class=\"pdf-footer\"><strong>More time for content you're proud of \u2013 with Swat.io<\/strong><\/div><\/div>`;\r\n  documentNode.insertAdjacentHTML(\"beforeend\", `<div class=\"pdf-page pdf-page-product\"><header class=\"pdf-header\">${pdfLogo}<time>${new Date().toLocaleDateString(\"en-US\")}<\/time><\/header><p class=\"pdf-eyebrow\">The Swat.io product suite<\/p><h1>One tool for publishing, community and insights<\/h1><p class=\"pdf-lead\">Manage all your social media in one place and in one workflow. That gives you a better overview and noticeably takes the load off you and your team.<\/p><div class=\"pdf-product-grid\"><section class=\"pdf-product-card\"><strong>Publisher<\/strong><p>Plan all channels in one calendar.<\/p><ul><li>Approvals and feedback right where the post is, not in chats and emails<\/li><li>Duplicate scheduled posts for other channels in seconds<\/li><\/ul><\/section><section class=\"pdf-product-card\"><strong>Inbox<\/strong><p>Nothing slips through the cracks in community management<\/p><ul><li>Full transparency, no more guessing who's taking care of what<\/li><li>Fast response times, even under pressure<\/li><\/ul><\/section><section class=\"pdf-product-card\"><strong>Insights<\/strong><p>See what really works across all channels<\/p><ul><li>Answer \"How did last month go?\" without building a spreadsheet<\/li><li>Create custom dashboards and automated reports<\/li><\/ul><\/section><\/div><div class=\"pdf-product-note\"><strong>More impact, less routine<\/strong><p>Swat.io brings AI right into your social media workflow, so you spend less time on repetitive tasks. That frees up more time for work that makes a real impact.<\/p><\/div><a class=\"pdf-product-cta\" href=\"https:\/\/swatio.app\/spa\/create-account?language=en&amp;publisher=large&amp;inbox=none&amp;billing_period=monthly&amp;addons=advancedInsights\"><strong>Try Swat.io free for 21 days. No credit card required.<\/strong><\/a><div class=\"pdf-footer\"><strong>More time for content you're proud of \u2013 with Swat.io<\/strong><\/div><\/div>`);\r\n}\r\nasync function downloadPdf() {\r\n  const button = $(\"download-pdf\");\r\n  const status = $(\"pdf-status\");\r\n  button.disabled = true;\r\n  status.hidden = false;\r\n  status.textContent = \"Creating PDF \u2026\";\r\n  try {\r\n    const result = calculate();\r\n    renderPdfDocument(result);\r\n    const html2pdf = await loadPdfLibrary();\r\n    await html2pdf().set({ margin: 0, filename: \"swat-io-analysis.pdf\", enableLinks: true, image: { type: \"jpeg\", quality: 0.98 }, html2canvas: { scale: 2, useCORS: true, backgroundColor: \"#ffffff\", windowWidth: 794 }, jsPDF: { unit: \"mm\", format: \"a4\", orientation: \"portrait\" } }).from($(\"pdf-document\")).save();\r\n    status.textContent = \"The PDF was downloaded automatically \u2013 check your Downloads folder.\";\r\n  } catch (error) {\r\n    console.error(\"[Swat.io ROI] PDF generation failed\", error);\r\n    status.textContent = \"The PDF couldn't be created. Please try again.\";\r\n  } finally { button.disabled = false; }\r\n}\r\nfunction loadHubspot() { if (window.hbspt?.forms) return Promise.resolve(window.hbspt); if (hubspotPromise) return hubspotPromise; hubspotPromise = new Promise((resolve, reject) => { const script = document.createElement(\"script\"); script.src = CONFIG.hubspot.scriptUrl; script.charset = \"utf-8\"; script.onload = () => window.hbspt?.forms ? resolve(window.hbspt) : reject(new Error(\"HubSpot did not initialise\")); script.onerror = () => reject(new Error(\"HubSpot failed to load\")); document.head.appendChild(script); }); return hubspotPromise; }\r\nfunction ensureHubspotForm() { if (hubspotCreated) { syncHubspotFields(hubspotRef); return; } hubspotCreated = true; loadHubspot().then((hbspt) => { hbspt.forms.create({ portalId: CONFIG.hubspot.portalId, formId: CONFIG.hubspot.formId, region: CONFIG.hubspot.region, target: \"#roiHubspotForm\", locale: \"en\", submitText: \"Download for free\", css: \"\", cssRequired: \"\", onFormReady: (ref) => { hubspotRef = ref; syncHubspotFields(ref); $(\"hubspot-status\").hidden = true; }, onBeforeFormSubmit: (ref) => syncHubspotFields(ref), onFormSubmitted: () => { if (hubspotConfigured()) trackEvent(\"roi_calc_submit\", { recommended_package: trackingPackage() }); revealResult(); } }); }).catch((error) => { console.error(\"[Swat.io ROI] HubSpot form failed\", error); hubspotCreated = false; $(\"hubspot-status\").hidden = true; $(\"hubspot-error\").hidden = false; }); }\r\nfunction revealResult() { if (submitted) return; submitted = true; renderResult(); showScreen(\"result\"); $(\"progress\").hidden = true; if (isMobileViewport()) { const status = $(\"pdf-status\"); status.hidden = false; status.textContent = \"Tippe auf \u201eDownload analysis\u201c, um dein PDF zu speichern.\"; return; } downloadPdf(); }\r\nfunction previous() { if (currentIndex === 0) { $(\"progress\").hidden = true; showScreen(\"intro\"); } else { currentIndex -= 1; renderQuestion(\"back\"); } }\r\nfunction next() { if (currentIndex === 3 ? state.costProfiles.length === 0 : false) return; if (currentIndex < questions.length - 1) { currentIndex += 1; renderQuestion(\"forward\"); } else { setProgress(5); showScreen(\"gate\"); renderGate(); trackEvent(\"roi_calc_gate_view\"); } }\r\nfunction restart() { Object.assign(state, { members: 5, channels: 3, weeklyHours: 15, costProfiles: [], effPos: 4, hourlyRate: 0 }); currentIndex = 0; submitted = false; hubspotCreated = false; hubspotRef = null; $(\"roiHubspotForm\").innerHTML = \"\"; $(\"hubspot-error\").hidden = true; $(\"pdf-status\").hidden = true; showScreen(\"intro\"); $(\"progress\").hidden = true; }\r\n\r\n$(\"start-button\").addEventListener(\"click\", () => { currentIndex = 0; renderQuestion(\"forward\"); showScreen(\"question\"); trackEvent(\"roi_calc_start\"); });\r\n$(\"next-button\").addEventListener(\"click\", next); $(\"question-back-bottom\").addEventListener(\"click\", previous); $(\"restart-button\")?.addEventListener(\"click\", restart); $(\"download-pdf\").addEventListener(\"click\", downloadPdf);\r\n$(\"trial-cta\").addEventListener(\"click\", () => trackEvent(\"roi_calc_cta_click\", { cta_type: \"trial\", recommended_package: trackingPackage() }, false));\r\n\r\n  };\r\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot, { once: true });\r\n  else boot();\r\n  window.addEventListener(\"load\", boot, { once: true });\r\n})();\r\n<\/script>\r\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body--full-width margin-s body\" data-e-type=\"widget\">\n\t\t\t\t<div class=\"body__container inner inner--narrow\">\n\t\t\t<div class=\"body__wrapper\">\n\t\t\t\t<h2 class=\"body__title headline\">What does social media really cost your team?<\/h2>\t\t\t\t\t\t\t\t<div class=\"body__text text text-rich\">\n\t\t\t\t\t<p>Content calendars in spreadsheets, approvals by email, comments scattered across five apps: a big part of social media work never shows up in a report. It still costs your team hours every week, and hours cost budget.<\/p>\n<p>The ROI calculator makes that effort visible. Based on your channels, team size, weekly hours and hourly rate, it estimates three things: what your current way of working costs per month, how much time you win back with Swat.io, and the ROI that comes with it. You also get a recommendation for the plan that fits your team.<\/p>\n<h3><strong>What the estimate is based on<\/strong><\/h3>\n<p>If you don't enter your own rate, we use \u20ac40 per hour. That's the average hourly rate for in-house social media managers in the German-speaking region (DACH). If you know your own rate, use it and the result gets more accurate. It's still an estimate: a reference point for your decision, not a fixed promise.<\/p>\n<h3><strong>What to do with your result<\/strong><\/h3>\n<p>Download your result as a PDF and bring it to your next budget meeting.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"margin-xs heading--default mark-default heading\" data-e-type=\"widget\">\n\t\t\t\t<div class=\"heading__container   inner inner--narrow \">\n\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"heading__title headline can-mark\">Frequently asked questions<\/h2>\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"faqs--reduced margin-m mark-default faqs\" data-e-type=\"widget\">\n\t\t\t\t<div class=\"faqs__container inner inner--narrow \">\t\t\t\n\t\t\t\t\t\t<div class=\"faqs__body\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"faqs__items\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">Which metrics matter for social media ROI?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>On the cost side: working hours times hourly rate, tool licenses, content production and ad spend. On the return side: conversions, leads and revenue from social media, tracked with UTM parameters. Reach and engagement are early indicators, not returns. Only turn them into money if you have a solid basis for it, such as comparable ad prices.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">What is the formula for social media ROI?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>The basic formula is: ROI (%) = (return \u2212 investment) \u00f7 investment \u00d7 100. For example, if you invest \u20ac2,000 a month and generate \u20ac3,000 in return, your ROI is 50%. The formula is the easy part. The hard part is deciding which costs and returns you can really attribute to social media.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">How do you measure social media ROI?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>Start with a clear goal, such as leads, sales or time saved. Then track all costs and assign a value to each result. UTM parameters and your analytics show which posts and channels drive conversions. Measure on a regular schedule and always with the same method, so you can compare months instead of guessing.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">What is social media ROI?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>Social media ROI (return on investment) shows what your social media work brings in compared to what you put into it. The investment includes working time, tools, content production and ad spend. The return includes revenue and leads, but also money saved, for example when better workflows mean your team needs fewer hours for the same output.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">What is a good ROI for social media marketing?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>Any ROI above 0% means you get back more than you invested. There's no universal benchmark for social media, because goals, industries and calculation methods differ too much. A more useful comparison is with yourself: measure your ROI regularly with the same method and check whether it's improving.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">How do I calculate the ROI of a social media management tool?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>Compare what the tool costs with the time it saves your team. For example, saving 5 hours a week at \u20ac40 per hour adds up to \u20ac200 a week, or about \u20ac800 a month. Subtract the license cost from that. Then add the effects that are harder to measure: fewer mistakes, faster approvals and no missed comments.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">How do I prove social media ROI to leadership?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>Lead with the numbers leadership already cares about: costs, leads, revenue and hours saved. Tie them to business goals instead of likes. Report regularly in the same format so trends become visible. Automated reports in Swat.io spare you from copying data together from different platforms by hand.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<details class=\"faq__item\">\n\t\t\t    \t<summary class=\"faq__title headline-small\">Is a social media management tool worth it for small teams?<\/summary>\t\t\t    \t<div class=\"faq__text text text-rich\"><p>Yes. Small teams often feel the effect fastest, because a few people run many channels. Every hour not spent on coordination or copy-pasting goes straight into content and community. What matters is that the tool fits your size. Swat.io offers plans from Small to Large, so you only pay for what you actually need.<\/p>\n<\/div>\t\t\t\t\t<\/details>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Which metrics matter for social media ROI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>On the cost side: working hours times hourly rate, tool licenses, content production and ad spend. On the return side: conversions, leads and revenue from social media, tracked with UTM parameters. Reach and engagement are early indicators, not returns. Only turn them into money if you have a solid basis for it, such as comparable ad prices.<\\\/p>\\n\"}},{\"@type\":\"Question\",\"name\":\"What is the formula for social media ROI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>The basic formula is: ROI (%) = (return \\u2212 investment) \\u00f7 investment \\u00d7 100. For example, if you invest \\u20ac2,000 a month and generate \\u20ac3,000 in return, your ROI is 50%. The formula is the easy part. The hard part is deciding which costs and returns you can really attribute to social media.<\\\/p>\\n\"}},{\"@type\":\"Question\",\"name\":\"How do you measure social media ROI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Start with a clear goal, such as leads, sales or time saved. Then track all costs and assign a value to each result. UTM parameters and your analytics show which posts and channels drive conversions. Measure on a regular schedule and always with the same method, so you can compare months instead of guessing.<\\\/p>\\n\"}},{\"@type\":\"Question\",\"name\":\"What is social media ROI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Social media ROI (return on investment) shows what your social media work brings in compared to what you put into it. The investment includes working time, tools, content production and ad spend. The return includes revenue and leads, but also money saved, for example when better workflows mean your team needs fewer hours for the same output.<\\\/p>\\n\"}},{\"@type\":\"Question\",\"name\":\"What is a good ROI for social media marketing?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Any ROI above 0% means you get back more than you invested. There's no universal benchmark for social media, because goals, industries and calculation methods differ too much. A more useful comparison is with yourself: measure your ROI regularly with the same method and check whether it's improving.<\\\/p>\\n\"}},{\"@type\":\"Question\",\"name\":\"How do I calculate the ROI of a social media management tool?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Compare what the tool costs with the time it saves your team. For example, saving 5 hours a week at \\u20ac40 per hour adds up to \\u20ac200 a week, or about \\u20ac800 a month. Subtract the license cost from that. Then add the effects that are harder to measure: fewer mistakes, faster approvals and no missed comments.<\\\/p>\\n\"}},{\"@type\":\"Question\",\"name\":\"How do I prove social media ROI to leadership?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Lead with the numbers leadership already cares about: costs, leads, revenue and hours saved. Tie them to business goals instead of likes. Report regularly in the same format so trends become visible. Automated reports in Swat.io spare you from copying data together from different platforms by hand.<\\\/p>\\n\"}},{\"@type\":\"Question\",\"name\":\"Is a social media management tool worth it for small teams?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Yes. Small teams often feel the effect fastest, because a few people run many channels. Every hour not spent on coordination or copy-pasting goes straight into content and community. What matters is that the tool fits your size. Swat.io offers plans from Small to Large, so you only pay for what you actually need.<\\\/p>\\n\"}}]}<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What does social media really cost your team? Content calendars in spreadsheets, approvals by email, comments scattered across five apps:\u2026<\/p>\n","protected":false},"author":78,"featured_media":61110,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["entry","entry--page"],"_links":{"self":[{"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/pages\/61094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/comments?post=61094"}],"version-history":[{"count":15,"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/pages\/61094\/revisions"}],"predecessor-version":[{"id":61460,"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/pages\/61094\/revisions\/61460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/media\/61110"}],"wp:attachment":[{"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/media?parent=61094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}