{"id":35,"date":"2026-10-06T13:12:22","date_gmt":"2026-10-06T13:12:22","guid":{"rendered":"https:\/\/gvdigital.co.za\/app\/?page_id=35"},"modified":"2026-10-06T14:26:08","modified_gmt":"2026-10-06T14:26:08","slug":"simple-quotes-invoices","status":"publish","type":"page","link":"https:\/\/gvdigital.co.za\/app\/","title":{"rendered":"Business software"},"content":{"rendered":"<style>\n\t.sqi-lp{--b:#1F7A55;--bi:#FFFFFF;--t:#1c2330;--t2:#4a5363;--m:#6b7482;--l:#e3e6eb;--s:#f5f6f8;color:var(--t);max-width:980px;margin:0 auto;padding:0 16px;line-height:1.6;box-sizing:border-box}\n\t.sqi-lp *{box-sizing:border-box}\n\t.sqi-lp h1,.sqi-lp h2,.sqi-lp h3,.sqi-lp p{margin:0}\n\t.sqi-lp .lp-hero{text-align:center;padding:44px 0 28px}\n\t.sqi-lp .lp-tag{display:inline-block;font-size:13px;background:var(--s);color:var(--t2);padding:4px 14px;border-radius:20px;margin-bottom:16px}\n\t.sqi-lp .lp-hero h1{font-size:clamp(28px,5vw,40px);line-height:1.2;margin-bottom:14px}\n\t.sqi-lp .lp-sub{font-size:18px;color:var(--t2);max-width:560px;margin:0 auto 22px}\n\t.sqi-lp .lp-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}\n\t.sqi-lp .lp-btn{display:inline-block;padding:12px 22px;border-radius:8px;border:1px solid var(--l);background:#fff;color:var(--t);text-decoration:none;font-size:16px;cursor:pointer;font-family:inherit}\n\t.sqi-lp .lp-btn.p{background:var(--b);border-color:var(--b);color:var(--bi)}\n\t.sqi-lp .lp-note{font-size:13px;color:var(--m);margin-top:14px}\n\t.sqi-lp .lp-shot{background:var(--s);border-radius:14px;padding:18px;margin:8px 0 6px}\n\t.sqi-lp .lp-shot-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:14px}\n\t.sqi-lp .lp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}\n\t.sqi-lp .lp-tile{background:#fff;border-radius:8px;padding:10px 12px}\n\t.sqi-lp .lp-tile b{display:block;font-size:18px;font-weight:600}\n\t.sqi-lp .lp-tile span{font-size:12px;color:var(--m)}\n\t.sqi-lp .lp-cap{text-align:center;font-size:12px;color:var(--m);margin:6px 0 0}\n\t.sqi-lp .lp-sec{padding:30px 0}\n\t.sqi-lp .lp-sec h2{font-size:24px;text-align:center;margin-bottom:18px}\n\t.sqi-lp .lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}\n\t.sqi-lp .lp-card{border:1px solid var(--l);border-radius:12px;padding:16px;background:#fff}\n\t.sqi-lp .lp-card h3{font-size:16px;margin-bottom:4px}\n\t.sqi-lp .lp-card p{font-size:14px;color:var(--t2)}\n\t.sqi-lp .lp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;text-align:center}\n\t.sqi-lp .lp-n{width:34px;height:34px;border-radius:50%;background:var(--b);color:var(--bi);display:inline-flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:6px}\n\t.sqi-lp .lp-steps h3{font-size:16px;margin-bottom:2px}\n\t.sqi-lp .lp-steps p{font-size:14px;color:var(--t2)}\n\t.sqi-lp details{border-bottom:1px solid var(--l);padding:12px 0;max-width:640px;margin:0 auto}\n\t.sqi-lp summary{cursor:pointer;font-weight:500}\n\t.sqi-lp details p{margin-top:8px;font-size:15px;color:var(--t2)}\n\t.sqi-lp .lp-foot{text-align:center;font-size:13px;color:var(--m);padding:20px 0 30px}\n\t.sqi-lp .tf{background:#fff;border:1px solid var(--l);border-radius:14px;padding:24px;max-width:560px;margin:10px auto 30px;scroll-margin-top:20px}\n\t.sqi-lp .tf h2{font-size:22px;text-align:left;margin-bottom:2px}\n\t.sqi-lp .tf-prog{height:4px;background:var(--s);border-radius:2px;margin:0 0 6px;overflow:hidden;display:none}\n\t.sqi-lp .tf.js .tf-prog,.sqi-lp .tf.js .tf-stl{display:block}\n\t.sqi-lp .tf-prog i{display:block;height:100%;width:33%;background:var(--b)}\n\t.sqi-lp .tf-stl{font-size:12px;color:var(--m);margin-bottom:12px;display:none}\n\t.sqi-lp .tf-step{border:0;padding:0;margin:0 0 6px;min-width:0}\n\t.sqi-lp .tf-step[hidden]{display:none}\n\t.sqi-lp .tf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}\n\t.sqi-lp .tf label.f{display:block;font-size:13px;color:var(--t2);margin-top:12px}\n\t.sqi-lp .tf .tf-row label.f{margin-top:12px}\n\t.sqi-lp .tf input[type=text],.sqi-lp .tf input[type=email],.sqi-lp .tf input[type=tel],.sqi-lp .tf select,.sqi-lp .tf textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid #c9cfd8;border-radius:8px;font:inherit;color:var(--t);background:#fff}\n\t.sqi-lp .tf .q{font-size:13px;color:var(--t2);margin:14px 0 6px}\n\t.sqi-lp .tf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}\n\t.sqi-lp .tf-card{display:flex;gap:8px;align-items:center;border:1px solid var(--l);border-radius:8px;padding:10px 12px;font-size:14px;cursor:pointer}\n\t.sqi-lp .tf-card input{margin:0}\n\t.sqi-lp .tf-size{position:relative;padding-top:46px;margin:6px 4px 4px}\n\t.sqi-lp .tf-bub{position:absolute;top:4px;transform:translateX(-50%);background:#1c2b24;color:#fff;border-radius:8px;padding:4px 12px;font-weight:700;font-size:14px;white-space:nowrap}\n\t.sqi-lp .tf-size input[type=range]{width:100%;accent-color:var(--b);margin:0}\n\t.sqi-lp .tf-stops{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--m);margin-top:4px;text-align:center}\n\t.sqi-lp .tf-pm{display:flex;gap:8px;align-items:center;margin-top:8px}\n\t.sqi-lp .tf-pm .lp-btn{padding:2px 14px;font-size:20px;line-height:1.3}\n\t.sqi-lp .tf-pmt{font-size:12.5px;color:var(--m)}\n\t.sqi-lp .tf-sw{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--l);font-size:14px;cursor:pointer}\n\t.sqi-lp .tf-sw input{position:absolute;opacity:0;width:1px;height:1px}\n\t.sqi-lp .tf-sw i{width:40px;height:23px;border-radius:99px;background:#cfd9d3;position:relative;flex:none}\n\t.sqi-lp .tf-sw i:after{content:\"\";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:left .15s}\n\t.sqi-lp .tf-sw input:checked + i{background:var(--b)}\n\t.sqi-lp .tf-sw input:checked + i:after{left:20px}\n\t.sqi-lp .tf-sw input:focus-visible + i{outline:2px solid var(--b);outline-offset:2px}\n\t.sqi-lp .tf-chips{display:flex;flex-wrap:wrap;gap:6px}\n\t.sqi-lp .tf-chip input{position:absolute;opacity:0;width:1px;height:1px}\n\t.sqi-lp .tf-chip span{display:inline-block;border:1px solid var(--l);border-radius:20px;padding:5px 13px;font-size:13px;cursor:pointer;background:#fff}\n\t.sqi-lp .tf-chip input:checked + span{background:var(--b);border-color:var(--b);color:var(--bi)}\n\t.sqi-lp .tf-chip input:focus-visible + span{outline:2px solid var(--b);outline-offset:2px}\n\t.sqi-lp .tf-sum{background:var(--s);border-radius:8px;padding:12px;font-size:14px;line-height:1.8;margin:10px 0 14px}\n\t.sqi-lp .tf-sum div{display:flex;justify-content:space-between;gap:12px}\n\t.sqi-lp .tf-sum span:first-child{color:var(--m)}\n\t.sqi-lp .tf-ck{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--t2)}\n\t.sqi-lp .tf-ck input{margin-top:3px}\n\t.sqi-lp .tf-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}\n\t.sqi-lp .tf-nav .lp-btn{padding:10px 20px;font-size:15px}\n\t.sqi-lp .tf-nav a.lp-btn{border:0;background:none;color:var(--t2);padding:10px 4px}\n\t.sqi-lp .tf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}\n\t.sqi-lp .tf-err{background:#fee2e2;color:#991b1b;border-radius:8px;padding:10px 12px;font-size:14px;margin:12px 0}\n\t.sqi-lp .tf-ok{text-align:center;padding:12px 4px}\n\t.sqi-lp .tf-ok h2{text-align:center;margin:6px 0}\n\t.sqi-lp .tf-ok p{color:var(--t2);max-width:400px;margin:0 auto 10px}\n\t.sqi-lp .lp-hero2{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;padding:18px 0 24px;align-items:start;text-align:left}\n\t.sqi-lp .lp-hero2 h1{font-size:clamp(28px,4vw,40px);line-height:1.18;margin-bottom:14px}\n\t.sqi-lp .lp-hero2 .lp-sub{margin:0 0 6px;max-width:none}\n\t.sqi-lp .lp-bigbrand{margin-bottom:22px}\n\t.sqi-lp .lp-bigbrand .sqibr-hl{font-size:clamp(20px,3vw,30px)}\n\t.sqi-lp .lp-pwby{margin-top:12px}\n\t.sqi-lp .lp-pwby .sqibr-pw{justify-content:flex-start}\n\t.sqi-lp .lp-ticks{list-style:none;padding:0;margin:14px 0}\n\t.sqi-lp .lp-ticks li{display:flex;gap:10px;margin:9px 0;color:var(--t2)}\n\t.sqi-lp .lp-ticks li:before{content:\"\\2713\";color:var(--b);font-weight:700;flex:none}\n\t.sqi-lp .lp-hero2 .lp-note{text-align:left;margin-top:12px}\n\t.sqi-lp .lp-hero2 .tf{margin:0;max-width:none;box-shadow:0 10px 34px rgba(28,35,48,.09)}\n\t.sqi-lp .lp-ic{display:block;width:28px;height:28px;border-radius:8px;margin-bottom:8px}\n\t.sqi-lp .pp-float{display:none}\n\t@media (max-width:760px){.sqi-lp .lp-hero2{grid-template-columns:1fr;gap:18px;padding-top:14px}.sqi-lp .lp-bigbrand{margin-bottom:14px}.sqi-lp .lp-bigbrand .sqibr-hl{font-size:clamp(20px,5.7vw,23px)}.sqi-lp .pp-float{display:flex;justify-content:center;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.sqi-lp .pp-float.show{opacity:1;transform:none;pointer-events:auto}.sqi-lp .pp-float a{display:block;width:100%;text-align:center;box-shadow:0 8px 20px rgba(28,35,48,.25);transform-origin:50% 100%;transition:transform .3s ease}.sqi-lp .pp-float.small a{transform:scale(.9)}}\n\t@media (max-width:560px){.sqi-lp .tf{padding:18px 14px}.sqi-lp .tf-nav .lp-btn{flex:1}}\n\t<\/style><style>\n\t.sqibr{display:inline-flex;align-items:center;color:var(--text,#1F2937);font-family:\"Avenir Next\",Avenir,\"Helvetica Neue\",Arial,sans-serif;line-height:1.1}\n\t.sqibr svg{display:block;flex:none}\n\t.sqibr-tx{display:flex;flex-direction:column}\n\t.sqibr-n{font-weight:600;letter-spacing:-.02em}\n\t.sqibr-s{color:var(--text2,#4B5563);font-weight:400}\n\t.sqibr-t{color:var(--muted,#6B7280);font-weight:500}\n\t.sqibr-lg,.sqibr-md{flex-direction:column;text-align:center}\n\t.sqibr-lg .sqibr-tx,.sqibr-md .sqibr-tx{align-items:center}\n\t.sqibr-lg .sqibr-n{font-size:36px;margin-top:10px}\n\t.sqibr-lg .sqibr-s{font-size:19px;margin-top:3px}\n\t.sqibr-lg .sqibr-t{font-size:14px;margin-top:12px}\n\t.sqibr-md .sqibr-n{font-size:24px;margin-top:8px}\n\t.sqibr-md .sqibr-s{font-size:14px;margin-top:2px}\n\t.sqibr-md .sqibr-t{font-size:12px;margin-top:6px}\n\t.sqibr-h{gap:10px;text-align:left}\n\t.sqibr-h .sqibr-tx{height:var(--m);justify-content:space-between}\n\t.sqibr-h .sqibr-n,.sqibr-h .sqibr-s{display:flex;align-items:center;height:calc(var(--m)*.46)}\n\t.sqibr-h .sqibr-n{font-size:17px}\n\t.sqibr-h .sqibr-s{font-size:12.5px}\n\t.sqibr-hl{font-size:30px;gap:.5em;text-align:left}\n\t.sqibr-hl .sqibr-mk{width:2em;height:2em}\n\t.sqibr-hl .sqibr-tx{justify-content:center}\n\t.sqibr-hl .sqibr-l{display:block;white-space:nowrap;line-height:1}\n\t.sqibr-hl .sqibr-n{font-weight:600;letter-spacing:-.02em}\n\t.sqibr-hl .sqibr-s{font-weight:400;margin-left:.28em}\n\t.sqibr-hl .sqibr-t{font-size:.4em;margin-top:.5em}\n\t.sqibr-side .sqibr-hl{font-size:clamp(19px,2.5vw,31px)}\n\t.sqibr-card .sqibr-hl{justify-content:center}\n\t.sqi-lp .sqibr-hl{font-size:clamp(17px,5.2vw,30px)}\n\t.sqibr-pw{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted,#6B7280);font-family:\"Avenir Next\",Avenir,\"Helvetica Neue\",Arial,sans-serif;flex-wrap:wrap;justify-content:center}\n\t.sqibr-pw a{display:inline-flex}\n\t.sqibr-pw img{height:16px;width:80px;max-width:none;display:block}\n\t.sqibr-ws{display:block;margin:2px 8px 14px;padding:8px 10px;border-radius:9px;background:var(--hover,#F3F4F6);min-width:0}\n\t.sqibr-ws span{display:block;font-size:11px;font-weight:400;color:var(--muted,#6B7280)}\n\t.sqibr-ws b{display:block;font-size:14px;font-weight:600;color:var(--text,#1F2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\t.sqi-side a.sqi-brand{flex-wrap:wrap;padding-bottom:12px}\n\t.sqi-side a.sqi-brand .sqibr-ws{width:100%;margin:10px 0 0}\n\t.sqi-mtop .sqibr-ws{display:none}\n\t.sqibr-sf{padding:12px 8px 2px;text-align:left}\n\t.sqi-lside.sqibr-side{flex-direction:column;justify-content:center;align-items:center;text-align:center}\n\t.sqi-lside.sqibr-side:not([style]){background:#EEF7F2;color:#1F2937}\n\t.sqi-lside.sqibr-side .inner{max-width:none}\n\t.sqibr-card{display:inline-block;padding:0}\n\t.sqi-lside.sqibr-side[style] .sqibr-card{background:#fff;border-radius:16px;padding:24px 34px}\n\t.sqibr-side .sqibr{color:#1F2937}.sqibr-side .sqibr-s{color:#4B5563}.sqibr-side .sqibr-t{color:#6B7280}\n\t.sqibr-foot{position:absolute;left:0;right:0;bottom:22px;text-align:center;z-index:1}\n\t.sqibr-side .sqibr-pw{color:#4B5563}\n\t.sqi-lside.sqibr-side[style] .sqibr-pw{background:#fff;border-radius:20px;padding:6px 14px}\n\t.sqibr-stamp{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--muted,#6B7280);font-family:\"Avenir Next\",Avenir,\"Helvetica Neue\",Arial,sans-serif}\n\t.sqibr-card-stamp{margin-top:20px;padding-top:14px;border-top:1px solid var(--line,#e3e6eb)}\n\t.sqi-lp .pp-t-mint{--tc:#1F7A55;--tp:#BFE8D4;--tl:#8FD1B3;--tt:#E8F6EF}\n\t.sqi-lp .pp-t-peach{--tc:#B8501F;--tp:#FAD3C0;--tl:#F0A987;--tt:#FDF1EA}\n\t.sqi-lp .pp-t-lav{--tc:#5B4BB8;--tp:#D9D0F5;--tl:#B3A5EA;--tt:#F2EFFC}\n\t.sqi-lp .pp-t-sky{--tc:#2563A8;--tp:#C5E0F7;--tl:#8FBDEB;--tt:#EBF4FC}\n\t.sqi-lp .pp-k{font-weight:700;color:var(--tc);padding-bottom:6px;background-repeat:no-repeat;background-position:0 100%;background-size:100% 9px;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n\t.sqi-lp .pp-t-mint .pp-k{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns=%27http:\/\/www.w3.org\/2000\/svg%27 viewBox=%270 0 100 9%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M2 6 C 20 1, 40 8, 60 4 S 90 2, 98 5%27 fill=%27none%27 stroke=%27%238FD1B3%27 stroke-width=%273.5%27 stroke-linecap=%27round%27\/%3E%3C\/svg%3E\")}\n\t.sqi-lp .pp-t-peach .pp-k{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns=%27http:\/\/www.w3.org\/2000\/svg%27 viewBox=%270 0 100 9%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M2 6 C 20 1, 40 8, 60 4 S 90 2, 98 5%27 fill=%27none%27 stroke=%27%23F0A987%27 stroke-width=%273.5%27 stroke-linecap=%27round%27\/%3E%3C\/svg%3E\")}\n\t.sqi-lp .pp-t-lav .pp-k{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns=%27http:\/\/www.w3.org\/2000\/svg%27 viewBox=%270 0 100 9%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M2 6 C 20 1, 40 8, 60 4 S 90 2, 98 5%27 fill=%27none%27 stroke=%27%23B3A5EA%27 stroke-width=%273.5%27 stroke-linecap=%27round%27\/%3E%3C\/svg%3E\")}\n\t.sqi-lp .pp-t-sky .pp-k{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns=%27http:\/\/www.w3.org\/2000\/svg%27 viewBox=%270 0 100 9%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M2 6 C 20 1, 40 8, 60 4 S 90 2, 98 5%27 fill=%27none%27 stroke=%27%238FBDEB%27 stroke-width=%273.5%27 stroke-linecap=%27round%27\/%3E%3C\/svg%3E\")}\n\t.sqibr-mfoot{display:none;\nmargin-top:28px;text-align:center}\n\t.sqi-lform .mlogo{text-align:left}\n\t@media (max-width:899px){.sqibr-mfoot{display:block}.sqi-lform .mlogo .sqibr{align-items:flex-start;text-align:left}.sqi-lform .mlogo .sqibr-tx{align-items:flex-start}}\n\t@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sqi-app .sqibr-pw img{filter:brightness(0) invert(1)}}\n\t:root[data-theme=dark] .sqi-app .sqibr-pw img{filter:brightness(0) invert(1)}\n\t.sqibr-side .sqibr-pw img{filter:none !important}\n\t<\/style><style>\n\t.sqi-lp.sqi-pp{max-width:1120px}\n\t.sqi-pp .pp-nav{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:22px 0 8px;border-bottom:1px solid var(--l);flex-wrap:wrap}\n\t.sqi-pp .pp-nav b{font-size:16px}\n\t.sqi-pp .pp-logo{display:block;max-height:36px;width:auto;max-width:170px;height:auto}\n\t.sqi-pp .pp-nav nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:14px}\n\t.sqi-pp .pp-nav nav a{color:var(--t2);text-decoration:none}\n\t.sqi-pp .pp-nav nav a.lp-btn{padding:8px 16px;font-size:14px;color:var(--bi)}\n\t.sqi-pp .pp-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;padding:56px 0 24px;align-items:start}\n\t.sqi-pp .pp-bigbrand{margin-bottom:22px}\n\t.sqi-pp .pp-herocta,.sqi-pp .pp-float{display:none}\n\n\t.sqi-pp .pp-row .pp-eyebrow{display:inline-block;font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:500;background:var(--tp);color:var(--tc);border-radius:20px;padding:3px 13px;margin-bottom:10px}\n\t.sqi-pp .pp-row .pp-bul li:before{color:var(--tc)}\n\t.sqi-pp .pp-row .pp-help{background:var(--tt)}\n\t.sqi-pp .pp-row .pp-ill{border-top:5px solid var(--tp)}\n\n\t.sqi-pp .pp-pwby{margin-top:12px}\n\t.sqi-pp .pp-nav .sqibr-hl{font-size:19px}\n\t.sqi-pp .pp-bigbrand .sqibr-hl{font-size:clamp(20px,3vw,30px)}\n\t.sqi-pp .pp-pwby .sqibr-pw{justify-content:flex-start}\n\t.sqi-pp .pp-eyebrow{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--m);margin-bottom:8px}\n\t.sqi-pp .pp-hero h1{font-size:clamp(28px,4vw,40px);line-height:1.18;margin-bottom:14px}\n\t.sqi-pp .pp-lead{font-size:18px;color:var(--t2)}\n\t.sqi-pp .pp-ticks{list-style:none;padding:0;margin:18px 0}\n\t.sqi-pp .pp-ticks li{display:flex;gap:10px;margin:10px 0;color:var(--t2)}\n\t.sqi-pp .pp-ticks li:before{content:\"\\2713\";color:var(--b);font-weight:700;flex:none}\n\t.sqi-pp .pp-proof{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--m);margin-top:16px}\n\t.sqi-pp .tf{margin:0;max-width:none;box-shadow:0 10px 34px rgba(28,35,48,.09)}\n\t.sqi-pp .pp-strip{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:16px 0;border-top:1px solid var(--l);border-bottom:1px solid var(--l);font-size:14px;color:var(--t2)}\n\t.sqi-pp .pp-sec{padding:44px 0 8px}\n\t.sqi-pp .pp-sec h2{font-size:clamp(24px,3vw,32px);line-height:1.2;text-align:center;margin-bottom:8px}\n\t.sqi-pp .pp-sub{text-align:center;color:var(--t2);font-size:17px;max-width:620px;margin:0 auto 10px}\n\t.sqi-pp .pp-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:34px 0;border-top:1px solid var(--l)}\n\t.sqi-pp .pp-row.first{border-top:0}\n\t.sqi-pp .pp-row.flip .pp-txt{order:2}\n\t.sqi-pp .pp-row h3{font-size:24px;line-height:1.25;margin-bottom:8px}\n\t.sqi-pp .pp-row p.pp-p{color:var(--t2);font-size:16px}\n\t.sqi-pp .pp-bul{list-style:none;padding:0;margin:14px 0}\n\t.sqi-pp .pp-bul li{display:flex;gap:10px;margin:8px 0;font-size:15px}\n\t.sqi-pp .pp-bul li:before{content:\"\\2713\";color:var(--b);font-weight:700;flex:none}\n\t.sqi-pp .pp-help{background:var(--s);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--t2);margin-top:14px}\n\t.sqi-pp .pp-help b{color:var(--t)}\n\t.sqi-pp .pp-ill{border:1px solid var(--l);border-radius:14px;background:var(--s);padding:18px}\n\t.sqi-pp .pp-ill-t{font-weight:600;margin-bottom:8px}\n\t.sqi-pp .pp-ln{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--l);font-size:14px;background:transparent}\n\t.sqi-pp .pp-ln:first-of-type{border-top:0}\n\t.sqi-pp .pp-ln span:first-child{color:var(--m)}\n\t.sqi-pp .pp-ok{color:#166534;background:#dcfce7;border-radius:6px;padding:1px 9px;font-size:12px}\n\t.sqi-pp .pp-warn{color:#92400e;background:#fef3c7;border-radius:6px;padding:1px 9px;font-size:12px}\n\t.sqi-pp .pp-bold{font-weight:600}\n\t.sqi-pp .pp-ill-f{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--m)}\n\t.sqi-pp .pp-fake{display:inline-block;padding:8px 16px;border-radius:8px;background:var(--b);color:var(--bi);font-weight:500;font-size:14px}\n\t.sqi-pp .pp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px auto 0;max-width:820px}\n\t.sqi-pp .pp-chips span{border:1px solid var(--l);border-radius:20px;padding:6px 14px;font-size:14px;color:var(--t2);background:#fff}\n\t.sqi-pp .pp-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:20px}\n\t.sqi-pp .pp-case{border:1px solid var(--l);border-radius:14px;padding:18px;background:#fff}\n\t.sqi-pp .pp-tag{display:inline-block;font-size:12px;background:var(--s);color:var(--t2);padding:3px 11px;border-radius:20px;margin-bottom:10px}\n\t.sqi-pp .pp-case h3{font-size:17px;line-height:1.3;margin-bottom:6px}\n\t.sqi-pp .pp-case p{font-size:14px;color:var(--t2)}\n\t.sqi-pp .pp-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;max-width:820px;margin-left:auto;margin-right:auto}\n\t.sqi-pp .pp-way{border:1px solid var(--l);border-radius:14px;padding:20px;background:#fff}\n\t.sqi-pp .pp-way.rec{border:2px solid var(--b)}\n\t.sqi-pp .pp-way h3{font-size:18px;margin-bottom:6px}\n\t.sqi-pp .pp-way p{font-size:15px;color:var(--t2);margin-bottom:14px}\n\t.sqi-pp .pp-badge{display:inline-block;font-size:12px;background:var(--b);color:var(--bi);padding:2px 10px;border-radius:20px;margin-bottom:8px}\n\t.sqi-pp .pp-cta{text-align:center;background:var(--s);border-radius:16px;padding:40px 18px;margin:40px 0 10px}\n\t.sqi-pp .pp-cta h2{font-size:clamp(24px,3vw,30px);margin-bottom:8px}\n\t.sqi-pp .pp-cta p{color:var(--t2);margin-bottom:18px}\n\t.sqi-pp section[id],.sqi-pp div[id]{scroll-margin-top:20px}\n\t@media (max-width:760px){.sqi-pp .pp-nav{display:none}.sqi-pp .pp-herocta{display:block;width:100%;box-sizing:border-box;text-align:center;margin:4px 0 8px}.sqi-pp .pp-float{display:flex;justify-content:center;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.sqi-pp .pp-float.show{opacity:1;transform:none;pointer-events:auto}.sqi-pp .pp-float a{display:block;width:100%;text-align:center;box-shadow:0 8px 20px rgba(28,35,48,.25);transform-origin:50% 100%;transition:transform .3s ease}.sqi-pp .pp-float.small a{transform:scale(.9)}.sqi-pp .pp-bigbrand{margin-bottom:14px}.sqi-pp .pp-bigbrand .sqibr-hl{font-size:clamp(20px,5.7vw,23px)}\n.sqi-pp .pp-hero,.sqi-pp .pp-row,.sqi-pp .pp-two{grid-template-columns:1fr}.sqi-pp .pp-row{gap:18px}.sqi-pp .pp-row.flip .pp-txt{order:0}.sqi-pp .pp-nav nav a:not(.lp-btn){display:none}.sqi-pp .pp-hero{padding-top:24px}}\n\t.sqi-pp .pp-bi{position:absolute;opacity:0;pointer-events:none}\n\t.sqi-pp .pp-tg{display:flex;justify-content:center;margin:0 0 18px}\n\t.sqi-pp .pp-tg label{border:1px solid var(--l);padding:8px 18px;font-size:14px;cursor:pointer;background:#fff;color:var(--t2)}\n\t.sqi-pp .pp-tg label:first-child{border-radius:10px 0 0 10px}\n\t.sqi-pp .pp-tg label:last-child{border-radius:0 10px 10px 0;border-left:0}\n\t.sqi-pp .pp-tg small{font-size:11px}\n\t.sqi-pp #pp-bm:checked ~ .pp-tg label[for=pp-bm],.sqi-pp #pp-by:checked ~ .pp-tg label[for=pp-by]{background:var(--b);border-color:var(--b);color:var(--bi)}\n\t.sqi-pp #pp-bm:focus-visible ~ .pp-tg label[for=pp-bm],.sqi-pp #pp-by:focus-visible ~ .pp-tg label[for=pp-by]{outline:2px solid var(--b);outline-offset:2px}\n\t.sqi-pp .pp-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px;margin:0 auto}\n\t.sqi-pp .pp-pc{background:#fff;border:1px solid var(--l);border-radius:14px;padding:20px;display:flex;flex-direction:column}\n\t.sqi-pp .pp-pc.feat{border:2px solid var(--b);padding:19px}\n\t.sqi-pp .pp-pc .n{font-size:17px;font-weight:600;color:var(--t)}\n\t.sqi-pp .pp-pc .t{font-size:12px;font-weight:500;color:var(--b);margin-left:8px}\n\t.sqi-pp .pp-pc .pr{font-size:30px;font-weight:600;color:var(--t);margin:6px 0 2px}\n\t.sqi-pp .pp-pc .pr small{font-size:13px;font-weight:400;color:var(--t2)}\n\t.sqi-pp .pp-pc .yy{font-size:13px;color:var(--b);margin:0 0 10px}\n\t.sqi-pp .pp-pc .pp-y{display:none}\n\t.sqi-pp #pp-by:checked ~ .pp-pgrid .pp-m{display:none}\n\t.sqi-pp #pp-by:checked ~ .pp-pgrid .pp-y{display:block}\n\t.sqi-pp .pp-pc ul{list-style:none;margin:10px 0 18px;padding:0;flex:1}\n\t.sqi-pp .pp-pc li{font-size:14px;color:var(--t2);margin:0 0 7px;padding-left:20px;position:relative}\n\t.sqi-pp .pp-pc li:before{content:\"\";position:absolute;left:2px;top:6px;width:6px;height:10px;border:solid var(--b);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.8)}\n\t.sqi-pp .pp-pc .lp-btn{text-align:center}\n\t.sqi-pp .pp-pn{text-align:center;font-size:13px;color:var(--t2);margin:16px auto 0;max-width:640px}\n\t@media (max-width:760px){.sqi-pp .pp-pgrid{grid-template-columns:1fr}}\n\n\t.sqi-pp .pp-ppl{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;font-size:14px;color:var(--t)}\n\t.sqi-pp .pp-ppl[hidden]{display:none}\n\t.sqi-pp .pp-ppl b{font-size:20px;min-width:28px;text-align:center}\n\t.sqi-pp .pp-pm{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--b);background:var(--b);color:var(--bi);font-size:22px;font-weight:500;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}\n\t.sqi-pp .pp-pm:hover{filter:brightness(.9)}\n\t.sqi-pp .pp-pm:disabled{background:#e5e9ee;border-color:#e5e9ee;color:#9aa4b2;cursor:default;filter:none}\n\t.sqi-pp .pp-pc .pp-x{font-size:13px;color:var(--t2);min-height:36px;margin:0 0 6px;line-height:1.4}\n\t.sqi-pp .pp-pc .pp-x b{color:var(--b);font-weight:500}\n\t.sqi-pp .pp-pc.no{opacity:.55}\n\n\t<\/style><style>\n\t\t.sqi-pubhd{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid #e3e6eb;padding:10px 18px;box-sizing:border-box;width:100%}\n\t\t.admin-bar .sqi-pubhd{top:32px}\n\t\t.sqi-pubhd *{box-sizing:border-box}\n\t\t.sqi-pubhd-b{display:flex;align-items:center;gap:14px;min-width:0}\n\t\t.sqi-pubhd-b>a{display:inline-flex;text-decoration:none;color:inherit}\n\t\t.sqi-lp [id]{scroll-margin-top:92px}\n\t\t.admin-bar .sqi-lp [id]{scroll-margin-top:124px}\n\t\t.sqi-pubhd-big{display:inline-flex}\n\t\t.sqi-pubhd-big .sqibr-hl{font-size:23px}\n\t\t.sqi-pubhd-sm{display:none}\n\t\t.sqi-pubhd-pw{font-size:12px;color:#6b7482;border-left:1px solid #e3e6eb;padding-left:14px;line-height:1.2}\n\t\t.sqi-pubhd nav{display:flex;gap:18px;align-items:center;font-size:14px;flex-wrap:wrap;justify-content:flex-end}\n\t\t.sqi-pubhd nav a{color:#4a5363;text-decoration:none}\n\t\t.sqi-pubhd nav a:hover{color:#1F7A55}\n\t\t.sqi-pubhd nav a.sqi-pubhd-cta{background:#1F7A55;color:#fff;padding:9px 16px;border-radius:8px;white-space:nowrap}\n\t\t.sqi-pubhd nav a.sqi-pubhd-login{background:#fff;color:#1F7A55;border:1px solid #1F7A55;padding:8px 14px;border-radius:8px;white-space:nowrap}\n\t\t@media (max-width:782px){.admin-bar .sqi-pubhd{top:46px}.admin-bar .sqi-lp [id]{scroll-margin-top:122px}}\n\t\t@media (max-width:760px){.sqi-lp [id]{scroll-margin-top:72px}}\n\t\t@media (max-width:760px){.sqi-pubhd-big{display:none}.sqi-pubhd-sm{display:inline-flex}.sqi-pubhd{padding:8px 12px}.sqi-pubhd-pw{display:none}.sqi-pubhd nav a:not(.sqi-pubhd-cta):not(.sqi-pubhd-login){display:none}.sqi-pubhd nav{gap:8px}.sqi-pubhd nav a.sqi-pubhd-cta{padding:8px 10px;font-size:13px}.sqi-pubhd nav a.sqi-pubhd-login{padding:7px 10px;font-size:13px}}\n\t\t<\/style><header class=\"sqi-pubhd\"><div class=\"sqi-pubhd-b\"><a href=\"https:\/\/gvdigital.co.za\/app\/\" aria-label=\"Simple Quotes and Invoices home\"><span class=\"sqi-pubhd-big\"><span class=\"sqibr sqibr-hl\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"sqibr-mk\" width=\"60\" height=\"60\" viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Simple Quotes and Invoices\"><rect x=\"2\" y=\"2\" width=\"44\" height=\"44\" rx=\"14\" fill=\"#BFE8D4\"\/><rect x=\"54\" y=\"2\" width=\"44\" height=\"44\" rx=\"14\" fill=\"#D9D0F5\"\/><rect x=\"2\" y=\"54\" width=\"44\" height=\"44\" rx=\"14\" fill=\"#FAD3C0\"\/><circle cx=\"76\" cy=\"76\" r=\"22\" fill=\"#C5E0F7\"\/><path d=\"M13 25l8 8 14-16\" fill=\"none\" stroke=\"#1F7A55\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span class=\"sqibr-tx\"><span class=\"sqibr-l\"><b class=\"sqibr-n\">Simple<\/b><span class=\"sqibr-s\">Quotes &amp; Invoices<\/span><\/span><\/span><\/span><\/span><span class=\"sqi-pubhd-sm\"><span class=\"sqibr sqibr-h\" style=\"--m:36px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"sqibr-mk\" width=\"36\" height=\"36\" viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Simple Quotes and Invoices\"><rect x=\"2\" y=\"2\" width=\"44\" height=\"44\" rx=\"14\" fill=\"#BFE8D4\"\/><rect x=\"54\" y=\"2\" width=\"44\" height=\"44\" rx=\"14\" fill=\"#D9D0F5\"\/><rect x=\"2\" y=\"54\" width=\"44\" height=\"44\" rx=\"14\" fill=\"#FAD3C0\"\/><circle cx=\"76\" cy=\"76\" r=\"22\" fill=\"#C5E0F7\"\/><path d=\"M13 25l8 8 14-16\" fill=\"none\" stroke=\"#1F7A55\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span class=\"sqibr-tx\"><b class=\"sqibr-n\">Simple<\/b><span class=\"sqibr-s\">Quotes &amp; Invoices<\/span><\/span><\/span><\/span><\/a><span class=\"sqi-pubhd-pw\"><span class=\"sqibr-pw\">Powered by <a href=\"https:\/\/gvdigital.co.za\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/gvdigital.co.za\/app\/wp-content\/plugins\/simple-quotes-invoices\/assets\/brand\/grapevine-logo.png?v=2.83.0\" alt=\"Grapevine Digital Marketing\" width=\"80\" height=\"16\" style=\"filter:none\"><\/a><\/span><\/span><\/div><nav><a href=\"#what\">What it does<\/a><a href=\"#who\">Who it is for<\/a><a href=\"#pricing\">Pricing<\/a><a href=\"#questions\">Questions<\/a><a href=\"https:\/\/gvdigital.co.za\/app\/become-a-partner\/\">Partners<\/a><a class=\"sqi-pubhd-login\" href=\"https:\/\/gvdigital.co.za\/app\/log-in\/\">Log in<\/a><a class=\"sqi-pubhd-cta\" href=\"#start-trial\">Start free trial<\/a><\/nav><\/header><div class=\"sqi-lp sqi-pp\"><section class=\"pp-hero\"><div><p class=\"pp-eyebrow\">Business software for South Africa<\/p><h1>Send the quote. Get the yes. Get paid. All in one place.<\/h1><p class=\"pp-lead\">Quotes, invoices, leads, expenses and your team, built for rand and 15% VAT. We host it, look after it and set it up with your logo on your quotes and invoices.<\/p><ul class=\"pp-ticks\"><li>Free for 7 days with your own business details<\/li><li>Clients pay from the invoice once a payment provider is connected<\/li><li>Every website enquiry lands on your board<\/li><\/ul><a class=\"lp-btn p pp-herocta\" href=\"#start-trial\">Start free trial<\/a><div class=\"pp-proof\"><span>Rand and 15% VAT<\/span><span>Tax Invoice layout<\/span><span>WhatsApp sharing<\/span><span>Managed and backed up<\/span><\/div><\/div><div><div class=\"tf tf-hero\" id=\"start-trial\"><form id=\"sqi-tf\" method=\"post\" action=\"https:\/\/gvdigital.co.za\/app\/wp-admin\/admin-post.php\" novalidate><input type=\"hidden\" name=\"action\" value=\"sqi_trial_signup\"><input type=\"hidden\" name=\"sqi_return\" value=\"https:\/\/gvdigital.co.za\/app\/\"><input type=\"hidden\" name=\"sqi_tf\" value=\"1792173442.c742f518ef7fcf6146b12874\"><div class=\"tf-hp\" aria-hidden=\"true\"><label>Leave this empty<input type=\"text\" name=\"tf_extra\" tabindex=\"-1\" autocomplete=\"off\"><\/label><\/div><div class=\"tf-prog\" aria-hidden=\"true\"><i><\/i><\/div><p class=\"tf-stl\" aria-live=\"polite\"><\/p><fieldset class=\"tf-step\" data-title=\"About you\"><legend style=\"padding:0\"><h2>Start your free trial<\/h2><\/legend><p style=\"font-size:14px;color:var(--t2);margin-bottom:4px\">7 days, full access, no card needed.<\/p><div class=\"tf-row\"><label class=\"f\">Your name<input type=\"text\" name=\"tf_name\" required autocomplete=\"name\" placeholder=\"Thandi Dlamini\" value=\"\"><\/label><label class=\"f\">Mobile number<input type=\"tel\" name=\"tf_phone\" required autocomplete=\"tel\" placeholder=\"082 555 0142\" value=\"\"><\/label><\/div><label class=\"f\">Email address<input type=\"email\" name=\"tf_email\" required autocomplete=\"email\" placeholder=\"you@yourbusiness.co.za\" value=\"\"><\/label><label class=\"f\">Business name<input type=\"text\" name=\"tf_business\" required autocomplete=\"organization\" placeholder=\"Your business name\" value=\"\"><\/label><label class=\"f\">What kind of business?<select name=\"tf_industry\" required><option value=\"\">Choose one<\/option><option>Marketing or creative<\/option><option>Trades and construction<\/option><option>Professional services<\/option><option>Retail or hospitality<\/option><option>Health and wellness<\/option><option>Property<\/option><option>Other<\/option><\/select><\/label><p class=\"q\">Where are you on your journey?<\/p><div class=\"tf-cards\"><label class=\"tf-card\"><input type=\"radio\" name=\"tf_stage\" value=\"starting\" required> I am starting a business<\/label><label class=\"tf-card\"><input type=\"radio\" name=\"tf_stage\" value=\"running\"> I already run one<\/label><\/div><div class=\"tf-nav\"><span><\/span><button type=\"button\" class=\"lp-btn p\" data-go=\"next\">Continue<\/button><\/div><\/fieldset><fieldset class=\"tf-step\" data-title=\"Help us tailor your trial\"><legend style=\"padding:0\"><h2 style=\"font-size:19px\">A little about your business<\/h2><\/legend><p style=\"font-size:14px;color:var(--t2)\">Optional, but it helps us set things up for you.<\/p><label class=\"f\">Website (optional)<input type=\"text\" name=\"tf_website\" autocomplete=\"url\" placeholder=\"yourbusiness.co.za\" value=\"\"><\/label><label class=\"tf-ck\" style=\"margin:-4px 0 12px\"><input type=\"checkbox\" name=\"tf_nosite\" value=\"1\"><span>I do not have a website yet<\/span><\/label><div class=\"tf-row\"><label class=\"f\">VAT number<input type=\"text\" name=\"tf_vat\" placeholder=\"Leave empty if not registered\" value=\"\"><\/label><label class=\"f\">Team size<select name=\"tf_team\"><option value=\"\">Choose one<\/option><option>Just me<\/option><option>2 to 5<\/option><option>6 to 15<\/option><option>16 or more<\/option><\/select><\/label><\/div><p class=\"q\">What do you use today?<\/p><div class=\"tf-chips\"><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_tools[]\" value=\"Spreadsheets\"><span>Spreadsheets<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_tools[]\" value=\"Zoho\"><span>Zoho<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_tools[]\" value=\"Xero\"><span>Xero<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_tools[]\" value=\"QuickBooks\"><span>QuickBooks<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_tools[]\" value=\"Sage\"><span>Sage<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_tools[]\" value=\"Nothing yet\"><span>Nothing yet<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_tools[]\" value=\"Other\"><span>Other<\/span><\/label><\/div><p class=\"q\">What matters most? Choose any.<\/p><div class=\"tf-chips\"><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_prio[]\" value=\"Getting paid faster\"><span>Getting paid faster<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_prio[]\" value=\"Professional quotes\"><span>Professional quotes<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_prio[]\" value=\"Tracking leads\"><span>Tracking leads<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_prio[]\" value=\"VAT and expenses\"><span>VAT and expenses<\/span><\/label><label class=\"tf-chip\"><input type=\"checkbox\" name=\"tf_prio[]\" value=\"Managing my team\"><span>Managing my team<\/span><\/label><\/div><label class=\"f\">Anything else you would like us to know?<textarea name=\"tf_notes\" rows=\"2\"><\/textarea><\/label><div class=\"tf-nav\"><button type=\"button\" class=\"lp-btn\" data-go=\"back\">Back<\/button><span><a href=\"#\" class=\"lp-btn\" data-go=\"skip\">Skip<\/a> <button type=\"button\" class=\"lp-btn p\" data-go=\"next\">Continue<\/button><\/span><\/div><\/fieldset><fieldset class=\"tf-step\" data-web=\"offer\" data-title=\"Optional\" hidden><legend style=\"padding:0\"><h2 style=\"font-size:19px\">Would you like a website?<\/h2><\/legend><p style=\"font-size:14px;color:var(--t2)\">We build simple websites that bring in enquiries. Every enquiry lands on your leads board in the app.<\/p><div class=\"tf-cards\" style=\"grid-template-columns:1fr\"><label class=\"tf-card\"><input type=\"radio\" name=\"tf_web\" value=\"yes\"><span><b>Yes, I would like a quote<\/b><small style=\"display:block;color:var(--m);margin-top:2px\">A few quick questions, then we send you a price.<\/small><\/span><\/label><label class=\"tf-card\"><input type=\"radio\" name=\"tf_web\" value=\"later\"><span><b>Maybe later<\/b><small style=\"display:block;color:var(--m);margin-top:2px\">We will keep it in mind. Nothing is sent.<\/small><\/span><\/label><label class=\"tf-card\"><input type=\"radio\" name=\"tf_web\" value=\"no\"><span><b>No thanks, just the app<\/b><small style=\"display:block;color:var(--m);margin-top:2px\">Straight on to your plan.<\/small><\/span><\/label><\/div><div class=\"tf-nav\"><button type=\"button\" class=\"lp-btn\" data-go=\"back\">Back<\/button><button type=\"button\" class=\"lp-btn p\" data-go=\"next\">Continue<\/button><\/div><\/fieldset><fieldset class=\"tf-step\" data-web=\"questions\" data-title=\"About the website\" hidden><legend style=\"padding:0\"><h2 style=\"font-size:19px\">What would you like to spend?<\/h2><\/legend><p style=\"font-size:14px;color:var(--t2)\">Drag to a number that feels comfortable. It is only a guide: we confirm the price in your quote.<\/p><div class=\"tf-size\"><div class=\"tf-bub\" aria-hidden=\"true\" style=\"left:33%\">about R 12 000<\/div><input type=\"range\" name=\"tf_w_budget\" min=\"3\" max=\"30\" step=\"1\" value=\"12\" aria-label=\"What would you like to spend?\" aria-valuetext=\"about R 12 000\"><div class=\"tf-stops\"><span>R 3 000<\/span><span>R 10 000<\/span><span>R 20 000<\/span><span>R 30 000+<\/span><\/div><div class=\"tf-pm\"><button type=\"button\" class=\"lp-btn\" data-size=\"-1\" aria-label=\"Less\">&minus;<\/button><button type=\"button\" class=\"lp-btn\" data-size=\"1\" aria-label=\"More\">+<\/button><span class=\"tf-pmt\">Or use the buttons or the arrow keys.<\/span><\/div><\/div><input type=\"hidden\" name=\"tf_w_budget_set\" value=\"\"><label class=\"tf-ck\" style=\"margin:6px 0 4px\"><input type=\"checkbox\" name=\"tf_w_budget_na\" value=\"1\"><span>I am not sure yet<\/span><\/label><p class=\"q\">Anything else you would like on it?<\/p><label class=\"tf-sw\"><span>More pages<\/span><input type=\"checkbox\" name=\"tf_w_extra[]\" value=\"More pages\"><i><\/i><\/label><label class=\"tf-sw\"><span>Online bookings<\/span><input type=\"checkbox\" name=\"tf_w_extra[]\" value=\"Online bookings\"><i><\/i><\/label><label class=\"tf-sw\"><span>Online shop<\/span><input type=\"checkbox\" name=\"tf_w_extra[]\" value=\"Online shop\"><i><\/i><\/label><label class=\"tf-sw\"><span>Logo design<\/span><input type=\"checkbox\" name=\"tf_w_extra[]\" value=\"Logo design\"><i><\/i><\/label><label class=\"tf-sw\"><span>Help with photos and words<\/span><input type=\"checkbox\" name=\"tf_w_extra[]\" value=\"Help with photos and words\"><i><\/i><\/label><p class=\"q\">When would you like it live?<\/p><div class=\"tf-chips\"><label class=\"tf-chip\"><input type=\"radio\" name=\"tf_w_when\" value=\"This month\"><span>This month<\/span><\/label><label class=\"tf-chip\"><input type=\"radio\" name=\"tf_w_when\" value=\"1 to 3 months\"><span>1 to 3 months<\/span><\/label><label class=\"tf-chip\"><input type=\"radio\" name=\"tf_w_when\" value=\"No rush\"><span>No rush<\/span><\/label><\/div><div class=\"tf-nav\"><button type=\"button\" class=\"lp-btn\" data-go=\"back\">Back<\/button><button type=\"button\" class=\"lp-btn p\" data-go=\"next\">Continue<\/button><\/div><\/fieldset><fieldset class=\"tf-step\" data-web=\"quote\" data-title=\"Your quote\" hidden><legend style=\"padding:0\"><h2 style=\"font-size:19px\">Where should we send your quote?<\/h2><\/legend><p style=\"font-size:14px;color:var(--t2)\">You will hear from a real person, not a robot.<\/p><div class=\"tf-chips\"><label class=\"tf-chip\"><input type=\"radio\" name=\"tf_w_contact\" value=\"WhatsApp\"><span>WhatsApp<\/span><\/label><label class=\"tf-chip\"><input type=\"radio\" name=\"tf_w_contact\" value=\"Email\"><span>Email<\/span><\/label><label class=\"tf-chip\"><input type=\"radio\" name=\"tf_w_contact\" value=\"A phone call\"><span>A phone call<\/span><\/label><\/div><label class=\"f\">Anything we should know? (optional)<textarea name=\"tf_w_note\" rows=\"2\"><\/textarea><\/label><label class=\"tf-ck\"><input type=\"checkbox\" name=\"tf_w_consent\" value=\"1\" required><span>I agree that Grapevine may contact me about this website quote.<\/span><\/label><div class=\"tf-nav\"><button type=\"button\" class=\"lp-btn\" data-go=\"back\">Back<\/button><button type=\"button\" class=\"lp-btn p\" data-go=\"next\">Request my website quote<\/button><\/div><\/fieldset><fieldset class=\"tf-step\" data-title=\"Almost there\"><legend style=\"padding:0\"><h2 style=\"font-size:19px\">Ready to build your trial<\/h2><\/legend><div class=\"tf-sum\"><div><span>Business<\/span><span data-sum=\"tf_business\"><\/span><\/div><div><span>Email<\/span><span data-sum=\"tf_email\"><\/span><\/div><div><span>Trial<\/span><span>7 days, full access<\/span><\/div><\/div><div class=\"tf-plan\"><p class=\"q\">Which plan would you like when your trial ends?<\/p><label class=\"f\"><select name=\"tf_plan\" id=\"tf-plan\"><option value=\"starter\">Starter, R 150 a month<\/option><option value=\"growth\" selected='selected'>Growth, R 250 a month<\/option><option value=\"business\">Business, R 450 a month<\/option><\/select><\/label><label class=\"f\">How many people will use it?<select name=\"tf_users\" id=\"tf-users\"><option value=\"1\" selected='selected'>1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><option value=\"11\">11<\/option><option value=\"12\">12<\/option><option value=\"13\">13<\/option><\/select><\/label><div class=\"tf-cards\"><label class=\"tf-card\"><input type=\"radio\" name=\"tf_billing\" value=\"monthly\" checked='checked'> Pay monthly<\/label><label class=\"tf-card\"><input type=\"radio\" name=\"tf_billing\" value=\"yearly\"> Pay yearly, 2 months free<\/label><\/div><p id=\"tf-plan-sum\" style=\"font-size:14px;color:var(--t);font-weight:500;margin:4px 0 6px\" aria-live=\"polite\"><\/p><p style=\"font-size:12px;color:var(--t2);margin:0 0 12px\">No VAT is added. No card needed. When your trial ends we email you an invoice for this plan. We remind you the day before, and you can change it or cancel before then.<\/p><script>(function(){var p=document.getElementById(\"tf-plan\"),u=document.getElementById(\"tf-users\"),s=document.getElementById(\"tf-plan-sum\");if(!p||!u||!s){return;}var D={\"plans\":{\"starter\":[150,1,\"Starter\"],\"growth\":[250,3,\"Growth\"],\"business\":[450,8,\"Business\"]},\"extra\":50,\"cap\":5,\"months\":10,\"max\":13};function fmt(v){return \"R \"+String(Math.round(v)).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,\" \");}function draw(){var d=D.plans[p.value];if(!d){return;}var n=parseInt(u.value,10)||1,ex=Math.max(0,n-d[1]),y=document.querySelector(\"input[name=tf_billing]:checked\"),yr=y&&y.value===\"yearly\";if(ex>D.cap){s.textContent=\"The \"+d[2]+\" plan covers up to \"+(d[1]+D.cap)+\" people. Choose a bigger plan, or tell us in the notes.\";return;}var m=d[0]+ex*D.extra;s.textContent=d[2]+\" for \"+n+(n===1?\" person: \":\" people: \")+(yr?fmt(m*D.months)+\" a year\":fmt(m)+\" a month\")+(ex>0?\" (includes \"+ex+(ex===1?\" extra user)\":\" extra users)\"):\"\");}p.onchange=draw;u.onchange=draw;var r=document.querySelectorAll(\"input[name=tf_billing]\");for(var i=0;i<r.length;i++){r[i].onchange=draw;}draw();})();<\/script><\/div><label class=\"tf-ck\"><input type=\"checkbox\" name=\"tf_consent\" value=\"1\" required><span>I agree that Grapevine may contact me about my trial and store the details I have given. I can ask for them to be removed at any time.<\/span><\/label><div class=\"tf-nav\"><button type=\"button\" class=\"lp-btn\" data-go=\"back\">Back<\/button><button type=\"submit\" class=\"lp-btn p\">Start my free trial<\/button><\/div><\/fieldset><\/form><script>\n\t(function(){\n\t\tvar f=document.getElementById(\"sqi-tf\");\n\t\tif(!f){return;}\n\t\tvar box=f.parentNode,all=[].slice.call(f.querySelectorAll(\".tf-step\")),bar=f.querySelector(\".tf-prog i\"),lab=f.querySelector(\".tf-stl\"),cur=all[0],skipped=false;\n\t\tbox.className+=\" js\";\n\t\tvar bmin=3,bmax=30,bdef=12;\n\t\tfunction pick(name){\n\t\t\tvar els=f.querySelectorAll(\"input[name='\"+name+\"']\");\n\t\t\tfor(var k=0;k<els.length;k++){if(els[k].checked){return els[k].value;}}\n\t\t\treturn \"\";\n\t\t}\n\t\tfunction branch(){\n\t\t\tvar tick=f.elements.tf_nosite&&f.elements.tf_nosite.checked;\n\t\t\tvar site=f.elements.tf_website&&f.elements.tf_website.value.replace(\/\\s+\/g,\"\")!==\"\";\n\t\t\treturn !!tick||(!site&&!skipped);\n\t\t}\n\t\tfunction gate(s){\n\t\t\tvar w=s.getAttribute(\"data-web\");\n\t\t\tif(!w){return true;}\n\t\t\tif(!branch()){return false;}\n\t\t\tif(w===\"offer\"){return true;}\n\t\t\treturn pick(\"tf_web\")===\"yes\";\n\t\t}\n\t\tfunction active(){return all.filter(gate);}\n\t\tfunction sync(){\n\t\t\tall.forEach(function(s){\n\t\t\t\tvar on=gate(s);\n\t\t\t\t[].forEach.call(s.querySelectorAll(\"input,select,textarea\"),function(el){el.disabled=!on;});\n\t\t\t});\n\t\t}\n\t\tfunction sum(){\n\t\t\t[].forEach.call(f.querySelectorAll(\"[data-sum]\"),function(s){\n\t\t\t\tvar el=f.elements[s.getAttribute(\"data-sum\")];\n\t\t\t\ts.textContent=el&&el.value?el.value:\"\";\n\t\t\t});\n\t\t}\n\t\tfunction show(s){\n\t\t\tcur=s;\n\t\t\tsync();\n\t\t\tvar a=active(),n=a.indexOf(s);\n\t\t\tall.forEach(function(x){x.hidden=(x!==s);});\n\t\t\tbar.style.width=Math.round((n+1)\/a.length*100)+\"%\";\n\t\t\tlab.textContent=\"Step \"+(n+1)+\" of \"+a.length+\" \u00b7 \"+s.getAttribute(\"data-title\");\n\t\t\tif(n===a.length-1){sum();}\n\t\t\tif(n>0){box.scrollIntoView({behavior:\"smooth\",block:\"start\"});}\n\t\t}\n\t\tfunction valid(){\n\t\t\tvar ok=true;\n\t\t\t[].forEach.call(cur.querySelectorAll(\"input,select,textarea\"),function(el){\n\t\t\t\tif(el.checkValidity&&!el.checkValidity()){\n\t\t\t\t\tif(ok&&el.reportValidity){el.reportValidity();}\n\t\t\t\t\tok=false;\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn ok;\n\t\t}\n\t\tf.addEventListener(\"change\",function(e){\n\t\t\tvar n=e.target&&e.target.name;\n\t\t\tif(n===\"tf_nosite\"||n===\"tf_website\"){skipped=false;}\n\t\t\tif(n===\"tf_w_budget_na\"&&e.target.checked&&f.elements.tf_w_budget_set){f.elements.tf_w_budget_set.value=\"\";}\n\t\t});\n\t\tfunction money(k){\n\t\t\tvar s=String(k*1000).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,\" \");\n\t\t\treturn k>=bmax?\"R \"+s+\"+\":\"about R \"+s;\n\t\t}\n\t\tfunction sized(){\n\t\t\tvar r=f.elements.tf_w_budget;\n\t\t\tif(!r){return;}\n\t\t\tvar v=Math.max(bmin,Math.min(bmax,+r.value||bdef)),bub=f.querySelector(\".tf-bub\");\n\t\t\tif(bub){bub.textContent=money(v);bub.style.left=((v-bmin)\/(bmax-bmin)*100)+\"%\";}\n\t\t\tr.setAttribute(\"aria-valuetext\",money(v));\n\t\t}\n\t\tf.addEventListener(\"input\",function(e){\n\t\t\tvar n=e.target&&e.target.name;\n\t\t\tif(n===\"tf_w_budget\"){\n\t\t\t\tsized();\n\t\t\t\tif(f.elements.tf_w_budget_set){f.elements.tf_w_budget_set.value=\"1\";}\n\t\t\t\tif(f.elements.tf_w_budget_na){f.elements.tf_w_budget_na.checked=false;}\n\t\t\t}\n\t\t});\n\t\tf.addEventListener(\"click\",function(e){\n\t\t\tvar sz=e.target.closest?e.target.closest(\"[data-size]\"):null;\n\t\t\tif(sz){\n\t\t\t\te.preventDefault();\n\t\t\t\tvar r=f.elements.tf_w_budget;\n\t\t\t\tif(r){\n\t\t\t\t\tr.value=Math.max(1,Math.min(+r.max,(+r.value)+(+sz.getAttribute(\"data-size\"))));\n\t\t\t\t\tr.dispatchEvent(new Event(\"input\",{bubbles:true}));\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar b=e.target.closest?e.target.closest(\"[data-go]\"):null;\n\t\t\tif(!b){return;}\n\t\t\te.preventDefault();\n\t\t\tvar go=b.getAttribute(\"data-go\");\n\t\t\tif(go===\"skip\"){skipped=true;}\n\t\t\telse if(go===\"next\"){\n\t\t\t\tif(!valid()){return;}\n\t\t\t\tskipped=false;\n\t\t\t}\n\t\t\tsync();\n\t\t\tvar a=active(),n=a.indexOf(cur);\n\t\t\tif(go===\"back\"&&n>0){show(a[n-1]);}\n\t\t\telse if((go===\"skip\"||go===\"next\")&&n<a.length-1){show(a[n+1]);}\n\t\t});\n\t\tf.addEventListener(\"keydown\",function(e){\n\t\t\tvar a=active();\n\t\t\tif(e.key===\"Enter\"&&a.indexOf(cur)<a.length-1&&e.target.tagName!==\"TEXTAREA\"&&e.target.tagName!==\"BUTTON\"&&e.target.tagName!==\"A\"){\n\t\t\t\te.preventDefault();\n\t\t\t\tif(valid()){\n\t\t\t\t\tskipped=false;\n\t\t\t\t\tsync();\n\t\t\t\t\ta=active();\n\t\t\t\t\tshow(a[a.indexOf(cur)+1]);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tf.addEventListener(\"submit\",function(e){\n\t\t\tsync();\n\t\t\tvar bad=null;\n\t\t\tactive().forEach(function(s){\n\t\t\t\tif(bad!==null){return;}\n\t\t\t\t[].forEach.call(s.querySelectorAll(\"input,select,textarea\"),function(el){\n\t\t\t\t\tif(bad===null&&el.checkValidity&&!el.checkValidity()){bad=s;}\n\t\t\t\t});\n\t\t\t});\n\t\t\tif(bad!==null){\n\t\t\t\te.preventDefault();\n\t\t\t\tshow(bad);\n\t\t\t\tvalid();\n\t\t\t}\n\t\t});\n\t\tsized();\n\t\tshow(all[0]);\n\t})();\n\t<\/script><\/div><\/div><\/section><div class=\"pp-strip\"><span>Rand and 15% VAT<\/span><span>Tax Invoice layout<\/span><span>Card and Capitec Pay<\/span><span>WhatsApp sharing<\/span><span>E-signature on quotes<\/span><span>Managed and backed up<\/span><\/div><section class=\"pp-sec\" id=\"what\"><h2>Everything you need to run the business<\/h2><p class=\"pp-sub\">Seven things the software does for you, and what that means on a normal Monday.<\/p><div class=\"pp-row pp-t-mint first\"><div class=\"pp-txt\"><p class=\"pp-eyebrow\">Win more work<\/p><h3>Quotes that look the part and get a <span class=\"pp-k\">quick yes<\/span><\/h3><p class=\"pp-p\">Send a branded quote by email or WhatsApp. Your client accepts it online, and one click turns it into an invoice.<\/p><ul class=\"pp-bul\"><li><span>Your logo and colours on every PDF<\/span><\/li><li><span>A deposit and a discount, shown clearly<\/span><\/li><li><span>Clients sign with a typed name in their own portal<\/span><\/li><li><span>Saved items so quoting takes minutes<\/span><\/li><\/ul><div class=\"pp-help\"><b>How it helps:<\/b> less back and forth, a faster yes, and a signed record of what was agreed.<\/div><\/div><div class=\"pp-pic\"><div class=\"pp-ill\" aria-hidden=\"true\"><div class=\"pp-ill-t\">Quote Q-0042<\/div><div class=\"pp-ln\"><span>Total<\/span><span>R 11 500.00<\/span><\/div><div class=\"pp-ln\"><span>Discount (10%)<\/span><span>- R 1 150.00<\/span><\/div><div class=\"pp-ln\"><span>Deposit<\/span><span class=\"pp-bold\">R 5 175.00<\/span><\/div><div class=\"pp-ln\"><span>Status<\/span><span class=\"pp-ok\">Signed<\/span><\/div><\/div><\/div><\/div><div class=\"pp-row pp-t-peach flip\"><div class=\"pp-txt\"><p class=\"pp-eyebrow\">Get paid faster<\/p><h3>Clients pay from the invoice <span class=\"pp-k\">the moment they open it<\/span><\/h3><p class=\"pp-p\">Every invoice carries a Pay online button and your bank details. Reminders chase the late ones for you.<\/p><ul class=\"pp-bul\"><li><span>Card and Capitec Pay once a payment provider is connected<\/span><\/li><li><span>A receipt goes out automatically when money arrives<\/span><\/li><li><span>Deposits, part payments and credit notes<\/span><\/li><li><span>Monthly invoices that send themselves<\/span><\/li><\/ul><div class=\"pp-help\"><b>How it helps:<\/b> less chasing, fewer awkward calls, and money in sooner.<\/div><\/div><div class=\"pp-pic\"><div class=\"pp-ill\" aria-hidden=\"true\"><div class=\"pp-ill-t\">Invoice INV-0233<\/div><div class=\"pp-ln\"><span>Total<\/span><span>R 11 500.00<\/span><\/div><div class=\"pp-ln\"><span>Deposit paid<\/span><span>R 5 750.00<\/span><\/div><div class=\"pp-ln\"><span>Balance due<\/span><span class=\"pp-bold\">R 5 750.00<\/span><\/div><div class=\"pp-ill-f\"><span class=\"pp-warn\">Due in 5 days<\/span><span class=\"pp-fake\">Pay online<\/span><\/div><\/div><\/div><\/div><div class=\"pp-row pp-t-lav\"><div class=\"pp-txt\"><p class=\"pp-eyebrow\">Never lose a lead<\/p><h3>Every website enquiry <span class=\"pp-k\">lands on your board<\/span>, even when something goes wrong<\/h3><p class=\"pp-p\">The forms on your website send each enquiry straight in, keep a safe copy, and tell you the moment one arrives.<\/p><ul class=\"pp-bul\"><li><span>A pop-up with one tap to open a new enquiry<\/span><\/li><li><span>Drag leads from enquiry to won<\/span><\/li><li><span>Follow-up reminders so nothing goes quiet<\/span><\/li><li><span>Works with the common WordPress form plugins<\/span><\/li><\/ul><div class=\"pp-help\"><b>How it helps:<\/b> you answer first, and every enquiry stays a chance to win the work.<\/div><\/div><div class=\"pp-pic\"><div class=\"pp-ill\" aria-hidden=\"true\"><div class=\"pp-ill-t\">New enquiries<\/div><div class=\"pp-ln\"><span>Karoo Coffee Roasters<\/span><span class=\"pp-ok\">New<\/span><\/div><div class=\"pp-ln\"><span>Ubuntu Fitness Studio<\/span><span class=\"pp-warn\">Follow up today<\/span><\/div><div class=\"pp-ln\"><span>Blue Crane Logistics<\/span><span>Quote sent<\/span><\/div><\/div><\/div><\/div><div class=\"pp-row pp-t-sky flip\"><div class=\"pp-txt\"><p class=\"pp-eyebrow\">Know where the money stands<\/p><h3>Money in, money out and the VAT, <span class=\"pp-k\">without the shoebox<\/span><\/h3><p class=\"pp-p\">Record what the business spends, see what you still owe, and have the VAT summary ready for your accountant.<\/p><ul class=\"pp-bul\"><li><span>Expenses with a photo of the slip<\/span><\/li><li><span>Bills to pay with reminders<\/span><\/li><li><span>Profit by month and spending by category<\/span><\/li><li><span>A VAT summary and a file for your accountant<\/span><\/li><\/ul><div class=\"pp-help\"><b>How it helps:<\/b> no surprises at VAT time, and you always know whether the month made money.<\/div><\/div><div class=\"pp-pic\"><div class=\"pp-ill\" aria-hidden=\"true\"><div class=\"pp-ill-t\">This month<\/div><div class=\"pp-ln\"><span>Money in<\/span><span>R 42 300.00<\/span><\/div><div class=\"pp-ln\"><span>Money out<\/span><span>R 18 950.00<\/span><\/div><div class=\"pp-ln\"><span>Profit so far<\/span><span class=\"pp-bold\">R 23 350.00<\/span><\/div><div class=\"pp-ln\"><span>Bills to pay<\/span><span class=\"pp-warn\">2<\/span><\/div><\/div><\/div><\/div><div class=\"pp-row pp-t-mint\"><div class=\"pp-txt\"><p class=\"pp-eyebrow\">Run the team and the day<\/p><h3>Everyone sees <span class=\"pp-k\">what is next<\/span><\/h3><p class=\"pp-p\">Tasks, a calendar, projects with time tracking, and logins that show each person only what they need.<\/p><ul class=\"pp-bul\"><li><span>Tasks with reminders, lists and repeats<\/span><\/li><li><span>Projects with budgets and a timer<\/span><\/li><li><span>Four roles: owner, manager, sales and finance<\/span><\/li><li><span>A bell and a daily summary of what needs you<\/span><\/li><\/ul><div class=\"pp-help\"><b>How it helps:<\/b> fewer dropped balls, and a team that does not need to ask what to do next.<\/div><\/div><div class=\"pp-pic\"><div class=\"pp-ill\" aria-hidden=\"true\"><div class=\"pp-ill-t\">Today<\/div><div class=\"pp-ln\"><span>Call Karoo Coffee about the quote<\/span><span class=\"pp-warn\">Due 10:00<\/span><\/div><div class=\"pp-ln\"><span>Send invoice for the shopfront job<\/span><span class=\"pp-ok\">Done<\/span><\/div><div class=\"pp-ln\"><span>Website project<\/span><span>12 of 20 hours<\/span><\/div><\/div><\/div><\/div><div class=\"pp-row pp-t-peach flip\"><div class=\"pp-txt\"><p class=\"pp-eyebrow\">Keep clients close<\/p><h3>A portal where clients <span class=\"pp-k\">help themselves<\/span><\/h3><p class=\"pp-p\">Clients sign in with an emailed link, with no password to forget, and see their own invoices, quotes and statement.<\/p><ul class=\"pp-bul\"><li><span>Accept and sign quotes, pay invoices<\/span><\/li><li><span>Statements on screen, by email, or sent every month<\/span><\/li><li><span>Branded documents and emails<\/span><\/li><li><span>You decide which clients have access<\/span><\/li><\/ul><div class=\"pp-help\"><b>How it helps:<\/b> clients stop asking where their invoice is, and your business looks established.<\/div><\/div><div class=\"pp-pic\"><div class=\"pp-ill\" aria-hidden=\"true\"><div class=\"pp-ill-t\">Your portal<\/div><div class=\"pp-ln\"><span>Overdue<\/span><span class=\"pp-ok\">R 0.00<\/span><\/div><div class=\"pp-ln\"><span>Open quotes<\/span><span>1<\/span><\/div><div class=\"pp-ln\"><span>Latest invoice<\/span><span class=\"pp-ok\">INV-0233 paid<\/span><\/div><\/div><\/div><\/div><div class=\"pp-row pp-t-lav\"><div class=\"pp-txt\"><p class=\"pp-eyebrow\">Safe and looked after<\/p><h3>Your information <span class=\"pp-k\">stays yours<\/span>, and we take care of the rest<\/h3><p class=\"pp-p\">Backed up, locked when you walk away, and set up so only the right people get in. Nothing for you to install or update.<\/p><ul class=\"pp-bul\"><li><span>Automatic lock after a period of no activity<\/span><\/li><li><span>Sign in with Touch ID, Face ID or a passkey<\/span><\/li><li><span>Roles that limit who sees what<\/span><\/li><li><span>A full copy you can move to your own hosting<\/span><\/li><\/ul><div class=\"pp-help\"><b>How it helps:<\/b> you can focus on customers, knowing the records are safe and the software is kept current.<\/div><\/div><div class=\"pp-pic\"><div class=\"pp-ill\" aria-hidden=\"true\"><div class=\"pp-ill-t\">Security<\/div><div class=\"pp-ln\"><span>Automatic lock<\/span><span class=\"pp-ok\">On<\/span><\/div><div class=\"pp-ln\"><span>Passkey sign-in<\/span><span class=\"pp-ok\">Required<\/span><\/div><div class=\"pp-ln\"><span>Backups<\/span><span class=\"pp-ok\">Managed<\/span><\/div><div class=\"pp-ln\"><span>Team roles<\/span><span>4<\/span><\/div><\/div><\/div><\/div><p class=\"pp-sub\" style=\"margin-top:18px\">And the smaller things that save time every week:<\/p><div class=\"pp-chips\"><span>WhatsApp sharing<\/span><span>Recurring invoices<\/span><span>Automatic reminders<\/span><span>Credit notes<\/span><span>Part payments and receipts<\/span><span>Client statements<\/span><span>Saved items<\/span><span>Import and export clients<\/span><span>Live updates<\/span><span>Works on your phone<\/span><span>Dark mode<\/span><span>Guided setup and help<\/span><\/div><\/section><section class=\"pp-sec\" id=\"who\"><h2>Picture your own week<\/h2><p class=\"pp-sub\">Examples of how different businesses use it.<\/p><div class=\"pp-cases\"><div class=\"pp-case\"><span class=\"pp-tag\">Trades and construction<\/span><h3>Quote on site, get the deposit before you start<\/h3><p>Send a quote from your phone, the client signs it, and a deposit invoice goes out. The balance follows when the job is done.<\/p><\/div><div class=\"pp-case\"><span class=\"pp-tag\">Marketing and creative<\/span><h3>Retainers that bill themselves<\/h3><p>Set up a monthly invoice once. Track hours against each project and see what each client is really worth.<\/p><\/div><div class=\"pp-case\"><span class=\"pp-tag\">Professional services<\/span><h3>Look established from day one<\/h3><p>Branded quotes, a client portal and statements make a small practice feel like a firm.<\/p><\/div><div class=\"pp-case\"><span class=\"pp-tag\">Just starting out<\/span><h3>Replace the spreadsheet<\/h3><p>A guided setup walks you through your first client, quote and invoice in minutes.<\/p><\/div><div class=\"pp-case\"><span class=\"pp-tag\">Growing with a team<\/span><h3>Everyone has the right access<\/h3><p>Sales sees their own leads, finance handles payments, and you keep the banking details to yourself.<\/p><\/div><div class=\"pp-case\"><span class=\"pp-tag\">Selling by subscription<\/span><h3>Monthly billing, automatic reminders<\/h3><p>Recurring invoices go out on the day, with a Pay online button and a reminder if one is late.<\/p><\/div><\/div><\/section><section class=\"pp-sec\" id=\"how\"><h2>From sign-up to your first quote in an afternoon<\/h2><div class=\"lp-steps\" style=\"margin-top:22px\"><div><span class=\"lp-n\">1<\/span><h3>Start your free trial<\/h3><p>A short form, then one click in your email.<\/p><\/div><div><span class=\"lp-n\">2<\/span><h3>Make it yours<\/h3><p>Add your logo, colour and business details.<\/p><\/div><div><span class=\"lp-n\">3<\/span><h3>Send your first quote<\/h3><p>A short guide takes you through it.<\/p><\/div><div><span class=\"lp-n\">4<\/span><h3>Decide<\/h3><p>Carry on with us, or walk away. Nothing to cancel.<\/p><\/div><\/div><\/section><section class=\"pp-sec\" id=\"pricing\"><h2>Simple pricing<\/h2><p class=\"pp-sub\">Start with a free trial of everything. Pick a plan when you are ready.<\/p><input type=\"radio\" name=\"pp-bill\" id=\"pp-bm\" class=\"pp-bi\" checked><input type=\"radio\" name=\"pp-bill\" id=\"pp-by\" class=\"pp-bi\"><div class=\"pp-tg\"><label for=\"pp-bm\">Monthly<\/label><label for=\"pp-by\">Yearly <small>2 months free<\/small><\/label><\/div><div class=\"pp-ppl\" id=\"pp-ppl\" hidden><span>How many people will use it?<\/span><button type=\"button\" class=\"pp-pm\" id=\"pp-d\" aria-label=\"Fewer people\">&minus;<\/button><b id=\"pp-n\">1<\/b><button type=\"button\" class=\"pp-pm\" id=\"pp-u\" aria-label=\"More people\">+<\/button><\/div><div class=\"pp-pgrid\"><div class=\"pp-pc\" data-key=\"starter\" data-price=\"150\" data-users=\"1\"><div class=\"n\">Starter<\/div><div class=\"pp-m pr\">R 150<small> a month<\/small><\/div><div class=\"pp-y pr\">R 1 500<small> a year<\/small><\/div><div class=\"pp-y yy\">R 125 a month, billed yearly<\/div><div class=\"pp-x\">Includes 1 user.<\/div><ul><li>1 user<\/li><li>30 documents a month<\/li><li>50 clients<\/li><li>Online payments and WhatsApp<\/li><li>Deposits and discounts<\/li><li>Expenses and bills<\/li><\/ul><a class=\"lp-btn pp-m\" data-url=\"https:\/\/gvdigital.co.za\/app\/?plan=starter&#038;billing=monthly\" href=\"https:\/\/gvdigital.co.za\/app\/?plan=starter&#038;billing=monthly#start-trial\">Start free trial<\/a><a class=\"lp-btn pp-y\" data-url=\"https:\/\/gvdigital.co.za\/app\/?plan=starter&#038;billing=yearly\" href=\"https:\/\/gvdigital.co.za\/app\/?plan=starter&#038;billing=yearly#start-trial\">Start free trial<\/a><\/div><div class=\"pp-pc feat\" data-key=\"growth\" data-price=\"250\" data-users=\"3\"><div class=\"n\">Growth<span class=\"t\">Most chosen<\/span><\/div><div class=\"pp-m pr\">R 250<small> a month<\/small><\/div><div class=\"pp-y pr\">R 2 500<small> a year<\/small><\/div><div class=\"pp-y yy\">R 208 a month, billed yearly<\/div><div class=\"pp-x\">Includes 3 users.<\/div><ul><li>3 users<\/li><li>200 documents a month<\/li><li>500 clients<\/li><li>Client portal and e-signature<\/li><li>Leads, tasks and recurring invoices<\/li><li>VAT summary for your accountant<\/li><\/ul><a class=\"lp-btn p pp-m\" data-url=\"https:\/\/gvdigital.co.za\/app\/?plan=growth&#038;billing=monthly\" href=\"https:\/\/gvdigital.co.za\/app\/?plan=growth&#038;billing=monthly#start-trial\">Start free trial<\/a><a class=\"lp-btn p pp-y\" data-url=\"https:\/\/gvdigital.co.za\/app\/?plan=growth&#038;billing=yearly\" href=\"https:\/\/gvdigital.co.za\/app\/?plan=growth&#038;billing=yearly#start-trial\">Start free trial<\/a><\/div><div class=\"pp-pc\" data-key=\"business\" data-price=\"450\" data-users=\"8\"><div class=\"n\">Business<\/div><div class=\"pp-m pr\">R 450<small> a month<\/small><\/div><div class=\"pp-y pr\">R 4 500<small> a year<\/small><\/div><div class=\"pp-y yy\">R 375 a month, billed yearly<\/div><div class=\"pp-x\">Includes 8 users.<\/div><ul><li>8 users<\/li><li>Unlimited documents and clients<\/li><li>Everything in Growth<\/li><li>Projects and time tracking<\/li><li>Restore and move your account<\/li><li>Priority support<\/li><\/ul><a class=\"lp-btn pp-m\" data-url=\"https:\/\/gvdigital.co.za\/app\/?plan=business&#038;billing=monthly\" href=\"https:\/\/gvdigital.co.za\/app\/?plan=business&#038;billing=monthly#start-trial\">Start free trial<\/a><a class=\"lp-btn pp-y\" data-url=\"https:\/\/gvdigital.co.za\/app\/?plan=business&#038;billing=yearly\" href=\"https:\/\/gvdigital.co.za\/app\/?plan=business&#038;billing=yearly#start-trial\">Start free trial<\/a><\/div><\/div><p class=\"pp-pn\">No VAT is added. Need more people? Extra users are R 50 a month each (R 500 a year). Everything is switched on during your free trial.<\/p><script>(function(){var box=document.getElementById(\"pp-ppl\");if(!box){return;}var D={\"plans\":{\"starter\":[150,1,\"Starter\"],\"growth\":[250,3,\"Growth\"],\"business\":[450,8,\"Business\"]},\"extra\":50,\"cap\":5,\"months\":10,\"max\":13};box.hidden=false;var n=1,out=document.getElementById(\"pp-n\"),dn=document.getElementById(\"pp-d\"),up=document.getElementById(\"pp-u\"),by=document.getElementById(\"pp-by\"),bm=document.getElementById(\"pp-bm\"),cards=document.querySelectorAll(\".pp-pc\");function fmt(v){return \"R \"+String(Math.round(v)).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,\" \");}function draw(){out.textContent=n;dn.disabled=n<=1;up.disabled=n>=D.max;for(var i=0;i<cards.length;i++){var c=cards[i],price=+c.getAttribute(\"data-price\"),inc=+c.getAttribute(\"data-users\"),ex=Math.max(0,n-inc),over=ex>D.cap,m=price+Math.min(ex,D.cap)*D.extra;if(over){c.classList.add(\"no\");}else{c.classList.remove(\"no\");}c.querySelector(\"div.pp-m.pr\").innerHTML=(over?\"-\":fmt(m))+\"<small> a month<\/small>\";c.querySelector(\"div.pp-y.pr\").innerHTML=(over?\"-\":fmt(m*D.months))+\"<small> a year<\/small>\";c.querySelector(\"div.pp-y.yy\").textContent=over?\"\":fmt(m*D.months\/12)+\" a month, billed yearly\";c.querySelector(\"div.pp-x\").innerHTML=over?\"Not enough seats here: choose a bigger plan or talk to us.\":(ex>0?\"Includes <b>\"+ex+(ex===1?\" extra user\":\" extra users\")+\"<\/b> at R \"+D.extra+\" each. The plan includes \"+inc+\".\":(n===1?\"Includes 1 person.\":\"Includes all \"+n+\" people (the plan has \"+inc+\").\"));var a=c.querySelectorAll(\"a.lp-btn\");for(var k=0;k<a.length;k++){a[k].href=a[k].getAttribute(\"data-url\")+\"&users=\"+n+\"#start-trial\";}}}up.onclick=function(){if(n<D.max){n++;draw();}};dn.onclick=function(){if(n>1){n--;draw();}};draw();})();<\/script><\/section><section class=\"pp-sec\" id=\"ways\"><h2>We look after it, or you host it yourself<\/h2><div class=\"pp-two\"><div class=\"pp-way rec\"><span class=\"pp-badge\">Most popular<\/span><h3>Managed by Grapevine<\/h3><p>We host it, keep it updated and backed up, and support you. Nothing to install. Your own web address, logo and details.<\/p><a class=\"lp-btn p\" href=\"#start-trial\">Start free trial<\/a><\/div><div class=\"pp-way\"><h3>On your own website<\/h3><p>Installed on your own WordPress hosting, with your data in your hands. We help you set it up. Ask us how.<\/p><a class=\"lp-btn\" href=\"https:\/\/gvdigital.co.za\/app\/contact\/\">Talk to us<\/a><\/div><\/div><\/section><section class=\"pp-sec\" id=\"questions\"><h2>Questions<\/h2><div style=\"margin-top:16px\"><details><summary>Is my information private?<\/summary><p>Yes. Your trial or account is its own separate site, so nobody else can see your information. Receipts are stored privately, and you can ask for your details to be removed at any time.<\/p><\/details><details><summary>What happens when the free trial ends?<\/summary><p>After 7 days the dashboard locks, and everything you added is kept for 14 more days in case you decide to carry on. If you do not, it is then deleted.<\/p><\/details><details><summary>Do I need a credit card to start?<\/summary><p>No. We never ask for payment details to start a trial.<\/p><\/details><details><summary>Do I need to be technical?<\/summary><p>No. We set it up, host it and look after it. A short guide walks you through your first client, quote and invoice.<\/p><\/details><details><summary>How do my clients pay me?<\/summary><p>Invoices carry a Pay online button and your bank details for EFT. Card and Capitec Pay payments need a payment provider connected to your account, and we help with that.<\/p><\/details><details><summary>Does it handle South African VAT?<\/summary><p>Yes. Quotes and invoices use 15% VAT by default, and the expenses section gives you a VAT summary for each VAT period. It is a summary for your accountant to check, not a filed return.<\/p><\/details><details><summary>Can I use everything during the trial?<\/summary><p>Yes. For the length of the trial you have the whole app. You are the owner of your own dashboard, so you can add your banking details, switch on your own payment methods, send quotes and invoices to your real clients by email (up to 100 emails a day) and back up your data.<\/p><\/details><details><summary>Does it work on my phone?<\/summary><p>Yes. It runs in your phone browser, you can add it to your home screen, and quotes, invoices and statements are made to read well on a small screen.<\/p><\/details><details><summary>Can I move to my own hosting later?<\/summary><p>Yes. A move package carries your data, settings, logo and receipt photos so it can be set up elsewhere. Talk to us first.<\/p><\/details><\/div><\/section><section class=\"pp-cta\"><h2>Try it with your own business, free<\/h2><p>Sign up in a minute and see your quotes and invoices in your own logo.<\/p><a class=\"lp-btn p\" href=\"#start-trial\">Start your free trial<\/a> <a class=\"lp-btn\" href=\"https:\/\/gvdigital.co.za\/app\/contact\/\">Book a walkthrough call<\/a><\/section><p class=\"lp-foot\"><span class=\"sqibr-pw\">Powered by <a href=\"https:\/\/gvdigital.co.za\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/gvdigital.co.za\/app\/wp-content\/plugins\/simple-quotes-invoices\/assets\/brand\/grapevine-logo.png?v=2.83.0\" alt=\"Grapevine Digital Marketing\" width=\"80\" height=\"16\" style=\"filter:none\"><\/a><\/span><br>0695214960 \u00b7 <a href=\"https:\/\/gvdigital.co.za\/app\/become-a-partner\/\">Become a referral partner<\/a><\/p><div class=\"pp-float\" aria-hidden=\"false\"><a class=\"lp-btn p\" href=\"#start-trial\">Start free trial<\/a><\/div><\/div><script>\n\t(function(){\n\t\tvar f=document.querySelector(\".pp-float\");\n\t\tif(!f||!window.IntersectionObserver){return;}\n\t\tvar mq=window.matchMedia(\"(max-width:760px)\"),hero=document.querySelector(\".pp-herocta\"),form=document.getElementById(\"start-trial\"),heroSeen=!!hero,formSeen=false,last=window.pageYOffset,t=null;\n\t\tfunction vis(){f.classList.toggle(\"show\",mq.matches&&!heroSeen&&!formSeen);}\n\t\tvar io=new IntersectionObserver(function(es){\n\t\t\tes.forEach(function(e){\n\t\t\t\tif(e.target===hero){heroSeen=e.isIntersecting;}\n\t\t\t\tif(e.target===form){formSeen=e.isIntersecting;}\n\t\t\t});\n\t\t\tvis();\n\t\t},{threshold:0.05});\n\t\tif(hero){io.observe(hero);}\n\t\tif(form){io.observe(form);}\n\t\twindow.addEventListener(\"scroll\",function(){\n\t\t\tvar y=window.pageYOffset;\n\t\t\tif(y>last+4){\n\t\t\t\tf.classList.add(\"small\");\n\t\t\t\tclearTimeout(t);\n\t\t\t\tt=setTimeout(function(){f.classList.remove(\"small\");},900);\n\t\t\t}else if(y<last-4){\n\t\t\t\tclearTimeout(t);\n\t\t\t\tf.classList.remove(\"small\");\n\t\t\t}\n\t\t\tlast=y;\n\t\t},{passive:true});\n\t})();\n\t<\/script><style>\n\t.sqi-lp .lp-btn{transition:transform .2s ease,box-shadow .2s ease}\n\t.sqi-lp .lp-btns .lp-btn.p:after,.sqi-lp .pp-cta .lp-btn.p:after,.sqi-lp .pp-way .lp-btn.p:after{content:\"\\2192\";display:inline-block;margin-left:8px;transition:transform .2s ease}\n\t.sqi-lp .tf{transition:box-shadow .3s ease,border-color .3s ease}\n\t.sqi-lp .tf:focus-within{border-color:var(--b);box-shadow:0 0 0 3px rgba(28,35,48,.06),0 10px 34px rgba(28,35,48,.12)}\n\t.sqi-lp .fx-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--b);z-index:99999;pointer-events:none;transition:width .1s linear}\n\t@media (hover:hover) and (pointer:fine){\n\t.sqi-lp .lp-card,.sqi-lp .pp-case,.sqi-lp .pp-way,.sqi-lp .lp-tile{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}\n\t.sqi-lp .lp-card:hover,.sqi-lp .pp-case:hover,.sqi-lp .pp-way:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(28,35,48,.12);border-color:#cfd4dc}\n\t.sqi-lp .lp-tile:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(28,35,48,.1)}\n\t.sqi-lp .lp-btns .lp-btn:hover,.sqi-lp .pp-cta .lp-btn:hover,.sqi-lp .pp-way .lp-btn:hover,.sqi-lp .pp-nav .lp-btn:hover,.sqi-lp .tf-nav button.p:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 18px rgba(28,35,48,.16)}\n\t.sqi-lp .lp-btns .lp-btn.p:hover:after,.sqi-lp .pp-cta .lp-btn.p:hover:after,.sqi-lp .pp-way .lp-btn.p:hover:after{transform:translateX(5px)}\n\t.sqi-lp .pp-ill{transition:transform .3s ease,box-shadow .3s ease}\n\t.sqi-lp .pp-ill:hover{transform:perspective(700px) rotateY(-4deg) rotateX(2deg) scale(1.02);box-shadow:0 14px 30px rgba(28,35,48,.12)}\n\t.sqi-lp .pp-chips span{transition:transform .2s ease,border-color .2s ease}\n\t.sqi-lp .pp-chips span:hover{transform:translateY(-2px);border-color:var(--b)}\n\t.sqi-lp summary{transition:transform .2s ease}\n\t.sqi-lp summary:hover{transform:translateX(4px)}\n\t}\n\t.sqi-lp .fx-r{opacity:0;transform:translateY(22px);transition:opacity .6s ease var(--fxd,0s),transform .6s ease var(--fxd,0s)}\n\t.sqi-lp .fx-r.fx-l{transform:translateX(-28px)}\n\t.sqi-lp .fx-r.fx-rt{transform:translateX(28px)}\n\t@media (max-width:760px){.sqi-lp .fx-r.fx-l,.sqi-lp .fx-r.fx-rt{transform:translateY(22px)}}\n\t.sqi-lp .fx-r.in{opacity:1;transform:none}\n\t.sqi-lp .lp-steps > div.in .lp-n{animation:sqifxpop .5s ease both;animation-delay:var(--fxd,0s)}\n\t@keyframes sqifxpop{0%{transform:scale(.4)}60%{transform:scale(1.18)}100%{transform:scale(1)}}\n\t@media (prefers-reduced-motion:reduce){.sqi-lp *,.sqi-lp *:after{transition:none !important;animation:none !important}}\n\t<\/style><script>\n\t(function(){\n\t\tvar root=document.querySelector(\".sqi-lp\");\n\t\tif(!root||!window.IntersectionObserver){return;}\n\t\tif(window.matchMedia&&window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches){return;}\n\t\tvar bar=document.createElement(\"div\");\n\t\tbar.className=\"fx-bar\";\n\t\troot.appendChild(bar);\n\t\tvar tick=false;\n\t\tfunction paint(){\n\t\t\ttick=false;\n\t\t\tvar m=document.documentElement.scrollHeight-window.innerHeight;\n\t\t\tbar.style.width=(m>0?Math.min(100,Math.max(0,window.pageYOffset\/m*100)):0)+\"%\";\n\t\t}\n\t\twindow.addEventListener(\"scroll\",function(){if(!tick){tick=true;window.requestAnimationFrame(paint);}},{passive:true});\n\t\tpaint();\n\t\tvar sel=[\".lp-hero > *\",\".pp-hero > div:first-child > *\",\".pp-hero > div:last-child\",\".lp-shot\",\".lp-sec > h2\",\".pp-sec > h2\",\".pp-sub\",\".pp-chips\",\".pp-strip\",\".pp-row .pp-txt\",\".pp-row .pp-pic\",\".pp-case\",\".pp-way\",\".lp-card\",\".lp-steps > div\",\".pp-cta\",\"details\",\".sqi-lp > .tf\"];\n\t\tvar io=new IntersectionObserver(function(es){\n\t\t\tes.forEach(function(e){\n\t\t\t\tif(!e.isIntersecting){return;}\n\t\t\t\tvar el=e.target;\n\t\t\t\tio.unobserve(el);\n\t\t\t\tel.classList.add(\"in\");\n\t\t\t\tsetTimeout(function(){\n\t\t\t\t\tel.classList.remove(\"fx-r\",\"fx-l\",\"fx-rt\",\"in\");\n\t\t\t\t\tel.style.removeProperty(\"--fxd\");\n\t\t\t\t},1600);\n\t\t\t});\n\t\t},{threshold:0.12,rootMargin:\"0px 0px -6% 0px\"});\n\t\tvar seen=[],kids=[];\n\t\t[].forEach.call(root.querySelectorAll(sel.join(\",\")),function(el){\n\t\t\tif(seen.indexOf(el)>-1){return;}\n\t\t\tseen.push(el);\n\t\t\tvar p=el.parentNode,n=kids.indexOf(p);\n\t\t\tif(n<0){kids.push(p);n=kids.length-1;p.__fxn=0;}\n\t\t\tvar d=Math.min(p.__fxn++,5)*0.1;\n\t\t\tel.style.setProperty(\"--fxd\",d+\"s\");\n\t\t\tel.classList.add(\"fx-r\");\n\t\t\tvar row=el.parentNode;\n\t\t\tif(el.classList.contains(\"pp-txt\")){el.classList.add(row.classList.contains(\"flip\")?\"fx-rt\":\"fx-l\");}\n\t\t\tif(el.classList.contains(\"pp-pic\")){el.classList.add(row.classList.contains(\"flip\")?\"fx-l\":\"fx-rt\");}\n\t\t\tio.observe(el);\n\t\t});\n\t})();\n\t<\/script>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":1,"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/pages\/35\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/gvdigital.co.za\/app\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}