{"id":280171,"date":"2026-01-30T03:39:22","date_gmt":"2026-01-30T03:39:22","guid":{"rendered":"https:\/\/ctstechnologies.com.my\/website-design-development\/?page_id=280171"},"modified":"2026-08-25T09:54:45","modified_gmt":"2026-08-25T09:54:45","slug":"home","status":"publish","type":"page","link":"https:\/\/ctstechnologies.com.my\/website-design-development\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0a0a0a&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cts-hero\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-background-ambience\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-grid-overlay\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-content-wrapper\"><!-- [et_pb_line_break_holder] -->    <span class=\"cts-label-accent\">TRANSFORMING DIGITAL PRESENCE<\/span><!-- [et_pb_line_break_holder] -->    <\/p>\n<h1>Blending <span class=\"cts-text-highlight\">Cutting-Edge Tech<\/span> with Human Design.<\/h1>\n<p><!-- [et_pb_line_break_holder] -->    <pee class=\"hero-body\">We build immersive digital experiences that turn brands into industry leaders. Welcome to the future of your digital footprint.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-btn-group\"><!-- [et_pb_line_break_holder] -->      <a href=\"\/services\" class=\"cts-button-primary\">View Our Services<\/a><!-- [et_pb_line_break_holder] -->      <a href=\"#contact-anchor\" class=\"cts-button-secondary\">Get in Touch<\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  .cts-hero {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    padding: 80px 5%; <!-- [et_pb_line_break_holder] -->    background: #0a0a0a; <!-- [et_pb_line_break_holder] -->    color: #ffffff;<!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* --- AMBIENT ELEMENTS (STAYING BLUE) --- *\/<!-- [et_pb_line_break_holder] -->  .cts-background-ambience {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    top: 0; left: 0; width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->    background: radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.1) 0%, transparent 80%);<!-- [et_pb_line_break_holder] -->    animation: bluePulseOnly 10s ease-in-out infinite alternate;<!-- [et_pb_line_break_holder] -->    z-index: 1;<!-- [et_pb_line_break_holder] -->    pointer-events: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-grid-overlay { <!-- [et_pb_line_break_holder] -->    position: absolute; <!-- [et_pb_line_break_holder] -->    top: 0; left: 0; width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->    background: linear-gradient(rgba(56, 189, 248, 0.03) 1px, transparent 1px),<!-- [et_pb_line_break_holder] -->                linear-gradient(90deg, rgba(56, 189, 248, 0.03) 1px, transparent 1px);<!-- [et_pb_line_break_holder] -->    background-size: 50px 50px;<!-- [et_pb_line_break_holder] -->    z-index: 2; <!-- [et_pb_line_break_holder] -->    pointer-events: none;<!-- [et_pb_line_break_holder] -->    animation: scrollingGrid 20s linear infinite;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-content-wrapper { <!-- [et_pb_line_break_holder] -->    position: relative; <!-- [et_pb_line_break_holder] -->    z-index: 10; <!-- [et_pb_line_break_holder] -->    max-width: 900px; <!-- [et_pb_line_break_holder] -->    margin: 0 auto; <!-- [et_pb_line_break_holder] -->    animation: slideFadeIn 1s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* --- ORANGE ELEMENTS (ELECTRIC ORANGE #ff8c00) --- *\/<!-- [et_pb_line_break_holder] -->  .cts-label-accent { <!-- [et_pb_line_break_holder] -->    font-size: 13px; <!-- [et_pb_line_break_holder] -->    letter-spacing: 3px; <!-- [et_pb_line_break_holder] -->    color: #ff8c00 !important; <!-- [et_pb_line_break_holder] -->    font-weight: 700; <!-- [et_pb_line_break_holder] -->    display: block; <!-- [et_pb_line_break_holder] -->    margin-bottom: 12px; <!-- [et_pb_line_break_holder] -->    text-transform: uppercase; <!-- [et_pb_line_break_holder] -->    animation: expandText 1.5s ease-out;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-text-highlight { <!-- [et_pb_line_break_holder] -->    color: #ff8c00 !important; <!-- [et_pb_line_break_holder] -->    text-shadow: 0 0 15px rgba(255, 140, 0, 0.5); <!-- [et_pb_line_break_holder] -->    animation: orangeGlowAnim 3s infinite alternate;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-button-primary { <!-- [et_pb_line_break_holder] -->    background: #ff8c00 !important; <!-- [et_pb_line_break_holder] -->    color: #000; <!-- [et_pb_line_break_holder] -->    padding: 14px 30px; <!-- [et_pb_line_break_holder] -->    border-radius: 50px; <!-- [et_pb_line_break_holder] -->    font-weight: 700; <!-- [et_pb_line_break_holder] -->    text-decoration: none; <!-- [et_pb_line_break_holder] -->    transition: 0.3s; <!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-hero h1 { <!-- [et_pb_line_break_holder] -->    font-size: clamp(2.2rem, 5vw, 4rem); <!-- [et_pb_line_break_holder] -->    line-height: 1.1; font-weight: 800; margin-bottom: 20px; color: #ffffff; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .hero-body { <!-- [et_pb_line_break_holder] -->    font-size: 1.15rem; color: #ffffff; margin-bottom: 30px; <!-- [et_pb_line_break_holder] -->    line-height: 1.5; opacity: 0.95; max-width: 700px; margin-inline: auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-btn-group { display: flex; gap: 15px; justify-content: center; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-button-secondary { <!-- [et_pb_line_break_holder] -->    border: 2px solid #ffffff; color: #ffffff; padding: 14px 30px; <!-- [et_pb_line_break_holder] -->    border-radius: 50px; text-decoration: none; font-weight: 600; transition: 0.3s; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-button-primary:hover { <!-- [et_pb_line_break_holder] -->    background: #ffffff; <!-- [et_pb_line_break_holder] -->    transform: translateY(-2px); <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* --- ANIMATIONS --- *\/<!-- [et_pb_line_break_holder] -->  @keyframes orangeGlowAnim {<!-- [et_pb_line_break_holder] -->    from { text-shadow: 0 0 10px rgba(255, 140, 0, 0.3); }<!-- [et_pb_line_break_holder] -->    to { text-shadow: 0 0 25px rgba(255, 140, 0, 0.7); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes expandText {<!-- [et_pb_line_break_holder] -->    from { letter-spacing: -2px; opacity: 0; }<!-- [et_pb_line_break_holder] -->    to { letter-spacing: 3px; opacity: 1; }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes slideFadeIn {<!-- [et_pb_line_break_holder] -->    from { opacity: 0; transform: translateY(30px); }<!-- [et_pb_line_break_holder] -->    to { opacity: 1; transform: translateY(0); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes bluePulseOnly {<!-- [et_pb_line_break_holder] -->    from { opacity: 0.3; transform: scale(0.9); }<!-- [et_pb_line_break_holder] -->    to { opacity: 0.6; transform: scale(1.1); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes scrollingGrid {<!-- [et_pb_line_break_holder] -->    from { background-position: 0 0; }<!-- [et_pb_line_break_holder] -->    to { background-position: 0 50px; }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cts-light-section\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-light-intro\"><!-- [et_pb_line_break_holder] -->    <span class=\"cts-light-badge\">CORE PROMISE<\/span><!-- [et_pb_line_break_holder] -->    <\/p>\n<h2>Transform Your Digital Presence<\/h2>\n<p><!-- [et_pb_line_break_holder] -->    <pee>We build immersive digital experiences for brands, bridging the gap between high-end design and technical infrastructure.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-light-grid\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-l-card\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-l-icon\"><!-- [et_pb_line_break_holder] -->        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8c00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>Web Development<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee>Next-gen web solutions designed to scale and grow businesses in an ever-evolving market.<\/pee><!-- [et_pb_line_break_holder] -->      <a href=\"\/services\" class=\"cts-l-link\">View Our Services<\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-l-card l-active\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-l-icon\"><!-- [et_pb_line_break_holder] -->        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8c00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>Digital Strategy<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee>Data-driven SEO and digital marketing strategies engineered for visibility and ROI.<\/pee><!-- [et_pb_line_break_holder] -->      <a href=\"\/services\" class=\"cts-l-link\">View Our Services<\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-l-card\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-l-icon\"><!-- [et_pb_line_break_holder] -->        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff8c00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>Apps &#038; Software<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee>Bespoke mobile and desktop solutions that streamline operations and enhance engagement.<\/pee><!-- [et_pb_line_break_holder] -->      <a href=\"https:\/\/ctstechnologies.com.my\/\" target=\"_blank\" class=\"cts-l-link\">View Our Services<\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  .cts-light-section {<!-- [et_pb_line_break_holder] -->    padding: 80px 5%;<!-- [et_pb_line_break_holder] -->    background: #09090b; \/* Dark theme background *\/<!-- [et_pb_line_break_holder] -->    color: #d1d5db;<!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-light-intro { <!-- [et_pb_line_break_holder] -->    text-align: center; <!-- [et_pb_line_break_holder] -->    max-width: 800px; <!-- [et_pb_line_break_holder] -->    margin: 0 auto 60px; <!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    animation: ctsFadeUp 0.8s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-light-badge { <!-- [et_pb_line_break_holder] -->    color: #ff8c00; <!-- [et_pb_line_break_holder] -->    font-weight: 800; <!-- [et_pb_line_break_holder] -->    letter-spacing: 2px; <!-- [et_pb_line_break_holder] -->    font-size: 11px; <!-- [et_pb_line_break_holder] -->    text-transform: uppercase; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-light-intro h2 { <!-- [et_pb_line_break_holder] -->    font-size: clamp(1.8rem, 4vw, 2.8rem); <!-- [et_pb_line_break_holder] -->    font-weight: 800; <!-- [et_pb_line_break_holder] -->    margin: 10px 0; <!-- [et_pb_line_break_holder] -->    color: #ffffff; \/* White for dark theme *\/<!-- [et_pb_line_break_holder] -->    letter-spacing: -1px; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-light-intro p { <!-- [et_pb_line_break_holder] -->    font-size: 1.1rem; <!-- [et_pb_line_break_holder] -->    color: #9ca3af; \/* Light gray for dark theme *\/<!-- [et_pb_line_break_holder] -->    line-height: 1.5; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-light-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));<!-- [et_pb_line_break_holder] -->    gap: 25px;<!-- [et_pb_line_break_holder] -->    max-width: 1200px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-l-card {<!-- [et_pb_line_break_holder] -->    padding: 40px 30px;<!-- [et_pb_line_break_holder] -->    background: rgba(255, 255, 255, 0.02); \/* Subtle dark card bg *\/<!-- [et_pb_line_break_holder] -->    border-radius: 24px;<!-- [et_pb_line_break_holder] -->    border: 1px solid rgba(255, 255, 255, 0.06); \/* Subtle dark border *\/<!-- [et_pb_line_break_holder] -->    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(20px);<!-- [et_pb_line_break_holder] -->    animation: ctsFadeUp 0.8s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-l-card:nth-child(1) { animation-delay: 0.2s; }<!-- [et_pb_line_break_holder] -->  .cts-l-card:nth-child(2) { animation-delay: 0.4s; }<!-- [et_pb_line_break_holder] -->  .cts-l-card:nth-child(3) { animation-delay: 0.6s; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .l-active { <!-- [et_pb_line_break_holder] -->    border-color: rgba(255, 140, 0, 0.4); <!-- [et_pb_line_break_holder] -->    background: rgba(255, 140, 0, 0.05); \/* Subtle orange tint for active state *\/<!-- [et_pb_line_break_holder] -->    box-shadow: 0 15px 30px rgba(255, 140, 0, 0.1); <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .l-active .cts-l-icon svg {<!-- [et_pb_line_break_holder] -->    animation: ctsIconFloat 3s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-l-icon { <!-- [et_pb_line_break_holder] -->    width: 44px; <!-- [et_pb_line_break_holder] -->    height: 44px; <!-- [et_pb_line_break_holder] -->    margin-bottom: 25px; <!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-l-card h3 { <!-- [et_pb_line_break_holder] -->    font-size: 1.4rem; <!-- [et_pb_line_break_holder] -->    font-weight: 700; <!-- [et_pb_line_break_holder] -->    margin-bottom: 12px; <!-- [et_pb_line_break_holder] -->    color: #ffffff; \/* White heading *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-l-card p { <!-- [et_pb_line_break_holder] -->    font-size: 0.95rem; <!-- [et_pb_line_break_holder] -->    color: #9ca3af; \/* Light gray text *\/<!-- [et_pb_line_break_holder] -->    line-height: 1.6; <!-- [et_pb_line_break_holder] -->    margin-bottom: 25px; <!-- [et_pb_line_break_holder] -->    flex-grow: 1; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-l-link {<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->    color: #ff8c00;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    font-size: 0.95rem;<!-- [et_pb_line_break_holder] -->    padding-bottom: 3px;<!-- [et_pb_line_break_holder] -->    border-bottom: 2px solid rgba(255, 140, 0, 0.2);<!-- [et_pb_line_break_holder] -->    transition: 0.3s;<!-- [et_pb_line_break_holder] -->    align-self: flex-start;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Hover Effects with Orange accents adapted for dark mode *\/<!-- [et_pb_line_break_holder] -->  .cts-l-card:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-8px);<!-- [et_pb_line_break_holder] -->    border-color: rgba(255, 140, 0, 0.5);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 20px 40px rgba(255, 140, 0, 0.1);<!-- [et_pb_line_break_holder] -->    background: rgba(255, 255, 255, 0.04); \/* Slightly lighter on hover, but still dark *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-l-card:hover .cts-l-icon {<!-- [et_pb_line_break_holder] -->    transform: scale(1.1) rotate(5deg);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-l-card:hover .cts-l-link {<!-- [et_pb_line_break_holder] -->    border-bottom-color: #ff8c00;<!-- [et_pb_line_break_holder] -->    padding-right: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes ctsFadeUp {<!-- [et_pb_line_break_holder] -->    to {<!-- [et_pb_line_break_holder] -->      opacity: 1;<!-- [et_pb_line_break_holder] -->      transform: translateY(0);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes ctsIconFloat {<!-- [et_pb_line_break_holder] -->    0%, 100% { transform: translateY(0); }<!-- [et_pb_line_break_holder] -->    50% { transform: translateY(-6px); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .cts-light-intro h2 { font-size: 2rem; }<!-- [et_pb_line_break_holder] -->    .cts-l-card { padding: 30px 25px; }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"expertise-container\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"expertise-header\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Our Expertise<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee class=\"exp-sub\">Comprehensive solutions engineered for performance.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"expertise-list\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"exp-item\"><span>01<\/span> Web Design &#038; Dev<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"exp-item\"><span>02<\/span> SEO &#038; Marketing<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"exp-item\"><span>03<\/span> Video Production<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"exp-item\"><span>04<\/span> Apps &#038; Software<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"exp-item\"><span>05<\/span> E-commerce<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"exp-item\"><span>06<\/span> Digital Strategy<\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  .expertise-container { <!-- [et_pb_line_break_holder] -->    display: flex; <!-- [et_pb_line_break_holder] -->    background: #0f172a; <!-- [et_pb_line_break_holder] -->    color: #ffffff; <!-- [et_pb_line_break_holder] -->    padding: 80px 5%; <!-- [et_pb_line_break_holder] -->    align-items: center; <!-- [et_pb_line_break_holder] -->    flex-wrap: wrap; <!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->    overflow: hidden; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .expertise-header { <!-- [et_pb_line_break_holder] -->    flex: 1; <!-- [et_pb_line_break_holder] -->    min-width: 300px; <!-- [et_pb_line_break_holder] -->    padding-right: 40px; <!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateX(-30px);<!-- [et_pb_line_break_holder] -->    animation: expFadeIn 0.8s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .expertise-header h3 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 10px; color: #ffffff; }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Changed Sub-header to Orange *\/<!-- [et_pb_line_break_holder] -->  .exp-sub { font-size: 1.1rem; color: #ff8c00; font-weight: 600; opacity: 1; }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .expertise-list { <!-- [et_pb_line_break_holder] -->    flex: 1.5; <!-- [et_pb_line_break_holder] -->    display: grid; <!-- [et_pb_line_break_holder] -->    grid-template-columns: 1fr 1fr; <!-- [et_pb_line_break_holder] -->    gap: 10px; <!-- [et_pb_line_break_holder] -->    min-width: 300px; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .exp-item { <!-- [et_pb_line_break_holder] -->    padding: 22px; <!-- [et_pb_line_break_holder] -->    \/* Subtle Orange Border *\/<!-- [et_pb_line_break_holder] -->    border-bottom: 1px solid rgba(255, 140, 0, 0.2); <!-- [et_pb_line_break_holder] -->    font-size: 1.1rem; <!-- [et_pb_line_break_holder] -->    font-weight: 700; <!-- [et_pb_line_break_holder] -->    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); <!-- [et_pb_line_break_holder] -->    color: #ffffff; <!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateX(50px);<!-- [et_pb_line_break_holder] -->    animation: expSlideIn 0.6s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Staggered Delay for List Items *\/<!-- [et_pb_line_break_holder] -->  .exp-item:nth-child(1) { animation-delay: 0.1s; }<!-- [et_pb_line_break_holder] -->  .exp-item:nth-child(2) { animation-delay: 0.2s; }<!-- [et_pb_line_break_holder] -->  .exp-item:nth-child(3) { animation-delay: 0.3s; }<!-- [et_pb_line_break_holder] -->  .exp-item:nth-child(4) { animation-delay: 0.4s; }<!-- [et_pb_line_break_holder] -->  .exp-item:nth-child(5) { animation-delay: 0.5s; }<!-- [et_pb_line_break_holder] -->  .exp-item:nth-child(6) { animation-delay: 0.6s; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Number styling changed to Orange *\/<!-- [et_pb_line_break_holder] -->  .exp-item span { <!-- [et_pb_line_break_holder] -->    color: #ff8c00; <!-- [et_pb_line_break_holder] -->    margin-right: 12px; <!-- [et_pb_line_break_holder] -->    font-family: 'JetBrains Mono', monospace; <!-- [et_pb_line_break_holder] -->    font-size: 0.9rem; <!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Hover Effects updated to Orange *\/<!-- [et_pb_line_break_holder] -->  .exp-item:hover { <!-- [et_pb_line_break_holder] -->    background: rgba(255, 140, 0, 0.08); <!-- [et_pb_line_break_holder] -->    border-bottom: 1px solid #ff8c00; <!-- [et_pb_line_break_holder] -->    padding-left: 35px; <!-- [et_pb_line_break_holder] -->    color: #ff8c00;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .exp-item:hover span {<!-- [et_pb_line_break_holder] -->    transform: scale(1.2);<!-- [et_pb_line_break_holder] -->    text-shadow: 0 0 10px rgba(255, 140, 0, 0.5);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @keyframes expFadeIn {<!-- [et_pb_line_break_holder] -->    to { opacity: 1; transform: translateX(0); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes expSlideIn {<!-- [et_pb_line_break_holder] -->    to { opacity: 1; transform: translateX(0); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media (max-width: 768px) { <!-- [et_pb_line_break_holder] -->    .expertise-list { grid-template-columns: 1fr; } <!-- [et_pb_line_break_holder] -->    .expertise-header { padding-right: 0; margin-bottom: 40px; text-align: center; transform: translateY(-20px); } <!-- [et_pb_line_break_holder] -->    .expertise-container { padding: 60px 5%; }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cts-team-light\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-team-header\"><!-- [et_pb_line_break_holder] -->    <span class=\"cts-badge\">THE MINDS BEHIND THE MAGIC<\/span><!-- [et_pb_line_break_holder] -->    <\/p>\n<h2>Meet Our <span class=\"blue-text\">Leadership<\/span><\/h2>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Bridging the gap between technical complexity and creative excellence.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-team-grid\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-member-card\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-member-info\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h3>Evelyn Chew<\/h3>\n<p><!-- [et_pb_line_break_holder] -->        <span class=\"cts-role\">Digital Community Manager &#038; Co-Founder<\/span><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cts-divider\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Leading the charge in building meaningful digital connections and engagement strategies.<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-member-card highlight-card\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-member-info\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h3>David Cheng<\/h3>\n<p><!-- [et_pb_line_break_holder] -->        <span class=\"cts-role\">Technical Lead &#038; Co-Founder<\/span><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cts-divider\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Mastermind of architecture, turning complex code into seamless user experiences.<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-member-card\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-member-info\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h3>Vincent Loo<\/h3>\n<p><!-- [et_pb_line_break_holder] -->        <span class=\"cts-role\">Sales &#038; Marketing Manager<\/span><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cts-divider\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Strategic growth expert focused on maximizing ROI and scaling brand visibility.<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-team-footer\"><!-- [et_pb_line_break_holder] -->    <a href=\"\/about\" class=\"cts-team-btn\">Read More About Us<\/a><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  .cts-team-light {<!-- [et_pb_line_break_holder] -->    padding: 60px 5%;<!-- [et_pb_line_break_holder] -->    background: #09090b; \/* Dark theme background *\/<!-- [et_pb_line_break_holder] -->    color: #d1d5db;<!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Header Animation *\/<!-- [et_pb_line_break_holder] -->  .cts-team-header { <!-- [et_pb_line_break_holder] -->    max-width: 800px; <!-- [et_pb_line_break_holder] -->    margin: 0 auto 40px; <!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    animation: teamFadeIn 0.8s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-badge { <!-- [et_pb_line_break_holder] -->    color: #38bdf8; <!-- [et_pb_line_break_holder] -->    font-weight: 800; <!-- [et_pb_line_break_holder] -->    letter-spacing: 2px; <!-- [et_pb_line_break_holder] -->    font-size: 11px; <!-- [et_pb_line_break_holder] -->    text-transform: uppercase; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-team-header h2 { <!-- [et_pb_line_break_holder] -->    font-size: clamp(1.8rem, 4vw, 2.8rem); <!-- [et_pb_line_break_holder] -->    margin: 10px 0; <!-- [et_pb_line_break_holder] -->    font-weight: 800; <!-- [et_pb_line_break_holder] -->    color: #ffffff; \/* White for dark theme *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .blue-text { <!-- [et_pb_line_break_holder] -->    color: #38bdf8; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-team-header p { <!-- [et_pb_line_break_holder] -->    font-size: 1.05rem; <!-- [et_pb_line_break_holder] -->    color: #9ca3af; \/* Light gray for dark theme *\/<!-- [et_pb_line_break_holder] -->    line-height: 1.5; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-team-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    max-width: 1200px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-member-card {<!-- [et_pb_line_break_holder] -->    background: rgba(255, 255, 255, 0.02); \/* Subtle dark card bg *\/<!-- [et_pb_line_break_holder] -->    border: 1px solid rgba(255, 255, 255, 0.06); \/* Subtle dark border *\/<!-- [et_pb_line_break_holder] -->    padding: 30px;<!-- [et_pb_line_break_holder] -->    border-radius: 20px;<!-- [et_pb_line_break_holder] -->    text-align: left;<!-- [et_pb_line_break_holder] -->    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    \/* Entrance Animation *\/<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(30px) scale(0.95);<!-- [et_pb_line_break_holder] -->    animation: teamCardPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Staggered Delays *\/<!-- [et_pb_line_break_holder] -->  .cts-member-card:nth-child(1) { animation-delay: 0.2s; }<!-- [et_pb_line_break_holder] -->  .cts-member-card:nth-child(2) { animation-delay: 0.4s; }<!-- [et_pb_line_break_holder] -->  .cts-member-card:nth-child(3) { animation-delay: 0.6s; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .highlight-card {<!-- [et_pb_line_break_holder] -->    background: rgba(56, 189, 248, 0.05); \/* Subtle blue tint for active state *\/<!-- [et_pb_line_break_holder] -->    border-color: rgba(56, 189, 248, 0.3);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 10px 25px rgba(56, 189, 248, 0.1);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Subtle pulse for the highlight card *\/<!-- [et_pb_line_break_holder] -->  .highlight-card::after {<!-- [et_pb_line_break_holder] -->    content: '';<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    top: 0; left: 0; right: 0; bottom: 0;<!-- [et_pb_line_break_holder] -->    border-radius: 20px;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.3);<!-- [et_pb_line_break_holder] -->    animation: highlightPulse 3s infinite;<!-- [et_pb_line_break_holder] -->    pointer-events: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-member-card:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-8px);<!-- [et_pb_line_break_holder] -->    border-color: rgba(56, 189, 248, 0.5);<!-- [et_pb_line_break_holder] -->    background: rgba(255, 255, 255, 0.04); \/* Slightly lighter on hover, but still dark *\/<!-- [et_pb_line_break_holder] -->    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-member-card h3 { <!-- [et_pb_line_break_holder] -->    font-size: 1.5rem; <!-- [et_pb_line_break_holder] -->    font-weight: 700; <!-- [et_pb_line_break_holder] -->    color: #ffffff; \/* White heading *\/<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-role { <!-- [et_pb_line_break_holder] -->    color: #38bdf8; <!-- [et_pb_line_break_holder] -->    font-weight: 700; <!-- [et_pb_line_break_holder] -->    font-size: 0.85rem; <!-- [et_pb_line_break_holder] -->    display: block; <!-- [et_pb_line_break_holder] -->    margin-bottom: 15px; <!-- [et_pb_line_break_holder] -->    text-transform: uppercase; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-divider { <!-- [et_pb_line_break_holder] -->    width: 0px; \/* Starts at 0 for animation *\/<!-- [et_pb_line_break_holder] -->    height: 3px; <!-- [et_pb_line_break_holder] -->    background: #38bdf8; <!-- [et_pb_line_break_holder] -->    margin-bottom: 15px; <!-- [et_pb_line_break_holder] -->    transition: width 0.5s ease; <!-- [et_pb_line_break_holder] -->    border-radius: 2px;<!-- [et_pb_line_break_holder] -->    animation: dividerExpand 1s ease-out 0.8s forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-member-card:hover .cts-divider { width: 80px !important; }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-member-card p { <!-- [et_pb_line_break_holder] -->    color: #9ca3af; \/* Light gray text *\/<!-- [et_pb_line_break_holder] -->    line-height: 1.6; <!-- [et_pb_line_break_holder] -->    font-size: 0.95rem; <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-team-footer { <!-- [et_pb_line_break_holder] -->    margin-top: 50px; <!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    animation: teamFadeIn 0.8s ease-out 1s forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-team-btn { <!-- [et_pb_line_break_holder] -->    background: rgba(56, 189, 248, 0.1); \/* Dark mode button base *\/<!-- [et_pb_line_break_holder] -->    color: #38bdf8; <!-- [et_pb_line_break_holder] -->    border: 1px solid rgba(56, 189, 248, 0.3);<!-- [et_pb_line_break_holder] -->    padding: 16px 35px; <!-- [et_pb_line_break_holder] -->    border-radius: 50px; <!-- [et_pb_line_break_holder] -->    font-weight: 700; <!-- [et_pb_line_break_holder] -->    text-decoration: none; <!-- [et_pb_line_break_holder] -->    transition: 0.3s; <!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-team-btn:hover { <!-- [et_pb_line_break_holder] -->    background: #38bdf8; <!-- [et_pb_line_break_holder] -->    color: #09090b; \/* Dark text on bright blue hover for high contrast *\/<!-- [et_pb_line_break_holder] -->    border-color: #38bdf8;<!-- [et_pb_line_break_holder] -->    transform: translateY(-3px); <!-- [et_pb_line_break_holder] -->    box-shadow: 0 10px 20px rgba(56, 189, 248, 0.25); <!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Keyframes *\/<!-- [et_pb_line_break_holder] -->  @keyframes teamFadeIn {<!-- [et_pb_line_break_holder] -->    to { opacity: 1; transform: translateY(0); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes teamCardPop {<!-- [et_pb_line_break_holder] -->    to { opacity: 1; transform: translateY(0) scale(1); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes dividerExpand {<!-- [et_pb_line_break_holder] -->    to { width: 30px; }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes highlightPulse {<!-- [et_pb_line_break_holder] -->    0% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.2); }<!-- [et_pb_line_break_holder] -->    70% { box-shadow: 0 0 0 10px rgba(56, 189, 248, 0); }<!-- [et_pb_line_break_holder] -->    100% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .cts-team-grid { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] -->    .cts-member-card { padding: 25px; }<!-- [et_pb_line_break_holder] -->    .cts-team-footer { margin-top: 35px; }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_fullwidth_code _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div id=\"contact-anchor\" class=\"cts-contact-section\" style=\"scroll-margin-top: 50px;\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"cts-contact-container\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cts-contact-grid\"><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-contact-info\"><!-- [et_pb_line_break_holder] -->        <span class=\"cts-mini-badge\">READY TO START?<\/span><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2>Let\u2019s build something <span class=\"highlight\">extraordinary<\/span>.<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <pee>Reach out to our team in Penang for personalized service and results-driven solutions.<\/pee><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cts-url-display\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cts-url-display\">ctstechnologies.com.my<\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"cts-contact-methods\"><!-- [et_pb_line_break_holder] -->        <a href=\"https:\/\/wa.me\/601155239398\" class=\"contact-method-card wa\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"method-icon\"><!-- [et_pb_line_break_holder] -->            <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.414 0 .018 5.394 0 12.03a11.854 11.854 0 001.577 5.95L0 24l6.101-1.6a11.836 11.836 0 005.945 1.598h.005c6.637 0 12.032-5.395 12.035-12.032a11.762 11.762 0 00-3.48-8.504z\"\/><\/svg><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"method-text\"><!-- [et_pb_line_break_holder] -->            <span class=\"label\">WhatsApp<\/span><!-- [et_pb_line_break_holder] -->            <span class=\"value\">011-5523-9398<\/span><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <a href=\"tel:01155239398\" class=\"contact-method-card\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"method-icon\"><!-- [et_pb_line_break_holder] -->            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.81 12.81 0 0 0 .62 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.62A2 2 0 0 1 22 16.92z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"method-text\"><!-- [et_pb_line_break_holder] -->            <span class=\"label\">Call us<\/span><!-- [et_pb_line_break_holder] -->            <span class=\"value\">011-5523-9398<\/span><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <a href=\"mailto:sales@ctstechnologies.com.my\" class=\"contact-method-card\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"method-icon\"><!-- [et_pb_line_break_holder] -->            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"method-text\"><!-- [et_pb_line_break_holder] -->            <span class=\"label\">Email Sales<\/span><!-- [et_pb_line_break_holder] -->            <span class=\"value\">sales@ctstechnologies.com.my<\/span><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/a><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  \/* Global Smooth Scroll *\/<!-- [et_pb_line_break_holder] -->  html { scroll-behavior: smooth !important; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-contact-section { <!-- [et_pb_line_break_holder] -->    padding: 40px 5%; <!-- [et_pb_line_break_holder] -->    background: #ffffff; <!-- [et_pb_line_break_holder] -->    font-family: 'Inter', sans-serif; <!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cts-contact-container { <!-- [et_pb_line_break_holder] -->    background: #0f172a; <!-- [et_pb_line_break_holder] -->    color: #ffffff; <!-- [et_pb_line_break_holder] -->    border-radius: 30px; <!-- [et_pb_line_break_holder] -->    padding: 50px 40px; <!-- [et_pb_line_break_holder] -->    max-width: 1100px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 25px 50px rgba(0,0,0,0.15);<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateY(30px);<!-- [et_pb_line_break_holder] -->    animation: contactFadeIn 0.8s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-contact-grid { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->  .cts-contact-info { flex: 1.2; min-width: 300px; }<!-- [et_pb_line_break_holder] -->  .cts-contact-methods { flex: 1; min-width: 280px; display: flex; flex-direction: column; gap: 12px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cts-mini-badge { color: #38bdf8; font-weight: 800; letter-spacing: 2px; font-size: 11px; display: inline-block; animation: badgePulse 2s infinite ease-in-out; }<!-- [et_pb_line_break_holder] -->  .cts-contact-info h2 { font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 800; margin: 15px 0; color: #ffffff; line-height: 1.1; }<!-- [et_pb_line_break_holder] -->  .highlight { color: #38bdf8; }<!-- [et_pb_line_break_holder] -->  .cts-contact-info p { font-size: 1rem; opacity: 0.85; line-height: 1.5; margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->  .cts-url-display { font-weight: 700; color: #38bdf8; font-size: 1.1rem; margin-bottom: 5px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .contact-method-card {<!-- [et_pb_line_break_holder] -->    background: rgba(255, 255, 255, 0.04);<!-- [et_pb_line_break_holder] -->    border: 1px solid rgba(255, 255, 255, 0.1);<!-- [et_pb_line_break_holder] -->    padding: 15px 20px;<!-- [et_pb_line_break_holder] -->    border-radius: 15px;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 15px;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);<!-- [et_pb_line_break_holder] -->    color: #ffffff;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transform: translateX(20px);<!-- [et_pb_line_break_holder] -->    animation: methodSlide 0.5s ease-out forwards;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .contact-method-card:nth-child(1) { animation-delay: 0.3s; }<!-- [et_pb_line_break_holder] -->  .contact-method-card:nth-child(2) { animation-delay: 0.45s; }<!-- [et_pb_line_break_holder] -->  .contact-method-card:nth-child(3) { animation-delay: 0.6s; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .wa { border-left: 3px solid #25d366; }<!-- [et_pb_line_break_holder] -->  .wa .method-icon { background: rgba(37, 211, 102, 0.1); color: #25d366; }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .method-icon { background: rgba(56, 189, 248, 0.1); color: #38bdf8; padding: 10px; border-radius: 10px; display: flex; transition: transform 0.3s ease; }<!-- [et_pb_line_break_holder] -->  .method-text .label { display: block; font-size: 10px; text-transform: uppercase; opacity: 0.6; font-weight: 800; }<!-- [et_pb_line_break_holder] -->  .method-text .value { font-size: 0.95rem; font-weight: 700; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .contact-method-card:hover { <!-- [et_pb_line_break_holder] -->    background: rgba(255, 255, 255, 0.08); <!-- [et_pb_line_break_holder] -->    transform: translateX(10px) translateY(-2px); <!-- [et_pb_line_break_holder] -->    border-color: #38bdf8; <!-- [et_pb_line_break_holder] -->    box-shadow: -10px 10px 20px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .contact-method-card:hover .method-icon { transform: scale(1.1) rotate(5deg); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @keyframes contactFadeIn { to { opacity: 1; transform: translateY(0); } }<!-- [et_pb_line_break_holder] -->  @keyframes methodSlide { to { opacity: 1; transform: translateX(0); } }<!-- [et_pb_line_break_holder] -->  @keyframes badgePulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .cts-contact-container { padding: 30px 20px; }<!-- [et_pb_line_break_holder] -->    .cts-contact-info h2 { font-size: 1.8rem; }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-280171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/pages\/280171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/comments?post=280171"}],"version-history":[{"count":30,"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/pages\/280171\/revisions"}],"predecessor-version":[{"id":280286,"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/pages\/280171\/revisions\/280286"}],"wp:attachment":[{"href":"https:\/\/ctstechnologies.com.my\/website-design-development\/wp-json\/wp\/v2\/media?parent=280171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}