{"id":113,"date":"2026-09-17T00:37:55","date_gmt":"2026-09-17T00:37:55","guid":{"rendered":"https:\/\/www.tiratechmarketing.com\/en-sg\/?page_id=113"},"modified":"2026-09-17T09:02:18","modified_gmt":"2026-09-17T01:02:18","slug":"website-development","status":"publish","type":"page","link":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/","title":{"rendered":"Website Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"113\" class=\"elementor elementor-113\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c1aabe elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7c1aabe\" data-element_type=\"section\" data-e-type=\"section\">\n\t\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-100 elementor-top-column elementor-element elementor-element-d0a1e25\" data-id=\"d0a1e25\" 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-00012cc elementor-widget elementor-widget-html\" data-id=\"00012cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700;800&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \u2500\u2500 Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-page {\r\n        --color-primary: #2A3BB0;\r\n        --color-primary-dark: #1B2670;\r\n        --color-primary-light: #EBEEFD;\r\n        --color-accent: #FF5A36;\r\n        --color-accent-dark: #DB4322;\r\n        --color-teal: #00B8A9;\r\n        --color-teal-dark: #018E82;\r\n        --color-gold: #FFB020;\r\n        --color-gold-dark: #B9820F;\r\n        --color-ink: #14141F;\r\n        --color-muted: #5B5F76;\r\n        --color-bg-tint: #F6F7FD;\r\n        --color-border: #E4E7F5;\r\n        font-family: 'Inter', sans-serif;\r\n        color: var(--color-ink);\r\n        background: #fff;\r\n        line-height: 1.6;\r\n        font-size: 16px;\r\n        -webkit-font-smoothing: antialiased;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    .tt-page *, .tt-page *::before, .tt-page *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .tt-page h1, .tt-page h2, .tt-page h3 { font-family: 'Space Grotesk', sans-serif; }\r\n\r\n    \/* \u2500\u2500 Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-eyebrow {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 10.5px;\r\n        font-weight: 700;\r\n        letter-spacing: 2.5px;\r\n        text-transform: uppercase;\r\n        color: var(--color-primary);\r\n        margin-bottom: 14px;\r\n        position: relative;\r\n    }\r\n\r\n    .tt-eyebrow::before {\r\n        content: '';\r\n        width: 7px;\r\n        height: 7px;\r\n        border-radius: 50%;\r\n        background: var(--color-accent);\r\n        display: inline-block;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .tt-h1 { font-size: clamp(2.4rem, 5vw, 3.75rem); font-weight: 900; line-height: 1.05; letter-spacing: -2px; color: var(--color-ink); }\r\n    .tt-h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -1px; color: var(--color-ink); }\r\n    .tt-h3 { font-size: 1.05rem; font-weight: 700; line-height: 1.35; color: var(--color-ink); letter-spacing: -0.2px; }\r\n    .tt-lead { font-size: 1.1rem; color: var(--color-muted); line-height: 1.75; }\r\n\r\n    \/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\r\n    .tt-section { padding: 88px 0; border-bottom: 1px solid var(--color-border); }\r\n\r\n    \/* \u2500\u2500 Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-btn,\r\n    .tt-btn:visited,\r\n    .tt-btn:hover,\r\n    .tt-btn:focus,\r\n    .tt-btn:active {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-decoration: none !important;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        letter-spacing: 1.2px;\r\n        text-transform: uppercase;\r\n        cursor: pointer;\r\n        border: none;\r\n        outline: none;\r\n        transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.15s, box-shadow 0.15s;\r\n    }\r\n\r\n    .tt-btn-solid {\r\n        padding: 15px 30px;\r\n        background: var(--color-accent);\r\n        color: #fff !important;\r\n        border: 2px solid var(--color-accent);\r\n        border-radius: 100px;\r\n        box-shadow: 0 8px 20px rgba(255, 90, 54, 0.28);\r\n    }\r\n\r\n    .tt-btn-solid:hover {\r\n        background: var(--color-accent-dark);\r\n        border-color: var(--color-accent-dark);\r\n        color: #fff !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 12px 24px rgba(255, 90, 54, 0.35);\r\n    }\r\n\r\n    .tt-btn-outline {\r\n        padding: 13px 28px;\r\n        background: transparent;\r\n        color: var(--color-primary) !important;\r\n        border: 2px solid var(--color-primary);\r\n        border-radius: 100px;\r\n    }\r\n\r\n    .tt-btn-outline:hover {\r\n        background: var(--color-primary);\r\n        color: #fff !important;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 20px rgba(42, 59, 176, 0.25);\r\n    }\r\n\r\n    \/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-hero {\r\n        padding: 72px 0 44px;\r\n        border-bottom: 1px solid var(--color-border);\r\n        position: relative;\r\n        background:\r\n            radial-gradient(circle at 88% 8%, rgba(255, 90, 54, 0.14), transparent 45%),\r\n            radial-gradient(circle at 6% 92%, rgba(0, 184, 169, 0.12), transparent 40%),\r\n            linear-gradient(180deg, #F6F7FD 0%, #ffffff 100%);\r\n    }\r\n\r\n    .tt-hero-inner {\r\n        display: grid;\r\n        grid-template-columns: 1fr 300px;\r\n        gap: 60px;\r\n        align-items: start;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .tt-hero-meta { margin-top: 6px; }\r\n\r\n    @keyframes tt-badge-glow {\r\n        0%   { box-shadow: 0 0 0px rgba(42,59,176,0);     border-color: var(--color-border); }\r\n        40%  { box-shadow: 0 0 14px rgba(42,59,176,0.25); border-color: var(--color-primary); }\r\n        60%  { box-shadow: 0 0 22px rgba(42,59,176,0.16); border-color: var(--color-primary); }\r\n        100% { box-shadow: 0 0 0px rgba(42,59,176,0);     border-color: var(--color-border); }\r\n    }\r\n\r\n    @keyframes tt-badge-shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }\r\n    @keyframes tt-dot-ping { 0% { transform: scale(1); opacity: 1; } 60% { transform: scale(2.4); opacity: 0; } 100% { transform: scale(1); opacity: 0; } }\r\n    @keyframes tt-badge-entry { 0% { opacity: 0; transform: translateY(-6px) scale(0.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\r\n\r\n    .tt-hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: #fff;\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 100px;\r\n        padding: 6px 18px 6px 12px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        letter-spacing: 1.5px;\r\n        color: var(--color-primary);\r\n        margin-bottom: 22px;\r\n        text-transform: uppercase;\r\n        position: relative;\r\n        overflow: hidden;\r\n        animation:\r\n            tt-badge-entry 0.5s cubic-bezier(0.22,1,0.36,1) 0.1s both,\r\n            tt-badge-glow  2.8s ease-in-out 1s infinite;\r\n    }\r\n\r\n    .tt-hero-badge::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.65) 50%, transparent 70%);\r\n        background-size: 200% 100%;\r\n        animation: tt-badge-shimmer 3s ease-in-out 1.2s infinite;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .tt-hero-badge::before {\r\n        content: '';\r\n        width: 7px;\r\n        height: 7px;\r\n        background: var(--color-accent);\r\n        border-radius: 50%;\r\n        display: block;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n        box-shadow: 0 0 0 0 rgba(255,90,54,0.4);\r\n        animation: tt-dot-ping 2s ease-out 1.5s infinite;\r\n    }\r\n\r\n    .tt-hero-actions { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; align-items: center; }\r\n    .tt-hero-meta { display: flex; flex-direction: column; gap: 0; }\r\n    .tt-hero-stat { border-top: 1px solid var(--color-border); padding: 16px 0; }\r\n    .tt-hero-stat:last-child { border-bottom: 1px solid var(--color-border); }\r\n    .tt-hero-stat-num { display: block; font-size: 2rem; font-weight: 900; line-height: 1; letter-spacing: -1px; }\r\n    .tt-hero-stat:nth-child(1) .tt-hero-stat-num { color: var(--color-primary); }\r\n    .tt-hero-stat:nth-child(2) .tt-hero-stat-num { color: var(--color-teal-dark); }\r\n    .tt-hero-stat:nth-child(3) .tt-hero-stat-num { color: var(--color-accent-dark); }\r\n    .tt-hero-stat-label { display: block; font-size: 12px; color: var(--color-muted); margin-top: 4px; line-height: 1.4; }\r\n\r\n    \/* \u2500\u2500 Brands strip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-brands { border-bottom: 1px solid var(--color-border); padding: 56px 0; }\r\n    .tt-brands-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px; margin-bottom: 32px; }\r\n    .tt-brands-slider-wrap { position: relative; padding: 0 52px; }\r\n    .tt-brands-slider {\r\n        display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;\r\n        -webkit-overflow-scrolling: touch; padding: 4px; scrollbar-width: none; -ms-overflow-style: none;\r\n    }\r\n    .tt-brands-slider::-webkit-scrollbar { display: none; }\r\n    .tt-brand-slide {\r\n        flex: 0 0 auto; width: 180px; height: 110px; scroll-snap-align: start;\r\n        display: flex; align-items: center; justify-content: center; padding: 10px;\r\n        border: 1px solid var(--color-border); border-radius: 14px; background: #fff;\r\n    }\r\n    .tt-brand-slide img { max-width: 100%; max-height: 100%; object-fit: contain; }\r\n    .tt-brands-dots { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 22px; }\r\n    .tt-brands-dot { width: 8px; height: 8px; border-radius: 50%; background: #d5d5d5; border: none; padding: 0; cursor: pointer; transition: background-color 0.3s ease, transform 0.3s ease; }\r\n    .tt-brands-dot:hover { background: var(--color-primary); }\r\n    .tt-brands-dot.active { background: var(--color-accent); transform: scale(1.25); }\r\n    .tt-brands-nav-btn {\r\n        position: absolute; top: 50%; transform: translateY(-50%);\r\n        width: 40px; height: 40px; border-radius: 50%;\r\n        background: linear-gradient(135deg, var(--color-primary), #4B5FE0);\r\n        color: #fff; border: none; font-size: 1.3rem; line-height: 1;\r\n        cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n        z-index: 3; transition: transform 0.2s ease;\r\n    }\r\n    .tt-brands-nav-btn:hover { transform: translateY(-50%) scale(1.06); }\r\n    .tt-brands-prev { left: 0; }\r\n    .tt-brands-next { right: 0; }\r\n\r\n    \/* \u2500\u2500 Tech stack strip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-tech-strip { border-bottom: 1px solid var(--color-border); background: var(--color-bg-tint); }\r\n    .tt-tech-inner { display: flex; align-items: center; gap: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }\r\n    .tt-tech-inner::-webkit-scrollbar { display: none; }\r\n    .tt-tech-label { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--color-primary); white-space: nowrap; padding: 20px 32px 20px 0; border-right: 1px solid var(--color-border); margin-right: 28px; flex-shrink: 0; }\r\n    .tt-tech-list { display: flex; gap: 28px; align-items: center; flex-wrap: nowrap; }\r\n    .tt-tech-item { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 14px 0; flex-shrink: 0; }\r\n    .tt-tech-dot { width: 10px; height: 10px; border-radius: 50%; display: block; }\r\n    .tt-tech-name { font-size: 10.5px; font-weight: 600; color: var(--color-ink); letter-spacing: 0.3px; white-space: nowrap; }\r\n\r\n    \/* \u2500\u2500 Stats Strip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-stats-strip { border-bottom: 1px solid var(--color-border); background: var(--color-bg-tint); }\r\n    .tt-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--color-border); }\r\n    .tt-stat-cell { padding: 32px 28px; border-right: 1px solid var(--color-border); background: #fff; }\r\n    .tt-stat-big { display: block; font-size: 2.4rem; font-weight: 900; letter-spacing: -1.5px; line-height: 1; margin-bottom: 8px; }\r\n    .tt-stat-cell:nth-child(4n+1) .tt-stat-big { color: var(--color-primary); }\r\n    .tt-stat-cell:nth-child(4n+2) .tt-stat-big { color: var(--color-teal-dark); }\r\n    .tt-stat-cell:nth-child(4n+3) .tt-stat-big { color: var(--color-accent-dark); }\r\n    .tt-stat-cell:nth-child(4n+4) .tt-stat-big { color: var(--color-gold-dark); }\r\n    .tt-stat-desc { font-size: 13px; color: var(--color-muted); line-height: 1.5; }\r\n\r\n    \/* \u2500\u2500 Two column \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-two-col { display: grid; grid-template-columns: 360px 1fr; gap: 80px; align-items: start; }\r\n    .tt-sticky { position: sticky; top: 24px; }\r\n    .tt-callout { border-left: 3px solid var(--color-accent); padding: 18px 20px; margin-top: 24px; background: var(--color-bg-tint); border-radius: 0 12px 12px 0; }\r\n    .tt-callout p { font-size: 14px; color: var(--color-ink); line-height: 1.65; margin: 0; }\r\n\r\n    \/* \u2500\u2500 Why Points \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-point { display: grid; grid-template-columns: 28px 1fr; gap: 16px; padding: 24px 0; border-top: 1px solid var(--color-border); align-items: start; transition: background 0.2s ease; }\r\n    .tt-point:last-child { border-bottom: 1px solid var(--color-border); }\r\n    .tt-point:hover { background: var(--color-bg-tint); }\r\n    .tt-point-num { font-size: 11px; font-weight: 800; color: var(--color-primary); padding-top: 3px; letter-spacing: 0.5px; }\r\n    .tt-point h3 { margin-bottom: 6px; }\r\n    .tt-point p { font-size: 14px; color: var(--color-muted); line-height: 1.65; margin: 0; }\r\n\r\n    \/* \u2500\u2500 Services Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); margin-top: 52px; }\r\n    .tt-service-card { padding: 32px 28px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); transition: transform 0.25s cubic-bezier(0.22,1,0.36,1), box-shadow 0.25s ease, background 0.15s ease; }\r\n    .tt-service-card:hover { background: var(--color-bg-tint); transform: translateY(-4px); box-shadow: 0 8px 24px rgba(42, 59, 176, 0.1); }\r\n    .tt-svc-num { display: block; font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; }\r\n    .tt-service-card:nth-child(6n+1) .tt-svc-num { color: var(--color-primary); }\r\n    .tt-service-card:nth-child(6n+2) .tt-svc-num { color: var(--color-teal-dark); }\r\n    .tt-service-card:nth-child(6n+3) .tt-svc-num { color: var(--color-accent-dark); }\r\n    .tt-service-card:nth-child(6n+4) .tt-svc-num { color: var(--color-gold-dark); }\r\n    .tt-service-card:nth-child(6n+5) .tt-svc-num { color: var(--color-primary); }\r\n    .tt-service-card:nth-child(6n+6) .tt-svc-num { color: var(--color-teal-dark); }\r\n    .tt-service-card h3 { margin-bottom: 10px; }\r\n    .tt-service-card p { font-size: 14px; color: var(--color-muted); line-height: 1.65; margin: 0; }\r\n    .tt-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }\r\n    .tt-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.5px; border: 1px solid var(--color-border); color: var(--color-muted); padding: 3px 9px; text-transform: uppercase; border-radius: 100px; }\r\n\r\n    \/* \u2500\u2500 Deliverables checklist \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-checklist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); margin-top: 52px; border-radius: 14px; overflow: hidden; }\r\n    .tt-check-item { display: flex; align-items: flex-start; gap: 14px; padding: 20px 24px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }\r\n    .tt-check-icon { width: 20px; height: 20px; border-radius: 6px; background: var(--color-primary-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\r\n    .tt-check-icon::after { content: ''; width: 7px; height: 4px; border-left: 2px solid var(--color-primary); border-bottom: 2px solid var(--color-primary); transform: rotate(-45deg) translateY(-1px); display: block; }\r\n    .tt-check-item:nth-child(3n+2) .tt-check-icon { background: #E4F9F7; }\r\n    .tt-check-item:nth-child(3n+2) .tt-check-icon::after { border-color: var(--color-teal-dark); }\r\n    .tt-check-item:nth-child(3n+3) .tt-check-icon { background: #FFF6E2; }\r\n    .tt-check-item:nth-child(3n+3) .tt-check-icon::after { border-color: var(--color-gold-dark); }\r\n    .tt-check-text { font-size: 13.5px; color: var(--color-ink); line-height: 1.5; font-weight: 500; }\r\n\r\n    \/* \u2500\u2500 Process Steps \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-steps { margin-top: 52px; }\r\n    .tt-step { display: grid; grid-template-columns: 52px 1fr; gap: 24px; padding: 28px 0; border-top: 1px solid var(--color-border); align-items: start; }\r\n    .tt-step:last-child { border-bottom: 1px solid var(--color-border); }\r\n    .tt-step-box {\r\n        width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n        font-size: 11px; font-weight: 800; color: #fff; flex-shrink: 0; margin-top: 2px; letter-spacing: 0.5px;\r\n        box-shadow: 0 6px 14px rgba(20, 20, 31, 0.14); transition: transform 0.25s cubic-bezier(0.22,1,0.36,1);\r\n    }\r\n    .tt-step:nth-child(1) .tt-step-box { background: linear-gradient(135deg, var(--color-primary), #4B5FE0); }\r\n    .tt-step:nth-child(2) .tt-step-box { background: linear-gradient(135deg, var(--color-teal), #00D9C6); }\r\n    .tt-step:nth-child(3) .tt-step-box { background: linear-gradient(135deg, var(--color-accent), #FF8A5C); }\r\n    .tt-step:nth-child(4) .tt-step-box { background: linear-gradient(135deg, var(--color-gold), #FFD166); }\r\n    .tt-step:nth-child(5) .tt-step-box { background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary)); }\r\n    .tt-step:hover .tt-step-box { transform: scale(1.1); }\r\n    .tt-step h3 { margin-bottom: 8px; }\r\n    .tt-step p { font-size: 14px; color: var(--color-muted); line-height: 1.65; margin: 0; }\r\n    .tt-step-out { display: inline-block; margin-top: 12px; font-size: 11px; font-weight: 700; color: var(--color-primary); letter-spacing: 0.5px; text-transform: uppercase; }\r\n    .tt-step-out::before { content: '\u21b3 '; }\r\n\r\n    \/* \u2500\u2500 Pricing tiers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); margin-top: 52px; border-radius: 14px; overflow: hidden; }\r\n    .tt-pricing-card { padding: 36px 28px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); position: relative; background: #fff; }\r\n\r\n    .tt-pricing-card.tt-featured {\r\n        background: linear-gradient(165deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);\r\n    }\r\n\r\n    .tt-pricing-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--color-muted); margin-bottom: 12px; }\r\n    .tt-pricing-card.tt-featured .tt-pricing-label { color: #FFC69C; }\r\n\r\n    .tt-pricing-name { font-size: 1.15rem; font-weight: 800; color: var(--color-ink); margin-bottom: 6px; }\r\n    .tt-pricing-card.tt-featured .tt-pricing-name { color: #fff; }\r\n\r\n    .tt-pricing-price { font-size: 2rem; font-weight: 900; color: var(--color-ink); letter-spacing: -1px; line-height: 1; margin-bottom: 4px; }\r\n    .tt-pricing-card.tt-featured .tt-pricing-price { color: #fff; }\r\n\r\n    .tt-pricing-note { font-size: 12px; color: var(--color-muted); margin-bottom: 24px; }\r\n    .tt-pricing-card.tt-featured .tt-pricing-note { color: #C7CEF5; }\r\n\r\n    .tt-pricing-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }\r\n    .tt-pricing-features li { font-size: 13.5px; color: var(--color-ink); line-height: 1.5; padding-left: 18px; position: relative; }\r\n    .tt-pricing-card.tt-featured .tt-pricing-features li { color: #EDEFFB; }\r\n    .tt-pricing-features li::before { content: '\u2713'; position: absolute; left: 0; color: var(--color-teal-dark); font-weight: 800; }\r\n    .tt-pricing-card.tt-featured .tt-pricing-features li::before { color: #6FE3D6; }\r\n\r\n    .tt-pricing-cta { display: block; padding: 13px 20px; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none !important; transition: background 0.15s, color 0.15s, transform 0.15s; border-radius: 100px; }\r\n    .tt-pricing-cta-outline { border: 2px solid var(--color-primary); color: var(--color-primary) !important; background: transparent; }\r\n    .tt-pricing-cta-outline:hover { background: var(--color-primary); color: #fff !important; transform: translateY(-2px); }\r\n    .tt-pricing-cta-solid { border: 2px solid var(--color-accent); color: #fff !important; background: var(--color-accent); box-shadow: 0 8px 18px rgba(255,90,54,0.32); }\r\n    .tt-pricing-cta-solid:hover { background: var(--color-accent-dark); border-color: var(--color-accent-dark); transform: translateY(-2px); }\r\n\r\n    \/* \u2500\u2500 Editorial \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-editorial { display: grid; grid-template-columns: 220px 1fr; gap: 72px; align-items: start; }\r\n    .tt-content-nav { position: sticky; top: 24px; }\r\n    .tt-content-nav-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--color-muted); margin-bottom: 14px; }\r\n    .tt-content-nav ul { list-style: none; display: flex; flex-direction: column; gap: 2px; }\r\n    .tt-content-nav a, .tt-content-nav a:visited { display: block; font-size: 13px; color: var(--color-muted); text-decoration: none !important; padding: 6px 0 6px 14px; border-left: 2px solid var(--color-border); line-height: 1.4; transition: color 0.15s, border-color 0.15s; }\r\n    .tt-content-nav a:hover { color: var(--color-primary); border-left-color: var(--color-primary); }\r\n    .tt-body-content h2 { font-size: 1.4rem; font-weight: 800; color: var(--color-ink); margin: 44px 0 12px; letter-spacing: -0.4px; line-height: 1.2; }\r\n    .tt-body-content h2:first-child { margin-top: 0; }\r\n    .tt-body-content h3 { font-size: 1rem; font-weight: 700; color: var(--color-ink); margin: 26px 0 8px; }\r\n    .tt-body-content p { font-size: 14.5px; color: var(--color-muted); line-height: 1.8; margin-bottom: 14px; }\r\n    .tt-body-content p:last-child { margin-bottom: 0; }\r\n    .tt-body-content strong { color: var(--color-ink); font-weight: 700; }\r\n    .tt-body-content ul { padding-left: 18px; margin: 12px 0; }\r\n    .tt-body-content li { font-size: 14.5px; color: var(--color-muted); line-height: 1.75; margin-bottom: 6px; }\r\n    .tt-body-content .tt-callout { margin: 24px 0; }\r\n\r\n    \/* \u2500\u2500 Results grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-results-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); margin-top: 52px; }\r\n    .tt-result-cell { padding: 30px 24px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }\r\n    .tt-result-metric { display: block; font-size: 2.2rem; font-weight: 900; letter-spacing: -1px; line-height: 1; margin-bottom: 6px; }\r\n    .tt-result-cell:nth-child(6n+1) .tt-result-metric { color: var(--color-primary); }\r\n    .tt-result-cell:nth-child(6n+2) .tt-result-metric { color: var(--color-teal-dark); }\r\n    .tt-result-cell:nth-child(6n+3) .tt-result-metric { color: var(--color-accent-dark); }\r\n    .tt-result-cell:nth-child(6n+4) .tt-result-metric { color: var(--color-gold-dark); }\r\n    .tt-result-cell:nth-child(6n+5) .tt-result-metric { color: var(--color-primary); }\r\n    .tt-result-cell:nth-child(6n+6) .tt-result-metric { color: var(--color-teal-dark); }\r\n    .tt-result-label { font-size: 13px; color: var(--color-muted); line-height: 1.4; }\r\n    .tt-result-bar { height: 4px; background: var(--color-border); margin-top: 14px; border-radius: 100px; overflow: hidden; }\r\n    .tt-result-bar span { display: block; height: 100%; width: 0; transition: width 1.2s cubic-bezier(0.22,1,0.36,1); border-radius: 100px; }\r\n    .tt-result-cell:nth-child(6n+1) .tt-result-bar span { background: linear-gradient(90deg, var(--color-primary), #4B5FE0); }\r\n    .tt-result-cell:nth-child(6n+2) .tt-result-bar span { background: linear-gradient(90deg, var(--color-teal), #00D9C6); }\r\n    .tt-result-cell:nth-child(6n+3) .tt-result-bar span { background: linear-gradient(90deg, var(--color-accent), #FF8A5C); }\r\n    .tt-result-cell:nth-child(6n+4) .tt-result-bar span { background: linear-gradient(90deg, var(--color-gold), #FFD166); }\r\n    .tt-result-cell:nth-child(6n+5) .tt-result-bar span { background: linear-gradient(90deg, var(--color-primary), #4B5FE0); }\r\n    .tt-result-cell:nth-child(6n+6) .tt-result-bar span { background: linear-gradient(90deg, var(--color-teal), #00D9C6); }\r\n\r\n    \/* \u2500\u2500 Keyword table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-table-wrap { overflow-x: auto; margin-top: 44px; border: 1px solid var(--color-border); border-radius: 14px; }\r\n    .tt-kw-table { width: 100%; border-collapse: collapse; font-size: 13px; }\r\n    .tt-kw-table thead tr { border-bottom: 2px solid var(--color-primary); }\r\n    .tt-kw-table th { text-align: left; padding: 12px 16px; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--color-muted); white-space: nowrap; background: var(--color-bg-tint); }\r\n    .tt-kw-table td { padding: 13px 16px; border-bottom: 1px solid var(--color-border); color: var(--color-ink); vertical-align: middle; }\r\n    .tt-kw-table tr:last-child td { border-bottom: none; }\r\n    .tt-kw-table tr:hover td { background: var(--color-bg-tint); }\r\n    .tt-kw-table td:first-child { font-weight: 700; color: var(--color-ink); font-family: monospace; font-size: 12.5px; }\r\n\r\n    .tt-diff { font-size: 10px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 3px 10px; border: 1px solid; border-radius: 100px; }\r\n    .tt-diff-low  { color: var(--color-teal-dark); border-color: var(--color-teal); background: #E4F9F7; }\r\n    .tt-diff-med  { color: var(--color-gold-dark); border-color: var(--color-gold); background: #FFF6E2; }\r\n    .tt-diff-high { color: var(--color-accent-dark); border-color: var(--color-accent); background: #FFEFE9; }\r\n\r\n    \/* \u2500\u2500 FAQ Accordion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-faq { margin-top: 52px; }\r\n    .tt-faq-item { border-top: 1px solid var(--color-border); transition: background 0.2s ease; }\r\n    .tt-faq-item:last-child { border-bottom: 1px solid var(--color-border); }\r\n    .tt-faq-item:hover { background: var(--color-bg-tint); }\r\n\r\n    .tt-page .tt-faq-trigger,\r\n    .tt-page .tt-faq-trigger:hover,\r\n    .tt-page .tt-faq-trigger:focus,\r\n    .tt-page .tt-faq-trigger:active,\r\n    .tt-page .tt-faq-trigger:visited,\r\n    .tt-page .tt-faq-trigger:focus-visible {\r\n        all: unset; display: flex; justify-content: space-between; align-items: center; width: 100%;\r\n        padding: 22px 4px; background: transparent !important; background-color: transparent !important;\r\n        border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important;\r\n        cursor: pointer; text-align: left; gap: 20px; font-family: inherit; color: var(--color-ink) !important;\r\n        text-decoration: none !important; transform: none !important; filter: none !important;\r\n    }\r\n\r\n    .tt-page .tt-faq-trigger h3 { font-size: clamp(15px, 2vw, 17px); font-weight: 700; color: var(--color-ink) !important; line-height: 1.4; flex: 1; margin: 0; text-align: left; background: transparent !important; }\r\n\r\n    .tt-faq-icon { width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--color-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s; position: relative; background: transparent; }\r\n    .tt-faq-icon::before, .tt-faq-icon::after { content: ''; position: absolute; background: var(--color-primary); transition: transform 0.25s, opacity 0.25s, background 0.2s; }\r\n    .tt-faq-icon::before { width: 10px; height: 1.5px; }\r\n    .tt-faq-icon::after  { width: 1.5px; height: 10px; }\r\n    .tt-faq-item.is-open .tt-faq-icon { background: var(--color-accent) !important; border-color: var(--color-accent); }\r\n    .tt-faq-item.is-open .tt-faq-icon::before, .tt-faq-item.is-open .tt-faq-icon::after { background: #fff; }\r\n    .tt-faq-item.is-open .tt-faq-icon::after { transform: rotate(90deg); opacity: 0; }\r\n    .tt-faq-body { overflow: hidden; max-height: 0; transition: max-height 0.32s ease; }\r\n    .tt-faq-item.is-open .tt-faq-body { max-height: 600px; }\r\n    .tt-faq-body p { font-size: clamp(14px, 1.8vw, 15.5px); color: var(--color-muted); line-height: 1.75; padding: 0 4px 24px; margin: 0; }\r\n\r\n    \/* \u2500\u2500 Contact Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .tt-contact-sec { padding: 88px 0; }\r\n    .tt-contact-inner { display: grid; grid-template-columns: 1fr 1.5fr; gap: 80px; align-items: start; }\r\n    .tt-contact-info h2 { margin-bottom: 16px; }\r\n    .tt-contact-info > p { font-size: 15px; color: var(--color-muted); line-height: 1.7; margin-bottom: 36px; }\r\n    .tt-info-block { margin-bottom: 24px; }\r\n    .tt-info-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--color-muted); margin-bottom: 6px; }\r\n    .tt-info-value { font-size: 15px; font-weight: 700; color: var(--color-ink); line-height: 1.4; text-decoration: none !important; }\r\n    .tt-info-value a, .tt-info-value a:visited { color: var(--color-ink); text-decoration: none !important; }\r\n    .tt-info-value a:hover { color: var(--color-accent); text-decoration: underline !important; }\r\n\r\n    .tt-form-card { border: 1px solid var(--color-border); border-radius: 20px; padding: 40px; background: linear-gradient(165deg, #ffffff 0%, var(--color-bg-tint) 100%); }\r\n\r\n    \/* \u2500\u2500 CF7 shared form support (the shared form's own markup uses\r\n         .form-grid \/ .form-group \/ .form-group.full-width, not the\r\n         .tt-form-row \/ .tt-form-group naming used elsewhere on this\r\n         page's original design \u2014 styled here to match this page) \u2500\u2500 *\/\r\n    .tt-form-card .form-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 16px !important;\r\n    }\r\n\r\n    .tt-form-card .form-group {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 8px !important;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .tt-form-card .form-group.full-width {\r\n        grid-column: 1 \/ -1 !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .tt-form-card .form-group label {\r\n        display: block;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: var(--color-ink);\r\n        margin-bottom: 7px;\r\n        letter-spacing: 0.2px;\r\n    }\r\n\r\n    .tt-form-card .wpcf7-form-control-wrap {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .tt-form-card .wpcf7-form input[type=\"text\"],\r\n    .tt-form-card .wpcf7-form input[type=\"email\"],\r\n    .tt-form-card .wpcf7-form input[type=\"tel\"],\r\n    .tt-form-card .wpcf7-form input[type=\"url\"],\r\n    .tt-form-card .wpcf7-form select,\r\n    .tt-form-card .wpcf7-form textarea {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 14px;\r\n        color: var(--color-ink);\r\n        background: #fff;\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 10px;\r\n        padding: 12px 14px;\r\n        outline: none;\r\n        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;\r\n        -webkit-appearance: none;\r\n        appearance: none;\r\n    }\r\n\r\n    .tt-form-card .wpcf7-form input::placeholder,\r\n    .tt-form-card .wpcf7-form textarea::placeholder { color: #A8ACC4; }\r\n\r\n    .tt-form-card .wpcf7-form input:focus,\r\n    .tt-form-card .wpcf7-form select:focus,\r\n    .tt-form-card .wpcf7-form textarea:focus {\r\n        border-color: var(--color-primary);\r\n        box-shadow: 0 0 0 4px var(--color-primary-light);\r\n        background-color: #fff;\r\n    }\r\n\r\n    .tt-form-card .wpcf7-form select {\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232A3BB0' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n        background-repeat: no-repeat;\r\n        background-position: right 14px center;\r\n        padding-right: 36px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .tt-form-card .wpcf7-form textarea { min-height: 120px; resize: vertical; }\r\n\r\n    .tt-form-card .wpcf7-not-valid-tip {\r\n        font-size: 0.75rem;\r\n        color: #cc0000;\r\n        font-weight: 600;\r\n        margin-top: 4px;\r\n        display: block;\r\n    }\r\n\r\n    .tt-form-card .wpcf7-response-output {\r\n        margin-top: 18px;\r\n        padding: 14px 18px;\r\n        border-radius: 10px;\r\n        border: 1px solid var(--color-border);\r\n        font-size: 13px;\r\n        color: var(--color-ink);\r\n    }\r\n\r\n    .tt-form-card input.wpcf7-not-valid,\r\n    .tt-form-card select.wpcf7-not-valid,\r\n    .tt-form-card textarea.wpcf7-not-valid {\r\n        border-color: #cc0000 !important;\r\n        background-color: #fff8f8;\r\n    }\r\n\r\n    .tt-form-card input[type=\"submit\"] {\r\n        width: 100% !important;\r\n        padding: 15px 28px !important;\r\n        background: var(--color-accent) !important;\r\n        color: #fff !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        font-size: 13px !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 1.5px !important;\r\n        text-transform: uppercase !important;\r\n        border: 2px solid var(--color-accent) !important;\r\n        border-radius: 12px !important;\r\n        cursor: pointer !important;\r\n        margin-top: 8px;\r\n        box-shadow: 0 8px 20px rgba(255, 90, 54, 0.28) !important;\r\n        transition: background 0.15s, border-color .15s;\r\n    }\r\n\r\n    .tt-form-card input[type=\"submit\"]:hover {\r\n        background: var(--color-accent-dark) !important;\r\n        border-color: var(--color-accent-dark) !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 1024px) {\r\n        .tt-hero-inner    { grid-template-columns: 1fr; gap: 36px; }\r\n        .tt-hero-meta     { flex-direction: row; gap: 0; }\r\n        .tt-hero-stat     { flex: 1; border-top: none; border-left: 1px solid var(--color-border); padding: 0 20px; }\r\n        .tt-hero-stat:first-child { border-left: none; padding-left: 0; }\r\n        .tt-two-col       { grid-template-columns: 1fr; gap: 48px; }\r\n        .tt-sticky        { position: static; }\r\n        .tt-editorial     { grid-template-columns: 1fr; gap: 36px; }\r\n        .tt-content-nav   { display: none; }\r\n        .tt-stats-grid    { grid-template-columns: repeat(2, 1fr); }\r\n        .tt-services-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .tt-results-grid  { grid-template-columns: repeat(2, 1fr); }\r\n        .tt-contact-inner { grid-template-columns: 1fr; gap: 48px; }\r\n        .tt-form-card     { padding: 28px; }\r\n        .tt-section       { padding: 72px 0; }\r\n        .tt-checklist     { grid-template-columns: 1fr; }\r\n        .tt-pricing-grid  { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tt-wrap              { padding: 0 24px; }\r\n        .tt-section           { padding: 60px 0; }\r\n        .tt-contact-sec       { padding: 60px 0; }\r\n        .tt-stats-grid        { grid-template-columns: 1fr 1fr; }\r\n        .tt-services-grid     { grid-template-columns: 1fr; }\r\n        .tt-results-grid      { grid-template-columns: 1fr 1fr; }\r\n        .tt-form-card .form-grid { grid-template-columns: 1fr !important; }\r\n        .tt-form-card .form-group.full-width { grid-column: span 1 !important; }\r\n        .tt-hero-actions      { flex-direction: column; align-items: stretch; }\r\n        .tt-btn               { text-align: center; display: block; justify-content: center; }\r\n        .tt-hero-meta         { flex-direction: column; }\r\n        .tt-hero-stat         { border-left: none; border-top: 1px solid var(--color-border); padding: 14px 0 0; }\r\n        .tt-page .tt-faq-trigger h3 { font-size: 16px; }\r\n        .tt-faq-body p              { font-size: 15px; }\r\n        .tt-body-content h2   { font-size: 1.25rem; }\r\n        .tt-body-content p    { font-size: 15px; }\r\n        .tt-stat-big          { font-size: 2rem; }\r\n        .tt-result-metric     { font-size: 1.8rem; }\r\n        .tt-step              { grid-template-columns: 40px 1fr; gap: 16px; }\r\n        .tt-step-box          { width: 34px; height: 34px; font-size: 10px; }\r\n        .tt-tech-label        { display: none; }\r\n        .tt-brands-slider-wrap { padding: 0 40px; }\r\n        .tt-brand-slide       { width: 140px; height: 88px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .tt-wrap              { padding: 0 20px; }\r\n        .tt-section           { padding: 48px 0; }\r\n        .tt-contact-sec       { padding: 48px 0; }\r\n        .tt-hero              { padding: 48px 0 40px; }\r\n        .tt-hero-badge        { font-size: 10px; padding: 4px 12px; }\r\n        .tt-page .tt-faq-trigger h3 { font-size: 15px; line-height: 1.45; }\r\n        .tt-faq-body p              { font-size: 14px; }\r\n        .tt-page .tt-faq-trigger    { padding: 18px 4px; gap: 12px; }\r\n        .tt-faq-icon                { width: 22px; height: 22px; flex-shrink: 0; }\r\n        .tt-stats-grid        { grid-template-columns: 1fr; }\r\n        .tt-stat-cell         { padding: 22px 20px; }\r\n        .tt-stat-big          { font-size: 1.8rem; }\r\n        .tt-results-grid      { grid-template-columns: 1fr; }\r\n        .tt-result-cell       { padding: 22px 20px; }\r\n        .tt-service-card      { padding: 24px 20px; }\r\n        .tt-step              { grid-template-columns: 36px 1fr; gap: 14px; padding: 22px 0; }\r\n        .tt-form-card         { padding: 20px 16px; }\r\n        .tt-form-card .wpcf7-form input,\r\n        .tt-form-card .wpcf7-form select,\r\n        .tt-form-card .wpcf7-form textarea { font-size: 16px; }\r\n        .tt-kw-table th,\r\n        .tt-kw-table td       { padding: 10px 12px; }\r\n        .tt-kw-table th       { font-size: 9px; }\r\n        .tt-kw-table td       { font-size: 12px; }\r\n        .tt-checklist         { grid-template-columns: 1fr; }\r\n        .tt-pricing-grid      { grid-template-columns: 1fr; }\r\n        .tt-check-item        { padding: 16px; }\r\n        .tt-brands            { padding: 48px 0; }\r\n        .tt-brands-slider-wrap { padding: 0 40px; }\r\n        .tt-brands-nav-btn    { width: 34px; height: 34px; font-size: 1.1rem; }\r\n        .tt-brand-slide       { width: 120px; height: 80px; padding: 10px; }\r\n        .tt-brands-slider     { gap: 14px; }\r\n    }\r\n\r\n    \/* \u2500\u2500 Scroll-reveal animations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @keyframes tt-fade-up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes tt-slide-left { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }\r\n    @keyframes tt-slide-right { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }\r\n    @keyframes tt-number-pop { 0% { transform: scale(1); } 50% { transform: scale(1.06); } 100% { transform: scale(1); } }\r\n\r\n    .tt-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.55s cubic-bezier(0.22,1,0.36,1), transform 0.55s cubic-bezier(0.22,1,0.36,1); }\r\n    .tt-reveal.tt-is-visible { opacity: 1; transform: translateY(0); }\r\n    .tt-reveal-left { opacity: 0; transform: translateX(-24px); transition: opacity 0.55s cubic-bezier(0.22,1,0.36,1), transform 0.55s cubic-bezier(0.22,1,0.36,1); }\r\n    .tt-reveal-left.tt-is-visible { opacity: 1; transform: translateX(0); }\r\n    .tt-reveal-right { opacity: 0; transform: translateX(24px); transition: opacity 0.55s cubic-bezier(0.22,1,0.36,1), transform 0.55s cubic-bezier(0.22,1,0.36,1); }\r\n    .tt-reveal-right.tt-is-visible { opacity: 1; transform: translateX(0); }\r\n    .tt-reveal-scale { opacity: 0; transform: scale(0.94); transition: opacity 0.5s cubic-bezier(0.22,1,0.36,1), transform 0.5s cubic-bezier(0.22,1,0.36,1); }\r\n    .tt-reveal-scale.tt-is-visible { opacity: 1; transform: scale(1); }\r\n\r\n    .tt-stagger > * { opacity: 0; transform: translateY(20px); transition: opacity 0.45s cubic-bezier(0.22,1,0.36,1), transform 0.45s cubic-bezier(0.22,1,0.36,1); }\r\n    .tt-stagger.tt-is-visible > *:nth-child(1) { opacity:1; transform:translateY(0); transition-delay: 0.00s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(2) { opacity:1; transform:translateY(0); transition-delay: 0.07s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(3) { opacity:1; transform:translateY(0); transition-delay: 0.14s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(4) { opacity:1; transform:translateY(0); transition-delay: 0.21s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(5) { opacity:1; transform:translateY(0); transition-delay: 0.28s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(6) { opacity:1; transform:translateY(0); transition-delay: 0.35s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(7) { opacity:1; transform:translateY(0); transition-delay: 0.42s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(8) { opacity:1; transform:translateY(0); transition-delay: 0.49s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(9) { opacity:1; transform:translateY(0); transition-delay: 0.56s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(10) { opacity:1; transform:translateY(0); transition-delay: 0.63s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(11) { opacity:1; transform:translateY(0); transition-delay: 0.70s; }\r\n    .tt-stagger.tt-is-visible > *:nth-child(12) { opacity:1; transform:translateY(0); transition-delay: 0.77s; }\r\n\r\n    .tt-h1 { animation: tt-fade-up 0.65s cubic-bezier(0.22,1,0.36,1) 0.2s both; }\r\n    .tt-hero-inner > div > p { animation: tt-fade-up 0.6s cubic-bezier(0.22,1,0.36,1) 0.35s both; }\r\n    .tt-hero-actions { animation: tt-fade-up 0.6s cubic-bezier(0.22,1,0.36,1) 0.45s both; }\r\n    .tt-hero-meta { animation: tt-slide-right 0.65s cubic-bezier(0.22,1,0.36,1) 0.3s both; }\r\n    .tt-hero-stat-num.tt-counted { animation: tt-number-pop 0.3s ease; }\r\n    .tt-stat-big.tt-counted { animation: tt-number-pop 0.35s ease; }\r\n\r\n    @keyframes tt-btn-pulse {\r\n        0%   { box-shadow: 0 0 0 0 rgba(255,90,54,0.35); }\r\n        70%  { box-shadow: 0 0 0 10px rgba(255,90,54,0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(255,90,54,0); }\r\n    }\r\n    .tt-btn-solid.tt-pulse { animation: tt-btn-pulse 1.2s ease 0.8s 2; }\r\n\r\n    .tt-eyebrow { position: relative; display: inline-flex; }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .tt-reveal, .tt-reveal-left, .tt-reveal-right, .tt-reveal-scale,\r\n        .tt-stagger > *, .tt-h1, .tt-hero-inner > div > p,\r\n        .tt-hero-actions, .tt-hero-meta, .tt-service-card, .tt-step, .tt-point, .tt-faq-item {\r\n            animation: none !important; transition: none !important;\r\n            opacity: 1 !important; transform: none !important;\r\n        }\r\n        .tt-result-bar span { transition: none !important; }\r\n        .tt-hero-badge { animation: tt-badge-entry 0.5s ease 0.1s both !important; }\r\n        .tt-hero-badge::after  { animation: none !important; }\r\n        .tt-hero-badge::before { animation: none !important; box-shadow: none !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"tt-page\" style=\"margin:0;padding:0;\">\r\n\r\n    <section class=\"tt-hero\">\r\n        <div class=\"tt-wrap\">\r\n            <div class=\"tt-hero-inner\">\r\n                <div>\r\n                    <div class=\"tt-hero-badge\">Web Design Agency \u00b7 Singapore<\/div>\r\n                    <h1 class=\"tt-h1\">Web Design Agency in Singapore<\/h1>\r\n                    <p class=\"tt-lead\" style=\"max-width:600px; margin-top:20px;\">\r\n                        Performance-engineered websites built to rank on Google, load in under 2 seconds, and convert visitors into customers. We build websites that function as a revenue asset, not just a digital brochure.\r\n                    <\/p>\r\n                    <div class=\"tt-hero-actions\">\r\n                        <a href=\"#tt-contact\" class=\"tt-btn tt-btn-solid tt-pulse\">Get Your Free Website Audit<\/a>\r\n                        <a href=\"#tt-process\" class=\"tt-btn tt-btn-outline\">Our Build Process<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-hero-meta\">\r\n                    <div class=\"tt-hero-stat\">\r\n                        <span class=\"tt-hero-stat-num\" data-count=\"2.1\" data-suffix=\"s\">&lt;2.1s<\/span>\r\n                        <span class=\"tt-hero-stat-label\">Average page load time across sites we build<\/span>\r\n                    <\/div>\r\n                    <div class=\"tt-hero-stat\">\r\n                        <span class=\"tt-hero-stat-num\" data-count=\"270\" data-suffix=\"%\">270%<\/span>\r\n                        <span class=\"tt-hero-stat-label\">Avg. conversion rate lift vs previous site<\/span>\r\n                    <\/div>\r\n                    <div class=\"tt-hero-stat\">\r\n                        <span class=\"tt-hero-stat-num\" data-count=\"21\">21<\/span>\r\n                        <span class=\"tt-hero-stat-label\">Days average delivery for business websites<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Brands We Work With \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <section class=\"tt-brands\">\r\n        <div class=\"tt-wrap\">\r\n            <div class=\"tt-brands-head\">\r\n                <div>\r\n                    <span class=\"tt-eyebrow\">Trusted By<\/span>\r\n                    <h2 class=\"tt-h2\" style=\"font-size:1.6rem;\">Brands we work with<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tt-brands-slider-wrap\">\r\n                <button class=\"tt-brands-nav-btn tt-brands-prev\" id=\"ttBrandsPrev\" aria-label=\"Previous brand\">&#8249;<\/button>\r\n                <div class=\"tt-brands-slider\" id=\"ttBrandsSlider\">\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/1.webp\" alt=\"TiraTech client logo 1\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/2.webp\" alt=\"TiraTech client logo 2\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/3.webp\" alt=\"TiraTech client logo 3\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/4.webp\" alt=\"TiraTech client logo 4\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/5.webp\" alt=\"TiraTech client logo 5\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/6.webp\" alt=\"TiraTech client logo 6\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/7.webp\" alt=\"TiraTech client logo 7\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/8.webp\" alt=\"TiraTech client logo 8\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/9.webp\" alt=\"TiraTech client logo 9\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/10.webp\" alt=\"TiraTech client logo 10\" loading=\"lazy\"><\/div>\r\n                    <div class=\"tt-brand-slide\"><img decoding=\"async\" src=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/11.webp\" alt=\"TiraTech client logo 11\" loading=\"lazy\"><\/div>\r\n                <\/div>\r\n                <button class=\"tt-brands-nav-btn tt-brands-next\" id=\"ttBrandsNext\" aria-label=\"Next brand\">&#8250;<\/button>\r\n            <\/div>\r\n            <div class=\"tt-brands-dots\" id=\"ttBrandsDots\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"tt-tech-strip\">\r\n        <div class=\"tt-wrap\">\r\n            <div class=\"tt-tech-inner\">\r\n                <span class=\"tt-tech-label\">Built With<\/span>\r\n                <div class=\"tt-tech-list\">\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#21759b\"><\/span><span class=\"tt-tech-name\">WordPress<\/span><\/div>\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#000\"><\/span><span class=\"tt-tech-name\">Next.js<\/span><\/div>\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#06b6d4\"><\/span><span class=\"tt-tech-name\">Tailwind CSS<\/span><\/div>\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#e34c26\"><\/span><span class=\"tt-tech-name\">HTML5 \/ CSS3<\/span><\/div>\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#f7df1e\"><\/span><span class=\"tt-tech-name\">JavaScript<\/span><\/div>\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#8892be\"><\/span><span class=\"tt-tech-name\">PHP<\/span><\/div>\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#ff6c37\"><\/span><span class=\"tt-tech-name\">WooCommerce<\/span><\/div>\r\n                    <div class=\"tt-tech-item\"><span class=\"tt-tech-dot\" style=\"background:#4353ff\"><\/span><span class=\"tt-tech-name\">Figma<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tt-stats-strip\">\r\n        <div class=\"tt-wrap\">\r\n            <div class=\"tt-stats-grid tt-stagger\">\r\n                <div class=\"tt-stat-cell\">\r\n                    <span class=\"tt-stat-big\" data-count=\"94\" data-suffix=\"%\">94%<\/span>\r\n                    <span class=\"tt-stat-desc\">of first impressions of a business are design-related \u2014 your website is your most-judged brand touchpoint.<\/span>\r\n                <\/div>\r\n                <div class=\"tt-stat-cell\">\r\n                    <span class=\"tt-stat-big\" data-count=\"53\" data-suffix=\"%\">53%<\/span>\r\n                    <span class=\"tt-stat-desc\">of Singapore mobile users abandon a site that takes longer than 3 seconds to load \u2014 speed is your highest-ROI optimization.<\/span>\r\n                <\/div>\r\n                <div class=\"tt-stat-cell\">\r\n                    <span class=\"tt-stat-big\" data-count=\"89\" data-suffix=\"%\">89%<\/span>\r\n                    <span class=\"tt-stat-desc\">of consumers switch to a competitor after a poor website experience \u2014 a weak site actively loses you revenue every day.<\/span>\r\n                <\/div>\r\n                <div class=\"tt-stat-cell\">\r\n                    <span class=\"tt-stat-big\" data-count=\"200\" data-suffix=\"%\">200%<\/span>\r\n                    <span class=\"tt-stat-desc\">average increase in qualified leads when an old site is replaced with a properly structured, conversion-optimized website.<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <div class=\"tt-two-col\">\r\n                <div class=\"tt-sticky tt-reveal-left\">\r\n                    <span class=\"tt-eyebrow tt-reveal\">Why It Matters<\/span>\r\n                    <h2 class=\"tt-h2\">Why most business websites fail to generate leads<\/h2>\r\n                    <p style=\"font-size:15px; color:var(--color-muted); line-height:1.7; margin-top:16px;\">A visually attractive website that doesn't rank on Google, loads slowly on mobile, or fails to guide visitors toward a clear action is not a business asset \u2014 it's an expensive online brochure that costs you customers every day.<\/p>\r\n                    <div class=\"tt-callout\">\r\n                        <p>Over <strong>75% of Singapore business websites<\/strong> score below 50 on Google's PageSpeed Insights mobile test \u2014 meaning they actively hurt SEO rankings, conversion rates, and Core Web Vitals simultaneously.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"tt-point tt-reveal\">\r\n                        <span class=\"tt-point-num\">01<\/span>\r\n                        <div>\r\n                            <h3 class=\"tt-h3\">Your website is Google's primary evidence of your credibility<\/h3>\r\n                            <p>Google's E-E-A-T framework evaluates your site's Experience, Expertise, Authoritativeness, and Trustworthiness before ranking it. A slow, poorly structured site with thin content signals low authority \u2014 regardless of how good your business actually is.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tt-point tt-reveal\">\r\n                        <span class=\"tt-point-num\">02<\/span>\r\n                        <div>\r\n                            <h3 class=\"tt-h3\">Mobile-first is not optional in Singapore<\/h3>\r\n                            <p>Over 80% of internet traffic in Singapore comes from mobile devices. Google indexes your mobile site first \u2014 and if it performs poorly on a phone, you lose both rankings and conversions simultaneously. Desktop-first design thinking is a conversion killer.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tt-point tt-reveal\">\r\n                        <span class=\"tt-point-num\">03<\/span>\r\n                        <div>\r\n                            <h3 class=\"tt-h3\">Page speed is a direct Google ranking factor and a revenue lever<\/h3>\r\n                            <p>A one-second improvement in load time increases mobile conversions by an average of 27%. Core Web Vitals are confirmed Google ranking signals. Every second your site takes to load costs you both rank position and conversion rate simultaneously.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tt-point tt-reveal\">\r\n                        <span class=\"tt-point-num\">04<\/span>\r\n                        <div>\r\n                            <h3 class=\"tt-h3\">Structure and information architecture determine conversion, not aesthetics<\/h3>\r\n                            <p>Most businesses chase beautiful design, but conversion is driven by structure \u2014 clear hierarchy, persuasive copy, strategic CTA placement, and frictionless paths to contact. We design for the journey your visitor takes, not just how the homepage looks.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tt-point tt-reveal\">\r\n                        <span class=\"tt-point-num\">05<\/span>\r\n                        <div>\r\n                            <h3 class=\"tt-h3\">An SEO-ready build costs nothing extra \u2014 a retrofit costs everything<\/h3>\r\n                            <p>Building a site with correct URL structure, schema markup, semantic HTML, internal linking, and meta architecture from day one is no more expensive than building it wrong. Fixing poor SEO foundations on an existing site routinely costs more than a complete rebuild.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <span class=\"tt-eyebrow tt-reveal\">What We Build<\/span>\r\n            <h2 class=\"tt-h2\">Website development services<\/h2>\r\n            <p class=\"tt-lead\" style=\"max-width:560px; margin-top:14px;\">From 5-page business sites to complex e-commerce platforms \u2014 every project is designed for performance, built for SEO, and optimized for conversions from the first line of code.<\/p>\r\n\r\n            <div class=\"tt-services-grid tt-stagger\">\r\n                <div class=\"tt-service-card\">\r\n                    <span class=\"tt-svc-num\">01<\/span>\r\n                    <h3 class=\"tt-h3\">Business Website Design & Development<\/h3>\r\n                    <p>Custom-designed 5\u201315 page corporate and SME websites built on WordPress \u2014 fast-loading, mobile-first, SEO-structured from day one, and handed over with full training so you own and manage your content independently.<\/p>\r\n                    <div class=\"tt-tags\"><span class=\"tt-tag\">WordPress<\/span><span class=\"tt-tag\">Mobile-First<\/span><span class=\"tt-tag\">SEO-Ready<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-service-card\">\r\n                    <span class=\"tt-svc-num\">02<\/span>\r\n                    <h3 class=\"tt-h3\">E-Commerce Website Development<\/h3>\r\n                    <p>WooCommerce and custom e-commerce stores built for the Singapore market \u2014 with PayNow and card payment integration, local shipping logic, multilingual product catalogues, and conversion-optimized checkout flows that reduce cart abandonment.<\/p>\r\n                    <div class=\"tt-tags\"><span class=\"tt-tag\">WooCommerce<\/span><span class=\"tt-tag\">PayNow \/ eWallet<\/span><span class=\"tt-tag\">Multi-language<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-service-card\">\r\n                    <span class=\"tt-svc-num\">03<\/span>\r\n                    <h3 class=\"tt-h3\">Landing Page Design & CRO<\/h3>\r\n                    <p>High-converting single-page builds for Google Ads, Meta Ads, and product launches. Every landing page is A\/B testable by design, with structured heat-map-ready layouts, above-the-fold CTAs, and trust signal placement proven to increase lead form fill rates.<\/p>\r\n                    <div class=\"tt-tags\"><span class=\"tt-tag\">CRO<\/span><span class=\"tt-tag\">A\/B Testing<\/span><span class=\"tt-tag\">Lead Gen<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-service-card\">\r\n                    <span class=\"tt-svc-num\">04<\/span>\r\n                    <h3 class=\"tt-h3\">Website Speed & Performance Optimisation<\/h3>\r\n                    <p>Full Core Web Vitals remediation \u2014 image compression, critical CSS inlining, script deferral, server-side caching, CDN setup, and database optimization. We take sites from 30\u219290+ PageSpeed scores without touching their design or content.<\/p>\r\n                    <div class=\"tt-tags\"><span class=\"tt-tag\">Core Web Vitals<\/span><span class=\"tt-tag\">PageSpeed 90+<\/span><span class=\"tt-tag\">CDN Setup<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-service-card\">\r\n                    <span class=\"tt-svc-num\">05<\/span>\r\n                    <h3 class=\"tt-h3\">Website Redesign & Migration<\/h3>\r\n                    <p>Strategic redesigns of existing sites \u2014 preserving all SEO equity, URL structures, and backlink value \u2014 while upgrading design, performance, and conversion architecture. We manage all technical redirects and GSC property transfers to protect your rankings.<\/p>\r\n                    <div class=\"tt-tags\"><span class=\"tt-tag\">SEO Migration<\/span><span class=\"tt-tag\">301 Redirects<\/span><span class=\"tt-tag\">Redesign<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-service-card\">\r\n                    <span class=\"tt-svc-num\">06<\/span>\r\n                    <h3 class=\"tt-h3\">Website Maintenance & Security<\/h3>\r\n                    <p>Monthly maintenance plans covering WordPress core, plugin, and theme updates \u2014 plus uptime monitoring, automated backups, SSL renewal, malware scanning, and a dedicated response SLA for critical issues. Your site stays fast, secure, and up.<\/p>\r\n                    <div class=\"tt-tags\"><span class=\"tt-tag\">Monthly Updates<\/span><span class=\"tt-tag\">SSL<\/span><span class=\"tt-tag\">Backup & Recovery<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <span class=\"tt-eyebrow tt-reveal\">What's Included<\/span>\r\n            <h2 class=\"tt-h2\">Everything in every website we build<\/h2>\r\n            <p class=\"tt-lead\" style=\"max-width:560px; margin-top:14px;\">No upsells. No surprises. These are the foundations that every website we deliver is built on \u2014 regardless of package size.<\/p>\r\n\r\n            <div class=\"tt-checklist tt-stagger\">\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">Mobile-first responsive design across all screen sizes<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">PageSpeed score of 80+ on both mobile and desktop<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">SSL certificate installation and HTTPS enforcement<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">SEO-structured URL architecture and meta setup<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">Schema markup (LocalBusiness, Organization, FAQ)<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">Google Analytics 4 and Search Console integration<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">WhatsApp chat button and enquiry form with email delivery<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">Image optimization and next-gen WebP format conversion<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">XML sitemap and robots.txt configuration<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">Basic on-page SEO for all pages (title tags, H-tags, meta)<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">Domain + hosting setup or migration assistance<\/span><\/div>\r\n                <div class=\"tt-check-item\"><div class=\"tt-check-icon\"><\/div><span class=\"tt-check-text\">30-day post-launch support and bug-fix guarantee<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\" id=\"tt-process\">\r\n        <div class=\"tt-wrap\">\r\n            <span class=\"tt-eyebrow tt-reveal\">Our Build Process<\/span>\r\n            <h2 class=\"tt-h2\">From brief to live in 21 days.<\/h2>\r\n            <p class=\"tt-lead\" style=\"max-width:560px; margin-top:14px;\">A disciplined 5-phase delivery process with clear milestones, client approval gates, and zero scope creep \u2014 so you know exactly what's happening and when your website goes live.<\/p>\r\n\r\n            <div class=\"tt-steps\">\r\n                <div class=\"tt-step tt-reveal\">\r\n                    <div class=\"tt-step-box\">01<\/div>\r\n                    <div>\r\n                        <h3 class=\"tt-h3\">Discovery & Strategy<\/h3>\r\n                        <p>We map your business goals, target audience, competitor landscape, and SEO opportunity set. We define site architecture, page structure, and conversion goals before a single wireframe is drawn \u2014 strategy before aesthetics.<\/p>\r\n                        <span class=\"tt-step-out\">Site Architecture Document + Keyword-to-Page Map<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-step tt-reveal\">\r\n                    <div class=\"tt-step-box\">02<\/div>\r\n                    <div>\r\n                        <h3 class=\"tt-h3\">UX Wireframes & Design<\/h3>\r\n                        <p>High-fidelity wireframes in Figma establish layout, hierarchy, and user flow before visual design begins. Once approved, we apply your brand identity \u2014 typography, colour, photography, and custom graphics \u2014 with conversion-first design principles baked in at every page.<\/p>\r\n                        <span class=\"tt-step-out\">Figma Design File + Client Approval<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-step tt-reveal\">\r\n                    <div class=\"tt-step-box\">03<\/div>\r\n                    <div>\r\n                        <h3 class=\"tt-h3\">Development & SEO Build<\/h3>\r\n                        <p>Clean, semantic code build with all SEO foundations in place \u2014 URL structure, internal linking, schema markup, Core Web Vitals optimization, and GA4 integration \u2014 all implemented during the build, not bolted on afterward. Content is migrated, formatted, and optimised at this stage.<\/p>\r\n                        <span class=\"tt-step-out\">Staging Site + SEO Technical Checklist<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-step tt-reveal\">\r\n                    <div class=\"tt-step-box\">04<\/div>\r\n                    <div>\r\n                        <h3 class=\"tt-h3\">Quality Assurance & Testing<\/h3>\r\n                        <p>Cross-browser testing (Chrome, Safari, Firefox, Edge), device testing across Android and iOS, form and payment flow testing, page speed benchmarking, accessibility audit, and pre-launch SEO checklist review. Nothing goes live until it passes our full QA protocol.<\/p>\r\n                        <span class=\"tt-step-out\">QA Report + PageSpeed Score Confirmation<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-step tt-reveal\">\r\n                    <div class=\"tt-step-box\">05<\/div>\r\n                    <div>\r\n                        <h3 class=\"tt-h3\">Launch & Handover<\/h3>\r\n                        <p>DNS cutover, Search Console and GA4 verification, sitemap submission, redirect implementation (for migrations), and a live monitoring window for 48 hours post-launch. You receive full admin credentials, a CMS training session, and 30 days of included post-launch support.<\/p>\r\n                        <span class=\"tt-step-out\">Live Site + CMS Training + 30-Day Support<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <span class=\"tt-eyebrow tt-reveal\">Pricing<\/span>\r\n            <h2 class=\"tt-h2\">Transparent website investment tiers<\/h2>\r\n            <p class=\"tt-lead\" style=\"max-width:560px; margin-top:14px;\">Fixed-scope pricing so you know exactly what you're getting before you commit. All projects start with a free consultation to ensure the right package for your business.<\/p>\r\n\r\n            <div class=\"tt-pricing-grid tt-stagger\">\r\n                <div class=\"tt-pricing-card\">\r\n                    <span class=\"tt-pricing-label\">Starter<\/span>\r\n                    <div class=\"tt-pricing-name\">Business Website<\/div>\r\n                    <div class=\"tt-pricing-price\">From SGD 1,000<\/div>\r\n                    <div class=\"tt-pricing-note\">One-time project fee<\/div>\r\n                    <ul class=\"tt-pricing-features\">\r\n                        <li>Up to 7 pages<\/li>\r\n                        <li>Mobile-first responsive design<\/li>\r\n                        <li>WordPress CMS with training<\/li>\r\n                        <li>SEO-ready build + GA4 setup<\/li>\r\n                        <li>WhatsApp button + contact form<\/li>\r\n                        <li>1-year hosting setup assistance<\/li>\r\n                        <li>Free Website Maintenance 6 Months<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#tt-contact\" class=\"tt-pricing-cta tt-pricing-cta-outline\">Get Started \u2192<\/a>\r\n                <\/div>\r\n                <div class=\"tt-pricing-card tt-featured\">\r\n                    <span class=\"tt-pricing-label\">Most Popular<\/span>\r\n                    <div class=\"tt-pricing-name\">Growth Website<\/div>\r\n                    <div class=\"tt-pricing-price\">From SGD 2,200<\/div>\r\n                    <div class=\"tt-pricing-note\">One-time project fee<\/div>\r\n                    <ul class=\"tt-pricing-features\">\r\n                        <li>Up to 15 pages + blog<\/li>\r\n                        <li>Custom Figma design system<\/li>\r\n                        <li>Advanced on-page SEO setup<\/li>\r\n                        <li>Landing page for ads<\/li>\r\n                        <li>Lead tracking + CRM integration<\/li>\r\n                        <li>PageSpeed guaranteed<\/li>\r\n                        <li>Free Website Maintenance 6 Months<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#tt-contact\" class=\"tt-pricing-cta tt-pricing-cta-solid\">Get Started \u2192<\/a>\r\n                <\/div>\r\n                <div class=\"tt-pricing-card\">\r\n                    <span class=\"tt-pricing-label\">E-Commerce<\/span>\r\n                    <div class=\"tt-pricing-name\">Online Store<\/div>\r\n                    <div class=\"tt-pricing-price\">From SGD 3,500<\/div>\r\n                    <div class=\"tt-pricing-note\">One-time project fee<\/div>\r\n                    <ul class=\"tt-pricing-features\">\r\n                        <li>WooCommerce store build<\/li>\r\n                        <li>PayNow + e-wallet payment setup<\/li>\r\n                        <li>Product catalogue<\/li>\r\n                        <li>Abandoned cart recovery flow<\/li>\r\n                        <li>Inventory + order management<\/li>\r\n                        <li>Multi-language support (EN + ZH)<\/li>\r\n                        <li>Free Website Maintenance 12 Months<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#tt-contact\" class=\"tt-pricing-cta tt-pricing-cta-outline\">Get Started \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <div class=\"tt-editorial\">\r\n                <nav class=\"tt-content-nav\" aria-label=\"Page sections\">\r\n                    <span class=\"tt-content-nav-label\">On This Page<\/span>\r\n                    <ul>\r\n                        <li><a href=\"#tt-webdev-singapore\">Web Dev in Singapore<\/a><\/li>\r\n                        <li><a href=\"#tt-wordpress\">WordPress vs Custom<\/a><\/li>\r\n                        <li><a href=\"#tt-speed\">Page Speed & Core Web Vitals<\/a><\/li>\r\n                        <li><a href=\"#tt-seo-build\">SEO-Ready Development<\/a><\/li>\r\n                        <li><a href=\"#tt-ecommerce\">E-Commerce in Singapore<\/a><\/li>\r\n                    <\/ul>\r\n                <\/nav>\r\n                <div class=\"tt-body-content tt-reveal\">\r\n                    <h2 id=\"tt-webdev-singapore\">Website Development in Singapore<\/h2>\r\n                    <p>The Singapore web development market has matured rapidly \u2014 but the gap between agencies that build beautiful sites and those that build revenue-generating assets remains wide. A website that doesn't appear on Google's first page for its target keywords, loads slowly on a mobile connection, or lacks clear paths to conversion is costing its owner money every single day it's live.<\/p>\r\n                    <p>We build websites with three non-negotiable outcomes: <strong>it must rank<\/strong> (SEO-ready architecture from line one), <strong>it must load fast<\/strong> (Core Web Vitals compliance on both mobile and desktop), and <strong>it must convert<\/strong> (strategic UX and CTA design informed by how consumers actually make purchase decisions).<\/p>\r\n                    <div class=\"tt-callout\">\r\n                        <p><strong>The most expensive website is the one that doesn't work.<\/strong> A cheap website that generates zero enquiries costs you far more than a professional website that consistently generates qualified leads every week.<\/p>\r\n                    <\/div>\r\n\r\n                    <h2 id=\"tt-wordpress\">WordPress vs Custom Development \u2014 What's Right for Your Business<\/h2>\r\n                    <p>The right platform depends on your business complexity, team capability, and growth trajectory. Here's how we think about the choice:<\/p>\r\n                    <h3>WordPress (recommended for most businesses)<\/h3>\r\n                    <p>WordPress powers 43% of all websites globally and is the right choice for the vast majority of businesses. With the right architecture, it is fast, secure, SEO-capable, and completely manageable by non-technical staff. Its ecosystem of plugins covers almost every business need \u2014 from CRM integration to multilingual support to e-commerce.<\/p>\r\n                    <h3>Headless \/ Next.js (for high-traffic and performance-critical sites)<\/h3>\r\n                    <p>For businesses with very high traffic volumes, complex API integrations, or sub-1-second performance requirements, a headless architecture \u2014 using Next.js as the frontend connected to a WordPress or custom backend \u2014 delivers superior Core Web Vitals scores and developer flexibility at the cost of higher build complexity.<\/p>\r\n                    <h3>WooCommerce (for e-commerce on WordPress)<\/h3>\r\n                    <p>WooCommerce is the most flexible and well-supported e-commerce platform for Singapore businesses \u2014 with native PayNow, Stripe, GrabPay, and PayPal payment gateway support, robust shipping integration, and a development community that ensures long-term support and extensibility.<\/p>\r\n\r\n                    <h2 id=\"tt-speed\">Page Speed and Core Web Vitals in Singapore<\/h2>\r\n                    <p>Google's Core Web Vitals \u2014 Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP) \u2014 are direct ranking signals. Most business websites fail all three. The most common causes in sites we audit are: <strong>unoptimized images<\/strong> (typically 60\u201380% of page weight), render-blocking JavaScript, no browser caching, low-quality shared hosting, and excessive third-party scripts from marketing tools.<\/p>\r\n                    <p>We address all of these at the build level \u2014 so your site doesn't require ongoing performance maintenance to stay fast. Our target is LCP under 2.5 seconds, CLS below 0.1, and INP under 200ms on real mobile connections.<\/p>\r\n\r\n                    <h2 id=\"tt-seo-build\">Why SEO Must Be Built In \u2014 Not Bolted On<\/h2>\r\n                    <p>The decisions that most impact a website's organic search performance are architectural \u2014 URL structure, site hierarchy, internal linking logic, crawl budget allocation, canonical tag strategy, and hreflang implementation for multilingual sites. These are development decisions made before the first page is designed. <strong>Retrofitting SEO architecture onto a finished site<\/strong> that was built without it requires structural changes that can destabilize live rankings and often cost as much as the original build.<\/p>\r\n                    <p>Every site we build follows an SEO-first information architecture: logical URL taxonomy, semantic HTML heading hierarchy, schema markup for relevant entity types, clean internal link structure, and submission-ready XML sitemaps. This is standard practice in our build process, not an additional service.<\/p>\r\n\r\n                    <h2 id=\"tt-ecommerce\">E-Commerce Website Development for the Singapore Market<\/h2>\r\n                    <p>Building an e-commerce store for Singapore requires specific considerations that generic e-commerce platforms don't handle by default. <strong>Payment gateways<\/strong> must include PayNow (direct bank transfer), GrabPay, and major card and eWallet options \u2014 not just international card options alone. <strong>Shipping integrations<\/strong> must support Singapore Post (SingPost), Ninja Van, J&amp;T Express, and DHL for domestic fulfilment. <strong>Language support<\/strong> for Mandarin product descriptions significantly expands your SEO keyword footprint and is increasingly expected by a meaningful segment of Singapore consumers.<\/p>\r\n                    <p>We also implement abandoned cart recovery email sequences, product review systems, and inventory management integrations as standard on all WooCommerce builds \u2014 because the conversion funnel on an e-commerce site extends well beyond the add-to-cart moment.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <span class=\"tt-eyebrow tt-reveal\">Average Client Outcomes<\/span>\r\n            <h2 class=\"tt-h2\">What a performance-built website delivers<\/h2>\r\n            <p class=\"tt-lead\" style=\"max-width:560px; margin-top:14px;\">Measured across websites we've built or rebuilt for businesses across Singapore within 6 months of going live.<\/p>\r\n\r\n            <div class=\"tt-results-grid tt-stagger\">\r\n                <div class=\"tt-result-cell tt-reveal-scale\">\r\n                    <span class=\"tt-result-metric\">+270%<\/span>\r\n                    <span class=\"tt-result-label\">Conversion rate vs client's previous website<\/span>\r\n                    <div class=\"tt-result-bar\"><span data-width=\"82%\" style=\"width:0\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-result-cell tt-reveal-scale\">\r\n                    <span class=\"tt-result-metric\">90+<\/span>\r\n                    <span class=\"tt-result-label\">PageSpeed mobile score \u2014 guaranteed on delivery<\/span>\r\n                    <div class=\"tt-result-bar\"><span data-width=\"90%\" style=\"width:0\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-result-cell tt-reveal-scale\">\r\n                    <span class=\"tt-result-metric\">+185%<\/span>\r\n                    <span class=\"tt-result-label\">Organic search traffic within 6 months of launch<\/span>\r\n                    <div class=\"tt-result-bar\"><span data-width=\"60%\" style=\"width:0\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-result-cell tt-reveal-scale\">\r\n                    <span class=\"tt-result-metric\">\u221262%<\/span>\r\n                    <span class=\"tt-result-label\">Bounce rate reduction vs previous site<\/span>\r\n                    <div class=\"tt-result-bar\"><span data-width=\"74%\" style=\"width:0\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-result-cell tt-reveal-scale\">\r\n                    <span class=\"tt-result-metric\">+340%<\/span>\r\n                    <span class=\"tt-result-label\">Qualified lead volume in first 90 days post-launch<\/span>\r\n                    <div class=\"tt-result-bar\"><span data-width=\"88%\" style=\"width:0\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"tt-result-cell tt-reveal-scale\">\r\n                    <span class=\"tt-result-metric\">21<\/span>\r\n                    <span class=\"tt-result-label\">Average days from brief to live site<\/span>\r\n                    <div class=\"tt-result-bar\"><span data-width=\"50%\" style=\"width:0\"><\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <span class=\"tt-eyebrow tt-reveal\">Keyword Intelligence<\/span>\r\n            <h2 class=\"tt-h2\">How businesses search for web development help<\/h2>\r\n            <p class=\"tt-lead\" style=\"max-width:580px; margin-top:14px;\">High-intent search terms your potential customers use right now. Your full keyword map is developed during your free audit.<\/p>\r\n\r\n            <div class=\"tt-table-wrap tt-reveal\">\r\n                <table class=\"tt-kw-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Keyword<\/th>\r\n                            <th>Monthly Searches<\/th>\r\n                            <th>Search Intent<\/th>\r\n                            <th>Avg. CPC (SGD)<\/th>\r\n                            <th>Competition<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>web design agency singapore<\/td>\r\n                            <td>2,400<\/td><td>Commercial<\/td><td>SGD 7.20<\/td>\r\n                            <td><span class=\"tt-diff tt-diff-high\">High<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>website development company singapore<\/td>\r\n                            <td>3,100<\/td><td>Commercial<\/td><td>SGD 6.10<\/td>\r\n                            <td><span class=\"tt-diff tt-diff-high\">High<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>wordpress website design singapore<\/td>\r\n                            <td>1,600<\/td><td>Commercial<\/td><td>SGD 5.30<\/td>\r\n                            <td><span class=\"tt-diff tt-diff-high\">High<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>ecommerce website singapore<\/td>\r\n                            <td>1,900<\/td><td>Commercial<\/td><td>SGD 8.00<\/td>\r\n                            <td><span class=\"tt-diff tt-diff-med\">Medium<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>web designer price singapore<\/td>\r\n                            <td>1,200<\/td><td>Transactional<\/td><td>SGD 4.60<\/td>\r\n                            <td><span class=\"tt-diff tt-diff-med\">Medium<\/span><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>affordable website design singapore<\/td>\r\n                            <td>880<\/td><td>Transactional<\/td><td>SGD 4.00<\/td>\r\n                            <td><span class=\"tt-diff tt-diff-low\">Low<\/span><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-section\">\r\n        <div class=\"tt-wrap\">\r\n            <span class=\"tt-eyebrow tt-reveal\">FAQ<\/span>\r\n            <h2 class=\"tt-h2\">Questions about website development<\/h2>\r\n\r\n            <div class=\"tt-faq tt-stagger\">\r\n                <div class=\"tt-faq-item is-open\">\r\n                    <button class=\"tt-faq-trigger\" type=\"button\" aria-expanded=\"true\">\r\n                        <h3>How long does it take to build a website?<\/h3>\r\n                        <span class=\"tt-faq-icon\" aria-hidden=\"true\"><\/span>\r\n                    <\/button>\r\n                    <div class=\"tt-faq-body\" role=\"region\">\r\n                        <p>Our standard business website (5\u201310 pages) takes 14\u201321 days from approved design to live. E-commerce stores take 4\u20136 weeks depending on catalogue size and payment gateway complexity. Timeline begins once we have your brand assets, content, and written brief \u2014 a common delay is waiting for client-provided content.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-faq-item\">\r\n                    <button class=\"tt-faq-trigger\" type=\"button\" aria-expanded=\"false\">\r\n                        <h3>How much does a website cost?<\/h3>\r\n                        <span class=\"tt-faq-icon\" aria-hidden=\"true\"><\/span>\r\n                    <\/button>\r\n                    <div class=\"tt-faq-body\" role=\"region\">\r\n                        <p>Business websites start from SGD 1,000 for a standard 5\u20137 page site. Growth-focused sites with landing pages, blog, and SEO setup start from SGD 2,200. E-commerce stores start from SGD 3,500. All prices are fixed-scope with no hidden extras \u2014 what's quoted is what you pay.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-faq-item\">\r\n                    <button class=\"tt-faq-trigger\" type=\"button\" aria-expanded=\"false\">\r\n                        <h3>Will my website be optimized for Google from day one?<\/h3>\r\n                        <span class=\"tt-faq-icon\" aria-hidden=\"true\"><\/span>\r\n                    <\/button>\r\n                    <div class=\"tt-faq-body\" role=\"region\">\r\n                        <p>Yes \u2014 SEO-ready development is standard in every project, not an add-on. This includes correct URL structure, semantic HTML, on-page meta setup, schema markup, XML sitemap, robots.txt, Google Search Console and GA4 integration, and page speed optimization. We build websites that Google can crawl, index, and rank.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-faq-item\">\r\n                    <button class=\"tt-faq-trigger\" type=\"button\" aria-expanded=\"false\">\r\n                        <h3>Do you build websites in multiple languages for Singapore?<\/h3>\r\n                        <span class=\"tt-faq-icon\" aria-hidden=\"true\"><\/span>\r\n                    <\/button>\r\n                    <div class=\"tt-faq-body\" role=\"region\">\r\n                        <p>Yes. We build bilingual English and Mandarin websites with proper hreflang implementation to prevent content duplication penalties. For e-commerce sites, we can also support Malay and Tamil where relevant to your audience. Bilingual sites typically expand your keyword footprint by 60\u201380% and are strongly recommended for any business serving the full market.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-faq-item\">\r\n                    <button class=\"tt-faq-trigger\" type=\"button\" aria-expanded=\"false\">\r\n                        <h3>Can I update the website myself after it's built?<\/h3>\r\n                        <span class=\"tt-faq-icon\" aria-hidden=\"true\"><\/span>\r\n                    <\/button>\r\n                    <div class=\"tt-faq-body\" role=\"region\">\r\n                        <p>Yes. All our WordPress builds are handed over with a CMS training session covering page editing, image uploads, blog publishing, and form management. You have full admin access to your site. Most clients manage their own content updates from day one without needing to contact us.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tt-faq-item\">\r\n                    <button class=\"tt-faq-trigger\" type=\"button\" aria-expanded=\"false\">\r\n                        <h3>Do you provide hosting and domain registration?<\/h3>\r\n                        <span class=\"tt-faq-icon\" aria-hidden=\"true\"><\/span>\r\n                    <\/button>\r\n                    <div class=\"tt-faq-body\" role=\"region\">\r\n                        <p>We assist with domain registration and hosting setup, and can manage both on your behalf or advise you on self-managed options. We recommend and configure hosting that meets our PageSpeed performance requirements \u2014 typically SSD cloud hosting on Cloudflare-integrated servers with Singapore-region data centres for fastest local load times.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"tt-contact-sec\" id=\"tt-contact\">\r\n        <div class=\"tt-wrap\">\r\n            <div class=\"tt-contact-inner\">\r\n\r\n                <div class=\"tt-contact-info tt-reveal-left\">\r\n                    <span class=\"tt-eyebrow tt-reveal\">Contact Us<\/span>\r\n                    <h2 class=\"tt-h2\">Get a free website audit or quote<\/h2>\r\n                    <p>Tell us about your business and your current website situation. We'll audit your existing site \u2014 or scope a new build from scratch \u2014 and give you a clear recommendation and fixed-price quote. No obligation, no hard sell.<\/p>\r\n\r\n                    <div class=\"tt-info-block\">\r\n                        <span class=\"tt-info-label\">Email<\/span>\r\n                        <span class=\"tt-info-value\"><a href=\"mailto:contact@tiratechmarketing.com\">contact@tiratechmarketing.com<\/a><\/span>\r\n                    <\/div>\r\n                    <div class=\"tt-info-block\">\r\n                        <span class=\"tt-info-label\">Phone \/ WhatsApp<\/span>\r\n                        <span class=\"tt-info-value\"><a href=\"https:\/\/wa.me\/601156822590?text=Hi%20Tiratech%2C%20I%27d%20like%20a%20free%20website%20consultation.\">+60 11-5682 2590<\/a><\/span>\r\n                    <\/div>\r\n                    <div class=\"tt-info-block\">\r\n                        <span class=\"tt-info-label\">Business Hours<\/span>\r\n                        <span class=\"tt-info-value\">Mon\u2013Fri: 9:00 AM \u2013 6:00 PM SGT<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tt-form-card tt-reveal-right\">\r\n                    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f20-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"20\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en-sg\/wp-json\/wp\/v2\/pages\/113#wpcf7-f20-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"20\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f20-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"form-grid\">\n\t<div class=\"form-group\">\n\t\t<p><label> First Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"first-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Wei Jie\" value=\"\" type=\"text\" name=\"first-name\" \/><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label> Last Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"last-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tan\" value=\"\" type=\"text\" name=\"last-name\" \/><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label> Email Address<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"you@company.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label> Phone \/ WhatsApp<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"+65 XXXX XXXX\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group full-width\">\n\t\t<p><label> Company Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Your Company Pte Ltd\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group full-width\">\n\t\t<p><label> Service Interested In<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-service\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-service\"><option value=\"\">Select a service...<\/option><option value=\"Web Development\">Web Development<\/option><option value=\"Digital Marketing\">Digital Marketing<\/option><option value=\"SEO\">SEO<\/option><option value=\"Google Ads\">Google Ads<\/option><option value=\"Others\">Others<\/option><\/select><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group full-width\">\n\t\t<p><label> Monthly Budget (SGD)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-budget\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-budget\"><option value=\"\">Select budget range...<\/option><option value=\"Under SGD 800\">Under SGD 800<\/option><option value=\"SGD 800 - SGD 2,000\">SGD 800 - SGD 2,000<\/option><option value=\"SGD 2,000 - SGD 5,000\">SGD 2,000 - SGD 5,000<\/option><option value=\"Above SGD 5,000\">Above SGD 5,000<\/option><\/select><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group full-width\">\n\t\t<p><label> Tell Us About Your Project<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-project\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Briefly describe your business, goals, and what you&#039;d like help with...\" name=\"your-project\"><\/textarea><\/span> <\/label>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"GET FREE Consultation \u2192\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div><script>\r\n(function() {\r\n\r\n    \/\/ \u2500\u2500 FAQ Accordion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    document.querySelectorAll('.tt-faq-trigger').forEach(function(btn) {\r\n        btn.addEventListener('click', function() {\r\n            var item   = this.closest('.tt-faq-item');\r\n            var isOpen = item.classList.contains('is-open');\r\n            document.querySelectorAll('.tt-faq-item').forEach(function(el) {\r\n                el.classList.remove('is-open');\r\n                el.querySelector('.tt-faq-trigger').setAttribute('aria-expanded', 'false');\r\n            });\r\n            if (!isOpen) {\r\n                item.classList.add('is-open');\r\n                this.setAttribute('aria-expanded', 'true');\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ \u2500\u2500 Scroll-triggered reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    (function() {\r\n        var revealEls = document.querySelectorAll(\r\n            '.tt-reveal, .tt-reveal-left, .tt-reveal-right, .tt-reveal-scale, .tt-stagger'\r\n        );\r\n        if (!revealEls.length || !window.IntersectionObserver) {\r\n            revealEls.forEach(function(el) { el.classList.add('tt-is-visible'); });\r\n            return;\r\n        }\r\n        var observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(function(entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('tt-is-visible');\r\n                    if (entry.target.classList.contains('tt-reveal-scale')) {\r\n                        var bar = entry.target.querySelector('[data-width]');\r\n                        if (bar) setTimeout(function() { bar.style.width = bar.getAttribute('data-width'); }, 150);\r\n                    }\r\n                    if (entry.target.classList.contains('tt-stagger')) {\r\n                        entry.target.querySelectorAll('[data-width]').forEach(function(bar, i) {\r\n                            setTimeout(function() { bar.style.width = bar.getAttribute('data-width'); }, 150 + (i * 70));\r\n                        });\r\n                    }\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n        revealEls.forEach(function(el) { observer.observe(el); });\r\n    })();\r\n\r\n    \/\/ \u2500\u2500 Animated number counter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    (function() {\r\n        var counters = document.querySelectorAll('[data-count]');\r\n        if (!counters.length) return;\r\n        function animateCount(el) {\r\n            var target   = parseFloat(el.getAttribute('data-count'));\r\n            var suffix   = el.getAttribute('data-suffix') || '';\r\n            var prefix   = el.getAttribute('data-prefix') || '';\r\n            var duration = 1400;\r\n            var start    = null;\r\n            var isFloat  = (target % 1 !== 0);\r\n            function step(timestamp) {\r\n                if (!start) start = timestamp;\r\n                var progress = Math.min((timestamp - start) \/ duration, 1);\r\n                var eased    = 1 - Math.pow(1 - progress, 3);\r\n                var current  = target * eased;\r\n                el.textContent = prefix + (isFloat ? current.toFixed(1) : Math.round(current)) + suffix;\r\n                if (progress < 1) { requestAnimationFrame(step); }\r\n                else { el.textContent = prefix + target + suffix; el.classList.add('tt-counted'); }\r\n            }\r\n            requestAnimationFrame(step);\r\n        }\r\n        if (!window.IntersectionObserver) { counters.forEach(animateCount); return; }\r\n        var countObserver = new IntersectionObserver(function(entries) {\r\n            entries.forEach(function(entry) {\r\n                if (entry.isIntersecting) { animateCount(entry.target); countObserver.unobserve(entry.target); }\r\n            });\r\n        }, { threshold: 0.5 });\r\n        counters.forEach(function(el) { countObserver.observe(el); });\r\n    })();\r\n\r\n    \/\/ \u2500\u2500 Process step stagger reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    (function() {\r\n        var steps = document.querySelectorAll('.tt-step.tt-reveal');\r\n        if (!steps.length || !window.IntersectionObserver) return;\r\n        var stepObserver = new IntersectionObserver(function(entries) {\r\n            entries.forEach(function(entry) {\r\n                if (entry.isIntersecting) {\r\n                    var delay = Array.prototype.indexOf.call(steps, entry.target) * 80;\r\n                    setTimeout(function() { entry.target.classList.add('tt-is-visible'); }, delay);\r\n                    stepObserver.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1, rootMargin: '0px 0px -20px 0px' });\r\n        steps.forEach(function(el) { stepObserver.observe(el); });\r\n    })();\r\n\r\n    \/\/ \u2500\u2500 Brands slider (auto-slide + dots) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n    (function() {\r\n        var slider  = document.getElementById('ttBrandsSlider');\r\n        var prevBtn = document.getElementById('ttBrandsPrev');\r\n        var nextBtn = document.getElementById('ttBrandsNext');\r\n        var dotsWrap = document.getElementById('ttBrandsDots');\r\n        if (!slider || !prevBtn || !nextBtn || !dotsWrap) return;\r\n\r\n        var AUTO_INTERVAL = 2800;\r\n        var RESUME_DELAY = 4000;\r\n        var autoTimer = null, resumeTimer = null, currentIndex = 0, isSyncingScroll = false;\r\n\r\n        var originalSlides = Array.prototype.slice.call(slider.children);\r\n        var totalOriginal = originalSlides.length;\r\n        originalSlides.forEach(function(slide) { slider.appendChild(slide.cloneNode(true)); });\r\n\r\n        var dots = originalSlides.map(function(_, i) {\r\n            var dot = document.createElement('button');\r\n            dot.className = 'tt-brands-dot' + (i === 0 ? ' active' : '');\r\n            dot.setAttribute('aria-label', 'Go to brand ' + (i + 1));\r\n            dot.addEventListener('click', function() { goToIndex(i); pauseThenResume(); });\r\n            dotsWrap.appendChild(dot);\r\n            return dot;\r\n        });\r\n\r\n        function scrollAmount() {\r\n            var slide = slider.querySelector('.tt-brand-slide');\r\n            if (!slide) return 200;\r\n            var gap = parseInt(window.getComputedStyle(slider).gap) || 18;\r\n            return slide.offsetWidth + gap;\r\n        }\r\n        function halfwayPoint() { return slider.scrollWidth \/ 2; }\r\n        function updateDots() { dots.forEach(function(dot, i) { dot.classList.toggle('active', i === currentIndex); }); }\r\n\r\n        function goToIndex(i) {\r\n            currentIndex = ((i % totalOriginal) + totalOriginal) % totalOriginal;\r\n            isSyncingScroll = true;\r\n            slider.scrollTo({ left: currentIndex * scrollAmount(), behavior: 'smooth' });\r\n            updateDots();\r\n            setTimeout(function() { isSyncingScroll = false; }, 400);\r\n        }\r\n\r\n        function stepForward() {\r\n            var amount = scrollAmount();\r\n            if (slider.scrollLeft + amount >= halfwayPoint()) {\r\n                isSyncingScroll = true;\r\n                slider.scrollTo({ left: 0, behavior: 'smooth' });\r\n                currentIndex = 0;\r\n                setTimeout(function() { isSyncingScroll = false; }, 400);\r\n            } else {\r\n                slider.scrollBy({ left: amount, behavior: 'smooth' });\r\n                currentIndex = (currentIndex + 1) % totalOriginal;\r\n            }\r\n            updateDots();\r\n        }\r\n\r\n        function stepBackward() {\r\n            var amount = scrollAmount();\r\n            if (slider.scrollLeft - amount <= 0) {\r\n                isSyncingScroll = true;\r\n                slider.scrollTo({ left: halfwayPoint(), behavior: 'smooth' });\r\n                currentIndex = totalOriginal - 1;\r\n                setTimeout(function() { isSyncingScroll = false; }, 400);\r\n            } else {\r\n                slider.scrollBy({ left: -amount, behavior: 'smooth' });\r\n                currentIndex = (currentIndex - 1 + totalOriginal) % totalOriginal;\r\n            }\r\n            updateDots();\r\n        }\r\n\r\n        function startAuto() { stopAuto(); autoTimer = setInterval(stepForward, AUTO_INTERVAL); }\r\n        function stopAuto() { if (autoTimer) { clearInterval(autoTimer); autoTimer = null; } }\r\n        function pauseThenResume() { stopAuto(); clearTimeout(resumeTimer); resumeTimer = setTimeout(startAuto, RESUME_DELAY); }\r\n\r\n        prevBtn.addEventListener('click', function() { stepBackward(); pauseThenResume(); });\r\n        nextBtn.addEventListener('click', function() { stepForward(); pauseThenResume(); });\r\n        slider.addEventListener('mouseenter', stopAuto);\r\n        slider.addEventListener('mouseleave', startAuto);\r\n        slider.addEventListener('touchstart', function() { stopAuto(); }, { passive: true });\r\n        slider.addEventListener('touchend', pauseThenResume, { passive: true });\r\n\r\n        var scrollSyncTimer = null;\r\n        slider.addEventListener('scroll', function() {\r\n            if (isSyncingScroll) return;\r\n            clearTimeout(scrollSyncTimer);\r\n            scrollSyncTimer = setTimeout(function() {\r\n                var amount = scrollAmount();\r\n                var idx = Math.round(slider.scrollLeft \/ amount) % totalOriginal;\r\n                currentIndex = idx;\r\n                updateDots();\r\n            }, 120);\r\n        });\r\n\r\n        startAuto();\r\n    })();\r\n\r\n})();\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"How long does it take to build a website?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Standard business websites (5\u201310 pages) take 14\u201321 days from approved design to live. E-commerce stores take 4\u20136 weeks depending on catalogue size and payment gateway complexity.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"How much does a website cost?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Business websites start from SGD 1,000. Growth-focused sites start from SGD 2,200. E-commerce stores start from SGD 3,500. All prices are fixed-scope with no hidden extras.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Will my website be optimized for Google from day one?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes \u2014 SEO-ready development is standard in every project. This includes correct URL structure, semantic HTML, on-page meta setup, schema markup, XML sitemap, and GA4 integration.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"ProfessionalService\",\r\n  \"name\": \"TiraTech Marketing\",\r\n  \"description\": \"Web Design Agency in Singapore \u2014 performance-engineered websites, WordPress development, WooCommerce e-commerce, and Core Web Vitals optimization.\",\r\n  \"url\": \"https:\/\/tiratechmarketing.com\",\r\n  \"telephone\": \"+601156822590\",\r\n  \"email\": \"contact@tiratechmarketing.com\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"addressCountry\": \"SG\"\r\n  },\r\n  \"areaServed\": \"Singapore\",\r\n  \"openingHours\": \"Mo-Fr 09:00-18:00\"\r\n}\r\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Design Agency \u00b7 Singapore Web Design Agency in Singapore Performance-engineered websites built to rank on Google, load in under 2 seconds, and convert visitors into customers. We build websites that function as a revenue asset, not just a digital brochure. Get Your Free Website Audit Our Build Process &lt;2.1s Average page load time across [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-113","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Website Development Singapore | TiraTech Marketing<\/title>\n<meta name=\"description\" content=\"Get a fast, secure, and custom-built website for your business. TiraTech Marketing offers premium web development services tailored for Singapore.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Development Singapore | TiraTech Marketing\" \/>\n<meta property=\"og:description\" content=\"Get a fast, secure, and custom-built website for your business. TiraTech Marketing offers premium web development services tailored for Singapore.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/\" \/>\n<meta property=\"og:site_name\" content=\"TiraTech Marketing\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-17T01:02:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/\",\"url\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/\",\"name\":\"Website Development Singapore | TiraTech Marketing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/1.webp\",\"datePublished\":\"2026-09-17T00:37:55+00:00\",\"dateModified\":\"2026-09-17T01:02:18+00:00\",\"description\":\"Get a fast, secure, and custom-built website for your business. TiraTech Marketing offers premium web development services tailored for Singapore.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/1.webp\",\"contentUrl\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/1.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/website-development\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/#website\",\"url\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/\",\"name\":\"TiraTech Marketing\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/#organization\",\"name\":\"TiraTech Marketing\",\"url\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2026\\\/09\\\/logo-tira-tech-2.png\",\"contentUrl\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2026\\\/09\\\/logo-tira-tech-2.png\",\"width\":118,\"height\":32,\"caption\":\"TiraTech Marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tiratechmarketing.com\\\/en-sg\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Development Singapore | TiraTech Marketing","description":"Get a fast, secure, and custom-built website for your business. TiraTech Marketing offers premium web development services tailored for Singapore.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/","og_locale":"en_US","og_type":"article","og_title":"Website Development Singapore | TiraTech Marketing","og_description":"Get a fast, secure, and custom-built website for your business. TiraTech Marketing offers premium web development services tailored for Singapore.","og_url":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/","og_site_name":"TiraTech Marketing","article_modified_time":"2026-09-17T01:02:18+00:00","og_image":[{"url":"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/","url":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/","name":"Website Development Singapore | TiraTech Marketing","isPartOf":{"@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/#primaryimage"},"image":{"@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/1.webp","datePublished":"2026-09-17T00:37:55+00:00","dateModified":"2026-09-17T01:02:18+00:00","description":"Get a fast, secure, and custom-built website for your business. TiraTech Marketing offers premium web development services tailored for Singapore.","breadcrumb":{"@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/#primaryimage","url":"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/1.webp","contentUrl":"https:\/\/www.tiratechmarketing.com\/wp-content\/uploads\/2026\/07\/1.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/website-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tiratechmarketing.com\/en-sg\/"},{"@type":"ListItem","position":2,"name":"Website Development"}]},{"@type":"WebSite","@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/#website","url":"https:\/\/www.tiratechmarketing.com\/en-sg\/","name":"TiraTech Marketing","description":"","publisher":{"@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tiratechmarketing.com\/en-sg\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/#organization","name":"TiraTech Marketing","url":"https:\/\/www.tiratechmarketing.com\/en-sg\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/#\/schema\/logo\/image\/","url":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-content\/uploads\/sites\/2\/2026\/09\/logo-tira-tech-2.png","contentUrl":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-content\/uploads\/sites\/2\/2026\/09\/logo-tira-tech-2.png","width":118,"height":32,"caption":"TiraTech Marketing"},"image":{"@id":"https:\/\/www.tiratechmarketing.com\/en-sg\/#\/schema\/logo\/image\/"}}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":4,"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/pages\/113\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/www.tiratechmarketing.com\/en-sg\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}