{"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-06T12:48:44","modified_gmt":"2026-10-06T10:48:44","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\" 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\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;\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) {\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\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: () => 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) return; if (currentIndex < questions.length - 1) { currentIndex += 1; renderQuestion(\"forward\"); } else { setProgress(5); showScreen(\"gate\"); renderGate(); } }\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\"); });\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\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\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":"","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":12,"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/pages\/61094\/revisions"}],"predecessor-version":[{"id":61107,"href":"https:\/\/swat.io\/en\/wp-json\/wp\/v2\/pages\/61094\/revisions\/61107"}],"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}]}}