{"id":10,"date":"2026-03-12T20:14:59","date_gmt":"2026-03-13T00:14:59","guid":{"rendered":"https:\/\/vettatech.ca\/?page_id=10"},"modified":"2026-04-14T12:51:21","modified_gmt":"2026-04-14T16:51:21","slug":"home","status":"publish","type":"page","link":"https:\/\/vettatech.ca\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-718df9b e-con-full e-flex e-con e-parent\" data-id=\"718df9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6874ee elementor-widget elementor-widget-html\" data-id=\"a6874ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-hero{\r\n  min-height:92vh;\r\n  padding:100px 6% 80px;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  align-items:center;\r\n  gap:4rem;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:linear-gradient(160deg,#f0f7ff 0%,#eafaff 50%,#f0fbf8 100%);\r\n  animation:vt-hero-fade 1s ease .1s both;\r\n}\r\n@keyframes vt-hero-fade{from{opacity:0}to{opacity:1}}\r\n#vt-canvas{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.6}\r\n.vt-hero-content{position:relative;z-index:2}\r\n\r\n.vt-badge{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:10px !important;\r\n  background:linear-gradient(135deg,#1a7de8,#1fa8c7) !important;\r\n  border:none !important;\r\n  border-radius:50px !important;\r\n  padding:.5rem 1.3rem .5rem .6rem !important;\r\n  font-size:.82rem !important;\r\n  font-weight:700 !important;\r\n  letter-spacing:.05em !important;\r\n  text-transform:uppercase !important;\r\n  color:white !important;\r\n  -webkit-text-fill-color:white !important;\r\n  margin-bottom:2.2rem !important;\r\n  box-shadow:0 4px 20px rgba(26,125,232,.35) !important;\r\n  animation:vt-pop .8s cubic-bezier(.34,1.56,.64,1) .3s both !important;\r\n}\r\n@keyframes vt-pop{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}\r\n.vt-badge-dot{\r\n  width:26px;height:26px;border-radius:50%;\r\n  background:rgba(255,255,255,.25);\r\n  display:flex;align-items:center;justify-content:center;\r\n  animation:vt-spin 4s linear infinite;flex-shrink:0;\r\n}\r\n@keyframes vt-spin{to{transform:rotate(360deg)}}\r\n.vt-badge-dot::after{\r\n  content:'';width:10px;height:10px;border-radius:50%;\r\n  background:white;\r\n  animation:vt-spin 4s linear infinite reverse;\r\n}\r\n\r\n.vt-h1{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:clamp(36px,5.5vw,64px);\r\n  font-weight:800;line-height:1.08;\r\n  letter-spacing:-0.02em;color:#0b1929;\r\n  margin-bottom:.8rem;\r\n  animation:vt-up .9s cubic-bezier(.25,.8,.25,1) .5s both;\r\n}\r\n@keyframes vt-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}\r\n\r\n.vt-typed-cursor{\r\n  display:inline-block;width:3px;height:.85em;\r\n  background:#1a7de8;border-radius:2px;vertical-align:middle;\r\n  margin-left:3px;animation:vt-blink .85s step-end infinite;\r\n}\r\n@keyframes vt-blink{0%,100%{opacity:1}50%{opacity:0}}\r\n\r\n.vt-hero-sub{\r\n  font-size:1.35rem;font-weight:600;line-height:1.45;\r\n  margin-bottom:1.4rem;\r\n  animation:vt-up .9s cubic-bezier(.25,.8,.25,1) .7s both;\r\n}\r\n.vt-grad-blue{\r\n  background:linear-gradient(135deg,#1a7de8,#4a9ef8);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.vt-grad-teal{\r\n  background:linear-gradient(135deg,#36C1E0,#4DB8A4);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n\r\n.vt-hero-desc{\r\n  font-size:1.1rem;color:#3a4e65;line-height:1.85;\r\n  max-width:500px;margin-bottom:3rem;\r\n  animation:vt-up .9s cubic-bezier(.25,.8,.25,1) .85s both;\r\n}\r\n\r\n.vt-hero-btns{\r\n  display:flex;gap:1.1rem;flex-wrap:wrap;\r\n  margin-bottom:2rem;\r\n  animation:vt-up .9s cubic-bezier(.25,.8,.25,1) 1s both;\r\n}\r\n.vt-btn-p{\r\n  background:linear-gradient(135deg,#1a7de8,#1fa8c7);color:white;\r\n  padding:1rem 2.2rem;border-radius:50px;\r\n  font-size:1.05rem;font-weight:700;\r\n  text-decoration:none;display:inline-flex;align-items:center;gap:9px;\r\n  box-shadow:0 6px 28px rgba(26,125,232,.38);\r\n  transition:all .25s;\r\n  animation:vt-glow 3s ease-in-out 2s infinite;\r\n}\r\n@keyframes vt-glow{\r\n  0%,100%{box-shadow:0 6px 28px rgba(26,125,232,.38),0 0 0 0 rgba(26,125,232,.15)}\r\n  50%{box-shadow:0 6px 28px rgba(26,125,232,.38),0 0 0 9px rgba(26,125,232,0)}\r\n}\r\n.vt-btn-p:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 42px rgba(26,125,232,.5)}\r\n.vt-btn-p svg,.vt-btn-s svg{width:16px;height:16px;fill:none;stroke-width:2.5;stroke-linecap:round;transition:transform .25s}\r\n.vt-btn-p svg{stroke:white}\r\n.vt-btn-p:hover svg,.vt-btn-s:hover svg{transform:translateX(4px)}\r\n.vt-btn-s{\r\n  background:white;color:#3a4e65;\r\n  padding:1rem 2.2rem;border-radius:50px;\r\n  font-size:1.05rem;font-weight:600;text-decoration:none;\r\n  display:inline-flex;align-items:center;gap:9px;\r\n  border:1.5px solid rgba(11,25,41,.1);\r\n  box-shadow:0 2px 14px rgba(11,25,41,.06);\r\n  transition:all .25s;\r\n}\r\n.vt-btn-s svg{stroke:#3a4e65}\r\n.vt-btn-s:hover{border-color:rgba(26,125,232,.3);color:#1a7de8;transform:translateY(-2px)}\r\n.vt-btn-s:hover svg{stroke:#1a7de8}\r\n\r\n\/* Domain search *\/\r\n.vt-hero-domain{\r\n  margin-bottom:2rem;\r\n  animation:vt-up .9s cubic-bezier(.25,.8,.25,1) 1.05s both;\r\n}\r\n.vt-hero-domain form{\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n  background:none !important;\r\n  border:none !important;\r\n  box-shadow:none !important;\r\n}\r\n.vt-hero-dom-row{\r\n  display:flex !important;\r\n  align-items:stretch !important;\r\n  max-width:420px !important;\r\n  background:white !important;\r\n  border:1.5px solid rgba(26,125,232,.15) !important;\r\n  border-radius:50px !important;\r\n  overflow:hidden !important;\r\n  box-shadow:0 4px 18px rgba(26,125,232,.1) !important;\r\n  transition:border-color .2s,box-shadow .2s !important;\r\n  padding:0 !important;\r\n}\r\n.vt-hero-dom-row:focus-within{\r\n  border-color:#36C1E0 !important;\r\n  box-shadow:0 6px 24px rgba(54,193,224,.18) !important;\r\n}\r\n.vt-hero-dom-icon{\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  padding:0 4px 0 16px !important;\r\n  font-size:.95rem !important;\r\n  flex-shrink:0 !important;\r\n  background:white !important;\r\n  border:none !important;\r\n}\r\n.vt-hero-dom-row input[type=\"text\"]{\r\n  flex:1 !important;\r\n  border:none !important;\r\n  outline:none !important;\r\n  box-shadow:none !important;\r\n  padding:12px 10px !important;\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:13px !important;\r\n  color:#0b1929 !important;\r\n  background:white !important;\r\n  min-width:0 !important;\r\n  -webkit-appearance:none !important;\r\n  appearance:none !important;\r\n  border-radius:0 !important;\r\n  margin:0 !important;\r\n  height:auto !important;\r\n}\r\n.vt-hero-dom-row input[type=\"text\"]::placeholder{\r\n  color:#b0bec8 !important;\r\n}\r\n.vt-hero-dom-row button[type=\"submit\"]{\r\n  flex-shrink:0 !important;\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0) !important;\r\n  border:none !important;\r\n  outline:none !important;\r\n  cursor:pointer !important;\r\n  padding:0 22px !important;\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:13px !important;\r\n  font-weight:700 !important;\r\n  color:#fff !important;\r\n  -webkit-text-fill-color:#fff !important;\r\n  white-space:nowrap !important;\r\n  transition:opacity .2s !important;\r\n  border-radius:0 !important;\r\n  margin:0 !important;\r\n  height:auto !important;\r\n  align-self:stretch !important;\r\n  display:flex !important;\r\n  align-items:center !important;\r\n}\r\n.vt-hero-dom-row button[type=\"submit\"]:hover{\r\n  opacity:.88 !important;\r\n}\r\n.vt-hero-dom-tlds{\r\n  font-size:11px;color:#9ab0c2;\r\n  font-weight:500;margin-top:8px;\r\n  padding-left:4px;\r\n}\r\n\r\n.vt-trust{\r\n  display:flex;align-items:center;gap:2rem;flex-wrap:wrap;\r\n  animation:vt-up .9s cubic-bezier(.25,.8,.25,1) 1.15s both;\r\n}\r\n.vt-ti{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#7a93a8;font-weight:500}\r\n.vt-ti svg{width:17px;height:17px;flex-shrink:0;stroke:#1fa8c7;fill:none;stroke-width:2;stroke-linecap:round}\r\n.vt-sep{width:1px;height:16px;background:rgba(11,25,41,.12)}\r\n\r\n\/* Hero visual *\/\r\n.vt-hero-vis{\r\n  position:relative;z-index:2;\r\n  height:580px;\r\n  animation:vt-up .9s cubic-bezier(.25,.8,.25,1) .6s both;\r\n}\r\n.vt-dash{\r\n  position:absolute;\r\n  top:50%;left:50%;\r\n  transform:translate(-44%,-50%);\r\n  width:380px;\r\n  background:white;\r\n  border-radius:20px;\r\n  box-shadow:0 24px 70px rgba(11,25,41,.15);\r\n  border:1px solid rgba(26,125,232,.08);\r\n  overflow:hidden;\r\n  z-index:3;\r\n  transition:transform .4s cubic-bezier(.25,.8,.25,1);\r\n}\r\n.vt-dash:hover{transform:translate(-44%,-52%) scale(1.02)}\r\n.vt-dash-bar{\r\n  background:linear-gradient(135deg,#0b1929,#1a3545);\r\n  height:42px;display:flex;align-items:center;\r\n  justify-content:space-between;padding:0 1.1rem;\r\n}\r\n.vt-dash-dots{display:flex;gap:5px}\r\n.vt-dash-dot{width:9px;height:9px;border-radius:50%}\r\n.vt-dash-title{font-size:.68rem;color:rgba(255,255,255,.35);font-weight:600;letter-spacing:.08em}\r\n.vt-dash-live{display:flex;align-items:center;gap:5px;font-size:.68rem;color:#4DB8A4;font-weight:600}\r\n.vt-dash-live-dot{\r\n  width:6px;height:6px;border-radius:50%;background:#4DB8A4;\r\n  animation:vt-live-pulse 1.8s ease-in-out infinite;\r\n}\r\n@keyframes vt-live-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(77,184,164,.4)}50%{opacity:.7;box-shadow:0 0 0 5px rgba(77,184,164,0)}}\r\n.vt-dash-body{padding:1.2rem}\r\n.vt-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}\r\n.vt-metric{background:#f4f9ff;border-radius:10px;padding:.75rem .8rem;text-align:center;border:1px solid rgba(26,125,232,.07)}\r\n.vt-metric-val{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:800;color:#0b1929;line-height:1}\r\n.vt-metric-lbl{font-size:.62rem;color:#7a93a8;font-weight:500;margin-top:3px}\r\n.vt-chart-wrap{height:90px;border-radius:10px;background:#f8fbff;border:1px solid rgba(26,125,232,.06);overflow:hidden;margin-bottom:1rem}\r\n.vt-chart-wrap svg{width:100%;height:100%}\r\n.vt-site-list{display:flex;flex-direction:column;gap:.45rem}\r\n.vt-site-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .7rem;border-radius:9px;background:#f8fbff;border:1px solid rgba(26,125,232,.06)}\r\n.vt-site-icon{width:28px;height:28px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:white}\r\n.vt-site-name{flex:1;font-size:.78rem;font-weight:600;color:#0b1929}\r\n.vt-site-status{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600}\r\n.vt-ss-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}\r\n.vt-site-speed{font-size:.72rem;font-weight:700;color:#1a7de8;margin-left:6px}\r\n\r\n.vt-fc{position:absolute;background:white;border-radius:14px;box-shadow:0 8px 32px rgba(11,25,41,.12);border:1px solid rgba(26,125,232,.08);padding:.9rem 1.1rem;z-index:4}\r\n.vt-fc-speed{top:8%;right:-10px;width:150px;animation:vt-float-a 3.5s ease-in-out 2s infinite}\r\n.vt-fc-ssl{bottom:12%;left:-10px;width:148px;animation:vt-float-b 4s ease-in-out 2.2s infinite}\r\n.vt-fc-uptime{top:12%;left:-5px;width:138px;animation:vt-float-a 4.5s ease-in-out 2.5s infinite}\r\n.vt-fc-server{bottom:8%;right:-8px;width:156px;animation:vt-float-b 3.8s ease-in-out 2.1s infinite}\r\n@keyframes vt-float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n@keyframes vt-float-b{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}\r\n\r\n.vt-score-ring{width:52px;height:52px;margin:0 auto .5rem;position:relative}\r\n.vt-score-ring svg{width:52px;height:52px;transform:rotate(-90deg)}\r\n.vt-score-ring-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Poppins',sans-serif;font-size:1rem;font-weight:800;color:#0b1929}\r\n.vt-score-ring-lbl{font-size:.65rem;color:#7a93a8;font-weight:500;text-align:center}\r\n.vt-ssl-inner{display:flex;align-items:center;gap:.75rem}\r\n.vt-ssl-check{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#4DB8A4,#36C1E0);display:flex;align-items:center;justify-content:center}\r\n.vt-ssl-check svg{width:18px;height:18px;stroke:white;fill:none;stroke-width:2.5;stroke-linecap:round}\r\n.vt-ssl-text-main{font-size:.82rem;font-weight:700;color:#0b1929}\r\n.vt-ssl-text-sub{font-size:.66rem;color:#7a93a8;margin-top:1px}\r\n.vt-uptime-val{font-family:'Poppins',sans-serif;font-size:1.35rem;font-weight:800;color:#0b1929;line-height:1;margin-bottom:4px}\r\n.vt-uptime-lbl{font-size:.66rem;color:#7a93a8;margin-bottom:7px}\r\n.vt-uptime-bar{height:5px;background:#e8f5f8;border-radius:5px;overflow:hidden}\r\n.vt-uptime-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#36C1E0,#4DB8A4);width:99.9%}\r\n.vt-server-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}\r\n.vt-server-row:last-child{margin-bottom:0}\r\n.vt-server-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}\r\n.vt-server-name{font-size:.72rem;font-weight:600;color:#3a4e65;flex:1}\r\n.vt-server-ping{font-size:.68rem;font-weight:700;color:#1a7de8}\r\n\r\n@media(max-width:960px){\r\n  .vt-hero{grid-template-columns:1fr}\r\n  .vt-hero-vis{display:none}\r\n}\r\n@media(max-width:480px){\r\n  .vt-hero{padding:80px 5% 60px}\r\n  .vt-hero-dom-row{max-width:100% !important}\r\n}\r\n<\/style>\r\n\r\n<section class=\"vt-hero\" id=\"hero\">\r\n  <canvas id=\"vt-canvas\"><\/canvas>\r\n\r\n  <div class=\"vt-hero-content\">\r\n    <div class=\"vt-badge\">\r\n      <div class=\"vt-badge-dot\"><\/div>\r\n      Premium Web Hosting &amp; Design\r\n    <\/div>\r\n    <h1 class=\"vt-h1\">\r\n  Built to<br>\r\n  <span id=\"vt-typed\"><\/span><span class=\"vt-typed-cursor\"><\/span>\r\n  <span style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)\">Impress<\/span>\r\n<\/h1>\r\n    <p class=\"vt-hero-sub\">\r\n      Premium <span class=\"vt-grad-blue\">Web Hosting<\/span> &amp;\r\n      Professional <span class=\"vt-grad-teal\">Websites<\/span>\r\n    <\/p>\r\n    <p class=\"vt-hero-desc\">\r\n      Fast, secure hosting and modern websites designed to help your business grow.\r\n      Everything you need in one place, built to last.\r\n    <\/p>\r\n    <div class=\"vt-hero-btns\">\r\n      <a href=\"#pricing\" class=\"vt-btn-p\">\r\n        View Hosting Plans\r\n        <svg viewBox=\"0 0 16 16\"><polyline points=\"3,8 13,8\"\/><polyline points=\"9,4 13,8 9,12\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"#webdesign\" class=\"vt-btn-s\">\r\n        <svg viewBox=\"0 0 16 16\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"9\" rx=\"1.5\"\/><line x1=\"8\" y1=\"12\" x2=\"8\" y2=\"15\"\/><line x1=\"5\" y1=\"15\" x2=\"11\" y2=\"15\"\/><\/svg>\r\n        Start a Project\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"vt-hero-domain\">\r\n      <form action=\"https:\/\/clients.vettatech.ca\/cart.php?a=add&domain=register\" method=\"post\">\r\n        <div class=\"vt-hero-dom-row\">\r\n          <span class=\"vt-hero-dom-icon\">\ud83c\udf10<\/span>\r\n          <input type=\"text\" name=\"query\" placeholder=\"Search for a domain\u2026\" autocomplete=\"off\" spellcheck=\"false\"\/>\r\n          <button type=\"submit\">Search<\/button>\r\n        <\/div>\r\n      <\/form>\r\n      <div class=\"vt-hero-dom-tlds\">.com &nbsp;\u00b7&nbsp; .ca &nbsp;\u00b7&nbsp; .net &nbsp;\u00b7&nbsp; .io &nbsp;\u00b7&nbsp; .co<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-trust\">\r\n      <div class=\"vt-ti\">\r\n        <svg viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"\/><polyline points=\"8,4.5 8,8 10,10\"\/><\/svg>\r\n        99.9% Uptime\r\n      <\/div>\r\n      <div class=\"vt-sep\"><\/div>\r\n      <div class=\"vt-ti\">\r\n        <svg viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"\/><polyline points=\"5,8.5 7,10.5 11,6\"\/><\/svg>\r\n        Expert Support\r\n      <\/div>\r\n      <div class=\"vt-sep\"><\/div>\r\n      <div class=\"vt-ti\">\r\n        <svg viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"\/><polyline points=\"5,8.5 7,10.5 11,6\"\/><\/svg>\r\n        Free SSL Included\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"vt-hero-vis\">\r\n    <div class=\"vt-dash\">\r\n      <div class=\"vt-dash-bar\">\r\n        <div class=\"vt-dash-dots\">\r\n          <div class=\"vt-dash-dot\" style=\"background:#ff5f57\"><\/div>\r\n          <div class=\"vt-dash-dot\" style=\"background:#febc2e\"><\/div>\r\n          <div class=\"vt-dash-dot\" style=\"background:#28c840\"><\/div>\r\n        <\/div>\r\n        <span class=\"vt-dash-title\">VETTATECH DASHBOARD<\/span>\r\n        <div class=\"vt-dash-live\">\r\n          <div class=\"vt-dash-live-dot\"><\/div>\r\n          Live\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"vt-dash-body\">\r\n        <div class=\"vt-metrics\">\r\n          <div class=\"vt-metric\"><div class=\"vt-metric-val\">99.9%<\/div><div class=\"vt-metric-lbl\">Uptime<\/div><\/div>\r\n          <div class=\"vt-metric\"><div class=\"vt-metric-val\">0.9s<\/div><div class=\"vt-metric-lbl\">Load Speed<\/div><\/div>\r\n          <div class=\"vt-metric\"><div class=\"vt-metric-val\">+32%<\/div><div class=\"vt-metric-lbl\">Traffic<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"vt-chart-wrap\">\r\n          <svg viewBox=\"0 0 360 90\" fill=\"none\" preserveAspectRatio=\"none\">\r\n            <defs>\r\n              <linearGradient id=\"cg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop stop-color=\"#1a7de8\" stop-opacity=\".15\"\/>\r\n                <stop offset=\"1\" stop-color=\"#1a7de8\" stop-opacity=\"0\"\/>\r\n              <\/linearGradient>\r\n              <linearGradient id=\"cl1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n                <stop stop-color=\"#1a7de8\"\/>\r\n                <stop offset=\"1\" stop-color=\"#36C1E0\"\/>\r\n              <\/linearGradient>\r\n            <\/defs>\r\n            <line x1=\"0\" y1=\"20\" x2=\"360\" y2=\"20\" stroke=\"#f0f5f9\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"50\" x2=\"360\" y2=\"50\" stroke=\"#f0f5f9\" stroke-width=\"1\"\/>\r\n            <line x1=\"0\" y1=\"75\" x2=\"360\" y2=\"75\" stroke=\"#f0f5f9\" stroke-width=\"1\"\/>\r\n            <path d=\"M0,75 C30,72 55,62 80,54 S120,40 160,34 S210,22 255,17 S310,12 360,9\" stroke=\"url(#cl1)\" stroke-width=\"2.2\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M0,75 C30,72 55,62 80,54 S120,40 160,34 S210,22 255,17 S310,12 360,9 V90 H0Z\" fill=\"url(#cg1)\"\/>\r\n            <path d=\"M0,82 C40,80 70,74 100,70 S145,62 185,58 S235,52 280,47 S330,42 360,38\" stroke=\"#4DB8A4\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"5,3\" opacity=\".6\"\/>\r\n            <circle r=\"4.5\" fill=\"#1a7de8\" stroke=\"white\" stroke-width=\"2\">\r\n              <animateMotion dur=\"4s\" repeatCount=\"indefinite\" path=\"M0,75 C30,72 55,62 80,54 S120,40 160,34 S210,22 255,17 S310,12 360,9\"\/>\r\n            <\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"vt-site-list\">\r\n          <div class=\"vt-site-row\">\r\n            <div class=\"vt-site-icon\" style=\"background:linear-gradient(135deg,#1a7de8,#36C1E0)\">S<\/div>\r\n            <span class=\"vt-site-name\">shoplocal.ca<\/span>\r\n            <div class=\"vt-site-status\"><div class=\"vt-ss-dot\" style=\"background:#4DB8A4\"><\/div><span style=\"color:#2a9a78;font-size:.68rem;font-weight:600\">Online<\/span><\/div>\r\n            <span class=\"vt-site-speed\">0.8s<\/span>\r\n          <\/div>\r\n          <div class=\"vt-site-row\">\r\n            <div class=\"vt-site-icon\" style=\"background:linear-gradient(135deg,#36C1E0,#4DB8A4)\">M<\/div>\r\n            <span class=\"vt-site-name\">mkdesigns.co<\/span>\r\n            <div class=\"vt-site-status\"><div class=\"vt-ss-dot\" style=\"background:#4DB8A4\"><\/div><span style=\"color:#2a9a78;font-size:.68rem;font-weight:600\">Online<\/span><\/div>\r\n            <span class=\"vt-site-speed\">1.1s<\/span>\r\n          <\/div>\r\n          <div class=\"vt-site-row\">\r\n            <div class=\"vt-site-icon\" style=\"background:linear-gradient(135deg,#4a9ef8,#1a7de8)\">P<\/div>\r\n            <span class=\"vt-site-name\">peakfit.club<\/span>\r\n            <div class=\"vt-site-status\"><div class=\"vt-ss-dot\" style=\"background:#4DB8A4\"><\/div><span style=\"color:#2a9a78;font-size:.68rem;font-weight:600\">Online<\/span><\/div>\r\n            <span class=\"vt-site-speed\">0.9s<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-fc vt-fc-speed\">\r\n      <div class=\"vt-score-ring\">\r\n        <svg viewBox=\"0 0 52 52\">\r\n          <circle cx=\"26\" cy=\"26\" r=\"22\" stroke=\"#e8f5f8\" stroke-width=\"5\" fill=\"none\"\/>\r\n          <circle cx=\"26\" cy=\"26\" r=\"22\" stroke=\"url(#sr1)\" stroke-width=\"5\" fill=\"none\" stroke-dasharray=\"138.2\" stroke-dashoffset=\"1.4\" stroke-linecap=\"round\">\r\n            <animate attributeName=\"stroke-dashoffset\" from=\"138.2\" to=\"1.4\" dur=\"1.8s\" fill=\"freeze\" begin=\"2s\"\/>\r\n          <\/circle>\r\n          <defs>\r\n            <linearGradient id=\"sr1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop stop-color=\"#1a7de8\"\/><stop offset=\"1\" stop-color=\"#36C1E0\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n        <\/svg>\r\n        <div class=\"vt-score-ring-num\">100<\/div>\r\n      <\/div>\r\n      <div class=\"vt-score-ring-lbl\">PageSpeed Score<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-fc vt-fc-ssl\">\r\n      <div class=\"vt-ssl-inner\">\r\n        <div class=\"vt-ssl-check\">\r\n          <svg viewBox=\"0 0 18 18\"><polyline points=\"3.5,9 7.5,13 14.5,5\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"vt-ssl-text-main\">SSL Active<\/div>\r\n          <div class=\"vt-ssl-text-sub\">Auto-renewed<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-fc vt-fc-uptime\">\r\n      <div class=\"vt-uptime-val\">99.98%<\/div>\r\n      <div class=\"vt-uptime-lbl\">30-day uptime<\/div>\r\n      <div class=\"vt-uptime-bar\"><div class=\"vt-uptime-fill\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-fc vt-fc-server\">\r\n      <div style=\"font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7a93a8;margin-bottom:.6rem\">Server Ping<\/div>\r\n      <div class=\"vt-server-row\">\r\n        <div class=\"vt-server-dot\" style=\"background:#4DB8A4\"><\/div>\r\n        <span class=\"vt-server-name\">Toronto<\/span>\r\n        <span class=\"vt-server-ping\">4ms<\/span>\r\n      <\/div>\r\n      <div class=\"vt-server-row\">\r\n        <div class=\"vt-server-dot\" style=\"background:#36C1E0\"><\/div>\r\n        <span class=\"vt-server-name\">Vancouver<\/span>\r\n        <span class=\"vt-server-ping\">8ms<\/span>\r\n      <\/div>\r\n      <div class=\"vt-server-row\">\r\n        <div class=\"vt-server-dot\" style=\"background:#1a7de8\"><\/div>\r\n        <span class=\"vt-server-name\">New York<\/span>\r\n        <span class=\"vt-server-ping\">12ms<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var c = document.getElementById('vt-canvas');\r\n  if(!c) return;\r\n  var x = c.getContext('2d');\r\n  var W, H, P = [];\r\n  function resize(){ W = c.width = c.offsetWidth; H = c.height = c.offsetHeight; }\r\n  resize();\r\n  window.addEventListener('resize', resize);\r\n  function Pt(){ this.reset(); }\r\n  Pt.prototype.reset = function(){\r\n    this.x = Math.random()*W; this.y = Math.random()*H;\r\n    this.r = Math.random()*3+1;\r\n    this.dx = (Math.random()-.5)*.45; this.dy = (Math.random()-.5)*.45;\r\n    this.a = Math.random()*.4+.1;\r\n    this.col = Math.random()>.5 ? '26,125,232' : '54,193,224';\r\n  };\r\n  Pt.prototype.update = function(){\r\n    this.x += this.dx; this.y += this.dy;\r\n    if(this.x<0||this.x>W||this.y<0||this.y>H) this.reset();\r\n  };\r\n  Pt.prototype.draw = function(){\r\n    x.beginPath(); x.arc(this.x,this.y,this.r,0,Math.PI*2);\r\n    x.fillStyle = 'rgba('+this.col+','+this.a+')'; x.fill();\r\n  };\r\n  for(var i=0;i<70;i++) P.push(new Pt());\r\n  function draw(){\r\n    x.clearRect(0,0,W,H);\r\n    for(var i=0;i<P.length;i++){\r\n      P[i].update(); P[i].draw();\r\n      for(var j=i+1;j<P.length;j++){\r\n        var dx=P[i].x-P[j].x, dy=P[i].y-P[j].y, d=Math.sqrt(dx*dx+dy*dy);\r\n        if(d<110){\r\n          x.beginPath(); x.moveTo(P[i].x,P[i].y); x.lineTo(P[j].x,P[j].y);\r\n          x.strokeStyle='rgba(54,193,224,'+(0.1*(1-d\/110))+')';\r\n          x.lineWidth=.8; x.stroke();\r\n        }\r\n      }\r\n    }\r\n    requestAnimationFrame(draw);\r\n  }\r\n  draw();\r\n})();\r\n\r\n(function(){\r\n  var words = ['Outperform','Impress','Convert','Scale'];\r\n  var wi=0, ci=0, del=false;\r\n  function getEl(){ return document.getElementById('vt-typed'); }\r\n  function type(){\r\n    var el = getEl();\r\n    if(!el) return;\r\n    var w = words[wi];\r\n    if(!del){\r\n      el.textContent = w.slice(0,++ci);\r\n      if(ci === w.length){ del=true; setTimeout(type,2000); return; }\r\n      setTimeout(type,85);\r\n    } else {\r\n      el.textContent = w.slice(0,--ci);\r\n      if(ci === 0){ del=false; wi=(wi+1)%words.length; setTimeout(type,350); return; }\r\n      setTimeout(type,48);\r\n    }\r\n  }\r\n  setTimeout(type, 1500);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-320c2d3 e-con-full e-flex e-con e-parent\" data-id=\"320c2d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30e6619 elementor-widget elementor-widget-html\" data-id=\"30e6619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-stats{\r\n  background:linear-gradient(135deg,#0b1929,#112840);\r\n  padding:5rem 6%;position:relative;overflow:hidden;\r\n}\r\n.vt-stats::before{\r\n  content:'';position:absolute;top:-100px;left:20%;\r\n  width:500px;height:400px;border-radius:50%;\r\n  background:radial-gradient(circle,rgba(54,193,224,.12),transparent 65%);\r\n  pointer-events:none;\r\n}\r\n.vt-stats-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:2.5rem;\r\n  position:relative;z-index:1;\r\n}\r\n.vt-scard{\r\n  text-align:center;padding:2rem 1.5rem;\r\n  border-radius:16px;\r\n  border:1px solid rgba(255,255,255,.06);\r\n  background:rgba(255,255,255,.03);\r\n  transition:all .3s;cursor:default;\r\n}\r\n.vt-scard:hover{\r\n  background:rgba(255,255,255,.07);\r\n  border-color:rgba(54,193,224,.2);\r\n  transform:translateY(-5px);\r\n}\r\n.vt-snum{\r\n  font-family:'Syne',sans-serif !important;\r\n  font-size:3rem;font-weight:800;line-height:1;\r\n  background:linear-gradient(135deg,#36C1E0,#4DB8A4);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  background-clip:text;margin-bottom:.6rem;\r\n}\r\n.vt-slbl{\r\n  font-size:.85rem;color:rgba(255,255,255,.45);\r\n  font-weight:600;text-transform:uppercase;letter-spacing:.08em;\r\n}\r\n@media(max-width:700px){.vt-stats-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:480px){\r\n  .vt-topbar{height:auto;padding:8px 5%}\r\n  .vtb-left{flex-wrap:wrap;gap:8px}\r\n  .vtb-right{display:none}\r\n}\r\n<\/style>\r\n\r\n<div class=\"vt-stats\">\r\n  <div class=\"vt-stats-grid\">\r\n    <div class=\"vt-scard vt-reveal\"><div class=\"vt-snum\" data-vt-target=\"999\" data-vt-suffix=\"%\">0%<\/div><div class=\"vt-slbl\">Uptime Guaranteed<\/div><\/div>\r\n    <div class=\"vt-scard vt-reveal\"><div class=\"vt-snum\" data-vt-target=\"60\" data-vt-suffix=\"%\">0%<\/div><div class=\"vt-slbl\">Faster Load Times<\/div><\/div>\r\n    <div class=\"vt-scard vt-reveal\"><div class=\"vt-snum\" data-vt-target=\"2400\" data-vt-suffix=\"+\">0+<\/div><div class=\"vt-slbl\">Happy Clients<\/div><\/div>\r\n    <div class=\"vt-scard vt-reveal\"><div class=\"vt-snum\" data-vt-target=\"24\" data-vt-suffix=\"\/7\">0\/7<\/div><div class=\"vt-slbl\">Expert Support<\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nif(!window._vtRevealInit){\r\n  window._vtRevealInit=true;\r\n  const s=document.createElement('style');\r\n  s.textContent='.vt-visible{opacity:1 !important;transform:none !important}';\r\n  document.head.appendChild(s);\r\n  const ro=new IntersectionObserver(e=>{e.forEach(x=>{if(x.isIntersecting)x.target.classList.add('vt-visible')});},{threshold:.12});\r\n  document.querySelectorAll('.vt-reveal').forEach(el=>{\r\n    el.style.cssText+='opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.25,.8,.25,1),transform .75s cubic-bezier(.25,.8,.25,1)';\r\n    ro.observe(el);\r\n  });\r\n  const co=new IntersectionObserver(e=>{\r\n    e.forEach(x=>{\r\n      if(x.isIntersecting){\r\n        const el=x.target,t=parseFloat(el.dataset.vtTarget),sf=el.dataset.vtSuffix||'';\r\n        let s0=0;const dur=1900;\r\n        const step=ts=>{if(!s0)s0=ts;const p=Math.min((ts-s0)\/dur,1),ease=1-Math.pow(1-p,3),v=t*ease;\r\n          el.textContent=t===999?(v\/10).toFixed(1)+'%':Math.floor(v)+sf;\r\n          if(p<1)requestAnimationFrame(step);};\r\n        requestAnimationFrame(step);co.unobserve(el);\r\n      }\r\n    });\r\n  },{threshold:.5});\r\n  document.querySelectorAll('[data-vt-target]').forEach(el=>co.observe(el));\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-adef5cf e-con-full e-flex e-con e-parent\" data-id=\"adef5cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0825bc4 elementor-widget elementor-widget-html\" data-id=\"0825bc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-pricing{\r\n  background:linear-gradient(180deg,#f4f9ff,#fff);\r\n  padding:64px 6%;\r\n}\r\n.vt-sec-center{\r\n  text-align:center;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n}\r\n.vt-tag{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:linear-gradient(135deg,rgba(26,125,232,.07),rgba(54,193,224,.06));\r\n  border:1px solid rgba(26,125,232,.14);border-radius:50px;\r\n  padding:6px 18px;font-size:11px;font-weight:700;\r\n  letter-spacing:.1em;text-transform:uppercase;color:#1a7de8;margin-bottom:18px;\r\n}\r\n.vt-tag::before{content:'';width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#1a7de8,#36C1E0);flex-shrink:0}\r\n.vt-sh{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:clamp(28px,3.5vw,44px) !important;\r\n  font-weight:800;line-height:1.18;\r\n  letter-spacing:-0.01em;color:#0b1929;\r\n  margin-bottom:16px;max-width:700px;overflow:visible;\r\n}\r\n.vt-sh em{\r\n  font-style:italic;font-weight:800;display:inline-block;\r\n  padding-bottom:6px;line-height:1.2;\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.vt-sp{font-size:16px !important;color:#3a4e65;line-height:1.75;max-width:560px;margin-bottom:32px}\r\n\r\n.vt-billing-toggle{\r\n  display:flex;align-items:center;gap:14px;\r\n  margin-bottom:48px;\r\n}\r\n.vt-bt-label{font-size:15px;font-weight:600;color:#7a93a8;cursor:pointer;transition:color .2s}\r\n.vt-bt-label.active{color:#0b1929}\r\n.vt-toggle-wrap{position:relative;width:52px;height:28px;cursor:pointer;}\r\n.vt-toggle-wrap input{opacity:0;width:0;height:0;position:absolute}\r\n.vt-toggle-track{position:absolute;inset:0;border-radius:50px;background:#e2eaf3;transition:background .3s;}\r\n.vt-toggle-wrap input:checked + .vt-toggle-track{background:linear-gradient(135deg,#1a7de8,#36C1E0);}\r\n.vt-toggle-thumb{\r\n  position:absolute;top:4px;left:4px;\r\n  width:20px;height:20px;border-radius:50%;background:white;\r\n  box-shadow:0 2px 6px rgba(11,25,41,.2);\r\n  transition:transform .3s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.vt-toggle-wrap input:checked ~ .vt-toggle-thumb{transform:translateX(24px);}\r\n.vt-save-badge{\r\n  background:linear-gradient(135deg,#4DB8A4,#36C1E0);\r\n  color:white;font-size:11px;font-weight:700;\r\n  padding:3px 10px;border-radius:50px;letter-spacing:.04em;\r\n}\r\n\r\n.vt-pgrid{\r\n  display:grid;grid-template-columns:repeat(3,1fr);\r\n  gap:24px;max-width:1020px;margin:0 auto;width:100%;\r\n}\r\n.vt-pcard{\r\n  background:#fff;border:2px solid rgba(11,25,41,.08);\r\n  border-radius:28px;padding:36px 32px;position:relative;z-index:1;\r\n  transition:all .35s cubic-bezier(.25,.8,.25,1);cursor:pointer;\r\n  display:flex;flex-direction:column;\r\n}\r\n.vt-pcard::after{\r\n  content:'';position:absolute;inset:-2px;border-radius:30px;\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0,#4DB8A4,#1a7de8);\r\n  background-size:300% 300%;animation:vt-bspin 4s linear infinite;\r\n  z-index:-1;opacity:0;transition:opacity .3s;\r\n}\r\n.vt-pcard:hover::after{opacity:.6}\r\n.vt-pcard:hover{transform:translateY(-10px);box-shadow:0 28px 64px rgba(11,25,41,.13)}\r\n.vt-pcard.vt-feat{border-color:#1a7de8;box-shadow:0 8px 42px rgba(26,125,232,.16)}\r\n.vt-pcard.vt-feat::before{\r\n  content:'Most Popular';position:absolute;top:-14px;left:50%;transform:translateX(-50%);\r\n  background:linear-gradient(135deg,#1a7de8,#1fa8c7);color:#fff;\r\n  font-size:11px;font-weight:700;padding:4px 16px;border-radius:50px;\r\n  letter-spacing:.06em;white-space:nowrap;z-index:2;\r\n}\r\n.vt-pcard.vt-feat:hover::after{opacity:.75}\r\n@keyframes vt-bspin{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n\r\n.vt-pname{\r\n  font-size:11px;font-weight:800;letter-spacing:.12em;\r\n  text-transform:uppercase;color:#7a93a8;margin-bottom:12px;\r\n}\r\n.vt-pprice{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}\r\n.vt-pdollar{font-size:22px;font-weight:700;color:#0b1929;align-self:flex-start;margin-top:10px}\r\n.vt-pamt{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:56px;font-weight:800;color:#0b1929;\r\n  line-height:1;letter-spacing:-0.03em;\r\n  transition:all .35s cubic-bezier(.25,.8,.25,1);\r\n}\r\n.vt-pper{font-size:15px;color:#7a93a8;font-weight:500}\r\n\r\n.vt-billing-cycle{\r\n  font-size:12px;color:#7a93a8;font-weight:500;\r\n  margin-bottom:16px;\r\n}\r\n.vt-pdesc{\r\n  font-size:14px;color:#3a4e65;line-height:1.6;\r\n  margin-bottom:24px;padding-bottom:24px;\r\n  border-bottom:1px solid rgba(11,25,41,.07);\r\n}\r\n\r\n.vt-pfeats{\r\n  list-style:none;display:flex;flex-direction:column;\r\n  gap:12px;margin-bottom:24px;padding:0;flex:1;\r\n}\r\n.vt-pfeats li{\r\n  display:flex;align-items:center;gap:12px;\r\n  font-size:14px;line-height:1.4;\r\n}\r\n.vt-pfeats li.included{color:#0b1929;font-weight:500}\r\n.vt-pfeats li.excluded{color:#b0bec8;font-weight:400}\r\n\r\n\/* Included check *\/\r\n.vt-chk{\r\n  width:22px;height:22px;border-radius:50%;flex-shrink:0;\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.vt-chk svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round}\r\n.vt-chk-b{background:linear-gradient(135deg,#1a7de8,#4a9ef8)}\r\n.vt-chk-t{background:linear-gradient(135deg,#36C1E0,#4DB8A4)}\r\n\r\n\/* Excluded X *\/\r\n.vt-x{\r\n  width:22px;height:22px;border-radius:50%;flex-shrink:0;\r\n  display:flex;align-items:center;justify-content:center;\r\n  background:#f0f4f7;\r\n}\r\n.vt-x svg{width:10px;height:10px;stroke:#b0bec8;fill:none;stroke-width:2.5;stroke-linecap:round}\r\n\r\n\/* Support tag *\/\r\n.vt-support-tag{\r\n  display:inline-block;\r\n  border:1.5px solid rgba(26,125,232,.25);\r\n  border-radius:8px;padding:10px 14px;\r\n  font-size:13px;font-weight:600;color:#3a4e65;\r\n  margin-bottom:24px;text-align:center;\r\n  background:#f8fbff;\r\n}\r\n.vt-pcard.vt-feat .vt-support-tag{\r\n  border-color:rgba(26,125,232,.35);\r\n  background:linear-gradient(135deg,rgba(26,125,232,.05),rgba(54,193,224,.04));\r\n  color:#1a7de8;\r\n}\r\n.vt-pcard:nth-child(3) .vt-support-tag{\r\n  border-color:rgba(77,184,164,.4);\r\n  background:linear-gradient(135deg,rgba(77,184,164,.06),rgba(54,193,224,.04));\r\n  color:#2a9a78;\r\n}\r\n\r\n.vt-price-note{\r\n  font-size:12px;color:#4DB8A4;font-weight:600;\r\n  margin-bottom:6px;min-height:16px;transition:opacity .3s;\r\n}\r\n.vt-annual-line{\r\n  font-size:12px;color:#7a93a8;font-weight:500;\r\n  margin-bottom:20px;min-height:16px;\r\n  transition:opacity .4s;opacity:0;\r\n}\r\n.vt-annual-line.visible{opacity:1}\r\n\r\n.vt-pbtn{\r\n  display:block;text-align:center;padding:14px;border-radius:50px;\r\n  font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;\r\n  margin-top:auto;\r\n}\r\n.vt-pb-o{border:2px solid #1a7de8;color:#1a7de8}\r\n.vt-pb-o:hover{background:#e8f3ff}\r\n.vt-pb-f{background:linear-gradient(135deg,#1a7de8,#1fa8c7);color:#fff;box-shadow:0 6px 22px rgba(26,125,232,.3)}\r\n.vt-pb-f:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(26,125,232,.44)}\r\n.vt-pb-t{background:linear-gradient(135deg,#36C1E0,#4DB8A4);color:#fff;box-shadow:0 6px 22px rgba(54,193,224,.28)}\r\n.vt-pb-t:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(54,193,224,.4)}\r\n\r\n@media(max-width:800px){.vt-pgrid{grid-template-columns:1fr;max-width:440px}}\r\n<\/style>\r\n\r\n<section id=\"pricing\" class=\"vt-pricing\">\r\n  <div class=\"vt-sec-center\">\r\n    <div class=\"vt-tag vt-reveal\">Our Hosting Plans<\/div>\r\n    <h2 class=\"vt-sh vt-reveal\">Simple, <em>Transparent<\/em> Pricing<\/h2>\r\n    <p class=\"vt-sp vt-reveal\">All plans include free SSL, email hosting, and WordPress-ready servers. No surprises, ever.<\/p>\r\n\r\n    <div class=\"vt-billing-toggle\">\r\n      <span class=\"vt-bt-label active\" id=\"lbl-monthly\">Monthly<\/span>\r\n      <label class=\"vt-toggle-wrap\">\r\n        <input type=\"checkbox\" id=\"billing-toggle\">\r\n        <div class=\"vt-toggle-track\"><\/div>\r\n        <div class=\"vt-toggle-thumb\"><\/div>\r\n      <\/label>\r\n      <span class=\"vt-bt-label\" id=\"lbl-annual\">Annual<\/span>\r\n      <span class=\"vt-save-badge\">Save up to 17%<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"vt-pgrid\">\r\n\r\n    <div class=\"vt-pcard vt-reveal\">\r\n      <div class=\"vt-pname\">Starter<\/div>\r\n      <div class=\"vt-pprice\">\r\n        <span class=\"vt-pdollar\">$<\/span>\r\n        <span class=\"vt-pamt\" data-monthly=\"15\" data-annual=\"13\">15<\/span>\r\n        <span class=\"vt-pper\">\/mo<\/span>\r\n      <\/div>\r\n      <div class=\"vt-billing-cycle\" id=\"cycle-0\">billed monthly<\/div>\r\n      <div class=\"vt-price-note\" id=\"note-0\"><\/div>\r\n      <div class=\"vt-annual-line\" id=\"annual-line-0\"><\/div>\r\n      <p class=\"vt-pdesc\">For new or small businesses that just need reliable hosting.<\/p>\r\n      <ul class=\"vt-pfeats\">\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-b\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>1 website<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-b\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>3 GB storage<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-b\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Free SSL certificate<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-b\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Email hosting<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-b\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>WordPress ready<\/li>\r\n        <li class=\"excluded\"><div class=\"vt-x\"><svg viewBox=\"0 0 10 10\"><line x1=\"2\" y1=\"2\" x2=\"8\" y2=\"8\"\/><line x1=\"8\" y1=\"2\" x2=\"2\" y2=\"8\"\/><\/svg><\/div>Plugin updates<\/li>\r\n        <li class=\"excluded\"><div class=\"vt-x\"><svg viewBox=\"0 0 10 10\"><line x1=\"2\" y1=\"2\" x2=\"8\" y2=\"8\"\/><line x1=\"8\" y1=\"2\" x2=\"2\" y2=\"8\"\/><\/svg><\/div>Priority support<\/li>\r\n      <\/ul>\r\n      <div class=\"vt-support-tag\">48hr support response<\/div>\r\n      <a href=\"https:\/\/clients.vettatech.ca\/index.php?rp=\/store\/shared-hosting\/starter-plan\" class=\"vt-pbtn vt-pb-o\">Get Started<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"vt-pcard vt-feat vt-reveal\">\r\n      <div class=\"vt-pname\">Business<\/div>\r\n      <div class=\"vt-pprice\">\r\n        <span class=\"vt-pdollar\">$<\/span>\r\n        <span class=\"vt-pamt\" data-monthly=\"25\" data-annual=\"21\">25<\/span>\r\n        <span class=\"vt-pper\">\/mo<\/span>\r\n      <\/div>\r\n      <div class=\"vt-billing-cycle\" id=\"cycle-1\">billed monthly<\/div>\r\n      <div class=\"vt-price-note\" id=\"note-1\"><\/div>\r\n      <div class=\"vt-annual-line\" id=\"annual-line-1\"><\/div>\r\n      <p class=\"vt-pdesc\">For businesses that want a hands-off, maintained website.<\/p>\r\n      <ul class=\"vt-pfeats\">\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>1 website<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>5 GB storage<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Free SSL certificate<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Email hosting<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>WordPress ready<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Monthly plugin and theme updates<\/li>\r\n        <li class=\"excluded\"><div class=\"vt-x\"><svg viewBox=\"0 0 10 10\"><line x1=\"2\" y1=\"2\" x2=\"8\" y2=\"8\"\/><line x1=\"8\" y1=\"2\" x2=\"2\" y2=\"8\"\/><\/svg><\/div>Priority support<\/li>\r\n      <\/ul>\r\n      <div class=\"vt-support-tag\">24hr support response<\/div>\r\n      <a href=\"https:\/\/clients.vettatech.ca\/index.php?rp=\/store\/shared-hosting\/business-plan\" class=\"vt-pbtn vt-pb-f\">Get Started<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"vt-pcard vt-reveal\">\r\n      <div class=\"vt-pname\">Pro<\/div>\r\n      <div class=\"vt-pprice\">\r\n        <span class=\"vt-pdollar\">$<\/span>\r\n        <span class=\"vt-pamt\" data-monthly=\"55\" data-annual=\"46\">55<\/span>\r\n        <span class=\"vt-pper\">\/mo<\/span>\r\n      <\/div>\r\n      <div class=\"vt-billing-cycle\" id=\"cycle-2\">billed monthly<\/div>\r\n      <div class=\"vt-price-note\" id=\"note-2\"><\/div>\r\n      <div class=\"vt-annual-line\" id=\"annual-line-2\"><\/div>\r\n      <p class=\"vt-pdesc\">For businesses running multiple sites or needing priority attention.<\/p>\r\n      <ul class=\"vt-pfeats\">\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>3 websites<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>15 GB storage <\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Free SSL certificate<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Email hosting<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>WordPress ready<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Monthly plugin and theme updates<\/li>\r\n        <li class=\"included\"><div class=\"vt-chk vt-chk-t\"><svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg><\/div>Priority support<\/li>\r\n      <\/ul>\r\n      <div class=\"vt-support-tag\">Same-day support response<\/div>\r\n      <a href=\"https:\/\/clients.vettatech.ca\/index.php?rp=\/store\/shared-hosting\/pro-plan\" class=\"vt-pbtn vt-pb-t\">Get Started<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const toggle = document.getElementById('billing-toggle');\r\n  const amounts = document.querySelectorAll('.vt-pamt');\r\n  const lblM = document.getElementById('lbl-monthly');\r\n  const lblA = document.getElementById('lbl-annual');\r\n  const cycles = [\r\n    document.getElementById('cycle-0'),\r\n    document.getElementById('cycle-1'),\r\n    document.getElementById('cycle-2')\r\n  ];\r\n  const notes = [\r\n    document.getElementById('note-0'),\r\n    document.getElementById('note-1'),\r\n    document.getElementById('note-2')\r\n  ];\r\n  const annualLines = [\r\n    document.getElementById('annual-line-0'),\r\n    document.getElementById('annual-line-1'),\r\n    document.getElementById('annual-line-2')\r\n  ];\r\n  const annualTotals = [160, 250, 550];\r\n  const savings = [20, 50, 110];\r\n\r\n  const clearTimers = [null, null, null];\r\n\r\n  function update(){\r\n    const annual = toggle.checked;\r\n    lblM.classList.toggle('active', !annual);\r\n    lblA.classList.toggle('active', annual);\r\n\r\n    amounts.forEach((el, i) => {\r\n      const from = parseFloat(el.textContent);\r\n      const to = parseFloat(annual ? el.dataset.annual : el.dataset.monthly);\r\n      if(from !== to){\r\n        const dur = 400, start = performance.now();\r\n        function step(now){\r\n          const p = Math.min((now - start) \/ dur, 1);\r\n          const ease = 1 - Math.pow(1 - p, 3);\r\n          el.textContent = Math.round(from + (to - from) * ease);\r\n          if(p < 1) requestAnimationFrame(step);\r\n        }\r\n        requestAnimationFrame(step);\r\n      }\r\n\r\n      cycles[i].textContent = annual ? 'billed annually' : 'billed monthly';\r\n      notes[i].textContent = annual ? `Save $${savings[i]} per year` : '';\r\n\r\n      if(annual){\r\n        if(clearTimers[i]){\r\n          clearTimeout(clearTimers[i]);\r\n          clearTimers[i] = null;\r\n        }\r\n        annualLines[i].textContent = `Billed at $${annualTotals[i]} annually`;\r\n        annualLines[i].classList.add('visible');\r\n      } else {\r\n        annualLines[i].classList.remove('visible');\r\n        clearTimers[i] = setTimeout(() => {\r\n          annualLines[i].textContent = '';\r\n          clearTimers[i] = null;\r\n        }, 400);\r\n      }\r\n    });\r\n  }\r\n\r\n  toggle.addEventListener('change', update);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dab6f37 e-con-full e-flex e-con e-parent\" data-id=\"dab6f37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c6c312 elementor-widget elementor-widget-html\" data-id=\"8c6c312\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-finder{\r\n  background:#f4f9ff;\r\n  padding:64px 6%;\r\n}\r\n.vt-finder-inner{\r\n  max-width:780px;\r\n  margin:0 auto;\r\n}\r\n.vt-finder-head{\r\n  text-align:center;\r\n  margin-bottom:48px;\r\n}\r\n.vt-finder-head h2{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:clamp(26px,3.2vw,40px);\r\n  font-weight:800;color:#0b1929;\r\n  margin-bottom:12px;line-height:1.18;\r\n}\r\n.vt-finder-head h2 span{\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n  display:inline-block;padding-bottom:4px;\r\n}\r\n.vt-finder-head p{font-size:16px;color:#3a4e65;line-height:1.75}\r\n\r\n.vt-progress-wrap{margin-bottom:40px}\r\n.vt-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}\r\n.vt-progress-label{font-size:13px;font-weight:600;color:#7a93a8}\r\n.vt-progress-count{font-size:13px;font-weight:700;color:#1a7de8}\r\n.vt-progress-bar{height:6px;background:#e2eaf3;border-radius:6px;overflow:hidden}\r\n.vt-progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#1a7de8,#36C1E0);transition:width .5s cubic-bezier(.25,.8,.25,1)}\r\n\r\n.vt-q-card{\r\n  background:white;border-radius:24px;\r\n  border:1.5px solid rgba(26,125,232,.1);\r\n  padding:40px;\r\n  box-shadow:0 8px 40px rgba(11,25,41,.07);\r\n  animation:vt-qin .4s cubic-bezier(.25,.8,.25,1);\r\n}\r\n@keyframes vt-qin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\r\n.vt-q-num{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#1a7de8;margin-bottom:10px}\r\n.vt-q-text{font-family:'Poppins',sans-serif !important;font-size:clamp(18px,2.5vw,24px);font-weight:700;color:#0b1929;line-height:1.3;margin-bottom:8px}\r\n.vt-q-sub{font-size:14px;color:#7a93a8;margin-bottom:28px;line-height:1.6}\r\n\r\n.vt-q-options{display:grid;gap:12px}\r\n.vt-q-options.cols-2{grid-template-columns:1fr 1fr}\r\n.vt-q-options.cols-1{grid-template-columns:1fr}\r\n\r\n.vt-qopt{\r\n  display:flex;align-items:flex-start;gap:14px;\r\n  padding:16px 18px;border-radius:14px;\r\n  border:2px solid rgba(11,25,41,.08);\r\n  background:white;cursor:pointer;\r\n  transition:all .22s cubic-bezier(.25,.8,.25,1);\r\n  user-select:none;\r\n}\r\n.vt-qopt:hover{border-color:rgba(26,125,232,.3);background:#f4f9ff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(26,125,232,.1)}\r\n.vt-qopt.picked{border-color:#1a7de8;background:linear-gradient(135deg,rgba(26,125,232,.07),rgba(54,193,224,.04));box-shadow:0 6px 24px rgba(26,125,232,.14)}\r\n.vt-qopt-icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#f4f9ff;transition:background .22s}\r\n.vt-qopt.picked .vt-qopt-icon{background:linear-gradient(135deg,rgba(26,125,232,.15),rgba(54,193,224,.1))}\r\n.vt-qopt-body{flex:1}\r\n.vt-qopt-name{font-size:15px;font-weight:700;color:#0b1929;margin-bottom:2px;line-height:1.3}\r\n.vt-qopt-desc{font-size:13px;color:#7a93a8;line-height:1.5}\r\n\r\n.vt-q-nav{display:flex;align-items:center;justify-content:space-between;margin-top:28px}\r\n.vt-q-back{font-size:14px;font-weight:600;color:#7a93a8;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s;padding:0}\r\n.vt-q-back:hover{color:#0b1929}\r\n.vt-q-back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}\r\n.vt-q-next{background:linear-gradient(135deg,#1a7de8,#1fa8c7);color:white;border:none;cursor:pointer;padding:12px 28px;border-radius:50px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 18px rgba(26,125,232,.3);transition:all .25s;opacity:.4;pointer-events:none}\r\n.vt-q-next.ready{opacity:1;pointer-events:auto}\r\n.vt-q-next.ready:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(26,125,232,.44)}\r\n.vt-q-next svg{width:14px;height:14px;stroke:white;fill:none;stroke-width:2.5;stroke-linecap:round;transition:transform .25s}\r\n.vt-q-next:hover svg{transform:translateX(3px)}\r\n\r\n.vt-result-card{background:white;border-radius:24px;border:1.5px solid rgba(26,125,232,.1);padding:40px;box-shadow:0 8px 40px rgba(11,25,41,.07);animation:vt-qin .5s cubic-bezier(.25,.8,.25,1);display:none}\r\n.vt-result-card.show{display:block}\r\n.vt-result-top{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}\r\n.vt-result-badge{width:56px;height:56px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem}\r\n.vt-result-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#1a7de8;margin-bottom:6px}\r\n.vt-result-name{font-family:'Poppins',sans-serif !important;font-size:clamp(22px,3vw,32px);font-weight:800;color:#0b1929;line-height:1.1;margin-bottom:6px}\r\n.vt-result-price{font-size:15px;color:#7a93a8;font-weight:500;line-height:1.6}\r\n.vt-result-price strong{font-family:'Poppins',sans-serif !important;font-size:22px;font-weight:800;color:#0b1929}\r\n.vt-result-why{background:#f4f9ff;border-radius:14px;padding:18px 20px;margin-bottom:24px;border-left:4px solid #1a7de8}\r\n.vt-result-why-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1a7de8;margin-bottom:8px}\r\n.vt-result-why p{font-size:14px;color:#3a4e65;line-height:1.7;margin:0}\r\n.vt-result-feats{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}\r\n.vt-result-feats li{display:flex;align-items:center;gap:10px;font-size:14px;color:#0b1929;font-weight:500}\r\n.vt-rchk{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}\r\n.vt-rchk svg{width:10px;height:10px;stroke:white;fill:none;stroke-width:3;stroke-linecap:round}\r\n.vt-result-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}\r\n.vt-rbtn-main{flex:1;text-align:center;background:linear-gradient(135deg,#1a7de8,#1fa8c7);color:white;padding:14px 20px;border-radius:50px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 4px 18px rgba(26,125,232,.3);transition:all .25s}\r\n.vt-rbtn-main:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(26,125,232,.44)}\r\n.vt-rbtn-sec{flex:1;text-align:center;border:2px solid rgba(26,125,232,.25);color:#1a7de8;padding:14px 20px;border-radius:50px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;background:white;cursor:pointer}\r\n.vt-rbtn-sec:hover{background:#e8f3ff;border-color:#1a7de8}\r\n.vt-result-restart{text-align:center;font-size:13px;color:#7a93a8}\r\n.vt-result-restart button{background:none;border:none;cursor:pointer;color:#1a7de8;font-weight:600;font-size:13px;text-decoration:underline;padding:0}\r\n.vt-result-restart button:hover{color:#0f5ec0}\r\n.vt-other-plans{margin-top:28px;padding-top:24px;border-top:1px solid rgba(11,25,41,.07)}\r\n.vt-other-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7a93a8;margin-bottom:14px}\r\n.vt-other-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}\r\n.vt-other-card{padding:14px 16px;border-radius:12px;border:1.5px solid rgba(11,25,41,.08);text-decoration:none;transition:all .22s;display:block}\r\n.vt-other-card:hover{border-color:rgba(26,125,232,.3);background:#f4f9ff;transform:translateY(-2px)}\r\n.vt-other-card-name{font-size:14px;font-weight:700;color:#0b1929;margin-bottom:2px}\r\n.vt-other-card-price{font-size:13px;color:#7a93a8;font-weight:500}\r\n\r\n@media(max-width:600px){\r\n  .vt-q-options.cols-2{grid-template-columns:1fr}\r\n  .vt-result-btns{flex-direction:column}\r\n  .vt-other-grid{grid-template-columns:1fr}\r\n  .vt-q-card,.vt-result-card{padding:28px 20px}\r\n}\r\n@media(max-width:480px){\r\n  .vt-result-price{font-size:13px}\r\n  .vt-result-price strong{font-size:18px}\r\n  .vt-result-top{flex-direction:column;gap:12px}\r\n  .vt-result-badge{width:48px;height:48px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"vt-finder\">\r\n  <div class=\"vt-finder-inner\">\r\n\r\n    <div class=\"vt-finder-head\">\r\n      <div class=\"vt-tag\" style=\"display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(26,125,232,.07),rgba(54,193,224,.06));border:1px solid rgba(26,125,232,.14);border-radius:50px;padding:6px 18px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a7de8;margin-bottom:18px\">\r\n        <span style=\"width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#1a7de8,#36C1E0);display:inline-block;flex-shrink:0\"><\/span>\r\n        Plan Finder\r\n      <\/div>\r\n      <h2>Find the right plan <span>for you<\/span><\/h2>\r\n      <p>Answer a few quick questions and we will recommend the perfect VettaTech plan for your business.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"vt-progress-wrap\" id=\"vt-progress-wrap\">\r\n      <div class=\"vt-progress-top\">\r\n        <span class=\"vt-progress-label\" id=\"vt-progress-label\">Question 1 of 4<\/span>\r\n        <span class=\"vt-progress-count\" id=\"vt-progress-count\">25%<\/span>\r\n      <\/div>\r\n      <div class=\"vt-progress-bar\">\r\n        <div class=\"vt-progress-fill\" id=\"vt-progress-fill\" style=\"width:25%\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-q-card\" id=\"vt-q-card\">\r\n      <div class=\"vt-q-num\" id=\"vt-q-num\">Question 1<\/div>\r\n      <div class=\"vt-q-text\" id=\"vt-q-text\"><\/div>\r\n      <div class=\"vt-q-sub\" id=\"vt-q-sub\"><\/div>\r\n      <div class=\"vt-q-options\" id=\"vt-q-options\"><\/div>\r\n      <div class=\"vt-q-nav\">\r\n        <button class=\"vt-q-back\" id=\"vt-q-back\">\r\n          <svg viewBox=\"0 0 16 16\"><polyline points=\"10,4 6,8 10,12\"\/><\/svg>\r\n          Back\r\n        <\/button>\r\n        <button class=\"vt-q-next\" id=\"vt-q-next\">\r\n          Next\r\n          <svg viewBox=\"0 0 16 16\"><polyline points=\"3,8 13,8\"\/><polyline points=\"9,4 13,8 9,12\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-result-card\" id=\"vt-result-card\">\r\n      <div class=\"vt-result-top\">\r\n        <div class=\"vt-result-badge\" id=\"vt-result-badge\"><\/div>\r\n        <div>\r\n          <div class=\"vt-result-label\">Our recommendation<\/div>\r\n          <div class=\"vt-result-name\" id=\"vt-result-name\"><\/div>\r\n          <div class=\"vt-result-price\" id=\"vt-result-price\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"vt-result-why\">\r\n        <div class=\"vt-result-why-title\">Why this plan?<\/div>\r\n        <p id=\"vt-result-why\"><\/p>\r\n      <\/div>\r\n      <ul class=\"vt-result-feats\" id=\"vt-result-feats\"><\/ul>\r\n      <div class=\"vt-result-btns\">\r\n        <a href=\"#pricing\" class=\"vt-rbtn-main\" id=\"vt-rbtn-main\">Get Started<\/a>\r\n        <a href=\"#\" class=\"vt-rbtn-sec\">Talk to Us First<\/a>\r\n      <\/div>\r\n      <div class=\"vt-result-restart\">\r\n        Not quite right? <button onclick=\"vtFinderRestart()\">Start over<\/button>\r\n      <\/div>\r\n      <div class=\"vt-other-plans\">\r\n        <div class=\"vt-other-title\">Compare other plans<\/div>\r\n        <div class=\"vt-other-grid\" id=\"vt-other-grid\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst VT_QUESTIONS = [\r\n  {\r\n    id:'sites',\r\n    text:'How many websites do you need to host?',\r\n    sub:'This helps us match you to the right storage and account limits.',\r\n    cols:2,\r\n    options:[\r\n      {icon:'\ud83c\udf10', name:'Just 1 website', desc:'A single business or personal site', value:'one'},\r\n      {icon:'\ud83d\uddc2\ufe0f', name:'2 or 3 websites', desc:'A few different sites or clients', value:'few'},\r\n      {icon:'\u26a1', name:'More than 3', desc:'Multiple sites or growing fast', value:'many'},\r\n      {icon:'\ud83e\udd14', name:'Not sure yet', desc:'Still figuring it out', value:'unsure'}\r\n    ]\r\n  },\r\n  {\r\n    id:'manage',\r\n    text:'How hands-on do you want to be with your website?',\r\n    sub:'This helps us understand how much maintenance support you need.',\r\n    cols:1,\r\n    options:[\r\n      {icon:'\ud83d\udee0\ufe0f', name:'I will manage it myself', desc:'I am comfortable handling updates, plugins, and maintenance on my own', value:'self'},\r\n      {icon:'\ud83e\udd1d', name:'I want some help', desc:'I would like someone to handle monthly updates and keep things running smoothly', value:'help'},\r\n      {icon:'\ud83c\udfaf', name:'Fully hands-off please', desc:'I want everything managed for me so I can focus on my business', value:'handoff'}\r\n    ]\r\n  },\r\n  {\r\n    id:'support',\r\n    text:'How quickly do you need support when something goes wrong?',\r\n    sub:'Think about how critical your website is to your daily business operations.',\r\n    cols:1,\r\n    options:[\r\n      {icon:'\ud83d\udcec', name:'Within 48 hours is fine', desc:'My site is important but not mission-critical day to day', value:'slow'},\r\n      {icon:'\ud83d\udce9', name:'Within 24 hours', desc:'I need issues resolved fairly quickly to avoid disruption', value:'medium'},\r\n      {icon:'\ud83d\udea8', name:'Same day', desc:'My business depends on the site being up and running at all times', value:'fast'}\r\n    ]\r\n  },\r\n  {\r\n    id:'budget',\r\n    text:'What is your approximate monthly hosting budget?',\r\n    sub:'No right or wrong answer \u2014 just helps us point you to the best value.',\r\n    cols:2,\r\n    options:[\r\n      {icon:'\ud83d\udc9a', name:'Under $20\/mo', desc:'Looking for the most affordable option', value:'low'},\r\n      {icon:'\ud83d\udc9b', name:'$20 to $40\/mo', desc:'Happy to invest for better features', value:'mid'},\r\n      {icon:'\ud83d\udd35', name:'$40 or more', desc:'Budget is not the main concern', value:'high'},\r\n      {icon:'\ud83e\udd37', name:'Flexible', desc:'Whatever gives me the best value', value:'flex'}\r\n    ]\r\n  }\r\n];\r\n\r\nconst VT_PLANS = {\r\n  starter:{\r\n    name:'Starter',\r\n    price:'$15',\r\n    annual:'$13',\r\n    emoji:'\ud83c\udf31',\r\n    color:'linear-gradient(135deg,rgba(26,125,232,.12),rgba(26,125,232,.05))',\r\n    chkColor:'linear-gradient(135deg,#1a7de8,#4a9ef8)',\r\n    features:[\r\n      '1 website',\r\n      '3 GB storage',\r\n      'Free SSL certificate',\r\n      'Email hosting',\r\n      'WordPress ready',\r\n      '48hr support response'\r\n    ],\r\n    href:'#pricing'\r\n  },\r\n  business:{\r\n    name:'Business',\r\n    price:'$25',\r\n    annual:'$21',\r\n    emoji:'\ud83d\ude80',\r\n    color:'linear-gradient(135deg,rgba(54,193,224,.12),rgba(77,184,164,.05))',\r\n    chkColor:'linear-gradient(135deg,#36C1E0,#4DB8A4)',\r\n    features:[\r\n      '1 website',\r\n      '5 GB storage',\r\n      'Free SSL certificate',\r\n      'Email hosting',\r\n      'WordPress ready',\r\n      'Monthly plugin and theme updates',\r\n      '24hr support response'\r\n    ],\r\n    href:'#pricing'\r\n  },\r\n  pro:{\r\n    name:'Pro',\r\n    price:'$55',\r\n    annual:'$46',\r\n    emoji:'\u26a1',\r\n    color:'linear-gradient(135deg,rgba(77,184,164,.12),rgba(54,193,224,.05))',\r\n    chkColor:'linear-gradient(135deg,#4DB8A4,#36C1E0)',\r\n    features:[\r\n      '3 websites',\r\n      '15 GB storage',\r\n      'Free SSL certificate',\r\n      'Email hosting',\r\n      'WordPress ready',\r\n      'Monthly plugin and theme updates',\r\n      'Priority support',\r\n      'Same-day support response'\r\n    ],\r\n    href:'#pricing'\r\n  }\r\n};\r\n\r\nlet vtStep = 0;\r\nlet vtAnswers = {};\r\n\r\nfunction vtScore(){\r\n  let s = 0, b = 0, p = 0;\r\n  const a = vtAnswers;\r\n  if(a.sites === 'one' || a.sites === 'unsure') s += 2;\r\n  if(a.sites === 'few') b += 2;\r\n  if(a.sites === 'many') p += 3;\r\n  if(a.manage === 'self') s += 2;\r\n  if(a.manage === 'help') b += 2;\r\n  if(a.manage === 'handoff') p += 3;\r\n  if(a.support === 'slow') s += 2;\r\n  if(a.support === 'medium') b += 2;\r\n  if(a.support === 'fast') p += 3;\r\n  if(a.budget === 'low') s += 3;\r\n  if(a.budget === 'mid') b += 2;\r\n  if(a.budget === 'high' || a.budget === 'flex'){b += 1; p += 2;}\r\n  const max = Math.max(s, b, p);\r\n  if(max === p) return 'pro';\r\n  if(max === b) return 'business';\r\n  return 'starter';\r\n}\r\n\r\nfunction vtWhyText(plan, a){\r\n  if(plan === 'starter'){\r\n    return 'Based on your answers, you need reliable hosting for a single site without the overhead of extra features. The Starter plan gives you everything to get online at the best value.';\r\n  }\r\n  if(plan === 'business'){\r\n    if(a.manage === 'help' || a.manage === 'handoff'){\r\n      return 'You want someone to handle the technical side so you can focus on your business. The Business plan includes monthly plugin and theme updates so your site stays maintained without lifting a finger.';\r\n    }\r\n    return 'You need more than basic hosting but do not yet need multi-site support. The Business plan gives you more storage, managed updates, and faster support at a price that makes sense.';\r\n  }\r\n  if(plan === 'pro'){\r\n    if(a.sites === 'many'){\r\n      return 'You need to host multiple websites and want everything running at a high level. The Pro plan covers up to 3 sites with full maintenance, priority support, and same-day response times.';\r\n    }\r\n    if(a.support === 'fast'){\r\n      return 'Your business depends on your website being up and running. The Pro plan gives you same-day support response and priority handling so issues get resolved before they cost you.';\r\n    }\r\n    return 'Based on your needs, the Pro plan is the right fit. You get the most storage, full maintenance, priority support, and same-day response times for a website that is central to your business.';\r\n  }\r\n}\r\n\r\nfunction vtRender(){\r\n  const q = VT_QUESTIONS[vtStep];\r\n  const total = VT_QUESTIONS.length;\r\n  const pct = Math.round(((vtStep + 1) \/ total) * 100);\r\n\r\n  document.getElementById('vt-progress-label').textContent = `Question ${vtStep + 1} of ${total}`;\r\n  document.getElementById('vt-progress-count').textContent = pct + '%';\r\n  document.getElementById('vt-progress-fill').style.width = pct + '%';\r\n  document.getElementById('vt-q-num').textContent = `Question ${vtStep + 1}`;\r\n  document.getElementById('vt-q-text').textContent = q.text;\r\n  document.getElementById('vt-q-sub').textContent = q.sub;\r\n\r\n  const opts = document.getElementById('vt-q-options');\r\n  opts.className = `vt-q-options cols-${q.cols}`;\r\n  opts.innerHTML = q.options.map(o => `\r\n    <div class=\"vt-qopt${vtAnswers[q.id] === o.value ? ' picked' : ''}\" data-val=\"${o.value}\">\r\n      <div class=\"vt-qopt-icon\">${o.icon}<\/div>\r\n      <div class=\"vt-qopt-body\">\r\n        <div class=\"vt-qopt-name\">${o.name}<\/div>\r\n        <div class=\"vt-qopt-desc\">${o.desc}<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  `).join('');\r\n\r\n  opts.querySelectorAll('.vt-qopt').forEach(el => {\r\n    el.addEventListener('click', function(){\r\n      opts.querySelectorAll('.vt-qopt').forEach(o => o.classList.remove('picked'));\r\n      this.classList.add('picked');\r\n      vtAnswers[q.id] = this.dataset.val;\r\n      document.getElementById('vt-q-next').classList.add('ready');\r\n    });\r\n  });\r\n\r\n  const nextBtn = document.getElementById('vt-q-next');\r\n  nextBtn.classList.toggle('ready', !!vtAnswers[q.id]);\r\n  nextBtn.innerHTML = (vtStep === total - 1 ? 'Find My Plan' : 'Next') +\r\n    ' <svg viewBox=\"0 0 16 16\" style=\"width:14px;height:14px;stroke:white;fill:none;stroke-width:2.5;stroke-linecap:round;vertical-align:middle;margin-left:4px\"><polyline points=\"3,8 13,8\"\/><polyline points=\"9,4 13,8 9,12\"\/><\/svg>';\r\n\r\n  document.getElementById('vt-q-back').style.visibility = vtStep === 0 ? 'hidden' : 'visible';\r\n}\r\n\r\nfunction vtShowResult(){\r\n  const plan = vtScore();\r\n  const p = VT_PLANS[plan];\r\n\r\n  document.getElementById('vt-q-card').style.display = 'none';\r\n  document.getElementById('vt-progress-wrap').style.display = 'none';\r\n\r\n  const rc = document.getElementById('vt-result-card');\r\n  rc.classList.add('show');\r\n\r\n  document.getElementById('vt-result-badge').style.cssText = `background:${p.color};font-size:1.6rem;`;\r\n  document.getElementById('vt-result-badge').textContent = p.emoji;\r\n  document.getElementById('vt-result-name').textContent = p.name + ' Plan';\r\n  document.getElementById('vt-result-price').innerHTML =\r\n    `<strong>${p.price}\/mo<\/strong> billed monthly<br>\r\n     <span style=\"color:#4DB8A4;font-size:13px;font-weight:600\">\r\n       or from <strong style=\"font-size:15px;color:#4DB8A4\">${p.annual}\/mo<\/strong> billed annually\r\n     <\/span>`;\r\n  document.getElementById('vt-result-why').textContent = vtWhyText(plan, vtAnswers);\r\n  document.getElementById('vt-rbtn-main').href = p.href;\r\n\r\n  const feats = document.getElementById('vt-result-feats');\r\n  feats.innerHTML = p.features.map(f => `\r\n    <li>\r\n      <div class=\"vt-rchk\" style=\"background:${p.chkColor}\">\r\n        <svg viewBox=\"0 0 10 10\"><polyline points=\"1.5,5 4,7.5 8.5,2\"\/><\/svg>\r\n      <\/div>\r\n      ${f}\r\n    <\/li>\r\n  `).join('');\r\n\r\n  const others = Object.entries(VT_PLANS).filter(([k]) => k !== plan);\r\n  document.getElementById('vt-other-grid').innerHTML = others.map(([k,o]) => `\r\n    <a href=\"${o.href}\" class=\"vt-other-card\">\r\n      <div class=\"vt-other-card-name\">${o.emoji} ${o.name}<\/div>\r\n      <div class=\"vt-other-card-price\">${o.price}\/mo<\/div>\r\n    <\/a>\r\n  `).join('');\r\n}\r\n\r\nfunction vtFinderRestart(){\r\n  vtStep = 0;\r\n  vtAnswers = {};\r\n  document.getElementById('vt-result-card').classList.remove('show');\r\n  document.getElementById('vt-q-card').style.display = 'block';\r\n  document.getElementById('vt-progress-wrap').style.display = 'block';\r\n  vtRender();\r\n}\r\n\r\ndocument.getElementById('vt-q-next').addEventListener('click', function(){\r\n  if(!this.classList.contains('ready')) return;\r\n  if(vtStep < VT_QUESTIONS.length - 1){\r\n    vtStep++;\r\n    vtRender();\r\n  } else {\r\n    vtShowResult();\r\n  }\r\n});\r\n\r\ndocument.getElementById('vt-q-back').addEventListener('click', function(){\r\n  if(vtStep > 0){ vtStep--; vtRender(); }\r\n});\r\n\r\nvtRender();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3682773 e-con-full e-flex e-con e-parent\" data-id=\"3682773\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-483974a elementor-widget elementor-widget-html\" data-id=\"483974a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-why{background:#fff;padding:80px 6%}\r\n.vt-why-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:24px;\r\n  width:100%;\r\n}\r\n.vt-wcard{\r\n  padding:36px 28px;\r\n  border-radius:24px;\r\n  border:2px solid rgba(11,25,41,.07);\r\n  background:#fff;\r\n  transition:all .35s cubic-bezier(.25,.8,.25,1);\r\n  cursor:pointer;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vt-wcard::before{\r\n  content:'';position:absolute;inset:0;\r\n  background:linear-gradient(135deg,rgba(26,125,232,.04),rgba(54,193,224,.03));\r\n  opacity:0;transition:opacity .35s;\r\n}\r\n.vt-wcard:hover{\r\n  transform:translateY(-10px) scale(1.02);\r\n  box-shadow:0 22px 54px rgba(11,25,41,.1);\r\n  border-color:rgba(26,125,232,.22);\r\n}\r\n.vt-wcard:hover::before{opacity:1}\r\n.vt-wicon{\r\n  width:68px;height:68px;border-radius:18px;\r\n  margin-bottom:24px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  transition:transform .35s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.vt-wcard:hover .vt-wicon{transform:scale(1.1) rotate(-6deg)}\r\n.vt-wi-b{background:linear-gradient(135deg,rgba(26,125,232,.12),rgba(26,125,232,.05));border:1px solid rgba(26,125,232,.15)}\r\n.vt-wi-t{background:linear-gradient(135deg,rgba(54,193,224,.12),rgba(54,193,224,.05));border:1px solid rgba(54,193,224,.15)}\r\n.vt-wi-g{background:linear-gradient(135deg,rgba(77,184,164,.12),rgba(77,184,164,.05));border:1px solid rgba(77,184,164,.15)}\r\n.vt-wi-r{background:linear-gradient(135deg,rgba(210,35,42,.1),rgba(210,35,42,.04));border:1px solid rgba(210,35,42,.18)}\r\n.vt-wicon svg{width:30px;height:30px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}\r\n.vt-wcard h3{\r\n  font-size:20px;font-weight:700;\r\n  color:#0b1929;margin-bottom:10px;\r\n}\r\n.vt-wcard p{font-size:17px;color:#7a93a8;line-height:1.72}\r\n\r\n\/* Canadian pride banner *\/\r\n.vt-canada-banner{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:18px;\r\n  margin:0 auto 40px;\r\n  padding:18px 32px;\r\n  border-radius:18px;\r\n  background:linear-gradient(135deg,rgba(26,125,232,.06),rgba(54,193,224,.04));\r\n  border:1.5px solid rgba(26,125,232,.12);\r\n  max-width:560px;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vt-canada-banner::before{\r\n  content:'';\r\n  position:absolute;left:0;top:0;bottom:0;\r\n  width:4px;\r\n  background:linear-gradient(180deg,#1a7de8,#36C1E0);\r\n  border-radius:4px 0 0 4px;\r\n}\r\n.vt-canada-flag{\r\n  flex-shrink:0;\r\n  width:40px;height:40px;\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.vt-canada-flag svg{width:40px;height:40px}\r\n.vt-canada-text{text-align:left}\r\n.vt-canada-text strong{\r\n  display:block;\r\n  font-size:15px;font-weight:700;\r\n  color:#0b1929;\r\n  letter-spacing:.02em;\r\n  text-transform:uppercase;\r\n}\r\n.vt-canada-text span{\r\n  font-size:14px;color:#7a93a8;line-height:1.5;\r\n}\r\n\r\n@media(max-width:900px){.vt-why-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:500px){\r\n  .vt-why-grid{grid-template-columns:1fr}\r\n  .vt-canada-banner{flex-direction:column;text-align:center}\r\n  .vt-canada-text{text-align:center}\r\n}\r\n<\/style>\r\n\r\n<section id=\"why\" class=\"vt-why\">\r\n  <div class=\"vt-sec-center\">\r\n    <div class=\"vt-tag vt-reveal\">Why Choose VettaTech<\/div>\r\n    <h2 class=\"vt-sh vt-reveal\" style=\"overflow:visible\">Hosting Built for <em>Performance<\/em><\/h2>\r\n    <p class=\"vt-sp vt-reveal\">Everything you need to keep your website fast, secure, and always online \u2014 backed by real people who care.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"vt-why-grid\">\r\n    <div class=\"vt-wcard vt-reveal\">\r\n      <div class=\"vt-wicon vt-wi-b\">\r\n        <svg viewBox=\"0 0 28 28\" stroke=\"#1a7de8\">\r\n          <polygon points=\"14,3 25,9 25,21 14,27 3,21 3,9\"\/>\r\n          <polyline points=\"14,3 14,27\"\/>\r\n          <polyline points=\"3,9 25,21\"\/>\r\n          <polyline points=\"25,9 3,21\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Blazing Fast Servers<\/h3>\r\n      <p>Lightning-fast websites powered by our optimised global server network. Speed your visitors will notice from the very first click.<\/p>\r\n    <\/div>\r\n    <div class=\"vt-wcard vt-reveal\">\r\n      <div class=\"vt-wicon vt-wi-t\">\r\n        <svg viewBox=\"0 0 28 28\" stroke=\"#36C1E0\">\r\n          <path d=\"M14 2L3 7v9c0 6 5.5 11 11 12 5.5-1 11-6 11-12V7z\"\/>\r\n          <polyline points=\"9,14 12.5,17.5 19,10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Secure and Reliable<\/h3>\r\n      <p>Enterprise-grade security keeps your business safe and always online. 99.9% uptime guaranteed, every single month.<\/p>\r\n    <\/div>\r\n    <div class=\"vt-wcard vt-reveal\">\r\n      <div class=\"vt-wicon vt-wi-g\">\r\n        <svg viewBox=\"0 0 28 28\" stroke=\"#4DB8A4\">\r\n          <rect x=\"4\" y=\"10\" width=\"20\" height=\"14\" rx=\"3\"\/>\r\n          <path d=\"M9 10V7a5 5 0 0110 0v3\"\/>\r\n          <circle cx=\"14\" cy=\"17\" r=\"2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Free SSL Certificates<\/h3>\r\n      <p>Every site gets a free SSL certificate automatically installed. Secure by default, trusted by all major browsers worldwide.<\/p>\r\n    <\/div>\r\n    <div class=\"vt-wcard vt-reveal\">\r\n      <div class=\"vt-wicon vt-wi-b\">\r\n        <svg viewBox=\"0 0 28 28\" stroke=\"#1a7de8\">\r\n          <circle cx=\"14\" cy=\"14\" r=\"11\"\/>\r\n          <polyline points=\"14,8 14,14 17,17\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Expert Support<\/h3>\r\n      <p>Real answers from real hosting experts, available around the clock. No bots, no runaround, no waiting.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Canadian owned callout -->\r\n  <div class=\"vt-canada-banner vt-reveal\" style=\"margin-top:40px;margin-bottom:0\">\r\n    <div class=\"vt-canada-text\">\r\n      <strong>\ud83c\udde8\ud83c\udde6 Proudly Canadian Owned &amp; Operated<\/strong>\r\n      <span>Built right here in Canada. Your data stays local and your support comes from neighbours who get it.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffb39a8 e-con-full e-flex e-con e-parent\" data-id=\"ffb39a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b62a25 elementor-widget elementor-widget-html\" data-id=\"0b62a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-wd{background:#f4f9ff;padding:80px 6%}\r\n\r\n.vt-wd-intro{\r\n  text-align:center;\r\n  display:flex;flex-direction:column;align-items:center;\r\n  margin-bottom:32px;\r\n}\r\n\r\n.vt-showcase-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n  width:100%;\r\n}\r\n.vt-sc-card{\r\n  background:#fff;\r\n  border-radius:24px;\r\n  border:2px solid rgba(11,25,41,.07);\r\n  overflow:hidden;\r\n  transition:all .35s cubic-bezier(.25,.8,.25,1);\r\n  cursor:default;\r\n}\r\n.vt-sc-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 24px 60px rgba(11,25,41,.12);\r\n  border-color:rgba(26,125,232,.2);\r\n}\r\n.vt-sc-visual{\r\n  height:200px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vt-sc-v1{background:linear-gradient(135deg,#e8f3ff 0%,#eafaff 100%)}\r\n.vt-sc-v2{background:linear-gradient(135deg,#eaf6ff 0%,#eafff7 100%)}\r\n.vt-sc-v3{background:linear-gradient(135deg,#f0fbf8 0%,#eaf6ff 100%)}\r\n.vt-sc-body{padding:28px 28px 32px}\r\n.vt-sc-body h3{font-size:22px;font-weight:800;color:#0b1929;margin-bottom:10px}\r\n.vt-sc-body p{font-size:17px;color:#3a4e65;line-height:1.72}\r\n\r\n@media(max-width:900px){.vt-showcase-grid{grid-template-columns:1fr}}\r\n<\/style>\r\n\r\n<section id=\"webdesign\" class=\"vt-wd\">\r\n\r\n  <div class=\"vt-wd-intro\">\r\n    <div class=\"vt-tag vt-reveal\">Custom Web Design<\/div>\r\n    <h2 class=\"vt-sh vt-reveal\" style=\"overflow:visible\">Your website is your <em>best salesperson.<\/em><br>We build it that way.<\/h2>\r\n    <p class=\"vt-sp vt-reveal\" style=\"max-width:620px\">Most web agencies hand you a template and call it a day. VettaTech builds every site from scratch, designed around your brand, your goals, and your customers.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"vt-showcase-grid\">\r\n\r\n    <div class=\"vt-sc-card vt-reveal\">\r\n      <div class=\"vt-sc-visual vt-sc-v1\">\r\n        <svg width=\"220\" height=\"160\" viewBox=\"0 0 220 160\" fill=\"none\">\r\n          <defs>\r\n            <linearGradient id=\"wdg1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#1a7de8\"\/><stop offset=\"1\" stop-color=\"#36C1E0\"\/><\/linearGradient>\r\n            <linearGradient id=\"wdg1b\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#36C1E0\"\/><stop offset=\"1\" stop-color=\"#4DB8A4\"\/><\/linearGradient>\r\n          <\/defs>\r\n          <circle cx=\"60\" cy=\"80\" r=\"38\" fill=\"url(#wdg1)\" opacity=\".15\"\/>\r\n          <circle cx=\"60\" cy=\"80\" r=\"28\" fill=\"url(#wdg1)\" opacity=\".25\"\/>\r\n          <circle cx=\"60\" cy=\"80\" r=\"18\" fill=\"url(#wdg1)\" opacity=\".9\"\/>\r\n          <rect x=\"106\" y=\"40\" width=\"24\" height=\"24\" rx=\"6\" fill=\"#1a7de8\"\/>\r\n          <rect x=\"136\" y=\"40\" width=\"24\" height=\"24\" rx=\"6\" fill=\"#36C1E0\"\/>\r\n          <rect x=\"166\" y=\"40\" width=\"24\" height=\"24\" rx=\"6\" fill=\"#4DB8A4\"\/>\r\n          <rect x=\"106\" y=\"80\" width=\"90\" height=\"10\" rx=\"5\" fill=\"#0b1929\" opacity=\".7\"\/>\r\n          <rect x=\"106\" y=\"96\" width=\"70\" height=\"7\" rx=\"3.5\" fill=\"#0b1929\" opacity=\".35\"\/>\r\n          <rect x=\"106\" y=\"109\" width=\"80\" height=\"7\" rx=\"3.5\" fill=\"#0b1929\" opacity=\".25\"\/>\r\n          <rect x=\"106\" y=\"122\" width=\"55\" height=\"7\" rx=\"3.5\" fill=\"#0b1929\" opacity=\".18\"\/>\r\n          <path d=\"M30 120 Q60 60 90 110\" stroke=\"url(#wdg1)\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\" stroke-dasharray=\"6,4\" opacity=\".6\"\/>\r\n          <circle cx=\"90\" cy=\"110\" r=\"5\" fill=\"#1a7de8\"\/>\r\n          <circle cx=\"60\" cy=\"60\" r=\"3.5\" fill=\"#36C1E0\" opacity=\".7\"\/>\r\n          <circle cx=\"30\" cy=\"120\" r=\"3.5\" fill=\"#4DB8A4\" opacity=\".7\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"vt-sc-body\">\r\n        <h3>Built for Your Brand<\/h3>\r\n        <p>No templates. No cookie-cutter layouts. Every pixel is designed to match your brand identity and stand out from your competitors.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-sc-card vt-reveal\">\r\n      <div class=\"vt-sc-visual vt-sc-v2\">\r\n        <svg width=\"220\" height=\"160\" viewBox=\"0 0 220 160\" fill=\"none\">\r\n          <defs>\r\n            <linearGradient id=\"wdg2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#1a7de8\"\/><stop offset=\"1\" stop-color=\"#36C1E0\"\/><\/linearGradient>\r\n          <\/defs>\r\n          <path d=\"M50 30 L170 30 L140 75 L140 130 L80 130 L80 75 Z\" fill=\"url(#wdg2)\" opacity=\".12\"\/>\r\n          <path d=\"M50 30 L170 30 L140 75 L80 75 Z\" fill=\"url(#wdg2)\" opacity=\".2\"\/>\r\n          <path d=\"M50 30 L170 30 L140 75 L140 130 L80 130 L80 75 Z\" stroke=\"#1a7de8\" stroke-width=\"2\" fill=\"none\" stroke-linejoin=\"round\"\/>\r\n          <rect x=\"70\" y=\"36\" width=\"80\" height=\"24\" rx=\"5\" fill=\"white\" opacity=\".8\"\/>\r\n          <rect x=\"78\" y=\"42\" width=\"28\" height=\"6\" rx=\"3\" fill=\"#1a7de8\" opacity=\".6\"\/>\r\n          <rect x=\"112\" y=\"42\" width=\"28\" height=\"6\" rx=\"3\" fill=\"#36C1E0\" opacity=\".6\"\/>\r\n          <rect x=\"88\" y=\"80\" width=\"44\" height=\"36\" rx=\"8\" fill=\"white\"\/>\r\n          <rect x=\"96\" y=\"88\" width=\"28\" height=\"6\" rx=\"3\" fill=\"#1a7de8\" opacity=\".5\"\/>\r\n          <rect x=\"100\" y=\"100\" width=\"20\" height=\"8\" rx=\"4\" fill=\"#4DB8A4\"\/>\r\n          <line x1=\"110\" y1=\"54\" x2=\"110\" y2=\"72\" stroke=\"#1a7de8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-dasharray=\"4,3\" opacity=\".5\"\/>\r\n          <circle cx=\"90\" cy=\"143\" r=\"9\" fill=\"#4DB8A4\" opacity=\".9\"\/>\r\n          <circle cx=\"110\" cy=\"143\" r=\"9\" fill=\"#36C1E0\" opacity=\".8\"\/>\r\n          <circle cx=\"130\" cy=\"143\" r=\"9\" fill=\"#1a7de8\" opacity=\".7\"\/>\r\n          <text x=\"90\" y=\"147\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"white\">S<\/text>\r\n          <text x=\"110\" y=\"147\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"white\">A<\/text>\r\n          <text x=\"130\" y=\"147\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"white\">L<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"vt-sc-body\">\r\n        <h3>Designed to Convert<\/h3>\r\n        <p>Pretty is not enough. We design every page with clear calls to action, proven layouts, and conversion psychology built in from day one.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vt-sc-card vt-reveal\">\r\n      <div class=\"vt-sc-visual vt-sc-v3\">\r\n        <svg width=\"220\" height=\"160\" viewBox=\"0 0 220 160\" fill=\"none\">\r\n          <defs>\r\n            <linearGradient id=\"wdg3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#36C1E0\"\/><stop offset=\"1\" stop-color=\"#4DB8A4\"\/><\/linearGradient>\r\n          <\/defs>\r\n          <path d=\"M50 110 A60 60 0 0 1 170 110\" stroke=\"rgba(11,25,41,.08)\" stroke-width=\"14\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M50 110 A60 60 0 0 1 170 110\" stroke=\"url(#wdg3)\" stroke-width=\"14\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"188\" stroke-dashoffset=\"0\">\r\n            <animate attributeName=\"stroke-dashoffset\" from=\"188\" to=\"0\" dur=\"1.8s\" fill=\"freeze\" begin=\"0s\"\/>\r\n          <\/path>\r\n          <text x=\"110\" y=\"108\" text-anchor=\"middle\" font-family=\"Poppins,sans-serif\" font-size=\"36\" font-weight=\"800\" fill=\"#0b1929\">100<\/text>\r\n          <text x=\"110\" y=\"126\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"600\" fill=\"#7a93a8\" letter-spacing=\"1\">PAGESPEED<\/text>\r\n          <line x1=\"50\" y1=\"110\" x2=\"58\" y2=\"110\" stroke=\"rgba(26,125,232,.3)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <line x1=\"170\" y1=\"110\" x2=\"162\" y2=\"110\" stroke=\"rgba(26,125,232,.3)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <line x1=\"110\" y1=\"50\" x2=\"110\" y2=\"58\" stroke=\"rgba(26,125,232,.3)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <rect x=\"22\" y=\"38\" width=\"64\" height=\"22\" rx=\"11\" fill=\"white\"\/>\r\n          <circle cx=\"35\" cy=\"49\" r=\"7\" fill=\"#4DB8A4\" opacity=\".9\"\/>\r\n          <text x=\"35\" y=\"53\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"800\" fill=\"white\">A<\/text>\r\n          <rect x=\"44\" y=\"44\" width=\"36\" height=\"6\" rx=\"3\" fill=\"#0b1929\" opacity=\".35\"\/>\r\n          <rect x=\"134\" y=\"38\" width=\"64\" height=\"22\" rx=\"11\" fill=\"white\"\/>\r\n          <circle cx=\"147\" cy=\"49\" r=\"7\" fill=\"#1a7de8\" opacity=\".9\"\/>\r\n          <text x=\"147\" y=\"53\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"800\" fill=\"white\">S<\/text>\r\n          <rect x=\"157\" y=\"44\" width=\"36\" height=\"6\" rx=\"3\" fill=\"#0b1929\" opacity=\".35\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"vt-sc-body\">\r\n        <h3>Fast by Default<\/h3>\r\n<p>Every VettaTech website is built with speed as a priority. We aim for a perfect Google PageSpeed score and optimise every site to load as fast as possible.<\/p>      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f74b5e6 e-con-full e-flex e-con e-parent\" data-id=\"f74b5e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79c435a elementor-widget elementor-widget-html\" data-id=\"79c435a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-industry{\r\n  margin-bottom:0;\r\n  padding:0 6%;\r\n  background:#f4f9ff;\r\n}\r\n.vt-ind-header{\r\n  text-align:center;\r\n  margin-bottom:28px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n}\r\n.vt-ind-eyebrow{\r\n  display:inline-flex;align-items:center;gap:7px;\r\n  font-size:11px;font-weight:700;text-transform:uppercase;\r\n  letter-spacing:.1em;color:#1a7de8;margin-bottom:12px;\r\n}\r\n.vt-ind-eyebrow::before{\r\n  content:'';width:7px;height:7px;border-radius:50%;\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0);flex-shrink:0;\r\n}\r\n.vt-ind-title{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:clamp(18px,2.2vw,26px);\r\n  font-weight:700;color:#0b1929;\r\n  line-height:1.2;margin-bottom:6px;\r\n}\r\n.vt-ind-title span{\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n  display:inline-block;\r\n}\r\n.vt-ind-subtitle{\r\n  font-size:14px;color:#7a93a8;font-weight:500;\r\n}\r\n\r\n\/* Pills *\/\r\n.vt-ind-pills{\r\n  display:flex;flex-wrap:wrap;gap:8px;\r\n  justify-content:center;margin-bottom:28px;\r\n}\r\n.vt-ind-pill{\r\n  display:flex;align-items:center;gap:7px;\r\n  padding:8px 16px;border-radius:50px;\r\n  border:1.5px solid rgba(11,25,41,.08);\r\n  background:white;\r\n  color:#3a4e65;\r\n  font-size:13px;font-weight:600;\r\n  cursor:pointer;\r\n  transition:all .2s cubic-bezier(.25,.8,.25,1);\r\n  user-select:none;\r\n  box-shadow:0 1px 4px rgba(11,25,41,.05);\r\n}\r\n.vt-ind-pill:hover{\r\n  border-color:rgba(26,125,232,.25);\r\n  background:#f0f7ff;\r\n  color:#1a7de8;\r\n  transform:translateY(-1px);\r\n  box-shadow:0 4px 12px rgba(26,125,232,.1);\r\n}\r\n.vt-ind-pill.active{\r\n  border-color:#1a7de8;\r\n  background:linear-gradient(135deg,rgba(26,125,232,.08),rgba(54,193,224,.05));\r\n  color:#1a7de8;\r\n  box-shadow:0 4px 14px rgba(26,125,232,.12);\r\n  transform:translateY(-1px);\r\n}\r\n.vt-ind-pill-icon{font-size:.9rem;line-height:1}\r\n\r\n\/* Preview *\/\r\n.vt-ind-preview{\r\n  border-radius:20px;\r\n  overflow:hidden;\r\n  min-height:220px;\r\n  background:#f4f9ff;\r\n  transition:all .4s cubic-bezier(.25,.8,.25,1);\r\n}\r\n\r\n.vt-ind-preview-inner{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:0;\r\n  opacity:0;\r\n  transform:translateY(12px);\r\n  transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);\r\n  background:#f4f9ff;\r\n  border-radius:20px;\r\n  border:1.5px solid rgba(26,125,232,.1);\r\n  box-shadow:0 4px 24px rgba(11,25,41,.07);\r\n  overflow:hidden;\r\n}\r\n.vt-ind-preview-inner.visible{\r\n  opacity:1;transform:translateY(0);\r\n}\r\n\r\n.vt-ind-mockup{\r\n  padding:24px;\r\n  border-right:1px solid rgba(26,125,232,.07);\r\n  display:flex;align-items:center;justify-content:center;\r\n  background:#f4f9ff;\r\n}\r\n.vt-ind-browser{\r\n  width:100%;max-width:300px;\r\n  background:white;border-radius:10px;\r\n  overflow:hidden;\r\n  box-shadow:0 8px 28px rgba(11,25,41,.1);\r\n  border:1px solid rgba(11,25,41,.05);\r\n  transform:perspective(800px) rotateY(-3deg) rotateX(1deg);\r\n  transition:transform .5s cubic-bezier(.25,.8,.25,1);\r\n}\r\n.vt-ind-browser:hover{\r\n  transform:perspective(800px) rotateY(0deg) rotateX(0deg);\r\n}\r\n.vt-ind-browser-bar{\r\n  height:28px;background:#1a2535;\r\n  display:flex;align-items:center;padding:0 10px;gap:5px;\r\n}\r\n.vt-ind-browser-dot{width:7px;height:7px;border-radius:50%}\r\n.vt-ind-browser-url{\r\n  flex:1;height:14px;background:rgba(255,255,255,.08);\r\n  border-radius:3px;margin:0 7px;\r\n  display:flex;align-items:center;padding:0 7px;\r\n  font-size:8px;color:rgba(255,255,255,.3);font-weight:500;\r\n}\r\n.vt-ind-browser-body{\r\n  height:170px;position:relative;overflow:hidden;\r\n}\r\n\r\n.vt-ind-details{\r\n  padding:28px;\r\n  display:flex;flex-direction:column;justify-content:center;\r\n  background:#f4f9ff;\r\n}\r\n.vt-ind-category{\r\n  font-size:10px;font-weight:700;text-transform:uppercase;\r\n  letter-spacing:.1em;color:#1a7de8;margin-bottom:6px;\r\n}\r\n.vt-ind-name{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:clamp(15px,1.8vw,18px);font-weight:800;\r\n  color:#0b1929;line-height:1.25;margin-bottom:8px;\r\n}\r\n.vt-ind-desc{\r\n  font-size:13px;color:#3a4e65;\r\n  line-height:1.68;margin-bottom:14px;\r\n}\r\n.vt-ind-features{\r\n  display:flex;flex-direction:column;gap:6px;\r\n  margin-bottom:16px;\r\n}\r\n.vt-ind-feat{\r\n  display:flex;align-items:center;gap:8px;\r\n  font-size:12.5px;color:#0b1929;font-weight:500;\r\n}\r\n.vt-ind-feat-check{\r\n  width:16px;height:16px;border-radius:50%;flex-shrink:0;\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.vt-ind-feat-check svg{\r\n  width:8px;height:8px;stroke:white;fill:none;\r\n  stroke-width:3;stroke-linecap:round;\r\n}\r\n.vt-ind-plan-badge{\r\n  display:inline-flex;align-items:center;gap:7px;\r\n  background:#f4f9ff;border:1px solid rgba(26,125,232,.12);\r\n  border-radius:50px;padding:6px 12px;\r\n  font-size:11px;font-weight:600;color:#3a4e65;\r\n  margin-bottom:14px;\r\n}\r\n.vt-ind-plan-badge strong{color:#1a7de8;font-weight:700}\r\n.vt-ind-cta{\r\n  display:inline-flex;align-items:center;gap:7px;\r\n  background:linear-gradient(135deg,#1a7de8,#1fa8c7);\r\n  color:white;padding:10px 18px;border-radius:50px;\r\n  font-size:13px;font-weight:700;text-decoration:none;\r\n  box-shadow:0 3px 14px rgba(26,125,232,.25);\r\n  transition:all .25s;border:none;cursor:pointer;\r\n  width:fit-content;\r\n}\r\n.vt-ind-cta:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(26,125,232,.38)}\r\n.vt-ind-cta svg{width:12px;height:12px;stroke:white;fill:none;stroke-width:2.5;stroke-linecap:round;transition:transform .25s}\r\n.vt-ind-cta:hover svg{transform:translateX(3px)}\r\n\r\n\/* Prompt *\/\r\n.vt-ind-prompt{\r\n  display:flex;flex-direction:column;align-items:center;\r\n  justify-content:center;min-height:220px;text-align:center;padding:32px;\r\n  background:#f4f9ff;border-radius:20px;\r\n  border:1.5px solid rgba(26,125,232,.08);\r\n}\r\n.vt-ind-prompt-icon{\r\n  font-size:1.8rem;margin-bottom:10px;\r\n  animation:vt-ind-bounce 2.5s ease-in-out infinite;\r\n}\r\n@keyframes vt-ind-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n.vt-ind-prompt p{\r\n  font-size:13px;color:#7a93a8;\r\n  font-weight:500;line-height:1.6;\r\n}\r\n\r\n\/* Mockup internals *\/\r\n.vt-mock-nav{\r\n  height:26px;background:#f8fafc;border-bottom:1px solid #edf0f5;\r\n  display:flex;align-items:center;padding:0 10px;gap:5px;\r\n}\r\n.vt-mock-nav-logo{height:11px;border-radius:3px}\r\n.vt-mock-nav-links{display:flex;gap:5px;margin-left:auto}\r\n.vt-mock-nav-link{height:7px;border-radius:3px;background:#e2e8f0}\r\n.vt-mock-hero{padding:10px;display:flex;align-items:center;gap:8px}\r\n.vt-mock-hero-text{flex:1}\r\n.vt-mock-h{height:8px;border-radius:4px;margin-bottom:5px}\r\n.vt-mock-p{height:5px;border-radius:3px;background:#edf0f5;margin-bottom:3px}\r\n.vt-mock-btn{height:14px;border-radius:7px;margin-top:6px;width:46px}\r\n.vt-mock-hero-img{\r\n  width:52px;height:52px;border-radius:8px;flex-shrink:0;\r\n  display:flex;align-items:center;justify-content:center;font-size:1.3rem;\r\n}\r\n.vt-mock-cards{padding:5px 10px;display:flex;gap:5px}\r\n.vt-mock-card{flex:1;height:30px;border-radius:6px;background:#f0f4f8}\r\n\r\n@media(max-width:820px){\r\n  .vt-ind-preview-inner{grid-template-columns:1fr}\r\n  .vt-ind-mockup{display:none}\r\n}\r\n@media(max-width:600px){\r\n  .vt-ind-title{font-size:18px}\r\n  .vt-ind-pills{gap:7px}\r\n  .vt-ind-pill{font-size:12px;padding:7px 12px}\r\n  .vt-ind-details{padding:20px}\r\n  .vt-ind-prompt{min-height:160px;padding:24px}\r\n}\r\n@media(max-width:380px){\r\n  .vt-ind-pill{font-size:11px;padding:6px 10px;gap:5px}\r\n}\r\n<\/style>\r\n\r\n<div class=\"vt-industry\">\r\n<div class=\"vt-ind-header\">\r\n  <div class=\"vt-tag vt-reveal\">Built for your industry<\/div>\r\n  <h2 class=\"vt-sh vt-reveal\" style=\"overflow:visible;margin-bottom:12px\">What kind of business <em>do you run?<\/em><\/h2>\r\n  <p class=\"vt-sp vt-reveal\" style=\"margin-bottom:0\">Select your industry to see exactly what we would build for you<\/p>\r\n<\/div>\r\n\r\n  <div class=\"vt-ind-pills\">\r\n    <div class=\"vt-ind-pill\" data-ind=\"restaurant\"><span class=\"vt-ind-pill-icon\">\ud83c\udf7d\ufe0f<\/span> Restaurant<\/div>\r\n    <div class=\"vt-ind-pill\" data-ind=\"trades\"><span class=\"vt-ind-pill-icon\">\ud83d\udd27<\/span> Trades and Contractors<\/div>\r\n    <div class=\"vt-ind-pill\" data-ind=\"professional\"><span class=\"vt-ind-pill-icon\">\ud83d\udcbc<\/span> Professional Services<\/div>\r\n    <div class=\"vt-ind-pill\" data-ind=\"health\"><span class=\"vt-ind-pill-icon\">\ud83c\udfe5<\/span> Health and Wellness<\/div>\r\n    <div class=\"vt-ind-pill\" data-ind=\"portfolio\"><span class=\"vt-ind-pill-icon\">\ud83c\udfa8<\/span> Portfolio and Creative<\/div>\r\n    <div class=\"vt-ind-pill\" data-ind=\"nonprofit\"><span class=\"vt-ind-pill-icon\">\ud83e\udd32<\/span> Non-Profit<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"vt-ind-preview\" id=\"vt-ind-preview\">\r\n    <div class=\"vt-ind-prompt\" id=\"vt-ind-prompt\">\r\n      <div class=\"vt-ind-prompt-icon\">\ud83d\udc46<\/div>\r\n      <p>Select your industry above<br>to see what we would build for you<\/p>\r\n    <\/div>\r\n    <div class=\"vt-ind-preview-inner\" id=\"vt-ind-content\" style=\"display:none\">\r\n      <div class=\"vt-ind-mockup\">\r\n        <div class=\"vt-ind-browser\">\r\n          <div class=\"vt-ind-browser-bar\">\r\n            <div class=\"vt-ind-browser-dot\" style=\"background:#ff5f57\"><\/div>\r\n            <div class=\"vt-ind-browser-dot\" style=\"background:#febc2e\"><\/div>\r\n            <div class=\"vt-ind-browser-dot\" style=\"background:#28c840\"><\/div>\r\n            <div class=\"vt-ind-browser-url\" id=\"vt-mock-url\">yoursite.ca<\/div>\r\n          <\/div>\r\n          <div class=\"vt-ind-browser-body\" id=\"vt-mock-body\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"vt-ind-details\">\r\n        <div class=\"vt-ind-category\" id=\"vt-ind-category\"><\/div>\r\n        <div class=\"vt-ind-name\" id=\"vt-ind-name\"><\/div>\r\n        <div class=\"vt-ind-desc\" id=\"vt-ind-desc\"><\/div>\r\n        <div class=\"vt-ind-features\" id=\"vt-ind-features\"><\/div>\r\n        <div class=\"vt-ind-plan-badge\" id=\"vt-ind-plan-badge\"><\/div>\r\n        <a href=\"#pricing\" class=\"vt-ind-cta\">\r\n          See Plans and Pricing\r\n          <svg viewBox=\"0 0 16 16\"><polyline points=\"3,8 13,8\"\/><polyline points=\"9,4 13,8 9,12\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst VT_INDUSTRIES = {\r\n  restaurant:{\r\n    category:'Restaurant and Hospitality',\r\n    name:'A website that fills tables and takes bookings',\r\n    desc:'We build restaurant sites that look as good as your food. Online reservations, menus that are easy to update, and a design that makes people hungry before they even walk in.',\r\n    url:'granitegrillto.ca',\r\n    features:['Online reservation and booking system','Mobile-friendly menu pages','Photo gallery and chef story','Google Maps and hours integration','Click-to-call buttons'],\r\n    plan:'Business plan recommended',\r\n    accent:'#e87c1a',chk:'linear-gradient(135deg,#e87c1a,#f0a030)',\r\n    mockBg:'linear-gradient(160deg,#fff8f0,#fff3e6)',mockAccent:'#e87c1a',mockIcon:'\ud83c\udf7d\ufe0f'\r\n  },\r\n  trades:{\r\n    category:'Trades and Contractors',\r\n    name:'A site that generates leads while you work',\r\n    desc:'Your customers search online before they call. We build sites that rank on Google, show your past work clearly, and make it dead simple for customers to request a quote.',\r\n    url:'eliteelectricpro.ca',\r\n    features:['Quote request forms with auto-response','Before and after project gallery','Service area map','Google Reviews integration','Click-to-call on mobile'],\r\n    plan:'Starter or Business plan recommended',\r\n    accent:'#f0a030',chk:'linear-gradient(135deg,#f0a030,#e87c1a)',\r\n    mockBg:'linear-gradient(160deg,#fffbf0,#fff8e6)',mockAccent:'#f0a030',mockIcon:'\ud83d\udd27'\r\n  },\r\n  professional:{\r\n    category:'Professional Services',\r\n    name:'Build trust before the first meeting',\r\n    desc:'Whether you are a lawyer, accountant, or consultant, your website needs to establish credibility fast. We build clean, authoritative sites that make prospects confident before they pick up the phone.',\r\n    url:'merriweatherlaw.ca',\r\n    features:['Professional bio and team pages','Service pages optimised for SEO','Case studies and testimonials','Consultation booking integration','LinkedIn and accreditation badges'],\r\n    plan:'Business plan recommended',\r\n    accent:'#1a7de8',chk:'linear-gradient(135deg,#1a7de8,#36C1E0)',\r\n    mockBg:'linear-gradient(160deg,#f0f7ff,#eafaff)',mockAccent:'#1a7de8',mockIcon:'\ud83d\udcbc'\r\n  },\r\n  health:{\r\n    category:'Health and Wellness',\r\n    name:'A calming, trustworthy online presence',\r\n    desc:'Health and wellness clients choose who they trust carefully. We build warm, professional sites that reflect your care, make booking easy, and reassure clients before their first visit.',\r\n    url:'innerbalancewellness.ca',\r\n    features:['Online appointment booking','Service and treatment pages','Practitioner profiles and credentials','Contact forms','Client testimonials and FAQs'],\r\n    plan:'Business plan recommended',\r\n    accent:'#36C1E0',chk:'linear-gradient(135deg,#36C1E0,#4DB8A4)',\r\n    mockBg:'linear-gradient(160deg,#eafaff,#f0fbf8)',mockAccent:'#36C1E0',mockIcon:'\ud83c\udfe5'\r\n  },\r\n  portfolio:{\r\n    category:'Portfolio and Creative',\r\n    name:'Work that speaks before you do',\r\n    desc:'Your portfolio is your pitch. We build visually striking sites that let your work do the talking \u2014 with smooth galleries, project case studies, and a contact flow that gets you hired.',\r\n    url:'studiomkdesign.ca',\r\n    features:['Full-screen project galleries','Case study pages with results','Custom animations and transitions','Client inquiry forms','Social and Behance integration'],\r\n    plan:'Starter or Business plan recommended',\r\n    accent:'#a855f7',chk:'linear-gradient(135deg,#a855f7,#7c3aed)',\r\n    mockBg:'linear-gradient(160deg,#faf5ff,#eafaff)',mockAccent:'#a855f7',mockIcon:'\ud83c\udfa8'\r\n  },\r\n  nonprofit:{\r\n    category:'Non-Profit and Community',\r\n    name:'A website that drives donations and awareness',\r\n    desc:'We help non-profits tell their story, connect with donors, and mobilise volunteers. Clear mission, emotional impact, and easy giving \u2014 all built in.',\r\n    url:'brightfutures.ca',\r\n    features:['Donation page and payment integration','Impact statistics and stories','Volunteer sign-up forms','Event calendar and registration','Grant and partner acknowledgement'],\r\n    plan:'Starter or Business plan recommended',\r\n    accent:'#e84393',chk:'linear-gradient(135deg,#e84393,#c0267a)',\r\n    mockBg:'linear-gradient(160deg,#fff0f8,#f0fbf8)',mockAccent:'#e84393',mockIcon:'\ud83e\udd32'\r\n  }\r\n};\r\n\r\nlet currentInd = null;\r\n\r\nfunction vtSelectIndustry(key){\r\n  if(currentInd === key) return;\r\n  currentInd = key;\r\n  const d = VT_INDUSTRIES[key];\r\n\r\n  document.querySelectorAll('.vt-ind-pill').forEach(p => {\r\n    p.classList.toggle('active', p.dataset.ind === key);\r\n  });\r\n\r\n  document.getElementById('vt-ind-prompt').style.display = 'none';\r\n  const content = document.getElementById('vt-ind-content');\r\n  content.style.display = 'grid';\r\n  content.classList.remove('visible');\r\n  void content.offsetWidth;\r\n  setTimeout(() => content.classList.add('visible'), 20);\r\n\r\n  document.getElementById('vt-mock-url').textContent = d.url;\r\n  const body = document.getElementById('vt-mock-body');\r\n  body.style.background = d.mockBg;\r\n  body.innerHTML = `\r\n    <div class=\"vt-mock-nav\">\r\n      <div class=\"vt-mock-nav-logo\" style=\"width:44px;background:${d.mockAccent}25;border-radius:3px\"><\/div>\r\n      <div class=\"vt-mock-nav-links\">\r\n        <div class=\"vt-mock-nav-link\" style=\"width:24px\"><\/div>\r\n        <div class=\"vt-mock-nav-link\" style=\"width:30px\"><\/div>\r\n        <div class=\"vt-mock-nav-link\" style=\"width:20px\"><\/div>\r\n        <div style=\"width:34px;height:14px;border-radius:7px;background:${d.mockAccent};margin-top:-3px\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"vt-mock-hero\">\r\n      <div class=\"vt-mock-hero-text\">\r\n        <div class=\"vt-mock-h\" style=\"width:85%;background:${d.mockAccent}30\"><\/div>\r\n        <div class=\"vt-mock-h\" style=\"width:65%;background:${d.mockAccent}18\"><\/div>\r\n        <div class=\"vt-mock-p\" style=\"width:90%\"><\/div>\r\n        <div class=\"vt-mock-p\" style=\"width:72%\"><\/div>\r\n        <div class=\"vt-mock-btn\" style=\"background:${d.mockAccent}\"><\/div>\r\n      <\/div>\r\n      <div class=\"vt-mock-hero-img\" style=\"background:${d.mockAccent}14\">${d.mockIcon}<\/div>\r\n    <\/div>\r\n    <div class=\"vt-mock-cards\">\r\n      <div class=\"vt-mock-card\" style=\"background:${d.mockAccent}10\"><\/div>\r\n      <div class=\"vt-mock-card\"><\/div>\r\n      <div class=\"vt-mock-card\" style=\"background:${d.mockAccent}08\"><\/div>\r\n    <\/div>\r\n  `;\r\n\r\n  document.getElementById('vt-ind-category').textContent = d.category;\r\n  document.getElementById('vt-ind-name').textContent = d.name;\r\n  document.getElementById('vt-ind-desc').textContent = d.desc;\r\n  document.getElementById('vt-ind-features').innerHTML = d.features.map(f => `\r\n    <div class=\"vt-ind-feat\">\r\n      <div class=\"vt-ind-feat-check\" style=\"background:${d.chk}\">\r\n        <svg viewBox=\"0 0 9 9\"><polyline points=\"1.5,4.5 3.5,7 7.5,2\"\/><\/svg>\r\n      <\/div>\r\n      ${f}\r\n    <\/div>\r\n  `).join('');\r\n  document.getElementById('vt-ind-plan-badge').innerHTML =\r\n    `<span>${d.mockIcon}<\/span> <strong>${d.plan}<\/strong>`;\r\n}\r\n\r\ndocument.querySelectorAll('.vt-ind-pill').forEach(pill => {\r\n  pill.addEventListener('click', function(){\r\n    vtSelectIndustry(this.dataset.ind);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2431f58 e-con-full e-flex e-con e-parent\" data-id=\"2431f58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c69a02b elementor-widget elementor-widget-html\" data-id=\"c69a02b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-hiw{background:#f4f9ff;padding:64px 6%}\r\n.vt-hiw-grid{\r\n  display:grid;grid-template-columns:repeat(3,1fr);\r\n  gap:2.5rem;width:100%;position:relative;\r\n}\r\n.vt-hiw-grid::after{\r\n  content:'';position:absolute;top:42px;\r\n  left:calc(16.66% + 24px);right:calc(16.66% + 24px);\r\n  height:2px;\r\n  background:linear-gradient(90deg,#1a7de8,#36C1E0);\r\n  opacity:.18;z-index:0;\r\n}\r\n.vt-hcard{\r\n  background:white;border:1.5px solid rgba(11,25,41,.07);\r\n  border-radius:24px;padding:2.5rem 2rem;text-align:center;\r\n  position:relative;z-index:1;\r\n  transition:all .35s cubic-bezier(.25,.8,.25,1);\r\n}\r\n.vt-hcard:hover{transform:translateY(-10px);box-shadow:0 22px 54px rgba(11,25,41,.1);border-color:rgba(26,125,232,.2)}\r\n.vt-hnum{\r\n  width:62px;height:62px;border-radius:50%;\r\n  margin:0 auto 1.5rem;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-family:'Syne',sans-serif !important;font-size:1.3rem;font-weight:800;color:#fff;\r\n  transition:transform .35s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.vt-hcard:hover .vt-hnum{transform:scale(1.12)}\r\n.vt-hn1{background:linear-gradient(135deg,#1a7de8,#4a9ef8);box-shadow:0 6px 22px rgba(26,125,232,.3)}\r\n.vt-hn2{background:linear-gradient(135deg,#36C1E0,#1fa8c7);box-shadow:0 6px 22px rgba(54,193,224,.3)}\r\n.vt-hn3{background:linear-gradient(135deg,#4DB8A4,#3aaa94);box-shadow:0 6px 22px rgba(77,184,164,.3)}\r\n.vt-hcard h3{font-size:1.08rem;font-weight:700;color:#0b1929;margin-bottom:.65rem}\r\n.vt-hcard p{font-size:.93rem;color:#7a93a8;line-height:1.72}\r\n@media(max-width:700px){.vt-hiw-grid{grid-template-columns:1fr}.vt-hiw-grid::after{display:none}}\r\n<\/style>\r\n\r\n<section class=\"vt-hiw\">\r\n  <div class=\"vt-sec-center\">\r\n    <div class=\"vt-tag vt-reveal\">Getting Started<\/div>\r\n    <h2 class=\"vt-sh vt-reveal\">Three Simple Steps<\/h2>\r\n    <p class=\"vt-sp vt-reveal\">\r\n      Getting online with VettaTech is fast and straightforward.\r\n      We handle all the hard parts so you can focus on your business.\r\n    <\/p>\r\n  <\/div>\r\n  <div class=\"vt-hiw-grid\">\r\n    <div class=\"vt-hcard vt-reveal\">\r\n      <div class=\"vt-hnum vt-hn1\">1<\/div>\r\n      <h3>Choose Your Hosting<\/h3>\r\n      <p>Select the plan that fits your needs and budget. Every plan comes with everything you need to launch with confidence.<\/p>\r\n    <\/div>\r\n    <div class=\"vt-hcard vt-reveal\">\r\n      <div class=\"vt-hnum vt-hn2\">2<\/div>\r\n      <h3>Launch Your Website<\/h3>\r\n      <p>We design and set up your site with care and speed. You'll be live and looking great in just a matter of days.<\/p>\r\n    <\/div>\r\n    <div class=\"vt-hcard vt-reveal\">\r\n      <div class=\"vt-hnum vt-hn3\">3<\/div>\r\n      <h3>Grow Your Business<\/h3>\r\n      <p>Watch your online presence thrive with our ongoing support, automated backups, and performance monitoring.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-deea503 e-con-full e-flex e-con e-parent\" data-id=\"deea503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f8c1fe elementor-widget elementor-widget-html\" data-id=\"3f8c1fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.vt-testi{\r\n  background:#f4f9ff;\r\n  padding:80px 6%;\r\n  overflow:visible;\r\n}\r\n.vt-tgrid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:24px;\r\n  max-width:960px;\r\n  margin:0 auto;\r\n  width:100%;\r\n  overflow:visible;\r\n}\r\n.vt-tcard{\r\n  background:#fff;\r\n  border-radius:28px;\r\n  border:2px solid rgba(11,25,41,.07);\r\n  padding:40px 36px;\r\n  box-shadow:0 2px 18px rgba(11,25,41,.06);\r\n  transition:all .35s cubic-bezier(.25,.8,.25,1);\r\n  position:relative;\r\n  overflow:visible;\r\n}\r\n.vt-tcard::before{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;left:0;\r\n  width:5px;height:100%;\r\n  background:linear-gradient(180deg,#1a7de8,#36C1E0);\r\n  border-radius:3px 0 0 3px;\r\n  opacity:0;transition:opacity .3s;\r\n}\r\n.vt-tcard:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 24px 56px rgba(11,25,41,.1);\r\n}\r\n.vt-tcard:hover::before{opacity:1}\r\n.vt-stars{display:flex;gap:5px;margin-bottom:16px}\r\n.vt-star{\r\n  width:18px;height:18px;\r\n  background:linear-gradient(135deg,#ffd700,#ffb300);\r\n  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);\r\n}\r\n.vt-qmark{\r\n  font-family:'Syne',sans-serif !important;\r\n  font-size:72px;\r\n  line-height:.7;\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  background-clip:text;\r\n  margin-bottom:16px;\r\n  opacity:.4;\r\n  display:block;\r\n}\r\n.vt-ttext{\r\n  font-size:18px;\r\n  color:#3a4e65;\r\n  line-height:1.8;\r\n  font-style:italic;\r\n  margin-bottom:28px;\r\n}\r\n.vt-tauth{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  padding-top:20px;\r\n  border-top:1px solid rgba(11,25,41,.06);\r\n}\r\n.vt-tav{\r\n  width:50px;height:50px;border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:16px;font-weight:800;color:#fff;flex-shrink:0;\r\n}\r\n.vt-av1{background:linear-gradient(135deg,#1a7de8,#36C1E0)}\r\n.vt-av2{background:linear-gradient(135deg,#36C1E0,#4DB8A4)}\r\n.vt-tname{font-size:18px;font-weight:700;color:#0b1929}\r\n.vt-trole{font-size:15px;color:#7a93a8;margin-top:3px}\r\n\r\n@media(max-width:700px){\r\n  .vt-tgrid{grid-template-columns:1fr}\r\n}\r\n<\/style>\r\n\r\n<section id=\"testi\" class=\"vt-testi\">\r\n  <div class=\"vt-sec-center\">\r\n    <div class=\"vt-tag vt-reveal\">Client Testimonials<\/div>\r\n    <h2 class=\"vt-sh vt-reveal\" style=\"overflow:visible\">What Our Clients Say<\/h2>\r\n    <p class=\"vt-sp vt-reveal\">Real businesses. Real results. Here is what our customers think about working with VettaTech.<\/p>\r\n  <\/div>\r\n  <div class=\"vt-tgrid\">\r\n    <div class=\"vt-tcard vt-reveal\">\r\n      <div class=\"vt-stars\">\r\n        <div class=\"vt-star\"><\/div><div class=\"vt-star\"><\/div><div class=\"vt-star\"><\/div>\r\n        <div class=\"vt-star\"><\/div><div class=\"vt-star\"><\/div>\r\n      <\/div>\r\n      <span class=\"vt-qmark\">\"<\/span>\r\n      <p class=\"vt-ttext\">VettaTech transformed our website and their hosting is super fast. Highly recommend. Everything was set up quickly and the ongoing support has been absolutely fantastic.<\/p>\r\n      <div class=\"vt-tauth\">\r\n        <div class=\"vt-tav vt-av1\">SM<\/div>\r\n        <div>\r\n          <div class=\"vt-tname\">Sarah M.<\/div>\r\n          <div class=\"vt-trole\">Small Business Owner<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"vt-tcard vt-reveal\">\r\n      <div class=\"vt-stars\">\r\n        <div class=\"vt-star\"><\/div><div class=\"vt-star\"><\/div><div class=\"vt-star\"><\/div>\r\n        <div class=\"vt-star\"><\/div><div class=\"vt-star\"><\/div>\r\n      <\/div>\r\n      <span class=\"vt-qmark\">\"<\/span>\r\n      <p class=\"vt-ttext\">Fantastic support and rock-solid hosting. Best decision we ever made. Our site loads instantly and the VettaTech team was there to help us every step of the way.<\/p>\r\n      <div class=\"vt-tauth\">\r\n        <div class=\"vt-tav vt-av2\">JT<\/div>\r\n        <div>\r\n          <div class=\"vt-tname\">James T.<\/div>\r\n          <div class=\"vt-trole\">Entrepreneur<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58b6394 e-con-full e-flex e-con e-parent\" data-id=\"58b6394\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b45de0 elementor-widget elementor-widget-shortcode\" data-id=\"3b45de0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n.vt-contact{\r\n  background:#f4f9ff;\r\n  padding:80px 6%;\r\n}\r\n.vt-contact-inner{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1fr 1.2fr;\r\n  gap:64px;\r\n  align-items:start;\r\n}\r\n.vt-contact-left{padding-top:8px}\r\n.vt-contact-left h2{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:clamp(26px,3vw,38px);\r\n  font-weight:800;color:#0b1929;\r\n  line-height:1.18;margin-bottom:16px;\r\n}\r\n.vt-contact-left h2 span{\r\n  background:linear-gradient(135deg,#1a7de8,#36C1E0);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  background-clip:text;display:inline-block;padding-bottom:3px;\r\n}\r\n.vt-contact-left p{font-size:16px;color:#3a4e65;line-height:1.78;margin-bottom:32px}\r\n.vt-contact-details{display:flex;flex-direction:column;gap:16px}\r\n.vt-contact-detail{display:flex;align-items:center;gap:14px}\r\n.vt-contact-detail-icon{\r\n  width:42px;height:42px;border-radius:12px;flex-shrink:0;\r\n  background:linear-gradient(135deg,rgba(26,125,232,.1),rgba(54,193,224,.07));\r\n  border:1.5px solid rgba(26,125,232,.12);\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.vt-contact-detail-icon svg{\r\n  width:18px;height:18px;stroke:#1a7de8;fill:none;\r\n  stroke-width:1.8;stroke-linecap:round;\r\n}\r\n.vt-contact-detail-text{font-size:14px;color:#3a4e65;line-height:1.5}\r\n.vt-contact-detail-text strong{\r\n  display:block;font-size:13px;font-weight:700;\r\n  color:#0b1929;margin-bottom:2px;\r\n  text-transform:uppercase;letter-spacing:.06em;\r\n}\r\n.vt-contact-right{\r\n  background:white;border-radius:24px;\r\n  border:1.5px solid rgba(26,125,232,.1);\r\n  padding:36px;\r\n  box-shadow:0 8px 32px rgba(11,25,41,.07);\r\n}\r\n.vt-contact-right .wpforms-container{padding:0 !important;margin:0 !important}\r\n.vt-contact-right .wpforms-field-label{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:12px !important;font-weight:700 !important;\r\n  color:#0b1929 !important;text-transform:uppercase !important;\r\n  letter-spacing:.06em !important;margin-bottom:6px !important;\r\n}\r\n.vt-contact-right .wpforms-field input,\r\n.vt-contact-right .wpforms-field select,\r\n.vt-contact-right .wpforms-field textarea{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:14px !important;color:#0b1929 !important;\r\n  background:#f8fbff !important;\r\n  border:1.5px solid rgba(11,25,41,.1) !important;\r\n  border-radius:10px !important;padding:11px 14px !important;\r\n  box-shadow:none !important;\r\n  transition:border-color .2s,box-shadow .2s !important;\r\n  width:100% !important;box-sizing:border-box !important;\r\n}\r\n.vt-contact-right .wpforms-field input:focus,\r\n.vt-contact-right .wpforms-field select:focus,\r\n.vt-contact-right .wpforms-field textarea:focus{\r\n  border-color:#1a7de8 !important;background:white !important;\r\n  box-shadow:0 0 0 3px rgba(26,125,232,.1) !important;outline:none !important;\r\n}\r\n.vt-contact-right .wpforms-field textarea{min-height:100px !important;resize:vertical !important}\r\n.vt-contact-right .wpforms-field{margin-bottom:14px !important}\r\n.vt-contact-right .wpforms-submit-container{padding:0 !important;margin-top:6px !important}\r\n.vt-contact-right .wpforms-submit{\r\n  width:100% !important;padding:14px !important;\r\n  background:linear-gradient(135deg,#1a7de8,#1fa8c7) !important;\r\n  color:white !important;border:none !important;cursor:pointer !important;\r\n  border-radius:50px !important;font-family:'Poppins',sans-serif !important;\r\n  font-size:15px !important;font-weight:700 !important;\r\n  box-shadow:0 4px 18px rgba(26,125,232,.3) !important;\r\n  transition:all .25s !important;\r\n}\r\n.vt-contact-right .wpforms-submit:hover{\r\n  transform:translateY(-2px) !important;\r\n  box-shadow:0 8px 26px rgba(26,125,232,.44) !important;\r\n}\r\n.vt-contact-right .wpforms-confirmation-container-full{\r\n  background:#f0fbf8 !important;\r\n  border:1.5px solid rgba(77,184,164,.25) !important;\r\n  border-radius:14px !important;padding:24px !important;\r\n  color:#2a9a78 !important;font-family:'Poppins',sans-serif !important;\r\n  font-size:14px !important;font-weight:600 !important;text-align:center !important;\r\n}\r\n.vt-contact-right .wpforms-error-container,\r\n.vt-contact-right label.wpforms-error{\r\n  font-family:'Poppins',sans-serif !important;\r\n  font-size:12px !important;color:#e24b4a !important;\r\n  font-weight:600 !important;margin-top:4px !important;\r\n}\r\n.vt-contact-right .wpforms-powered-by{display:none !important}\r\n@media(max-width:820px){\r\n  .vt-contact-inner{grid-template-columns:1fr}\r\n  .vt-contact-left{padding-top:0}\r\n}\r\n@media(max-width:480px){\r\n  .vt-contact-right{padding:24px 20px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"vt-contact\" id=\"contact\">\r\n  <div class=\"vt-contact-inner\">\r\n    <div class=\"vt-contact-left\">\r\n      <div class=\"vt-tag vt-reveal\" style=\"margin-bottom:18px\">Get in Touch<\/div>\r\n      <h2 class=\"vt-reveal\">Let's build something <span>great together<\/span><\/h2>\r\n      <p class=\"vt-reveal\">Have a question about hosting, a website project in mind, or just want to talk through your options? We are here to help \u2014 no pressure, no jargon.<\/p>\r\n      <div class=\"vt-contact-details\">\r\n        <div class=\"vt-contact-detail\">\r\n          <div class=\"vt-contact-detail-icon\">\r\n            <svg viewBox=\"0 0 20 20\"><path d=\"M4 4h12c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"2,6 10,12 18,6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vt-contact-detail-text\">\r\n            <strong>Email Us<\/strong>\r\n            info@vettatech.ca\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"vt-contact-detail\">\r\n          <div class=\"vt-contact-detail-icon\">\r\n            <svg viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\"\/><polyline points=\"10,6 10,10 12,12\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vt-contact-detail-text\">\r\n            <strong>Response Time<\/strong>\r\n            Within one business day\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"vt-contact-detail\">\r\n          <div class=\"vt-contact-detail-icon\">\r\n            <svg viewBox=\"0 0 20 20\"><path d=\"M10 2C6.13 2 3 5.13 3 9c0 5.25 7 11 7 11s7-5.75 7-11c0-3.87-3.13-7-7-7z\"\/><circle cx=\"10\" cy=\"9\" r=\"2.5\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"vt-contact-detail-text\">\r\n            <strong>Based In<\/strong>\r\n            Canada \ud83c\udde8\ud83c\udde6\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"vt-contact-right\">\r\n      <style id=\"wpforms-css-vars-104\">\n\t\t\t\t#wpforms-104 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-104\"><form id=\"wpforms-form-104\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"104\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/10\" data-token=\"7d9af0bf9a7805a932cbdf1899fb1f9e\" data-token-time=\"1776296514\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-104-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-104-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-104-field_1-error\" required><label for=\"wpforms-104-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-104-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-104-field_1-last-error\" required><label for=\"wpforms-104-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-104-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-104-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-104-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-104-field_2-error\" required><\/div><div id=\"wpforms-104-field_4-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-104-field_4\">Phone Number<\/label><input type=\"number\" id=\"wpforms-104-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" step=\"any\" aria-errormessage=\"wpforms-104-field_4-error\" ><\/div>\t\t<div id=\"wpforms-104-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-104-field_5\" >we Number How<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-104-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-104-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-104-field_3\">How can we help you? <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-104-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-104-field_3-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-104-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-104-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-104-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"104\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/pages\/10\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-104\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/vettatech.ca\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->    <\/div>\r\n  <\/div>\r\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Web Hosting &amp; Design Built to Impress Premium Web Hosting &amp; Professional Websites Fast, secure hosting and modern websites designed to help your business grow. Everything you need in one place, built to last. View Hosting Plans Start a Project \ud83c\udf10 Search .com &nbsp;\u00b7&nbsp; .ca &nbsp;\u00b7&nbsp; .net &nbsp;\u00b7&nbsp; .io &nbsp;\u00b7&nbsp; .co 99.9% Uptime Expert [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":119,"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/vettatech.ca\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}