{"id":7,"date":"2021-10-04T20:04:20","date_gmt":"2021-10-04T20:04:20","guid":{"rendered":"http:\/\/illumin8webdesign.co.za\/?page_id=7"},"modified":"2026-08-03T22:27:29","modified_gmt":"2026-08-03T20:27:29","slug":"home","status":"publish","type":"page","link":"https:\/\/illumin8marketing.co.za\/staging\/","title":{"rendered":"Strategic Marketing Support for SA SMEs | Illumin8"},"content":{"rendered":"\r\n\r\n<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section i8-home-hero-section\">\r\n\r\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Hero Section\n   Image handled in Divi Section background settings\n   ========================================================================== *\/\n\n.i8-home-hero-section {\n  position: relative !important;\n  isolation: isolate;\n  overflow: hidden !important;\n\n  min-height: clamp(620px, 82vh, 780px);\n\n  display: flex;\n  align-items: center;\n\n  background-color: #07080d !important;\n  background-position: center right !important;\n  background-size: cover !important;\n  background-repeat: no-repeat !important;\n}\n\n\/* Dark readability overlay *\/\n.i8-home-hero-section::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(2, 3, 8, 1) 0%,\n      rgba(2, 3, 8, 0.98) 22%,\n      rgba(2, 3, 8, 0.9) 42%,\n      rgba(2, 3, 8, 0.58) 62%,\n      rgba(2, 3, 8, 0.16) 84%,\n      rgba(2, 3, 8, 0.04) 100%\n    );\n\n  pointer-events: none;\n}\n\n\/* Subtle bottom depth *\/\n.i8-home-hero-section::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(2, 3, 8, 0.25) 0%,\n      rgba(2, 3, 8, 0.02) 36%,\n      rgba(2, 3, 8, 0.18) 74%,\n      rgba(2, 3, 8, 0.58) 100%\n    );\n\n  pointer-events: none;\n}\n\n.i8-home-hero-section .et_pb_row,\n.i8-home-hero-section .et_pb_column,\n.i8-home-hero-section .et_pb_module {\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* Remove unwanted Divi spacing inside the hero *\/\n.i8-home-hero-section .et_pb_row {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding: 0 !important;\n}\n\n\/* Hero content *\/\n\n.i8-home-hero,\n.i8-home-hero *,\n.i8-home-hero *::before,\n.i8-home-hero *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-hero {\n  width: 100%;\n  padding: clamp(112px, 10vw, 148px) 0 clamp(82px, 8vw, 112px);\n\n  color: #d6d8e2;\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n.i8-home-hero__inner {\n  width: min(calc(100% - 48px), 1180px);\n  margin: 0 auto;\n}\n\n.i8-home-hero__content {\n  max-width: 690px;\n}\n\n.i8-home-hero__eyebrow {\n  display: inline-block;\n\n  margin: 0 0 22px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(11px, 0.9vw, 13px);\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    #ffb321 0%,\n    #ff6a1a 35%,\n    #ff2e88 68%,\n    #7a4dff 100%\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.22))\n    drop-shadow(0 0 16px rgba(255, 46, 136, 0.12));\n}\n\n.i8-home-hero__title {\n  max-width: 760px;\n  margin: 0 0 28px !important;\n\n  color: #f8f7f2 !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(48px, 5vw, 68px);\n  font-weight: 800;\n  line-height: 1.07;\n  letter-spacing: -0.045em;\n\n  text-wrap: balance;\n}\n\n.i8-home-hero__copy {\n  max-width: 660px;\n}\n\n.i8-home-hero__copy p {\n  margin: 0 0 20px !important;\n\n  color: #d6d8e2 !important;\n  font-size: clamp(16px, 1.2vw, 18px);\n  line-height: 1.72;\n}\n\n.i8-home-hero__copy p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* Buttons *\/\n\n.i8-home-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 15px;\n\n  margin: 40px 0 0;\n}\n\n.i8-home-hero__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 54px;\n  padding: 15px 26px;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 14.5px;\n  font-weight: 700;\n  line-height: 1.25;\n  text-align: center;\n  text-decoration: none !important;\n\n  border-radius: 15px;\n\n  transition:\n    transform 220ms ease,\n    background 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-hero__button--primary {\n  color: #07080d !important;\n\n  background: linear-gradient(\n    135deg,\n    #ffb321,\n    #ff6a1a\n  );\n\n  border: 1px solid rgba(255, 255, 255, 0.22);\n\n  box-shadow:\n    0 14px 32px rgba(255, 106, 26, 0.18),\n    0 0 24px rgba(255, 179, 33, 0.1);\n}\n\n.i8-home-hero__button--secondary {\n  color: #f8f7f2 !important;\n\n  background:\n    linear-gradient(\n      rgba(7, 8, 13, 0.78),\n      rgba(7, 8, 13, 0.78)\n    ) padding-box,\n    linear-gradient(\n      135deg,\n      #ffb321,\n      #ff6a1a,\n      #ff2e88,\n      #7a4dff\n    ) border-box;\n\n  border: 1px solid transparent;\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n@media (hover: hover) {\n  .i8-home-hero__button:hover {\n    transform: translateY(-2px);\n  }\n\n  .i8-home-hero__button--primary:hover {\n    color: #07080d !important;\n\n    box-shadow:\n      0 18px 38px rgba(255, 106, 26, 0.24),\n      0 0 28px rgba(255, 179, 33, 0.14);\n  }\n\n  .i8-home-hero__button--secondary:hover {\n    color: #f8f7f2 !important;\n\n    background:\n      linear-gradient(\n        rgba(23, 26, 35, 0.92),\n        rgba(23, 26, 35, 0.92)\n      ) padding-box,\n      linear-gradient(\n        135deg,\n        #ffb321,\n        #ff6a1a,\n        #ff2e88,\n        #7a4dff\n      ) border-box;\n\n    box-shadow:\n      0 0 22px rgba(255, 179, 33, 0.08),\n      0 0 34px rgba(255, 46, 136, 0.06);\n  }\n}\n\n\/* Tablet *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-hero-section {\n    min-height: auto;\n    background-position: 64% center !important;\n  }\n\n  .i8-home-hero-section::before {\n    background:\n      linear-gradient(\n        90deg,\n        rgba(2, 3, 8, 1) 0%,\n        rgba(2, 3, 8, 0.99) 42%,\n        rgba(2, 3, 8, 0.86) 72%,\n        rgba(2, 3, 8, 0.56) 100%\n      );\n  }\n\n  .i8-home-hero {\n    padding: 104px 0 84px;\n  }\n\n  .i8-home-hero__inner {\n    width: min(calc(100% - 42px), 760px);\n  }\n\n  .i8-home-hero__title {\n    font-size: clamp(42px, 7.6vw, 58px);\n  }\n}\n\n\/* Mobile *\/\n\n@media all and (max-width: 700px) {\n  .i8-home-hero-section {\n    background-position: 60% center !important;\n  }\n\n  .i8-home-hero-section::before {\n    background:\n      linear-gradient(\n        90deg,\n        rgba(2, 3, 8, 1) 0%,\n        rgba(2, 3, 8, 0.99) 60%,\n        rgba(2, 3, 8, 0.92) 84%,\n        rgba(2, 3, 8, 0.7) 100%\n      );\n  }\n\n  .i8-home-hero {\n    padding: 84px 0 70px;\n  }\n\n  .i8-home-hero__inner {\n    width: calc(100% - 32px);\n  }\n\n  .i8-home-hero__eyebrow {\n    margin-bottom: 18px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-hero__title {\n    margin-bottom: 23px !important;\n\n    font-size: clamp(36px, 10.5vw, 46px);\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n  }\n\n  .i8-home-hero__copy p {\n    font-size: 15.5px;\n    line-height: 1.68;\n  }\n\n  .i8-home-hero__actions {\n    flex-direction: column;\n    width: 100%;\n    margin-top: 34px;\n  }\n\n  .i8-home-hero__button {\n    width: 100%;\n    min-height: 54px;\n  }\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .i8-home-hero__button {\n    transition: none;\n  }\n\n  .i8-home-hero__button:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<div\n  class=\"i8-home-hero\"\n  aria-labelledby=\"i8-home-hero-title\"\n>\n  <div class=\"i8-home-hero__inner\">\n\n    <div class=\"i8-home-hero__content\">\n\n      <p class=\"i8-home-hero__eyebrow\">\n        Owner-led marketing consultancy for South African SMEs\n      <\/p>\n\n      <h1\n        id=\"i8-home-hero-title\"\n        class=\"i8-home-hero__title\"\n      >\n        Strategic marketing support for growing South African businesses\n      <\/h1>\n\n      <div class=\"i8-home-hero__copy\">\n        <p>\n          Illumin8 Marketing helps established SMEs, service providers and owner-led businesses strengthen how they communicate, present themselves online and make more focused marketing decisions.\n        <\/p>\n\n        <p>\n          From brand messaging and website development to SEO, content and ongoing guidance, Illumin8 brings together strategic thinking and practical implementation, without the overwhelm of trying to manage it all alone.\n        <\/p>\n      <\/div>\n\n      <div class=\"i8-home-hero__actions\">\n        <a\n          class=\"i8-home-hero__button i8-home-hero__button--primary\"\n          href=\"\/staging\/lets-chat\/\"\n        >\n          Book a Clarity Call\n        <\/a>\n\n        <a\n          class=\"i8-home-hero__button i8-home-hero__button--secondary\"\n          href=\"\/staging\/marketing-services\/\"\n        >\n          Explore Our Services\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Challenge Section\n   Self-contained Divi Code Module\n   ========================================================================== *\/\n\n.i8-home-challenge,\n.i8-home-challenge *,\n.i8-home-challenge *::before,\n.i8-home-challenge *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-challenge {\n  --i8-challenge-bg: #0d0f15;\n  --i8-challenge-card: #171a23;\n  --i8-challenge-text: #f8f7f2;\n  --i8-challenge-muted: #b9bbc7;\n  --i8-challenge-soft: #858895;\n  --i8-challenge-amber: #ffb321;\n  --i8-challenge-orange: #ff6a1a;\n  --i8-challenge-magenta: #ff2e88;\n  --i8-challenge-violet: #7a4dff;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(76px, 8vw, 108px) 0;\n\n  color: var(--i8-challenge-muted);\n\n  background: var(--i8-bg);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n.i8-home-challenge::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 8%;\n  left: 8%;\n\n  height: 1px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 179, 33, 0.56),\n    rgba(255, 106, 26, 0.44),\n    rgba(255, 46, 136, 0.34),\n    rgba(122, 77, 255, 0.34),\n    transparent\n  );\n\n  opacity: 0.62;\n  pointer-events: none;\n}\n\n.i8-home-challenge__inner {\n  position: relative;\n  z-index: 1;\n\n  display: grid;\n  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);\n  align-items: center;\n  gap: clamp(38px, 5vw, 72px);\n\n  width: min(calc(100% - 48px), 1120px);\n  margin: 0 auto;\n}\n\n\/* Main copy *\/\n\n.i8-home-challenge__copy {\n  max-width: 760px;\n}\n\n.i8-home-challenge__eyebrow {\n  display: inline-block;\n\n  margin: 0 0 18px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-challenge-amber),\n    var(--i8-challenge-orange),\n    var(--i8-challenge-magenta),\n    var(--i8-challenge-violet)\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.18))\n    drop-shadow(0 0 14px rgba(255, 46, 136, 0.1));\n}\n\n.i8-home-challenge__title {\n  max-width: 760px;\n  margin: 0 0 28px !important;\n\n  color: var(--i8-challenge-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(38px, 4.6vw, 58px);\n  font-weight: 750;\n  line-height: 1.1;\n  letter-spacing: -0.038em;\n\n  text-wrap: balance;\n}\n\n.i8-home-challenge__body {\n  max-width: 820px;\n}\n\n.i8-home-challenge__body p {\n  margin: 0 0 20px !important;\n\n  color: var(--i8-challenge-muted) !important;\n  font-size: clamp(16px, 1.25vw, 18px);\n  line-height: 1.78;\n}\n\n.i8-home-challenge__body p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* Side card *\/\n\n.i8-home-challenge__panel {\n  position: relative;\n\n  padding: clamp(28px, 4vw, 38px);\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.045),\n      rgba(255, 255, 255, 0.008)\n    ),\n    var(--i8-challenge-card);\n\n  border: 1px solid rgba(255, 255, 255, 0.11);\n  border-radius: 26px;\n\n  box-shadow:\n    0 24px 58px rgba(0, 0, 0, 0.24),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n}\n\n.i8-home-challenge__panel::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-challenge-amber),\n    var(--i8-challenge-orange),\n    var(--i8-challenge-magenta),\n    var(--i8-challenge-violet),\n    transparent\n  );\n\n  opacity: 0.72;\n  pointer-events: none;\n}\n\n.i8-home-challenge__panel::after {\n  content: \"\";\n\n  position: absolute;\n  right: -22%;\n  bottom: -34%;\n\n  width: 260px;\n  aspect-ratio: 1;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255, 179, 33, 0.08),\n      transparent 62%\n    );\n\n  pointer-events: none;\n}\n\n.i8-home-challenge__panel-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.i8-home-challenge__panel-label {\n  margin: 0 0 12px !important;\n\n  color: var(--i8-challenge-amber) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.i8-home-challenge__panel-title {\n  margin: 0 0 20px !important;\n\n  color: var(--i8-challenge-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(23px, 2vw, 30px);\n  font-weight: 700;\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n\n  text-wrap: balance;\n}\n\n.i8-home-challenge__list {\n  display: grid;\n  gap: 13px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  list-style: none !important;\n}\n\n.i8-home-challenge__list li {\n  position: relative;\n\n  margin: 0 !important;\n  padding: 0 0 0 30px;\n\n  color: var(--i8-challenge-muted) !important;\n  font-size: 14.5px;\n  line-height: 1.65;\n}\n\n.i8-home-challenge__list li::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0.68em;\n  left: 0;\n\n  width: 13px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-challenge-amber),\n    var(--i8-challenge-orange),\n    var(--i8-challenge-magenta)\n  );\n\n  box-shadow: 0 0 12px rgba(255, 179, 33, 0.18);\n}\n\n.i8-home-challenge__note {\n  margin: 24px 0 0;\n  padding-top: 20px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.11);\n}\n\n.i8-home-challenge__note p {\n  margin: 0 !important;\n\n  color: var(--i8-challenge-soft) !important;\n  font-size: 13.5px;\n  line-height: 1.65;\n}\n\n\/* Tablet *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-challenge {\n    padding: 76px 0;\n  }\n\n  .i8-home-challenge__inner {\n    grid-template-columns: 1fr;\n    width: min(calc(100% - 42px), 760px);\n    gap: 38px;\n  }\n\n  .i8-home-challenge__copy {\n    max-width: 760px;\n  }\n}\n\n\/* Mobile *\/\n\n@media all and (max-width: 600px) {\n  .i8-home-challenge {\n    padding: 58px 0;\n  }\n\n  .i8-home-challenge__inner {\n    width: calc(100% - 32px);\n    gap: 34px;\n  }\n\n  .i8-home-challenge__eyebrow {\n    margin-bottom: 15px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-challenge__title {\n    margin-bottom: 22px !important;\n\n    font-size: clamp(31px, 9.2vw, 42px);\n    line-height: 1.13;\n    letter-spacing: -0.035em;\n  }\n\n  .i8-home-challenge__body p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-home-challenge__panel {\n    padding: 25px 22px;\n    border-radius: 22px;\n  }\n\n  .i8-home-challenge__panel-title {\n    font-size: 24px;\n  }\n\n  .i8-home-challenge__list li {\n    padding-left: 28px;\n    font-size: 14.5px;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-challenge\"\n  aria-labelledby=\"i8-home-challenge-title\"\n>\n  <div class=\"i8-home-challenge__inner\">\n\n    <div class=\"i8-home-challenge__copy\">\n\n      <p class=\"i8-home-challenge__eyebrow\">\n        The challenge\n      <\/p>\n\n      <h2\n        id=\"i8-home-challenge-title\"\n        class=\"i8-home-challenge__title\"\n      >\n        Your business has grown. Has your marketing kept up?\n      <\/h2>\n\n      <div class=\"i8-home-challenge__body\">\n        <p>\n          As your business grows, your marketing can become harder to manage. Your services may have evolved, your website may no longer reflect the quality and direction of the business, and your content may feel inconsistent or reactive.\n        <\/p>\n\n        <p>\n          The problem is often not a lack of effort. It is that the message, website and marketing activity no longer have a clear structure behind them.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <aside\n      class=\"i8-home-challenge__panel\"\n      aria-label=\"Common signs that marketing needs clearer structure\"\n    >\n      <div class=\"i8-home-challenge__panel-inner\">\n\n        <p class=\"i8-home-challenge__panel-label\">\n          Common signs\n        <\/p>\n\n        <h3 class=\"i8-home-challenge__panel-title\">\n          The work is happening, but the direction feels unclear\n        <\/h3>\n\n        <ul class=\"i8-home-challenge__list\">\n          <li>\n            Your website no longer reflects where the business is now.\n          <\/li>\n\n          <li>\n            Your message changes from one platform to another.\n          <\/li>\n\n          <li>\n            Content is created when there is time, not from a clear plan.\n          <\/li>\n\n          <li>\n            Marketing decisions feel reactive rather than structured.\n          <\/li>\n        <\/ul>\n\n        <div class=\"i8-home-challenge__note\">\n          <p>\n            This is usually a clarity and structure problem before it is a visibility problem.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/aside>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Clearer Way Forward Section\n   Self-contained Divi Code Module\n   ========================================================================== *\/\n\n.i8-home-way,\n.i8-home-way *,\n.i8-home-way *::before,\n.i8-home-way *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-way {\n  --i8-way-bg: #11131a;\n  --i8-way-card: #171a23;\n  --i8-way-panel: #191c25;\n  --i8-way-text: #f8f7f2;\n  --i8-way-muted: #b9bbc7;\n  --i8-way-soft: #858895;\n  --i8-way-amber: #ffb321;\n  --i8-way-orange: #ff6a1a;\n  --i8-way-magenta: #ff2e88;\n  --i8-way-violet: #7a4dff;\n  --i8-way-cyan: #38bdf8;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(76px, 8vw, 108px) 0;\n\n  color: var(--i8-way-muted);\n\n  background: var(--i8-bg);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n.i8-home-way::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 8%;\n  left: 8%;\n\n  height: 1px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 179, 33, 0.56),\n    rgba(255, 106, 26, 0.44),\n    rgba(255, 46, 136, 0.34),\n    rgba(122, 77, 255, 0.34),\n    transparent\n  );\n\n  opacity: 0.62;\n  pointer-events: none;\n}\n\n.i8-home-way__inner {\n  position: relative;\n  z-index: 1;\n\n  width: min(calc(100% - 48px), 1120px);\n  margin: 0 auto;\n}\n\n\/* Top layout *\/\n\n.i8-home-way__top {\n  display: grid;\n  grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);\n  align-items: center;\n  gap: clamp(38px, 5vw, 72px);\n\n  margin: 0 0 clamp(42px, 5vw, 62px);\n}\n\n.i8-home-way__copy {\n  max-width: 620px;\n}\n\n.i8-home-way__eyebrow {\n  display: inline-block;\n\n  margin: 0 0 18px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-way-amber),\n    var(--i8-way-orange),\n    var(--i8-way-magenta),\n    var(--i8-way-violet)\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.18))\n    drop-shadow(0 0 14px rgba(255, 46, 136, 0.1));\n}\n\n.i8-home-way__title {\n  max-width: 650px;\n  margin: 0 0 26px !important;\n\n  color: var(--i8-way-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(36px, 4.5vw, 56px);\n  font-weight: 750;\n  line-height: 1.1;\n  letter-spacing: -0.04em;\n\n  text-wrap: balance;\n}\n\n.i8-home-way__body {\n  max-width: 650px;\n}\n\n.i8-home-way__body p {\n  margin: 0 0 19px !important;\n\n  color: var(--i8-way-muted) !important;\n  font-size: clamp(16px, 1.2vw, 18px);\n  line-height: 1.76;\n}\n\n.i8-home-way__body p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* Practical panel *\/\n\n.i8-home-way__panel {\n  position: relative;\n\n  padding: clamp(28px, 4vw, 38px);\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.045),\n      rgba(255, 255, 255, 0.008)\n    ),\n    var(--i8-way-panel);\n\n  border: 1px solid rgba(255, 179, 33, 0.22);\n  border-radius: 26px;\n\n  box-shadow:\n    0 24px 58px rgba(0, 0, 0, 0.24),\n    0 0 26px rgba(255, 106, 26, 0.055),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n}\n\n.i8-home-way__panel::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-way-amber),\n    var(--i8-way-orange),\n    var(--i8-way-magenta),\n    var(--i8-way-violet),\n    transparent\n  );\n\n  opacity: 0.72;\n  pointer-events: none;\n}\n\n.i8-home-way__panel-title {\n  margin: 0 0 20px !important;\n\n  color: var(--i8-way-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(23px, 2vw, 30px);\n  font-weight: 700;\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n\n  text-wrap: balance;\n}\n\n.i8-home-way__list {\n  display: grid;\n  gap: 13px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  list-style: none !important;\n}\n\n.i8-home-way__list li {\n  position: relative;\n\n  margin: 0 !important;\n  padding: 0 0 0 30px;\n\n  color: var(--i8-way-muted) !important;\n  font-size: 14.5px;\n  line-height: 1.65;\n}\n\n.i8-home-way__list li::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0.68em;\n  left: 0;\n\n  width: 13px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-way-amber),\n    var(--i8-way-orange),\n    var(--i8-way-magenta)\n  );\n\n  box-shadow: 0 0 12px rgba(255, 179, 33, 0.18);\n}\n\n\/* Image *\/\n\n.i8-home-way__visual-wrap {\n  position: relative;\n\n  overflow: hidden;\n\n  padding: clamp(18px, 2.2vw, 26px);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.04),\n      rgba(255, 255, 255, 0.008)\n    ),\n    #07080d;\n\n  border: 1px solid rgba(255, 255, 255, 0.11);\n  border-radius: 30px;\n\n  box-shadow:\n    0 28px 68px rgba(0, 0, 0, 0.26),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n}\n\n.i8-home-way__visual-wrap::before {\n  content: \"\";\n\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-way-amber),\n    var(--i8-way-orange),\n    var(--i8-way-magenta),\n    var(--i8-way-violet),\n    var(--i8-way-cyan),\n    transparent\n  );\n\n  opacity: 0.7;\n  pointer-events: none;\n}\n\n.i8-home-way__image {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  border-radius: 22px;\n\n  object-fit: cover;\n}\n\n.i8-home-way__caption {\n  max-width: 780px;\n  margin: 24px auto 0;\n\n  text-align: center;\n}\n\n.i8-home-way__caption p {\n  margin: 0 !important;\n\n  color: var(--i8-way-soft) !important;\n  font-size: 13.5px;\n  line-height: 1.65;\n}\n\n\/* Tablet *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-way {\n    padding: 76px 0;\n  }\n\n  .i8-home-way__inner {\n    width: min(calc(100% - 42px), 760px);\n  }\n\n  .i8-home-way__top {\n    grid-template-columns: 1fr;\n    gap: 36px;\n    margin-bottom: 42px;\n  }\n\n  .i8-home-way__copy {\n    max-width: 720px;\n  }\n}\n\n\/* Mobile *\/\n\n@media all and (max-width: 600px) {\n  .i8-home-way {\n    padding: 58px 0;\n  }\n\n  .i8-home-way__inner {\n    width: calc(100% - 32px);\n  }\n\n  .i8-home-way__eyebrow {\n    margin-bottom: 15px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-way__title {\n    margin-bottom: 22px !important;\n\n    font-size: clamp(31px, 9.2vw, 42px);\n    line-height: 1.13;\n    letter-spacing: -0.035em;\n  }\n\n  .i8-home-way__body p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-home-way__panel {\n    padding: 25px 22px;\n    border-radius: 22px;\n  }\n\n  .i8-home-way__panel-title {\n    font-size: 24px;\n  }\n\n  .i8-home-way__list li {\n    padding-left: 28px;\n    font-size: 14.5px;\n  }\n\n  .i8-home-way__visual-wrap {\n    padding: 12px;\n    border-radius: 22px;\n  }\n\n  .i8-home-way__image {\n    border-radius: 16px;\n  }\n\n  .i8-home-way__caption {\n    margin-top: 18px;\n    text-align: left;\n  }\n}\n  \/* ==========================================================================\n   Image border cleanup \u2014 remove extra coded frame around image\n   ========================================================================== *\/\n\n\/* Fix background variable *\/\n.i8-home-way {\n  background: var(--i8-way-bg) !important;\n}\n\n\/* Remove the outer frame\/border\/padding around the process image *\/\n.i8-home-way__visual-wrap {\n  padding: 0 !important;\n\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n\n  box-shadow: none !important;\n\n  overflow: visible !important;\n}\n\n\/* Remove the extra gradient line above the image wrapper *\/\n.i8-home-way__visual-wrap::before {\n  content: none !important;\n  display: none !important;\n}\n\n\/* Let the actual image carry its own designed border *\/\n.i8-home-way__image {\n  display: block !important;\n\n  width: 100% !important;\n  height: auto !important;\n\n  border-radius: 0 !important;\n  box-shadow: none !important;\n\n  object-fit: contain !important;\n}\n\n\/* Keep the caption neat underneath *\/\n.i8-home-way__caption {\n  max-width: 780px !important;\n  margin: 22px auto 0 !important;\n  text-align: center !important;\n}\n\n\/* Mobile adjustment *\/\n@media all and (max-width: 600px) {\n  .i8-home-way__visual-wrap {\n    padding: 0 !important;\n    border-radius: 0 !important;\n  }\n\n  .i8-home-way__image {\n    border-radius: 0 !important;\n  }\n\n  .i8-home-way__caption {\n    margin-top: 18px !important;\n    text-align: left !important;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-way\"\n  aria-labelledby=\"i8-home-way-title\"\n>\n  <div class=\"i8-home-way__inner\">\n\n    <div class=\"i8-home-way__top\">\n\n      <div class=\"i8-home-way__copy\">\n\n        <p class=\"i8-home-way__eyebrow\">\n          A clearer way forward\n        <\/p>\n\n        <h2\n          id=\"i8-home-way-title\"\n          class=\"i8-home-way__title\"\n        >\n          Marketing support that brings direction before activity\n        <\/h2>\n\n        <div class=\"i8-home-way__body\">\n          <p>\n            Good marketing starts with understanding what the business needs to communicate, where the foundations are weak, and which actions are worth prioritising.\n          <\/p>\n\n          <p>\n            Illumin8 helps connect the moving parts: your message, website, content, SEO and ongoing marketing, so each decision supports the next instead of adding more disconnected activity.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <aside\n        class=\"i8-home-way__panel\"\n        aria-label=\"A practical way to move forward\"\n      >\n        <h3 class=\"i8-home-way__panel-title\">\n          A practical way to move forward\n        <\/h3>\n\n        <ul class=\"i8-home-way__list\">\n          <li>\n            Clarify what your business needs to communicate.\n          <\/li>\n\n          <li>\n            Strengthen the foundations that matter most.\n          <\/li>\n\n          <li>\n            Prioritise work that will create meaningful value.\n          <\/li>\n\n          <li>\n            Implement in a manageable sequence.\n          <\/li>\n\n          <li>\n            Build greater consistency over time.\n          <\/li>\n        <\/ul>\n      <\/aside>\n\n    <\/div>\n\n    <figure class=\"i8-home-way__visual-wrap\">\n      <img decoding=\"async\"\n        class=\"i8-home-way__image\"\n        src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/08\/Illumin8-marketing-clarity-strategy-prioritise-implement2.png\"\n        alt=\"Illumin8 Marketing process visual showing the steps clarify, strengthen, prioritise and implement.\"\n        loading=\"lazy\"\n      >\n\n      <figcaption class=\"i8-home-way__caption\">\n        <p>\n          A structured path helps marketing feel less overwhelming and more connected to what the business needs next.\n        <\/p>\n      <\/figcaption>\n    <\/figure>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Four Foundations Section\n   Self-contained Divi Code Module\n   ========================================================================== *\/\n\n.i8-home-foundations,\n.i8-home-foundations *,\n.i8-home-foundations *::before,\n.i8-home-foundations *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-foundations {\n  --i8-found-bg: #11131a;\n  --i8-found-card: #171a23;\n  --i8-found-text: #f8f7f2;\n  --i8-found-muted: #b9bbc7;\n  --i8-found-soft: #858895;\n  --i8-found-amber: #ffb321;\n  --i8-found-orange: #ff6a1a;\n  --i8-found-magenta: #ff2e88;\n  --i8-found-violet: #7a4dff;\n  --i8-found-cyan: #38bdf8;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(76px, 8vw, 108px) 0;\n\n  color: var(--i8-found-muted);\n\n  background: var(--i8-bg);\n\n  font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.i8-home-foundations::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 8%;\n  left: 8%;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 179, 33, 0.56),\n    rgba(255, 106, 26, 0.44),\n    rgba(255, 46, 136, 0.34),\n    rgba(122, 77, 255, 0.34),\n    transparent\n  );\n  opacity: 0.62;\n  pointer-events: none;\n}\n\n.i8-home-foundations__inner {\n  position: relative;\n  z-index: 1;\n  width: min(calc(100% - 48px), 1120px);\n  margin: 0 auto;\n}\n\n\/* Header *\/\n\n.i8-home-foundations__header {\n  max-width: 980px;\n  margin: 0 0 clamp(42px, 5vw, 58px);\n}\n\n.i8-home-foundations__eyebrow {\n  display: inline-block;\n  margin: 0 0 18px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-found-amber),\n    var(--i8-found-orange),\n    var(--i8-found-magenta),\n    var(--i8-found-violet)\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.18))\n    drop-shadow(0 0 14px rgba(255, 46, 136, 0.1));\n}\n\n.i8-home-foundations__title {\n  max-width: 780px;\n  margin: 0 0 26px !important;\n\n  color: var(--i8-found-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(36px, 4.5vw, 56px);\n  font-weight: 750;\n  line-height: 1.1;\n  letter-spacing: -0.04em;\n\n  text-wrap: balance;\n}\n\n.i8-home-foundations__intro {\n  max-width: 1000px;\n}\n\n.i8-home-foundations__intro p {\n  margin: 0 !important;\n\n  color: var(--i8-found-muted) !important;\n  font-size: clamp(16px, 1.2vw, 18px);\n  line-height: 1.76;\n}\n\n\/* Grid *\/\n\n.i8-home-foundations__grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 24px;\n\n  width: 100%;\n  margin: clamp(42px, 5vw, 58px) 0 0;\n}\n\n\/* Card *\/\n\n.i8-home-foundations__card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-width: 0;\n  min-height: 100%;\n\n  padding: 30px 28px 31px;\n\n  overflow: hidden;\n\n  color: var(--i8-found-muted) !important;\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.008)),\n    var(--i8-found-card);\n\n  border: 1px solid rgba(255, 255, 255, 0.11);\n  border-radius: 24px;\n\n  box-shadow:\n    0 22px 52px rgba(0, 0, 0, 0.2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.025);\n\n  transition:\n    transform 230ms ease,\n    border-color 230ms ease,\n    box-shadow 230ms ease;\n}\n\n.i8-home-foundations__card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-found-amber),\n    var(--i8-found-orange),\n    var(--i8-found-magenta),\n    var(--i8-found-violet),\n    transparent\n  );\n\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 230ms ease;\n}\n\n\/* Image *\/\n\n.i8-home-foundations__visual {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  min-height: 86px;\n  margin: 0 0 26px;\n}\n\n.i8-home-foundations__image {\n  display: block;\n\n  width: auto;\n  max-width: 190px;\n  max-height: 76px;\n\n  object-fit: contain;\n\n  filter:\n    drop-shadow(0 0 14px rgba(255, 179, 33, 0.12))\n    drop-shadow(0 0 18px rgba(255, 46, 136, 0.08));\n}\n\n\/* Content *\/\n\n.i8-home-foundations__card-title {\n  margin: 0 0 18px !important;\n\n  color: var(--i8-found-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(22px, 1.75vw, 28px);\n  font-weight: 750;\n  line-height: 1.18;\n  letter-spacing: -0.025em;\n\n  text-wrap: balance;\n}\n\n.i8-home-foundations__card-copy {\n  margin: 0 !important;\n\n  color: var(--i8-found-muted) !important;\n  font-size: 15px;\n  line-height: 1.72;\n}\n\n\/* CTA *\/\n\n.i8-home-foundations__footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin: clamp(36px, 4vw, 48px) 0 0;\n}\n\n.i8-home-foundations__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n\n  min-height: 52px;\n  padding: 15px 24px;\n\n  color: var(--i8-found-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13.5px;\n  font-weight: 700;\n  line-height: 1.3;\n  text-align: center;\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(var(--i8-found-bg), var(--i8-found-bg)) padding-box,\n    linear-gradient(\n      135deg,\n      var(--i8-found-amber),\n      var(--i8-found-orange),\n      var(--i8-found-magenta),\n      var(--i8-found-violet)\n    ) border-box;\n\n  border: 1px solid transparent;\n  border-radius: 15px;\n\n  transition:\n    transform 220ms ease,\n    background 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-foundations__button span {\n  transition: transform 220ms ease;\n}\n\n\/* Hover *\/\n\n@media (hover: hover) {\n  .i8-home-foundations__card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(255, 179, 33, 0.28);\n    box-shadow:\n      0 28px 62px rgba(0, 0, 0, 0.27),\n      0 0 24px rgba(255, 179, 33, 0.055);\n  }\n\n  .i8-home-foundations__card:hover::before {\n    opacity: 0.72;\n  }\n\n  .i8-home-foundations__button:hover {\n    color: var(--i8-found-text) !important;\n    transform: translateY(-2px);\n\n    background:\n      linear-gradient(#171a23, #171a23) padding-box,\n      linear-gradient(\n        135deg,\n        var(--i8-found-amber),\n        var(--i8-found-orange),\n        var(--i8-found-magenta),\n        var(--i8-found-violet)\n      ) border-box;\n\n    box-shadow:\n      0 0 22px rgba(255, 179, 33, 0.08),\n      0 0 34px rgba(255, 46, 136, 0.055);\n  }\n\n  .i8-home-foundations__button:hover span {\n    transform: translateX(3px);\n  }\n}\n\n\/* Tablet *\/\n\n@media all and (max-width: 1100px) {\n  .i8-home-foundations__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media all and (max-width: 980px) {\n  .i8-home-foundations {\n    padding: 76px 0;\n  }\n\n  .i8-home-foundations__inner {\n    width: min(calc(100% - 42px), 760px);\n  }\n}\n\n\/* Mobile *\/\n\n@media all and (max-width: 600px) {\n  .i8-home-foundations {\n    padding: 58px 0;\n  }\n\n  .i8-home-foundations__inner {\n    width: calc(100% - 32px);\n  }\n\n  .i8-home-foundations__eyebrow {\n    margin-bottom: 15px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-foundations__title {\n    margin-bottom: 22px !important;\n\n    font-size: clamp(31px, 9.2vw, 42px);\n    line-height: 1.13;\n    letter-spacing: -0.035em;\n  }\n\n  .i8-home-foundations__intro p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-home-foundations__grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin-top: 36px;\n  }\n\n  .i8-home-foundations__card {\n    padding: 26px 23px 27px;\n    border-radius: 22px;\n  }\n\n  .i8-home-foundations__visual {\n    min-height: 72px;\n    margin-bottom: 22px;\n  }\n\n  .i8-home-foundations__image {\n    max-width: 170px;\n    max-height: 66px;\n  }\n\n  .i8-home-foundations__card-title {\n    font-size: 24px;\n  }\n\n  .i8-home-foundations__card-copy {\n    font-size: 14.5px;\n  }\n\n  .i8-home-foundations__footer {\n    margin-top: 32px;\n  }\n\n  .i8-home-foundations__button {\n    width: 100%;\n  }\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .i8-home-foundations__card,\n  .i8-home-foundations__card::before,\n  .i8-home-foundations__button,\n  .i8-home-foundations__button span {\n    transition: none;\n  }\n\n  .i8-home-foundations__card:hover,\n  .i8-home-foundations__button:hover,\n  .i8-home-foundations__button:hover span {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-foundations\"\n  aria-labelledby=\"i8-home-foundations-title\"\n>\n  <div class=\"i8-home-foundations__inner\">\n\n    <header class=\"i8-home-foundations__header\">\n\n      <p class=\"i8-home-foundations__eyebrow\">\n        How Illumin8 helps\n      <\/p>\n\n      <h2\n        id=\"i8-home-foundations-title\"\n        class=\"i8-home-foundations__title\"\n      >\n        Four foundations that help your marketing work together\n      <\/h2>\n\n      <div class=\"i8-home-foundations__intro\">\n        <p>\n          Your messaging, website, content and ongoing marketing should support one another. Illumin8 helps strengthen the areas that matter most, based on where your business is now and what will create the most value.\n        <\/p>\n      <\/div>\n\n    <\/header>\n\n    <div class=\"i8-home-foundations__grid\">\n\n      <a\n        class=\"i8-home-foundations__card\"\n        href=\"\/staging\/marketing-services\/#brand-clarity-messaging\"\n      >\n        <div class=\"i8-home-foundations__visual\">\n          <img decoding=\"async\"\n            class=\"i8-home-foundations__image\"\n            src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/07\/Illumin8-Motifs.png\n\"\n            alt=\"Abstract illuminated visual representing brand clarity and messaging\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3 class=\"i8-home-foundations__card-title\">\n          Brand Clarity &amp; Messaging\n        <\/h3>\n\n        <p class=\"i8-home-foundations__card-copy\">\n          Clarify what your business offers, who it helps and how to communicate its value with greater confidence.\n        <\/p>\n      <\/a>\n\n      <a\n        class=\"i8-home-foundations__card\"\n        href=\"\/staging\/marketing-services\/#website-development-seo\"\n      >\n        <div class=\"i8-home-foundations__visual\">\n          <img decoding=\"async\"\n            class=\"i8-home-foundations__image\"\n            src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/07\/Illumin8-Motifs-1.png\n\"\n            alt=\"Abstract illuminated visual representing website development and SEO\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3 class=\"i8-home-foundations__card-title\">\n          Website Development &amp; SEO\n        <\/h3>\n\n        <p class=\"i8-home-foundations__card-copy\">\n          Build a stronger WordPress website foundation that supports trust, usability, service clarity and search visibility.\n        <\/p>\n      <\/a>\n\n      <a\n        class=\"i8-home-foundations__card\"\n        href=\"\/staging\/marketing-services\/#content-strategy-communication\"\n      >\n        <div class=\"i8-home-foundations__visual\">\n          <img decoding=\"async\"\n            class=\"i8-home-foundations__image\"\n            src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/07\/Illumin8-Motifs-2.png\n\"\n            alt=\"Abstract illuminated visual representing content strategy and communication\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3 class=\"i8-home-foundations__card-title\">\n          Content Strategy &amp; Communication\n        <\/h3>\n\n        <p class=\"i8-home-foundations__card-copy\">\n          Create more purposeful communication across your website, LinkedIn, social media, blogs, newsletters and campaigns.\n        <\/p>\n      <\/a>\n\n      <a\n        class=\"i8-home-foundations__card\"\n        href=\"\/staging\/marketing-services\/#ongoing-marketing-support\"\n      >\n        <div class=\"i8-home-foundations__visual\">\n          <img decoding=\"async\"\n            class=\"i8-home-foundations__image\"\n            src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/07\/Illumin8-Motifs-3.png\"\n            alt=\"Abstract illuminated visual representing ongoing marketing support\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <h3 class=\"i8-home-foundations__card-title\">\n          Ongoing Marketing Support\n        <\/h3>\n\n        <p class=\"i8-home-foundations__card-copy\">\n          Keep your marketing moving with regular strategic guidance and practical implementation support.\n        <\/p>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"i8-home-foundations__footer\">\n      <a\n        class=\"i8-home-foundations__button\"\n        href=\"\/staging\/marketing-services\/\"\n      >\n        Explore Our Services\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Owner-Led Difference Section\n   Self-contained Divi Code Module\n   ========================================================================== *\/\n\n.i8-home-owner,\n.i8-home-owner *,\n.i8-home-owner *::before,\n.i8-home-owner *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-owner {\n  --i8-owner-bg: #07080d;\n  --i8-owner-card: #171a23;\n  --i8-owner-panel: #191c25;\n  --i8-owner-text: #f8f7f2;\n  --i8-owner-muted: #b9bbc7;\n  --i8-owner-soft: #858895;\n  --i8-owner-amber: #ffb321;\n  --i8-owner-orange: #ff6a1a;\n  --i8-owner-magenta: #ff2e88;\n  --i8-owner-violet: #7a4dff;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(76px, 8vw, 108px) 0;\n\n  color: var(--i8-owner-muted);\n\n  background: var(--i8-bg);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n.i8-home-owner::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 8%;\n  left: 8%;\n\n  height: 1px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 179, 33, 0.56),\n    rgba(255, 106, 26, 0.44),\n    rgba(255, 46, 136, 0.34),\n    rgba(122, 77, 255, 0.34),\n    transparent\n  );\n\n  opacity: 0.62;\n  pointer-events: none;\n}\n\n.i8-home-owner__inner {\n  position: relative;\n  z-index: 1;\n\n  display: grid;\n  grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);\n  align-items: center;\n  gap: clamp(42px, 6vw, 86px);\n\n  width: min(calc(100% - 48px), 1120px);\n  margin: 0 auto;\n}\n\n\/* Copy *\/\n\n.i8-home-owner__copy {\n  max-width: 650px;\n}\n\n.i8-home-owner__eyebrow {\n  display: inline-block;\n\n  margin: 0 0 18px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-owner-amber),\n    var(--i8-owner-orange),\n    var(--i8-owner-magenta),\n    var(--i8-owner-violet)\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.18))\n    drop-shadow(0 0 14px rgba(255, 46, 136, 0.1));\n}\n\n.i8-home-owner__title {\n  max-width: 680px;\n  margin: 0 0 26px !important;\n\n  color: var(--i8-owner-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(36px, 4.5vw, 56px);\n  font-weight: 750;\n  line-height: 1.1;\n  letter-spacing: -0.04em;\n\n  text-wrap: balance;\n}\n\n.i8-home-owner__body {\n  max-width: 650px;\n}\n\n.i8-home-owner__body p {\n  margin: 0 0 19px !important;\n\n  color: var(--i8-owner-muted) !important;\n  font-size: clamp(16px, 1.2vw, 18px);\n  line-height: 1.76;\n}\n\n.i8-home-owner__body p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* Button *\/\n\n.i8-home-owner__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 13px;\n\n  margin: 34px 0 0;\n}\n\n.i8-home-owner__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n\n  min-height: 52px;\n  padding: 15px 24px;\n\n  color: var(--i8-owner-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13.5px;\n  font-weight: 700;\n  line-height: 1.3;\n  text-align: center;\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(\n      rgba(7, 8, 13, 0.96),\n      rgba(7, 8, 13, 0.96)\n    ) padding-box,\n    linear-gradient(\n      135deg,\n      var(--i8-owner-amber),\n      var(--i8-owner-orange),\n      var(--i8-owner-magenta),\n      var(--i8-owner-violet)\n    ) border-box;\n\n  border: 1px solid transparent;\n  border-radius: 15px;\n\n  transition:\n    transform 220ms ease,\n    background 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-owner__button span {\n  transition: transform 220ms ease;\n}\n\n\/* Right panel *\/\n\n.i8-home-owner__panel {\n  position: relative;\n\n  padding: clamp(30px, 4vw, 42px);\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.046),\n      rgba(255, 255, 255, 0.008)\n    ),\n    var(--i8-owner-panel);\n\n  border: 1px solid rgba(255, 179, 33, 0.22);\n  border-radius: 28px;\n\n  box-shadow:\n    0 24px 58px rgba(0, 0, 0, 0.24),\n    0 0 26px rgba(255, 106, 26, 0.055),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n}\n\n.i8-home-owner__panel::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-owner-amber),\n    var(--i8-owner-orange),\n    var(--i8-owner-magenta),\n    var(--i8-owner-violet),\n    transparent\n  );\n\n  opacity: 0.74;\n  pointer-events: none;\n}\n\n.i8-home-owner__panel::after {\n  content: \"\";\n\n  position: absolute;\n  right: -18%;\n  bottom: -34%;\n\n  width: 290px;\n  aspect-ratio: 1;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255, 179, 33, 0.08),\n      transparent 62%\n    );\n\n  pointer-events: none;\n}\n\n.i8-home-owner__panel-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.i8-home-owner__panel-label {\n  margin: 0 0 12px !important;\n\n  color: var(--i8-owner-amber) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.i8-home-owner__panel-title {\n  margin: 0 0 22px !important;\n\n  color: var(--i8-owner-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(23px, 2vw, 30px);\n  font-weight: 700;\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n\n  text-wrap: balance;\n}\n\n.i8-home-owner__list {\n  display: grid;\n  gap: 14px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  list-style: none !important;\n}\n\n.i8-home-owner__list li {\n  position: relative;\n\n  margin: 0 !important;\n  padding: 0 0 0 31px;\n\n  color: var(--i8-owner-muted) !important;\n  font-size: 14.5px;\n  line-height: 1.65;\n}\n\n.i8-home-owner__list li::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0.68em;\n  left: 0;\n\n  width: 13px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-owner-amber),\n    var(--i8-owner-orange),\n    var(--i8-owner-magenta)\n  );\n\n  box-shadow: 0 0 12px rgba(255, 179, 33, 0.18);\n}\n\n.i8-home-owner__note {\n  margin: 26px 0 0;\n  padding-top: 20px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.11);\n}\n\n.i8-home-owner__note p {\n  margin: 0 !important;\n\n  color: var(--i8-owner-soft) !important;\n  font-size: 13.5px;\n  line-height: 1.65;\n}\n\n\/* Hover *\/\n\n@media (hover: hover) {\n  .i8-home-owner__button:hover {\n    color: var(--i8-owner-text) !important;\n\n    transform: translateY(-2px);\n\n    background:\n      linear-gradient(#171a23, #171a23) padding-box,\n      linear-gradient(\n        135deg,\n        var(--i8-owner-amber),\n        var(--i8-owner-orange),\n        var(--i8-owner-magenta),\n        var(--i8-owner-violet)\n      ) border-box;\n\n    box-shadow:\n      0 0 22px rgba(255, 179, 33, 0.08),\n      0 0 34px rgba(255, 46, 136, 0.055);\n  }\n\n  .i8-home-owner__button:hover span {\n    transform: translateX(3px);\n  }\n}\n\n\/* Tablet *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-owner {\n    padding: 76px 0;\n  }\n\n  .i8-home-owner__inner {\n    grid-template-columns: 1fr;\n    width: min(calc(100% - 42px), 760px);\n    gap: 38px;\n  }\n\n  .i8-home-owner__copy {\n    max-width: 720px;\n  }\n}\n\n\/* Mobile *\/\n\n@media all and (max-width: 600px) {\n  .i8-home-owner {\n    padding: 58px 0;\n  }\n\n  .i8-home-owner__inner {\n    width: calc(100% - 32px);\n    gap: 34px;\n  }\n\n  .i8-home-owner__eyebrow {\n    margin-bottom: 15px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-owner__title {\n    margin-bottom: 22px !important;\n\n    font-size: clamp(31px, 9.2vw, 42px);\n    line-height: 1.13;\n    letter-spacing: -0.035em;\n  }\n\n  .i8-home-owner__body p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-home-owner__actions {\n    width: 100%;\n    margin-top: 30px;\n  }\n\n  .i8-home-owner__button {\n    width: 100%;\n  }\n\n  .i8-home-owner__panel {\n    padding: 25px 22px;\n    border-radius: 22px;\n  }\n\n  .i8-home-owner__panel-title {\n    font-size: 24px;\n  }\n\n  .i8-home-owner__list li {\n    padding-left: 28px;\n    font-size: 14.5px;\n  }\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .i8-home-owner__button,\n  .i8-home-owner__button span {\n    transition: none;\n  }\n\n  .i8-home-owner__button:hover,\n  .i8-home-owner__button:hover span {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-owner\"\n  aria-labelledby=\"i8-home-owner-title\"\n>\n  <div class=\"i8-home-owner__inner\">\n\n    <div class=\"i8-home-owner__copy\">\n\n      <p class=\"i8-home-owner__eyebrow\">\n        The owner-led difference\n      <\/p>\n\n      <h2\n        id=\"i8-home-owner-title\"\n        class=\"i8-home-owner__title\"\n      >\n        Senior marketing thinking, without large-agency complexity\n      <\/h2>\n\n      <div class=\"i8-home-owner__body\">\n        <p>\n          Illumin8 is intentionally owner-led. You work directly with Michele, so the strategy, communication and practical implementation remain connected to the wider business context.\n        <\/p>\n\n        <p>\n          This creates a more focused way of working: fewer unnecessary layers, clearer priorities and support shaped around what your business actually needs.\n        <\/p>\n      <\/div>\n\n      <div class=\"i8-home-owner__actions\">\n        <a\n          class=\"i8-home-owner__button\"\n          href=\"\/staging\/about\/\"\n        >\n          Meet Michele\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <aside\n      class=\"i8-home-owner__panel\"\n      aria-label=\"What owner-led marketing support means for your business\"\n    >\n      <div class=\"i8-home-owner__panel-inner\">\n\n        <p class=\"i8-home-owner__panel-label\">\n          What this means\n        <\/p>\n\n        <h3 class=\"i8-home-owner__panel-title\">\n          Practical marketing support with senior guidance built in\n        <\/h3>\n\n        <ul class=\"i8-home-owner__list\">\n          <li>\n            Direct access to senior strategic input.\n          <\/li>\n\n          <li>\n            Your messaging, website, content and visibility considered together.\n          <\/li>\n\n          <li>\n            Clearer priorities before practical work begins.\n          <\/li>\n\n          <li>\n            A personal and responsive working relationship.\n          <\/li>\n\n          <li>\n            Support that can adapt as your business and priorities evolve.\n          <\/li>\n        <\/ul>\n\n        <div class=\"i8-home-owner__note\">\n          <p>\n            This is a good fit for businesses that want thoughtful guidance and practical implementation without unnecessary complexity.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/aside>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Home \u2013 Selected Experience Section\n   ========================================================================== *\/\n\n.i8-selected-experience,\n.i8-selected-experience *,\n.i8-selected-experience *::before,\n.i8-selected-experience *::after {\n  box-sizing: border-box;\n}\n\n.i8-selected-experience {\n  --i8-bg: #0D0F15;\n  --i8-card: #171b24;\n  --i8-card-border: rgba(255,255,255,0.09);\n  --i8-text: #f3f1ea;\n  --i8-muted: #b7bbc6;\n  --i8-soft: #8b90a0;\n  --i8-amber: #ffb321;\n  --i8-orange: #ff7a1a;\n  --i8-magenta: #ff2f92;\n  --i8-violet: #7b4dff;\n\n  position: relative;\n  overflow: hidden;\n  padding: clamp(72px, 8vw, 110px) 0;\n  background: var(--i8-bg);\n  font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  color: var(--i8-muted);\n}\n\n.i8-selected-experience__inner {\n  width: min(1120px, calc(100% - 48px));\n  margin: 0 auto;\n}\n\n.i8-selected-experience__eyebrow {\n  margin: 0 0 18px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: #d8d1c4;\n}\n\n.i8-selected-experience__title {\n  margin: 0 0 28px;\n  max-width: 980px;\n  font-family: \"Montserrat\", sans-serif;\n  font-size: clamp(34px, 4.6vw, 58px);\n  line-height: 1.08;\n  font-weight: 750;\n  letter-spacing: -0.035em;\n  color: var(--i8-text);\n  text-wrap: balance;\n}\n\n.i8-selected-experience__intro {\n  max-width: 1060px;\n  margin-bottom: 48px;\n}\n\n.i8-selected-experience__intro p {\n  margin: 0 0 18px;\n  font-size: clamp(16px, 1.18vw, 18px);\n  line-height: 1.8;\n  color: var(--i8-muted);\n}\n\n.i8-selected-experience__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 34px;\n  margin-bottom: 48px;\n}\n\n.i8-selected-experience__card {\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n  padding: 24px;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.01)),\n    var(--i8-card);\n  border: 1px solid var(--i8-card-border);\n  border-radius: 22px;\n  box-shadow:\n    0 10px 30px rgba(0,0,0,0.16),\n    inset 0 1px 0 rgba(255,255,255,0.03);\n  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n}\n\n.i8-selected-experience__card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(255,179,33,0.22);\n  box-shadow:\n    0 18px 40px rgba(0,0,0,0.22),\n    0 0 0 1px rgba(255,179,33,0.05);\n}\n\n.i8-selected-experience__image-wrap {\n  margin-bottom: 24px;\n}\n\n.i8-selected-experience__image {\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n  border-radius: 0;\n}\n\n.i8-selected-experience__card-title {\n  margin: 0 0 18px;\n  font-family: \"Montserrat\", sans-serif;\n  font-size: clamp(22px, 1.7vw, 30px);\n  line-height: 1.14;\n  font-weight: 750;\n  letter-spacing: -0.02em;\n  color: var(--i8-text);\n  text-wrap: balance;\n}\n\n.i8-selected-experience__client {\n  margin: 0 0 14px;\n  font-size: 17px;\n  line-height: 1.5;\n  font-weight: 700;\n  color: var(--i8-text);\n}\n\n.i8-selected-experience__copy {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.72;\n  color: var(--i8-muted);\n}\n\n.i8-selected-experience__footer {\n  margin-top: 8px;\n}\n\n.i8-selected-experience__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 52px;\n  padding: 14px 22px;\n  border-radius: 14px;\n  border: 1px solid transparent;\n  text-decoration: none;\n  color: var(--i8-text);\n  font-family: \"Montserrat\", sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  background:\n    linear-gradient(var(--i8-bg), var(--i8-bg)) padding-box,\n    linear-gradient(135deg, var(--i8-amber), var(--i8-orange), var(--i8-magenta), var(--i8-violet)) border-box;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.i8-selected-experience__button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 0 20px rgba(255, 106, 26, 0.08);\n  color: var(--i8-text);\n}\n\n@media (max-width: 1080px) {\n  .i8-selected-experience__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 767px) {\n  .i8-selected-experience {\n    padding: 58px 0;\n  }\n\n  .i8-selected-experience__inner {\n    width: calc(100% - 32px);\n  }\n\n  .i8-selected-experience__title {\n    font-size: clamp(30px, 9vw, 42px);\n    margin-bottom: 22px;\n  }\n\n  .i8-selected-experience__intro {\n    margin-bottom: 34px;\n  }\n\n  .i8-selected-experience__intro p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-selected-experience__grid {\n    grid-template-columns: 1fr;\n    gap: 22px;\n    margin-bottom: 34px;\n  }\n\n  .i8-selected-experience__card {\n    padding: 18px;\n    border-radius: 18px;\n  }\n\n  .i8-selected-experience__card-title {\n    font-size: 25px;\n  }\n\n  .i8-selected-experience__client,\n  .i8-selected-experience__copy {\n    font-size: 15px;\n  }\n\n  .i8-selected-experience__button {\n    width: 100%;\n  }\n}\n<\/style>\n\n<section class=\"i8-selected-experience\">\n  <div class=\"i8-selected-experience__inner\">\n\n    <p class=\"i8-selected-experience__eyebrow\">Selected Experience<\/p>\n\n    <h2 class=\"i8-selected-experience__title\">\n      Marketing support across service-led and specialist businesses\n    <\/h2>\n\n    <div class=\"i8-selected-experience__intro\">\n      <p>\n        Illumin8 works with South African SMEs that rely on trust, expertise and clear communication to win business. This includes industrial and technical suppliers, professional service providers and growing owner-led companies.\n      <\/p>\n      <p>\n        The sector may differ, but the need is often the same: stronger positioning, a more credible digital presence and marketing that better reflects the quality of the business.\n      <\/p>\n    <\/div>\n\n    <div class=\"i8-selected-experience__grid\">\n\n      <div class=\"i8-selected-experience__card\">\n        <div class=\"i8-selected-experience__image-wrap\">\n          <img decoding=\"async\"\n            class=\"i8-selected-experience__image\"\n            src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/07\/Process-Containment-Solutions-Pump-Repair-Assessment-Project.png\"\n            alt=\"Process Containment Solutions pump repair assessment campaign graphic\"\n          >\n        <\/div>\n        <h3 class=\"i8-selected-experience__card-title\">\n          Technical Content &amp;<br>Ongoing Marketing\n        <\/h3>\n        <p class=\"i8-selected-experience__client\">Process Containment Solutions<\/p>\n        <p class=\"i8-selected-experience__copy\">\n          Supporting a specialist industrial business with technical content, campaign communication, digital visibility and ongoing marketing guidance.\n        <\/p>\n      <\/div>\n\n      <div class=\"i8-selected-experience__card\">\n        <div class=\"i8-selected-experience__image-wrap\">\n          <img decoding=\"async\"\n            class=\"i8-selected-experience__image\"\n            src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/07\/Intermech-Industrial-Sealing-Products-Website-Project.png\"\n            alt=\"Intermech industrial sealing products website project graphic\"\n          >\n        <\/div>\n        <h3 class=\"i8-selected-experience__card-title\">\n          Website Development &amp;<br>Product Communication\n        <\/h3>\n        <p class=\"i8-selected-experience__client\">Intermech<\/p>\n        <p class=\"i8-selected-experience__copy\">\n          Creating a clearer digital foundation for an industrial supplier, with stronger website structure, product communication and online visibility.\n        <\/p>\n      <\/div>\n\n      <div class=\"i8-selected-experience__card\">\n        <div class=\"i8-selected-experience__image-wrap\">\n          <img decoding=\"async\"\n            class=\"i8-selected-experience__image\"\n            src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/07\/PJR-Engineering-Concrete-Block-Production-Line-Website-Project.png\"\n            alt=\"PJR Engineering concrete block production line website project graphic\"\n          >\n        <\/div>\n        <h3 class=\"i8-selected-experience__card-title\">\n          Engineering Visibility<br>&amp; Campaign Support\n        <\/h3>\n        <p class=\"i8-selected-experience__client\">PJR Engineering<\/p>\n        <p class=\"i8-selected-experience__copy\">\n          Supporting an engineering business with website communication, campaign content and visibility around machinery and industrial solutions.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"i8-selected-experience__footer\">\n      <a class=\"i8-selected-experience__button\" href=\"\/staging\/work\/\">\n        View Selected Work\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Marketing Clarity Review Section\n   Self-contained Divi Code Module\n   ========================================================================== *\/\n\n.i8-home-clarity-review,\n.i8-home-clarity-review *,\n.i8-home-clarity-review *::before,\n.i8-home-clarity-review *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-clarity-review {\n  --i8-mcr-bg: #0d0f15;\n  --i8-mcr-card: #171a23;\n  --i8-mcr-text: #f8f7f2;\n  --i8-mcr-muted: #b9bbc7;\n  --i8-mcr-soft: #858895;\n  --i8-mcr-amber: #ffb321;\n  --i8-mcr-orange: #ff6a1a;\n  --i8-mcr-magenta: #ff2e88;\n  --i8-mcr-violet: #7a4dff;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(76px, 8vw, 108px) 0;\n\n  color: var(--i8-mcr-muted);\n  background: var(--i8-mcr-bg);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n.i8-home-clarity-review__inner {\n  position: relative;\n  z-index: 1;\n\n  display: grid;\n  grid-template-columns: minmax(0, 0.95fr) minmax(380px, 1.05fr);\n  align-items: center;\n  gap: clamp(44px, 6vw, 86px);\n\n  width: min(calc(100% - 48px), 1120px);\n  margin: 0 auto;\n}\n\n\/* Copy *\/\n\n.i8-home-clarity-review__copy {\n  max-width: 620px;\n}\n\n.i8-home-clarity-review__eyebrow {\n  display: inline-block;\n\n  margin: 0 0 18px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-mcr-amber),\n    var(--i8-mcr-orange),\n    var(--i8-mcr-magenta),\n    var(--i8-mcr-violet)\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.16))\n    drop-shadow(0 0 14px rgba(255, 46, 136, 0.08));\n}\n\n.i8-home-clarity-review__title {\n  max-width: 650px;\n  margin: 0 0 26px !important;\n\n  color: var(--i8-mcr-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(36px, 4.5vw, 56px);\n  font-weight: 750;\n  line-height: 1.1;\n  letter-spacing: -0.04em;\n\n  text-wrap: balance;\n}\n\n.i8-home-clarity-review__body {\n  max-width: 620px;\n}\n\n.i8-home-clarity-review__body p {\n  margin: 0 0 19px !important;\n\n  color: var(--i8-mcr-muted) !important;\n  font-size: clamp(16px, 1.2vw, 18px);\n  line-height: 1.76;\n}\n\n.i8-home-clarity-review__body p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* Buttons *\/\n\n.i8-home-clarity-review__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n\n  margin: 36px 0 0;\n}\n\n.i8-home-clarity-review__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n\n  min-height: 52px;\n  padding: 15px 24px;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13.5px;\n  font-weight: 700;\n  line-height: 1.3;\n  text-align: center;\n  text-decoration: none !important;\n\n  border-radius: 15px;\n\n  transition:\n    transform 220ms ease,\n    background 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-clarity-review__button--primary {\n  color: #07080d !important;\n\n  background: linear-gradient(\n    135deg,\n    var(--i8-mcr-amber),\n    var(--i8-mcr-orange)\n  );\n\n  border: 1px solid rgba(255, 255, 255, 0.22);\n\n  box-shadow:\n    0 14px 32px rgba(255, 106, 26, 0.16),\n    0 0 20px rgba(255, 179, 33, 0.08);\n}\n\n.i8-home-clarity-review__button--secondary {\n  color: var(--i8-mcr-text) !important;\n\n  background:\n    linear-gradient(\n      var(--i8-mcr-bg),\n      var(--i8-mcr-bg)\n    ) padding-box,\n    linear-gradient(\n      135deg,\n      var(--i8-mcr-amber),\n      var(--i8-mcr-orange),\n      var(--i8-mcr-magenta),\n      var(--i8-mcr-violet)\n    ) border-box;\n\n  border: 1px solid transparent;\n}\n\n.i8-home-clarity-review__button span {\n  transition: transform 220ms ease;\n}\n\n\/* Right card *\/\n\n.i8-home-clarity-review__card {\n  position: relative;\n\n  overflow: hidden;\n\n  padding: clamp(24px, 3.4vw, 32px);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.04),\n      rgba(255, 255, 255, 0.008)\n    ),\n    var(--i8-mcr-card);\n\n  border: 1px solid rgba(255, 179, 33, 0.22);\n  border-radius: 28px;\n\n  box-shadow:\n    0 24px 58px rgba(0, 0, 0, 0.24),\n    0 0 24px rgba(255, 106, 26, 0.045),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n}\n\n.i8-home-clarity-review__card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-mcr-amber),\n    var(--i8-mcr-orange),\n    var(--i8-mcr-magenta),\n    var(--i8-mcr-violet),\n    transparent\n  );\n\n  opacity: 0.7;\n  pointer-events: none;\n}\n\n.i8-home-clarity-review__image-wrap {\n  overflow: hidden;\n\n  margin: 0 0 28px;\n\n  background: #07080d;\n  border-radius: 20px;\n}\n\n.i8-home-clarity-review__image {\n  display: block;\n\n  width: 100%;\n  height: auto;\n  aspect-ratio: 16 \/ 10;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n.i8-home-clarity-review__card-title {\n  margin: 0 0 22px !important;\n\n  color: var(--i8-mcr-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(23px, 2vw, 30px);\n  font-weight: 700;\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n\n  text-wrap: balance;\n}\n\n.i8-home-clarity-review__list {\n  display: grid;\n  gap: 12px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  list-style: none !important;\n}\n\n.i8-home-clarity-review__list li {\n  position: relative;\n\n  margin: 0 !important;\n  padding: 0 0 0 30px;\n\n  color: var(--i8-mcr-muted) !important;\n  font-size: 14.5px;\n  line-height: 1.62;\n}\n\n.i8-home-clarity-review__list li::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0.68em;\n  left: 0;\n\n  width: 13px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-mcr-amber),\n    var(--i8-mcr-orange),\n    var(--i8-mcr-magenta)\n  );\n\n  box-shadow: 0 0 12px rgba(255, 179, 33, 0.16);\n}\n\n\/* Hover *\/\n\n@media (hover: hover) {\n  .i8-home-clarity-review__button:hover {\n    transform: translateY(-2px);\n  }\n\n  .i8-home-clarity-review__button--primary:hover {\n    color: #07080d !important;\n\n    box-shadow:\n      0 18px 38px rgba(255, 106, 26, 0.22),\n      0 0 24px rgba(255, 179, 33, 0.1);\n  }\n\n  .i8-home-clarity-review__button--secondary:hover {\n    color: var(--i8-mcr-text) !important;\n\n    background:\n      linear-gradient(#171a23, #171a23) padding-box,\n      linear-gradient(\n        135deg,\n        var(--i8-mcr-amber),\n        var(--i8-mcr-orange),\n        var(--i8-mcr-magenta),\n        var(--i8-mcr-violet)\n      ) border-box;\n\n    box-shadow:\n      0 0 22px rgba(255, 179, 33, 0.07),\n      0 0 34px rgba(255, 46, 136, 0.05);\n  }\n\n  .i8-home-clarity-review__button:hover span {\n    transform: translateX(3px);\n  }\n}\n\n\/* Tablet *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-clarity-review {\n    padding: 76px 0;\n  }\n\n  .i8-home-clarity-review__inner {\n    grid-template-columns: 1fr;\n    width: min(calc(100% - 42px), 760px);\n    gap: 42px;\n  }\n\n  .i8-home-clarity-review__copy {\n    max-width: 720px;\n  }\n}\n\n\/* Mobile *\/\n\n@media all and (max-width: 600px) {\n  .i8-home-clarity-review {\n    padding: 58px 0;\n  }\n\n  .i8-home-clarity-review__inner {\n    width: calc(100% - 32px);\n    gap: 36px;\n  }\n\n  .i8-home-clarity-review__eyebrow {\n    margin-bottom: 15px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-clarity-review__title {\n    margin-bottom: 22px !important;\n\n    font-size: clamp(31px, 9.2vw, 42px);\n    line-height: 1.13;\n    letter-spacing: -0.035em;\n  }\n\n  .i8-home-clarity-review__body p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-home-clarity-review__actions {\n    flex-direction: column;\n    width: 100%;\n    margin-top: 32px;\n  }\n\n  .i8-home-clarity-review__button {\n    width: 100%;\n  }\n\n  .i8-home-clarity-review__card {\n    padding: 21px;\n    border-radius: 22px;\n  }\n\n  .i8-home-clarity-review__image-wrap {\n    margin-bottom: 24px;\n    border-radius: 16px;\n  }\n\n  .i8-home-clarity-review__card-title {\n    font-size: 24px;\n  }\n\n  .i8-home-clarity-review__list li {\n    padding-left: 28px;\n    font-size: 14.5px;\n  }\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .i8-home-clarity-review__button,\n  .i8-home-clarity-review__button span {\n    transition: none;\n  }\n\n  .i8-home-clarity-review__button:hover,\n  .i8-home-clarity-review__button:hover span {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-clarity-review\"\n  aria-labelledby=\"i8-home-clarity-review-title\"\n>\n  <div class=\"i8-home-clarity-review__inner\">\n\n    <div class=\"i8-home-clarity-review__copy\">\n\n      <p class=\"i8-home-clarity-review__eyebrow\">\n        Not sure where to start?\n      <\/p>\n\n      <h2\n        id=\"i8-home-clarity-review-title\"\n        class=\"i8-home-clarity-review__title\"\n      >\n        Begin with a clearer view of your marketing\n      <\/h2>\n\n      <div class=\"i8-home-clarity-review__body\">\n        <p>\n          The Marketing Clarity Review is a practical first step for business owners who know their marketing needs attention, but are not yet sure what should come first.\n        <\/p>\n\n        <p>\n          It helps identify where your messaging, website, SEO, content or marketing activity may be unclear, inconsistent or misaligned, so you can make better decisions before investing in bigger changes.\n        <\/p>\n      <\/div>\n\n      <div class=\"i8-home-clarity-review__actions\">\n        <a\n          class=\"i8-home-clarity-review__button i8-home-clarity-review__button--primary\"\n          href=\"\/staging\/marketing-clarity-review\/\"\n        >\n          Explore the Marketing Clarity Review\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n        <a\n          class=\"i8-home-clarity-review__button i8-home-clarity-review__button--secondary\"\n          href=\"\/staging\/lets-chat\/\"\n        >\n          Book a Clarity Call\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <aside\n      class=\"i8-home-clarity-review__card\"\n      aria-label=\"What the Marketing Clarity Review can help clarify\"\n    >\n\n      <div class=\"i8-home-clarity-review__image-wrap\">\n        <img decoding=\"async\"\n          class=\"i8-home-clarity-review__image\"\n          src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/06\/Marketing-Clarity-Review-Abstract-Visual.png\"\n          alt=\"Abstract illuminated pathway showing scattered marketing elements becoming clearer through structured direction.\"\n          loading=\"lazy\"\n        >\n      <\/div>\n\n      <h3 class=\"i8-home-clarity-review__card-title\">\n        What the review can help clarify\n      <\/h3>\n\n      <ul class=\"i8-home-clarity-review__list\">\n        <li>\n          What your current marketing is communicating.\n        <\/li>\n\n        <li>\n          Where your website or message may be creating confusion.\n        <\/li>\n\n        <li>\n          Which areas need attention first.\n        <\/li>\n\n        <li>\n          How your marketing foundations can better support visibility.\n        <\/li>\n\n        <li>\n          What practical next steps make the most sense.\n        <\/li>\n      <\/ul>\n\n    <\/aside>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Meet Michele Section\n   Refined, balanced version\n   ========================================================================== *\/\n\n.i8-home-michele,\n.i8-home-michele *,\n.i8-home-michele *::before,\n.i8-home-michele *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-michele {\n  --i8-mich-bg: #11131a;\n  --i8-mich-card: #171a23;\n  --i8-mich-text: #f8f7f2;\n  --i8-mich-muted: #b9bbc7;\n  --i8-mich-soft: #858895;\n  --i8-mich-amber: #ffb321;\n  --i8-mich-orange: #ff6a1a;\n  --i8-mich-magenta: #ff2e88;\n  --i8-mich-violet: #7a4dff;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(64px, 6.5vw, 88px) 0;\n\n  color: var(--i8-mich-muted);\n  background: var(--i8-mich-bg);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n\/* Subtle section divider *\/\n.i8-home-michele::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 8%;\n  left: 8%;\n\n  height: 1px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 179, 33, 0.48),\n    rgba(255, 106, 26, 0.38),\n    rgba(255, 46, 136, 0.28),\n    rgba(122, 77, 255, 0.28),\n    transparent\n  );\n\n  opacity: 0.55;\n  pointer-events: none;\n}\n\n.i8-home-michele__inner {\n  position: relative;\n  z-index: 1;\n\n  display: grid;\n  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);\n  align-items: center;\n  gap: clamp(38px, 5vw, 66px);\n\n  width: min(calc(100% - 48px), 1060px);\n  margin: 0 auto;\n}\n\n\/* ==========================================================================\n   Image\n   ========================================================================== *\/\n\n.i8-home-michele__media {\n  position: relative;\n  max-width: 430px;\n  justify-self: end;\n}\n\n.i8-home-michele__image-frame {\n  position: relative;\n\n  overflow: hidden;\n\n  margin: 0;\n\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 24px;\n\n  background: #0d0f15;\n\n  box-shadow:\n    0 24px 58px rgba(0, 0, 0, 0.28),\n    0 0 22px rgba(255, 179, 33, 0.035),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n}\n\n.i8-home-michele__image-frame::before {\n  content: \"\";\n\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 12%;\n  left: 12%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-mich-amber),\n    var(--i8-mich-orange),\n    var(--i8-mich-magenta),\n    var(--i8-mich-violet),\n    transparent\n  );\n\n  opacity: 0.68;\n  pointer-events: none;\n}\n\n.i8-home-michele__image-frame::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent 62%,\n      rgba(7, 8, 13, 0.12) 100%\n    );\n\n  pointer-events: none;\n}\n\n.i8-home-michele__image {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  aspect-ratio: 4 \/ 4.85;\n\n  object-fit: cover;\n  object-position: center top;\n}\n\n\/* Caption card *\/\n\n.i8-home-michele__caption {\n  position: absolute;\n  right: clamp(16px, 2.4vw, 24px);\n  bottom: clamp(16px, 2.4vw, 24px);\n  left: clamp(16px, 2.4vw, 24px);\n  z-index: 3;\n\n  padding: 15px 16px;\n\n  background: rgba(7, 8, 13, 0.8);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 16px;\n\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.i8-home-michele__caption-name {\n  margin: 0 0 4px !important;\n\n  color: var(--i8-mich-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.i8-home-michele__caption-role {\n  margin: 0 !important;\n\n  color: var(--i8-mich-muted) !important;\n  font-size: 12.5px;\n  line-height: 1.5;\n}\n\n\/* ==========================================================================\n   Copy\n   ========================================================================== *\/\n\n.i8-home-michele__content {\n  max-width: 610px;\n}\n\n.i8-home-michele__eyebrow {\n  display: inline-block;\n\n  margin: 0 0 15px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-mich-amber),\n    var(--i8-mich-orange),\n    var(--i8-mich-magenta),\n    var(--i8-mich-violet)\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.16))\n    drop-shadow(0 0 14px rgba(255, 46, 136, 0.08));\n}\n\n.i8-home-michele__title {\n  max-width: 560px;\n  margin: 0 0 22px !important;\n\n  color: var(--i8-mich-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(34px, 3.7vw, 48px);\n  font-weight: 750;\n  line-height: 1.12;\n  letter-spacing: -0.035em;\n\n  text-wrap: balance;\n}\n\n.i8-home-michele__body {\n  max-width: 590px;\n}\n\n.i8-home-michele__body p {\n  margin: 0 0 18px !important;\n\n  color: var(--i8-mich-muted) !important;\n  font-size: clamp(15.5px, 1.05vw, 17px);\n  line-height: 1.74;\n}\n\n.i8-home-michele__body p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* ==========================================================================\n   Credibility cards\n   ========================================================================== *\/\n\n.i8-home-michele__points {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 11px;\n\n  margin: 28px 0 0;\n}\n\n.i8-home-michele__point {\n  position: relative;\n\n  padding: 15px 14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.034),\n      rgba(255, 255, 255, 0.006)\n    ),\n    var(--i8-mich-card);\n\n  border: 1px solid rgba(255, 255, 255, 0.105);\n  border-radius: 16px;\n}\n\n.i8-home-michele__point::before {\n  content: \"\";\n\n  display: block;\n\n  width: 20px;\n  height: 3px;\n  margin: 0 0 12px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-mich-amber),\n    var(--i8-mich-orange),\n    var(--i8-mich-magenta)\n  );\n\n  box-shadow: 0 0 10px rgba(255, 179, 33, 0.14);\n}\n\n.i8-home-michele__point strong {\n  display: block;\n\n  margin: 0 0 5px;\n\n  color: var(--i8-mich-text);\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.i8-home-michele__point span {\n  display: block;\n\n  color: var(--i8-mich-soft);\n  font-size: 12px;\n  line-height: 1.48;\n}\n\n\/* ==========================================================================\n   Button\n   ========================================================================== *\/\n\n.i8-home-michele__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 13px;\n\n  margin: 30px 0 0;\n}\n\n.i8-home-michele__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n\n  min-height: 50px;\n  padding: 14px 22px;\n\n  color: var(--i8-mich-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13.5px;\n  font-weight: 700;\n  line-height: 1.3;\n  text-align: center;\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(\n      rgba(17, 19, 26, 0.98),\n      rgba(17, 19, 26, 0.98)\n    ) padding-box,\n    linear-gradient(\n      135deg,\n      var(--i8-mich-amber),\n      var(--i8-mich-orange),\n      var(--i8-mich-magenta),\n      var(--i8-mich-violet)\n    ) border-box;\n\n  border: 1px solid transparent;\n  border-radius: 14px;\n\n  transition:\n    transform 220ms ease,\n    background 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-michele__button span {\n  transition: transform 220ms ease;\n}\n\n@media (hover: hover) {\n  .i8-home-michele__button:hover {\n    color: var(--i8-mich-text) !important;\n\n    transform: translateY(-2px);\n\n    background:\n      linear-gradient(#20232e, #20232e) padding-box,\n      linear-gradient(\n        135deg,\n        var(--i8-mich-amber),\n        var(--i8-mich-orange),\n        var(--i8-mich-magenta),\n        var(--i8-mich-violet)\n      ) border-box;\n\n    box-shadow:\n      0 0 20px rgba(255, 179, 33, 0.07),\n      0 0 30px rgba(255, 46, 136, 0.05);\n  }\n\n  .i8-home-michele__button:hover span {\n    transform: translateX(3px);\n  }\n}\n\n\/* ==========================================================================\n   Tablet\n   ========================================================================== *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-michele {\n    padding: 68px 0;\n  }\n\n  .i8-home-michele__inner {\n    grid-template-columns: 1fr;\n    width: min(calc(100% - 42px), 720px);\n    gap: 38px;\n  }\n\n  .i8-home-michele__media {\n    max-width: 460px;\n    justify-self: start;\n  }\n\n  .i8-home-michele__content {\n    max-width: 720px;\n  }\n\n  .i8-home-michele__title {\n    max-width: 620px;\n    font-size: clamp(34px, 6vw, 46px);\n  }\n}\n\n\/* ==========================================================================\n   Mobile\n   ========================================================================== *\/\n\n@media all and (max-width: 700px) {\n  .i8-home-michele {\n    padding: 56px 0;\n  }\n\n  .i8-home-michele__inner {\n    width: calc(100% - 32px);\n    gap: 34px;\n  }\n\n  .i8-home-michele__media {\n    max-width: 100%;\n  }\n\n  .i8-home-michele__image-frame {\n    border-radius: 22px;\n  }\n\n  .i8-home-michele__image {\n    aspect-ratio: 4 \/ 4.8;\n  }\n\n  .i8-home-michele__caption {\n    position: relative;\n    right: auto;\n    bottom: auto;\n    left: auto;\n\n    margin: -1px 0 0;\n\n    border-radius: 0 0 22px 22px;\n    background: rgba(7, 8, 13, 0.92);\n  }\n\n  .i8-home-michele__eyebrow {\n    margin-bottom: 14px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-michele__title {\n    margin-bottom: 20px !important;\n    font-size: clamp(30px, 8.8vw, 40px);\n    line-height: 1.14;\n  }\n\n  .i8-home-michele__body p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-home-michele__points {\n    grid-template-columns: 1fr;\n    gap: 11px;\n    margin-top: 28px;\n  }\n\n  .i8-home-michele__actions {\n    width: 100%;\n    margin-top: 30px;\n  }\n\n  .i8-home-michele__button {\n    width: 100%;\n  }\n}\n\n\/* ==========================================================================\n   Reduced motion\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .i8-home-michele__button,\n  .i8-home-michele__button span {\n    transition: none;\n  }\n\n  .i8-home-michele__button:hover,\n  .i8-home-michele__button:hover span {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-michele\"\n  aria-labelledby=\"i8-home-michele-title\"\n>\n  <div class=\"i8-home-michele__inner\">\n\n    <div class=\"i8-home-michele__media\">\n\n      <figure class=\"i8-home-michele__image-frame\">\n        <img decoding=\"async\"\n          class=\"i8-home-michele__image\"\n          src=\"https:\/\/illumin8marketing.co.za\/staging\/wp-content\/uploads\/2026\/08\/Michele-van-der-Walt-Digital-Brand-Strategist-at-Illumin8-Marketing2.png\"\n          alt=\"Michele van der Walt, owner and marketing strategist at Illumin8 Marketing\"\n          loading=\"lazy\"\n        >\n\n        <figcaption class=\"i8-home-michele__caption\">\n          <p class=\"i8-home-michele__caption-name\">\n            Michele van der Walt\n          <\/p>\n\n          <p class=\"i8-home-michele__caption-role\">\n            Owner-led marketing strategy, digital visibility and practical business communication\n          <\/p>\n        <\/figcaption>\n      <\/figure>\n\n    <\/div>\n\n    <div class=\"i8-home-michele__content\">\n\n      <p class=\"i8-home-michele__eyebrow\">\n        Meet Michele\n      <\/p>\n\n      <h2\n        id=\"i8-home-michele-title\"\n        class=\"i8-home-michele__title\"\n      >\n        Senior marketing guidance, delivered personally\n      <\/h2>\n\n      <div class=\"i8-home-michele__body\">\n        <p>\n          Illumin8 Marketing is led by Michele van der Walt, a marketing strategist with more than two decades of experience across brand communication, websites, content, digital visibility and business storytelling.\n        <\/p>\n\n        <p>\n          She works closely with business owners to understand the wider context, connect the strategic dots and guide the practical work that needs to follow.\n        <\/p>\n      <\/div>\n\n      <div class=\"i8-home-michele__points\">\n        <div class=\"i8-home-michele__point\">\n          <strong>Owner-led<\/strong>\n          <span>Direct senior involvement from the person guiding the strategy.<\/span>\n        <\/div>\n\n        <div class=\"i8-home-michele__point\">\n          <strong>Practical<\/strong>\n          <span>Clear thinking translated into focused marketing action.<\/span>\n        <\/div>\n\n        <div class=\"i8-home-michele__point\">\n          <strong>Grounded<\/strong>\n          <span>Marketing support shaped around the realities of the business.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"i8-home-michele__actions\">\n        <a\n          class=\"i8-home-michele__button\"\n          href=\"\/staging\/about\/\"\n        >\n          Learn More About Illumin8\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Insights Section\n   Editorial no-image version\n   Self-contained Divi Code Module\n   ========================================================================== *\/\n\n.i8-home-insights,\n.i8-home-insights *,\n.i8-home-insights *::before,\n.i8-home-insights *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-insights {\n  --i8-hi-bg: #07080d;\n  --i8-hi-card: #171a23;\n  --i8-hi-text: #f8f7f2;\n  --i8-hi-muted: #b9bbc7;\n  --i8-hi-soft: #858895;\n  --i8-hi-amber: #ffb321;\n  --i8-hi-orange: #ff6a1a;\n  --i8-hi-magenta: #ff2e88;\n  --i8-hi-violet: #7a4dff;\n  --i8-hi-cyan: #38bdf8;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(72px, 7vw, 104px) 0;\n\n  color: var(--i8-hi-muted);\n  background: var(--i8-hi-bg);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n\/* Soft top divider *\/\n.i8-home-insights::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 8%;\n  left: 8%;\n\n  height: 1px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 179, 33, 0.44),\n    rgba(255, 106, 26, 0.34),\n    rgba(255, 46, 136, 0.26),\n    rgba(122, 77, 255, 0.26),\n    transparent\n  );\n\n  opacity: 0.48;\n  pointer-events: none;\n}\n\n.i8-home-insights__inner {\n  position: relative;\n  z-index: 1;\n\n  width: min(calc(100% - 48px), 1120px);\n  margin: 0 auto;\n}\n\n\/* ==========================================================================\n   Header\n   ========================================================================== *\/\n\n.i8-home-insights__header {\n  max-width: 980px;\n  margin: 0 0 clamp(40px, 5vw, 56px);\n}\n\n.i8-home-insights__eyebrow {\n  display: inline-block;\n\n  margin: 0 0 18px !important;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.45;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-hi-amber) 0%,\n    var(--i8-hi-orange) 32%,\n    var(--i8-hi-magenta) 66%,\n    var(--i8-hi-violet) 100%\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  filter:\n    drop-shadow(0 0 10px rgba(255, 179, 33, 0.16))\n    drop-shadow(0 0 14px rgba(255, 46, 136, 0.08));\n}\n\n.i8-home-insights__title {\n  max-width: 940px;\n  margin: 0 0 24px !important;\n\n  color: var(--i8-hi-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(36px, 4.4vw, 58px);\n  font-weight: 750;\n  line-height: 1.1;\n  letter-spacing: -0.04em;\n\n  text-wrap: balance;\n}\n\n.i8-home-insights__intro {\n  max-width: 940px;\n}\n\n.i8-home-insights__intro p {\n  margin: 0 0 18px !important;\n\n  color: var(--i8-hi-muted) !important;\n  font-size: clamp(16px, 1.15vw, 17.5px);\n  line-height: 1.76;\n}\n\n.i8-home-insights__intro p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* ==========================================================================\n   Editorial cards\n   ========================================================================== *\/\n\n.i8-home-insights__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 26px;\n\n  width: 100%;\n  margin: clamp(40px, 5vw, 56px) 0 0;\n}\n\n.i8-home-insights__card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-width: 0;\n  min-height: 100%;\n\n  padding: 30px 28px 32px;\n\n  overflow: hidden;\n\n  color: var(--i8-hi-muted) !important;\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.036),\n      rgba(255, 255, 255, 0.006)\n    ),\n    var(--i8-hi-card);\n\n  border: 1px solid rgba(255, 255, 255, 0.105);\n  border-radius: 22px;\n\n  box-shadow:\n    0 22px 54px rgba(0, 0, 0, 0.2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.025);\n\n  transition:\n    transform 220ms ease,\n    border-color 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-insights__card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-hi-amber),\n    var(--i8-hi-orange),\n    var(--i8-hi-magenta),\n    var(--i8-hi-violet),\n    transparent\n  );\n\n  opacity: 0.68;\n  pointer-events: none;\n}\n\n\/* Small category label *\/\n\n.i8-home-insights__label {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin: 0 0 22px !important;\n\n  color: var(--i8-hi-amber) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.i8-home-insights__label::before {\n  content: \"\";\n\n  display: inline-block;\n\n  width: 24px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-hi-amber),\n    var(--i8-hi-orange),\n    var(--i8-hi-magenta),\n    var(--i8-hi-violet)\n  );\n\n  box-shadow:\n    0 0 10px rgba(255, 179, 33, 0.14),\n    0 0 16px rgba(255, 46, 136, 0.08);\n}\n\n.i8-home-insights__card-title {\n  margin: 0 0 18px !important;\n\n  color: var(--i8-hi-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(22px, 1.75vw, 28px);\n  font-weight: 750;\n  line-height: 1.16;\n  letter-spacing: -0.025em;\n\n  text-wrap: balance;\n}\n\n.i8-home-insights__card-copy {\n  margin: 0 0 26px !important;\n\n  color: var(--i8-hi-muted) !important;\n  font-size: 15px;\n  line-height: 1.72;\n}\n\n.i8-home-insights__read {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-top: auto;\n\n  color: var(--i8-hi-amber) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13.5px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.i8-home-insights__read span {\n  transition: transform 220ms ease;\n}\n\n\/* ==========================================================================\n   Footer button\n   ========================================================================== *\/\n\n.i8-home-insights__footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin: clamp(34px, 4vw, 46px) 0 0;\n}\n\n.i8-home-insights__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n\n  min-height: 52px;\n  padding: 15px 24px;\n\n  color: var(--i8-hi-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13.5px;\n  font-weight: 700;\n  line-height: 1.3;\n  text-align: center;\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(var(--i8-hi-bg), var(--i8-hi-bg)) padding-box,\n    linear-gradient(\n      135deg,\n      var(--i8-hi-amber),\n      var(--i8-hi-orange),\n      var(--i8-hi-magenta),\n      var(--i8-hi-violet)\n    ) border-box;\n\n  border: 1px solid transparent;\n  border-radius: 15px;\n\n  transition:\n    transform 220ms ease,\n    background 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-insights__button span {\n  transition: transform 220ms ease;\n}\n\n\/* ==========================================================================\n   Hover\n   ========================================================================== *\/\n\n@media (hover: hover) {\n  .i8-home-insights__card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(255, 179, 33, 0.22);\n\n    box-shadow:\n      0 26px 60px rgba(0, 0, 0, 0.25),\n      0 0 22px rgba(255, 179, 33, 0.045);\n  }\n\n  .i8-home-insights__card:hover .i8-home-insights__read span {\n    transform: translateX(3px);\n  }\n\n  .i8-home-insights__button:hover {\n    color: var(--i8-hi-text) !important;\n\n    transform: translateY(-2px);\n\n    background:\n      linear-gradient(#171a23, #171a23) padding-box,\n      linear-gradient(\n        135deg,\n        var(--i8-hi-amber),\n        var(--i8-hi-orange),\n        var(--i8-hi-magenta),\n        var(--i8-hi-violet)\n      ) border-box;\n\n    box-shadow:\n      0 0 20px rgba(255, 179, 33, 0.07),\n      0 0 30px rgba(255, 46, 136, 0.05);\n  }\n\n  .i8-home-insights__button:hover span {\n    transform: translateX(3px);\n  }\n}\n\n\/* ==========================================================================\n   Tablet\n   ========================================================================== *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-insights {\n    padding: 72px 0;\n  }\n\n  .i8-home-insights__inner {\n    width: min(calc(100% - 42px), 760px);\n  }\n\n  .i8-home-insights__grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .i8-home-insights__card {\n    padding: 28px 26px 30px;\n  }\n}\n\n\/* ==========================================================================\n   Mobile\n   ========================================================================== *\/\n\n@media all and (max-width: 600px) {\n  .i8-home-insights {\n    padding: 56px 0;\n  }\n\n  .i8-home-insights__inner {\n    width: calc(100% - 32px);\n  }\n\n  .i8-home-insights__eyebrow {\n    margin-bottom: 15px !important;\n    font-size: 10.5px;\n    letter-spacing: 0.14em;\n  }\n\n  .i8-home-insights__title {\n    margin-bottom: 22px !important;\n\n    font-size: clamp(31px, 9.2vw, 42px);\n    line-height: 1.13;\n    letter-spacing: -0.035em;\n  }\n\n  .i8-home-insights__intro p {\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  .i8-home-insights__grid {\n    margin-top: 36px;\n    gap: 18px;\n  }\n\n  .i8-home-insights__card {\n    padding: 25px 22px 27px;\n    border-radius: 20px;\n  }\n\n  .i8-home-insights__label {\n    margin-bottom: 20px !important;\n    font-size: 10.5px;\n  }\n\n  .i8-home-insights__card-title {\n    font-size: 23px;\n  }\n\n  .i8-home-insights__card-copy {\n    margin-bottom: 24px !important;\n    font-size: 14.5px;\n    line-height: 1.7;\n  }\n\n  .i8-home-insights__footer {\n    margin-top: 32px;\n  }\n\n  .i8-home-insights__button {\n    width: 100%;\n  }\n}\n\n\/* ==========================================================================\n   Reduced motion\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .i8-home-insights__card,\n  .i8-home-insights__button,\n  .i8-home-insights__read span,\n  .i8-home-insights__button span {\n    transition: none;\n  }\n\n  .i8-home-insights__card:hover,\n  .i8-home-insights__button:hover,\n  .i8-home-insights__card:hover .i8-home-insights__read span,\n  .i8-home-insights__button:hover span {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-insights\"\n  aria-labelledby=\"i8-home-insights-title\"\n>\n  <div class=\"i8-home-insights__inner\">\n\n    <header class=\"i8-home-insights__header\">\n\n      <p class=\"i8-home-insights__eyebrow\">\n        Marketing insights\n      <\/p>\n\n      <h2\n        id=\"i8-home-insights-title\"\n        class=\"i8-home-insights__title\"\n      >\n        Practical guidance for clearer marketing decisions\n      <\/h2>\n\n      <div class=\"i8-home-insights__intro\">\n        <p>\n          Illumin8 Insights helps South African business owners understand the marketing decisions in front of them, from messaging and website strategy to SEO, content and online visibility.\n        <\/p>\n\n        <p>\n          The aim is not to add more noise, but to offer useful guidance that helps you think more clearly about what your business needs next.\n        <\/p>\n      <\/div>\n\n    <\/header>\n\n    <div class=\"i8-home-insights__grid\">\n\n      <a\n        class=\"i8-home-insights__card\"\n        href=\"\/staging\/marketing-insights\/\"\n      >\n        <p class=\"i8-home-insights__label\">\n          Website strategy\n        <\/p>\n\n        <h3 class=\"i8-home-insights__card-title\">\n          Why marketing clarity matters before you rebuild your website\n        <\/h3>\n\n        <p class=\"i8-home-insights__card-copy\">\n          A website rebuild can improve more than design, but only when the message, structure and priorities are clear first.\n        <\/p>\n\n        <span class=\"i8-home-insights__read\">\n          Read the insight <span aria-hidden=\"true\">\u2192<\/span>\n        <\/span>\n      <\/a>\n\n      <a\n        class=\"i8-home-insights__card\"\n        href=\"\/staging\/marketing-insights\/\"\n      >\n        <p class=\"i8-home-insights__label\">\n          Website clarity\n        <\/p>\n\n        <h3 class=\"i8-home-insights__card-title\">\n          How to know if your website no longer reflects your business\n        <\/h3>\n\n        <p class=\"i8-home-insights__card-copy\">\n          Practical signs that your website is creating a gap between the quality of your business and how it appears online.\n        <\/p>\n\n        <span class=\"i8-home-insights__read\">\n          Read the insight <span aria-hidden=\"true\">\u2192<\/span>\n        <\/span>\n      <\/a>\n\n      <a\n        class=\"i8-home-insights__card\"\n        href=\"\/staging\/marketing-insights\/\"\n      >\n        <p class=\"i8-home-insights__label\">\n          Google Ads readiness\n        <\/p>\n\n        <h3 class=\"i8-home-insights__card-title\">\n          What South African SMEs should prioritise before running Google Ads\n        <\/h3>\n\n        <p class=\"i8-home-insights__card-copy\">\n          The foundations to check before increasing ad spend, from service clarity and landing pages to tracking and lead quality.\n        <\/p>\n\n        <span class=\"i8-home-insights__read\">\n          Read the insight <span aria-hidden=\"true\">\u2192<\/span>\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"i8-home-insights__footer\">\n      <a\n        class=\"i8-home-insights__button\"\n        href=\"\/staging\/marketing-insights\/\"\n      >\n        Read Marketing Insights\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>\r\n\r\n<div class=\"et_pb_section_9 et_pb_section et_section_regular et_flex_section\">\r\n\r\n<div class=\"et_pb_row_9 et_pb_row et_flex_row\">\r\n\r\n<div class=\"et_pb_column_9 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\r\n\r\n<div class=\"et_pb_code_9 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ==========================================================================\n   Illumin8 Marketing \u2014 Home Final CTA\n   Self-contained Divi Code Module\n   ========================================================================== *\/\n\n.i8-home-final-cta,\n.i8-home-final-cta *,\n.i8-home-final-cta *::before,\n.i8-home-final-cta *::after {\n  box-sizing: border-box;\n}\n\n.i8-home-final-cta {\n  --i8-cta-bg: #07080d;\n  --i8-cta-card: #171a23;\n  --i8-cta-panel: #11131a;\n  --i8-cta-text: #f8f7f2;\n  --i8-cta-muted: #b9bbc7;\n  --i8-cta-soft: #858895;\n  --i8-cta-amber: #ffb321;\n  --i8-cta-orange: #ff6a1a;\n  --i8-cta-magenta: #ff2e88;\n  --i8-cta-violet: #7a4dff;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  padding: clamp(78px, 8vw, 112px) 0;\n\n  color: var(--i8-cta-muted);\n\n  background: var(--i8-bg);\n\n  font-family:\n    \"Inter\",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n}\n\n.i8-home-final-cta::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 8%;\n  left: 8%;\n\n  height: 1px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 179, 33, 0.64),\n    rgba(255, 106, 26, 0.5),\n    rgba(255, 46, 136, 0.4),\n    rgba(122, 77, 255, 0.4),\n    transparent\n  );\n\n  box-shadow:\n    0 0 18px rgba(255, 179, 33, 0.12),\n    0 0 34px rgba(255, 46, 136, 0.06);\n\n  pointer-events: none;\n}\n\n.i8-home-final-cta__inner {\n  position: relative;\n  z-index: 1;\n\n  width: min(calc(100% - 48px), 1120px);\n  margin: 0 auto;\n}\n\n\/* Main card *\/\n\n.i8-home-final-cta__card {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);\n  gap: clamp(34px, 5vw, 64px);\n  align-items: center;\n\n  padding: clamp(42px, 5.8vw, 72px);\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(255, 179, 33, 0.09),\n      transparent 38%\n    ),\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.046),\n      rgba(255, 255, 255, 0.008)\n    ),\n    var(--i8-cta-card);\n\n  border: 1px solid rgba(255, 179, 33, 0.2);\n  border-radius: 32px;\n\n  box-shadow:\n    0 28px 72px rgba(0, 0, 0, 0.28),\n    0 0 32px rgba(255, 179, 33, 0.055),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n}\n\n.i8-home-final-cta__card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 10%;\n  left: 10%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--i8-cta-amber),\n    var(--i8-cta-orange),\n    var(--i8-cta-magenta),\n    var(--i8-cta-violet),\n    transparent\n  );\n\n  opacity: 0.78;\n  pointer-events: none;\n}\n\n.i8-home-final-cta__copy,\n.i8-home-final-cta__panel {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Copy *\/\n\n.i8-home-final-cta__eyebrow {\n  margin: 0 0 16px !important;\n\n  color: var(--i8-cta-amber) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n}\n\n.i8-home-final-cta__title {\n  max-width: 780px;\n  margin: 0 0 22px !important;\n\n  color: var(--i8-cta-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(36px, 4.7vw, 60px);\n  font-weight: 700;\n  line-height: 1.1;\n  letter-spacing: -0.04em;\n\n  text-wrap: balance;\n}\n\n.i8-home-final-cta__body {\n  max-width: 720px;\n}\n\n.i8-home-final-cta__body p {\n  margin: 0 0 18px !important;\n\n  color: var(--i8-cta-muted) !important;\n  font-size: clamp(16px, 1.3vw, 18px);\n  line-height: 1.74;\n}\n\n.i8-home-final-cta__body p:last-child {\n  margin-bottom: 0 !important;\n}\n\n\/* Buttons *\/\n\n.i8-home-final-cta__buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 13px;\n\n  margin: 32px 0 0;\n}\n\n.i8-home-final-cta__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n\n  min-height: 52px;\n  padding: 15px 24px;\n\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 13.5px;\n  font-weight: 700;\n  line-height: 1.3;\n  text-align: center;\n  text-decoration: none !important;\n\n  border-radius: 14px;\n\n  transition:\n    transform 220ms ease,\n    background 220ms ease,\n    box-shadow 220ms ease;\n}\n\n.i8-home-final-cta__button--primary {\n  color: #07080d !important;\n\n  background: linear-gradient(\n    135deg,\n    var(--i8-cta-amber),\n    var(--i8-cta-orange)\n  );\n\n  border: 1px solid rgba(255, 255, 255, 0.22);\n\n  box-shadow:\n    0 12px 30px rgba(255, 106, 26, 0.18),\n    0 0 18px rgba(255, 179, 33, 0.08);\n}\n\n.i8-home-final-cta__button--secondary {\n  color: var(--i8-cta-text) !important;\n\n  background:\n    linear-gradient(\n      rgba(23, 26, 35, 0.96),\n      rgba(23, 26, 35, 0.96)\n    ) padding-box,\n    linear-gradient(\n      135deg,\n      var(--i8-cta-amber),\n      var(--i8-cta-orange),\n      var(--i8-cta-magenta),\n      var(--i8-cta-violet)\n    ) border-box;\n\n  border: 1px solid transparent;\n}\n\n.i8-home-final-cta__button span {\n  transition: transform 220ms ease;\n}\n\n\/* Right panel *\/\n\n.i8-home-final-cta__panel {\n  padding: 28px 26px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.04),\n      rgba(255, 255, 255, 0.008)\n    ),\n    var(--i8-cta-panel);\n\n  border: 1px solid rgba(255, 255, 255, 0.11);\n  border-radius: 24px;\n\n  box-shadow:\n    0 20px 48px rgba(0, 0, 0, 0.2),\n    inset 0 1px 0 rgba(255, 255, 255, 0.025);\n}\n\n.i8-home-final-cta__panel-label {\n  margin: 0 0 12px !important;\n\n  color: var(--i8-cta-amber) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.i8-home-final-cta__panel-title {\n  margin: 0 0 18px !important;\n\n  color: var(--i8-cta-text) !important;\n  font-family: \"Montserrat\", system-ui, sans-serif;\n  font-size: clamp(22px, 2vw, 28px);\n  font-weight: 700;\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n}\n\n.i8-home-final-cta__list {\n  display: grid;\n  gap: 12px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  list-style: none !important;\n}\n\n.i8-home-final-cta__list li {\n  position: relative;\n\n  margin: 0 !important;\n  padding: 0 0 0 29px;\n\n  color: var(--i8-cta-muted) !important;\n  font-size: 14.5px;\n  line-height: 1.62;\n}\n\n.i8-home-final-cta__list li::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0.65em;\n  left: 0;\n\n  width: 12px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--i8-cta-amber),\n    var(--i8-cta-orange),\n    var(--i8-cta-magenta)\n  );\n\n  box-shadow: 0 0 12px rgba(255, 179, 33, 0.18);\n}\n\n.i8-home-final-cta__note {\n  margin: 22px 0 0;\n  padding-top: 18px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.11);\n}\n\n.i8-home-final-cta__note p {\n  margin: 0 !important;\n\n  color: var(--i8-cta-soft) !important;\n  font-size: 13.5px;\n  line-height: 1.65;\n}\n\n\/* Hover *\/\n\n@media (hover: hover) {\n  .i8-home-final-cta__button:hover {\n    transform: translateY(-2px);\n  }\n\n  .i8-home-final-cta__button--primary:hover {\n    color: #07080d !important;\n\n    box-shadow:\n      0 16px 36px rgba(255, 106, 26, 0.24),\n      0 0 24px rgba(255, 179, 33, 0.1);\n  }\n\n  .i8-home-final-cta__button--secondary:hover {\n    color: var(--i8-cta-text) !important;\n\n    background:\n      linear-gradient(#20232e, #20232e) padding-box,\n      linear-gradient(\n        135deg,\n        var(--i8-cta-amber),\n        var(--i8-cta-orange),\n        var(--i8-cta-magenta),\n        var(--i8-cta-violet)\n      ) border-box;\n  }\n\n  .i8-home-final-cta__button:hover span {\n    transform: translateX(3px);\n  }\n}\n\n\/* Tablet *\/\n\n@media all and (max-width: 980px) {\n  .i8-home-final-cta {\n    padding: 76px 0;\n  }\n\n  .i8-home-final-cta__inner {\n    width: min(calc(100% - 42px), 760px);\n  }\n\n  .i8-home-final-cta__card {\n    grid-template-columns: 1fr;\n    gap: 34px;\n    padding: 46px 34px;\n  }\n\n  .i8-home-final-cta__copy {\n    max-width: 720px;\n  }\n}\n\n\/* Mobile *\/\n\n@media all and (max-width: 600px) {\n  .i8-home-final-cta {\n    padding: 58px 0;\n  }\n\n  .i8-home-final-cta__inner {\n    width: calc(100% - 32px);\n  }\n\n  .i8-home-final-cta__card {\n    padding: 36px 23px;\n    border-radius: 24px;\n  }\n\n  .i8-home-final-cta__eyebrow {\n    margin-bottom: 14px !important;\n    font-size: 11px;\n  }\n\n  .i8-home-final-cta__title {\n    margin-bottom: 20px !important;\n    font-size: clamp(31px, 9vw, 41px);\n    line-height: 1.14;\n  }\n\n  .i8-home-final-cta__body p {\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .i8-home-final-cta__buttons {\n    flex-direction: column;\n    width: 100%;\n    margin-top: 30px;\n  }\n\n  .i8-home-final-cta__button {\n    width: 100%;\n  }\n\n  .i8-home-final-cta__panel {\n    padding: 24px 21px;\n    border-radius: 20px;\n  }\n\n  .i8-home-final-cta__panel-title {\n    font-size: 23px;\n  }\n\n  .i8-home-final-cta__list li {\n    font-size: 14.5px;\n  }\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .i8-home-final-cta__button,\n  .i8-home-final-cta__button span {\n    transition: none;\n  }\n\n  .i8-home-final-cta__button:hover,\n  .i8-home-final-cta__button:hover span {\n    transform: none;\n  }\n}\n<\/style>\n\n<section\n  class=\"i8-home-final-cta\"\n  aria-labelledby=\"i8-home-final-cta-title\"\n>\n  <div class=\"i8-home-final-cta__inner\">\n\n    <div class=\"i8-home-final-cta__card\">\n\n      <div class=\"i8-home-final-cta__copy\">\n\n        <p class=\"i8-home-final-cta__eyebrow\">\n          Ready for clearer marketing?\n        <\/p>\n\n        <h2\n          id=\"i8-home-final-cta-title\"\n          class=\"i8-home-final-cta__title\"\n        >\n          Let\u2019s bring more clarity, structure and direction to your marketing\n        <\/h2>\n\n        <div class=\"i8-home-final-cta__body\">\n          <p>\n            Your next step does not need to be a bigger campaign, more content or another disconnected marketing task.\n          <\/p>\n\n          <p>\n            It may simply be time to step back, understand what your business needs next and make more confident marketing decisions.\n          <\/p>\n        <\/div>\n\n        <div class=\"i8-home-final-cta__buttons\">\n\n          <a\n            class=\"i8-home-final-cta__button i8-home-final-cta__button--primary\"\n            href=\"\/staging\/lets-chat\/\"\n          >\n            Book a Clarity Call\n            <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n\n          <a\n            class=\"i8-home-final-cta__button i8-home-final-cta__button--secondary\"\n            href=\"\/staging\/marketing-services\/\"\n          >\n            Explore Services\n            <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <aside\n        class=\"i8-home-final-cta__panel\"\n        aria-label=\"When to enquire\"\n      >\n\n        <p class=\"i8-home-final-cta__panel-label\">\n          A useful first step\n        <\/p>\n\n        <h3 class=\"i8-home-final-cta__panel-title\">\n          Reach out when your marketing needs a clearer way forward\n        <\/h3>\n\n        <ul class=\"i8-home-final-cta__list\">\n          <li>\n            Your message no longer feels as clear as it should.\n          <\/li>\n\n          <li>\n            Your website or content needs stronger direction.\n          <\/li>\n\n          <li>\n            Your marketing feels inconsistent or difficult to manage.\n          <\/li>\n\n          <li>\n            You need practical support without a large agency structure.\n          <\/li>\n        <\/ul>\n\n        <div class=\"i8-home-final-cta__note\">\n          <p>\n            Best suited to established and growing businesses that value thoughtful marketing, practical guidance and long-term clarity.\n          <\/p>\n        <\/div>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":3845,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":523,"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":3855,"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/pages\/7\/revisions\/3855"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/media\/3845"}],"wp:attachment":[{"href":"https:\/\/illumin8marketing.co.za\/staging\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}