{"id":18,"date":"2026-09-17T04:42:14","date_gmt":"2026-09-17T04:42:14","guid":{"rendered":"https:\/\/yasirbhatti.com\/?page_id=18"},"modified":"2026-09-17T05:33:36","modified_gmt":"2026-09-17T05:33:36","slug":"home","status":"publish","type":"page","link":"https:\/\/yasirbhatti.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01539a6 e-flex e-con-boxed e-con e-parent\" data-id=\"01539a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-311a95b elementor-widget elementor-widget-html\" data-id=\"311a95b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this complete snippet into a WordPress Custom HTML block below the header. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-hero, .yb-hero * { box-sizing: border-box; }\r\n.yb-hero {\r\n  --yb-blue: #1050c9;\r\n  --yb-dark: #171b24;\r\n  --yb-muted: #566273;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: radial-gradient(circle at 83% 24%, #eaf3ff 0, transparent 36%), linear-gradient(130deg, #fff 0%, #fafcff 57%, #f6faff 100%);\r\n  font-family: 'Outfit', sans-serif;\r\n  color: var(--yb-dark);\r\n  isolation: isolate;\r\n}\r\n.yb-hero::after {\r\n  content: ''; position: absolute; z-index: -1;\r\n  width: min(66vw, 980px); aspect-ratio: 1; border-radius: 50%;\r\n  right: -14%; bottom: -80%; background: #e9f2ff;\r\n}\r\n.yb-hero a { text-decoration: none; }\r\n.yb-hero__inner {\r\n  width: 100%; min-height: 625px; margin: 0;\r\n  padding: 72px clamp(24px, 7vw, 140px) 38px;\r\n  display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);\r\n  align-items: center; gap: clamp(26px, 4vw, 90px);\r\n}\r\n.yb-hero__copy { max-width: 605px; position: relative; z-index: 2; }\r\n.yb-hero__eyebrow {\r\n  display: inline-flex; align-items: center; gap: 9px;\r\n  border: 1px solid #d7e5ff; background: #fff; color: var(--yb-blue);\r\n  border-radius: 100px; padding: 9px 15px; font-size: 11px;\r\n  font-weight: 700; letter-spacing: .12em;\r\n}\r\n.yb-hero__eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--yb-blue); box-shadow: 0 0 0 4px #e5efff; }\r\n.yb-hero h1 {\r\n  margin: 23px 0 19px; max-width: 640px;\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(46px, 4.35vw, 76px);\r\n  line-height: 1.085; letter-spacing: -.055em; font-weight: 700; color: var(--yb-dark);\r\n}\r\n.yb-hero h1 span { color: var(--yb-blue); }\r\n.yb-hero__description {\r\n  max-width: 520px; margin: 0; font-size: clamp(16px, 1.14vw, 19px);\r\n  line-height: 1.72; font-weight: 400; color: var(--yb-muted);\r\n}\r\n.yb-hero__buttons { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; margin-top: 34px; }\r\n.yb-hero__primary {\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 14px;\r\n  min-height: 53px; padding: 0 25px; border-radius: 100px;\r\n  background: var(--yb-blue); color: #fff !important; font-size: 12px;\r\n  font-weight: 700; letter-spacing: .04em;\r\n  box-shadow: 0 13px 25px rgba(16, 80, 201, .19);\r\n  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;\r\n}\r\n.yb-hero__primary:hover { transform: translateY(-3px); background: #073b9e; box-shadow: 0 17px 28px rgba(16, 80, 201, .24); }\r\n.yb-hero__primary svg { width: 14px; height: 14px; fill: currentColor; }\r\n.yb-hero__secondary {\r\n  display: inline-flex; align-items: center; min-height: 53px;\r\n  color: var(--yb-dark) !important; border-bottom: 1px solid #a8b9d4;\r\n  font-size: 12px; font-weight: 700; letter-spacing: .04em;\r\n  transition: color .2s, border-color .2s;\r\n}\r\n.yb-hero__secondary:hover { color: var(--yb-blue) !important; border-color: var(--yb-blue); }\r\n.yb-hero__art { position: relative; width: 100%; max-width: 790px; justify-self: end; }\r\n.yb-hero__art svg { display: block; width: 100%; height: auto; overflow: visible; }\r\n.yb-hero__services {\r\n  display: grid; grid-template-columns: 1.15fr repeat(4, 1fr);\r\n  align-items: center; gap: 24px;\r\n  width: calc(100% - 2 * clamp(24px, 7vw, 140px));\r\n  margin: 0 auto; padding: 25px 0 30px;\r\n  border-top: 1px solid #e5edfa;\r\n}\r\n.yb-hero__services-label { color: #617186; font-size: 11px; font-weight: 700; letter-spacing: .16em; }\r\n.yb-hero__service { color: #354158; font-size: clamp(12px, 1vw, 16px); font-weight: 600; white-space: nowrap; }\r\n.yb-hero__service::before { content: '\u2726'; color: var(--yb-blue); margin-right: 9px; font-size: 12px; }\r\n.yb-hero a:focus-visible { outline: 2px solid var(--yb-blue); outline-offset: 4px; }\r\n\r\n@media (max-width: 1150px) {\r\n  .yb-hero__inner { min-height: 565px; }\r\n  .yb-hero h1 { font-size: clamp(43px, 4.4vw, 60px); }\r\n  .yb-hero__services { gap: 16px; }\r\n}\r\n@media (max-width: 900px) {\r\n  .yb-hero__inner { grid-template-columns: 1fr; min-height: 0; gap: 12px; padding: 68px 32px 12px; }\r\n  .yb-hero__copy { max-width: 720px; }\r\n  .yb-hero h1 { max-width: 700px; font-size: clamp(43px, 7vw, 68px); }\r\n  .yb-hero__art { max-width: 620px; justify-self: center; }\r\n  .yb-hero__services { width: calc(100% - 64px); grid-template-columns: repeat(2, 1fr); gap: 15px 26px; }\r\n  .yb-hero__services-label { grid-column: 1 \/ -1; }\r\n}\r\n@media (max-width: 520px) {\r\n  .yb-hero__inner { padding: 52px 20px 10px; }\r\n  .yb-hero h1 { font-size: clamp(41px, 11vw, 55px); margin: 20px 0 14px; }\r\n  .yb-hero__description { font-size: 15px; line-height: 1.65; }\r\n  .yb-hero__buttons { gap: 13px; margin-top: 26px; }\r\n  .yb-hero__primary { min-height: 48px; padding: 0 17px; font-size: 11px; }\r\n  .yb-hero__secondary { min-height: 48px; font-size: 11px; }\r\n  .yb-hero__art { width: 112%; margin-left: -6%; }\r\n  .yb-hero__services { width: calc(100% - 40px); padding: 20px 0 26px; gap: 13px 8px; }\r\n  .yb-hero__service { font-size: 11px; }\r\n  .yb-hero__service::before { margin-right: 5px; font-size: 10px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-hero\" aria-labelledby=\"yb-hero-heading\">\r\n  <div class=\"yb-hero__inner\">\r\n    <div class=\"yb-hero__copy\">\r\n      <div class=\"yb-hero__eyebrow\">DIGITAL MARKETING EXPERT<\/div>\r\n      <h1 id=\"yb-hero-heading\">Grow Your Business <span>Beyond the Ordinary.<\/span><\/h1>\r\n      <p class=\"yb-hero__description\">Get found by the right people and turn more clicks into customers with SEO, Google Ads, and marketing built around your goals.<\/p>\r\n      <div class=\"yb-hero__buttons\">\r\n        <a class=\"yb-hero__primary\" href=\"\/contact\/\">LET'S WORK TOGETHER <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"m3 1 6 5-6 5z\"\/><\/svg><\/a>\r\n        <a class=\"yb-hero__secondary\" href=\"\/services\/\">EXPLORE SERVICES<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero__art\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 760 570\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\">\r\n        <defs>\r\n          <linearGradient id=\"yb-hero-screen\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#fff\"\/><stop offset=\"1\" stop-color=\"#f5f9ff\"\/><\/linearGradient>\r\n          <linearGradient id=\"yb-hero-rocket\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#fdfefe\"\/><stop offset=\".6\" stop-color=\"#dce9ff\"\/><stop offset=\"1\" stop-color=\"#b3ccf8\"\/><\/linearGradient>\r\n          <linearGradient id=\"yb-hero-blue\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#4087ff\"\/><stop offset=\"1\" stop-color=\"#1046b7\"\/><\/linearGradient>\r\n          <linearGradient id=\"yb-hero-flame\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop stop-color=\"#ffdc82\"\/><stop offset=\"1\" stop-color=\"#ff9755\" stop-opacity=\".02\"\/><\/linearGradient>\r\n          <filter id=\"yb-hero-shadow\" x=\"-35%\" y=\"-45%\" width=\"170%\" height=\"200%\"><feDropShadow dx=\"0\" dy=\"18\" stdDeviation=\"18\" flood-color=\"#466492\" flood-opacity=\".17\"\/><\/filter>\r\n          <filter id=\"yb-hero-soft-shadow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feDropShadow dx=\"0\" dy=\"9\" stdDeviation=\"10\" flood-color=\"#2d5da9\" flood-opacity=\".15\"\/><\/filter>\r\n        <\/defs>\r\n\r\n        <circle cx=\"408\" cy=\"290\" r=\"230\" fill=\"#e8f2ff\"\/>\r\n        <circle cx=\"408\" cy=\"290\" r=\"172\" fill=\"none\" stroke=\"#dceaff\" stroke-width=\"2\" stroke-dasharray=\"7 12\"\/>\r\n        <circle cx=\"106\" cy=\"286\" r=\"5\" fill=\"#79aaff\"\/>\r\n        <circle cx=\"668\" cy=\"290\" r=\"6\" fill=\"#83b1ff\"\/>\r\n        <path d=\"m170 104 5 12 13 5-13 5-5 12-5-12-13-5 13-5z\" fill=\"#f7bd60\"\/>\r\n        <path d=\"m690 352 4 9 9 4-9 4-4 9-4-9-9-4 9-4z\" fill=\"#83aefa\"\/>\r\n\r\n        <!-- Analytics dashboard -->\r\n        <g filter=\"url(#yb-hero-shadow)\">\r\n          <rect x=\"139\" y=\"159\" width=\"493\" height=\"326\" rx=\"25\" fill=\"url(#yb-hero-screen)\" stroke=\"#dce9fc\" stroke-width=\"3\"\/>\r\n          <rect x=\"139\" y=\"159\" width=\"493\" height=\"50\" rx=\"25\" fill=\"#f1f6ff\"\/>\r\n          <path d=\"M139 188h493\" stroke=\"#e3edfd\" stroke-width=\"2\"\/>\r\n          <circle cx=\"166\" cy=\"183\" r=\"5\" fill=\"#ffb6b4\"\/><circle cx=\"184\" cy=\"183\" r=\"5\" fill=\"#ffd591\"\/><circle cx=\"202\" cy=\"183\" r=\"5\" fill=\"#9bdcc0\"\/>\r\n          <rect x=\"407\" y=\"173\" width=\"196\" height=\"23\" rx=\"11.5\" fill=\"#fff\" stroke=\"#d9e7fa\"\/>\r\n          <circle cx=\"424\" cy=\"184.5\" r=\"5\" fill=\"none\" stroke=\"#7fa2da\" stroke-width=\"2\"\/><path d=\"m428 188 4 4\" stroke=\"#7fa2da\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <rect x=\"165\" y=\"234\" width=\"176\" height=\"12\" rx=\"6\" fill=\"#c7d8f1\"\/>\r\n          <rect x=\"165\" y=\"256\" width=\"110\" height=\"8\" rx=\"4\" fill=\"#e3ecf9\"\/>\r\n          <rect x=\"165\" y=\"306\" width=\"436\" height=\"145\" rx=\"16\" fill=\"#f4f8ff\"\/>\r\n          <path d=\"M183 413h399M183 377h399M183 341h399\" stroke=\"#dbe7f8\" stroke-width=\"2\" stroke-dasharray=\"5 7\"\/>\r\n          <rect x=\"201\" y=\"386\" width=\"31\" height=\"50\" rx=\"6\" fill=\"#b8d1fa\"\/>\r\n          <rect x=\"251\" y=\"368\" width=\"31\" height=\"68\" rx=\"6\" fill=\"#9ec0f6\"\/>\r\n          <rect x=\"301\" y=\"381\" width=\"31\" height=\"55\" rx=\"6\" fill=\"#b8d1fa\"\/>\r\n          <rect x=\"351\" y=\"345\" width=\"31\" height=\"91\" rx=\"6\" fill=\"#70a3ef\"\/>\r\n          <rect x=\"401\" y=\"360\" width=\"31\" height=\"76\" rx=\"6\" fill=\"#9ec0f6\"\/>\r\n          <rect x=\"451\" y=\"326\" width=\"31\" height=\"110\" rx=\"6\" fill=\"#518be5\"\/>\r\n          <rect x=\"501\" y=\"317\" width=\"31\" height=\"119\" rx=\"6\" fill=\"#2b70dc\"\/>\r\n          <path d=\"m201 368 65-16 58 14 56-52 58 15 62-52 59 12\" fill=\"none\" stroke=\"#1050c9\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <circle cx=\"380\" cy=\"314\" r=\"6\" fill=\"#fff\" stroke=\"#1050c9\" stroke-width=\"4\"\/>\r\n          <circle cx=\"500\" cy=\"277\" r=\"6\" fill=\"#fff\" stroke=\"#1050c9\" stroke-width=\"4\"\/>\r\n        <\/g>\r\n\r\n        <!-- Rocket -->\r\n        <g transform=\"translate(288 -28) rotate(17 115 239)\" filter=\"url(#yb-hero-soft-shadow)\">\r\n          <path d=\"M94 384h41l-7 69-13 34-13-34z\" fill=\"url(#yb-hero-flame)\"\/>\r\n          <path d=\"M85 328c-29 6-43 36-52 91 28-13 46-17 68-15z\" fill=\"#1453c8\"\/>\r\n          <path d=\"M145 328c29 6 43 36 52 91-28-13-46-17-68-15z\" fill=\"#0d3d9f\"\/>\r\n          <path d=\"M76 196c7-68 34-111 39-113 5 2 32 45 39 113l-8 179c-9 13-22 22-31 22s-22-9-31-22z\" fill=\"url(#yb-hero-rocket)\" stroke=\"#a9c5f1\" stroke-width=\"3\"\/>\r\n          <path d=\"M76 196c7-68 34-111 39-113 5 2 32 45 39 113z\" fill=\"url(#yb-hero-blue)\"\/>\r\n          <path d=\"M83 330v44c10 14 22 23 32 23 10 0 22-9 31-23v-44z\" fill=\"#1254c6\"\/>\r\n          <circle cx=\"115\" cy=\"226\" r=\"30\" fill=\"#fafdff\" stroke=\"#8fb7f6\" stroke-width=\"5\"\/>\r\n          <circle cx=\"115\" cy=\"226\" r=\"21\" fill=\"#1964d9\"\/>\r\n          <path d=\"M103 215q14-12 26-3\" fill=\"none\" stroke=\"#9dc6ff\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"115\" cy=\"294\" r=\"10\" fill=\"#fff\" stroke=\"#80aaf0\" stroke-width=\"4\"\/>\r\n        <\/g>\r\n\r\n        <!-- Target and floating detail -->\r\n        <g transform=\"translate(620 92)\" filter=\"url(#yb-hero-soft-shadow)\">\r\n          <circle r=\"55\" fill=\"#fff\" stroke=\"#cde0ff\" stroke-width=\"8\"\/>\r\n          <circle r=\"38\" fill=\"#e3efff\" stroke=\"#4081ed\" stroke-width=\"10\"\/>\r\n          <circle r=\"19\" fill=\"#fff\" stroke=\"#1050c9\" stroke-width=\"8\"\/>\r\n          <circle r=\"5\" fill=\"#1050c9\"\/>\r\n          <path d=\"m-75-60 72 57\" stroke=\"#244a86\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n          <path d=\"m-75-60 20 2-9 10z\" fill=\"#f6b85e\"\/>\r\n        <\/g>\r\n        <g transform=\"translate(98 201) rotate(-12)\" filter=\"url(#yb-hero-soft-shadow)\">\r\n          <rect width=\"75\" height=\"69\" rx=\"16\" fill=\"#fff\" stroke=\"#d9e7fc\" stroke-width=\"2\"\/>\r\n          <rect x=\"17\" y=\"38\" width=\"8\" height=\"15\" rx=\"3\" fill=\"#8eb6f4\"\/>\r\n          <rect x=\"33\" y=\"27\" width=\"8\" height=\"26\" rx=\"3\" fill=\"#4388ed\"\/>\r\n          <rect x=\"49\" y=\"16\" width=\"8\" height=\"37\" rx=\"3\" fill=\"#1050c9\"\/>\r\n        <\/g>\r\n        <g transform=\"translate(602 426) rotate(10)\" filter=\"url(#yb-hero-soft-shadow)\">\r\n          <rect width=\"105\" height=\"69\" rx=\"18\" fill=\"#fff\" stroke=\"#d9e7fc\" stroke-width=\"2\"\/>\r\n          <circle cx=\"28\" cy=\"34\" r=\"12\" fill=\"#e4f5e8\"\/>\r\n          <path d=\"m22 34 4 4 8-9\" fill=\"none\" stroke=\"#3db77b\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <path d=\"M48 29h38M48 40h27\" stroke=\"#bfcee5\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\r\n        <\/g>\r\n        <g fill=\"#fff\" opacity=\".96\" filter=\"url(#yb-hero-soft-shadow)\">\r\n          <ellipse cx=\"327\" cy=\"497\" rx=\"90\" ry=\"27\"\/><ellipse cx=\"391\" cy=\"488\" rx=\"68\" ry=\"31\"\/><ellipse cx=\"448\" cy=\"503\" rx=\"61\" ry=\"23\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"yb-hero__services\" aria-label=\"Digital marketing services\">\r\n    <span class=\"yb-hero__services-label\">HOW I CAN HELP<\/span>\r\n    <span class=\"yb-hero__service\">SEO Strategy<\/span>\r\n    <span class=\"yb-hero__service\">Google Ads<\/span>\r\n    <span class=\"yb-hero__service\">Social Media<\/span>\r\n    <span class=\"yb-hero__service\">Website Growth<\/span>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c7c2f1 elementor-widget elementor-widget-html\" data-id=\"7c7c2f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste the complete snippet into a WordPress Custom HTML block below the hero. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-services, .yb-services * { box-sizing: border-box; }\r\n.yb-services {\r\n  --ys-blue: #1050c9;\r\n  --ys-ink: #171b24;\r\n  --ys-muted: #606c7d;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 94px clamp(24px, 7vw, 140px) 100px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: #fff;\r\n  color: var(--ys-ink);\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.yb-services::before {\r\n  content: ''; position: absolute; z-index: -1;\r\n  width: 590px; height: 590px; border-radius: 50%;\r\n  top: -355px; right: -170px;\r\n  background: radial-gradient(circle, #eff5ff 0%, rgba(239,245,255,0) 69%);\r\n  pointer-events: none;\r\n}\r\n.yb-services__head {\r\n  display: flex; justify-content: space-between; align-items: end;\r\n  gap: 48px; margin-bottom: 34px;\r\n}\r\n.yb-services__intro { max-width: 770px; }\r\n.yb-services__eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  margin-bottom: 17px; color: var(--ys-blue);\r\n  font-size: 11px; font-weight: 700; letter-spacing: .15em;\r\n}\r\n.yb-services__eyebrow::before {\r\n  content: ''; width: 25px; height: 2px; background: currentColor;\r\n}\r\n.yb-services h2 {\r\n  max-width: 700px; margin: 0 0 16px;\r\n  color: var(--ys-ink); font-family: 'Outfit', sans-serif;\r\n  font-size: clamp(35px, 3.1vw, 53px); font-weight: 700;\r\n  line-height: 1.13; letter-spacing: -.045em;\r\n}\r\n.yb-services h2 span { color: var(--ys-blue); }\r\n.yb-services__intro p {\r\n  max-width: 650px; margin: 0; color: var(--ys-muted);\r\n  font-size: 16px; font-weight: 400; line-height: 1.7;\r\n}\r\n.yb-services__all {\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 13px;\r\n  flex: none; min-height: 47px; margin-bottom: 4px; padding: 0 19px;\r\n  border: 1px solid #c6d9f8; border-radius: 100px;\r\n  color: var(--ys-blue) !important; background: #fff;\r\n  text-decoration: none !important; font-size: 11px;\r\n  font-weight: 700; letter-spacing: .06em;\r\n  transition: background .2s, color .2s, border-color .2s, transform .2s;\r\n}\r\n.yb-services__all:hover { background: var(--ys-blue); border-color: var(--ys-blue); color: #fff !important; transform: translateY(-2px); }\r\n.yb-services__all svg { width: 14px; height: 14px; fill: currentColor; }\r\n.yb-services__grid {\r\n  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n.yb-services__card {\r\n  min-width: 0; min-height: 292px; padding: 29px;\r\n  display: flex; flex-direction: column; align-items: flex-start;\r\n  position: relative; overflow: hidden;\r\n  border: 1px solid #e3ebf6; border-radius: 16px;\r\n  background: linear-gradient(155deg, #fff 57%, #fafcff 100%);\r\n  box-shadow: 0 8px 24px rgba(20, 54, 104, .04);\r\n  transition: border-color .25s, box-shadow .25s, transform .25s;\r\n}\r\n.yb-services__card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: var(--ys-blue);\r\n  transform: scaleX(0); transform-origin: left; transition: transform .25s;\r\n}\r\n.yb-services__card::after {\r\n  content: ''; position: absolute; width: 170px; height: 170px;\r\n  border-radius: 50%; top: -118px; right: -100px;\r\n  background: #f2f7ff; transition: transform .25s;\r\n}\r\n.yb-services__card:hover {\r\n  transform: translateY(-4px); border-color: #bfd3f3;\r\n  box-shadow: 0 16px 34px rgba(28, 77, 151, .085);\r\n}\r\n.yb-services__card:hover::before { transform: scaleX(1); }\r\n.yb-services__card:hover::after { transform: scale(1.35); }\r\n.yb-services__top {\r\n  width: 100%; display: flex; align-items: start; justify-content: space-between;\r\n  margin-bottom: 24px; position: relative; z-index: 1;\r\n}\r\n.yb-services__icon {\r\n  width: 56px; height: 56px; flex: none; display: grid; place-items: center;\r\n  border: 1px solid #dceafd; border-radius: 14px; background: #eef5ff; color: var(--ys-blue);\r\n}\r\n.yb-services__icon svg {\r\n  display: block; width: 29px; height: 29px;\r\n  fill: none; stroke: currentColor; stroke-width: 1.8;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.yb-services__number {\r\n  color: #c1d0e8; font-size: 13px; font-weight: 700;\r\n  letter-spacing: .04em;\r\n}\r\n.yb-services__category {\r\n  margin-bottom: 7px; color: var(--ys-blue);\r\n  font-size: 10px; font-weight: 700; letter-spacing: .13em;\r\n}\r\n.yb-services__card h3 {\r\n  margin: 0 0 8px; color: var(--ys-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: 21px;\r\n  line-height: 1.3; letter-spacing: -.025em; font-weight: 600;\r\n}\r\n.yb-services__card p {\r\n  max-width: 330px; margin: 0; color: var(--ys-muted);\r\n  font-size: 14px; font-weight: 400; line-height: 1.65;\r\n}\r\n.yb-services__card a {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  margin-top: auto; padding-top: 21px;\r\n  color: var(--ys-blue) !important; text-decoration: none !important;\r\n  font-size: 12px; font-weight: 700;\r\n}\r\n.yb-services__card a:hover { text-decoration: underline !important; }\r\n.yb-services__card a svg {\r\n  width: 15px; height: 15px; fill: none; stroke: currentColor;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform .2s;\r\n}\r\n.yb-services__card a:hover svg { transform: translateX(4px); }\r\n.yb-services a:focus-visible { outline: 2px solid var(--ys-blue); outline-offset: 4px; }\r\n.yb-services__cta {\r\n  display: flex; align-items: center; justify-content: space-between; gap: 25px;\r\n  margin-top: 22px; padding: 27px 31px;\r\n  border: 1px solid #dce9fc; border-radius: 16px;\r\n  background: linear-gradient(100deg, #f1f6ff, #f8fbff);\r\n}\r\n.yb-services__cta strong {\r\n  display: block; margin-bottom: 4px; color: var(--ys-ink);\r\n  font-size: 18px; font-weight: 600; letter-spacing: -.02em;\r\n}\r\n.yb-services__cta p { margin: 0; color: var(--ys-muted); font-size: 13px; line-height: 1.5; }\r\n.yb-services__cta a {\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 11px;\r\n  flex: none; min-height: 43px; padding: 0 19px; border-radius: 100px;\r\n  background: var(--ys-blue); color: #fff !important; text-decoration: none !important;\r\n  font-size: 11px; font-weight: 700; letter-spacing: .04em;\r\n  transition: background .2s, transform .2s;\r\n}\r\n.yb-services__cta a:hover { background: #073b9e; transform: translateY(-2px); }\r\n.yb-services__cta a svg { width: 13px; height: 13px; fill: currentColor; }\r\n\r\n@media (max-width: 1080px) {\r\n  .yb-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n@media (max-width: 750px) {\r\n  .yb-services { padding: 72px 24px 80px; }\r\n  .yb-services__head { display: block; margin-bottom: 28px; }\r\n  .yb-services__all { margin-top: 25px; }\r\n  .yb-services__intro p { font-size: 15px; }\r\n  .yb-services__cta { align-items: flex-start; flex-direction: column; }\r\n}\r\n@media (max-width: 580px) {\r\n  .yb-services { padding: 58px 20px 70px; }\r\n  .yb-services h2 { font-size: clamp(34px, 9vw, 43px); }\r\n  .yb-services__grid { grid-template-columns: 1fr; gap: 13px; }\r\n  .yb-services__card { min-height: 0; padding: 22px; }\r\n  .yb-services__top { margin-bottom: 19px; }\r\n  .yb-services__card h3 { font-size: 20px; }\r\n  .yb-services__cta { padding: 23px; }\r\n  .yb-services__cta a { width: 100%; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yb-services__card, .yb-services__card::before, .yb-services__card::after,\r\n  .yb-services__all, .yb-services__cta a, .yb-services__card a svg { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-services\" id=\"yb-services\" aria-labelledby=\"yb-services-title\">\r\n  <div class=\"yb-services__head\">\r\n    <div class=\"yb-services__intro\">\r\n      <span class=\"yb-services__eyebrow\">OUR SERVICES<\/span>\r\n      <h2 id=\"yb-services-title\">Digital marketing built for <span>meaningful growth.<\/span><\/h2>\r\n      <p>From search visibility to paid campaigns, each service has a clear purpose: connect your business with the right audience.<\/p>\r\n    <\/div>\r\n    <a class=\"yb-services__all\" href=\"\/services\/\">VIEW ALL SERVICES <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"m5 2 8 6-8 6z\"\/><\/svg><\/a>\r\n  <\/div>\r\n\r\n  <div class=\"yb-services__grid\">\r\n    <article class=\"yb-services__card\">\r\n      <div class=\"yb-services__top\">\r\n        <span class=\"yb-services__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><circle cx=\"14\" cy=\"14\" r=\"9\"\/><path d=\"m20.7 20.7 7 7M10 17l3-3 2 2 4-5\"\/><\/svg><\/span>\r\n        <span class=\"yb-services__number\">01<\/span>\r\n      <\/div>\r\n      <span class=\"yb-services__category\">ORGANIC GROWTH<\/span>\r\n      <h3>SEO Strategy<\/h3>\r\n      <p>Improve search visibility with a clear plan for your content, keywords, and website structure.<\/p>\r\n      <a href=\"\/services\/\">Explore service <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M2 8h11m-4-4 4 4-4 4\"\/><\/svg><\/a>\r\n    <\/article>\r\n\r\n    <article class=\"yb-services__card\">\r\n      <div class=\"yb-services__top\">\r\n        <span class=\"yb-services__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><rect x=\"4\" y=\"5\" width=\"24\" height=\"19\" rx=\"3\"\/><path d=\"M4 11h24M11 28h10M16 24v4m-6-11 3 3 7-7\"\/><\/svg><\/span>\r\n        <span class=\"yb-services__number\">02<\/span>\r\n      <\/div>\r\n      <span class=\"yb-services__category\">SITE PERFORMANCE<\/span>\r\n      <h3>Technical SEO<\/h3>\r\n      <p>Make it easier for search engines and visitors to navigate a fast, well-structured website.<\/p>\r\n      <a href=\"\/services\/\">Explore service <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M2 8h11m-4-4 4 4-4 4\"\/><\/svg><\/a>\r\n    <\/article>\r\n\r\n    <article class=\"yb-services__card\">\r\n      <div class=\"yb-services__top\">\r\n        <span class=\"yb-services__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><rect x=\"3\" y=\"6\" width=\"26\" height=\"20\" rx=\"3\"\/><path d=\"M3 12h26M8 20h5m4 0h7m-5-7 6 6-3 1-1 3-6-6z\"\/><\/svg><\/span>\r\n        <span class=\"yb-services__number\">03<\/span>\r\n      <\/div>\r\n      <span class=\"yb-services__category\">PAID ADVERTISING<\/span>\r\n      <h3>Google Ads<\/h3>\r\n      <p>Reach people who are ready to take action with focused search and display campaigns.<\/p>\r\n      <a href=\"\/services\/\">Explore service <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M2 8h11m-4-4 4 4-4 4\"\/><\/svg><\/a>\r\n    <\/article>\r\n\r\n    <article class=\"yb-services__card\">\r\n      <div class=\"yb-services__top\">\r\n        <span class=\"yb-services__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><rect x=\"5\" y=\"4\" width=\"17\" height=\"24\" rx=\"3\"\/><path d=\"M11 24h5M22 10l6-3v12l-6-3m-3-6v6m6 4 2 4\"\/><\/svg><\/span>\r\n        <span class=\"yb-services__number\">04<\/span>\r\n      <\/div>\r\n      <span class=\"yb-services__category\">AUDIENCE ENGAGEMENT<\/span>\r\n      <h3>Social Media Marketing<\/h3>\r\n      <p>Build a stronger presence with content and campaigns that connect with your audience.<\/p>\r\n      <a href=\"\/services\/\">Explore service <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M2 8h11m-4-4 4 4-4 4\"\/><\/svg><\/a>\r\n    <\/article>\r\n\r\n    <article class=\"yb-services__card\">\r\n      <div class=\"yb-services__top\">\r\n        <span class=\"yb-services__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M16 29s10-8 10-17a10 10 0 1 0-20 0c0 9 10 17 10 17Z\"\/><circle cx=\"16\" cy=\"12\" r=\"3.5\"\/><path d=\"M11 22h10\"\/><\/svg><\/span>\r\n        <span class=\"yb-services__number\">05<\/span>\r\n      <\/div>\r\n      <span class=\"yb-services__category\">LOCAL VISIBILITY<\/span>\r\n      <h3>Local SEO<\/h3>\r\n      <p>Help nearby customers discover your business when they search for services in your area.<\/p>\r\n      <a href=\"\/services\/\">Explore service <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M2 8h11m-4-4 4 4-4 4\"\/><\/svg><\/a>\r\n    <\/article>\r\n\r\n    <article class=\"yb-services__card\">\r\n      <div class=\"yb-services__top\">\r\n        <span class=\"yb-services__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"26\" height=\"21\" rx=\"3\"\/><path d=\"M3 11h26M9 21v-5m6 5v-8m6 8v-4m-14 4h17\"\/><\/svg><\/span>\r\n        <span class=\"yb-services__number\">06<\/span>\r\n      <\/div>\r\n      <span class=\"yb-services__category\">CONVERSION FOCUS<\/span>\r\n      <h3>Website Growth<\/h3>\r\n      <p>Turn site traffic into useful enquiries with better page experiences and clearer calls to action.<\/p>\r\n      <a href=\"\/services\/\">Explore service <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M2 8h11m-4-4 4 4-4 4\"\/><\/svg><\/a>\r\n    <\/article>\r\n  <\/div>\r\n  <div class=\"yb-services__cta\">\r\n    <div>\r\n      <strong>Not sure where to start?<\/strong>\r\n      <p>Tell me about your goals, and let's find the right direction for your business.<\/p>\r\n    <\/div>\r\n    <a href=\"\/contact\/\">LET'S TALK <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"m3 1 6 5-6 5z\"\/><\/svg><\/a>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59aa3b6 elementor-widget elementor-widget-html\" data-id=\"59aa3b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this complete snippet into a WordPress Custom HTML block below the Services section. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-process, .yb-process * { box-sizing: border-box; }\r\n.yb-process {\r\n  --yp-blue: #1050c9;\r\n  --yp-ink: #171b24;\r\n  --yp-muted: #5d697a;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: linear-gradient(155deg, #fafcff 0%, #fff 54%, #f8fbff 100%);\r\n  color: var(--yp-ink);\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.yb-process__inner { width: 100%; padding: 84px clamp(24px, 7vw, 140px) 88px; }\r\n.yb-process__lead {\r\n  display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);\r\n  align-items: center; gap: clamp(35px, 6vw, 110px);\r\n}\r\n.yb-process__visual { position: relative; width: 100%; max-width: 690px; }\r\n.yb-process__visual svg { display: block; width: 100%; height: auto; overflow: visible; }\r\n.yb-process__copy { max-width: 620px; }\r\n.yb-process__eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  margin-bottom: 17px; color: var(--yp-blue);\r\n  font-size: 11px; font-weight: 700; letter-spacing: .15em;\r\n}\r\n.yb-process__eyebrow::before { content: ''; width: 25px; height: 2px; background: currentColor; }\r\n.yb-process h2 {\r\n  max-width: 620px; margin: 0 0 20px; color: var(--yp-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(37px, 3.45vw, 56px);\r\n  line-height: 1.12; letter-spacing: -.045em; font-weight: 700;\r\n}\r\n.yb-process h2 span { color: var(--yp-blue); }\r\n.yb-process__copy p {\r\n  max-width: 560px; margin: 0; color: var(--yp-muted);\r\n  font-size: clamp(15px, 1vw, 17px); line-height: 1.75;\r\n}\r\n.yb-process__tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; }\r\n.yb-process__tags span {\r\n  display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px;\r\n  border: 1px solid #d5e3f8; border-radius: 100px;\r\n  background: #fff; color: #345277; font-size: 11px; font-weight: 600;\r\n  letter-spacing: .025em; white-space: nowrap;\r\n}\r\n.yb-process__steps {\r\n  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 0; margin-top: 59px; padding-top: 33px;\r\n  border-top: 1px solid #dfe9f6;\r\n}\r\n.yb-process__step {\r\n  min-width: 0; display: flex; align-items: flex-start;\r\n  gap: 18px; padding: 9px clamp(18px, 2.7vw, 52px);\r\n  border-right: 1px solid #e2eaf5;\r\n}\r\n.yb-process__step:first-child { padding-left: 0; }\r\n.yb-process__step:last-child { padding-right: 0; border-right: 0; }\r\n.yb-process__num {\r\n  flex: none; color: #d1dff7; font-size: 42px;\r\n  font-weight: 700; line-height: 1; letter-spacing: -.07em;\r\n}\r\n.yb-process__step h3 {\r\n  margin: 1px 0 6px; color: var(--yp-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: 18px;\r\n  font-weight: 600; letter-spacing: -.02em;\r\n}\r\n.yb-process__step p {\r\n  max-width: 285px; margin: 0; color: var(--yp-muted);\r\n  font-size: 13px; line-height: 1.6;\r\n}\r\n@media (max-width: 1060px) {\r\n  .yb-process__lead { gap: 32px; }\r\n  .yb-process__step { gap: 11px; padding-right: 18px; padding-left: 18px; }\r\n  .yb-process__num { font-size: 37px; }\r\n}\r\n@media (max-width: 800px) {\r\n  .yb-process__inner { padding: 68px 32px 72px; }\r\n  .yb-process__lead { grid-template-columns: 1fr; gap: 18px; }\r\n  .yb-process__copy { grid-row: 1; max-width: 700px; }\r\n  .yb-process__visual { grid-row: 2; max-width: 580px; justify-self: center; }\r\n  .yb-process__steps { margin-top: 28px; }\r\n  .yb-process__step { display: block; }\r\n  .yb-process__num { display: block; margin-bottom: 7px; }\r\n}\r\n@media (max-width: 590px) {\r\n  .yb-process__inner { padding: 57px 20px 64px; }\r\n  .yb-process h2 { font-size: clamp(35px, 9vw, 45px); }\r\n  .yb-process__copy p { font-size: 15px; }\r\n  .yb-process__visual { width: 110%; margin-left: -5%; }\r\n  .yb-process__steps { grid-template-columns: 1fr; padding-top: 14px; margin-top: 10px; }\r\n  .yb-process__step { display: flex; gap: 18px; padding: 19px 0; border-right: 0; border-bottom: 1px solid #e2eaf5; }\r\n  .yb-process__step:last-child { border-bottom: 0; }\r\n  .yb-process__num { margin-bottom: 0; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-process\" aria-labelledby=\"yb-process-heading\">\r\n  <div class=\"yb-process__inner\">\r\n    <div class=\"yb-process__lead\">\r\n      <div class=\"yb-process__visual\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 690 470\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <defs>\r\n            <linearGradient id=\"yp-blue-gradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#428bff\"\/><stop offset=\"1\" stop-color=\"#1045ae\"\/><\/linearGradient>\r\n            <linearGradient id=\"yp-panel-gradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#fff\"\/><stop offset=\"1\" stop-color=\"#f4f8ff\"\/><\/linearGradient>\r\n            <filter id=\"yp-shadow\" x=\"-35%\" y=\"-45%\" width=\"170%\" height=\"200%\"><feDropShadow dx=\"0\" dy=\"17\" stdDeviation=\"19\" flood-color=\"#234a86\" flood-opacity=\".15\"\/><\/filter>\r\n            <filter id=\"yp-small-shadow\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\"><feDropShadow dx=\"0\" dy=\"9\" stdDeviation=\"10\" flood-color=\"#234a86\" flood-opacity=\".16\"\/><\/filter>\r\n          <\/defs>\r\n          <circle cx=\"325\" cy=\"232\" r=\"208\" fill=\"#eaf3ff\"\/>\r\n          <circle cx=\"325\" cy=\"232\" r=\"164\" fill=\"none\" stroke=\"#d8e9ff\" stroke-width=\"2\" stroke-dasharray=\"6 10\"\/>\r\n          <path d=\"m81 86 5 11 11 5-11 5-5 11-5-11-11-5 11-5z\" fill=\"#7eabf2\"\/>\r\n          <path d=\"m601 366 4 9 9 4-9 4-4 9-4-9-9-4 9-4z\" fill=\"#f8bd69\"\/>\r\n          <circle cx=\"539\" cy=\"50\" r=\"6\" fill=\"#94bbf8\"\/>\r\n          <circle cx=\"85\" cy=\"357\" r=\"5\" fill=\"#f7c684\"\/>\r\n\r\n          <!-- Main campaign dashboard -->\r\n          <g filter=\"url(#yp-shadow)\">\r\n            <rect x=\"105\" y=\"80\" width=\"465\" height=\"315\" rx=\"23\" fill=\"url(#yp-panel-gradient)\" stroke=\"#d9e6f8\" stroke-width=\"3\"\/>\r\n            <path d=\"M105 129h465\" stroke=\"#e0eaf8\" stroke-width=\"2\"\/>\r\n            <circle cx=\"133\" cy=\"105\" r=\"5\" fill=\"#ffb5a6\"\/><circle cx=\"151\" cy=\"105\" r=\"5\" fill=\"#ffd586\"\/><circle cx=\"169\" cy=\"105\" r=\"5\" fill=\"#9ad9be\"\/>\r\n            <rect x=\"207\" y=\"96\" width=\"147\" height=\"17\" rx=\"8.5\" fill=\"#eaf1fc\"\/>\r\n            <rect x=\"440\" y=\"95\" width=\"101\" height=\"19\" rx=\"9\" fill=\"#f5f9ff\" stroke=\"#dce8f9\"\/>\r\n            <rect x=\"130\" y=\"152\" width=\"255\" height=\"191\" rx=\"16\" fill=\"#f1f6ff\"\/>\r\n            <path d=\"M151 305h214M151 260h214M151 215h214\" stroke=\"#dce8fa\" stroke-width=\"2\" stroke-dasharray=\"5 7\"\/>\r\n            <rect x=\"158\" y=\"272\" width=\"20\" height=\"51\" rx=\"4\" fill=\"#a9c7f5\"\/>\r\n            <rect x=\"192\" y=\"250\" width=\"20\" height=\"73\" rx=\"4\" fill=\"#87b2f1\"\/>\r\n            <rect x=\"226\" y=\"267\" width=\"20\" height=\"56\" rx=\"4\" fill=\"#a9c7f5\"\/>\r\n            <rect x=\"260\" y=\"229\" width=\"20\" height=\"94\" rx=\"4\" fill=\"#699eea\"\/>\r\n            <rect x=\"294\" y=\"244\" width=\"20\" height=\"79\" rx=\"4\" fill=\"#8db6f1\"\/>\r\n            <rect x=\"328\" y=\"206\" width=\"20\" height=\"117\" rx=\"4\" fill=\"#397add\"\/>\r\n            <path d=\"m152 265 52-22 50 13 55-53 52 12\" fill=\"none\" stroke=\"#1050c9\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <circle cx=\"309\" cy=\"203\" r=\"5\" fill=\"#fff\" stroke=\"#1050c9\" stroke-width=\"3\"\/>\r\n            <rect x=\"406\" y=\"152\" width=\"136\" height=\"85\" rx=\"15\" fill=\"#fff\" stroke=\"#e2ebf9\"\/>\r\n            <circle cx=\"447\" cy=\"195\" r=\"24\" fill=\"none\" stroke=\"#e6effb\" stroke-width=\"10\"\/>\r\n            <path d=\"M447 171a24 24 0 1 1-22 33\" fill=\"none\" stroke=\"#1050c9\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M484 183h38M484 197h28M484 211h35\" stroke=\"#cfddf0\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\r\n            <rect x=\"406\" y=\"252\" width=\"136\" height=\"91\" rx=\"15\" fill=\"#fff\" stroke=\"#e2ebf9\"\/>\r\n            <rect x=\"424\" y=\"276\" width=\"28\" height=\"8\" rx=\"4\" fill=\"#ccdcf2\"\/>\r\n            <rect x=\"424\" y=\"292\" width=\"76\" height=\"20\" rx=\"10\" fill=\"#e9f2ff\"\/>\r\n            <path d=\"m433 303 9-8 9 5 14-11 11 5 15-11\" fill=\"none\" stroke=\"#1050c9\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <rect x=\"130\" y=\"361\" width=\"196\" height=\"9\" rx=\"4.5\" fill=\"#e4ecf7\"\/>\r\n            <rect x=\"340\" y=\"361\" width=\"90\" height=\"9\" rx=\"4.5\" fill=\"#e4ecf7\"\/>\r\n          <\/g>\r\n\r\n          <!-- Floating search and result cards -->\r\n          <g filter=\"url(#yp-small-shadow)\" transform=\"rotate(-9 127 141)\">\r\n            <rect x=\"35\" y=\"119\" width=\"145\" height=\"57\" rx=\"17\" fill=\"#fff\" stroke=\"#dce8f9\" stroke-width=\"2\"\/>\r\n            <circle cx=\"62\" cy=\"147\" r=\"10\" fill=\"none\" stroke=\"#1050c9\" stroke-width=\"3\"\/>\r\n            <path d=\"m69 154 8 8\" stroke=\"#1050c9\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M87 141h64M87 154h42\" stroke=\"#c8d8f0\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\r\n          <\/g>\r\n          <g filter=\"url(#yp-small-shadow)\" transform=\"rotate(8 559 302)\">\r\n            <rect x=\"516\" y=\"264\" width=\"143\" height=\"80\" rx=\"18\" fill=\"#fff\" stroke=\"#dce8f9\" stroke-width=\"2\"\/>\r\n            <circle cx=\"548\" cy=\"304\" r=\"17\" fill=\"#eaf4ee\"\/>\r\n            <path d=\"m539 305 6 6 12-14\" fill=\"none\" stroke=\"#39ab70\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M578 294h57M578 309h38\" stroke=\"#c9d8ee\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\r\n          <\/g>\r\n          <g filter=\"url(#yp-small-shadow)\" transform=\"rotate(12 558 104)\">\r\n            <rect x=\"531\" y=\"53\" width=\"94\" height=\"91\" rx=\"20\" fill=\"url(#yp-blue-gradient)\"\/>\r\n            <path d=\"M578 75v28m-14-14h28\" stroke=\"#fff\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"578\" cy=\"98\" r=\"25\" fill=\"none\" stroke=\"#b7d4ff\" stroke-width=\"3\" opacity=\".6\"\/>\r\n          <\/g>\r\n          <circle cx=\"501\" cy=\"414\" r=\"13\" fill=\"#ffcf87\" opacity=\".8\"\/>\r\n          <circle cx=\"54\" cy=\"267\" r=\"9\" fill=\"#b3d0fb\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"yb-process__copy\">\r\n        <span class=\"yb-process__eyebrow\">A CONNECTED APPROACH<\/span>\r\n        <h2 id=\"yb-process-heading\">One strategy. <span>Every channel working together.<\/span><\/h2>\r\n        <p>Strong digital marketing starts with a clear picture of your business. I bring SEO, paid advertising, content, and website improvements together in a plan built around your goals.<\/p>\r\n        <div class=\"yb-process__tags\" aria-label=\"Areas of focus\">\r\n          <span>SEO<\/span><span>PAID ADS<\/span><span>CONTENT<\/span>\r\n          <span>ANALYTICS<\/span><span>CONVERSIONS<\/span><span>STRATEGY<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yb-process__steps\" aria-label=\"How the process works\">\r\n      <div class=\"yb-process__step\">\r\n        <span class=\"yb-process__num\">01<\/span>\r\n        <div><h3>Discover<\/h3><p>Understand your audience, current website, and the opportunities worth pursuing.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"yb-process__step\">\r\n        <span class=\"yb-process__num\">02<\/span>\r\n        <div><h3>Build &amp; optimize<\/h3><p>Create a focused plan and keep improving campaigns, content, and site experience.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"yb-process__step\">\r\n        <span class=\"yb-process__num\">03<\/span>\r\n        <div><h3>Measure &amp; grow<\/h3><p>Review meaningful results and use what we learn to guide the next steps.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd57856 elementor-widget elementor-widget-html\" data-id=\"bd57856\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this entire snippet into one WordPress Custom HTML block. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-tabs, .yb-tabs * { box-sizing: border-box; }\r\n.yb-tabs {\r\n  --yt-blue: #1050c9;\r\n  --yt-ink: #171b24;\r\n  --yt-muted: #5c697a;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  background: #fff;\r\n  color: var(--yt-ink);\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.yb-tabs__inner { padding: 89px clamp(24px, 7vw, 140px) 100px; }\r\n.yb-tabs__intro { margin: 0 auto 28px; text-align: center; }\r\n.yb-tabs__eyebrow { color: var(--yt-blue); font-size: 11px; font-weight: 700; letter-spacing: .16em; }\r\n.yb-tabs__intro h2 {\r\n  margin: 10px 0 0; color: var(--yt-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(33px, 3vw, 49px);\r\n  line-height: 1.17; font-weight: 700; letter-spacing: -.045em;\r\n}\r\n.yb-tabs__intro h2 span { color: var(--yt-blue); }\r\n.yb-tabs__nav {\r\n  width: max-content; max-width: 100%; display: flex; align-items: center;\r\n  gap: 5px; margin: 0 auto 53px; padding: 6px;\r\n  border: 1px solid #e5ecf7; border-radius: 100px;\r\n  background: #f3f7ff;\r\n}\r\n.yb-tabs__button {\r\n  min-height: 44px; padding: 0 clamp(14px, 2vw, 28px);\r\n  border: 0; border-radius: 100px; background: transparent;\r\n  color: #536174; cursor: pointer; white-space: nowrap;\r\n  font: 600 12px\/1.2 'Outfit', sans-serif; letter-spacing: .025em;\r\n  transition: background .2s, color .2s, box-shadow .2s;\r\n}\r\n.yb-tabs__button:hover { color: var(--yt-blue); }\r\n.yb-tabs__button[aria-selected=\"true\"] {\r\n  background: #fff; color: var(--yt-blue);\r\n  box-shadow: 0 5px 17px rgba(21, 75, 151, .10);\r\n}\r\n.yb-tabs__button:focus-visible, .yb-tabs__link:focus-visible { outline: 2px solid var(--yt-blue); outline-offset: 3px; }\r\n.yb-tabs__panel[hidden] { display: none !important; }\r\n.yb-tabs__panel {\r\n  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);\r\n  align-items: center; gap: clamp(38px, 6vw, 110px);\r\n  min-height: 425px;\r\n}\r\n.yb-tabs__visual {\r\n  min-width: 0; min-height: 405px; position: relative;\r\n  display: flex; align-items: center; justify-content: center;\r\n  isolation: isolate;\r\n}\r\n.yb-tabs__visual::before {\r\n  content: ''; position: absolute; z-index: -1;\r\n  width: min(95%, 490px); aspect-ratio: 1;\r\n  border-radius: 50%; background: #eaf3ff;\r\n}\r\n.yb-tabs__visual::after {\r\n  content: ''; position: absolute; z-index: -1;\r\n  width: min(76%, 395px); aspect-ratio: 1;\r\n  border: 1px dashed #c7dcfb; border-radius: 50%;\r\n}\r\n.yb-tabs__window {\r\n  width: min(84%, 485px); min-height: 306px; position: relative;\r\n  overflow: hidden; border: 1px solid #d9e5f7;\r\n  border-radius: 17px; background: #fff;\r\n  box-shadow: 0 22px 48px rgba(24, 67, 135, .16);\r\n  transform: rotate(-2deg);\r\n}\r\n.yb-tabs__window-top {\r\n  height: 40px; display: flex; align-items: center; gap: 6px;\r\n  padding: 0 14px; border-bottom: 1px solid #e3ecf8;\r\n  background: #f7faff;\r\n}\r\n.yb-tabs__dot { width: 6px; height: 6px; border-radius: 50%; background: #a9c7f3; }\r\n.yb-tabs__dot:first-child { background: #ffb8b4; }\r\n.yb-tabs__dot:nth-child(2) { background: #ffd692; }\r\n.yb-tabs__address { width: 46%; height: 12px; margin-left: 17px; border-radius: 20px; background: #e6eefb; }\r\n.yb-tabs__float {\r\n  position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px;\r\n  min-height: 47px; padding: 0 14px; border: 1px solid #e2eaf7;\r\n  border-radius: 12px; background: #fff;\r\n  box-shadow: 0 11px 26px rgba(24, 67, 135, .13);\r\n  color: #315072; font-size: 11px; font-weight: 600;\r\n}\r\n.yb-tabs__float--a { top: 7%; left: 1%; transform: rotate(-7deg); }\r\n.yb-tabs__float--b { right: 1%; bottom: 7%; transform: rotate(6deg); }\r\n.yb-tabs__float-icon { display: grid; place-items: center; width: 22px; height: 22px; flex: none; border-radius: 7px; background: #e9f3ff; color: var(--yt-blue); }\r\n.yb-tabs__float-icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.yb-tabs__copy { max-width: 595px; }\r\n.yb-tabs__label {\r\n  display: inline-block; margin-bottom: 13px; color: var(--yt-blue);\r\n  font-size: 11px; font-weight: 700; letter-spacing: .15em;\r\n}\r\n.yb-tabs__copy h3 {\r\n  margin: 0 0 18px; color: var(--yt-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(32px, 2.8vw, 47px);\r\n  line-height: 1.17; font-weight: 700; letter-spacing: -.045em;\r\n}\r\n.yb-tabs__copy p { max-width: 550px; margin: 0; color: var(--yt-muted); font-size: 16px; line-height: 1.75; }\r\n.yb-tabs__points { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 24px 0 26px; padding: 0; list-style: none; }\r\n.yb-tabs__points li { display: inline-flex; align-items: center; gap: 7px; color: #34435a; font-size: 12px; font-weight: 600; }\r\n.yb-tabs__points li::before { content: '\u2713'; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #eaf3ff; color: var(--yt-blue); font-size: 12px; }\r\n.yb-tabs__link { display: inline-flex; align-items: center; gap: 10px; color: var(--yt-blue) !important; text-decoration: none !important; font-size: 12px; font-weight: 700; }\r\n.yb-tabs__link:hover { text-decoration: underline !important; }\r\n.yb-tabs__link svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* Website optimization illustration *\/\r\n.yb-tabs__site-content { padding: 22px; }\r\n.yb-tabs__site-heading { width: 46%; height: 11px; border-radius: 9px; background: #bcd1f0; }\r\n.yb-tabs__site-sub { width: 31%; height: 7px; margin-top: 8px; border-radius: 9px; background: #e2ebf8; }\r\n.yb-tabs__site-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 15px; margin-top: 19px; }\r\n.yb-tabs__chart { height: 155px; position: relative; overflow: hidden; border-radius: 12px; background: #eef5ff; }\r\n.yb-tabs__chart-grid { position: absolute; inset: 28px 15px 24px; background: repeating-linear-gradient(to bottom, transparent 0 31px, #dce9fa 32px 33px); }\r\n.yb-tabs__chart-bars { position: absolute; inset: 45px 16px 22px; display: flex; align-items: end; justify-content: space-around; }\r\n.yb-tabs__chart-bars i { width: 13%; height: var(--bar); border-radius: 5px 5px 0 0; background: linear-gradient(#5d96ef, #1050c9); opacity: .8; }\r\n.yb-tabs__chart-line { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #1050c9; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }\r\n.yb-tabs__site-side { display: grid; gap: 12px; }\r\n.yb-tabs__mini { height: 71px; padding: 14px; border: 1px solid #e5edf9; border-radius: 12px; background: #fff; }\r\n.yb-tabs__mini > i { display: block; height: 7px; width: 54%; border-radius: 8px; background: #dce8f9; }\r\n.yb-tabs__mini > b { display: block; width: 71%; height: 18px; margin-top: 10px; border-radius: 5px; background: #9cc1f5; }\r\n.yb-tabs__mini:nth-child(2) > b { width: 48%; background: #1050c9; }\r\n\r\n\/* Search marketing illustration *\/\r\n.yb-tabs__search-content { padding: 20px; }\r\n.yb-tabs__searchbar { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px; border: 1px solid #d8e6f9; border-radius: 30px; color: var(--yt-blue); }\r\n.yb-tabs__searchbar svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }\r\n.yb-tabs__searchbar span { width: 43%; height: 7px; border-radius: 8px; background: #b8d1f2; }\r\n.yb-tabs__search-result { margin-top: 15px; padding: 13px 15px; border: 1px solid #e7eef8; border-radius: 10px; }\r\n.yb-tabs__search-result:nth-child(2) { border-color: #b5d0f8; background: #f4f8ff; }\r\n.yb-tabs__search-result small { display: block; width: 38%; height: 6px; border-radius: 7px; background: #95baef; }\r\n.yb-tabs__search-result strong { display: block; width: 61%; height: 9px; margin-top: 8px; border-radius: 7px; background: #2973da; }\r\n.yb-tabs__search-result i { display: block; width: 88%; height: 5px; margin-top: 9px; border-radius: 7px; background: #cedcf0; }\r\n.yb-tabs__search-result i:last-child { width: 69%; margin-top: 5px; }\r\n.yb-tabs__search-result:nth-child(3) strong { width: 44%; background: #89b1eb; }\r\n.yb-tabs__search-result:nth-child(4) strong { width: 56%; background: #89b1eb; }\r\n\r\n\/* Content strategy illustration *\/\r\n.yb-tabs__content-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 14px; padding: 19px; }\r\n.yb-tabs__creative { height: 232px; border-radius: 12px; overflow: hidden; background: linear-gradient(145deg, #daeaff, #accdfd); padding: 14px; }\r\n.yb-tabs__creative-image { height: 127px; display: grid; place-items: center; border-radius: 9px; background: radial-gradient(circle at 70% 20%, #8db9ff, #235fca 75%); }\r\n.yb-tabs__creative-image svg { width: 65px; height: 65px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.yb-tabs__creative i { display: block; height: 8px; width: 76%; margin-top: 15px; border-radius: 7px; background: #fff; }\r\n.yb-tabs__creative i:last-child { width: 53%; margin-top: 8px; opacity: .8; }\r\n.yb-tabs__schedule { display: grid; gap: 10px; align-content: start; }\r\n.yb-tabs__schedule-head { height: 27px; border-radius: 8px; background: #e8f1ff; }\r\n.yb-tabs__schedule-item { height: 58px; display: flex; align-items: center; gap: 9px; padding: 9px; border: 1px solid #e2ebf8; border-radius: 10px; background: #fff; }\r\n.yb-tabs__schedule-item b { width: 23px; height: 23px; flex: none; border-radius: 7px; background: #a6c6f6; }\r\n.yb-tabs__schedule-item:nth-child(3) b { background: #5b97ed; }\r\n.yb-tabs__schedule-item:nth-child(4) b { background: #1050c9; }\r\n.yb-tabs__schedule-item i { width: 68%; height: 7px; border-radius: 7px; background: #d4e1f3; }\r\n\r\n@media (max-width: 920px) {\r\n  .yb-tabs__inner { padding: 72px 32px 80px; }\r\n  .yb-tabs__panel { gap: 30px; }\r\n  .yb-tabs__visual { min-height: 340px; }\r\n  .yb-tabs__window { width: 89%; transform: none; }\r\n  .yb-tabs__copy p { font-size: 15px; }\r\n}\r\n@media (max-width: 730px) {\r\n  .yb-tabs__nav { margin-bottom: 25px; }\r\n  .yb-tabs__panel { grid-template-columns: 1fr; gap: 16px; }\r\n  .yb-tabs__visual { min-height: 340px; grid-row: 1; }\r\n  .yb-tabs__copy { grid-row: 2; }\r\n}\r\n@media (max-width: 570px) {\r\n  .yb-tabs__inner { padding: 60px 20px 70px; }\r\n  .yb-tabs__nav { width: 100%; justify-content: center; gap: 2px; padding: 4px; }\r\n  .yb-tabs__button { flex: 1 1 0; min-width: 0; padding: 0 7px; font-size: 9px; letter-spacing: 0; white-space: normal; }\r\n  .yb-tabs__visual { min-height: 285px; }\r\n  .yb-tabs__window { min-height: 260px; }\r\n  .yb-tabs__site-content, .yb-tabs__search-content { padding: 13px; }\r\n  .yb-tabs__content-layout { padding: 12px; }\r\n  .yb-tabs__chart { height: 132px; }\r\n  .yb-tabs__creative { height: 193px; }\r\n  .yb-tabs__creative-image { height: 107px; }\r\n  .yb-tabs__float { font-size: 9px; min-height: 38px; padding: 0 9px; }\r\n  .yb-tabs__float--a { left: -1%; }\r\n  .yb-tabs__float--b { right: -1%; }\r\n  .yb-tabs__copy h3 { font-size: clamp(31px, 8vw, 41px); }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yb-tabs__button { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-tabs\" id=\"yb-marketing-tabs\" aria-labelledby=\"yb-tabs-heading\">\r\n  <div class=\"yb-tabs__inner\">\r\n    <div class=\"yb-tabs__intro\">\r\n      <span class=\"yb-tabs__eyebrow\">DIGITAL GROWTH SOLUTIONS<\/span>\r\n      <h2 id=\"yb-tabs-heading\">Explore what moves your <span>business forward.<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"yb-tabs__nav\" role=\"tablist\" aria-label=\"Marketing solutions\">\r\n      <button class=\"yb-tabs__button\" type=\"button\" role=\"tab\" id=\"yb-tab-website\" aria-controls=\"yb-panel-website\" aria-selected=\"true\" tabindex=\"0\">WEBSITE OPTIMIZATION<\/button>\r\n      <button class=\"yb-tabs__button\" type=\"button\" role=\"tab\" id=\"yb-tab-search\" aria-controls=\"yb-panel-search\" aria-selected=\"false\" tabindex=\"-1\">SEARCH MARKETING<\/button>\r\n      <button class=\"yb-tabs__button\" type=\"button\" role=\"tab\" id=\"yb-tab-content\" aria-controls=\"yb-panel-content\" aria-selected=\"false\" tabindex=\"-1\">CONTENT STRATEGY<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"yb-tabs__panel\" id=\"yb-panel-website\" role=\"tabpanel\" aria-labelledby=\"yb-tab-website\" tabindex=\"0\">\r\n      <div class=\"yb-tabs__visual\" aria-hidden=\"true\">\r\n        <div class=\"yb-tabs__window\">\r\n          <div class=\"yb-tabs__window-top\"><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__address\"><\/i><\/div>\r\n          <div class=\"yb-tabs__site-content\">\r\n            <div class=\"yb-tabs__site-heading\"><\/div><div class=\"yb-tabs__site-sub\"><\/div>\r\n            <div class=\"yb-tabs__site-grid\">\r\n              <div class=\"yb-tabs__chart\">\r\n                <div class=\"yb-tabs__chart-grid\"><\/div>\r\n                <div class=\"yb-tabs__chart-bars\"><i style=\"--bar:45%\"><\/i><i style=\"--bar:62%\"><\/i><i style=\"--bar:53%\"><\/i><i style=\"--bar:78%\"><\/i><i style=\"--bar:69%\"><\/i><i style=\"--bar:92%\"><\/i><\/div>\r\n                <svg class=\"yb-tabs__chart-line\" viewBox=\"0 0 260 155\" preserveAspectRatio=\"none\"><path d=\"m13 112 44-25 36 13 43-43 42 17 42-40 29 9\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"yb-tabs__site-side\"><div class=\"yb-tabs__mini\"><i><\/i><b><\/b><\/div><div class=\"yb-tabs__mini\"><i><\/i><b><\/b><\/div><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"yb-tabs__float yb-tabs__float--a\"><span class=\"yb-tabs__float-icon\"><svg viewBox=\"0 0 16 16\"><path d=\"M8 2v6l4 2M2 8a6 6 0 1 0 12 0A6 6 0 0 0 2 8Z\"\/><\/svg><\/span> Faster experience<\/div>\r\n        <div class=\"yb-tabs__float yb-tabs__float--b\"><span class=\"yb-tabs__float-icon\"><svg viewBox=\"0 0 16 16\"><path d=\"m2 8 4 4 8-9\"\/><\/svg><\/span> Clearer customer journey<\/div>\r\n      <\/div>\r\n      <div class=\"yb-tabs__copy\">\r\n        <span class=\"yb-tabs__label\">01 \/ WEBSITE OPTIMIZATION<\/span>\r\n        <h3>Make every website visit count.<\/h3>\r\n        <p>A website should be easy to find, fast to use, and clear about the next step. I focus on the experience that helps visitors become enquiries.<\/p>\r\n        <ul class=\"yb-tabs__points\"><li>Site performance<\/li><li>Clear user journeys<\/li><li>Conversion improvements<\/li><\/ul>\r\n        <a class=\"yb-tabs__link\" href=\"\/contact\/\">DISCUSS YOUR WEBSITE <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\"><path d=\"M2 9h13m-5-5 5 5-5 5\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yb-tabs__panel\" id=\"yb-panel-search\" role=\"tabpanel\" aria-labelledby=\"yb-tab-search\" tabindex=\"0\" hidden>\r\n      <div class=\"yb-tabs__visual\" aria-hidden=\"true\">\r\n        <div class=\"yb-tabs__window\">\r\n          <div class=\"yb-tabs__window-top\"><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__address\"><\/i><\/div>\r\n          <div class=\"yb-tabs__search-content\">\r\n            <div class=\"yb-tabs__searchbar\"><svg viewBox=\"0 0 20 20\"><circle cx=\"8\" cy=\"8\" r=\"5\"\/><path d=\"m12 12 5 5\"\/><\/svg><span><\/span><\/div>\r\n            <div class=\"yb-tabs__search-result\"><small><\/small><strong><\/strong><i><\/i><i><\/i><\/div>\r\n            <div class=\"yb-tabs__search-result\"><small><\/small><strong><\/strong><i><\/i><i><\/i><\/div>\r\n            <div class=\"yb-tabs__search-result\"><small><\/small><strong><\/strong><i><\/i><i><\/i><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"yb-tabs__float yb-tabs__float--a\"><span class=\"yb-tabs__float-icon\"><svg viewBox=\"0 0 16 16\"><circle cx=\"7\" cy=\"7\" r=\"4\"\/><path d=\"m10 10 4 4\"\/><\/svg><\/span> Search visibility<\/div>\r\n        <div class=\"yb-tabs__float yb-tabs__float--b\"><span class=\"yb-tabs__float-icon\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 12 6 8l3 2 5-7M11 3h3v3\"\/><\/svg><\/span> Relevant traffic<\/div>\r\n      <\/div>\r\n      <div class=\"yb-tabs__copy\">\r\n        <span class=\"yb-tabs__label\">02 \/ SEARCH MARKETING<\/span>\r\n        <h3>Show up when it matters most.<\/h3>\r\n        <p>Connect with people already searching for what you offer. A balanced approach to SEO and paid search helps you reach relevant audiences at the right time.<\/p>\r\n        <ul class=\"yb-tabs__points\"><li>Search strategy<\/li><li>Google Ads<\/li><li>Local discovery<\/li><\/ul>\r\n        <a class=\"yb-tabs__link\" href=\"\/contact\/\">PLAN YOUR SEARCH STRATEGY <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\"><path d=\"M2 9h13m-5-5 5 5-5 5\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yb-tabs__panel\" id=\"yb-panel-content\" role=\"tabpanel\" aria-labelledby=\"yb-tab-content\" tabindex=\"0\" hidden>\r\n      <div class=\"yb-tabs__visual\" aria-hidden=\"true\">\r\n        <div class=\"yb-tabs__window\">\r\n          <div class=\"yb-tabs__window-top\"><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__dot\"><\/i><i class=\"yb-tabs__address\"><\/i><\/div>\r\n          <div class=\"yb-tabs__content-layout\">\r\n            <div class=\"yb-tabs__creative\"><div class=\"yb-tabs__creative-image\"><svg viewBox=\"0 0 70 70\"><rect x=\"11\" y=\"16\" width=\"48\" height=\"38\" rx=\"6\"\/><circle cx=\"25\" cy=\"29\" r=\"5\"\/><path d=\"m14 49 14-13 11 9 9-8 9 11\"\/><\/svg><\/div><i><\/i><i><\/i><\/div>\r\n            <div class=\"yb-tabs__schedule\"><div class=\"yb-tabs__schedule-head\"><\/div><div class=\"yb-tabs__schedule-item\"><b><\/b><i><\/i><\/div><div class=\"yb-tabs__schedule-item\"><b><\/b><i><\/i><\/div><div class=\"yb-tabs__schedule-item\"><b><\/b><i><\/i><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"yb-tabs__float yb-tabs__float--a\"><span class=\"yb-tabs__float-icon\"><svg viewBox=\"0 0 16 16\"><path d=\"m8 1 2 5 5 2-5 2-2 5-2-5-5-2 5-2z\"\/><\/svg><\/span> Fresh ideas<\/div>\r\n        <div class=\"yb-tabs__float yb-tabs__float--b\"><span class=\"yb-tabs__float-icon\"><svg viewBox=\"0 0 16 16\"><path d=\"M3 3h10v10H3zM6 7h4M6 10h3\"\/><\/svg><\/span> Consistent messaging<\/div>\r\n      <\/div>\r\n      <div class=\"yb-tabs__copy\">\r\n        <span class=\"yb-tabs__label\">03 \/ CONTENT STRATEGY<\/span>\r\n        <h3>Give your audience a reason to engage.<\/h3>\r\n        <p>Useful content builds trust before someone is ready to buy. Develop clearer messaging across your website and social channels with a consistent plan.<\/p>\r\n        <ul class=\"yb-tabs__points\"><li>Content planning<\/li><li>Brand messaging<\/li><li>Social campaigns<\/li><\/ul>\r\n        <a class=\"yb-tabs__link\" href=\"\/contact\/\">TALK ABOUT CONTENT <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\"><path d=\"M2 9h13m-5-5 5 5-5 5\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var section = document.getElementById('yb-marketing-tabs');\r\n  if (!section || section.dataset.tabsReady === 'true') return;\r\n  section.dataset.tabsReady = 'true';\r\n  var tabs = Array.prototype.slice.call(section.querySelectorAll('[role=\"tab\"]'));\r\n  var panels = tabs.map(function (tab) { return document.getElementById(tab.getAttribute('aria-controls')); });\r\n  function activate(index, focus) {\r\n    tabs.forEach(function (tab, i) {\r\n      var active = i === index;\r\n      tab.setAttribute('aria-selected', String(active));\r\n      tab.tabIndex = active ? 0 : -1;\r\n      panels[i].hidden = !active;\r\n    });\r\n    if (focus) tabs[index].focus();\r\n  }\r\n  tabs.forEach(function (tab, index) {\r\n    tab.addEventListener('click', function () { activate(index, false); });\r\n    if (window.matchMedia('(hover: hover)').matches) {\r\n      tab.addEventListener('mouseenter', function () { activate(index, false); });\r\n    }\r\n    tab.addEventListener('keydown', function (event) {\r\n      var next = index;\r\n      if (event.key === 'ArrowRight') next = (index + 1) % tabs.length;\r\n      else if (event.key === 'ArrowLeft') next = (index - 1 + tabs.length) % tabs.length;\r\n      else if (event.key === 'Home') next = 0;\r\n      else if (event.key === 'End') next = tabs.length - 1;\r\n      else return;\r\n      event.preventDefault();\r\n      activate(next, true);\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c55cf4 elementor-widget elementor-widget-html\" data-id=\"4c55cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this complete snippet into a WordPress Custom HTML block. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-commerce, .yb-commerce * { box-sizing: border-box; }\r\n.yb-commerce {\r\n  --yc-blue: #1050c9;\r\n  --yc-ink: #171b24;\r\n  --yc-muted: #5d6979;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  background: radial-gradient(circle at 83% 27%, #eef5ff 0%, transparent 34%), linear-gradient(120deg, #fcfdff, #fff 60%);\r\n  color: var(--yc-ink);\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.yb-commerce__inner {\r\n  width: 100%; padding: 90px clamp(24px, 7vw, 140px) 96px;\r\n  display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\r\n  align-items: center; gap: clamp(40px, 6vw, 115px);\r\n}\r\n.yb-commerce__copy { max-width: 600px; }\r\n.yb-commerce__eyebrow {\r\n  display: inline-flex; align-items: center; gap: 9px;\r\n  padding: 8px 14px; border: 1px solid #dbe8fb; border-radius: 50px;\r\n  background: #fff; color: var(--yc-blue); font-size: 11px;\r\n  font-weight: 700; letter-spacing: .11em;\r\n}\r\n.yb-commerce__eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--yc-blue); }\r\n.yb-commerce h2 {\r\n  max-width: 580px; margin: 20px 0 17px;\r\n  color: var(--yc-ink); font-family: 'Outfit', sans-serif;\r\n  font-size: clamp(38px, 3.4vw, 56px); font-weight: 700;\r\n  line-height: 1.12; letter-spacing: -.045em;\r\n}\r\n.yb-commerce h2 span { color: var(--yc-blue); }\r\n.yb-commerce__intro {\r\n  max-width: 535px; margin: 0 0 29px; color: var(--yc-muted);\r\n  font-size: 16px; line-height: 1.75;\r\n}\r\n.yb-commerce__accordion { border-top: 1px solid #dfe8f5; }\r\n.yb-commerce__item { border-bottom: 1px solid #dfe8f5; }\r\n.yb-commerce__item > summary {\r\n  display: flex; align-items: center; justify-content: space-between; gap: 16px;\r\n  min-height: 61px; padding: 14px 0; cursor: pointer; list-style: none;\r\n  color: var(--yc-ink); font: 600 14px\/1.35 'Outfit', sans-serif;\r\n  letter-spacing: .015em; transition: color .2s;\r\n}\r\n.yb-commerce__item > summary::-webkit-details-marker { display: none; }\r\n.yb-commerce__item > summary:hover, .yb-commerce__item[open] > summary { color: var(--yc-blue); }\r\n.yb-commerce__toggle {\r\n  display: grid; place-items: center; width: 27px; height: 27px;\r\n  flex: none; border: 1px solid #d7e3f4; border-radius: 50%;\r\n  background: #fff; color: var(--yc-blue); font-size: 21px;\r\n  font-weight: 400; line-height: 1;\r\n}\r\n.yb-commerce__toggle::before { content: '+'; transform: translateY(-1px); }\r\n.yb-commerce__item[open] .yb-commerce__toggle { background: #eef5ff; border-color: #c8dbf7; }\r\n.yb-commerce__item[open] .yb-commerce__toggle::before { content: '\u2212'; }\r\n.yb-commerce__answer {\r\n  max-width: 540px; padding: 0 40px 21px 0;\r\n  color: var(--yc-muted); font-size: 14px; line-height: 1.7;\r\n}\r\n.yb-commerce__answer p { margin: 0; }\r\n.yb-commerce__link {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  margin-top: 27px; color: var(--yc-blue) !important;\r\n  font-size: 12px; font-weight: 700; letter-spacing: .035em;\r\n  text-decoration: none !important;\r\n}\r\n.yb-commerce__link:hover { text-decoration: underline !important; }\r\n.yb-commerce__link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.yb-commerce summary:focus-visible, .yb-commerce a:focus-visible { outline: 2px solid var(--yc-blue); outline-offset: 3px; }\r\n.yb-commerce__visual { width: 100%; max-width: 680px; justify-self: end; }\r\n.yb-commerce__visual svg { display: block; width: 100%; height: auto; overflow: visible; }\r\n\r\n@media (max-width: 950px) {\r\n  .yb-commerce__inner { gap: 30px; }\r\n  .yb-commerce h2 { font-size: clamp(36px, 4.2vw, 49px); }\r\n}\r\n@media (max-width: 800px) {\r\n  .yb-commerce__inner { grid-template-columns: 1fr; padding: 72px 32px 75px; gap: 25px; }\r\n  .yb-commerce__copy { max-width: 720px; }\r\n  .yb-commerce__visual { max-width: 590px; justify-self: center; }\r\n}\r\n@media (max-width: 520px) {\r\n  .yb-commerce__inner { padding: 57px 20px 61px; }\r\n  .yb-commerce h2 { font-size: clamp(36px, 9vw, 46px); }\r\n  .yb-commerce__intro { font-size: 15px; margin-bottom: 20px; }\r\n  .yb-commerce__item > summary { min-height: 58px; font-size: 13px; }\r\n  .yb-commerce__answer { padding-right: 10px; }\r\n  .yb-commerce__visual { width: 112%; margin-left: -6%; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-commerce\" aria-labelledby=\"yb-commerce-title\">\r\n  <div class=\"yb-commerce__inner\">\r\n    <div class=\"yb-commerce__copy\">\r\n      <span class=\"yb-commerce__eyebrow\">FEATURED SOLUTION<\/span>\r\n      <h2 id=\"yb-commerce-title\">eCommerce <span>integration<\/span><\/h2>\r\n      <p class=\"yb-commerce__intro\">Bring your products, website, and marketing together in a shopping experience that is clear, easy to use, and built around your customers.<\/p>\r\n\r\n      <div class=\"yb-commerce__accordion\">\r\n        <details class=\"yb-commerce__item\" name=\"yb-commerce-features\" open>\r\n          <summary><span>Product highlights<\/span><span class=\"yb-commerce__toggle\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <div class=\"yb-commerce__answer\"><p>Present the right products with clear descriptions, strong visuals, and a simple path from discovery to purchase.<\/p><\/div>\r\n        <\/details>\r\n        <details class=\"yb-commerce__item\" name=\"yb-commerce-features\">\r\n          <summary><span>Conversion optimization<\/span><span class=\"yb-commerce__toggle\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <div class=\"yb-commerce__answer\"><p>Reduce friction across product pages and checkout so shoppers can find what they need and complete an order with confidence.<\/p><\/div>\r\n        <\/details>\r\n        <details class=\"yb-commerce__item\" name=\"yb-commerce-features\">\r\n          <summary><span>Pay-per-click advertising<\/span><span class=\"yb-commerce__toggle\" aria-hidden=\"true\"><\/span><\/summary>\r\n          <div class=\"yb-commerce__answer\"><p>Reach relevant shoppers through focused paid campaigns, then use performance data to refine where your budget goes.<\/p><\/div>\r\n        <\/details>\r\n      <\/div>\r\n      <a class=\"yb-commerce__link\" href=\"\/contact\/\">DISCUSS YOUR PROJECT <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\"><path d=\"M2 9h13m-5-5 5 5-5 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <div class=\"yb-commerce__visual\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 680 550\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <defs>\r\n          <linearGradient id=\"yc-phone\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#526782\"\/><stop offset=\".55\" stop-color=\"#1d2c46\"\/><stop offset=\"1\" stop-color=\"#111c2e\"\/><\/linearGradient>\r\n          <linearGradient id=\"yc-blue\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#5c9cff\"\/><stop offset=\"1\" stop-color=\"#1045b7\"\/><\/linearGradient>\r\n          <linearGradient id=\"yc-screen\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#fff\"\/><stop offset=\"1\" stop-color=\"#f2f7ff\"\/><\/linearGradient>\r\n          <filter id=\"yc-shadow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"200%\"><feDropShadow dx=\"0\" dy=\"19\" stdDeviation=\"17\" flood-color=\"#233f70\" flood-opacity=\".18\"\/><\/filter>\r\n          <filter id=\"yc-soft\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\"><feDropShadow dx=\"0\" dy=\"9\" stdDeviation=\"10\" flood-color=\"#284e88\" flood-opacity=\".16\"\/><\/filter>\r\n        <\/defs>\r\n        <circle cx=\"347\" cy=\"270\" r=\"235\" fill=\"#e9f3ff\"\/>\r\n        <circle cx=\"347\" cy=\"270\" r=\"190\" fill=\"none\" stroke=\"#d3e6ff\" stroke-width=\"2\" stroke-dasharray=\"6 11\"\/>\r\n        <path d=\"m560 80 5 12 12 5-12 5-5 12-5-12-12-5 12-5z\" fill=\"#ffc779\"\/>\r\n        <path d=\"m105 346 4 10 10 4-10 4-4 10-4-10-10-4 10-4z\" fill=\"#8db7f5\"\/>\r\n        <circle cx=\"113\" cy=\"128\" r=\"6\" fill=\"#8ab4f2\"\/>\r\n\r\n        <!-- Mobile storefront -->\r\n        <g filter=\"url(#yc-shadow)\">\r\n          <rect x=\"220\" y=\"39\" width=\"257\" height=\"461\" rx=\"37\" fill=\"url(#yc-phone)\"\/>\r\n          <rect x=\"234\" y=\"60\" width=\"229\" height=\"416\" rx=\"26\" fill=\"url(#yc-screen)\"\/>\r\n          <rect x=\"304\" y=\"47\" width=\"90\" height=\"8\" rx=\"4\" fill=\"#111c2e\"\/>\r\n          <rect x=\"252\" y=\"87\" width=\"108\" height=\"12\" rx=\"6\" fill=\"#c8daf3\"\/>\r\n          <circle cx=\"433\" cy=\"92\" r=\"12\" fill=\"#e7f0ff\"\/>\r\n          <path d=\"M426 90h14l-2 9h-10zM429 103h1m6 0h1\" fill=\"none\" stroke=\"#1050c9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n\r\n          <!-- Store awning -->\r\n          <path d=\"M231 117h234l22 56H209z\" fill=\"#d6e8ff\"\/>\r\n          <path d=\"M231 117h39l-8 56h-53z\" fill=\"#1050c9\"\/>\r\n          <path d=\"M270 117h39l-2 56h-45z\" fill=\"#fff\"\/>\r\n          <path d=\"M309 117h39l4 56h-45z\" fill=\"#3a7de3\"\/>\r\n          <path d=\"M348 117h39l10 56h-45z\" fill=\"#fff\"\/>\r\n          <path d=\"M387 117h39l16 56h-45z\" fill=\"#1050c9\"\/>\r\n          <path d=\"M426 117h39l22 56h-45z\" fill=\"#fff\"\/>\r\n          <path d=\"M209 173c0 17 28 17 28 0 0 17 28 17 28 0 0 17 28 17 28 0 0 17 28 17 28 0 0 17 28 17 28 0 0 17 28 17 28 0 0 17 28 17 28 0 0 17 28 17 28 0 0 17 28 17 28 0 0 17 26 17 26 0\" fill=\"#fff\" stroke=\"#d3e3f9\" stroke-width=\"2\"\/>\r\n\r\n          <circle cx=\"348\" cy=\"299\" r=\"88\" fill=\"#e6f0ff\"\/>\r\n          <circle cx=\"348\" cy=\"299\" r=\"72\" fill=\"url(#yc-blue)\"\/>\r\n          <path d=\"m324 253-18 14-20-5-15 28 24 15 17-12v60h72v-60l17 12 24-15-15-28-20 5-18-14-14 9h-20z\" fill=\"#fff\" stroke=\"#e0e9f7\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n          <path d=\"M334 260c5 11 23 11 28 0\" fill=\"none\" stroke=\"#d7e5f7\" stroke-width=\"3\"\/>\r\n          <rect x=\"276\" y=\"409\" width=\"144\" height=\"39\" rx=\"19.5\" fill=\"url(#yc-blue)\"\/>\r\n          <text x=\"348\" y=\"434\" text-anchor=\"middle\" fill=\"#fff\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"15\" font-weight=\"700\">SHOP NOW<\/text>\r\n        <\/g>\r\n\r\n        <!-- Floating shopping elements -->\r\n        <g filter=\"url(#yc-soft)\" transform=\"rotate(-12 139 277)\">\r\n          <circle cx=\"139\" cy=\"277\" r=\"67\" fill=\"#fff\" stroke=\"#dce9fa\" stroke-width=\"2\"\/>\r\n          <path d=\"M95 300c15-26 49-50 74-62l26 18c-23 15-37 30-56 57l-32 2z\" fill=\"#246bd5\"\/>\r\n          <path d=\"m96 301 12 14 31-2 11-14-21-6z\" fill=\"#1c2940\"\/>\r\n          <path d=\"m129 286 37-25 12 6-34 28\" fill=\"none\" stroke=\"#8dbaff\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\r\n        <\/g>\r\n        <g filter=\"url(#yc-soft)\" transform=\"rotate(9 547 273)\">\r\n          <circle cx=\"547\" cy=\"273\" r=\"62\" fill=\"#fff\" stroke=\"#dce9fa\" stroke-width=\"2\"\/>\r\n          <path d=\"M515 293v-37a32 32 0 0 1 64 0v37z\" fill=\"#ffc45d\"\/>\r\n          <path d=\"M509 293h77c0 9-12 15-24 15h-29c-14 0-24-6-24-15Z\" fill=\"#1050c9\"\/>\r\n          <path d=\"M528 265h38\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n        <\/g>\r\n        <g filter=\"url(#yc-soft)\" transform=\"rotate(7 513 414)\">\r\n          <path d=\"M478 385h69l-5 77h-59z\" fill=\"#4d8ae8\"\/>\r\n          <path d=\"M498 391v-12a14 14 0 0 1 28 0v12\" fill=\"none\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M486 420h53\" stroke=\"#a6c9fa\" stroke-width=\"3\"\/>\r\n        <\/g>\r\n        <g filter=\"url(#yc-soft)\">\r\n          <rect x=\"92\" y=\"405\" width=\"129\" height=\"51\" rx=\"25\" fill=\"#fff\"\/>\r\n          <path d=\"m115 428 4-8 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6z\" fill=\"#f8c66e\"\/>\r\n          <path d=\"m151 428 4-8 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6z\" fill=\"#f8c66e\"\/>\r\n          <path d=\"m187 428 4-8 4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6z\" fill=\"#f8c66e\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-278b5ed elementor-widget elementor-widget-html\" data-id=\"278b5ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this complete snippet into a WordPress Custom HTML block. Update plan details when your packages are finalized. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-pricing, .yb-pricing * { box-sizing: border-box; }\r\n.yb-pricing {\r\n  --yp-blue: #1050c9;\r\n  --yp-ink: #171b24;\r\n  --yp-muted: #5c697a;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 86px clamp(24px, 7vw, 140px) 94px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  isolation: isolate;\r\n  background: linear-gradient(160deg, #fff 0%, #fafcff 42%, #f5f9ff 100%);\r\n  color: var(--yp-ink);\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.yb-pricing::before {\r\n  content: ''; position: absolute; z-index: -1;\r\n  width: 480px; height: 480px; top: -340px; right: 7%;\r\n  border-radius: 50%; background: #edf4ff;\r\n}\r\n.yb-pricing__head { max-width: 730px; margin: 0 auto 41px; text-align: center; }\r\n.yb-pricing__eyebrow {\r\n  display: inline-block; padding: 8px 15px; border: 1px solid #d7e5fa;\r\n  border-radius: 100px; background: #fff; color: var(--yp-blue);\r\n  font-size: 11px; font-weight: 700; letter-spacing: .14em;\r\n}\r\n.yb-pricing h2 {\r\n  margin: 16px 0 10px; color: var(--yp-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(37px, 3.4vw, 55px);\r\n  font-weight: 700; line-height: 1.13; letter-spacing: -.045em;\r\n}\r\n.yb-pricing h2 span { color: var(--yp-blue); }\r\n.yb-pricing__head p {\r\n  max-width: 590px; margin: 0 auto; color: var(--yp-muted);\r\n  font-size: 16px; line-height: 1.7;\r\n}\r\n.yb-pricing__grid {\r\n  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 20px; align-items: stretch;\r\n}\r\n.yb-pricing__card {\r\n  min-width: 0; min-height: 475px; padding: 35px clamp(25px, 2.7vw, 43px) 31px;\r\n  display: flex; flex-direction: column; position: relative;\r\n  border: 1px solid #e0eaf8; border-radius: 17px;\r\n  background: #fff; box-shadow: 0 14px 35px rgba(22, 55, 102, .06);\r\n  transition: transform .22s, box-shadow .22s;\r\n}\r\n.yb-pricing__card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(22, 55, 102, .1); }\r\n.yb-pricing__card--featured {\r\n  border-color: #1d3155;\r\n  background: linear-gradient(145deg, #202838, #121a29);\r\n  color: #fff;\r\n  box-shadow: 0 22px 43px rgba(17, 37, 74, .18);\r\n}\r\n.yb-pricing__badge {\r\n  position: absolute; top: -15px; left: 50%; transform: translateX(-50%);\r\n  padding: 7px 14px; border-radius: 50px; background: var(--yp-blue);\r\n  color: #fff; font-size: 10px; font-weight: 700;\r\n  letter-spacing: .09em; white-space: nowrap;\r\n}\r\n.yb-pricing__icon {\r\n  width: 57px; height: 57px; display: grid; place-items: center;\r\n  border: 1px solid #d8e6fb; border-radius: 15px;\r\n  background: #eef5ff; color: var(--yp-blue);\r\n}\r\n.yb-pricing__icon svg {\r\n  width: 29px; height: 29px; fill: none; stroke: currentColor;\r\n  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.yb-pricing__card--featured .yb-pricing__icon { border-color: #385884; background: #2c4770; color: #b3d0ff; }\r\n.yb-pricing__card h3 {\r\n  margin: 23px 0 8px; color: var(--yp-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: 25px;\r\n  font-weight: 600; letter-spacing: -.025em;\r\n}\r\n.yb-pricing__card--featured h3 { color: #fff; }\r\n.yb-pricing__description { min-height: 50px; margin: 0; color: var(--yp-muted); font-size: 14px; line-height: 1.6; }\r\n.yb-pricing__card--featured .yb-pricing__description { color: #c0cce0; }\r\n.yb-pricing__price {\r\n  display: flex; flex-direction: column; gap: 2px;\r\n  margin: 23px 0 23px; padding-bottom: 22px;\r\n  border-bottom: 1px solid #e6edf8;\r\n}\r\n.yb-pricing__card--featured .yb-pricing__price { border-color: #37445b; }\r\n.yb-pricing__price strong { color: var(--yp-ink); font-size: clamp(25px, 2.25vw, 35px); line-height: 1.2; font-weight: 700; letter-spacing: -.04em; }\r\n.yb-pricing__card--featured .yb-pricing__price strong { color: #fff; }\r\n.yb-pricing__price small { color: #738197; font-size: 11px; font-weight: 500; }\r\n.yb-pricing__card--featured .yb-pricing__price small { color: #b0bfd6; }\r\n.yb-pricing__features { margin: 0 0 27px; padding: 0; list-style: none; display: grid; gap: 12px; }\r\n.yb-pricing__features li { display: flex; align-items: flex-start; gap: 10px; color: #4a586c; font-size: 13px; line-height: 1.45; }\r\n.yb-pricing__card--featured .yb-pricing__features li { color: #e4ebf6; }\r\n.yb-pricing__features li::before {\r\n  content: '\u2713'; width: 18px; height: 18px; flex: none;\r\n  display: grid; place-items: center; border-radius: 50%;\r\n  background: #e8f1ff; color: var(--yp-blue);\r\n  font-size: 12px; font-weight: 700;\r\n}\r\n.yb-pricing__card--featured .yb-pricing__features li::before { background: #385580; color: #fff; }\r\n.yb-pricing__button {\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 11px;\r\n  width: 100%; min-height: 47px; margin-top: auto; padding: 0 15px;\r\n  border: 1px solid var(--yp-blue); border-radius: 100px;\r\n  background: #fff; color: var(--yp-blue) !important;\r\n  font-size: 11px; font-weight: 700; letter-spacing: .05em;\r\n  text-decoration: none !important;\r\n  transition: background .2s, color .2s, transform .2s;\r\n}\r\n.yb-pricing__button:hover { background: var(--yp-blue); color: #fff !important; transform: translateY(-2px); }\r\n.yb-pricing__button svg { width: 13px; height: 13px; fill: currentColor; }\r\n.yb-pricing__card--featured .yb-pricing__button { background: #fff; border-color: #fff; color: #174ba1 !important; }\r\n.yb-pricing__card--featured .yb-pricing__button:hover { background: #dceaff; border-color: #dceaff; }\r\n.yb-pricing__note { margin: 23px 0 0; color: #6e7c8e; text-align: center; font-size: 12px; line-height: 1.5; }\r\n.yb-pricing a:focus-visible { outline: 2px solid var(--yp-blue); outline-offset: 4px; }\r\n@media (max-width: 1040px) {\r\n  .yb-pricing__grid { gap: 14px; }\r\n  .yb-pricing__card { padding: 30px 23px 26px; }\r\n}\r\n@media (max-width: 790px) {\r\n  .yb-pricing { padding: 72px 32px 80px; }\r\n  .yb-pricing__grid { grid-template-columns: 1fr; max-width: 540px; margin: auto; gap: 25px; }\r\n  .yb-pricing__card { min-height: 0; }\r\n  .yb-pricing__description { min-height: 0; }\r\n}\r\n@media (max-width: 520px) {\r\n  .yb-pricing { padding: 57px 20px 68px; }\r\n  .yb-pricing h2 { font-size: 39px; }\r\n  .yb-pricing__head p { font-size: 15px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  .yb-pricing__card, .yb-pricing__button { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-pricing\" id=\"yb-pricing\" aria-labelledby=\"yb-pricing-title\">\r\n  <div class=\"yb-pricing__head\">\r\n    <span class=\"yb-pricing__eyebrow\">FLEXIBLE PLANS<\/span>\r\n    <h2 id=\"yb-pricing-title\">SEO <span>pricing<\/span><\/h2>\r\n    <p>Choose the level of support that fits your goals. Each project is quoted based on your website, market, and the work required.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"yb-pricing__grid\">\r\n    <article class=\"yb-pricing__card\">\r\n      <span class=\"yb-pricing__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><circle cx=\"15\" cy=\"15\" r=\"10\"\/><path d=\"m22 22 6 6M9 19l4-4 3 2 5-7\"\/><\/svg><\/span>\r\n      <h3>Essential<\/h3>\r\n      <p class=\"yb-pricing__description\">A clear starting point for improving your search presence.<\/p>\r\n      <div class=\"yb-pricing__price\"><strong>Custom quote<\/strong><small>Based on your project scope<\/small><\/div>\r\n      <ul class=\"yb-pricing__features\">\r\n        <li>Website SEO review<\/li>\r\n        <li>On-page priorities<\/li>\r\n        <li>Action roadmap<\/li>\r\n        <li>Clear recommendations<\/li>\r\n      <\/ul>\r\n      <a class=\"yb-pricing__button\" href=\"\/contact\/\">REQUEST A QUOTE <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"m3 1 6 5-6 5z\"\/><\/svg><\/a>\r\n    <\/article>\r\n\r\n    <article class=\"yb-pricing__card yb-pricing__card--featured\">\r\n      <span class=\"yb-pricing__badge\">POPULAR CHOICE<\/span>\r\n      <span class=\"yb-pricing__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M12 20h8M13 24h6m-9-7a10 10 0 1 1 12 0c-1.5 1-2 2-2 4h-8c0-2-1-3-2-4Z\"\/><path d=\"M16 5v3m-7 2 2 2m12-2-2 2\"\/><\/svg><\/span>\r\n      <h3>Growth<\/h3>\r\n      <p class=\"yb-pricing__description\">Ongoing improvements for businesses ready to build momentum.<\/p>\r\n      <div class=\"yb-pricing__price\"><strong>Custom quote<\/strong><small>Based on your project scope<\/small><\/div>\r\n      <ul class=\"yb-pricing__features\">\r\n        <li>SEO strategy and priorities<\/li>\r\n        <li>Content direction<\/li>\r\n        <li>Technical recommendations<\/li>\r\n        <li>Performance review<\/li>\r\n      <\/ul>\r\n      <a class=\"yb-pricing__button\" href=\"\/contact\/\">REQUEST A QUOTE <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"m3 1 6 5-6 5z\"\/><\/svg><\/a>\r\n    <\/article>\r\n\r\n    <article class=\"yb-pricing__card\">\r\n      <span class=\"yb-pricing__icon\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><circle cx=\"16\" cy=\"16\" r=\"12\"\/><circle cx=\"16\" cy=\"16\" r=\"7\"\/><circle cx=\"16\" cy=\"16\" r=\"2\"\/><path d=\"m16 16 11-11m-4 0h4v4\"\/><\/svg><\/span>\r\n      <h3>Advanced<\/h3>\r\n      <p class=\"yb-pricing__description\">A broader plan for competitive markets and larger websites.<\/p>\r\n      <div class=\"yb-pricing__price\"><strong>Custom quote<\/strong><small>Based on your project scope<\/small><\/div>\r\n      <ul class=\"yb-pricing__features\">\r\n        <li>In-depth technical SEO<\/li>\r\n        <li>Content and search planning<\/li>\r\n        <li>Conversion recommendations<\/li>\r\n        <li>Reporting and next steps<\/li>\r\n      <\/ul>\r\n      <a class=\"yb-pricing__button\" href=\"\/contact\/\">REQUEST A QUOTE <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"m3 1 6 5-6 5z\"\/><\/svg><\/a>\r\n    <\/article>\r\n  <\/div>\r\n  <p class=\"yb-pricing__note\">Plan features and final pricing are confirmed in your proposal.<\/p>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2faf6f elementor-widget elementor-widget-html\" data-id=\"f2faf6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this complete snippet into a WordPress Custom HTML block. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-presence, .yb-presence * { box-sizing: border-box; }\r\n.yb-presence {\r\n  --ypr-blue: #1050c9;\r\n  --ypr-ink: #171b24;\r\n  --ypr-muted: #5d697a;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  background: linear-gradient(145deg, #fff 0%, #fbfdff 72%, #f5f9ff 100%);\r\n  color: var(--ypr-ink);\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.yb-presence__inner {\r\n  display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);\r\n  align-items: center; gap: clamp(40px, 6.5vw, 110px);\r\n  width: 100%; padding: 83px clamp(24px, 7vw, 140px) 88px;\r\n}\r\n.yb-presence__visual { width: 100%; max-width: 690px; }\r\n.yb-presence__visual svg { display: block; width: 100%; height: auto; overflow: visible; }\r\n.yb-presence__copy { max-width: 610px; }\r\n.yb-presence__eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  margin-bottom: 17px; color: var(--ypr-blue);\r\n  font-size: 11px; font-weight: 700; letter-spacing: .15em;\r\n}\r\n.yb-presence__eyebrow::before { content: ''; width: 25px; height: 2px; background: currentColor; }\r\n.yb-presence h2 {\r\n  max-width: 620px; margin: 0 0 19px; color: var(--ypr-ink);\r\n  font-family: 'Outfit', sans-serif; font-size: clamp(36px, 3.4vw, 55px);\r\n  line-height: 1.13; font-weight: 700; letter-spacing: -.045em;\r\n}\r\n.yb-presence h2 span { color: var(--ypr-blue); }\r\n.yb-presence__intro {\r\n  max-width: 560px; margin: 0 0 25px; color: var(--ypr-muted);\r\n  font-size: clamp(15px, 1vw, 17px); line-height: 1.75;\r\n}\r\n.yb-presence__list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }\r\n.yb-presence__list li { display: flex; align-items: flex-start; gap: 12px; color: #354259; font-size: 15px; line-height: 1.45; font-weight: 500; }\r\n.yb-presence__list li::before {\r\n  content: '\u2713'; display: grid; place-items: center;\r\n  width: 21px; height: 21px; flex: none; margin-top: 1px;\r\n  border-radius: 50%; background: #e9f2ff; color: var(--ypr-blue);\r\n  font-size: 13px; font-weight: 700;\r\n}\r\n.yb-presence__link {\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 11px;\r\n  min-height: 47px; margin-top: 31px; padding: 0 21px;\r\n  border: 1px solid var(--ypr-blue); border-radius: 100px;\r\n  color: #fff !important; background: var(--ypr-blue);\r\n  text-decoration: none !important; font-size: 11px; font-weight: 700;\r\n  letter-spacing: .045em; transition: background .2s, transform .2s;\r\n}\r\n.yb-presence__link:hover { background: #073b9e; transform: translateY(-2px); }\r\n.yb-presence__link svg { width: 14px; height: 14px; fill: currentColor; }\r\n.yb-presence a:focus-visible { outline: 2px solid var(--ypr-blue); outline-offset: 4px; }\r\n@media (max-width: 900px) {\r\n  .yb-presence__inner { gap: 32px; }\r\n  .yb-presence h2 { font-size: clamp(35px, 4.3vw, 49px); }\r\n}\r\n@media (max-width: 780px) {\r\n  .yb-presence__inner { grid-template-columns: 1fr; padding: 70px 32px 76px; gap: 22px; }\r\n  .yb-presence__copy { grid-row: 1; max-width: 700px; }\r\n  .yb-presence__visual { grid-row: 2; max-width: 590px; justify-self: center; }\r\n}\r\n@media (max-width: 520px) {\r\n  .yb-presence__inner { padding: 55px 20px 62px; }\r\n  .yb-presence h2 { font-size: clamp(35px, 9vw, 45px); }\r\n  .yb-presence__intro { font-size: 15px; }\r\n  .yb-presence__list li { font-size: 14px; }\r\n  .yb-presence__visual { width: 112%; margin-left: -6%; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { .yb-presence__link { transition: none; } }\r\n<\/style>\r\n\r\n<section class=\"yb-presence\" aria-labelledby=\"yb-presence-heading\">\r\n  <div class=\"yb-presence__inner\">\r\n    <div class=\"yb-presence__visual\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 690 480\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <defs>\r\n          <linearGradient id=\"ypr-laptop\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#536985\"\/><stop offset=\"1\" stop-color=\"#1a2944\"\/><\/linearGradient>\r\n          <linearGradient id=\"ypr-envelope\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#ffdb92\"\/><stop offset=\"1\" stop-color=\"#e9a847\"\/><\/linearGradient>\r\n          <linearGradient id=\"ypr-blue\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#5c9cff\"\/><stop offset=\"1\" stop-color=\"#1045b7\"\/><\/linearGradient>\r\n          <filter id=\"ypr-shadow\" x=\"-40%\" y=\"-45%\" width=\"180%\" height=\"200%\"><feDropShadow dx=\"0\" dy=\"18\" stdDeviation=\"17\" flood-color=\"#233f70\" flood-opacity=\".17\"\/><\/filter>\r\n          <filter id=\"ypr-soft\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\"><feDropShadow dx=\"0\" dy=\"9\" stdDeviation=\"10\" flood-color=\"#284e88\" flood-opacity=\".16\"\/><\/filter>\r\n        <\/defs>\r\n        <circle cx=\"337\" cy=\"224\" r=\"205\" fill=\"#eaf3ff\"\/>\r\n        <circle cx=\"337\" cy=\"224\" r=\"162\" fill=\"none\" stroke=\"#d6e8ff\" stroke-width=\"2\" stroke-dasharray=\"6 11\"\/>\r\n        <path d=\"m573 78 5 12 12 5-12 5-5 12-5-12-12-5 12-5z\" fill=\"#ffc772\"\/>\r\n        <path d=\"m94 345 4 9 9 4-9 4-4 9-4-9-9-4 9-4z\" fill=\"#79aaf3\"\/>\r\n        <circle cx=\"114\" cy=\"98\" r=\"6\" fill=\"#7faef4\"\/>\r\n\r\n        <!-- Laptop -->\r\n        <g filter=\"url(#ypr-shadow)\">\r\n          <rect x=\"139\" y=\"80\" width=\"417\" height=\"275\" rx=\"17\" fill=\"url(#ypr-laptop)\"\/>\r\n          <rect x=\"153\" y=\"94\" width=\"389\" height=\"246\" rx=\"8\" fill=\"#f3f8ff\"\/>\r\n          <circle cx=\"348\" cy=\"88\" r=\"2\" fill=\"#a1b5cf\"\/>\r\n          <path d=\"M123 355h450l-15 19H137z\" fill=\"#293a57\"\/>\r\n          <path d=\"M123 355h450l-8 8H131z\" fill=\"#637a9a\"\/>\r\n          <path d=\"M303 355h90l-9 7h-72z\" fill=\"#344a6e\"\/>\r\n          <rect x=\"179\" y=\"120\" width=\"97\" height=\"10\" rx=\"5\" fill=\"#bfd5f4\"\/>\r\n          <rect x=\"179\" y=\"139\" width=\"65\" height=\"7\" rx=\"3.5\" fill=\"#d5e4f8\"\/>\r\n          <rect x=\"435\" y=\"117\" width=\"77\" height=\"22\" rx=\"11\" fill=\"#e2efff\"\/>\r\n        <\/g>\r\n\r\n        <!-- Email campaign -->\r\n        <g filter=\"url(#ypr-soft)\">\r\n          <path d=\"M227 180h243v147H227z\" fill=\"url(#ypr-envelope)\"\/>\r\n          <path d=\"m227 181 121 86 122-86\" fill=\"none\" stroke=\"#e5a344\" stroke-width=\"4\"\/>\r\n          <path d=\"m227 326 91-79 30 20 31-21 91 80\" fill=\"#f8c870\" stroke=\"#e7a746\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n          <path d=\"M259 151h176v113l-87 59-89-59z\" fill=\"#fff\" stroke=\"#d9e7f8\" stroke-width=\"3\"\/>\r\n          <rect x=\"288\" y=\"173\" width=\"60\" height=\"34\" rx=\"6\" fill=\"#e6f0ff\"\/>\r\n          <text x=\"318\" y=\"196\" text-anchor=\"middle\" fill=\"#1050c9\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"17\" font-weight=\"700\">AD<\/text>\r\n          <path d=\"M361 177h51M361 192h39M287 222h124M287 237h87\" stroke=\"#cfddf1\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\r\n          <path d=\"m227 326 121-87 122 87\" fill=\"url(#ypr-envelope)\" stroke=\"#e0a046\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n        <\/g>\r\n\r\n        <!-- Megaphone -->\r\n        <g filter=\"url(#ypr-soft)\" transform=\"rotate(-12 529 274)\">\r\n          <path d=\"m482 245 66-33v76l-66-28z\" fill=\"url(#ypr-blue)\"\/>\r\n          <ellipse cx=\"548\" cy=\"250\" rx=\"17\" ry=\"40\" fill=\"#78adfb\" stroke=\"#1050c9\" stroke-width=\"3\"\/>\r\n          <path d=\"m480 242-17 3v20l17-3z\" fill=\"#244f9f\"\/>\r\n          <path d=\"m468 264 16 7-2 37-16 1-10-42z\" fill=\"#315da9\"\/>\r\n          <path d=\"m572 233 13-7m-12 26h17m-19 15 13 8\" stroke=\"#f0b85c\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n        <\/g>\r\n\r\n        <!-- Floating social signals -->\r\n        <g filter=\"url(#ypr-soft)\">\r\n          <rect x=\"78\" y=\"171\" width=\"78\" height=\"61\" rx=\"15\" fill=\"#fff\" stroke=\"#dce9fa\" stroke-width=\"2\"\/>\r\n          <circle cx=\"109\" cy=\"200\" r=\"16\" fill=\"#eaf3ff\"\/>\r\n          <path d=\"m103 200 5 5 9-11\" fill=\"none\" stroke=\"#1050c9\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <path d=\"M132 194h12M132 205h9\" stroke=\"#bbd0ed\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n          <rect x=\"518\" y=\"114\" width=\"95\" height=\"58\" rx=\"15\" fill=\"#fff\" stroke=\"#dce9fa\" stroke-width=\"2\"\/>\r\n          <path d=\"M539 133h53M539 145h37\" stroke=\"#a9c8f4\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"591\" cy=\"145\" r=\"8\" fill=\"#1050c9\"\/>\r\n          <path d=\"m587 145 3 3 5-6\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <circle cx=\"201\" cy=\"93\" r=\"19\" fill=\"#fff\" stroke=\"#dce9fa\" stroke-width=\"2\"\/>\r\n          <path d=\"M193 94c-2-8 9-11 12-5 2 4 0 7-4 10l-4 4-4-5z\" fill=\"#78a7ee\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"yb-presence__copy\">\r\n      <span class=\"yb-presence__eyebrow\">GROW YOUR VISIBILITY<\/span>\r\n      <h2 id=\"yb-presence-heading\">Build an online presence <span>that works for your business.<\/span><\/h2>\r\n      <p class=\"yb-presence__intro\">Make it easier for the right people to discover you, understand what you offer, and take the next step. A connected strategy brings your website, search, social media, and content together.<\/p>\r\n      <ul class=\"yb-presence__list\">\r\n        <li>Search-friendly website content<\/li>\r\n        <li>Social media marketing and advertising<\/li>\r\n        <li>Consistent, useful content strategy<\/li>\r\n      <\/ul>\r\n      <a class=\"yb-presence__link\" href=\"\/contact\/\">LET'S BUILD YOUR STRATEGY <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"m3 1 6 5-6 5z\"\/><\/svg><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc4407 elementor-widget elementor-widget-html\" data-id=\"5fc4407\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this entire snippet into a WordPress Custom HTML block.\r\n     Replace the three SAMPLE REVIEW quotes and client details with genuine, approved testimonials before publishing. -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap');\r\n\r\n.yb-reviews, .yb-reviews * { box-sizing: border-box; }\r\n.yb-reviews {\r\n  --ybr-blue: #1050c9;\r\n  --ybr-ink: #171b24;\r\n  --ybr-muted: #647084;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  background: radial-gradient(circle at 96% 4%, #eaf3ff 0, transparent 26%), linear-gradient(180deg, #f9fbff 0%, #f5f8fe 100%);\r\n  color: var(--ybr-ink);\r\n  font-family: 'Outfit', sans-serif;\r\n}\r\n.yb-reviews__inner { width: 100%; padding: clamp(72px, 7vw, 112px) clamp(24px, 7vw, 140px) clamp(76px, 7vw, 116px); }\r\n.yb-reviews__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 39px; }\r\n.yb-reviews__title-area { max-width: 680px; }\r\n.yb-reviews__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; color: var(--ybr-blue); font-size: 11px; font-weight: 700; letter-spacing: .15em; }\r\n.yb-reviews__eyebrow::before { content: ''; display: block; width: 24px; height: 2px; background: currentColor; }\r\n.yb-reviews h2 { margin: 0; color: var(--ybr-ink); font: 700 clamp(36px, 3.5vw, 56px)\/1.14 'Outfit', sans-serif; letter-spacing: -.045em; }\r\n.yb-reviews h2 span { color: var(--ybr-blue); }\r\n.yb-reviews__intro { max-width: 340px; margin: 0 0 5px; color: var(--ybr-muted); font-size: 16px; line-height: 1.7; }\r\n.yb-reviews__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }\r\n.yb-reviews__card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 345px; padding: clamp(26px, 2.3vw, 37px); border: 1px solid #e5ebf5; border-radius: 18px; background: #fff; box-shadow: 0 16px 45px rgba(24, 61, 117, .045); transition: transform .25s ease, box-shadow .25s ease; }\r\n.yb-reviews__card:hover { transform: translateY(-5px); box-shadow: 0 23px 55px rgba(24, 61, 117, .11); }\r\n.yb-reviews__card--featured { border-color: #163d85; background: linear-gradient(145deg, #173872 0%, #102648 100%); box-shadow: 0 22px 54px rgba(16, 45, 93, .18); }\r\n.yb-reviews__card--featured:hover { box-shadow: 0 27px 60px rgba(16, 45, 93, .25); }\r\n.yb-reviews__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 27px; }\r\n.yb-reviews__quote-mark { color: var(--ybr-blue); font: 800 63px\/.65 Georgia, serif; transform: translateY(8px); }\r\n.yb-reviews__card--featured .yb-reviews__quote-mark { color: #75abff; }\r\n.yb-reviews__sample { padding: 7px 10px; border-radius: 100px; background: #edf4ff; color: #2055a6; font-size: 10px; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }\r\n.yb-reviews__card--featured .yb-reviews__sample { background: rgba(255,255,255,.13); color: #d6e6ff; }\r\n.yb-reviews__quote { flex: 1; margin: 0 0 31px; color: #344258; font-size: clamp(16px, 1.12vw, 19px); font-weight: 500; line-height: 1.63; }\r\n.yb-reviews__card--featured .yb-reviews__quote { color: #f5f8ff; }\r\n.yb-reviews__person { display: flex; align-items: center; gap: 12px; padding-top: 20px; border-top: 1px solid #e9edf5; }\r\n.yb-reviews__card--featured .yb-reviews__person { border-color: rgba(255,255,255,.18); }\r\n.yb-reviews__avatar { display: grid; place-items: center; width: 41px; height: 41px; flex: none; border-radius: 12px; background: #eaf2ff; color: var(--ybr-blue); }\r\n.yb-reviews__avatar svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\r\n.yb-reviews__card--featured .yb-reviews__avatar { background: rgba(255,255,255,.13); color: #dceaff; }\r\n.yb-reviews__name { display: block; color: var(--ybr-ink); font-size: 14px; font-weight: 700; line-height: 1.35; }\r\n.yb-reviews__role { display: block; margin-top: 3px; color: var(--ybr-muted); font-size: 12px; line-height: 1.4; }\r\n.yb-reviews__card--featured .yb-reviews__name { color: #fff; }\r\n.yb-reviews__card--featured .yb-reviews__role { color: #c1d1ed; }\r\n.yb-reviews__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 36px; }\r\n.yb-reviews__footnote { margin: 0; color: var(--ybr-muted); font-size: 14px; line-height: 1.5; }\r\n.yb-reviews__link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 47px; padding: 0 21px; border: 1px solid var(--ybr-blue); border-radius: 100px; background: var(--ybr-blue); color: #fff !important; text-decoration: none !important; font-size: 11px; font-weight: 700; letter-spacing: .05em; white-space: nowrap; transition: background .2s, transform .2s; }\r\n.yb-reviews__link:hover { background: #073b9e; transform: translateY(-2px); }\r\n.yb-reviews__link svg { width: 13px; height: 13px; fill: currentColor; }\r\n.yb-reviews a:focus-visible { outline: 2px solid var(--ybr-blue); outline-offset: 4px; }\r\n@media (max-width: 1000px) { .yb-reviews__header { align-items: flex-start; flex-direction: column; gap: 15px; } .yb-reviews__intro { max-width: 590px; } .yb-reviews__grid { gap: 14px; } .yb-reviews__card { padding: 25px; } }\r\n@media (max-width: 760px) { .yb-reviews__inner { padding: 72px 32px 80px; } .yb-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yb-reviews__card--featured { grid-column: span 2; } .yb-reviews__card { min-height: 300px; } }\r\n@media (max-width: 560px) { .yb-reviews__inner { padding: 59px 20px 68px; } .yb-reviews__header { margin-bottom: 28px; } .yb-reviews h2 { font-size: clamp(34px, 9vw, 43px); } .yb-reviews__intro { font-size: 15px; } .yb-reviews__grid { grid-template-columns: 1fr; gap: 15px; } .yb-reviews__card--featured { grid-column: auto; } .yb-reviews__card { min-height: 0; padding: 27px; } .yb-reviews__quote { min-height: 100px; } .yb-reviews__footer { align-items: flex-start; flex-direction: column; margin-top: 28px; } }\r\n@media (prefers-reduced-motion: reduce) { .yb-reviews__card, .yb-reviews__link { transition: none; } }\r\n<\/style>\r\n\r\n<section class=\"yb-reviews\" aria-labelledby=\"yb-reviews-heading\">\r\n  <div class=\"yb-reviews__inner\">\r\n    <div class=\"yb-reviews__header\">\r\n      <div class=\"yb-reviews__title-area\">\r\n        <span class=\"yb-reviews__eyebrow\">CLIENT REVIEWS<\/span>\r\n        <h2 id=\"yb-reviews-heading\">The experience behind <span>the results.<\/span><\/h2>\r\n      <\/div>\r\n      <p class=\"yb-reviews__intro\">Hear directly from the businesses we've had the opportunity to work with.<\/p>\r\n    <\/div>\r\n\r\n    <!-- SAMPLE REVIEW 1: Replace quote and client details with approved, real feedback. -->\r\n    <div class=\"yb-reviews__grid\">\r\n      <article class=\"yb-reviews__card yb-reviews__card--featured\">\r\n        <div class=\"yb-reviews__top\"><span class=\"yb-reviews__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"yb-reviews__sample\">SAMPLE REVIEW<\/span><\/div>\r\n        <blockquote class=\"yb-reviews__quote\">\u201cReplace this example with a real client quote about the project, their experience, and the outcome they observed.\u201d<\/blockquote>\r\n        <div class=\"yb-reviews__person\">\r\n          <span class=\"yb-reviews__avatar\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"\/><path d=\"M5 20c0-4 2.6-6 7-6s7 2 7 6\"\/><\/svg><\/span>\r\n          <span><span class=\"yb-reviews__name\">Client name<\/span><span class=\"yb-reviews__role\">Company \u00b7 Role<\/span><\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- SAMPLE REVIEW 2: Replace quote and client details with approved, real feedback. -->\r\n      <article class=\"yb-reviews__card\">\r\n        <div class=\"yb-reviews__top\"><span class=\"yb-reviews__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"yb-reviews__sample\">SAMPLE REVIEW<\/span><\/div>\r\n        <blockquote class=\"yb-reviews__quote\">\u201cAdd an authentic comment here about your SEO, website, or marketing work and what the client valued most.\u201d<\/blockquote>\r\n        <div class=\"yb-reviews__person\">\r\n          <span class=\"yb-reviews__avatar\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"\/><path d=\"M5 20c0-4 2.6-6 7-6s7 2 7 6\"\/><\/svg><\/span>\r\n          <span><span class=\"yb-reviews__name\">Client name<\/span><span class=\"yb-reviews__role\">Company \u00b7 Role<\/span><\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- SAMPLE REVIEW 3: Replace quote and client details with approved, real feedback. -->\r\n      <article class=\"yb-reviews__card\">\r\n        <div class=\"yb-reviews__top\"><span class=\"yb-reviews__quote-mark\" aria-hidden=\"true\">\u201c<\/span><span class=\"yb-reviews__sample\">SAMPLE REVIEW<\/span><\/div>\r\n        <blockquote class=\"yb-reviews__quote\">\u201cShare a verified client statement about communication, the process, or the impact on their business.\u201d<\/blockquote>\r\n        <div class=\"yb-reviews__person\">\r\n          <span class=\"yb-reviews__avatar\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"\/><path d=\"M5 20c0-4 2.6-6 7-6s7 2 7 6\"\/><\/svg><\/span>\r\n          <span><span class=\"yb-reviews__name\">Client name<\/span><span class=\"yb-reviews__role\">Company \u00b7 Role<\/span><\/span>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"yb-reviews__footer\">\r\n      <p class=\"yb-reviews__footnote\">Thoughtful strategy. Clear communication. Work built around your goals.<\/p>\r\n      <a class=\"yb-reviews__link\" href=\"\/contact\/\">LET'S TALK ABOUT YOUR PROJECT <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"m3 1 6 5-6 5z\"\/><\/svg><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\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>DIGITAL MARKETING EXPERT Grow Your Business Beyond the Ordinary. Get found by the right people and turn more clicks into customers with SEO, Google Ads, and marketing built around your goals. LET&#8217;S WORK TOGETHER EXPLORE SERVICES HOW I CAN HELP SEO Strategy Google Ads Social Media Website Growth OUR SERVICES Digital marketing built for meaningful [&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":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":25,"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/yasirbhatti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}