{"id":14,"date":"2026-07-08T19:15:29","date_gmt":"2026-07-08T19:15:29","guid":{"rendered":"https:\/\/kladsoft.com\/?page_id=14"},"modified":"2026-07-29T15:00:16","modified_gmt":"2026-07-29T15:00:16","slug":"home","status":"publish","type":"page","link":"https:\/\/kladsoft.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bc4e2f0 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"bc4e2f0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;tilt&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2790d9b\" data-id=\"2790d9b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ea45b8f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ea45b8f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a25f8c7 elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"a25f8c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3df9646 elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"3df9646\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kladsoft.com\/wp-content\/uploads\/2026\/07\/PNG.webp\" title=\"PNG\" alt=\"PNG\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d925cca elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"d925cca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-weight: 700\">Web Design &amp;<\/span> <br>Marketing Solutions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-528febc elementor-widget elementor-widget-heading\" data-id=\"528febc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Get an interactive website design for your venture!<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1da6c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3a1da6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-074a342 elementor-widget elementor-widget-text-editor\" data-id=\"074a342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Let your business stand out by Cladsoft. We have developed over <strong>70+ websites per year<\/strong> for leading Businesses and Startups.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e52032 elementor-align-left elementor-mobile-align-center elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"6e52032\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"#lead_form\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">schedule a consultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7737a21 elementor-align-left elementor-widget__width-auto elementor-hidden-mobile elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"7737a21\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"#portfolio\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Our Works<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9bfceb7\" data-id=\"9bfceb7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-323519b elementor-widget elementor-widget-html\" data-id=\"323519b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     KladSoft \u2014 Hero Code Editor Widget\r\n     Paste into Elementor HTML widget (right column)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<div class=\"kce-wrap\">\r\n  <div class=\"kce-editor\">\r\n\r\n    <!-- \u2500\u2500 TITLE BAR \u2500\u2500 -->\r\n    <div class=\"kce-bar\">\r\n      <div class=\"kce-dots\">\r\n        <span class=\"kce-dot kce-dot--red\"><\/span>\r\n        <span class=\"kce-dot kce-dot--yellow\"><\/span>\r\n        <span class=\"kce-dot kce-dot--green\"><\/span>\r\n      <\/div>\r\n      <div class=\"kce-tabs\">\r\n        <span class=\"kce-tab kce-tab--active\">kladsoft.js<\/span>\r\n        <span class=\"kce-tab\">config.json<\/span>\r\n      <\/div>\r\n      <div class=\"kce-live-badge\">\r\n        <span class=\"kce-live-dot\"><\/span>\r\n        LIVE\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 CODE BODY \u2500\u2500 -->\r\n    <div class=\"kce-body\">\r\n      <div class=\"kce-gutter\" aria-hidden=\"true\">\r\n        <span>1<\/span><span>2<\/span><span>3<\/span><span>4<\/span>\r\n        <span>5<\/span><span>6<\/span><span>7<\/span><span>8<\/span>\r\n        <span>9<\/span><span>10<\/span><span>11<\/span><span>12<\/span>\r\n        <span>13<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kce-code\">\r\n        <div class=\"kce-line\">\r\n          <span class=\"t-comment\">\/\/ KladSoft \u2014 we build things that perform<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line\">\r\n          <span class=\"t-kw\">const<\/span><span class=\"t-var\"> agency <\/span><span class=\"t-op\">= {<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--indent\">\r\n          <span class=\"t-key\">name<\/span><span class=\"t-op\">: <\/span><span class=\"t-str\">\"KladSoft\"<\/span><span class=\"t-op\">,<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--indent\">\r\n          <span class=\"t-key\">focus<\/span><span class=\"t-op\">: <\/span><span class=\"t-str\">\"Web Design &amp; Dev\"<\/span><span class=\"t-op\">,<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--indent\">\r\n          <span class=\"t-key\">stack<\/span><span class=\"t-op\">: [<\/span><span class=\"t-str\">\"Shopify\"<\/span><span class=\"t-op\">, <\/span><span class=\"t-str\">\"WordPress\"<\/span><span class=\"t-op\">, <\/span><span class=\"t-str\">\"Woo\"<\/span><span class=\"t-op\">],<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--indent\">\r\n          <span class=\"t-key\">projects<\/span><span class=\"t-op\">: <\/span><span class=\"t-num\">400<\/span><span class=\"t-op\">,<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--indent\">\r\n          <span class=\"t-key\">clients<\/span><span class=\"t-op\">: <\/span><span class=\"t-num\">200<\/span><span class=\"t-op\">,<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--indent\">\r\n          <span class=\"t-key\">years<\/span><span class=\"t-op\">: <\/span><span class=\"t-num\">8<\/span><span class=\"t-op\">,<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--indent\">\r\n          <span class=\"t-key\">status<\/span><span class=\"t-op\">: <\/span><span class=\"t-str t-str--accent\">\"open to work\"<\/span><span class=\"t-op\">,<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line\">\r\n          <span class=\"t-op\">};<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--empty\"><\/div>\r\n        <div class=\"kce-line\">\r\n          <span class=\"t-comment\">\/\/ \u2192 ready to build yours<\/span>\r\n        <\/div>\r\n        <div class=\"kce-line kce-line--active\">\r\n          <span class=\"t-fn\">KladSoft<\/span><span class=\"t-op\">.<\/span><span class=\"t-method\">build<\/span><span class=\"t-op\">(<\/span><span class=\"t-var\">yourProject<\/span><span class=\"t-op\">)<\/span><span class=\"kce-cursor\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 STATUS BAR \u2500\u2500 -->\r\n    <div class=\"kce-statusbar\">\r\n      <div class=\"kce-status-left\">\r\n        <span class=\"kce-status-item\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"10\" height=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"18\" r=\"3\"\/><circle cx=\"6\" cy=\"6\" r=\"3\"\/><path d=\"M6 9v3a3 3 0 003 3h6\"\/><\/svg>\r\n          main\r\n        <\/span>\r\n        <span class=\"kce-status-item\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"10\" height=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          No errors\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"kce-status-right\">\r\n        <span class=\"kce-status-hide-sm\">JavaScript<\/span>\r\n        <span class=\"kce-status-hide-sm\">UTF\u20118<\/span>\r\n        <span>Ln 13<\/span>\r\n        <span class=\"kce-status-live\">\u25cf Live<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.kce-wrap, .kce-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 WRAP \u2500\u2500 *\/\r\n.kce-wrap {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 EDITOR SHELL \u2500\u2500 *\/\r\n.kce-editor {\r\n  width: 100%;\r\n  max-width: 460px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: #1b1f32;\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* \u2500\u2500 TITLE BAR \u2500\u2500 *\/\r\n.kce-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 10px 14px;\r\n  background: #252840;\r\n  border-bottom: 1px solid rgba(255,255,255,0.07);\r\n}\r\n\r\n.kce-dots { display: flex; gap: 6px; flex-shrink: 0; }\r\n.kce-dot { width: 11px; height: 11px; border-radius: 50%; display: block; }\r\n.kce-dot--red    { background: #FF5F57; }\r\n.kce-dot--yellow { background: #FEBC2E; }\r\n.kce-dot--green  { background: #28C840; }\r\n\r\n.kce-tabs { display: flex; gap: 1px; flex: 1; min-width: 0; }\r\n.kce-tab {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.7rem; font-weight: 600;\r\n  padding: 4px 12px;\r\n  color: rgba(255,255,255,0.3);\r\n  cursor: default;\r\n  border-radius: 5px 5px 0 0;\r\n  white-space: nowrap;\r\n}\r\n.kce-tab--active {\r\n  background: #1b1f32;\r\n  color: rgba(255,255,255,0.85);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-bottom-color: #1b1f32;\r\n  margin-bottom: -1px;\r\n}\r\n\r\n.kce-live-badge {\r\n  display: flex; align-items: center; gap: 5px;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.67rem; font-weight: 700;\r\n  color: #22C55E;\r\n  letter-spacing: 0.05em;\r\n  margin-left: auto;\r\n  flex-shrink: 0;\r\n}\r\n.kce-live-dot {\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n  background: #22C55E;\r\n  animation: kce-pulse 2s ease-out infinite;\r\n}\r\n@keyframes kce-pulse {\r\n  0%   { box-shadow: 0 0 0 0 rgba(34,197,94,0.6); }\r\n  70%  { box-shadow: 0 0 0 7px rgba(34,197,94,0); }\r\n  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }\r\n}\r\n\r\n\/* \u2500\u2500 CODE BODY \u2500\u2500 *\/\r\n.kce-body {\r\n  display: flex;\r\n  padding: 16px 0 12px;\r\n  \/* hide scrollbar but allow scroll if truly needed *\/\r\n  overflow-x: hidden;\r\n}\r\n\r\n.kce-gutter {\r\n  display: flex; flex-direction: column;\r\n  padding: 0 12px 0 14px;\r\n  border-right: 1px solid rgba(255,255,255,0.05);\r\n  flex-shrink: 0;\r\n  user-select: none;\r\n}\r\n.kce-gutter span {\r\n  font-family: 'JetBrains Mono', 'Fira Code', monospace;\r\n  font-size: 0.68rem; line-height: 1.85;\r\n  color: #3a4060; text-align: right; display: block;\r\n}\r\n\r\n\/* Code column fills remaining space, clips overflow *\/\r\n.kce-code {\r\n  padding: 0 14px;\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.kce-line {\r\n  font-family: 'JetBrains Mono', 'Fira Code', monospace;\r\n  font-size: 0.78rem; line-height: 1.85;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n.kce-line--indent { padding-left: 18px; }\r\n.kce-line--empty  { height: 1.2rem; }\r\n\r\n\/* Active line *\/\r\n.kce-line--active {\r\n  background: rgba(56,189,248,0.07);\r\n  border-left: 2px solid #38BDF8;\r\n  margin-left: -14px;\r\n  padding-left: 12px;\r\n  padding-right: 14px;\r\n  border-radius: 0 4px 4px 0;\r\n}\r\n\r\n\/* Syntax colours *\/\r\n.t-comment     { color: #546e87; font-style: italic; }\r\n.t-kw          { color: #569CD6; }\r\n.t-var         { color: #9CDCFE; }\r\n.t-key         { color: #9CDCFE; }\r\n.t-str         { color: #CE9178; }\r\n.t-str--accent { color: #38BDF8; }\r\n.t-num         { color: #B5CEA8; }\r\n.t-fn          { color: #DCDCAA; }\r\n.t-method      { color: #DCDCAA; }\r\n.t-op          { color: #D4D4D4; }\r\n\r\n\/* Cursor *\/\r\n.kce-cursor {\r\n  display: inline-block;\r\n  width: 8px; height: 0.85em;\r\n  background: #38BDF8;\r\n  margin-left: 1px;\r\n  vertical-align: text-bottom;\r\n  border-radius: 1px;\r\n  animation: kce-blink 1.1s step-end infinite;\r\n}\r\n@keyframes kce-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50%       { opacity: 0; }\r\n}\r\n\r\n\/* \u2500\u2500 STATUS BAR \u2500\u2500 *\/\r\n.kce-statusbar {\r\n  display: flex; align-items: center;\r\n  justify-content: space-between;\r\n  padding: 5px 14px;\r\n  background: #0B1C40;\r\n  border-top: 1px solid rgba(255,255,255,0.05);\r\n  gap: 8px;\r\n}\r\n.kce-status-left, .kce-status-right {\r\n  display: flex; align-items: center; gap: 10px;\r\n}\r\n.kce-status-item {\r\n  display: flex; align-items: center; gap: 4px;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.65rem; color: rgba(255,255,255,0.38);\r\n  white-space: nowrap;\r\n}\r\n.kce-status-right span {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.65rem; color: rgba(255,255,255,0.35);\r\n  white-space: nowrap;\r\n}\r\n.kce-status-live {\r\n  color: #22C55E !important;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 480px) {\r\n  .kce-editor { border-radius: 10px; }\r\n  .kce-line { font-size: 0.7rem; }\r\n  .kce-gutter span { font-size: 0.62rem; }\r\n  .kce-tab:not(.kce-tab--active) { display: none; }\r\n  .kce-status-hide-sm { display: none; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .kce-live-dot, .kce-cursor { animation: none; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b04de9b e-con e-atomic-element e-flexbox-base e-1a50fcc \" data-id=\"b04de9b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b04de9b\" data-e-type=\"e-flexbox\" data-id=\"b04de9b\">\n    \t\t<div class=\"elementor-element elementor-element-85ce7a3 elementor-widget elementor-widget-html\" data-id=\"85ce7a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     KladSoft \u2014 Brands \/ Clients Marquee\r\n     Paste into Elementor HTML widget\r\n     3 rows \u00b7 alternating directions \u00b7 edge fade \u00b7 hover pause\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<section class=\"ksb-section\">\r\n  <div class=\"ksb-layout\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"ksb-header\">\r\n      <h2 class=\"ksb-title\">Brands we've built for<\/h2>\r\n      <p class=\"ksb-desc\">From fast-growing Shopify stores to enterprise WordPress sites \u2014 a snapshot of the businesses we've partnered with.<\/p>\r\n      <a href=\"\/portfolio\/\" class=\"ksb-cta\">\r\n        View our work\r\n        <span class=\"ksb-cta-arrow\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 ROW 1 \u2014 scrolls RIGHT (left to right) \u2500\u2500 -->\r\n  <div class=\"ksb-row-wrap ksb-fade\">\r\n    <div class=\"ksb-track ksb-track--right\">\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF7ED\"><span style=\"color:#EA580C;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">SA<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Shine Armor<\/span><span class=\"ksb-desc-tile\">Automotive care eCommerce on Shopify<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDF4\"><span style=\"color:#16A34A;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">PL<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Pleshy<\/span><span class=\"ksb-desc-tile\">Custom Shopify store with interactive product config<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#EFF6FF\"><span style=\"color:#2563EB;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">VB<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Vibe<\/span><span class=\"ksb-desc-tile\">Lifestyle brand Shopify store with custom theme<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FDF2F8\"><span style=\"color:#BE185D;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">WL<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">With Love<\/span><span class=\"ksb-desc-tile\">Beauty brand with custom swatches & subscriptions<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F5F3FF\"><span style=\"color:#7C3AED;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">OP<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Our Place<\/span><span class=\"ksb-desc-tile\">Premium cookware \u2014 60% faster, 34% more conversions<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF1F2\"><span style=\"color:#E11D48;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">ND<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Nada<\/span><span class=\"ksb-desc-tile\">Fashion Shopify store with editorial layout<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#ECFDF5\"><span style=\"color:#059669;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">VX<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Vitavix<\/span><span class=\"ksb-desc-tile\">Health supplement store with bundle builder<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- Duplicate for seamless loop -->\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF7ED\"><span style=\"color:#EA580C;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">SA<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Shine Armor<\/span><span class=\"ksb-desc-tile\">Automotive care eCommerce on Shopify<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDF4\"><span style=\"color:#16A34A;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">PL<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Pleshy<\/span><span class=\"ksb-desc-tile\">Custom Shopify store with interactive product config<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#EFF6FF\"><span style=\"color:#2563EB;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">VB<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Vibe<\/span><span class=\"ksb-desc-tile\">Lifestyle brand Shopify store with custom theme<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FDF2F8\"><span style=\"color:#BE185D;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">WL<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">With Love<\/span><span class=\"ksb-desc-tile\">Beauty brand with custom swatches & subscriptions<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F5F3FF\"><span style=\"color:#7C3AED;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">OP<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Our Place<\/span><span class=\"ksb-desc-tile\">Premium cookware \u2014 60% faster, 34% more conversions<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF1F2\"><span style=\"color:#E11D48;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">ND<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Nada<\/span><span class=\"ksb-desc-tile\">Fashion Shopify store with editorial layout<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#ECFDF5\"><span style=\"color:#059669;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">VX<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Vitavix<\/span><span class=\"ksb-desc-tile\">Health supplement store with bundle builder<\/span><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 ROW 2 \u2014 scrolls LEFT \u2500\u2500 -->\r\n  <div class=\"ksb-row-wrap ksb-fade\" style=\"margin-top:16px\">\r\n    <div class=\"ksb-track ksb-track--left\">\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF7ED\"><span style=\"color:#C2410C;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">LL<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Luxe Liddy<\/span><span class=\"ksb-desc-tile\">Luxury beauty brand with custom Shopify theme<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDF4\"><span style=\"color:#15803D;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">7M<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">7 Mountains Coffee<\/span><span class=\"ksb-desc-tile\">Artisan coffee brand with subscription boxes<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#EFF6FF\"><span style=\"color:#1D4ED8;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">FT<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Finishing Touches<\/span><span class=\"ksb-desc-tile\">Interior design studio on custom WordPress<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDFA\"><span style=\"color:#0D9488;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">IH<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Infiniti Healthcare<\/span><span class=\"ksb-desc-tile\">Healthcare site with appointment booking system<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FDF4FF\"><span style=\"color:#9333EA;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">MD<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Mr Draper<\/span><span class=\"ksb-desc-tile\">Menswear Shopify with stylist quiz<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFFBEB\"><span style=\"color:#D97706;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">HK<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Hanako<\/span><span class=\"ksb-desc-tile\">Shopify Plus migration \u2014 speed score 40 \u2192 92<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF1F2\"><span style=\"color:#BE123C;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">BP<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Beauty Pillow<\/span><span class=\"ksb-desc-tile\">Wellness lifestyle brand with email capture flow<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- Duplicate -->\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF7ED\"><span style=\"color:#C2410C;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">LL<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Luxe Liddy<\/span><span class=\"ksb-desc-tile\">Luxury beauty brand with custom Shopify theme<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDF4\"><span style=\"color:#15803D;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">7M<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">7 Mountains Coffee<\/span><span class=\"ksb-desc-tile\">Artisan coffee brand with subscription boxes<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#EFF6FF\"><span style=\"color:#1D4ED8;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">FT<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Finishing Touches<\/span><span class=\"ksb-desc-tile\">Interior design studio on custom WordPress<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDFA\"><span style=\"color:#0D9488;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">IH<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Infiniti Healthcare<\/span><span class=\"ksb-desc-tile\">Healthcare site with appointment booking system<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FDF4FF\"><span style=\"color:#9333EA;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">MD<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Mr Draper<\/span><span class=\"ksb-desc-tile\">Menswear Shopify with stylist quiz<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFFBEB\"><span style=\"color:#D97706;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">HK<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Hanako<\/span><span class=\"ksb-desc-tile\">Shopify Plus migration \u2014 speed score 40 \u2192 92<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF1F2\"><span style=\"color:#BE123C;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">BP<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Beauty Pillow<\/span><span class=\"ksb-desc-tile\">Wellness lifestyle brand with email capture flow<\/span><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 ROW 3 \u2014 scrolls RIGHT \u2500\u2500 -->\r\n  <div class=\"ksb-row-wrap ksb-fade\" style=\"margin-top:16px\">\r\n    <div class=\"ksb-track ksb-track--right\" style=\"animation-duration:52s\">\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDF4\"><span style=\"color:#166534;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">PS<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Powerplant Solar<\/span><span class=\"ksb-desc-tile\">Solar provider with quote calculator & lead gen<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0F9FF\"><span style=\"color:#0369A1;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">CR<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">CraftRoots<\/span><span class=\"ksb-desc-tile\">Artisan WooCommerce store with subscriptions<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF7ED\"><span style=\"color:#92400E;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">BT<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Bloom &amp; Thread<\/span><span class=\"ksb-desc-tile\">Fashion store redesign \u2014 +40% conversion rate<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F5F3FF\"><span style=\"color:#6D28D9;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">ML<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Meridian Legal<\/span><span class=\"ksb-desc-tile\">Law firm WordPress site with client portal<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDFA\"><span style=\"color:#0F766E;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">IW<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Ironwood Fitness<\/span><span class=\"ksb-desc-tile\">Fitness brand on monthly maintenance plan<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#FEF9C3\"><span style=\"color:#A16207;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">GX<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">GreenBox Co.<\/span><span class=\"ksb-desc-tile\">Eco brand \u2014 Lighthouse score 48 \u2192 97<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksb-tile\">\r\n        <div class=\"ksb-logo\" style=\"background:#EFF6FF\"><span style=\"color:#1E40AF;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">SS<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">StackBridge SaaS<\/span><span class=\"ksb-desc-tile\">SaaS company WordPress with custom integrations<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- Duplicate -->\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDF4\"><span style=\"color:#166534;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">PS<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Powerplant Solar<\/span><span class=\"ksb-desc-tile\">Solar provider with quote calculator & lead gen<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0F9FF\"><span style=\"color:#0369A1;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">CR<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">CraftRoots<\/span><span class=\"ksb-desc-tile\">Artisan WooCommerce store with subscriptions<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FFF7ED\"><span style=\"color:#92400E;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">BT<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Bloom &amp; Thread<\/span><span class=\"ksb-desc-tile\">Fashion store redesign \u2014 +40% conversion rate<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F5F3FF\"><span style=\"color:#6D28D9;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">ML<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Meridian Legal<\/span><span class=\"ksb-desc-tile\">Law firm WordPress site with client portal<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#F0FDFA\"><span style=\"color:#0F766E;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">IW<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">Ironwood Fitness<\/span><span class=\"ksb-desc-tile\">Fitness brand on monthly maintenance plan<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#FEF9C3\"><span style=\"color:#A16207;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">GX<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">GreenBox Co.<\/span><span class=\"ksb-desc-tile\">Eco brand \u2014 Lighthouse score 48 \u2192 97<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"ksb-tile\" aria-hidden=\"true\">\r\n        <div class=\"ksb-logo\" style=\"background:#EFF6FF\"><span style=\"color:#1E40AF;font-size:1.4rem;font-weight:800;letter-spacing:-0.04em\">SS<\/span><\/div>\r\n        <div class=\"ksb-meta\"><span class=\"ksb-name\">StackBridge SaaS<\/span><span class=\"ksb-desc-tile\">SaaS company WordPress with custom integrations<\/span><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n.ksb-section, .ksb-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.ksb-section a { text-decoration: none !important; }\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.ksb-section {\r\n  background: #fff;\r\n  padding: 88px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.ksb-layout {\r\n  max-width: 1180px; margin: 0 auto; padding: 0 28px;\r\n}\r\n.ksb-header {\r\n  text-align: center; margin-bottom: 52px;\r\n}\r\n.ksb-title {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.75rem);\r\n  font-weight: 800; color: #0F172A;\r\n  letter-spacing: -0.025em; line-height: 1.12;\r\n  margin-bottom: 12px;\r\n}\r\n.ksb-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1rem; color: #64748B; line-height: 1.7;\r\n  max-width: 520px; margin: 0 auto 20px;\r\n}\r\n.ksb-cta {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.9rem; font-weight: 700; color: #0F172A;\r\n  transition: color .2s;\r\n}\r\n.ksb-cta-arrow {\r\n  width: 30px; height: 30px; border-radius: 50%;\r\n  background: #38BDF8;\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background .2s, transform .2s;\r\n}\r\n.ksb-cta-arrow svg {\r\n  width: 14px; height: 14px; fill: none; stroke: #fff;\r\n  stroke-width: 2.5; stroke-linecap: round;\r\n}\r\n.ksb-cta:hover { color: #38BDF8; }\r\n.ksb-cta:hover .ksb-cta-arrow { background: #0EA5E9; transform: translateX(3px); }\r\n\r\n\/* \u2500\u2500 ROW WRAPPER \u2014 edge fade \u2500\u2500 *\/\r\n.ksb-row-wrap {\r\n  position: relative; overflow: hidden;\r\n}\r\n.ksb-fade::before,\r\n.ksb-fade::after {\r\n  content: '';\r\n  position: absolute; top: 0; bottom: 0; z-index: 2;\r\n  width: 140px; pointer-events: none;\r\n}\r\n.ksb-fade::before {\r\n  left: 0;\r\n  background: linear-gradient(to right, #fff 0%, transparent 100%);\r\n}\r\n.ksb-fade::after {\r\n  right: 0;\r\n  background: linear-gradient(to left, #fff 0%, transparent 100%);\r\n}\r\n\r\n\/* \u2500\u2500 TRACK \u2500\u2500 *\/\r\n.ksb-track {\r\n  display: flex; gap: 14px; width: max-content;\r\n  padding: 8px 0; will-change: transform;\r\n}\r\n.ksb-track--right { animation: ksb-right 42s linear infinite; }\r\n.ksb-track--left  { animation: ksb-left  48s linear infinite; }\r\n\r\n@keyframes ksb-right {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n@keyframes ksb-left {\r\n  from { transform: translateX(-50%); }\r\n  to   { transform: translateX(0); }\r\n}\r\n\r\n\/* Pause on hover \u2014 desktop only *\/\r\n@media (min-width: 768px) {\r\n  .ksb-track--right:hover { animation-play-state: paused; }\r\n  .ksb-track--left:hover  { animation-play-state: paused; }\r\n}\r\n\r\n\/* \u2500\u2500 TILE \u2500\u2500 *\/\r\n.ksb-tile {\r\n  display: flex; align-items: center; gap: 14px;\r\n  background: #fff;\r\n  border: 1px solid #E2E8F0;\r\n  border-radius: 14px;\r\n  padding: 14px 18px;\r\n  min-width: 280px; max-width: 320px;\r\n  flex-shrink: 0;\r\n  transition: border-color .2s, box-shadow .2s, transform .2s;\r\n  cursor: default;\r\n}\r\n.ksb-tile:hover {\r\n  border-color: #BAE6FD;\r\n  box-shadow: 0 6px 24px rgba(15,23,42,0.07);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Logo square *\/\r\n.ksb-logo {\r\n  width: 52px; height: 52px; border-radius: 12px;\r\n  flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n\/* Meta *\/\r\n.ksb-meta {\r\n  display: flex; flex-direction: column; gap: 3px; min-width: 0;\r\n}\r\n.ksb-name {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 0.9rem; font-weight: 700; color: #0F172A;\r\n  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n  line-height: 1.2;\r\n}\r\n.ksb-desc-tile {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.76rem; color: #94A3B8;\r\n  line-height: 1.4;\r\n  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n}\r\n\r\n\/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ksb-track--right,\r\n  .ksb-track--left { animation: none; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d94328 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d94328\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;tilt&quot;,&quot;shape_divider_bottom&quot;:&quot;tilt&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-05df90c\" data-id=\"05df90c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4893ff7 elementor-widget elementor-widget-html\" data-id=\"4893ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     KladSoft \u2014 Technology Expertise Section\r\n     Paste into Elementor HTML widget\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"kte-section\">\r\n  <div class=\"kte-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"kte-header\">\r\n      <div class=\"kte-eyebrow\">Our Stack<\/div>\r\n      <h2 class=\"kte-title\">Our Technology Expertise<\/h2>\r\n      <p class=\"kte-lead\">We work with the platforms and technologies that power the modern web \u2014 chosen because they're the best tools for the job, not because they're trendy.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 3-column grid -->\r\n    <div class=\"kte-cols\">\r\n\r\n      <!-- Col 1: Web Development -->\r\n      <div class=\"kte-col\">\r\n        <div class=\"kte-col-header\">\r\n          <div class=\"kte-col-icon\" style=\"background:#E0F2FE\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0369A1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"kte-col-title\">Web Development<\/h3>\r\n        <\/div>\r\n        <div class=\"kte-list\">\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/php\/php-plain.svg\" alt=\"PHP\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#777BB4;color:#fff\">PHP<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">PHP<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/javascript\/javascript-original.svg\" alt=\"JavaScript\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#F7DF1E;color:#000\">JS<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">JavaScript<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/html5\/html5-original.svg\" alt=\"HTML5\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#E34F26;color:#fff\">H5<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">HTML5<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/css3\/css3-original.svg\" alt=\"CSS3\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#1572B6;color:#fff\">CSS<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">CSS3<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mysql\/mysql-original.svg\" alt=\"MySQL\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#4479A1;color:#fff\">SQL<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">MySQL<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/git\/git-original.svg\" alt=\"Git\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#F05032;color:#fff\">Git<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Git<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Col 2: Web Design & Frontend -->\r\n      <div class=\"kte-col\">\r\n        <div class=\"kte-col-header\">\r\n          <div class=\"kte-col-icon\" style=\"background:#F5F3FF\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B21B6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"kte-col-title\">Design &amp; Frontend<\/h3>\r\n        <\/div>\r\n        <div class=\"kte-list\">\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/figma\/figma-original.svg\" alt=\"Figma\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#F24E1E;color:#fff\">Fig<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Figma<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/jquery\/jquery-original.svg\" alt=\"jQuery\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#0769AD;color:#fff\">jQ<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">jQuery<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/vuejs\/vuejs-original.svg\" alt=\"Vue.js\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#4FC08D;color:#fff\">Vue<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Vue.js<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/react\/react-original.svg\" alt=\"React\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#61DAFB;color:#000\">Re<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">React<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/sass\/sass-original.svg\" alt=\"SASS\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#CC6699;color:#fff\">Sass<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">SASS \/ CSS<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/tailwindcss\/tailwindcss-original.svg\" alt=\"Tailwind\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#06B6D4;color:#fff\">TW<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Tailwind CSS<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Col 3: eCommerce & CMS -->\r\n      <div class=\"kte-col\">\r\n        <div class=\"kte-col-header\">\r\n          <div class=\"kte-col-icon\" style=\"background:#ECFDF5\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#065F46\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"kte-col-title\">eCommerce &amp; CMS<\/h3>\r\n        <\/div>\r\n        <div class=\"kte-list\">\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/shopify\/shopify-original.svg\" alt=\"Shopify\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#96BF48;color:#fff\">Sh<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Shopify<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/wordpress\/wordpress-plain.svg\" alt=\"WordPress\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#21759B;color:#fff\">WP<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">WordPress<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2a\/WooCommerce_logo.svg\/120px-WooCommerce_logo.svg.png\" alt=\"WooCommerce\" loading=\"lazy\" style=\"object-fit:contain\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#7F54B3;color:#fff\">Woo<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">WooCommerce<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\" style=\"background:#fff;border-radius:8px;padding:3px\">\r\n              <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0e\/Shopify_logo_2018.svg\/120px-Shopify_logo_2018.svg.png\" alt=\"Shopify Plus\" loading=\"lazy\" style=\"object-fit:contain\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#96BF48;color:#fff\">S+<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Shopify Plus<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/elementor\/elementor-original.svg\" alt=\"Elementor\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n              <span class=\"kte-fallback\" style=\"display:none;background:#92003B;color:#fff\">El<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Elementor<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"kte-item\">\r\n            <div class=\"kte-logo-wrap\">\r\n              <div class=\"kte-custom-icon\" style=\"background:linear-gradient(135deg,#96BF48,#5a8a1f)\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 000 5H6\"\/><path d=\"M18 9h1.5a2.5 2.5 0 010 5H18\"\/><path d=\"M8 9h8\"\/><path d=\"M8 15h8\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"kte-fallback\" style=\"display:none\">Liq<\/span>\r\n            <\/div>\r\n            <span class=\"kte-label\">Liquid (Shopify)<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/kte-cols -->\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n.kte-section, .kte-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.kte-section a { text-decoration: none !important; }\r\n\r\n\/* \u2500\u2500 SECTION \u2014 no background, no padding (handled by Elementor section) \u2500\u2500 *\/\r\n.kte-section {\r\n  background: none;\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n\/* \u2500\u2500 INNER \u2014 no max-width or side padding (Elementor controls width) \u2500\u2500 *\/\r\n.kte-inner {\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.kte-header {\r\n  text-align: center; margin-bottom: 64px;\r\n}\r\n.kte-eyebrow {\r\n  display: block;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: #38BDF8; margin-bottom: 12px;\r\n}\r\n.kte-title {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.75rem);\r\n  font-weight: 800; color: #0B1C40;\r\n  letter-spacing: -0.025em; line-height: 1.12;\r\n  margin-bottom: 14px;\r\n}\r\n.kte-lead {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 1rem; color: #64748B; line-height: 1.75;\r\n  max-width: 560px; margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 3-COL LAYOUT \u2500\u2500 *\/\r\n.kte-cols {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n\/* \u2500\u2500 COLUMN \u2500\u2500 *\/\r\n.kte-col {\r\n  background: #fff;\r\n  border-radius: 20px;\r\n  padding: 32px 28px 28px;\r\n  border: 1px solid rgba(15,23,42,0.06);\r\n  box-shadow: 0 2px 16px rgba(15,23,42,0.04);\r\n}\r\n\r\n\/* Col header *\/\r\n.kte-col-header {\r\n  display: flex; align-items: center; gap: 12px;\r\n  margin-bottom: 28px;\r\n  padding-bottom: 20px;\r\n  border-bottom: 1px solid #F1F5F9;\r\n}\r\n.kte-col-icon {\r\n  width: 40px; height: 40px; border-radius: 10px;\r\n  flex-shrink: 0; display: flex; align-items: center; justify-content: center;\r\n}\r\n.kte-col-icon svg { width: 20px; height: 20px; }\r\n.kte-col-title {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.975rem; font-weight: 800;\r\n  color: #0B1C40; line-height: 1.2;\r\n}\r\n\r\n\/* \u2500\u2500 SKILL LIST \u2500\u2500 *\/\r\n.kte-list {\r\n  display: flex; flex-direction: column; gap: 6px;\r\n}\r\n\r\n\/* \u2500\u2500 SKILL ITEM \u2500\u2500 *\/\r\n.kte-item {\r\n  display: flex; align-items: center; gap: 12px;\r\n  padding: 10px 14px;\r\n  background: #F8FAFC;\r\n  border: 1px solid #EEF3F9;\r\n  border-radius: 10px;\r\n  cursor: default;\r\n  transition: background .18s, border-color .18s, transform .18s;\r\n}\r\n.kte-item:hover {\r\n  background: #EFF6FF;\r\n  border-color: #BAE6FD;\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* Logo wrapper *\/\r\n.kte-logo-wrap {\r\n  width: 28px; height: 28px; flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  border-radius: 6px; overflow: hidden;\r\n}\r\n.kte-logo-wrap img {\r\n  width: 26px; height: 26px;\r\n  object-fit: contain; display: block;\r\n}\r\n.kte-custom-icon {\r\n  width: 28px; height: 28px; border-radius: 6px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Fallback initials *\/\r\n.kte-fallback {\r\n  width: 28px; height: 28px; border-radius: 6px;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.55rem; font-weight: 800; letter-spacing: 0.02em;\r\n  text-align: center; line-height: 28px; flex-shrink: 0;\r\n}\r\n\r\n\/* Label *\/\r\n.kte-label {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.875rem; font-weight: 600;\r\n  color: #334155; line-height: 1;\r\n  transition: color .18s;\r\n}\r\n.kte-item:hover .kte-label { color: #0B1C40; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .kte-cols { grid-template-columns: 1fr; gap: 16px; }\r\n  .kte-col { padding: 24px 20px 20px; }\r\n}\r\n@media (max-width: 580px) {\r\n  .kte-header { margin-bottom: 40px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32757a62 elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32757a62\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d3ce72a\" data-id=\"1d3ce72a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7348303 elementor-widget elementor-widget-html\" data-id=\"7348303\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     KladSoft \u2014 Stacking Scroll Cards (Services)\r\n     Paste into Elementor HTML widget\r\n     Each card stacks on top of the previous as you scroll\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<section class=\"ksc-section\">\r\n\r\n  <!-- Sticky header -->\r\n  <div class=\"ksc-head\">\r\n    <div class=\"ksc-eyebrow\">What We Offer<\/div>\r\n    <h2 class=\"ksc-title\">Everything your website needs,<br>done exceptionally well.<\/h2>\r\n    <div class=\"ksc-title-underline\"><\/div>\r\n    <p class=\"ksc-lead\">We don't try to do everything. We go deep on three platforms and make sure every project we ship is something we're proud of.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Stacking cards container -->\r\n  <div class=\"ksc-cards-wrap\" id=\"kscCardsWrap\">\r\n\r\n    <!-- Card 1 \u2014 Dark Navy -->\r\n    <div class=\"ksc-card\" id=\"kscCard1\" style=\"--card-bg:#0B1C40; --card-top:80px\">\r\n      <div class=\"ksc-card-inner\">\r\n        <div class=\"ksc-card-left\">\r\n          <div class=\"ksc-card-num\" style=\"color:rgba(255,255,255,0.2)\">01<\/div>\r\n          <h3 class=\"ksc-card-title\" style=\"color:#fff\">Shopify Development<\/h3>\r\n          <p class=\"ksc-card-desc\" style=\"color:rgba(255,255,255,0.62)\">Custom Shopify stores built for conversion. From theme development and migrations to complex custom features \u2014 we turn Shopify into a serious sales engine that your customers actually enjoy using.<\/p>\r\n          <ul class=\"ksc-card-list\" style=\"--li-color:rgba(255,255,255,0.5);--dot-color:#38BDF8\">\r\n            <li>Custom theme development<\/li>\r\n            <li>Store redesign &amp; migration<\/li>\r\n            <li>Custom sections &amp; features<\/li>\r\n            <li>Conversion optimisation<\/li>\r\n          <\/ul>\r\n          <a href=\"\/shopify-development\/\" class=\"ksc-card-link\" style=\"color:#38BDF8\">\r\n            Learn more\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"ksc-card-right\">\r\n          <div class=\"ksc-visual\" style=\"background:rgba(56,189,248,0.08);border-color:rgba(56,189,248,0.15)\">\r\n            <div class=\"ksc-mock-header\" style=\"background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08)\">\r\n              <div class=\"ksc-mock-dots\"><span style=\"background:#FF5F57\"><\/span><span style=\"background:#FEBC2E\"><\/span><span style=\"background:#28C840\"><\/span><\/div>\r\n              <div class=\"ksc-mock-url\" style=\"background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.35)\">yourstore.myshopify.com<\/div>\r\n            <\/div>\r\n            <div class=\"ksc-mock-body\">\r\n              <div class=\"ksc-mock-hero\" style=\"background:rgba(56,189,248,0.1);border-radius:10px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:14px\">\r\n                <div style=\"text-align:center\">\r\n                  <div style=\"font-family:'Raleway',sans-serif;font-size:0.95rem;font-weight:800;color:rgba(255,255,255,0.8);letter-spacing:-0.02em\">Premium Store<\/div>\r\n                  <div style=\"font-size:0.7rem;color:rgba(255,255,255,0.35);margin-top:3px\">Built on Shopify<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div style=\"display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px\">\r\n                <div style=\"background:rgba(255,255,255,0.05);border-radius:8px;height:60px;border:1px solid rgba(255,255,255,0.07)\"><\/div>\r\n                <div style=\"background:rgba(56,189,248,0.12);border-radius:8px;height:60px;border:1px solid rgba(56,189,248,0.2)\"><\/div>\r\n                <div style=\"background:rgba(255,255,255,0.05);border-radius:8px;height:60px;border:1px solid rgba(255,255,255,0.07)\"><\/div>\r\n              <\/div>\r\n              <div style=\"margin-top:12px;background:#38BDF8;border-radius:8px;height:36px;display:flex;align-items:center;justify-content:center\">\r\n                <span style=\"font-family:'Raleway',sans-serif;font-size:0.75rem;font-weight:700;color:#fff\">Add to Cart<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ksc-card-badge\" style=\"background:rgba(56,189,248,0.12);color:#38BDF8;border-color:rgba(56,189,248,0.2)\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\r\n            Shopify\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2 \u2014 Sky Blue -->\r\n    <div class=\"ksc-card\" id=\"kscCard2\" style=\"--card-bg:#38BDF8; --card-top:100px\">\r\n      <div class=\"ksc-card-inner\">\r\n        <div class=\"ksc-card-left\">\r\n          <div class=\"ksc-card-num\" style=\"color:rgba(255,255,255,0.25)\">02<\/div>\r\n          <h3 class=\"ksc-card-title\" style=\"color:#fff\">WordPress Development<\/h3>\r\n          <p class=\"ksc-card-desc\" style=\"color:rgba(255,255,255,0.7)\">Scalable, fast, and easy-to-manage WordPress websites with clean code and a CMS your team will actually enjoy using. Built for long-term performance, not just launch day.<\/p>\r\n          <ul class=\"ksc-card-list\" style=\"--li-color:rgba(255,255,255,0.6);--dot-color:#0B1C40\">\r\n            <li>Custom WordPress themes<\/li>\r\n            <li>Website redesign<\/li>\r\n            <li>Custom functionality &amp; plugins<\/li>\r\n            <li>Speed optimisation<\/li>\r\n          <\/ul>\r\n          <a href=\"\/wordpress-development\/\" class=\"ksc-card-link\" style=\"color:#0B1C40\">\r\n            Learn more\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"ksc-card-right\">\r\n          <div class=\"ksc-visual\" style=\"background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2)\">\r\n            <div class=\"ksc-mock-header\" style=\"background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.15)\">\r\n              <div class=\"ksc-mock-dots\"><span style=\"background:#FF5F57\"><\/span><span style=\"background:#FEBC2E\"><\/span><span style=\"background:#28C840\"><\/span><\/div>\r\n              <div class=\"ksc-mock-url\" style=\"background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.5)\">yourbrand.com<\/div>\r\n            <\/div>\r\n            <div class=\"ksc-mock-body\">\r\n              <div style=\"display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-bottom:10px\">\r\n                <div style=\"background:rgba(255,255,255,0.12);border-radius:8px;height:120px;border:1px solid rgba(255,255,255,0.15)\"><\/div>\r\n                <div>\r\n                  <div style=\"background:rgba(255,255,255,0.18);border-radius:6px;height:14px;margin-bottom:8px\"><\/div>\r\n                  <div style=\"background:rgba(255,255,255,0.1);border-radius:6px;height:10px;margin-bottom:6px;width:80%\"><\/div>\r\n                  <div style=\"background:rgba(255,255,255,0.1);border-radius:6px;height:10px;margin-bottom:6px;width:65%\"><\/div>\r\n                  <div style=\"background:rgba(255,255,255,0.1);border-radius:6px;height:10px;width:75%\"><\/div>\r\n                  <div style=\"margin-top:12px;background:#0B1C40;border-radius:6px;height:30px;width:90px;display:flex;align-items:center;justify-content:center\">\r\n                    <span style=\"font-size:0.65rem;font-weight:700;color:#fff;font-family:'Raleway',sans-serif\">Read more \u2192<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div style=\"background:rgba(255,255,255,0.1);border-radius:6px;height:10px;margin-bottom:6px\"><\/div>\r\n              <div style=\"background:rgba(255,255,255,0.07);border-radius:6px;height:10px;width:85%\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ksc-card-badge\" style=\"background:rgba(255,255,255,0.2);color:#fff;border-color:rgba(255,255,255,0.3)\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n            WordPress\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3 \u2014 Deep Indigo -->\r\n    <div class=\"ksc-card\" id=\"kscCard3\" style=\"--card-bg:#1E1B4B; --card-top:120px\">\r\n      <div class=\"ksc-card-inner\">\r\n        <div class=\"ksc-card-left\">\r\n          <div class=\"ksc-card-num\" style=\"color:rgba(255,255,255,0.2)\">03<\/div>\r\n          <h3 class=\"ksc-card-title\" style=\"color:#fff\">WooCommerce Development<\/h3>\r\n          <p class=\"ksc-card-desc\" style=\"color:rgba(255,255,255,0.6)\">Full-featured eCommerce on WordPress \u2014 product configurators, subscription models, payment gateways, and custom checkout flows that convert browsers into buyers.<\/p>\r\n          <ul class=\"ksc-card-list\" style=\"--li-color:rgba(255,255,255,0.5);--dot-color:#A78BFA\">\r\n            <li>Custom product pages &amp; filters<\/li>\r\n            <li>Subscription &amp; bundle builders<\/li>\r\n            <li>Payment gateway integration<\/li>\r\n            <li>WooCommerce optimisation<\/li>\r\n          <\/ul>\r\n          <a href=\"\/woocommerce-development\/\" class=\"ksc-card-link\" style=\"color:#A78BFA\">\r\n            Learn more\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"ksc-card-right\">\r\n          <div class=\"ksc-visual\" style=\"background:rgba(167,139,250,0.08);border-color:rgba(167,139,250,0.18)\">\r\n            <div class=\"ksc-mock-header\" style=\"background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.07)\">\r\n              <div class=\"ksc-mock-dots\"><span style=\"background:#FF5F57\"><\/span><span style=\"background:#FEBC2E\"><\/span><span style=\"background:#28C840\"><\/span><\/div>\r\n              <div class=\"ksc-mock-url\" style=\"background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.3)\">yourshop.com\/cart<\/div>\r\n            <\/div>\r\n            <div class=\"ksc-mock-body\">\r\n              <div style=\"margin-bottom:8px;padding:10px;background:rgba(167,139,250,0.1);border-radius:8px;border:1px solid rgba(167,139,250,0.15);display:flex;align-items:center;gap:10px\">\r\n                <div style=\"width:40px;height:40px;border-radius:6px;background:rgba(167,139,250,0.2);flex-shrink:0\"><\/div>\r\n                <div style=\"flex:1\"><div style=\"background:rgba(255,255,255,0.15);border-radius:4px;height:8px;margin-bottom:4px;width:80%\"><\/div><div style=\"background:rgba(255,255,255,0.08);border-radius:4px;height:7px;width:50%\"><\/div><\/div>\r\n                <div style=\"font-family:'Raleway',sans-serif;font-size:0.8rem;font-weight:700;color:#A78BFA\">$49<\/div>\r\n              <\/div>\r\n              <div style=\"margin-bottom:8px;padding:10px;background:rgba(255,255,255,0.04);border-radius:8px;border:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:10px\">\r\n                <div style=\"width:40px;height:40px;border-radius:6px;background:rgba(255,255,255,0.08);flex-shrink:0\"><\/div>\r\n                <div style=\"flex:1\"><div style=\"background:rgba(255,255,255,0.12);border-radius:4px;height:8px;margin-bottom:4px;width:70%\"><\/div><div style=\"background:rgba(255,255,255,0.06);border-radius:4px;height:7px;width:45%\"><\/div><\/div>\r\n                <div style=\"font-family:'Raleway',sans-serif;font-size:0.8rem;font-weight:700;color:rgba(255,255,255,0.5)\">$29<\/div>\r\n              <\/div>\r\n              <div style=\"background:#A78BFA;border-radius:8px;height:36px;display:flex;align-items:center;justify-content:center\">\r\n                <span style=\"font-family:'Raleway',sans-serif;font-size:0.75rem;font-weight:700;color:#fff\">Checkout Securely<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ksc-card-badge\" style=\"background:rgba(167,139,250,0.15);color:#A78BFA;border-color:rgba(167,139,250,0.25)\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\r\n            WooCommerce\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4 \u2014 Teal\/Emerald -->\r\n    <div class=\"ksc-card\" id=\"kscCard4\" style=\"--card-bg:#064E3B; --card-top:140px\">\r\n      <div class=\"ksc-card-inner\">\r\n        <div class=\"ksc-card-left\">\r\n          <div class=\"ksc-card-num\" style=\"color:rgba(255,255,255,0.2)\">04<\/div>\r\n          <h3 class=\"ksc-card-title\" style=\"color:#fff\">Website Maintenance<\/h3>\r\n          <p class=\"ksc-card-desc\" style=\"color:rgba(255,255,255,0.6)\">Your website, kept fast, secure, and up-to-date every month. Focus on running your business \u2014 we handle the technical side so nothing breaks, and nothing gets missed.<\/p>\r\n          <ul class=\"ksc-card-list\" style=\"--li-color:rgba(255,255,255,0.5);--dot-color:#34D399\">\r\n            <li>Security monitoring &amp; backups<\/li>\r\n            <li>Plugin &amp; theme updates<\/li>\r\n            <li>Performance monitoring<\/li>\r\n            <li>Content updates &amp; support<\/li>\r\n          <\/ul>\r\n          <a href=\"\/website-maintenance\/\" class=\"ksc-card-link\" style=\"color:#34D399\">\r\n            Learn more\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"ksc-card-right\">\r\n          <div class=\"ksc-visual\" style=\"background:rgba(52,211,153,0.07);border-color:rgba(52,211,153,0.15)\">\r\n            <div class=\"ksc-mock-header\" style=\"background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.07)\">\r\n              <div class=\"ksc-mock-dots\"><span style=\"background:#FF5F57\"><\/span><span style=\"background:#FEBC2E\"><\/span><span style=\"background:#28C840\"><\/span><\/div>\r\n              <div class=\"ksc-mock-url\" style=\"background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.3)\">Site Health Report<\/div>\r\n            <\/div>\r\n            <div class=\"ksc-mock-body\">\r\n              <div style=\"margin-bottom:8px\">\r\n                <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:4px\">\r\n                  <span style=\"font-family:'Raleway',sans-serif;font-size:0.7rem;color:rgba(255,255,255,0.5)\">Security Score<\/span>\r\n                  <span style=\"font-family:'Raleway',sans-serif;font-size:0.7rem;font-weight:700;color:#34D399\">98<\/span>\r\n                <\/div>\r\n                <div style=\"height:5px;background:rgba(255,255,255,0.08);border-radius:99px;overflow:hidden\">\r\n                  <div style=\"width:98%;height:100%;background:#34D399;border-radius:99px\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div style=\"margin-bottom:8px\">\r\n                <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:4px\">\r\n                  <span style=\"font-family:'Raleway',sans-serif;font-size:0.7rem;color:rgba(255,255,255,0.5)\">Performance<\/span>\r\n                  <span style=\"font-family:'Raleway',sans-serif;font-size:0.7rem;font-weight:700;color:#34D399\">96<\/span>\r\n                <\/div>\r\n                <div style=\"height:5px;background:rgba(255,255,255,0.08);border-radius:99px;overflow:hidden\">\r\n                  <div style=\"width:96%;height:100%;background:#34D399;border-radius:99px\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div style=\"margin-bottom:12px\">\r\n                <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:4px\">\r\n                  <span style=\"font-family:'Raleway',sans-serif;font-size:0.7rem;color:rgba(255,255,255,0.5)\">Uptime<\/span>\r\n                  <span style=\"font-family:'Raleway',sans-serif;font-size:0.7rem;font-weight:700;color:#34D399\">100%<\/span>\r\n                <\/div>\r\n                <div style=\"height:5px;background:rgba(255,255,255,0.08);border-radius:99px;overflow:hidden\">\r\n                  <div style=\"width:100%;height:100%;background:#34D399;border-radius:99px\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div style=\"padding:8px 10px;background:rgba(52,211,153,0.1);border-radius:8px;border:1px solid rgba(52,211,153,0.2);display:flex;align-items:center;gap:8px\">\r\n                <div style=\"width:20px;height:20px;border-radius:50%;background:#34D399;display:flex;align-items:center;justify-content:center;flex-shrink:0\">\r\n                  <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#064E3B\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                <\/div>\r\n                <span style=\"font-family:'Raleway',sans-serif;font-size:0.7rem;font-weight:600;color:rgba(255,255,255,0.7)\">All systems healthy<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ksc-card-badge\" style=\"background:rgba(52,211,153,0.12);color:#34D399;border-color:rgba(52,211,153,0.2)\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n            Maintenance\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 5 \u2014 Slate Blue -->\r\n    <div class=\"ksc-card\" id=\"kscCard5\" style=\"--card-bg:#1E3A5F; --card-top:160px\">\r\n      <div class=\"ksc-card-inner\">\r\n        <div class=\"ksc-card-left\">\r\n          <div class=\"ksc-card-num\" style=\"color:rgba(255,255,255,0.2)\">05<\/div>\r\n          <h3 class=\"ksc-card-title\" style=\"color:#fff\">Performance Optimisation<\/h3>\r\n          <p class=\"ksc-card-desc\" style=\"color:rgba(255,255,255,0.6)\">Speed audits and targeted fixes that improve Lighthouse scores, reduce bounce rates, and directly impact conversions. Because slow websites cost you money every single day.<\/p>\r\n          <ul class=\"ksc-card-list\" style=\"--li-color:rgba(255,255,255,0.5);--dot-color:#60A5FA\">\r\n            <li>Full Lighthouse audit<\/li>\r\n            <li>Core Web Vitals fixes<\/li>\r\n            <li>Image &amp; asset optimisation<\/li>\r\n            <li>Caching &amp; CDN setup<\/li>\r\n          <\/ul>\r\n          <a href=\"\/performance-optimization\/\" class=\"ksc-card-link\" style=\"color:#60A5FA\">\r\n            Learn more\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"ksc-card-right\">\r\n          <div class=\"ksc-visual\" style=\"background:rgba(96,165,250,0.06);border-color:rgba(96,165,250,0.14)\">\r\n            <div class=\"ksc-mock-header\" style=\"background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.07)\">\r\n              <div class=\"ksc-mock-dots\"><span style=\"background:#FF5F57\"><\/span><span style=\"background:#FEBC2E\"><\/span><span style=\"background:#28C840\"><\/span><\/div>\r\n              <div class=\"ksc-mock-url\" style=\"background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.3)\">PageSpeed Insights<\/div>\r\n            <\/div>\r\n            <div class=\"ksc-mock-body\">\r\n              <div style=\"display:flex;gap:10px;margin-bottom:12px\">\r\n                <div style=\"flex:1;text-align:center\">\r\n                  <div style=\"width:52px;height:52px;border-radius:50%;border:3px solid #34D399;display:flex;align-items:center;justify-content:center;margin:0 auto 4px\">\r\n                    <span style=\"font-family:'Raleway',sans-serif;font-size:0.85rem;font-weight:800;color:#34D399\">97<\/span>\r\n                  <\/div>\r\n                  <div style=\"font-size:0.6rem;color:rgba(255,255,255,0.35);font-family:'Raleway',sans-serif\">Performance<\/div>\r\n                <\/div>\r\n                <div style=\"flex:1;text-align:center\">\r\n                  <div style=\"width:52px;height:52px;border-radius:50%;border:3px solid #34D399;display:flex;align-items:center;justify-content:center;margin:0 auto 4px\">\r\n                    <span style=\"font-family:'Raleway',sans-serif;font-size:0.85rem;font-weight:800;color:#34D399\">100<\/span>\r\n                  <\/div>\r\n                  <div style=\"font-size:0.6rem;color:rgba(255,255,255,0.35);font-family:'Raleway',sans-serif\">SEO<\/div>\r\n                <\/div>\r\n                <div style=\"flex:1;text-align:center\">\r\n                  <div style=\"width:52px;height:52px;border-radius:50%;border:3px solid #34D399;display:flex;align-items:center;justify-content:center;margin:0 auto 4px\">\r\n                    <span style=\"font-family:'Raleway',sans-serif;font-size:0.85rem;font-weight:800;color:#34D399\">98<\/span>\r\n                  <\/div>\r\n                  <div style=\"font-size:0.6rem;color:rgba(255,255,255,0.35);font-family:'Raleway',sans-serif\">Accessibility<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <div style=\"padding:8px 10px;background:rgba(255,255,255,0.04);border-radius:8px;border:1px solid rgba(255,255,255,0.06)\">\r\n                <div style=\"font-size:0.65rem;color:rgba(255,255,255,0.35);font-family:'Raleway',sans-serif;margin-bottom:4px\">Load time<\/div>\r\n                <div style=\"font-family:'Raleway',sans-serif;font-size:1.1rem;font-weight:800;color:#60A5FA\">0.8s <span style=\"font-size:0.65rem;font-weight:500;color:rgba(255,255,255,0.3)\">\u2193 from 4.2s<\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ksc-card-badge\" style=\"background:rgba(96,165,250,0.12);color:#60A5FA;border-color:rgba(96,165,250,0.2)\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n            Performance\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 6 \u2014 Warm Dark -->\r\n    <div class=\"ksc-card\" id=\"kscCard6\" style=\"--card-bg:#1C1917; --card-top:180px\">\r\n      <div class=\"ksc-card-inner\">\r\n        <div class=\"ksc-card-left\">\r\n          <div class=\"ksc-card-num\" style=\"color:rgba(255,255,255,0.2)\">06<\/div>\r\n          <h3 class=\"ksc-card-title\" style=\"color:#fff\">Custom Development<\/h3>\r\n          <p class=\"ksc-card-desc\" style=\"color:rgba(255,255,255,0.6)\">Bespoke features, third-party integrations, and tailored functionality when off-the-shelf plugins and themes won't cut it. Clean code, built to last.<\/p>\r\n          <ul class=\"ksc-card-list\" style=\"--li-color:rgba(255,255,255,0.5);--dot-color:#FB923C\">\r\n            <li>Custom plugin development<\/li>\r\n            <li>API &amp; third-party integrations<\/li>\r\n            <li>Headless &amp; custom builds<\/li>\r\n            <li>Legacy site modernisation<\/li>\r\n          <\/ul>\r\n          <a href=\"\/custom-development\/\" class=\"ksc-card-link\" style=\"color:#FB923C\">\r\n            Learn more\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"ksc-card-right\">\r\n          <div class=\"ksc-visual\" style=\"background:rgba(251,146,60,0.06);border-color:rgba(251,146,60,0.14)\">\r\n            <div class=\"ksc-mock-header\" style=\"background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.06)\">\r\n              <div class=\"ksc-mock-dots\"><span style=\"background:#FF5F57\"><\/span><span style=\"background:#FEBC2E\"><\/span><span style=\"background:#28C840\"><\/span><\/div>\r\n              <div class=\"ksc-mock-url\" style=\"background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.25)\">custom-integration.js<\/div>\r\n            <\/div>\r\n            <div class=\"ksc-mock-body\" style=\"font-family:'Raleway',monospace\">\r\n              <div style=\"font-size:0.7rem;line-height:1.8;color:rgba(255,255,255,0.45)\">\r\n                <div><span style=\"color:#60A5FA\">const<\/span> <span style=\"color:#34D399\">integration<\/span> = <span style=\"color:#A78BFA\">await<\/span><\/div>\r\n                <div style=\"padding-left:16px\"><span style=\"color:#FB923C\">KladSoft<\/span>.<span style=\"color:#38BDF8\">build<\/span>({<\/div>\r\n                <div style=\"padding-left:32px\"><span style=\"color:rgba(255,255,255,0.35)\">platform:<\/span> <span style=\"color:#FCD34D\">'shopify'<\/span>,<\/div>\r\n                <div style=\"padding-left:32px\"><span style=\"color:rgba(255,255,255,0.35)\">feature:<\/span> <span style=\"color:#FCD34D\">'custom'<\/span>,<\/div>\r\n                <div style=\"padding-left:32px\"><span style=\"color:rgba(255,255,255,0.35)\">quality:<\/span> <span style=\"color:#34D399\">100<\/span><\/div>\r\n                <div style=\"padding-left:16px\">});<\/div>\r\n                <div style=\"margin-top:8px;color:#34D399\">\/\/ \u2713 Built &amp; deployed<\/div>\r\n                <div style=\"color:rgba(255,255,255,0.2)\">\/\/ Ready in production<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ksc-card-badge\" style=\"background:rgba(251,146,60,0.12);color:#FB923C;border-color:rgba(251,146,60,0.2)\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n            Custom Dev\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/ksc-cards-wrap -->\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n.ksc-section, .ksc-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.ksc-section a { text-decoration: none !important; }\r\n\r\n\/* \u2500\u2500 SECTION \u2014 no background, no padding (handled by Elementor section) \u2500\u2500 *\/\r\n.ksc-section {\r\n  background: none;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.ksc-head {\r\n  text-align: center;\r\n  width: 100%;\r\n  margin-bottom: 64px;\r\n  padding: 0;\r\n}\r\n.ksc-eyebrow {\r\n  display: block;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: #38BDF8; margin-bottom: 12px;\r\n}\r\n.ksc-title {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.75rem);\r\n  font-weight: 800; color: #0B1C40;\r\n  letter-spacing: -0.025em; line-height: 1.12; margin-bottom: 14px;\r\n}\r\n.ksc-title-underline {\r\n  width: 80px; height: 4px;\r\n  background: #38BDF8; border-radius: 99px;\r\n  margin: 0 auto 20px;\r\n  display: block;\r\n}\r\n.ksc-lead {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 1rem; color: #64748B; line-height: 1.75;\r\n}\r\n\r\n\/* \u2500\u2500 CARDS WRAP \u2500\u2500 *\/\r\n.ksc-cards-wrap {\r\n  position: relative;\r\n  padding-bottom: 0;\r\n}\r\n\r\n\/* \u2500\u2500 INDIVIDUAL CARD \u2500\u2500 *\/\r\n.ksc-card {\r\n  position: sticky;\r\n  top: var(--card-top);\r\n  background: var(--card-bg);\r\n  border-radius: 24px;\r\n  margin: 0 24px 16px;\r\n  max-width: 1180px;\r\n  margin-left: auto; margin-right: auto;\r\n  overflow: hidden;\r\n  box-shadow: 0 -4px 0 rgba(0,0,0,0.15);\r\n  transform-origin: top center;\r\n  transition: transform .1s;\r\n  margin-bottom: 16px;\r\n}\r\n.ksc-card:last-child { margin-bottom: 0; }\r\n\r\n\/* \u2500\u2500 CARD INNER (2 columns) \u2500\u2500 *\/\r\n.ksc-card-inner {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 0;\r\n  min-height: 420px;\r\n}\r\n\r\n\/* Left: text *\/\r\n.ksc-card-left {\r\n  padding: 52px 48px 52px 52px;\r\n  display: flex; flex-direction: column; justify-content: center;\r\n}\r\n.ksc-card-num {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.1em; margin-bottom: 14px;\r\n}\r\n.ksc-card-title {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: clamp(1.5rem, 2.5vw, 2rem);\r\n  font-weight: 800; line-height: 1.15;\r\n  letter-spacing: -0.025em; margin-bottom: 14px;\r\n}\r\n.ksc-card-desc {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.925rem; line-height: 1.75;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n\/* Feature list *\/\r\n.ksc-card-list {\r\n  list-style: none;\r\n  display: flex; flex-direction: column; gap: 8px;\r\n  margin-bottom: 28px;\r\n}\r\n.ksc-card-list li {\r\n  display: flex; align-items: center; gap: 9px;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.875rem; color: var(--li-color);\r\n  line-height: 1;\r\n}\r\n.ksc-card-list li::before {\r\n  content: '';\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n  background: var(--dot-color);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* CTA link *\/\r\n.ksc-card-link {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.9rem; font-weight: 700;\r\n  transition: gap .2s;\r\n}\r\n.ksc-card-link svg {\r\n  width: 16px; height: 16px; fill: none;\r\n  stroke: currentColor; stroke-width: 2.2; stroke-linecap: round;\r\n  transition: transform .2s;\r\n}\r\n.ksc-card-link:hover { gap: 10px; }\r\n.ksc-card-link:hover svg { transform: translateX(3px); }\r\n\r\n\/* Right: visual *\/\r\n.ksc-card-right {\r\n  display: flex; flex-direction: column;\r\n  align-items: center; justify-content: center;\r\n  padding: 40px 48px 40px 24px;\r\n  position: relative;\r\n}\r\n\r\n\/* Visual mockup container *\/\r\n.ksc-visual {\r\n  width: 100%; border-radius: 16px;\r\n  border: 1px solid;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n}\r\n.ksc-mock-header {\r\n  display: flex; align-items: center; gap: 10px;\r\n  padding: 10px 14px;\r\n  border-bottom: 1px solid;\r\n}\r\n.ksc-mock-dots { display: flex; gap: 5px; flex-shrink: 0; }\r\n.ksc-mock-dots span { width: 9px; height: 9px; border-radius: 50%; display: block; }\r\n.ksc-mock-url {\r\n  flex: 1; text-align: center;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.65rem;\r\n  border-radius: 5px; padding: 3px 10px;\r\n}\r\n.ksc-mock-body { padding: 14px; }\r\n\r\n\/* Badge *\/\r\n.ksc-card-badge {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: 0.06em;\r\n  padding: 5px 12px; border-radius: 100px;\r\n  border: 1px solid;\r\n  margin-top: 14px; align-self: flex-start;\r\n}\r\n.ksc-card-badge svg {\r\n  width: 13px; height: 13px; fill: none;\r\n  stroke: currentColor; stroke-width: 2; stroke-linecap: round;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .ksc-card-inner { grid-template-columns: 1fr; min-height: auto; }\r\n  .ksc-card-left { padding: 36px 28px 20px; }\r\n  .ksc-card-right { padding: 0 28px 36px; }\r\n  .ksc-visual { max-width: 400px; }\r\n  .ksc-card { margin: 0 16px 12px; }\r\n}\r\n@media (max-width: 580px) {\r\n  .ksc-card-left { padding: 28px 20px 16px; }\r\n  .ksc-card-right { padding: 0 20px 28px; }\r\n  .ksc-card { border-radius: 18px; margin: 0 12px 10px; }\r\n  .ksc-card-title { font-size: 1.4rem; }\r\n}\r\n\r\n\/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .ksc-card { transition: none; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8712c5 elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8712c5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a0de9db\" data-id=\"a0de9db\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30b364e elementor-widget elementor-widget-heading\" data-id=\"30b364e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Website creation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-735c9ef elementor-widget elementor-widget-heading\" data-id=\"735c9ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><b>Check the benefits<\/b> you can get by working with our experts<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6a156f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b6a156f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fdfffd7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fdfffd7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6afd7d88\" data-id=\"6afd7d88\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5f29a7dc elementor-widget elementor-widget-image\" data-id=\"5f29a7dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/kladsoft.com\/wp-content\/uploads\/2026\/07\/web-agency-roma.png.webp\" class=\"attachment-large size-large wp-image-58\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-52e45c19\" data-id=\"52e45c19\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-38db343a animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"38db343a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-471bd3b\" data-id=\"471bd3b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-118f32 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"118f32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-support1\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t24\/7 Fast Support \t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe offer 24\/7 live chat support rest assured that the support quality is consistent.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-706d4d42\" data-id=\"706d4d42\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7c959e95 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"7c959e95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-energy-saving\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSmall &amp; Mighty \t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe are a small and nimble agency that offers fully customizable solutions for any size organization.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-725c73f5 animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"725c73f5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-19902bd1\" data-id=\"19902bd1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29438588 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"29438588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-protected-content-v3\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSecured Environment\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe value security and privacy as much as you do. In our state-of-the-art systems your information is safe and secure.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3bb1aa85\" data-id=\"3bb1aa85\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e436f3e elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"6e436f3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-save-money\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAffordable cost\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWhether you\u2019re a small online business or large enterprise, our hiring model accommodates budgets of any size.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-950bf8a animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"950bf8a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2b4af086\" data-id=\"2b4af086\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ba47b3a elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"2ba47b3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-laptop-phone\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tDiversity &amp; Inclusion\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe practice Inclusion Marketing by creating content that truly reflects the communities our clients serve.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7642ba29\" data-id=\"7642ba29\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34077a41 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"34077a41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-rocket\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h4 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSustainable\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h4>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe are committed to being a zero waste and carbon neutral agency that values sustainability.\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78d23d29 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78d23d29\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19a86142\" data-id=\"19a86142\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b9638f elementor-align-center elementor-mobile-align-center elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"3b9638f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"#lead_form\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Share Your Project Requirement<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-6327a77 e-con e-atomic-element e-flexbox-base e-6327a77-42deb6a \" data-id=\"6327a77\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6327a77\" data-e-type=\"e-flexbox\" data-id=\"6327a77\">\n    \t\t<div class=\"elementor-element elementor-element-edf3aa6 elementor-widget elementor-widget-html\" data-id=\"edf3aa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     KladSoft \u2014 Portfolio \/ Work Section\r\n     Paste into Elementor HTML widget\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<section class=\"ksp-section\" id=\"work\">\r\n  <div class=\"ksp-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"ksp-head\">\r\n      <div class=\"ksp-head-left\">\r\n        <div class=\"ksp-eyebrow\">Selected Work<\/div>\r\n        <h2 class=\"ksp-title\">Recent projects<\/h2>\r\n        <p class=\"ksp-lead\">A cross-section of Shopify stores, WordPress sites, and WooCommerce builds delivered for businesses worldwide.<\/p>\r\n      <\/div>\r\n      <a href=\"\/portfolio\/\" class=\"ksp-all-link\">\r\n        View all work\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Filters -->\r\n    <div class=\"ksp-filters\">\r\n      <button class=\"ksp-filter ksp-active\" data-f=\"all\">All work<\/button>\r\n      <button class=\"ksp-filter\" data-f=\"shopify\">Shopify<\/button>\r\n      <button class=\"ksp-filter\" data-f=\"wordpress\">WordPress<\/button>\r\n      <button class=\"ksp-filter\" data-f=\"woocommerce\">WooCommerce<\/button>\r\n      <button class=\"ksp-filter\" data-f=\"maintenance\">Maintenance<\/button>\r\n    <\/div>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"ksp-grid\" id=\"kspGrid\">\r\n\r\n      <!-- \u2500\u2500 ROW 1 (always visible) \u2500\u2500 -->\r\n      <div class=\"ksp-card\" data-cat=\"shopify\" data-name=\"Shine Armor\" data-url=\"shinearmor.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/shine_armor-scaled.webp\" data-row=\"1\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/shine_armor-scaled.webp\" alt=\"Shine Armor\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\">\r\n            <button class=\"ksp-preview-btn\" aria-label=\"Preview\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n              Preview\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\">\r\n            <span class=\"ksp-name\">Shine Armor<\/span>\r\n            <span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span>\r\n          <\/div>\r\n          <p class=\"ksp-desc\">High-performance automotive care store with custom product builder and optimised checkout flow.<\/p>\r\n          <div class=\"ksp-foot\">\r\n            <div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><span>CSS<\/span><\/div>\r\n            <a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card\" data-cat=\"shopify\" data-name=\"Pleshy\" data-url=\"pleshy.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Pleshy-scaled.webp\" data-row=\"1\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Pleshy-scaled.webp\" alt=\"Pleshy\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\">\r\n            <button class=\"ksp-preview-btn\" aria-label=\"Preview\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n              Preview\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\">\r\n            <span class=\"ksp-name\">Pleshy<\/span>\r\n            <span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span>\r\n          <\/div>\r\n          <p class=\"ksp-desc\">Custom Shopify store with interactive product configuration and seamless mobile experience.<\/p>\r\n          <div class=\"ksp-foot\">\r\n            <div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><span>JS<\/span><\/div>\r\n            <a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card\" data-cat=\"shopify\" data-name=\"Vibe\" data-url=\"vibe.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Vibe-scaled.webp\" data-row=\"1\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Vibe-scaled.webp\" alt=\"Vibe\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\">\r\n            <button class=\"ksp-preview-btn\" aria-label=\"Preview\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n              Preview\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\">\r\n            <span class=\"ksp-name\">Vibe<\/span>\r\n            <span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span>\r\n          <\/div>\r\n          <p class=\"ksp-desc\">Lifestyle brand store built on Shopify with custom theme and conversion-focused landing pages.<\/p>\r\n          <div class=\"ksp-foot\">\r\n            <div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><span>CSS<\/span><\/div>\r\n            <a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 ROW 2 (always visible) \u2500\u2500 -->\r\n      <div class=\"ksp-card\" data-cat=\"shopify\" data-name=\"With Love Cosmetics\" data-url=\"withlovecosmetics.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/withlovecosmetics-scaled.webp\" data-row=\"2\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/withlovecosmetics-scaled.webp\" alt=\"With Love Cosmetics\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\">\r\n            <button class=\"ksp-preview-btn\" aria-label=\"Preview\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n              Preview\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\">\r\n            <span class=\"ksp-name\">With Love Cosmetics<\/span>\r\n            <span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span>\r\n          <\/div>\r\n          <p class=\"ksp-desc\">Beauty brand store with custom product swatches, subscription model and loyalty integrations.<\/p>\r\n          <div class=\"ksp-foot\">\r\n            <div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><span>JS<\/span><\/div>\r\n            <a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card\" data-cat=\"shopify\" data-name=\"Our Place\" data-url=\"fromourplace.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Our-Place-scaled.webp\" data-row=\"2\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Our-Place-scaled.webp\" alt=\"Our Place\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\">\r\n            <button class=\"ksp-preview-btn\" aria-label=\"Preview\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n              Preview\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\">\r\n            <span class=\"ksp-name\">Our Place<\/span>\r\n            <span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span>\r\n          <\/div>\r\n          <p class=\"ksp-desc\">Premium cookware brand rebuilt for speed \u2014 60% faster load times and 34% higher conversion rate.<\/p>\r\n          <div class=\"ksp-foot\">\r\n            <div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><span>CSS<\/span><\/div>\r\n            <a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card\" data-cat=\"shopify\" data-name=\"Nada\" data-url=\"nadaworld.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Nada-scaled.webp\" data-row=\"2\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Nada-scaled.webp\" alt=\"Nada\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\">\r\n            <button class=\"ksp-preview-btn\" aria-label=\"Preview\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n              Preview\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\">\r\n            <span class=\"ksp-name\">Nada<\/span>\r\n            <span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span>\r\n          <\/div>\r\n          <p class=\"ksp-desc\">Fashion-forward Shopify store with editorial layout, size guide and custom collection filters.<\/p>\r\n          <div class=\"ksp-foot\">\r\n            <div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><span>JS<\/span><\/div>\r\n            <a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 ROW 3 (hidden) \u2500\u2500 -->\r\n      <div class=\"ksp-card ksp-extra\" data-cat=\"wordpress\" data-name=\"Finishing Touches\" data-url=\"finishingtouches.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Finishing-Touches-Group-scaled.webp\" data-row=\"3\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Finishing-Touches-Group-scaled.webp\" alt=\"Finishing Touches\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\"><button class=\"ksp-preview-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Preview<\/button><\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\"><span class=\"ksp-name\">Finishing Touches<\/span><span class=\"ksp-badge ksp-badge--wp\">WordPress<\/span><\/div>\r\n          <p class=\"ksp-desc\">Interior design studio site with custom WordPress theme, gallery and enquiry system.<\/p>\r\n          <div class=\"ksp-foot\"><div class=\"ksp-tags\"><span>WordPress<\/span><span>PHP<\/span><span>CSS<\/span><\/div><a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card ksp-extra\" data-cat=\"wordpress\" data-name=\"Infiniti Healthcare\" data-url=\"infinitihealthcare.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Infiniti-Healthcare-scaled.webp\" data-row=\"3\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Infiniti-Healthcare-scaled.webp\" alt=\"Infiniti Healthcare\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\"><button class=\"ksp-preview-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Preview<\/button><\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\"><span class=\"ksp-name\">Infiniti Healthcare<\/span><span class=\"ksp-badge ksp-badge--wp\">WordPress<\/span><\/div>\r\n          <p class=\"ksp-desc\">Healthcare provider site with custom plugin for appointment booking and patient portal.<\/p>\r\n          <div class=\"ksp-foot\"><div class=\"ksp-tags\"><span>WordPress<\/span><span>PHP<\/span><span>JS<\/span><\/div><a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card ksp-extra\" data-cat=\"shopify\" data-name=\"Mr Draper\" data-url=\"mrdraper.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Mr-Draper-scaled.webp\" data-row=\"3\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Mr-Draper-scaled.webp\" alt=\"Mr Draper\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\"><button class=\"ksp-preview-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Preview<\/button><\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\"><span class=\"ksp-name\">Mr Draper<\/span><span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span><\/div>\r\n          <p class=\"ksp-desc\">Premium menswear Shopify store with personal stylist quiz and curated collection pages.<\/p>\r\n          <div class=\"ksp-foot\"><div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><span>JS<\/span><\/div><a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2500\u2500 ROW 4 (hidden) \u2500\u2500 -->\r\n      <div class=\"ksp-card ksp-extra\" data-cat=\"shopify\" data-name=\"Hanako\" data-url=\"hanako.co\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Hanako-scaled.webp\" data-row=\"4\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Hanako-scaled.webp\" alt=\"Hanako\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\"><button class=\"ksp-preview-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Preview<\/button><\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\"><span class=\"ksp-name\">Hanako<\/span><span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span><\/div>\r\n          <p class=\"ksp-desc\">Shopify Plus migration \u2014 zero downtime, page speed jumped from 40 to 92 overnight.<\/p>\r\n          <div class=\"ksp-foot\"><div class=\"ksp-tags\"><span>Shopify Plus<\/span><span>Liquid<\/span><\/div><a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card ksp-extra\" data-cat=\"shopify\" data-name=\"Beauty Pillow\" data-url=\"beautypillow.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Beauty-Pillow-scaled.webp\" data-row=\"4\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Beauty-Pillow-scaled.webp\" alt=\"Beauty Pillow\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\"><button class=\"ksp-preview-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Preview<\/button><\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\"><span class=\"ksp-name\">Beauty Pillow<\/span><span class=\"ksp-badge ksp-badge--shopify\">Shopify<\/span><\/div>\r\n          <p class=\"ksp-desc\">Wellness lifestyle brand with custom Shopify theme and email capture flow.<\/p>\r\n          <div class=\"ksp-foot\"><div class=\"ksp-tags\"><span>Shopify<\/span><span>Liquid<\/span><\/div><a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ksp-card ksp-extra\" data-cat=\"wordpress\" data-name=\"Powerplant Solar\" data-url=\"powerplantsolar.com\" data-img=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Powerplant-Solar-scaled.webp\" data-row=\"4\">\r\n        <div class=\"ksp-thumb\">\r\n          <img decoding=\"async\" src=\"https:\/\/tanjirul.me\/wp-content\/uploads\/2026\/07\/Powerplant-Solar-scaled.webp\" alt=\"Powerplant Solar\" loading=\"lazy\" class=\"ksp-img\">\r\n          <div class=\"ksp-overlay\"><button class=\"ksp-preview-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Preview<\/button><\/div>\r\n        <\/div>\r\n        <div class=\"ksp-body\">\r\n          <div class=\"ksp-body-top\"><span class=\"ksp-name\">Powerplant Solar<\/span><span class=\"ksp-badge ksp-badge--wp\">WordPress<\/span><\/div>\r\n          <p class=\"ksp-desc\">Solar energy provider site with quote calculator, case studies and lead generation forms.<\/p>\r\n          <div class=\"ksp-foot\"><div class=\"ksp-tags\"><span>WordPress<\/span><span>PHP<\/span><span>JS<\/span><\/div><a href=\"#\" class=\"ksp-visit\">Visit site <svg viewBox=\"0 0 12 12\"><path d=\"M2 10L10 2M10 2H4M10 2v6\"\/><\/svg><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/ksp-grid -->\r\n\r\n    <!-- Load more -->\r\n    <div class=\"ksp-more\">\r\n      <button class=\"ksp-load-btn\" id=\"kspLoadMore\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\r\n        Show more projects\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 MODAL \u2550\u2550 -->\r\n<div class=\"ksp-modal\" id=\"kspModal\" role=\"dialog\" aria-modal=\"true\">\r\n  <div class=\"ksp-modal-box\">\r\n    <!-- Browser chrome bar -->\r\n    <div class=\"ksp-modal-bar\">\r\n      <div class=\"ksp-modal-dots\">\r\n        <span style=\"background:#FF5F57\"><\/span>\r\n        <span style=\"background:#FEBC2E\"><\/span>\r\n        <span style=\"background:#28C840\"><\/span>\r\n      <\/div>\r\n      <div class=\"ksp-modal-url\" id=\"kspModalUrl\">example.com<\/div>\r\n      <button class=\"ksp-modal-close\" id=\"kspModalClose\" aria-label=\"Close\">\r\n        <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n    <!-- Screenshot -->\r\n    <div class=\"ksp-modal-body\">\r\n      <img decoding=\"async\" id=\"kspModalImg\" src=\"\" alt=\"\" class=\"ksp-modal-img\">\r\n    <\/div>\r\n    <!-- Footer -->\r\n    <div class=\"ksp-modal-foot\">\r\n      <span class=\"ksp-modal-name\" id=\"kspModalName\"><\/span>\r\n      <a href=\"#\" class=\"ksp-modal-visit\" id=\"kspModalLink\" target=\"_blank\" rel=\"noopener\">\r\n        Visit live site\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n.ksp-section *, .ksp-modal * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.ksp-section a, .ksp-modal a { text-decoration: none !important; }\r\n.ksp-section button, .ksp-modal button { font-family: 'Inter', sans-serif; cursor: pointer; }\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.ksp-section {\r\n  background: #fff;\r\n  padding: 96px 0;\r\n}\r\n.ksp-inner {\r\n  max-width: 1180px; margin: 0 auto; padding: 0 28px;\r\n}\r\n\r\n\/* \u2500\u2500 HEAD \u2500\u2500 *\/\r\n.ksp-head {\r\n  display: flex; align-items: flex-end;\r\n  justify-content: space-between; gap: 24px;\r\n  margin-bottom: 36px; flex-wrap: wrap;\r\n}\r\n.ksp-eyebrow {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: #38BDF8; margin-bottom: 10px; display: block;\r\n}\r\n.ksp-title {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.75rem);\r\n  font-weight: 800; color: #0F172A;\r\n  letter-spacing: -0.025em; line-height: 1.1;\r\n  margin-bottom: 10px;\r\n}\r\n.ksp-lead {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.95rem; color: #64748B; line-height: 1.7;\r\n  max-width: 480px;\r\n}\r\n.ksp-all-link {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.875rem; font-weight: 600; color: #0F172A;\r\n  white-space: nowrap; flex-shrink: 0;\r\n  border-bottom: 1.5px solid #E2E8F0;\r\n  padding-bottom: 2px;\r\n  transition: color .2s, border-color .2s;\r\n}\r\n.ksp-all-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; transition: transform .2s; }\r\n.ksp-all-link:hover { color: #38BDF8; border-color: #38BDF8; }\r\n.ksp-all-link:hover svg { transform: translateX(3px); }\r\n\r\n\/* \u2500\u2500 FILTERS \u2500\u2500 *\/\r\n.ksp-filters {\r\n  display: flex; gap: 8px; flex-wrap: wrap;\r\n  margin-bottom: 28px;\r\n}\r\n.ksp-filter {\r\n  height: 36px; padding: 0 18px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.8rem; font-weight: 600;\r\n  color: #64748B;\r\n  border: 1.5px solid #E2E8F0;\r\n  border-radius: 100px;\r\n  background: transparent !important;\r\n  transition: all .18s;\r\n}\r\n.ksp-filter:hover { color: #0F172A; border-color: #94A3B8; }\r\n.ksp-filter.ksp-active {\r\n  background: #0B1C40 !important;\r\n  color: #fff !important;\r\n  border-color: #0B1C40 !important;\r\n}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.ksp-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.ksp-card {\r\n  border-radius: 16px; overflow: hidden;\r\n  border: 1px solid #E2E8F0;\r\n  background: #F8FAFC;\r\n  display: flex; flex-direction: column;\r\n  transition: transform .28s ease, box-shadow .28s ease, border-color .2s;\r\n}\r\n.ksp-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 20px 52px rgba(15,23,42,0.1);\r\n  border-color: #BAE6FD;\r\n}\r\n\r\n\/* Thumbnail *\/\r\n.ksp-thumb {\r\n  height: 210px; overflow: hidden;\r\n  position: relative; flex-shrink: 0;\r\n  background: #E2E8F0;\r\n}\r\n.ksp-img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; object-position: top;\r\n  display: block;\r\n  transition: transform .5s ease;\r\n}\r\n.ksp-card:hover .ksp-img { transform: scale(1.04); }\r\n\r\n\/* Overlay on thumb *\/\r\n.ksp-overlay {\r\n  position: absolute; inset: 0;\r\n  background: rgba(11,28,64,0);\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background .25s;\r\n}\r\n.ksp-card:hover .ksp-overlay { background: rgba(11,28,64,0.42); }\r\n.ksp-preview-btn {\r\n  display: inline-flex; align-items: center; gap: 7px;\r\n  background: rgba(255,255,255,0.95) !important;\r\n  border: none !important;\r\n  color: #0B1C40;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.8rem; font-weight: 700;\r\n  padding: 10px 18px; border-radius: 100px;\r\n  opacity: 0; transform: translateY(6px);\r\n  transition: opacity .2s, transform .2s, background .18s;\r\n}\r\n.ksp-preview-btn svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }\r\n.ksp-card:hover .ksp-preview-btn { opacity: 1; transform: translateY(0); }\r\n.ksp-preview-btn:hover { background: #38BDF8 !important; color: #fff; }\r\n\r\n\/* Body *\/\r\n.ksp-body {\r\n  padding: 18px 20px 18px;\r\n  display: flex; flex-direction: column; gap: 8px; flex: 1;\r\n}\r\n.ksp-body-top {\r\n  display: flex; align-items: flex-start;\r\n  justify-content: space-between; gap: 8px;\r\n}\r\n.ksp-name {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 1rem; font-weight: 700;\r\n  color: #0F172A; line-height: 1.2; flex: 1;\r\n}\r\n\/* Badges *\/\r\n.ksp-badge {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.65rem; font-weight: 700;\r\n  letter-spacing: 0.06em; text-transform: uppercase;\r\n  padding: 3px 9px; border-radius: 100px;\r\n  flex-shrink: 0; margin-top: 2px; line-height: 1.5;\r\n}\r\n.ksp-badge--shopify  { background: #ECFDF5; color: #065F46; }\r\n.ksp-badge--wp       { background: #EFF6FF; color: #1D4ED8; }\r\n.ksp-badge--woo      { background: #F5F3FF; color: #5B21B6; }\r\n.ksp-badge--maint    { background: #E0F2FE; color: #0369A1; }\r\n\r\n.ksp-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.855rem; color: #475569;\r\n  line-height: 1.7; flex: 1;\r\n}\r\n\r\n\/* Footer row *\/\r\n.ksp-foot {\r\n  display: flex; align-items: center;\r\n  justify-content: space-between; gap: 8px;\r\n  padding-top: 14px;\r\n  border-top: 1px solid #E2E8F0;\r\n  margin-top: auto;\r\n}\r\n.ksp-tags { display: flex; gap: 5px; flex-wrap: wrap; }\r\n.ksp-tags span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.7rem; font-weight: 500; color: #94A3B8;\r\n  padding: 2px 8px; border-radius: 5px;\r\n  border: 1px solid #E2E8F0;\r\n}\r\n.ksp-visit {\r\n  display: inline-flex; align-items: center; gap: 4px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.75rem; font-weight: 600;\r\n  color: #94A3B8; white-space: nowrap; flex-shrink: 0;\r\n  transition: color .18s;\r\n}\r\n.ksp-visit svg {\r\n  width: 11px; height: 11px;\r\n  fill: none; stroke: currentColor;\r\n  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.ksp-visit:hover { color: #38BDF8; }\r\n\r\n\/* \u2500\u2500 LOAD MORE \u2500\u2500 *\/\r\n.ksp-more { display: flex; justify-content: center; }\r\n.ksp-load-btn {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  height: 46px; padding: 0 28px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.875rem; font-weight: 700;\r\n  background: #0B1C40 !important; color: #fff !important;\r\n  border: none !important; border-radius: 100px;\r\n  transition: background .2s, transform .15s, box-shadow .2s;\r\n}\r\n.ksp-load-btn:hover {\r\n  background: #38BDF8 !important;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(56,189,248,0.3);\r\n}\r\n.ksp-load-btn svg {\r\n  width: 16px; height: 16px; flex-shrink: 0;\r\n  fill: none; stroke: currentColor;\r\n  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform .3s;\r\n}\r\n.ksp-load-btn.ksp-less svg { transform: rotate(180deg); }\r\n\r\n\/* \u2500\u2500 MODAL \u2500\u2500 *\/\r\n.ksp-modal {\r\n  display: none; position: fixed; inset: 0; z-index: 10000;\r\n  background: rgba(6,13,31,0.8);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  align-items: center; justify-content: center;\r\n  padding: 24px;\r\n}\r\n.ksp-modal.ksp-open { display: flex; }\r\n\r\n.ksp-modal-box {\r\n  width: 100%; max-width: 960px;\r\n  max-height: 90vh;\r\n  background: #fff;\r\n  border-radius: 18px; overflow: hidden;\r\n  display: flex; flex-direction: column;\r\n  box-shadow: 0 40px 100px rgba(0,0,0,0.4);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  animation: ksp-modal-in .3s cubic-bezier(.16,1,.3,1);\r\n}\r\n@keyframes ksp-modal-in {\r\n  from { opacity: 0; transform: scale(.95) translateY(12px); }\r\n  to   { opacity: 1; transform: scale(1) translateY(0); }\r\n}\r\n\r\n\/* Browser bar *\/\r\n.ksp-modal-bar {\r\n  display: flex; align-items: center; gap: 12px;\r\n  padding: 11px 16px;\r\n  background: #F1F5F9;\r\n  border-bottom: 1px solid #E2E8F0;\r\n  flex-shrink: 0;\r\n}\r\n.ksp-modal-dots { display: flex; gap: 6px; flex-shrink: 0; }\r\n.ksp-modal-dots span { width: 11px; height: 11px; border-radius: 50%; display: block; }\r\n.ksp-modal-url {\r\n  flex: 1; text-align: center;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.78rem; color: #64748B;\r\n  background: #fff; border: 1px solid #E2E8F0;\r\n  border-radius: 8px; padding: 4px 14px;\r\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\r\n}\r\n.ksp-modal-close {\r\n  width: 30px; height: 30px; border-radius: 50%;\r\n  background: rgba(15,23,42,0.06) !important;\r\n  border: 1px solid #E2E8F0 !important;\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0; transition: background .18s, transform .18s;\r\n}\r\n.ksp-modal-close:hover { background: #FEE2E2 !important; transform: rotate(90deg); }\r\n.ksp-modal-close svg {\r\n  width: 13px; height: 13px;\r\n  fill: none; stroke: #64748B;\r\n  stroke-width: 2.5; stroke-linecap: round;\r\n}\r\n\r\n\/* Screenshot area *\/\r\n.ksp-modal-body { overflow-y: auto; flex: 1; }\r\n.ksp-modal-img { width: 100%; display: block; }\r\n\r\n\/* Modal footer *\/\r\n.ksp-modal-foot {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 12px 18px;\r\n  background: #F8FAFC;\r\n  border-top: 1px solid #E2E8F0;\r\n  flex-shrink: 0;\r\n}\r\n.ksp-modal-name {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 0.925rem; font-weight: 700; color: #0F172A;\r\n}\r\n.ksp-modal-visit {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #0B1C40; color: #fff !important;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.8rem; font-weight: 700;\r\n  padding: 9px 18px; border-radius: 100px;\r\n  transition: background .18s;\r\n}\r\n.ksp-modal-visit svg { width: 13px; height: 13px; fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; }\r\n.ksp-modal-visit:hover { background: #38BDF8; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) { .ksp-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 580px) {\r\n  .ksp-section { padding: 72px 0; }\r\n  .ksp-grid { grid-template-columns: 1fr; gap: 16px; }\r\n  .ksp-inner { padding: 0 16px; }\r\n  .ksp-head { flex-direction: column; align-items: flex-start; gap: 16px; }\r\n  .ksp-modal { padding: 12px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  var MAX_ROW = 4;\r\n  var visibleRows = 2;\r\n  var extras = document.querySelectorAll('.ksp-extra');\r\n  var loadBtn = document.getElementById('kspLoadMore');\r\n  var modal   = document.getElementById('kspModal');\r\n  var mImg    = document.getElementById('kspModalImg');\r\n  var mUrl    = document.getElementById('kspModalUrl');\r\n  var mName   = document.getElementById('kspModalName');\r\n  var mLink   = document.getElementById('kspModalLink');\r\n  var mClose  = document.getElementById('kspModalClose');\r\n  var activeFilter = 'all';\r\n\r\n  \/* \u2500\u2500 Visibility \u2500\u2500 *\/\r\n  function applyVisibility() {\r\n    extras.forEach(function (c) {\r\n      var row   = parseInt(c.getAttribute('data-row'));\r\n      var catOk = activeFilter === 'all' || c.dataset.cat === activeFilter;\r\n      c.style.display = (catOk && row <= visibleRows) ? '' : 'none';\r\n    });\r\n    \/* also hide row-1\/2 cards if filter doesn't match *\/\r\n    document.querySelectorAll('.ksp-card:not(.ksp-extra)').forEach(function (c) {\r\n      var catOk = activeFilter === 'all' || c.dataset.cat === activeFilter;\r\n      c.style.display = catOk ? '' : 'none';\r\n    });\r\n    \/* Update button *\/\r\n    if (visibleRows >= MAX_ROW) {\r\n      loadBtn.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg> Show less';\r\n      loadBtn.classList.add('ksp-less');\r\n    } else {\r\n      loadBtn.innerHTML = '<svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg> Show more projects';\r\n      loadBtn.classList.remove('ksp-less');\r\n    }\r\n  }\r\n\r\n  loadBtn.addEventListener('click', function () {\r\n    visibleRows = visibleRows >= MAX_ROW ? 2 : visibleRows + 1;\r\n    applyVisibility();\r\n  });\r\n\r\n  \/* \u2500\u2500 Filters \u2500\u2500 *\/\r\n  document.querySelectorAll('.ksp-filter').forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      document.querySelectorAll('.ksp-filter').forEach(function (b) { b.classList.remove('ksp-active'); });\r\n      btn.classList.add('ksp-active');\r\n      activeFilter = btn.dataset.f;\r\n      visibleRows = 2;\r\n      applyVisibility();\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Modal \u2500\u2500 *\/\r\n  function openModal(card) {\r\n    mImg.src           = card.dataset.img  || '';\r\n    mUrl.textContent   = card.dataset.url  || '';\r\n    mName.textContent  = card.dataset.name || '';\r\n    mLink.href         = card.dataset.live || '#';\r\n    modal.classList.add('ksp-open');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n  function closeModal() {\r\n    modal.classList.remove('ksp-open');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  document.querySelectorAll('.ksp-card').forEach(function (card) {\r\n    card.querySelector('.ksp-preview-btn').addEventListener('click', function (e) {\r\n      e.stopPropagation();\r\n      openModal(card);\r\n    });\r\n  });\r\n\r\n  mClose.addEventListener('click', closeModal);\r\n  modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });\r\n  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeModal(); });\r\n\r\n  \/* Init *\/\r\n  applyVisibility();\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-722b4595 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"722b4595\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;tilt&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-611a5459\" data-id=\"611a5459\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7559e9b2 elementor-widget elementor-widget-heading\" data-id=\"7559e9b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Why You Should  Work With Us <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-21acf4e2 elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"21acf4e2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1ae546a8\" data-id=\"1ae546a8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4df75c7d elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"4df75c7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-team1\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-187c109b elementor-widget elementor-widget-heading\" data-id=\"187c109b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teamwork<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5f9b3f05\" data-id=\"5f9b3f05\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fece91c elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"4fece91c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-edit1\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11ee0bb2 elementor-widget elementor-widget-heading\" data-id=\"11ee0bb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Accountability<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-44ed621f elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"44ed621f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6da15f93\" data-id=\"6da15f93\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f2888ff elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"f2888ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-timing\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5564e074 elementor-widget elementor-widget-heading\" data-id=\"5564e074\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Agility<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2d0891f5\" data-id=\"2d0891f5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25db3946 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"25db3946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-one\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-329ae300 elementor-widget elementor-widget-heading\" data-id=\"329ae300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Quality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-2af835fa elementor-widget elementor-widget-text-editor\" data-id=\"2af835fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Teamwork is a key part of our process at Cladsoft.<\/strong> We will work with you closely to achieve your business goals. It is important to us that you are satisfied with the outcome of each task of your project.<\/p><p>Our clients range from start up companies to national brands; and we draw from all of these experiences to bring you a digital marketing strategy that is rooted in tangible results. Aside from our exceptional customer service, our clients choose us time and time again because of our measurable results, competitive pricing and expert counsel.<\/p><p>If you want your business to grow, you have come to the right place. From website, logo and graphic design, to SEO, pay-per-click, social media and marketing, get your website to the top of search engines and outperform your competitors with the name you can trust, cladsoft Web Design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2c08af2a\" data-id=\"2c08af2a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1a895bde animated-slow elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"1a895bde\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-351a995c\" data-id=\"351a995c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b16a107 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"7b16a107\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-team1\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83163b1 elementor-widget elementor-widget-heading\" data-id=\"83163b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teamwork<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-72486bde\" data-id=\"72486bde\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6720ebb4 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"6720ebb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-edit1\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b4a9942 elementor-widget elementor-widget-heading\" data-id=\"7b4a9942\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Accountability<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6c1498dd animated-slow elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6c1498dd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-51b18011\" data-id=\"51b18011\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-754d5185 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"754d5185\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-timing\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ebff02f elementor-widget elementor-widget-heading\" data-id=\"2ebff02f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Agility<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-61e00657\" data-id=\"61e00657\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-450cdf57 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"450cdf57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-one\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e391ad4 elementor-widget elementor-widget-heading\" data-id=\"6e391ad4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Quality<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a2ff51f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a2ff51f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;tilt&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-6f18c548 animated-slow elementor-invisible\" data-id=\"6f18c548\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55ab0b21 elementor-widget elementor-widget-counter\" data-id=\"55ab0b21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Success Rate<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"99\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">%<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-72a65db1 animated-slow elementor-invisible\" data-id=\"72a65db1\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86c3b57 elementor-widget elementor-widget-counter\" data-id=\"86c3b57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Happy Clients<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"150\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-2d8b5aab animated-slow elementor-invisible\" data-id=\"2d8b5aab\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7dd7cc0d elementor-widget elementor-widget-counter\" data-id=\"7dd7cc0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Project Per Year<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"40\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7d8d389a animated-slow elementor-invisible\" data-id=\"7d8d389a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20925b34 elementor-widget elementor-widget-counter\" data-id=\"20925b34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Countries<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"15\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-4ee0a80 e-con e-atomic-element e-flexbox-base e-5609e7a \" data-id=\"4ee0a80\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4ee0a80\" data-e-type=\"e-flexbox\" data-id=\"4ee0a80\">\n    \t\t<div class=\"elementor-element elementor-element-ae23ff4 elementor-widget elementor-widget-html\" data-id=\"ae23ff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     KladSoft \u2014 Scrolling Testimonials Marquee\r\n     Paste into Elementor HTML widget\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<section class=\"kst-section\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"kst-header\">\r\n    <div class=\"kst-eyebrow\">Client Testimonials<\/div>\r\n    <h2 class=\"kst-title\">Businesses trust KladSoft<\/h2>\r\n    <p class=\"kst-sub\">Don't take our word for it \u2014 hear from the clients we've built for.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Row 1 \u2014 scrolls left -->\r\n  <div class=\"kst-track-wrap kst-fade\">\r\n    <div class=\"kst-track kst-track--left\" id=\"kstRow1\">\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"KladSoft rebuilt our Shopify store from the ground up. The new site loads in under 2 seconds and our revenue <strong>increased by 35% in the first quarter<\/strong> after launch. Incredible work.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#38BDF8,#0369A1)\">SE<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Sarah E.<\/div>\r\n            <div class=\"kst-role\">Founder \u00b7 Bloom &amp; Thread<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--shopify\">Shopify<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"We've worked with several agencies over the years. KladSoft is the first team that <strong>actually explains what they're doing<\/strong> and delivers exactly what they promise \u2014 every time.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#1E293B,#475569)\">MK<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Marcus K.<\/div>\r\n            <div class=\"kst-role\">Partner \u00b7 Meridian Legal<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--wp\">WordPress<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"The maintenance plan is a game-changer. I never have to think about backups, updates, or security anymore. <strong>It just works<\/strong> \u2014 and when I need a change, it gets done fast.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#7C3AED,#38BDF8)\">LW<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Laura W.<\/div>\r\n            <div class=\"kst-role\">CEO \u00b7 CraftRoots<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--maint\">Maintenance<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"Our WooCommerce store had been slow for years. KladSoft audited it and <strong>cut our page load time by 60%<\/strong>. The difference in bounce rate and conversions was immediate.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#059669,#34D399)\">JP<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">James P.<\/div>\r\n            <div class=\"kst-role\">Director \u00b7 Oakfield Supplies<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--woo\">WooCommerce<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"Professional, communicative, and delivered ahead of schedule. Our new Shopify theme looks stunning and <strong>our average order value went up 22%<\/strong> within weeks of launch.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#F59E0B,#EF4444)\">AR<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Amara R.<\/div>\r\n            <div class=\"kst-role\">Owner \u00b7 Soleil Skincare<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--shopify\">Shopify<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"I handed over a rough brief and they came back with a WordPress site that <strong>exceeded every expectation<\/strong>. Clean code, fast, mobile-perfect. Exactly what a modern business needs.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#2563EB,#7C3AED)\">TH<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Tom H.<\/div>\r\n            <div class=\"kst-role\">MD \u00b7 Hargrove Consulting<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--wp\">WordPress<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Duplicate set for seamless loop -->\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"KladSoft rebuilt our Shopify store from the ground up. The new site loads in under 2 seconds and our revenue <strong>increased by 35% in the first quarter<\/strong> after launch. Incredible work.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#38BDF8,#0369A1)\">SE<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Sarah E.<\/div>\r\n            <div class=\"kst-role\">Founder \u00b7 Bloom &amp; Thread<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--shopify\">Shopify<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"We've worked with several agencies over the years. KladSoft is the first team that <strong>actually explains what they're doing<\/strong> and delivers exactly what they promise \u2014 every time.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#1E293B,#475569)\">MK<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Marcus K.<\/div>\r\n            <div class=\"kst-role\">Partner \u00b7 Meridian Legal<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--wp\">WordPress<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"The maintenance plan is a game-changer. I never have to think about backups, updates, or security anymore. <strong>It just works<\/strong> \u2014 and when I need a change, it gets done fast.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#7C3AED,#38BDF8)\">LW<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Laura W.<\/div>\r\n            <div class=\"kst-role\">CEO \u00b7 CraftRoots<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--maint\">Maintenance<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"Our WooCommerce store had been slow for years. KladSoft audited it and <strong>cut our page load time by 60%<\/strong>. The difference in bounce rate and conversions was immediate.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#059669,#34D399)\">JP<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">James P.<\/div>\r\n            <div class=\"kst-role\">Director \u00b7 Oakfield Supplies<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--woo\">WooCommerce<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"Professional, communicative, and delivered ahead of schedule. Our new Shopify theme looks stunning and <strong>our average order value went up 22%<\/strong> within weeks of launch.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#F59E0B,#EF4444)\">AR<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Amara R.<\/div>\r\n            <div class=\"kst-role\">Owner \u00b7 Soleil Skincare<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--shopify\">Shopify<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kst-card\">\r\n        <div class=\"kst-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"kst-quote\">\"I handed over a rough brief and they came back with a WordPress site that <strong>exceeded every expectation<\/strong>. Clean code, fast, mobile-perfect. Exactly what a modern business needs.\"<\/p>\r\n        <div class=\"kst-author\">\r\n          <div class=\"kst-avatar\" style=\"background:linear-gradient(135deg,#2563EB,#7C3AED)\">TH<\/div>\r\n          <div>\r\n            <div class=\"kst-name\">Tom H.<\/div>\r\n            <div class=\"kst-role\">MD \u00b7 Hargrove Consulting<\/div>\r\n          <\/div>\r\n          <div class=\"kst-badge kst-badge--wp\">WordPress<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n.kst-section, .kst-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.kst-section {\r\n  background: #fff;\r\n  padding: 88px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.kst-header {\r\n  text-align: center;\r\n  padding: 0 24px;\r\n  margin-bottom: 52px;\r\n}\r\n.kst-eyebrow {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: #38BDF8; margin-bottom: 12px;\r\n  display: block;\r\n}\r\n.kst-title {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.8rem);\r\n  font-weight: 800; color: #0F172A;\r\n  letter-spacing: -0.025em; line-height: 1.15;\r\n  margin-bottom: 12px;\r\n}\r\n.kst-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1rem; color: #64748B; line-height: 1.7;\r\n}\r\n\r\n\/* \u2500\u2500 TRACK WRAPPER \u2014 fade edges \u2500\u2500 *\/\r\n.kst-track-wrap {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\/* Left + right edge fade *\/\r\n.kst-fade::before,\r\n.kst-fade::after {\r\n  content: '';\r\n  position: absolute; top: 0; bottom: 0; z-index: 2;\r\n  width: 120px; pointer-events: none;\r\n}\r\n.kst-fade::before {\r\n  left: 0;\r\n  background: linear-gradient(to right, #fff 0%, transparent 100%);\r\n}\r\n.kst-fade::after {\r\n  right: 0;\r\n  background: linear-gradient(to left, #fff 0%, transparent 100%);\r\n}\r\n\r\n\/* \u2500\u2500 TRACK \u2500\u2500 *\/\r\n.kst-track {\r\n  display: flex;\r\n  gap: 20px;\r\n  width: max-content;\r\n  padding: 12px 0;\r\n  will-change: transform;\r\n}\r\n.kst-track--left  { animation: kst-scroll-left  38s linear infinite; }\r\n\r\n@keyframes kst-scroll-left {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n\r\n\/* Pause on hover (desktop) *\/\r\n@media (min-width: 768px) {\r\n  .kst-track--left:hover  { animation-play-state: paused; }\r\n}\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.kst-card {\r\n  background: #F8FAFC;\r\n  border: 1px solid #E2E8F0;\r\n  border-radius: 18px;\r\n  padding: 26px 26px 22px;\r\n  width: 340px;\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  transition: box-shadow .2s, transform .2s, border-color .2s;\r\n  cursor: default;\r\n}\r\n.kst-card:hover {\r\n  box-shadow: 0 12px 36px rgba(15,23,42,0.09);\r\n  transform: translateY(-3px);\r\n  border-color: #BAE6FD;\r\n}\r\n\r\n\/* Stars *\/\r\n.kst-stars {\r\n  color: #F59E0B;\r\n  font-size: 0.9rem;\r\n  letter-spacing: 2px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* Quote *\/\r\n.kst-quote {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.9rem;\r\n  color: #475569;\r\n  line-height: 1.75;\r\n  flex: 1;\r\n}\r\n.kst-quote strong { color: #0F172A; font-weight: 700; }\r\n\r\n\/* Author row *\/\r\n.kst-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding-top: 14px;\r\n  border-top: 1px solid #E2E8F0;\r\n}\r\n.kst-avatar {\r\n  width: 38px; height: 38px; border-radius: 50%;\r\n  flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 0.72rem; font-weight: 800;\r\n  color: #fff; letter-spacing: 0.02em;\r\n}\r\n.kst-name {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 0.855rem; font-weight: 700; color: #0F172A;\r\n  line-height: 1.2;\r\n}\r\n.kst-role {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.75rem; color: #94A3B8;\r\n  margin-top: 2px; line-height: 1;\r\n}\r\n\r\n\/* Badge \u2014 pushed to right *\/\r\n.kst-badge {\r\n  margin-left: auto;\r\n  flex-shrink: 0;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.65rem; font-weight: 700;\r\n  padding: 4px 9px; border-radius: 100px;\r\n  text-transform: uppercase; letter-spacing: 0.06em;\r\n}\r\n.kst-badge--shopify { background: #E6F3EC; color: #166534; }\r\n.kst-badge--wp      { background: #EFF6FF; color: #1D4ED8; }\r\n.kst-badge--woo     { background: #F5F3FF; color: #5B21B6; }\r\n.kst-badge--maint   { background: #E0F2FE; color: #0369A1; }\r\n\r\n\/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .kst-track--left,\r\n  .kst-track--right { animation: none; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2cb30b7 e-con e-atomic-element e-flexbox-base e-2cb30b7-7c8c98b \" data-id=\"2cb30b7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2cb30b7\" data-e-type=\"e-flexbox\" data-id=\"2cb30b7\">\n    \t\t<div class=\"elementor-element elementor-element-cc42aad elementor-widget elementor-widget-html\" data-id=\"cc42aad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     KladSoft \u2014 FAQ Section (2-column, smooth accordion)\r\n     Paste into Elementor HTML widget\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<section class=\"kfq-section\">\r\n  <div class=\"kfq-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"kfq-header\">\r\n      <div class=\"kfq-eyebrow\">Got questions?<\/div>\r\n      <h2 class=\"kfq-title\">Frequently Asked Questions<\/h2>\r\n      <p class=\"kfq-sub\">Everything you need to know before starting a project with us.<\/p>\r\n    <\/div>\r\n\r\n    <!-- 2-column accordion grid -->\r\n    <div class=\"kfq-grid\">\r\n\r\n      <!-- Col 1 -->\r\n      <div class=\"kfq-col\">\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>How long does it take to build a website?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p>Most projects are delivered in <strong>4\u20138 weeks<\/strong> depending on scope. A straightforward WordPress or Shopify build typically takes 3\u20134 weeks. Larger custom builds may take 6\u201310 weeks. We'll give you a clear timeline before we start \u2014 and we stick to it.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>Do you handle design as well as development?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p>Yes \u2014 every project includes UX\/UI design. You'll get wireframes and full visual designs to approve before we write a single line of code. No surprises at launch.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>Can you work on my existing site?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p>Absolutely. We work on existing Shopify and WordPress sites regularly \u2014 redesigns, new features, speed improvements, and bug fixes. We audit your setup first and give you honest recommendations.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>Will my site be mobile-friendly and fast?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p>Always. We build mobile-first by default and target a <strong>Lighthouse score of 90+<\/strong> for performance, SEO, and accessibility. Speed is part of every deliverable \u2014 not an optional extra.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/col 1 -->\r\n\r\n      <!-- Col 2 -->\r\n      <div class=\"kfq-col\">\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>How do I get started?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p>Send us a message or book a free discovery call. We'll ask about your project, goals, and budget, then send a proposal within 48 hours. No commitment required at that stage.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>What does a maintenance plan include?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p>Security monitoring, daily backups, plugin updates, uptime monitoring, performance reports, content updates, and dev hours \u2014 depending on your plan. Starting from <strong>$99\/month<\/strong>, cancel anytime.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>What's your payment structure?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p><strong>50% upfront<\/strong> to reserve your spot, and <strong>50% on delivery<\/strong> before launch. Maintenance plans are billed monthly. We accept bank transfers and all major credit cards.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kfq-item\">\r\n          <button class=\"kfq-q\" aria-expanded=\"false\">\r\n            <span>Do you offer post-launch support?<\/span>\r\n            <div class=\"kfq-icon-wrap\">\r\n              <svg class=\"kfq-plus\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n              <svg class=\"kfq-minus\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n            <\/div>\r\n          <\/button>\r\n          <div class=\"kfq-body\">\r\n            <p>Yes \u2014 every project includes a <strong>30-day post-launch window<\/strong> at no extra charge. If anything breaks due to our work, we fix it immediately. After that, ongoing support is available through our maintenance plans.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/col 2 -->\r\n\r\n    <\/div><!-- \/kfq-grid -->\r\n\r\n    <!-- Bottom CTA -->\r\n    <div class=\"kfq-bottom\">\r\n      <p>Still have questions?<\/p>\r\n      <a href=\"\/contact\/\" class=\"kfq-btn\">Get in touch<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n.kfq-section, .kfq-section * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.kfq-section a { text-decoration: none !important; }\r\n.kfq-section button { font-family: 'Inter', sans-serif; cursor: pointer; background: none; border: none; }\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.kfq-section {\r\n  background: #fff;\r\n  padding: 96px 28px;\r\n}\r\n.kfq-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.kfq-header {\r\n  text-align: center; margin-bottom: 60px;\r\n}\r\n.kfq-eyebrow {\r\n  display: block; font-family: 'Inter', sans-serif;\r\n  font-size: 0.72rem; font-weight: 700;\r\n  letter-spacing: 0.1em; text-transform: uppercase;\r\n  color: #38BDF8; margin-bottom: 12px;\r\n}\r\n.kfq-title {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: clamp(1.9rem, 3.5vw, 2.6rem);\r\n  font-weight: 800; color: #0F172A;\r\n  letter-spacing: -0.025em; line-height: 1.12; margin-bottom: 12px;\r\n}\r\n.kfq-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1rem; color: #94A3B8; line-height: 1;\r\n}\r\n\r\n\/* \u2500\u2500 2-COL GRID \u2500\u2500 *\/\r\n.kfq-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 0 40px;\r\n}\r\n.kfq-col { display: flex; flex-direction: column; }\r\n\r\n\/* \u2500\u2500 ITEM \u2500\u2500 *\/\r\n.kfq-item {\r\n  border-bottom: 1px solid #F1F5F9;\r\n  overflow: hidden;\r\n}\r\n.kfq-item:first-child { border-top: 1px solid #F1F5F9; }\r\n\r\n\/* \u2500\u2500 QUESTION BUTTON \u2500\u2500 *\/\r\n.kfq-q {\r\n  width: 100%; padding: 22px 0;\r\n  display: flex; align-items: center;\r\n  justify-content: space-between; gap: 16px;\r\n  text-align: left;\r\n  transition: opacity .15s;\r\n}\r\n.kfq-q:hover { opacity: 0.8; }\r\n\r\n.kfq-q span {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-size: 0.95rem; font-weight: 700;\r\n  color: #0F172A; line-height: 1.4; flex: 1;\r\n}\r\n.kfq-item.kfq-open .kfq-q span { color: #38BDF8; }\r\n\r\n\/* \u2500\u2500 +\/\u2212 ICON \u2500\u2500 *\/\r\n.kfq-icon-wrap {\r\n  width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;\r\n  border: 1.5px solid #E2E8F0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  position: relative;\r\n  transition: background .25s, border-color .25s;\r\n}\r\n.kfq-item.kfq-open .kfq-icon-wrap {\r\n  background: #38BDF8; border-color: #38BDF8;\r\n}\r\n.kfq-plus, .kfq-minus {\r\n  position: absolute; width: 13px; height: 13px;\r\n  fill: none; stroke: #94A3B8;\r\n  stroke-width: 2.5; stroke-linecap: round;\r\n  transition: opacity .25s, stroke .25s;\r\n}\r\n.kfq-minus { opacity: 0; }\r\n.kfq-item.kfq-open .kfq-plus { opacity: 0; }\r\n.kfq-item.kfq-open .kfq-minus { opacity: 1; stroke: #fff; }\r\n\r\n\/* \u2500\u2500 ANIMATED ANSWER \u2500\u2500 *\/\r\n.kfq-body {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n  transition: grid-template-rows .38s cubic-bezier(.4,0,.2,1);\r\n}\r\n.kfq-item.kfq-open .kfq-body {\r\n  grid-template-rows: 1fr;\r\n}\r\n\/* Inner div needed for grid row animation *\/\r\n.kfq-body > p {\r\n  overflow: hidden;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.885rem; color: #64748B;\r\n  line-height: 1.8; padding-bottom: 20px;\r\n  \/* smooth fade *\/\r\n  opacity: 0;\r\n  transform: translateY(-4px);\r\n  transition: opacity .3s .05s ease, transform .3s .05s ease;\r\n}\r\n.kfq-item.kfq-open .kfq-body > p {\r\n  opacity: 1; transform: translateY(0);\r\n}\r\n.kfq-body p strong { color: #0F172A; font-weight: 700; }\r\n\r\n\/* \u2500\u2500 BOTTOM CTA \u2500\u2500 *\/\r\n.kfq-bottom {\r\n  display: flex; align-items: center; justify-content: center;\r\n  gap: 20px; margin-top: 56px; flex-wrap: wrap;\r\n}\r\n.kfq-bottom p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1rem; color: #94A3B8; line-height: 1;\r\n}\r\n.kfq-btn {\r\n  display: inline-flex; align-items: center;\r\n  background: #0F172A; color: #fff !important;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.875rem; font-weight: 700;\r\n  padding: 12px 24px; border-radius: 100px;\r\n  transition: background .2s, transform .15s, box-shadow .2s;\r\n  line-height: 1;\r\n}\r\n.kfq-btn:hover {\r\n  background: #38BDF8; transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(56,189,248,0.28);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .kfq-section { padding: 72px 20px; }\r\n  .kfq-grid { grid-template-columns: 1fr; gap: 0; }\r\n  \/* On mobile col 2 items need a top border to connect with col 1 *\/\r\n  .kfq-col:nth-child(2) .kfq-item:first-child { border-top: none; }\r\n}\r\n\r\n\/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .kfq-body, .kfq-body > p, .kfq-icon-wrap, .kfq-plus, .kfq-minus { transition: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  document.querySelectorAll('.kfq-item').forEach(function (item) {\r\n    item.querySelector('.kfq-q').addEventListener('click', function () {\r\n      var isOpen = item.classList.contains('kfq-open');\r\n      \/* Close all items in BOTH columns independently *\/\r\n      document.querySelectorAll('.kfq-item.kfq-open').forEach(function (el) {\r\n        el.classList.remove('kfq-open');\r\n        el.querySelector('.kfq-q').setAttribute('aria-expanded', 'false');\r\n      });\r\n      if (!isOpen) {\r\n        item.classList.add('kfq-open');\r\n        item.querySelector('.kfq-q').setAttribute('aria-expanded', 'true');\r\n      }\r\n    });\r\n  });\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Design &amp; Marketing Solutions Get an interactive website design for your venture! Let your business stand out by Cladsoft. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kladsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kladsoft.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kladsoft.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kladsoft.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kladsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":73,"href":"https:\/\/kladsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/kladsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/183"}],"wp:attachment":[{"href":"https:\/\/kladsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}