{"id":8349,"date":"2026-08-17T17:29:01","date_gmt":"2026-08-17T09:29:01","guid":{"rendered":"https:\/\/syscomm.com.my\/?page_id=8349"},"modified":"2026-08-18T18:27:29","modified_gmt":"2026-08-18T10:27:29","slug":"elementor-8349","status":"publish","type":"page","link":"https:\/\/syscomm.com.my\/ms\/","title":{"rendered":"Laman Utama"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8349\" class=\"elementor elementor-8349\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4d26c e-flex e-con-boxed e-con e-parent\" data-id=\"9f4d26c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c6a030 elementor-widget elementor-widget-html\" data-id=\"4c6a030\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nSYSCOMM HOMEPAGE \u2014 CREATIVE MINIMALIST V1\r\nSTANDARD WIDTH: 88.5%\r\nPHOTOGRAPHY: UNSPLASH ONLY\r\nICONS \/ GRAPHICS: ORIGINAL CSS + TEXT SYMBOLS ONLY\r\n\r\nPaste this entire block into ONE Elementor HTML Widget.\r\n\r\nRecommended SEO Title:\r\nWeb Design Malaysia & Johor | Ecommerce, SEO & Custom Development | SYSCOMM\r\n\r\nMeta Description:\r\nProfessional web design in Malaysia by SYSCOMM. Corporate websites, ecommerce, Shopify, SEO, custom web systems and API integration for businesses in Johor and across Malaysia.\r\n\r\nPrimary Focus:\r\nweb design malaysia\r\n\r\nSecondary Topics:\r\nweb design johor\r\nweb design company malaysia\r\nwebsite design malaysia\r\necommerce website malaysia\r\nshopify development malaysia\r\nseo malaysia\r\ncustom web development malaysia\r\napi integration malaysia\r\n\r\nASSET POLICY\r\n- Photography: Unsplash only\r\n- Icons \/ arrows \/ diagrams \/ browser graphics: original CSS or text symbols\r\n- No Google Images \/ Pinterest \/ Agoda \/ theme-demo assets\r\n- No external icon library\r\n-->\r\n\r\n<div id=\"scm-home-v1\">\r\n\r\n  <!-- =====================================================\r\n       HERO \u2014 DIGITAL STUDIO CANVAS\r\n       ===================================================== -->\r\n  <section class=\"hm-hero\">\r\n\r\n    <div class=\"hm-hero-topline\">\r\n      <span>SYSCOMM \/ WEB DESIGN MALAYSIA<\/span>\r\n      <span>JOHOR \u00b7 ECOMMERCE \u00b7 SEO \u00b7 CUSTOM DEVELOPMENT<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hm-hero-grid\">\r\n\r\n      <div class=\"hm-hero-copy\">\r\n        <div class=\"hm-kicker\">DIGITAL EXPERIENCES FOR REAL BUSINESSES<\/div>\r\n\r\n        <h1>Web Design Malaysia for Businesses That Need More Than a Template.<\/h1>\r\n\r\n        <p class=\"hm-lead\">\r\n          SYSCOMM designs and develops professional websites for businesses in Johor\r\n          and across Malaysia \u2014 from corporate websites and ecommerce to Shopify,\r\n          SEO, custom web systems and API integration.\r\n        <\/p>\r\n\r\n        <p>\r\n          We focus on clear information, responsive design, useful customer journeys\r\n          and technology that fits how your business actually operates.\r\n        <\/p>\r\n\r\n        <div class=\"hm-actions\">\r\n          <a href=\"\/contact\/\" class=\"hm-link\">Request a quotation \u2197<\/a>\r\n          <a href=\"\/web-design\/\" class=\"hm-link quiet\">Explore web design \u2197<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"hm-studio\" aria-label=\"Minimalist digital studio interface\">\r\n\r\n        <div class=\"hm-studio-grid\"><\/div>\r\n\r\n        <div class=\"hm-fragment frag-a\">\r\n          <span>01 \/ WEBSITE<\/span>\r\n          <strong>Clear structure.<br>Strong first impression.<\/strong>\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"hm-fragment frag-b\">\r\n          <div class=\"mini-browser-top\"><i><\/i><i><\/i><i><\/i><\/div>\r\n          <div class=\"mini-browser-hero\"><\/div>\r\n          <div class=\"mini-browser-row\"><span><\/span><span><\/span><span><\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hm-fragment frag-c\">\r\n          <span>02 \/ COMMERCE<\/span>\r\n          <strong>PRODUCT \u2192 CART \u2192 ORDER<\/strong>\r\n          <div class=\"commerce-dots\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hm-fragment frag-d\">\r\n          <span>03 \/ SEARCH<\/span>\r\n          <strong>SEO<\/strong>\r\n          <small>CONTENT \/ STRUCTURE \/ LINKS<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"hm-fragment frag-e\">\r\n          <span>04 \/ SYSTEM<\/span>\r\n          <div class=\"system-node main\"><\/div>\r\n          <div class=\"system-node n1\"><\/div>\r\n          <div class=\"system-node n2\"><\/div>\r\n          <div class=\"system-node n3\"><\/div>\r\n          <div class=\"system-line l1\"><\/div>\r\n          <div class=\"system-line l2\"><\/div>\r\n          <div class=\"system-line l3\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hm-studio-status\">\r\n          <i><\/i>\r\n          <span>DESIGN \/ DEVELOPMENT \/ GROWTH<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SIGNAL RAIL\r\n       ===================================================== -->\r\n  <section class=\"hm-rail hm-line\">\r\n    <div class=\"hm-rail-track\">\r\n      <span>WEB DESIGN MALAYSIA<\/span>\r\n      <span>WEB DESIGN JOHOR<\/span>\r\n      <span>CORPORATE WEBSITE<\/span>\r\n      <span>WORDPRESS<\/span>\r\n      <span>SHOPIFY<\/span>\r\n      <span>ECOMMERCE<\/span>\r\n      <span>SEO<\/span>\r\n      <span>GEO \/ AI SEARCH<\/span>\r\n      <span>CUSTOM WEB SYSTEMS<\/span>\r\n      <span>API INTEGRATION<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       POSITIONING \u2014 ONE BIG STATEMENT + 3 PROOF LINES\r\n       ===================================================== -->\r\n  <section class=\"hm-position hm-line\">\r\n\r\n    <div class=\"hm-position-label\">\r\n      <span class=\"hm-label\">WHAT A BUSINESS WEBSITE SHOULD DO<\/span>\r\n      <div class=\"hm-vertical-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hm-position-main\">\r\n      <h2>Make your company easier to understand, easier to trust and easier to contact.<\/h2>\r\n\r\n      <div class=\"hm-position-copy\">\r\n        <p>\r\n          Good web design is not decoration. It organises information, reduces\r\n          uncertainty and helps customers move from first impression to the next\r\n          useful action.\r\n        <\/p>\r\n\r\n        <p>\r\n          For some businesses that means enquiries. For others it means ecommerce,\r\n          account access, quotations, integration with existing systems or a stronger\r\n          foundation for organic search.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hm-position-index\">\r\n      <div><span>01<\/span><strong>Clarity<\/strong><small>Explain what matters quickly.<\/small><\/div>\r\n      <div><span>02<\/span><strong>Credibility<\/strong><small>Present the business professionally.<\/small><\/div>\r\n      <div><span>03<\/span><strong>Action<\/strong><small>Guide visitors to enquire or buy.<\/small><\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SERVICES \u2014 CAPABILITY INDEX\r\n       ===================================================== -->\r\n  <section class=\"hm-services hm-line\">\r\n\r\n    <div class=\"hm-services-heading\">\r\n      <span class=\"hm-label\">WHAT WE BUILD<\/span>\r\n      <h2>Different digital solutions for different business models.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"hm-capability-list\">\r\n\r\n      <a href=\"\/web-design\/\" class=\"hm-capability\">\r\n        <span class=\"cap-no\">01<\/span>\r\n        <div class=\"cap-title\">\r\n          <small>WEB DESIGN \/ CORPORATE<\/small>\r\n          <h3>Professional Business Websites<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Corporate and service websites with clear information architecture,\r\n          responsive layouts and content built around real customer questions.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/shopify-website-development-malaysia\/\" class=\"hm-capability\">\r\n        <span class=\"cap-no\">02<\/span>\r\n        <div class=\"cap-title\">\r\n          <small>SHOPIFY \/ ECOMMERCE<\/small>\r\n          <h3>Online Stores & Ecommerce<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Product catalogues, customer accounts, payment, shipping, promotions and\r\n          store workflows for businesses selling online.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/api-intergration\/\" class=\"hm-capability\">\r\n        <span class=\"cap-no\">03<\/span>\r\n        <div class=\"cap-title\">\r\n          <small>CUSTOM \/ INTEGRATION<\/small>\r\n          <h3>Custom Web Systems & APIs<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Special workflows, account rules and supported API integrations when\r\n          standard website functions are not enough.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/blog\/\" class=\"hm-capability\">\r\n        <span class=\"cap-no\">04<\/span>\r\n        <div class=\"cap-title\">\r\n          <small>SEO \/ CONTENT<\/small>\r\n          <h3>Search-Friendly Structure & Growth<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Clear headings, useful content, crawlable internal links and a scalable\r\n          structure that supports ongoing SEO and content development.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       IMAGE EDITORIAL \u2014 NEW UNSPLASH IMAGES\r\n       ===================================================== -->\r\n  <section class=\"hm-editorial hm-line\">\r\n\r\n    <div class=\"hm-editorial-main\">\r\n\r\n      <figure class=\"hm-photo photo-a\">\r\n        <img\r\n          src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=82\"\r\n          alt=\"Minimal modern business workspace representing professional web design in Malaysia\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\">\r\n        <figcaption>BUSINESS \/ DIGITAL \/ EXPERIENCE<\/figcaption>\r\n      <\/figure>\r\n\r\n      <div class=\"hm-editorial-copy\">\r\n        <span class=\"hm-label\">DESIGN AROUND THE BUSINESS<\/span>\r\n        <h2>The same website formula should not be used for every company.<\/h2>\r\n\r\n        <p>\r\n          A manufacturer may need capabilities, products, certifications and export\r\n          credibility. A professional firm may need expertise and enquiry paths. A\r\n          retailer may need ecommerce. A B2B company may need customer-specific rules\r\n          or system integration.\r\n        <\/p>\r\n\r\n        <p>\r\n          The website should reflect those differences instead of forcing every\r\n          business into the same homepage template.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"hm-editorial-strip\">\r\n\r\n      <figure class=\"hm-photo photo-b\">\r\n        <img\r\n          src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1300&q=82\"\r\n          alt=\"Minimal professional office environment for corporate website design\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\">\r\n        <figcaption>CORPORATE \/ PROFESSIONAL<\/figcaption>\r\n      <\/figure>\r\n\r\n      <div class=\"hm-editorial-note\">\r\n        <span>STRUCTURE<\/span>\r\n        <strong>Purpose before decoration.<\/strong>\r\n        <small>CONTENT \u2192 DESIGN \u2192 FUNCTION \u2192 RESULT<\/small>\r\n      <\/div>\r\n\r\n      <figure class=\"hm-photo photo-c\">\r\n        <img\r\n          src=\"https:\/\/images.unsplash.com\/photo-1497215842964-222b430dc094?auto=format&fit=crop&w=1300&q=82\"\r\n          alt=\"Creative digital workspace for website development and ecommerce\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\">\r\n        <figcaption>DESIGN \/ DEVELOPMENT<\/figcaption>\r\n      <\/figure>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       MARKETS \/ LOCAL SEO \u2014 CONSTELLATION LAYOUT\r\n       ===================================================== -->\r\n  <section class=\"hm-markets hm-line\">\r\n\r\n    <div class=\"hm-markets-copy\">\r\n      <span class=\"hm-label\">JOHOR-BASED \/ MALAYSIA-FOCUSED<\/span>\r\n\r\n      <h2>Build locally. Communicate clearly to customers wherever they are.<\/h2>\r\n\r\n      <p>\r\n        SYSCOMM supports businesses in Johor and across Malaysia. Some clients depend\r\n        on local enquiries, while others sell nationwide, work with Singapore buyers\r\n        or serve international markets.\r\n      <\/p>\r\n\r\n      <p>\r\n        We structure location and service content around real business relevance\r\n        rather than duplicating the same message across every page.\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"hm-market-map\" aria-label=\"SYSCOMM service area illustration\">\r\n\r\n      <div class=\"market-axis axis-a\"><\/div>\r\n      <div class=\"market-axis axis-b\"><\/div>\r\n      <div class=\"market-axis axis-c\"><\/div>\r\n\r\n      <a href=\"\/web-design-johor\/\" class=\"market-node johor\">\r\n        <span>01<\/span>\r\n        <strong>JOHOR<\/strong>\r\n        <small>STATE-WIDE<\/small>\r\n      <\/a>\r\n\r\n      <a href=\"\/web-design-johor-bahru\/\" class=\"market-node jb\">\r\n        <span>02<\/span>\r\n        <strong>JB<\/strong>\r\n        <small>JOHOR BAHRU<\/small>\r\n      <\/a>\r\n\r\n      <a href=\"\/web-design-muar\/\" class=\"market-node muar\">\r\n        <span>03<\/span>\r\n        <strong>MUAR<\/strong>\r\n        <small>BUSINESS \/ INDUSTRY<\/small>\r\n      <\/a>\r\n\r\n      <div class=\"market-node malaysia\">\r\n        <span>04<\/span>\r\n        <strong>MALAYSIA<\/strong>\r\n        <small>NATIONWIDE<\/small>\r\n      <\/div>\r\n\r\n      <div class=\"market-core\">\r\n        <strong>SYSCOMM<\/strong>\r\n        <span>WEB \/ COMMERCE \/ SYSTEMS<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       BLACK OUTCOME SECTION \u2014 WHITE HEADINGS FORCED\r\n       ===================================================== -->\r\n  <section class=\"hm-outcomes hm-line\">\r\n\r\n    <div class=\"hm-outcome-title\">\r\n      <span>WHAT WE OPTIMISE FOR<\/span>\r\n\r\n      <h2>A better website is measured by what it helps the business do next.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"hm-outcome-grid\">\r\n\r\n      <article>\r\n        <span>01<\/span>\r\n        <h3>Understand<\/h3>\r\n        <p>Customers quickly understand the company, offer and next relevant step.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>02<\/span>\r\n        <h3>Trust<\/h3>\r\n        <p>Design, information and proof make the business feel credible and current.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>03<\/span>\r\n        <h3>Enquire<\/h3>\r\n        <p>Contact and quotation paths reduce unnecessary friction for serious buyers.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>04<\/span>\r\n        <h3>Buy<\/h3>\r\n        <p>Ecommerce journeys help customers discover, evaluate and purchase products.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>05<\/span>\r\n        <h3>Operate<\/h3>\r\n        <p>CMS, integrations and custom workflows support the team behind the website.<\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <span>06<\/span>\r\n        <h3>Grow<\/h3>\r\n        <p>Scalable structure leaves room for future content, SEO and new functionality.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       DIGITAL STACK \u2014 ORBIT \/ NO REPEATED ARRANGEMENT\r\n       ===================================================== -->\r\n  <section class=\"hm-stack hm-line\">\r\n\r\n    <div class=\"hm-stack-heading\">\r\n      <span class=\"hm-label\">YOUR DIGITAL STACK<\/span>\r\n      <h2>Design, commerce, search and systems should work together.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"hm-stack-stage\">\r\n\r\n      <div class=\"stack-ring r1\"><\/div>\r\n      <div class=\"stack-ring r2\"><\/div>\r\n      <div class=\"stack-ring r3\"><\/div>\r\n\r\n      <div class=\"stack-core\">\r\n        <strong>BUSINESS<\/strong>\r\n        <span>GOALS \/ CUSTOMERS \/ WORKFLOW<\/span>\r\n      <\/div>\r\n\r\n      <a href=\"\/web-design\/\" class=\"stack-item s1\"><span>WEB DESIGN<\/span><\/a>\r\n      <a href=\"\/shopify-website-development-malaysia\/\" class=\"stack-item s2\"><span>ECOMMERCE<\/span><\/a>\r\n      <a href=\"\/blog\/\" class=\"stack-item s3\"><span>SEO<\/span><\/a>\r\n      <a href=\"\/api-intergration\/\" class=\"stack-item s4\"><span>API<\/span><\/a>\r\n      <div class=\"stack-item s5\"><span>CMS<\/span><\/div>\r\n      <div class=\"stack-item s6\"><span>SUPPORT<\/span><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PROCESS \u2014 EDITORIAL SCROLL\r\n       ===================================================== -->\r\n  <section class=\"hm-process hm-line\">\r\n\r\n    <div class=\"hm-process-head\">\r\n      <span class=\"hm-label\">HOW A PROJECT MOVES<\/span>\r\n      <h2>Start with the problem. Build the right digital response.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"hm-process-list\">\r\n\r\n      <article>\r\n        <div class=\"process-no\">01<\/div>\r\n        <h3>Understand the Business<\/h3>\r\n        <p>\r\n          Goals, customers, existing website, competitors, content and the real\r\n          problem the project needs to solve.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"process-no\">02<\/div>\r\n        <h3>Plan the Structure<\/h3>\r\n        <p>\r\n          Pages, navigation, customer journeys, content priorities, ecommerce or\r\n          system requirements.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"process-no\">03<\/div>\r\n        <h3>Create the Experience<\/h3>\r\n        <p>\r\n          Typography, visual hierarchy, responsive layouts, interactions and content\r\n          presentation.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"process-no\">04<\/div>\r\n        <h3>Develop & Connect<\/h3>\r\n        <p>\r\n          CMS, ecommerce, forms, integrations and custom functionality are built and\r\n          tested.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"process-no\">05<\/div>\r\n        <h3>Launch & Improve<\/h3>\r\n        <p>\r\n          The site goes live, then continues to evolve through content, maintenance,\r\n          SEO and business changes.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SEO \/ PEOPLE FIRST\r\n       ===================================================== -->\r\n  <section class=\"hm-search hm-line\">\r\n\r\n    <div class=\"hm-search-visual\" aria-hidden=\"true\">\r\n      <div class=\"search-word\">SEARCH<\/div>\r\n      <div class=\"search-small\">PEOPLE FIRST \/ CLEAR STRUCTURE \/ USEFUL CONTENT<\/div>\r\n      <div class=\"search-rule\"><\/div>\r\n      <div class=\"search-dot\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hm-search-copy\">\r\n      <span class=\"hm-label\">SEO-FRIENDLY WEB DESIGN<\/span>\r\n\r\n      <h2>Designed for people first, with a structure search engines can understand.<\/h2>\r\n\r\n      <p>\r\n        SEO-friendly development is not about repeating the same keyword in every\r\n        paragraph. It starts with clear page topics, useful content, descriptive\r\n        headings, crawlable links, mobile-friendly layouts and a site architecture\r\n        that can grow.\r\n      <\/p>\r\n\r\n      <p>\r\n        No web design company can guarantee a specific organic Google position.\r\n        Competitive search visibility depends on relevance, content quality,\r\n        technical health, authority, competition and time.\r\n      <\/p>\r\n\r\n      <a href=\"\/blog\/\" class=\"hm-link\">Explore web design & SEO insights \u2197<\/a>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       LATEST INSIGHTS \u2014 AUTO LOAD 3 POSTS\r\n       ===================================================== -->\r\n  <section class=\"hm-insights hm-line\">\r\n\r\n    <div class=\"hm-insights-head\">\r\n      <span class=\"hm-label\">LATEST INSIGHTS<\/span>\r\n\r\n      <div>\r\n        <h2>Useful reading before your next digital decision.<\/h2>\r\n        <a href=\"\/blog\/\" class=\"hm-link\">View all articles \u2197<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hm-insight-list\" id=\"hm-insight-list\">\r\n      <div class=\"hm-insight-placeholder\"><\/div>\r\n      <div class=\"hm-insight-placeholder\"><\/div>\r\n      <div class=\"hm-insight-placeholder\"><\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FAQ \u2014 HOMEPAGE ONLY\r\n       ===================================================== -->\r\n  <section class=\"hm-faq hm-line\">\r\n\r\n    <div class=\"hm-faq-intro\">\r\n      <span class=\"hm-label\">STARTING A WEBSITE PROJECT<\/span>\r\n\r\n      <h2>A few questions businesses usually ask first.<\/h2>\r\n\r\n      <a href=\"\/web-design-faq\/\" class=\"hm-link\">View complete Web Design FAQ \u2197<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hm-faq-list\">\r\n\r\n      <details>\r\n        <summary>\r\n          <span>01<\/span>\r\n          <strong>What type of website does my business need?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            It depends on the objective. A corporate website, ecommerce store,\r\n            Shopify project and custom web system solve different problems. The right\r\n            starting point is the customer journey and required business workflow.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>02<\/span>\r\n          <strong>How much does professional web design cost in Malaysia?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Cost depends on page types, design customisation, content, languages,\r\n            ecommerce, integrations and custom development. Quotations should be\r\n            compared by scope and deliverables rather than price alone.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>03<\/span>\r\n          <strong>Can SYSCOMM develop ecommerce and Shopify websites?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. Ecommerce projects can include products, customer accounts, payment,\r\n            shipping, promotions and integrations. Platform choice depends on the\r\n            business model and long-term requirements.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>04<\/span>\r\n          <strong>Can a website be integrated with other business systems?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Potentially, yes. Integration depends on whether the systems provide\r\n            suitable APIs or supported connection methods. Documentation and the\r\n            required data flow should be reviewed before scope is confirmed.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>05<\/span>\r\n          <strong>Will a new website automatically rank on Google?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            No. A website can be built with a stronger SEO foundation, but competitive\r\n            organic visibility normally requires continued content, technical work,\r\n            relevance, authority and time.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CTA \u2014 MINIMAL FULL STOP\r\n       ===================================================== -->\r\n  <section class=\"hm-cta hm-line\">\r\n\r\n    <div class=\"hm-cta-symbol\" aria-hidden=\"true\">\r\n      <div class=\"cta-circle\"><\/div>\r\n      <div class=\"cta-dot\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hm-cta-copy\">\r\n      <span class=\"hm-label\">READY TO BUILD SOMETHING BETTER?<\/span>\r\n\r\n      <h2>Tell us what your business needs the website to do.<\/h2>\r\n\r\n      <p>\r\n        Whether the project is a corporate website, ecommerce store, Shopify build,\r\n        redesign, SEO-led content structure or custom system integration, we can\r\n        discuss the requirement and recommend a practical approach.\r\n      <\/p>\r\n\r\n      <a href=\"\/contact\/\" class=\"hm-cta-link\">\r\n        <span>Start a conversation<\/span>\r\n        <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   SYSCOMM HOMEPAGE V1\r\n   CREATIVE MINIMALIST \/ STANDARD WIDTH 88.5%\r\n   ========================================================= *\/\r\n\r\n#scm-home-v1{\r\n  --bg:#fff;\r\n  --text:#090909;\r\n  --muted:#70706b;\r\n  --line:#d8d8d2;\r\n  --soft:#f4f4f0;\r\n  --dark:#090909;\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  margin-left:-50vw!important;\r\n  margin-right:0!important;\r\n  overflow-x:hidden!important;\r\n  background:#fff!important;\r\n  color:var(--text);\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\r\n}\r\n\r\n#scm-home-v1 *{\r\n  box-sizing:border-box;\r\n  min-width:0;\r\n}\r\n\r\n#scm-home-v1 a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n#scm-home-v1 img{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n#scm-home-v1 .hm-hero,\r\n#scm-home-v1 .hm-rail,\r\n#scm-home-v1 .hm-position,\r\n#scm-home-v1 .hm-services,\r\n#scm-home-v1 .hm-editorial,\r\n#scm-home-v1 .hm-markets,\r\n#scm-home-v1 .hm-outcomes,\r\n#scm-home-v1 .hm-stack,\r\n#scm-home-v1 .hm-process,\r\n#scm-home-v1 .hm-search,\r\n#scm-home-v1 .hm-insights,\r\n#scm-home-v1 .hm-faq,\r\n#scm-home-v1 .hm-cta{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n  margin-left:auto!important;\r\n  margin-right:auto!important;\r\n}\r\n\r\n#scm-home-v1 .hm-line{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-label,\r\n#scm-home-v1 .hm-kicker{\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-link{\r\n  display:inline-flex;\r\n  padding-bottom:6px;\r\n  border-bottom:1px solid currentColor;\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n#scm-home-v1 .hm-link.quiet{\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* HERO *\/\r\n\r\n#scm-home-v1 .hm-hero{\r\n  padding:70px 0 100px;\r\n}\r\n\r\n#scm-home-v1 .hm-hero-topline{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:30px;\r\n  padding-bottom:17px;\r\n  border-bottom:1px solid var(--line);\r\n  font-size:9px;\r\n  letter-spacing:.12em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:.78fr 1.22fr;\r\n  gap:5vw;\r\n  align-items:center;\r\n  min-height:760px;\r\n}\r\n\r\n#scm-home-v1 h1{\r\n  max-width:850px;\r\n  margin:34px 0 38px;\r\n  font-size:clamp(58px,6.2vw,102px);\r\n  line-height:.87;\r\n  letter-spacing:-.075em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-hero-copy p{\r\n  max-width:620px;\r\n  margin:0 0 18px;\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:#41413c;\r\n}\r\n\r\n#scm-home-v1 .hm-hero-copy .hm-lead{\r\n  font-size:16px;\r\n  color:#111;\r\n}\r\n\r\n#scm-home-v1 .hm-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:22px;\r\n  margin-top:30px;\r\n}\r\n\r\n\r\n\/* STUDIO *\/\r\n\r\n#scm-home-v1 .hm-studio{\r\n  position:relative;\r\n  min-height:690px;\r\n  border:1px solid var(--line);\r\n  background:#fafaf7;\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-home-v1 .hm-studio-grid{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(rgba(10,10,10,.06) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(10,10,10,.06) 1px,transparent 1px);\r\n  background-size:58px 58px;\r\n}\r\n\r\n#scm-home-v1 .hm-fragment{\r\n  position:absolute;\r\n  z-index:3;\r\n  border:1px solid #bababa;\r\n  background:#fff;\r\n}\r\n\r\n#scm-home-v1 .frag-a{\r\n  left:5%;\r\n  top:7%;\r\n  width:42%;\r\n  height:250px;\r\n  padding:24px;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n#scm-home-v1 .frag-a>span,\r\n#scm-home-v1 .frag-c>span,\r\n#scm-home-v1 .frag-d>span{\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .frag-a strong{\r\n  margin:auto 0 25px;\r\n  font-size:30px;\r\n  line-height:.98;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .frag-a i{\r\n  display:block;\r\n  width:70%;\r\n  height:1px;\r\n  background:#111;\r\n}\r\n\r\n#scm-home-v1 .frag-b{\r\n  right:5%;\r\n  top:12%;\r\n  width:44%;\r\n  height:310px;\r\n  padding:18px;\r\n}\r\n\r\n#scm-home-v1 .mini-browser-top{\r\n  display:flex;\r\n  gap:6px;\r\n  padding-bottom:13px;\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .mini-browser-top i{\r\n  width:6px;\r\n  height:6px;\r\n  border:1px solid #999;\r\n  border-radius:50%;\r\n}\r\n\r\n#scm-home-v1 .mini-browser-hero{\r\n  height:145px;\r\n  margin-top:18px;\r\n  background:#111;\r\n}\r\n\r\n#scm-home-v1 .mini-browser-row{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:8px;\r\n  margin-top:10px;\r\n}\r\n\r\n#scm-home-v1 .mini-browser-row span{\r\n  height:72px;\r\n  border:1px solid #aaa;\r\n}\r\n\r\n#scm-home-v1 .frag-c{\r\n  left:9%;\r\n  bottom:8%;\r\n  width:36%;\r\n  height:210px;\r\n  padding:22px;\r\n}\r\n\r\n#scm-home-v1 .frag-c strong{\r\n  display:block;\r\n  margin:65px 0 20px;\r\n  font-size:15px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .commerce-dots{\r\n  display:flex;\r\n  justify-content:space-between;\r\n}\r\n\r\n#scm-home-v1 .commerce-dots i{\r\n  width:11px;\r\n  height:11px;\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n#scm-home-v1 .frag-d{\r\n  right:7%;\r\n  bottom:10%;\r\n  width:28%;\r\n  height:185px;\r\n  padding:22px;\r\n  background:#0b0b0b;\r\n}\r\n\r\n#scm-home-v1 .frag-d,\r\n#scm-home-v1 .frag-d *{\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-home-v1 .frag-d>span,\r\n#scm-home-v1 .frag-d small{\r\n  color:#999!important;\r\n  -webkit-text-fill-color:#999!important;\r\n}\r\n\r\n#scm-home-v1 .frag-d strong{\r\n  display:block;\r\n  margin-top:40px;\r\n  font-size:52px;\r\n  line-height:.8;\r\n  letter-spacing:-.07em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .frag-d small{\r\n  display:block;\r\n  margin-top:15px;\r\n  font-size:7px;\r\n}\r\n\r\n#scm-home-v1 .frag-e{\r\n  left:46%;\r\n  top:44%;\r\n  width:29%;\r\n  height:190px;\r\n  background:#f1f1ed;\r\n}\r\n\r\n#scm-home-v1 .system-node{\r\n  position:absolute;\r\n  width:24px;\r\n  height:24px;\r\n  border-radius:50%;\r\n  border:1px solid #777;\r\n  background:#fff;\r\n}\r\n\r\n#scm-home-v1 .system-node.main{\r\n  left:50%;\r\n  top:50%;\r\n  width:44px;\r\n  height:44px;\r\n  transform:translate(-50%,-50%);\r\n  background:#111;\r\n}\r\n\r\n#scm-home-v1 .system-node.n1{left:12%;top:15%}\r\n#scm-home-v1 .system-node.n2{right:12%;top:18%}\r\n#scm-home-v1 .system-node.n3{right:17%;bottom:13%}\r\n\r\n#scm-home-v1 .system-line{\r\n  position:absolute;\r\n  height:1px;\r\n  background:#888;\r\n  transform-origin:left;\r\n}\r\n\r\n#scm-home-v1 .system-line.l1{left:20%;top:27%;width:34%;transform:rotate(20deg)}\r\n#scm-home-v1 .system-line.l2{left:52%;top:49%;width:31%;transform:rotate(-28deg)}\r\n#scm-home-v1 .system-line.l3{left:53%;top:52%;width:30%;transform:rotate(33deg)}\r\n\r\n#scm-home-v1 .hm-studio-status{\r\n  position:absolute;\r\n  z-index:5;\r\n  right:18px;\r\n  bottom:17px;\r\n  display:flex;\r\n  gap:9px;\r\n  align-items:center;\r\n  padding:8px 11px;\r\n  border:1px solid var(--line);\r\n  background:#fff;\r\n  font-size:8px;\r\n  letter-spacing:.09em;\r\n}\r\n\r\n#scm-home-v1 .hm-studio-status i{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n\r\n\/* RAIL *\/\r\n\r\n#scm-home-v1 .hm-rail{\r\n  padding:17px 0;\r\n  overflow:hidden;\r\n  white-space:nowrap;\r\n}\r\n\r\n#scm-home-v1 .hm-rail-track{\r\n  display:inline-flex;\r\n  gap:44px;\r\n  min-width:max-content;\r\n  animation:hmRail 31s linear infinite;\r\n}\r\n\r\n#scm-home-v1 .hm-rail-track span{\r\n  font-size:10px;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n#scm-home-v1 .hm-rail-track span:after{\r\n  content:\"\u2022\";\r\n  margin-left:44px;\r\n  color:#aaa;\r\n}\r\n\r\n@keyframes hmRail{\r\n  from{transform:translateX(0)}\r\n  to{transform:translateX(-39%)}\r\n}\r\n\r\n\r\n\/* POSITION *\/\r\n\r\n#scm-home-v1 .hm-position{\r\n  display:grid;\r\n  grid-template-columns:150px 1fr .55fr;\r\n  gap:5vw;\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-home-v1 .hm-position-label{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n#scm-home-v1 .hm-vertical-rule{\r\n  flex:1;\r\n  width:1px;\r\n  margin-top:25px;\r\n  background:var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-position-main h2{\r\n  max-width:1050px;\r\n  margin:0;\r\n  font-size:clamp(45px,5.2vw,82px);\r\n  line-height:.92;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-position-copy{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:35px;\r\n  margin-top:42px;\r\n}\r\n\r\n#scm-home-v1 .hm-position-copy p{\r\n  margin:0;\r\n  font-size:13px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-position-index{\r\n  align-self:end;\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-position-index div{\r\n  padding:17px 0;\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-position-index span{\r\n  display:block;\r\n  font-size:8px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-position-index strong{\r\n  display:block;\r\n  margin:12px 0 5px;\r\n  font-size:23px;\r\n  line-height:1;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-position-index small{\r\n  font-size:10px;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* SERVICES *\/\r\n\r\n#scm-home-v1 .hm-services{\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-home-v1 .hm-services-heading{\r\n  display:grid;\r\n  grid-template-columns:210px minmax(0,1fr);\r\n  gap:48px;\r\n  margin-bottom:55px;\r\n}\r\n\r\n#scm-home-v1 .hm-services-heading h2{\r\n  max-width:1050px;\r\n  margin:0;\r\n  font-size:clamp(43px,5vw,78px);\r\n  line-height:.93;\r\n  letter-spacing:-.065em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-capability-list{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-capability{\r\n  display:grid;\r\n  grid-template-columns:55px .8fr 1.2fr 25px;\r\n  gap:28px;\r\n  align-items:center;\r\n  min-height:175px;\r\n  border-bottom:1px solid var(--line);\r\n  transition:padding-left .3s ease,background .3s ease;\r\n}\r\n\r\n#scm-home-v1 .hm-capability:hover{\r\n  padding-left:12px;\r\n  background:#fafaf7;\r\n}\r\n\r\n#scm-home-v1 .cap-no{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .cap-title small{\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .cap-title h3{\r\n  margin:10px 0 0;\r\n  font-size:30px;\r\n  line-height:1;\r\n  letter-spacing:-.046em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-capability p{\r\n  margin:0;\r\n  font-size:13px;\r\n  line-height:1.67;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-capability>i{\r\n  font-style:normal;\r\n  font-size:18px;\r\n}\r\n\r\n\r\n\/* EDITORIAL *\/\r\n\r\n#scm-home-v1 .hm-editorial{\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-main{\r\n  display:grid;\r\n  grid-template-columns:1.2fr .8fr;\r\n  min-height:650px;\r\n}\r\n\r\n#scm-home-v1 .hm-photo{\r\n  position:relative;\r\n  margin:0;\r\n  overflow:hidden;\r\n  background:var(--soft);\r\n}\r\n\r\n#scm-home-v1 .hm-photo img{\r\n  filter:saturate(.58) contrast(.98);\r\n  transition:transform .8s ease,filter .8s ease;\r\n}\r\n\r\n#scm-home-v1 .hm-photo:hover img{\r\n  transform:scale(1.025);\r\n  filter:saturate(.82);\r\n}\r\n\r\n#scm-home-v1 .hm-photo figcaption{\r\n  position:absolute;\r\n  left:10px;\r\n  bottom:9px;\r\n  padding:6px 8px;\r\n  background:rgba(255,255,255,.9);\r\n  font-size:8px;\r\n  letter-spacing:.09em;\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:60px 5vw;\r\n  background:#f5f5f1;\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-copy h2{\r\n  max-width:720px;\r\n  margin:25px 0;\r\n  font-size:clamp(43px,4.8vw,74px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-copy p{\r\n  max-width:620px;\r\n  margin:0 0 18px;\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-strip{\r\n  display:grid;\r\n  grid-template-columns:.85fr .55fr .85fr;\r\n  min-height:350px;\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-note{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:28px;\r\n  border-left:1px solid var(--line);\r\n  border-right:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-note>span,\r\n#scm-home-v1 .hm-editorial-note small{\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-editorial-note strong{\r\n  margin:50px 0;\r\n  font-size:30px;\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* MARKETS *\/\r\n\r\n#scm-home-v1 .hm-markets{\r\n  display:grid;\r\n  grid-template-columns:.7fr 1.3fr;\r\n  gap:7vw;\r\n  align-items:center;\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-home-v1 .hm-markets-copy h2{\r\n  margin:25px 0;\r\n  font-size:clamp(43px,4.9vw,76px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-markets-copy p{\r\n  max-width:600px;\r\n  margin:0 0 18px;\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-market-map{\r\n  position:relative;\r\n  min-height:620px;\r\n  border:1px solid var(--line);\r\n  background:#fafaf7;\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-home-v1 .market-axis{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:70%;\r\n  height:1px;\r\n  background:var(--line);\r\n  transform-origin:left;\r\n}\r\n\r\n#scm-home-v1 .axis-a{transform:rotate(22deg) translateX(-50%)}\r\n#scm-home-v1 .axis-b{transform:rotate(-25deg) translateX(-50%)}\r\n#scm-home-v1 .axis-c{transform:rotate(0) translateX(-50%)}\r\n\r\n#scm-home-v1 .market-node{\r\n  position:absolute;\r\n  width:135px;\r\n  height:135px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  border:1px solid var(--line);\r\n  border-radius:50%;\r\n  background:#fff;\r\n  text-align:center;\r\n  transition:transform .3s ease,background .3s ease,color .3s ease;\r\n}\r\n\r\n#scm-home-v1 .market-node:hover{\r\n  transform:scale(1.05);\r\n  background:#111;\r\n  color:#fff;\r\n}\r\n\r\n#scm-home-v1 .market-node span,\r\n#scm-home-v1 .market-node small{\r\n  font-size:8px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .market-node strong{\r\n  margin:9px 0 5px;\r\n  font-size:18px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .market-node.johor{left:7%;top:10%}\r\n#scm-home-v1 .market-node.jb{right:8%;top:12%}\r\n#scm-home-v1 .market-node.muar{left:8%;bottom:10%}\r\n#scm-home-v1 .market-node.malaysia{right:7%;bottom:12%}\r\n\r\n#scm-home-v1 .market-core{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:180px;\r\n  height:180px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  transform:translate(-50%,-50%);\r\n  border-radius:50%;\r\n  background:#111;\r\n  color:#fff;\r\n  text-align:center;\r\n}\r\n\r\n#scm-home-v1 .market-core strong{\r\n  font-size:25px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .market-core span{\r\n  margin-top:8px;\r\n  font-size:7px;\r\n  letter-spacing:.08em;\r\n  color:#aaa;\r\n}\r\n\r\n\r\n\/* OUTCOMES BLACK *\/\r\n\r\n#scm-home-v1 .hm-outcomes{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  background:#090909;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-title,\r\n#scm-home-v1 .hm-outcome-grid{\r\n  min-height:680px;\r\n  padding:70px 5vw;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-title{\r\n  border-right:1px solid #333;\r\n}\r\n\r\n#scm-home-v1 .hm-outcomes,\r\n#scm-home-v1 .hm-outcomes *,\r\n#scm-home-v1 .hm-outcomes h1,\r\n#scm-home-v1 .hm-outcomes h2,\r\n#scm-home-v1 .hm-outcomes h3{\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-title>span{\r\n  font-size:9px;\r\n  letter-spacing:.12em;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-title h2{\r\n  max-width:700px;\r\n  margin:30px 0 0;\r\n  font-size:clamp(44px,5vw,78px);\r\n  line-height:.91;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  align-content:center;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-grid article{\r\n  min-height:210px;\r\n  padding:23px;\r\n  border-right:1px solid #333;\r\n  border-bottom:1px solid #333;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-grid article:nth-child(odd){\r\n  border-left:1px solid #333;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-grid article:nth-child(-n+2){\r\n  border-top:1px solid #333;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-grid article>span{\r\n  font-size:9px;\r\n  color:#888!important;\r\n  -webkit-text-fill-color:#888!important;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-grid h3{\r\n  margin:48px 0 12px;\r\n  font-size:25px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-outcome-grid p{\r\n  margin:0;\r\n  font-size:11px;\r\n  line-height:1.62;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n\r\n\/* STACK *\/\r\n\r\n#scm-home-v1 .hm-stack{\r\n  padding:105px 0 125px;\r\n}\r\n\r\n#scm-home-v1 .hm-stack-heading{\r\n  display:grid;\r\n  grid-template-columns:210px minmax(0,1fr);\r\n  gap:48px;\r\n  margin-bottom:60px;\r\n}\r\n\r\n#scm-home-v1 .hm-stack-heading h2{\r\n  max-width:950px;\r\n  margin:0;\r\n  font-size:clamp(43px,5vw,76px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-stack-stage{\r\n  position:relative;\r\n  min-height:680px;\r\n  border:1px solid var(--line);\r\n  overflow:hidden;\r\n  background:#fafaf7;\r\n}\r\n\r\n#scm-home-v1 .stack-ring{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  border:1px solid var(--line);\r\n  border-radius:50%;\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n#scm-home-v1 .stack-ring.r1{width:240px;height:240px}\r\n#scm-home-v1 .stack-ring.r2{width:420px;height:420px}\r\n#scm-home-v1 .stack-ring.r3{width:600px;height:600px}\r\n\r\n#scm-home-v1 .stack-core{\r\n  position:absolute;\r\n  z-index:3;\r\n  left:50%;\r\n  top:50%;\r\n  width:165px;\r\n  height:165px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  transform:translate(-50%,-50%);\r\n  border-radius:50%;\r\n  background:#111;\r\n  color:#fff;\r\n}\r\n\r\n#scm-home-v1 .stack-core strong{\r\n  font-size:21px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .stack-core span{\r\n  max-width:120px;\r\n  margin-top:7px;\r\n  text-align:center;\r\n  font-size:7px;\r\n  color:#aaa;\r\n}\r\n\r\n#scm-home-v1 .stack-item{\r\n  position:absolute;\r\n  z-index:4;\r\n  min-width:125px;\r\n  padding:14px 18px;\r\n  border:1px solid var(--line);\r\n  background:#fff;\r\n  text-align:center;\r\n  transition:background .3s ease,color .3s ease,transform .3s ease;\r\n}\r\n\r\n#scm-home-v1 .stack-item:hover{\r\n  transform:translateY(-4px);\r\n  background:#111;\r\n  color:#fff;\r\n}\r\n\r\n#scm-home-v1 .stack-item span{\r\n  font-size:9px;\r\n  letter-spacing:.08em;\r\n}\r\n\r\n#scm-home-v1 .s1{left:8%;top:15%}\r\n#scm-home-v1 .s2{right:8%;top:15%}\r\n#scm-home-v1 .s3{left:6%;bottom:17%}\r\n#scm-home-v1 .s4{right:7%;bottom:17%}\r\n#scm-home-v1 .s5{left:50%;top:7%;transform:translateX(-50%)}\r\n#scm-home-v1 .s6{left:50%;bottom:7%;transform:translateX(-50%)}\r\n\r\n#scm-home-v1 .s5:hover,\r\n#scm-home-v1 .s6:hover{\r\n  transform:translateX(-50%) translateY(-4px);\r\n}\r\n\r\n\r\n\/* PROCESS *\/\r\n\r\n#scm-home-v1 .hm-process{\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-home-v1 .hm-process-head{\r\n  display:grid;\r\n  grid-template-columns:210px minmax(0,1fr);\r\n  gap:48px;\r\n  margin-bottom:55px;\r\n}\r\n\r\n#scm-home-v1 .hm-process-head h2{\r\n  max-width:1000px;\r\n  margin:0;\r\n  font-size:clamp(43px,5vw,76px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-process-list{\r\n  width:83%;\r\n  margin-left:auto;\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-process-list article{\r\n  display:grid;\r\n  grid-template-columns:100px .8fr 1.2fr;\r\n  gap:30px;\r\n  align-items:center;\r\n  min-height:160px;\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .process-no{\r\n  font-size:48px;\r\n  letter-spacing:-.06em;\r\n  color:#ddd;\r\n}\r\n\r\n#scm-home-v1 .hm-process-list h3{\r\n  margin:0;\r\n  font-size:28px;\r\n  line-height:1;\r\n  letter-spacing:-.045em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-process-list p{\r\n  max-width:620px;\r\n  margin:0;\r\n  font-size:13px;\r\n  line-height:1.67;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* SEARCH *\/\r\n\r\n#scm-home-v1 .hm-search{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  min-height:650px;\r\n}\r\n\r\n#scm-home-v1 .hm-search-visual{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#f3f3ef;\r\n}\r\n\r\n#scm-home-v1 .search-word{\r\n  position:absolute;\r\n  left:6%;\r\n  bottom:9%;\r\n  font-size:clamp(75px,9vw,150px);\r\n  line-height:.72;\r\n  letter-spacing:-.08em;\r\n  color:#d9d9d4;\r\n}\r\n\r\n#scm-home-v1 .search-small{\r\n  position:absolute;\r\n  left:7%;\r\n  top:10%;\r\n  font-size:9px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .search-rule{\r\n  position:absolute;\r\n  left:8%;\r\n  right:10%;\r\n  top:46%;\r\n  height:1px;\r\n  background:#aaa;\r\n  transform:rotate(-11deg);\r\n}\r\n\r\n#scm-home-v1 .search-dot{\r\n  position:absolute;\r\n  right:18%;\r\n  top:35%;\r\n  width:18px;\r\n  height:18px;\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n#scm-home-v1 .hm-search-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:70px 5vw;\r\n}\r\n\r\n#scm-home-v1 .hm-search-copy h2{\r\n  max-width:850px;\r\n  margin:25px 0;\r\n  font-size:clamp(43px,5vw,77px);\r\n  line-height:.93;\r\n  letter-spacing:-.065em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-search-copy p{\r\n  max-width:650px;\r\n  margin:0 0 18px;\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-search-copy .hm-link{\r\n  align-self:flex-start;\r\n  margin-top:12px;\r\n}\r\n\r\n\r\n\/* INSIGHTS *\/\r\n\r\n#scm-home-v1 .hm-insights{\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-home-v1 .hm-insights-head{\r\n  display:grid;\r\n  grid-template-columns:210px minmax(0,1fr);\r\n  gap:48px;\r\n  margin-bottom:55px;\r\n}\r\n\r\n#scm-home-v1 .hm-insights-head>div{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:40px;\r\n  align-items:end;\r\n}\r\n\r\n#scm-home-v1 .hm-insights-head h2{\r\n  max-width:850px;\r\n  margin:0;\r\n  font-size:clamp(43px,5vw,74px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-insight-list{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n}\r\n\r\n#scm-home-v1 .hm-insight-card{\r\n  border-top:1px solid var(--line);\r\n  padding-top:18px;\r\n}\r\n\r\n#scm-home-v1 .hm-insight-card time{\r\n  font-size:8px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-insight-card h3{\r\n  margin:36px 0 16px;\r\n  font-size:28px;\r\n  line-height:1.02;\r\n  letter-spacing:-.045em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-insight-card p{\r\n  margin:0 0 20px;\r\n  font-size:12px;\r\n  line-height:1.65;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-insight-card a{\r\n  display:inline-block;\r\n  padding-bottom:5px;\r\n  border-bottom:1px solid #999;\r\n  font-size:8px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.09em;\r\n}\r\n\r\n#scm-home-v1 .hm-insight-placeholder{\r\n  height:310px;\r\n  background:\r\n    linear-gradient(110deg,#f0f0ec 25%,#fafaf7 40%,#f0f0ec 55%);\r\n  background-size:200% 100%;\r\n  animation:hmSkeleton 1.7s linear infinite;\r\n}\r\n\r\n@keyframes hmSkeleton{\r\n  from{background-position:100% 0}\r\n  to{background-position:-100% 0}\r\n}\r\n\r\n\r\n\/* FAQ *\/\r\n\r\n#scm-home-v1 .hm-faq{\r\n  display:grid;\r\n  grid-template-columns:.7fr 1.3fr;\r\n  gap:7vw;\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-intro{\r\n  position:sticky;\r\n  top:110px;\r\n  align-self:start;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-intro h2{\r\n  margin:25px 0 28px;\r\n  font-size:clamp(42px,4.8vw,72px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list details{\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list summary{\r\n  list-style:none;\r\n  cursor:pointer;\r\n  display:grid;\r\n  grid-template-columns:45px minmax(0,1fr) 25px;\r\n  align-items:center;\r\n  min-height:88px;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list summary>span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list summary strong{\r\n  font-size:20px;\r\n  line-height:1.2;\r\n  letter-spacing:-.03em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list summary i{\r\n  justify-self:end;\r\n  font-style:normal;\r\n  font-size:22px;\r\n  transition:transform .25s ease;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list details[open] summary i{\r\n  transform:rotate(45deg);\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list details>div{\r\n  max-width:850px;\r\n  margin-left:45px;\r\n  padding:0 0 28px;\r\n}\r\n\r\n#scm-home-v1 .hm-faq-list p{\r\n  margin:0;\r\n  font-size:13px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* CTA *\/\r\n\r\n#scm-home-v1 .hm-cta{\r\n  display:grid;\r\n  grid-template-columns:.75fr 1.25fr;\r\n  gap:7vw;\r\n  align-items:center;\r\n  min-height:650px;\r\n  padding:90px 0 110px;\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-home-v1 .hm-cta-symbol{\r\n  position:relative;\r\n  height:460px;\r\n}\r\n\r\n#scm-home-v1 .cta-circle{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:380px;\r\n  height:380px;\r\n  transform:translate(-50%,-50%);\r\n  border:1px solid var(--line);\r\n  border-radius:50%;\r\n}\r\n\r\n#scm-home-v1 .cta-dot{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:75px;\r\n  height:75px;\r\n  transform:translate(-50%,-50%);\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n#scm-home-v1 .hm-cta-copy h2{\r\n  max-width:950px;\r\n  margin:25px 0;\r\n  font-size:clamp(50px,5.8vw,90px);\r\n  line-height:.9;\r\n  letter-spacing:-.07em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-home-v1 .hm-cta-copy p{\r\n  max-width:650px;\r\n  margin:0 0 35px;\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-home-v1 .hm-cta-link{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  max-width:650px;\r\n  padding:18px 0;\r\n  border-top:1px solid #111;\r\n  border-bottom:1px solid #111;\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n\/* MOTION *\/\r\n\r\n@media(prefers-reduced-motion:no-preference){\r\n\r\n  #scm-home-v1 .hm-studio-status i{\r\n    animation:hmBlink 1.5s ease-in-out infinite;\r\n  }\r\n\r\n  #scm-home-v1 .frag-a{\r\n    animation:hmFloatA 6s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-home-v1 .frag-b{\r\n    animation:hmFloatB 7s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-home-v1 .frag-e{\r\n    animation:hmFloatC 5.5s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-home-v1 .stack-ring.r1{\r\n    animation:hmPulse 4s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-home-v1 .stack-ring.r2{\r\n    animation:hmPulse 5.5s ease-in-out infinite alternate-reverse;\r\n  }\r\n\r\n  #scm-home-v1 .cta-circle{\r\n    animation:hmPulse 5s ease-in-out infinite alternate;\r\n  }\r\n\r\n}\r\n\r\n@keyframes hmBlink{50%{opacity:.25}}\r\n@keyframes hmFloatA{to{transform:translateY(-8px)}}\r\n@keyframes hmFloatB{to{transform:translateY(7px)}}\r\n@keyframes hmFloatC{to{transform:translate(-3px,-7px)}}\r\n@keyframes hmPulse{\r\n  from{opacity:.4;scale:.97}\r\n  to{opacity:1;scale:1.03}\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #scm-home-v1 .hm-hero,\r\n  #scm-home-v1 .hm-rail,\r\n  #scm-home-v1 .hm-position,\r\n  #scm-home-v1 .hm-services,\r\n  #scm-home-v1 .hm-editorial,\r\n  #scm-home-v1 .hm-markets,\r\n  #scm-home-v1 .hm-outcomes,\r\n  #scm-home-v1 .hm-stack,\r\n  #scm-home-v1 .hm-process,\r\n  #scm-home-v1 .hm-search,\r\n  #scm-home-v1 .hm-insights,\r\n  #scm-home-v1 .hm-faq,\r\n  #scm-home-v1 .hm-cta{\r\n    width:calc(100% - 38px)!important;\r\n  }\r\n\r\n  #scm-home-v1 .hm-hero-grid{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-position{\r\n    grid-template-columns:100px 1fr;\r\n  }\r\n\r\n  #scm-home-v1 .hm-position-index{\r\n    grid-column:2;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #scm-home-v1{\r\n    left:auto!important;\r\n    width:100%!important;\r\n    max-width:100%!important;\r\n    margin-left:0!important;\r\n  }\r\n\r\n  #scm-home-v1 .hm-hero,\r\n  #scm-home-v1 .hm-rail,\r\n  #scm-home-v1 .hm-position,\r\n  #scm-home-v1 .hm-services,\r\n  #scm-home-v1 .hm-editorial,\r\n  #scm-home-v1 .hm-markets,\r\n  #scm-home-v1 .hm-outcomes,\r\n  #scm-home-v1 .hm-stack,\r\n  #scm-home-v1 .hm-process,\r\n  #scm-home-v1 .hm-search,\r\n  #scm-home-v1 .hm-insights,\r\n  #scm-home-v1 .hm-faq,\r\n  #scm-home-v1 .hm-cta{\r\n    width:calc(100% - 26px)!important;\r\n  }\r\n\r\n  #scm-home-v1 .hm-hero{\r\n    padding:52px 0 75px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-hero-topline{\r\n    display:block;\r\n  }\r\n\r\n  #scm-home-v1 .hm-hero-topline span{\r\n    display:block;\r\n    margin-bottom:7px;\r\n  }\r\n\r\n  #scm-home-v1 h1{\r\n    font-size:clamp(50px,14vw,73px);\r\n  }\r\n\r\n  #scm-home-v1 .hm-studio{\r\n    min-height:620px;\r\n  }\r\n\r\n  #scm-home-v1 .frag-a{\r\n    width:72%;\r\n  }\r\n\r\n  #scm-home-v1 .frag-b{\r\n    width:62%;\r\n    top:35%;\r\n  }\r\n\r\n  #scm-home-v1 .frag-c{\r\n    width:55%;\r\n    bottom:4%;\r\n  }\r\n\r\n  #scm-home-v1 .frag-d{\r\n    width:42%;\r\n  }\r\n\r\n  #scm-home-v1 .frag-e{\r\n    display:none;\r\n  }\r\n\r\n  #scm-home-v1 .hm-position,\r\n  #scm-home-v1 .hm-services-heading,\r\n  #scm-home-v1 .hm-editorial-main,\r\n  #scm-home-v1 .hm-markets,\r\n  #scm-home-v1 .hm-outcomes,\r\n  #scm-home-v1 .hm-stack-heading,\r\n  #scm-home-v1 .hm-process-head,\r\n  #scm-home-v1 .hm-search,\r\n  #scm-home-v1 .hm-insights-head,\r\n  #scm-home-v1 .hm-faq,\r\n  #scm-home-v1 .hm-cta{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-home-v1 .hm-position{\r\n    gap:35px;\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-vertical-rule{\r\n    display:none;\r\n  }\r\n\r\n  #scm-home-v1 .hm-position-copy{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-home-v1 .hm-position-index{\r\n    grid-column:auto;\r\n  }\r\n\r\n  #scm-home-v1 .hm-services{\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-services-heading,\r\n  #scm-home-v1 .hm-stack-heading,\r\n  #scm-home-v1 .hm-process-head,\r\n  #scm-home-v1 .hm-insights-head{\r\n    gap:24px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-capability{\r\n    grid-template-columns:35px minmax(0,1fr) 22px;\r\n    min-height:150px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-capability p{\r\n    display:none;\r\n  }\r\n\r\n  #scm-home-v1 .hm-editorial{\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-photo.photo-a{\r\n    height:72vw;\r\n  }\r\n\r\n  #scm-home-v1 .hm-editorial-copy{\r\n    padding:55px 28px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-editorial-strip{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-home-v1 .hm-editorial-strip .hm-photo{\r\n    height:60vw;\r\n  }\r\n\r\n  #scm-home-v1 .hm-editorial-note{\r\n    min-height:300px;\r\n    border:0;\r\n    border-top:1px solid var(--line);\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  #scm-home-v1 .hm-markets{\r\n    gap:50px;\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-market-map{\r\n    min-height:560px;\r\n  }\r\n\r\n  #scm-home-v1 .market-node{\r\n    width:105px;\r\n    height:105px;\r\n  }\r\n\r\n  #scm-home-v1 .market-core{\r\n    width:140px;\r\n    height:140px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-outcome-title,\r\n  #scm-home-v1 .hm-outcome-grid{\r\n    min-height:auto;\r\n    padding:60px 28px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-outcome-title{\r\n    border-right:0;\r\n    border-bottom:1px solid #333;\r\n  }\r\n\r\n  #scm-home-v1 .hm-outcome-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-home-v1 .hm-outcome-grid article,\r\n  #scm-home-v1 .hm-outcome-grid article:nth-child(n){\r\n    border-left:1px solid #333;\r\n  }\r\n\r\n  #scm-home-v1 .hm-stack{\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-stack-stage{\r\n    min-height:600px;\r\n  }\r\n\r\n  #scm-home-v1 .stack-ring.r3{\r\n    width:460px;\r\n    height:460px;\r\n  }\r\n\r\n  #scm-home-v1 .stack-item{\r\n    min-width:95px;\r\n    padding:11px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-process{\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-process-list{\r\n    width:100%;\r\n  }\r\n\r\n  #scm-home-v1 .hm-process-list article{\r\n    grid-template-columns:55px 1fr;\r\n    gap:18px;\r\n    padding:20px 0;\r\n  }\r\n\r\n  #scm-home-v1 .hm-process-list p{\r\n    grid-column:2;\r\n  }\r\n\r\n  #scm-home-v1 .process-no{\r\n    font-size:30px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-search{\r\n    min-height:auto;\r\n  }\r\n\r\n  #scm-home-v1 .hm-search-visual{\r\n    min-height:420px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-search-copy{\r\n    padding:60px 0;\r\n  }\r\n\r\n  #scm-home-v1 .hm-insights{\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-insights-head>div{\r\n    display:block;\r\n  }\r\n\r\n  #scm-home-v1 .hm-insights-head .hm-link{\r\n    margin-top:25px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-insight-list{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-faq{\r\n    gap:50px;\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-faq-intro{\r\n    position:static;\r\n  }\r\n\r\n  #scm-home-v1 .hm-cta{\r\n    min-height:auto;\r\n    gap:45px;\r\n    padding:80px 0 90px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-cta-symbol{\r\n    height:370px;\r\n  }\r\n\r\n  #scm-home-v1 .cta-circle{\r\n    width:320px;\r\n    height:320px;\r\n  }\r\n\r\n  #scm-home-v1 .hm-cta-copy h2{\r\n    font-size:clamp(48px,14vw,70px);\r\n  }\r\n\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #scm-home-v1 .hm-rail-track,\r\n  #scm-home-v1 .hm-studio-status i,\r\n  #scm-home-v1 .hm-fragment,\r\n  #scm-home-v1 .stack-ring,\r\n  #scm-home-v1 .cta-circle,\r\n  #scm-home-v1 .hm-insight-placeholder{\r\n    animation:none!important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  var root = document.getElementById('scm-home-v1');\r\n  if(!root) return;\r\n\r\n  \/* FAQ: one open at a time *\/\r\n  root.querySelectorAll('.hm-faq-list details').forEach(function(item){\r\n\r\n    item.addEventListener('toggle',function(){\r\n\r\n      if(!item.open) return;\r\n\r\n      root.querySelectorAll('.hm-faq-list details').forEach(function(other){\r\n        if(other !== item) other.open = false;\r\n      });\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* Latest 3 blog posts *\/\r\n  var list = root.querySelector('#hm-insight-list');\r\n\r\n  function stripHTML(html){\r\n    var node = document.createElement('div');\r\n    node.innerHTML = html || '';\r\n    return (node.textContent || node.innerText || '').trim();\r\n  }\r\n\r\n  function esc(value){\r\n    return String(value || '')\r\n      .replace(\/&\/g,'&amp;')\r\n      .replace(\/<\/g,'&lt;')\r\n      .replace(\/>\/g,'&gt;')\r\n      .replace(\/\"\/g,'&quot;')\r\n      .replace(\/'\/g,'&#039;');\r\n  }\r\n\r\n  function dateLabel(value){\r\n    var d = new Date(value);\r\n\r\n    return d.toLocaleDateString('en-MY',{\r\n      year:'numeric',\r\n      month:'short',\r\n      day:'numeric'\r\n    });\r\n  }\r\n\r\n  fetch('\/wp-json\/wp\/v2\/posts?per_page=3&orderby=date&order=desc')\r\n    .then(function(response){\r\n      if(!response.ok) throw new Error('Unable to load blog posts.');\r\n      return response.json();\r\n    })\r\n    .then(function(posts){\r\n\r\n      list.innerHTML = posts.map(function(post){\r\n\r\n        var title = stripHTML(post.title && post.title.rendered);\r\n        var excerpt = stripHTML(post.excerpt && post.excerpt.rendered);\r\n\r\n        if(excerpt.length > 180){\r\n          excerpt = excerpt.substring(0,180).replace(\/\\s+\\S*$\/,'') + '\u2026';\r\n        }\r\n\r\n        return (\r\n          '<article class=\"hm-insight-card\">' +\r\n            '<time>' + esc(dateLabel(post.date)) + '<\/time>' +\r\n            '<h3><a href=\"' + esc(post.link) + '\">' + esc(title) + '<\/a><\/h3>' +\r\n            '<p>' + esc(excerpt) + '<\/p>' +\r\n            '<a href=\"' + esc(post.link) + '\">Read insight \u2197<\/a>' +\r\n          '<\/article>'\r\n        );\r\n\r\n      }).join('');\r\n\r\n    })\r\n    .catch(function(){\r\n\r\n      list.innerHTML =\r\n        '<article class=\"hm-insight-card\">' +\r\n          '<h3>Explore SYSCOMM Insights<\/h3>' +\r\n          '<p>Read practical articles about web design, ecommerce, SEO and website development.<\/p>' +\r\n          '<a href=\"\/blog\/\">View blog \u2197<\/a>' +\r\n        '<\/article>';\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf49c3d e-flex e-con-boxed e-con e-parent\" data-id=\"cf49c3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SYSCOMM \/ WEB DESIGN MALAYSIA JOHOR \u00b7 ECOMMERCE \u00b7 SEO \u00b7 CUSTOM DEVELOPMENT DIGITAL EXPERIENCES FOR REAL BUSINESSES Web Design Malaysia for Businesses That Need More Than a Template. SYSCOMM designs and develops professional websites for businesses in Johor and across Malaysia \u2014 from corporate websites and ecommerce to Shopify, SEO, custom web systems and [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8349","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/8349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/comments?post=8349"}],"version-history":[{"count":46,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/8349\/revisions"}],"predecessor-version":[{"id":8460,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/8349\/revisions\/8460"}],"wp:attachment":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/media?parent=8349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}