{"id":182,"date":"2026-03-01T23:00:30","date_gmt":"2026-03-01T23:00:30","guid":{"rendered":"https:\/\/sarjanasakti.com\/web\/?page_id=182"},"modified":"2026-04-03T11:31:47","modified_gmt":"2026-04-03T11:31:47","slug":"perusahaan","status":"publish","type":"page","link":"https:\/\/sarjanasakti.com\/web\/perusahaan\/","title":{"rendered":"perusahaan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"182\" class=\"elementor elementor-182\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16097b2 e-flex e-con-boxed e-con e-parent\" data-id=\"16097b2\" 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-d0e073d elementor-widget elementor-widget-html\" data-id=\"d0e073d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Headline Clean - Sarjana Sakti<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --premium-blue: #0070f3;\r\n            --text-main: #ffffff; \/* Ubah ke #111111 jika background web Anda putih *\/\r\n            --text-muted: #a0a0a0; \/* Ubah ke #666666 jika background web Anda putih *\/\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: #050505; \/* Hapus jika diinjek ke Elementor *\/\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            padding: clamp(10px, 5vw, 40px);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* CONTAINER RESPONSIF *\/\r\n        .hero-transparent-block {\r\n            max-width: 1100px;\r\n            width: 100%;\r\n            background: transparent;\r\n            padding: clamp(20px, 8vw, 60px) 0;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .content-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* BADGE\/EYEBROW *\/\r\n        .eyebrow {\r\n            display: inline-block;\r\n            color: var(--premium-blue);\r\n            font-size: clamp(0.7rem, 2vw, 0.9rem);\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: clamp(2px, 1vw, 5px);\r\n            margin-bottom: clamp(15px, 4vw, 25px);\r\n            border-bottom: 2px solid var(--premium-blue);\r\n            padding-bottom: 5px;\r\n        }\r\n\r\n        \/* HEADLINE FLUID *\/\r\n        .headline {\r\n            \/* Mengecil otomatis di HP, membesar di Desktop *\/\r\n            font-size: clamp(1.8rem, 7vw, 4.2rem);\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            color: var(--text-main);\r\n            text-transform: uppercase;\r\n            margin-bottom: clamp(20px, 5vw, 35px);\r\n            letter-spacing: -1px;\r\n            width: 100%;\r\n        }\r\n\r\n        .headline span {\r\n            color: var(--premium-blue);\r\n            \/* Efek outline tipis untuk kesan high-tech *\/\r\n            -webkit-text-stroke: 1px var(--premium-blue);\r\n            background: transparent;\r\n        }\r\n\r\n        \/* SUBHEADLINE\/USP PRIMARY *\/\r\n        .usp-primary {\r\n            font-size: clamp(1rem, 3vw, 1.8rem);\r\n            font-weight: 700;\r\n            color: var(--text-main);\r\n            margin-bottom: clamp(25px, 6vw, 45px);\r\n            line-height: 1.4;\r\n            max-width: 900px;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .usp-primary mark {\r\n            background: transparent;\r\n            color: var(--premium-blue);\r\n            font-weight: 900;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* ITEM POIN *\/\r\n        .usp-list {\r\n            list-style: none;\r\n            max-width: 850px;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n        }\r\n\r\n        .usp-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-size: clamp(0.9rem, 2.2vw, 1.25rem);\r\n            color: var(--text-muted);\r\n            line-height: 1.6;\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .usp-item b {\r\n            color: var(--text-main);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .check-icon {\r\n            color: var(--premium-blue);\r\n            font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n        }\r\n\r\n        \/* PERBAIKAN KHUSUS MOBILE KECIL *\/\r\n        @media (max-width: 480px) {\r\n            .hero-transparent-block {\r\n                padding: 30px 5px;\r\n            }\r\n            .headline {\r\n                letter-spacing: 0;\r\n                line-height: 1.2;\r\n            }\r\n            .usp-item {\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hero-transparent-block\">\r\n        <div class=\"content-wrapper\">\r\n            <div class=\"eyebrow\">Enterprise Solutions<\/div>\r\n            \r\n            <h1 class=\"headline\">\r\n                Rekrutmen Berbasis Data, <br>\r\n                <span>Bukan Spekulasi.<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"usp-primary\">\r\n                Dapatkan Kandidat Sarjana dengan Akurasi Soft Skills <mark>97,8%<\/mark> Secara Otomatis!\r\n            <\/div>\r\n\r\n            <div class=\"usp-list\">\r\n                <div class=\"usp-item\">\r\n                    <span class=\"check-icon\">\u2726<\/span>\r\n                    <p>Potong Biaya <b>(Cost)<\/b>, Waktu <b>(Time)<\/b>, dan Tenaga <b>(Effort)<\/b> Rekrutmen Anda Hingga <b>80%<\/b> dengan Sistem Tervalidasi Negara.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f17be21 elementor-widget elementor-widget-image\" data-id=\"f17be21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru.jpg\" class=\"attachment-large size-large wp-image-775\" alt=\"Efisiensi Rekrutmen Karyawan Baru\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7637876 elementor-widget elementor-widget-html\" data-id=\"7637876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Premium CTA - Sarjanasakti Responsive<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --accent-blue: #0070f3;\r\n            --deep-black: #050505;\r\n            --carbon: #0f0f0f;\r\n            --glass: rgba(255, 255, 255, 0.03);\r\n            --white: #ffffff;\r\n            --gray: #888888;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--deep-black);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            \/* Padding luar dinamis agar tidak menempel di HP *\/\r\n            padding: clamp(15px, 5vw, 40px);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .cta-wrapper {\r\n            max-width: 1100px;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .cta-box {\r\n            position: relative;\r\n            width: 100%;\r\n            background-color: var(--carbon);\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n            border-radius: clamp(20px, 5vw, 40px);\r\n            \/* Padding internal adaptif *\/\r\n            padding: clamp(50px, 10vw, 100px) clamp(20px, 5vw, 40px);\r\n            text-align: center;\r\n            overflow: hidden;\r\n            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.8);\r\n        }\r\n\r\n        \/* Dekorasi Cahaya Statis *\/\r\n        .cta-box::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -20%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80%;\r\n            height: 100%;\r\n            background: radial-gradient(circle, rgba(0, 112, 243, 0.15) 0%, transparent 70%);\r\n            z-index: 0;\r\n        }\r\n\r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .eyebrow {\r\n            color: var(--accent-blue);\r\n            font-size: clamp(0.7rem, 2vw, 0.85rem);\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: clamp(2px, 1vw, 5px);\r\n            margin-bottom: clamp(15px, 3vw, 30px);\r\n            display: block;\r\n        }\r\n\r\n        h2 {\r\n            \/* Fluid Typography: Otomatis menyesuaikan lebar layar *\/\r\n            font-size: clamp(1.6rem, 6vw, 3.2rem);\r\n            font-weight: 900;\r\n            color: var(--white);\r\n            line-height: 1.15;\r\n            margin-bottom: clamp(25px, 4vw, 40px);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        h2 span {\r\n            background: linear-gradient(to right, #ffffff, var(--accent-blue));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .divider {\r\n            width: 60px;\r\n            height: 4px;\r\n            background: var(--accent-blue);\r\n            margin: 0 auto clamp(25px, 4vw, 40px);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .btn-stack {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: clamp(15px, 3vw, 25px);\r\n        }\r\n\r\n        \/* Wrapper khusus 2 Tombol Utama *\/\r\n        .cta-options {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            width: 100%;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .main-cta {\r\n            position: relative;\r\n            background-color: var(--accent-blue);\r\n            color: var(--white);\r\n            padding: clamp(16px, 3vw, 24px) clamp(20px, 4vw, 40px);\r\n            font-size: clamp(0.9rem, 2vw, 1.1rem);\r\n            font-weight: 900;\r\n            text-decoration: none;\r\n            border-radius: 20px; \/* Radius diubah agar cocok untuk teks panjang *\/\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n            box-shadow: 0 20px 40px rgba(0, 112, 243, 0.3);\r\n            width: 100%;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .main-cta small {\r\n            display: block;\r\n            font-size: 0.75em;\r\n            font-weight: 700;\r\n            opacity: 0.85;\r\n            margin-bottom: 5px;\r\n            text-transform: none;\r\n            letter-spacing: normal;\r\n        }\r\n\r\n        .main-cta:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 30px 60px rgba(0, 112, 243, 0.5);\r\n            background-color: #fff;\r\n            color: var(--deep-black);\r\n        }\r\n\r\n        .sub-text {\r\n            max-width: 550px;\r\n            font-size: clamp(0.9rem, 2vw, 1.1rem);\r\n            color: var(--gray);\r\n            line-height: 1.6;\r\n            margin: 10px 0;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .secondary-cta {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            color: var(--white);\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            font-size: clamp(0.85rem, 2vw, 1rem);\r\n            padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 24px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 50px;\r\n            background: var(--glass);\r\n            backdrop-filter: blur(10px);\r\n            transition: 0.3s;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .secondary-cta:hover {\r\n            background: rgba(255, 255, 255, 0.08);\r\n            border-color: var(--accent-blue);\r\n        }\r\n\r\n        \/* Penyesuaian khusus untuk layar sangat sempit (HP jadul\/kecil) *\/\r\n        @media (max-width: 480px) {\r\n            .cta-box {\r\n                padding: 40px 15px;\r\n            }\r\n            .main-cta {\r\n                width: 100%; \/* Tombol lebar penuh agar mudah diklik jari *\/\r\n                text-align: center;\r\n                padding: 18px 15px;\r\n            }\r\n            .secondary-cta {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"cta-wrapper\">\r\n        <div class=\"cta-box\">\r\n            <div class=\"cta-content\">\r\n                <span class=\"eyebrow\">Akses Eksklusif<\/span>\r\n                <h2>Optimalkan SDM <br> <span>Perusahaan Anda<\/span><\/h2>\r\n                <div class=\"divider\"><\/div>\r\n                \r\n                <div class=\"btn-stack\">\r\n                    \r\n                    <div class=\"cta-options\">\r\n                        <a href=\"https:\/\/member.sarjanasakti.com\/product\/paket-perusahaan-perbulan\/\" class=\"main-cta\">\r\n                            <small>Graduate Talent Pool \u2013 Soft Skills Based.<\/small>\r\n                            \"Temukan Sarjana Terbaik\" <br> Langganan Perbulan\r\n                        <\/a>\r\n                        \r\n                        <a href=\"https:\/\/member.sarjanasakti.com\/product\/graduate-talent-pool-soft-skills-based-temukan-sarjana-terbaik-langganan-per-tahun\/\" class=\"main-cta\">\r\n                            <small>Graduate Talent Pool \u2013 Soft Skills Based.<\/small>\r\n                            \"Temukan Sarjana Terbaik\" <br> Langganan Per Tahun\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <p class=\"sub-text\">\r\n                        Ingin kami jelaskan bagaimana sistem ini dapat mengefisiensikan anggaran rekrutmen Anda secara terukur?\r\n                    <\/p>\r\n\r\n                    <a href=\"https:\/\/member.sarjanasakti.com\/product\/demo-bagaimana-sistem-sarjana-sakti-bisa-menghemat-anggaran-hrd-perusahaan-anda\/\" class=\"secondary-cta\">\r\n                        <span>\ud83d\udcc5<\/span> Jadwalkan Meeting Online Gratis\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1302c27 elementor-widget elementor-widget-image\" data-id=\"1302c27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Talent-Pool-Sarjana-Terbaik.jpg\" class=\"attachment-large size-large wp-image-776\" alt=\"Talent Pool Sarjana Terbaik\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Talent-Pool-Sarjana-Terbaik.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Talent-Pool-Sarjana-Terbaik-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Talent-Pool-Sarjana-Terbaik-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef9a36 elementor-widget elementor-widget-html\" data-id=\"2ef9a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Pain Points Perusahaan - Sarjanasakti Responsive<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --premium-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --premium-blue: #0070f3;\r\n            --text-white: #ffffff;\r\n            --text-muted: #a0a0a0;\r\n            --border-color: #1a1a1a;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--premium-black);\r\n            color: var(--text-white);\r\n            \/* Padding adaptif: besar di desktop, proporsional di HP *\/\r\n            padding: clamp(40px, 10vw, 80px) clamp(15px, 5vw, 20px);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .pain-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .section-header {\r\n            margin-bottom: clamp(40px, 8vw, 60px);\r\n        }\r\n\r\n        .section-header h2 {\r\n            \/* Fluid typography: teks otomatis mengecil di layar sempit *\/\r\n            font-size: clamp(1.6rem, 5vw, 2.8rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .section-header span {\r\n            color: var(--premium-blue);\r\n        }\r\n\r\n        .pain-grid {\r\n            display: grid;\r\n            \/* Responsif grid tanpa Media Query tambahan untuk kolom *\/\r\n            grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\r\n            gap: clamp(15px, 3vw, 25px);\r\n        }\r\n\r\n        .pain-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid var(--border-color);\r\n            padding: clamp(25px, 5vw, 40px) clamp(20px, 4vw, 30px);\r\n            border-radius: 20px;\r\n            text-align: left;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n        }\r\n\r\n        .pain-card:hover {\r\n            border-color: var(--premium-blue);\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 30px rgba(0, 112, 243, 0.15);\r\n        }\r\n\r\n        \/* Border aksen animasi *\/\r\n        .pain-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 0;\r\n            background: var(--premium-blue);\r\n            transition: height 0.4s ease;\r\n        }\r\n\r\n        .pain-card:hover::before {\r\n            height: 100%;\r\n        }\r\n\r\n        .icon-wrapper {\r\n            font-size: clamp(2rem, 5vw, 2.5rem);\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        .pain-card h3 {\r\n            font-size: clamp(1rem, 2vw, 1.15rem);\r\n            font-weight: 700;\r\n            color: var(--premium-blue);\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .pain-card p {\r\n            font-size: clamp(0.85rem, 1.5vw, 0.95rem);\r\n            color: var(--text-muted);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Penyesuaian khusus layar HP Portrait *\/\r\n        @media (max-width: 480px) {\r\n            .section-header h2 {\r\n                text-align: center;\r\n            }\r\n            .pain-card {\r\n                align-items: center;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"pain-section\">\r\n        <div class=\"section-header\">\r\n            <h2>Apakah Perusahaan Anda Sering <br> <span>Menghadapi Masalah Ini?<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"pain-grid\">\r\n            <div class=\"pain-card\">\r\n                <span class=\"icon-wrapper\">\ud83d\udcc4<\/span>\r\n                <h3>Tumpukan Resume Tidak Relevan<\/h3>\r\n                <p>Menghabiskan waktu berjam-jam menyaring ribuan CV yang tidak sesuai kriteria perusahaan Anda.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pain-card\">\r\n                <span class=\"icon-wrapper\">\ud83d\udd04<\/span>\r\n                <h3>Salah Rekrut (High Turnover)<\/h3>\r\n                <p>Karyawan memiliki hard skill mumpuni namun soft skill buruk, sehingga tidak bertahan lama dalam tim.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pain-card\">\r\n                <span class=\"icon-wrapper\">\u2699\ufe0f<\/span>\r\n                <h3>Proses Manual Melelahkan<\/h3>\r\n                <p>Dari posting loker hingga screening, semuanya menyerap biaya iklan, waktu, dan tenaga yang besar.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pain-card\">\r\n                <span class=\"icon-wrapper\">\ud83d\udcc9<\/span>\r\n                <h3>Kesenjangan Kualitas<\/h3>\r\n                <p>Sulit menemukan sarjana yang benar-benar siap kerja dengan karakter sesuai kebutuhan industri saat ini.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb4440c elementor-widget elementor-widget-image\" data-id=\"fb4440c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Sistem-Tracer-Study-Digital-Universitas.jpg\" class=\"attachment-large size-large wp-image-777\" alt=\"Sistem Tracer Study Digital Universitas\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Sistem-Tracer-Study-Digital-Universitas.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Sistem-Tracer-Study-Digital-Universitas-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Sistem-Tracer-Study-Digital-Universitas-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ade32d4 elementor-widget elementor-widget-html\" data-id=\"ade32d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Dream Points HRD - Sarjanasakti Responsive<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --premium-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --premium-blue: #0070f3;\r\n            --text-white: #ffffff;\r\n            --text-muted: #a0a0a0;\r\n            --border-color: #1a1a1a;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--premium-black);\r\n            color: var(--text-white);\r\n            \/* Padding responsif: mengecil di HP, membesar di Desktop *\/\r\n            padding: clamp(40px, 8vw, 80px) clamp(15px, 3vw, 20px);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .dream-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .dream-header {\r\n            margin-bottom: clamp(30px, 6vw, 60px);\r\n        }\r\n\r\n        .dream-header h2 {\r\n            \/* Fluid typography: otomatis menyesuaikan lebar layar *\/\r\n            font-size: clamp(1.5rem, 5vw, 2.5rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .dream-header span {\r\n            color: var(--premium-blue);\r\n        }\r\n\r\n        .dream-grid {\r\n            display: grid;\r\n            \/* Grid dinamis: minimal 280px, otomatis menyesuaikan sisa ruang *\/\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: clamp(15px, 2.5vw, 25px);\r\n        }\r\n\r\n        .dream-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid var(--border-color);\r\n            padding: clamp(25px, 4vw, 40px) clamp(20px, 3vw, 30px);\r\n            border-radius: 24px;\r\n            text-align: left;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n        }\r\n\r\n        .dream-card:hover {\r\n            border-color: var(--premium-blue);\r\n            background: linear-gradient(145deg, #0f0f0f, #001020);\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 35px rgba(0, 112, 243, 0.1);\r\n        }\r\n\r\n        .icon-box {\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: rgba(0, 112, 243, 0.1);\r\n            border: 1px solid var(--premium-blue);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n            color: var(--premium-blue);\r\n            font-size: 1.5rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .dream-card h3 {\r\n            font-size: clamp(1.1rem, 2vw, 1.25rem);\r\n            font-weight: 800;\r\n            color: var(--white);\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .dream-card p {\r\n            font-size: clamp(0.85rem, 1.5vw, 0.95rem);\r\n            color: var(--text-muted);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Responsive Fix untuk HP *\/\r\n        @media (max-width: 480px) {\r\n            .dream-header h2 {\r\n                text-align: center;\r\n                line-height: 1.3;\r\n            }\r\n            .dream-card {\r\n                text-align: center;\r\n                align-items: center;\r\n            }\r\n            .icon-box {\r\n                margin-bottom: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"dream-section\">\r\n        <div class=\"dream-header\">\r\n            <h2>Bayangkan Jika Proses Rekrutmen Anda <br> <span>Berubah Menjadi Seperti Ini:<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"dream-grid\">\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-box\">\u2713<\/div>\r\n                <h3>Kandidat Langsung \"Matang\"<\/h3>\r\n                <p>Anda hanya menerima daftar pendek <i>(shortlist)<\/i> kandidat yang sudah teruji melalui pemetaan 25 aspek soft skills secara mendalam.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-box\">\u2713<\/div>\r\n                <h3>Akurasi Tinggi<\/h3>\r\n                <p>Mempekerjakan orang yang tepat di posisi yang tepat berdasarkan analisis komputasi <b>NAZ (Numerical AnalyZing) System<\/b> yang akurat.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-box\">\u2713<\/div>\r\n                <h3>Otomatisasi 24\/7<\/h3>\r\n                <p>Sistem cerdas yang terus bekerja mencari dan mencocokkan profil terbaik untuk perusahaan Anda tanpa henti.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-box\">\u2713<\/div>\r\n                <h3>Efisiensi Mutlak<\/h3>\r\n                <p>Proses rekrutmen yang jauh lebih cepat dan murah namun menghasilkan SDM berkualitas tinggi untuk kemajuan industri.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f77d62 elementor-widget elementor-widget-image\" data-id=\"9f77d62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Kemitraan-Industri-dan-Perguruan-Tinggi.jpg\" class=\"attachment-large size-large wp-image-778\" alt=\"Kemitraan Industri dan Perguruan Tinggi\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Kemitraan-Industri-dan-Perguruan-Tinggi.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Kemitraan-Industri-dan-Perguruan-Tinggi-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Kemitraan-Industri-dan-Perguruan-Tinggi-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6f4b76 elementor-widget elementor-widget-html\" data-id=\"a6f4b76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Kenapa Sarjanasakti - Authority Block Responsive<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --premium-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --premium-blue: #0070f3;\r\n            --white: #ffffff;\r\n            --muted-gray: #a0a0a0;\r\n            --border-color: #1a1a1a;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--premium-black);\r\n            color: var(--white);\r\n            \/* Padding responsif: besar di desktop, kecil di HP *\/\r\n            padding: clamp(40px, 8vw, 80px) 20px;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .authority-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .section-header {\r\n            margin-bottom: clamp(40px, 6vw, 60px);\r\n        }\r\n\r\n        .section-header h2 {\r\n            \/* Fluid typography: ukuran otomatis menyesuaikan lebar layar *\/\r\n            font-size: clamp(1.8rem, 5vw, 3rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .section-header span {\r\n            color: var(--premium-blue);\r\n        }\r\n\r\n        \/* Bento Grid System *\/\r\n        .bento-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(12, 1fr);\r\n            gap: clamp(15px, 2.5vw, 25px);\r\n        }\r\n\r\n        .bento-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid var(--border-color);\r\n            padding: clamp(25px, 4vw, 40px);\r\n            border-radius: 24px;\r\n            text-align: left;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-start;\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n        }\r\n\r\n        .bento-card:hover {\r\n            border-color: var(--premium-blue);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 112, 243, 0.1);\r\n        }\r\n\r\n        \/* Responsive Grid Column Logic *\/\r\n        .item-large { grid-column: span 7; }\r\n        .item-medium { grid-column: span 5; }\r\n\r\n        .icon-wrapper {\r\n            font-size: clamp(2rem, 4vw, 2.5rem);\r\n            margin-bottom: clamp(15px, 3vw, 25px);\r\n            color: var(--premium-blue);\r\n        }\r\n\r\n        .bento-card h3 {\r\n            font-size: clamp(1.1rem, 2vw, 1.25rem);\r\n            font-weight: 800;\r\n            color: var(--premium-blue);\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .bento-card p {\r\n            font-size: clamp(0.85rem, 1.5vw, 0.95rem);\r\n            line-height: 1.6;\r\n            color: var(--muted-gray);\r\n        }\r\n\r\n        .stat-badge {\r\n            font-size: clamp(2.2rem, 5vw, 2.8rem);\r\n            font-weight: 900;\r\n            color: var(--white);\r\n            margin-bottom: 10px;\r\n            display: block;\r\n        }\r\n\r\n        .accent-line {\r\n            width: 40px;\r\n            height: 4px;\r\n            background: var(--premium-blue);\r\n            margin-bottom: 20px;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- RESPONSIVE BREAKPOINTS --- *\/\r\n\r\n        \/* Tablet (Layar di bawah 992px) *\/\r\n        @media (max-width: 992px) {\r\n            .item-large, .item-medium { \r\n                grid-column: span 6; \/* Bagi dua kolom rata *\/\r\n            }\r\n        }\r\n\r\n        \/* Smartphone Landscape (Layar di bawah 768px) *\/\r\n        @media (max-width: 768px) {\r\n            .bento-grid {\r\n                gap: 20px;\r\n            }\r\n            .item-large, .item-medium { \r\n                grid-column: span 12; \/* Full width (satu kolom) *\/\r\n            }\r\n            .bento-card {\r\n                padding: 30px 25px;\r\n            }\r\n        }\r\n\r\n        \/* Smartphone Portrait Kecil (Layar di bawah 480px) *\/\r\n        @media (max-width: 480px) {\r\n            body {\r\n                padding: 40px 15px;\r\n            }\r\n            .section-header h2 {\r\n                font-size: 1.6rem;\r\n            }\r\n            .bento-card {\r\n                padding: 25px 20px;\r\n                border-radius: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"authority-section\">\r\n        <div class=\"section-header\">\r\n            <h2>Kenapa <span>Sarjanasakti?<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bento-grid\">\r\n            <div class=\"bento-card item-large\">\r\n                <div class=\"icon-wrapper\">\ud83d\udee1\ufe0f<\/div>\r\n                <h3>Teknologi Tervalidasi IPTEK<\/h3>\r\n                <div class=\"accent-line\"><\/div>\r\n                <p>Satu-satunya sistem yang memenuhi <strong>Sistem Inovasi Nasional (SINas)<\/strong> dengan dukungan penuh pendanaan APBN Ristekdikti untuk menjamin kualitas rekrutmen standar tinggi.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card item-medium\">\r\n                <div class=\"icon-wrapper\">\ud83c\udfe2<\/div>\r\n                <span class=\"stat-badge\">4.183+<\/span>\r\n                <h3>Database Perusahaan<\/h3>\r\n                <p>Bergabunglah dengan ribuan perusahaan mitra yang telah merasakan kemudahan rekrutmen berbasis portofolio digital otomatis.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card item-medium\">\r\n                <div class=\"icon-wrapper\">\ud83d\udcca<\/div>\r\n                <h3>25 Aspek Penilaian SDM<\/h3>\r\n                <div class=\"accent-line\"><\/div>\r\n                <p>Pemetaan karakter komprehensif mulai dari integritas, kepemimpinan, hingga ketahanan kerja secara ilmiah dan empiris.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card item-large\">\r\n                <div class=\"icon-wrapper\">\ud83d\udc8e<\/div>\r\n                <h3>Hasil Teruji (Success Rate)<\/h3>\r\n                <div class=\"accent-line\"><\/div>\r\n                <p>Tingkat kepuasan sistem mencapai <strong>88,25 (Grade A+)<\/strong> dengan success rate operasional mencapai <strong>97,81%<\/strong> dalam penyerapan tenaga kerja.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a216bdc elementor-widget elementor-widget-image\" data-id=\"a216bdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter-Sarjana-Sakti.jpg\" class=\"attachment-large size-large wp-image-779\" alt=\"Platform Rekrutmen Berbasis Karakter - Sarjana Sakti\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter-Sarjana-Sakti.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter-Sarjana-Sakti-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter-Sarjana-Sakti-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-437a388 elementor-widget elementor-widget-html\" data-id=\"437a388\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Perbandingan Platform Premium - Sarjanasakti<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --premium-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --premium-blue: #0070f3;\r\n            --white: #ffffff;\r\n            --muted-text: #888888;\r\n            --border-color: #1a1a1a;\r\n            --old-color: #444444;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--premium-black);\r\n            color: var(--white);\r\n            padding: clamp(40px, 8vw, 80px) 15px;\r\n        }\r\n\r\n        .comparison-wrapper {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(1.6rem, 5vw, 2.5rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            margin-bottom: 50px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .section-title span { color: var(--premium-blue); }\r\n\r\n        \/* --- DESAIN DESKTOP (TABEL) --- *\/\r\n        .desktop-table {\r\n            width: 100%;\r\n            border-collapse: separate;\r\n            border-spacing: 0;\r\n            background: var(--card-bg);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            display: table; \/* Default tampil sebagai tabel *\/\r\n        }\r\n\r\n        th, td {\r\n            padding: 25px;\r\n            text-align: center;\r\n            border-bottom: 1px solid var(--border-color);\r\n        }\r\n\r\n        th {\r\n            background: #151515;\r\n            text-transform: uppercase;\r\n            font-weight: 800;\r\n            font-size: 0.85rem;\r\n            letter-spacing: 1px;\r\n            color: var(--muted-text);\r\n        }\r\n\r\n        .feature-name {\r\n            text-align: left;\r\n            font-weight: 700;\r\n            color: var(--white);\r\n            width: 30%;\r\n        }\r\n\r\n        .old-val { color: var(--old-color); width: 35%; }\r\n        .new-val { \r\n            background: rgba(0, 112, 243, 0.05); \r\n            color: var(--white); \r\n            font-weight: 700;\r\n            width: 35%;\r\n        }\r\n\r\n        .check-blue { color: var(--premium-blue); font-weight: 900; margin-right: 10px; }\r\n\r\n        \/* --- DESAIN MOBILE (KARTU) --- *\/\r\n        .mobile-cards { display: none; }\r\n\r\n        @media (max-width: 768px) {\r\n            .desktop-table { display: none; } \/* Sembunyikan tabel di HP *\/\r\n            \r\n            .mobile-cards {\r\n                display: block;\r\n                text-align: left;\r\n            }\r\n\r\n            .comp-card {\r\n                background: var(--card-bg);\r\n                border: 1px solid var(--border-color);\r\n                border-radius: 15px;\r\n                padding: 20px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .comp-card h3 {\r\n                font-size: 0.9rem;\r\n                text-transform: uppercase;\r\n                color: var(--premium-blue);\r\n                margin-bottom: 15px;\r\n                border-bottom: 1px solid var(--border-color);\r\n                padding-bottom: 10px;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .comp-row {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 12px;\r\n            }\r\n\r\n            .comp-item {\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n\r\n            .label-small {\r\n                font-size: 0.7rem;\r\n                font-weight: 700;\r\n                text-transform: uppercase;\r\n                color: var(--muted-text);\r\n                margin-bottom: 4px;\r\n            }\r\n\r\n            .value-text {\r\n                font-size: 0.95rem;\r\n                line-height: 1.4;\r\n            }\r\n\r\n            .value-text.highlight {\r\n                color: var(--white);\r\n                font-weight: 700;\r\n            }\r\n\r\n            .vs-line {\r\n                height: 1px;\r\n                background: var(--border-color);\r\n                margin: 5px 0;\r\n                position: relative;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"comparison-wrapper\">\r\n        <h2 class=\"section-title\">Perbedaan Kami dengan <br> <span>Platform Lain<\/span><\/h2>\r\n\r\n        <table class=\"desktop-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th class=\"feature-name\">Fitur Rekrutmen<\/th>\r\n                    <th>Platform Loker Biasa<\/th>\r\n                    <th style=\"color: var(--premium-blue);\">Sarjanasakti<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td class=\"feature-name\">Penyaringan<\/td>\r\n                    <td class=\"old-val\">Manual (Filter Kata Kunci)<\/td>\r\n                    <td class=\"new-val\"><span class=\"check-blue\">\u2713<\/span> Otomatis (Asesmen Soft Skills)<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td class=\"feature-name\">Data Kandidat<\/td>\r\n                    <td class=\"old-val\">Klaim Sepihak di CV<\/td>\r\n                    <td class=\"new-val\"><span class=\"check-blue\">\u2713<\/span> Tervalidasi Sistem & Praktisi<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td class=\"feature-name\">Fokus Utama<\/td>\r\n                    <td class=\"old-val\">Menumpuk Lamaran<\/td>\r\n                    <td class=\"new-val\"><span class=\"check-blue\">\u2713<\/span> Rekomendasi Tepat<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td class=\"feature-name\">Legalitas<\/td>\r\n                    <td class=\"old-val\">Komersial Murni<\/td>\r\n                    <td class=\"new-val\"><span class=\"check-blue\">\u2713<\/span> Dukungan Kedaireka & DIKTI<\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n\r\n        <div class=\"mobile-cards\">\r\n            <div class=\"comp-card\">\r\n                <h3>Fitur: Penyaringan<\/h3>\r\n                <div class=\"comp-row\">\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\">Loker Biasa<\/span>\r\n                        <span class=\"value-text\" style=\"color:#666;\">Manual (Filter Kata Kunci)<\/span>\r\n                    <\/div>\r\n                    <div class=\"vs-line\"><\/div>\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\" style=\"color:var(--premium-blue)\">Sarjanasakti<\/span>\r\n                        <span class=\"value-text highlight\"><span class=\"check-blue\">\u2713<\/span> Otomatis (Asesmen Soft Skills)<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"comp-card\">\r\n                <h3>Fitur: Data Kandidat<\/h3>\r\n                <div class=\"comp-row\">\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\">Loker Biasa<\/span>\r\n                        <span class=\"value-text\" style=\"color:#666;\">Klaim Sepihak di CV<\/span>\r\n                    <\/div>\r\n                    <div class=\"vs-line\"><\/div>\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\" style=\"color:var(--premium-blue)\">Sarjanasakti<\/span>\r\n                        <span class=\"value-text highlight\"><span class=\"check-blue\">\u2713<\/span> Tervalidasi Sistem & Praktisi<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"comp-card\">\r\n                <h3>Fitur: Fokus Utama<\/h3>\r\n                <div class=\"comp-row\">\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\">Loker Biasa<\/span>\r\n                        <span class=\"value-text\" style=\"color:#666;\">Menumpuk Lamaran<\/span>\r\n                    <\/div>\r\n                    <div class=\"vs-line\"><\/div>\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\" style=\"color:var(--premium-blue)\">Sarjanasakti<\/span>\r\n                        <span class=\"value-text highlight\"><span class=\"check-blue\">\u2713<\/span> Rekomendasi Tepat<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"comp-card\">\r\n                <h3>Fitur: Legalitas<\/h3>\r\n                <div class=\"comp-row\">\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\">Loker Biasa<\/span>\r\n                        <span class=\"value-text\" style=\"color:#666;\">Komersial Murni<\/span>\r\n                    <\/div>\r\n                    <div class=\"vs-line\"><\/div>\r\n                    <div class=\"comp-item\">\r\n                        <span class=\"label-small\" style=\"color:var(--premium-blue)\">Sarjanasakti<\/span>\r\n                        <span class=\"value-text highlight\"><span class=\"check-blue\">\u2713<\/span> Dukungan Kedaireka & DIKTI<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a772ce elementor-widget elementor-widget-image\" data-id=\"5a772ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru-Sarjana-Sakti.jpg\" class=\"attachment-large size-large wp-image-780\" alt=\"Efisiensi Rekrutmen Karyawan Baru - Sarjana Sakti\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru-Sarjana-Sakti.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru-Sarjana-Sakti-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Efisiensi-Rekrutmen-Karyawan-Baru-Sarjana-Sakti-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-879f546 elementor-widget elementor-widget-html\" data-id=\"879f546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>CTA B2B - Sarjanasakti Responsive<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --premium-black: #050505;\r\n            --premium-blue: #0070f3;\r\n            --deep-blue: #0056b3;\r\n            --white: #ffffff;\r\n            --text-gray: #a0a0a0;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--premium-black);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            \/* Padding luar dinamis agar konten tidak menempel ke pinggir layar HP *\/\r\n            padding: clamp(15px, 5vw, 40px);\r\n        }\r\n\r\n        .cta-premium-card {\r\n            max-width: 900px;\r\n            width: 100%;\r\n            background: linear-gradient(145deg, #0a0a0a, #00152a);\r\n            border: 1px solid #1a1a1a;\r\n            border-top: 5px solid var(--premium-blue);\r\n            \/* Padding dalam adaptif *\/\r\n            padding: clamp(40px, 8vw, 80px) clamp(20px, 5vw, 40px);\r\n            border-radius: 30px;\r\n            text-align: center;\r\n            box-shadow: 0 30px 60px rgba(0, 112, 243, 0.15);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Dekorasi Cahaya *\/\r\n        .cta-premium-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -50px;\r\n            left: -50px;\r\n            width: 200px;\r\n            height: 200px;\r\n            background: radial-gradient(circle, rgba(0, 112, 243, 0.1) 0%, transparent 70%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        h2 {\r\n            \/* Fluid Typography: mengecil otomatis di HP, membesar di Desktop *\/\r\n            font-size: clamp(1.6rem, 5vw, 2.8rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            color: var(--white);\r\n            line-height: 1.2;\r\n            margin-bottom: clamp(25px, 5vw, 45px);\r\n        }\r\n\r\n        h2 span {\r\n            color: var(--premium-blue);\r\n        }\r\n\r\n        .btn-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n        \r\n        \/* Container khusus 2 tombol utama *\/\r\n        .primary-actions {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            width: 100%;\r\n            max-width: 650px;\r\n        }\r\n\r\n        .btn-primary {\r\n            display: inline-block;\r\n            background-color: var(--premium-blue);\r\n            color: var(--white);\r\n            \/* Padding tombol responsif *\/\r\n            padding: clamp(16px, 3vw, 22px) clamp(20px, 4vw, 30px);\r\n            font-size: clamp(0.9rem, 2vw, 1.1rem);\r\n            font-weight: 900;\r\n            text-decoration: none;\r\n            border-radius: 20px; \/* Diubah agar pas untuk teks 2 baris *\/\r\n            text-transform: uppercase;\r\n            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 10px 25px rgba(0, 112, 243, 0.4);\r\n            letter-spacing: 1px;\r\n            width: 100%;\r\n            line-height: 1.4;\r\n        }\r\n        \r\n        .btn-primary small {\r\n            display: block;\r\n            font-size: 0.75em;\r\n            font-weight: 700;\r\n            opacity: 0.9;\r\n            margin-bottom: 5px;\r\n            text-transform: none;\r\n            letter-spacing: normal;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: scale(1.03) translateY(-3px);\r\n            background-color: var(--white);\r\n            color: var(--premium-black);\r\n            box-shadow: 0 15px 35px rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .cta-info-text {\r\n            font-size: clamp(0.9rem, 2vw, 1.05rem);\r\n            color: var(--text-gray);\r\n            max-width: 600px;\r\n            margin: 10px 0;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .btn-secondary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            color: var(--premium-blue);\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            font-size: clamp(0.85rem, 2vw, 1rem);\r\n            border-bottom: 2px solid transparent;\r\n            padding-bottom: 5px;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            color: var(--white);\r\n            border-color: var(--premium-blue);\r\n        }\r\n\r\n        .icon-calendar {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        \/* Penyesuaian khusus untuk layar Smartphone sangat kecil *\/\r\n        @media (max-width: 480px) {\r\n            .cta-premium-card {\r\n                padding: 40px 15px;\r\n                border-radius: 20px;\r\n            }\r\n            .btn-primary {\r\n                text-align: center;\r\n                padding: 16px 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"cta-premium-card\">\r\n        <div class=\"cta-content\">\r\n            <h2>Optimalkan SDM Perusahaan <br> <span>Anda Sekarang<\/span><\/h2>\r\n            \r\n            <div class=\"btn-group\">\r\n                \r\n                <div class=\"primary-actions\">\r\n                    <a href=\"https:\/\/member.sarjanasakti.com\/product\/paket-perusahaan-perbulan\/\" class=\"btn-primary\">\r\n                        <small>Graduate Talent Pool \u2013 Soft Skills Based.<\/small>\r\n                        \"Temukan Sarjana Terbaik\" <br> Langganan Perbulan\r\n                    <\/a>\r\n                    \r\n                    <a href=\"https:\/\/member.sarjanasakti.com\/product\/graduate-talent-pool-soft-skills-based-temukan-sarjana-terbaik-langganan-per-tahun\/\" class=\"btn-primary\">\r\n                        <small>Graduate Talent Pool \u2013 Soft Skills Based.<\/small>\r\n                        \"Temukan Sarjana Terbaik\" <br> Langganan Per Tahun\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <p class=\"cta-info-text\">\r\n                    Atau, ingin kami jelaskan bagaimana sistem ini bisa menghemat anggaran HRD Anda?\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/member.sarjanasakti.com\/product\/demo-bagaimana-sistem-sarjana-sakti-bisa-menghemat-anggaran-hrd-perusahaan-anda\/\" class=\"btn-secondary\">\r\n                    <span class=\"icon-calendar\">\ud83d\udcc5<\/span> Jadwalkan Meeting Online Gratis\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b7a191 elementor-widget elementor-widget-image\" data-id=\"2b7a191\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter.jpg\" class=\"attachment-large size-large wp-image-781\" alt=\"\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Platform-Rekrutmen-Berbasis-Karakter-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e97e45e elementor-widget elementor-widget-html\" data-id=\"e97e45e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Footer Disclaimer - Sarjanasakti<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --bg-footer: #050505;\r\n            --text-disclaimer: #666666;\r\n            --accent-blue: #0070f3;\r\n            --border-color: #1a1a1a;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--bg-footer);\r\n        }\r\n\r\n        \/* Container Footer *\/\r\n        .footer-disclaimer-block {\r\n            width: 100%;\r\n            padding: 40px 20px;\r\n            background-color: var(--bg-footer);\r\n            border-top: 1px solid var(--border-color);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .disclaimer-container {\r\n            max-width: 900px;\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Styling Tulisan Kecil *\/\r\n        .disclaimer-text {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: clamp(10px, 2vw, 12px); \/* Sangat kecil dan proporsional *\/\r\n            line-height: 1.8;\r\n            color: var(--text-disclaimer);\r\n            letter-spacing: 0.3px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .disclaimer-text strong {\r\n            color: #888888;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Garis Dekorasi Tipis *\/\r\n        .footer-line {\r\n            width: 40px;\r\n            height: 1px;\r\n            background-color: var(--accent-blue);\r\n            margin: 0 auto 20px;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        \/* Copyright Section *\/\r\n        .copyright {\r\n            margin-top: 20px;\r\n            font-size: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: #444444;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .footer-disclaimer-block {\r\n                padding: 30px 15px;\r\n            }\r\n            .disclaimer-text {\r\n                font-size: 10px;\r\n                text-align: justify; \/* Agar lebih rapi di layar sempit *\/\r\n                text-align-last: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <footer class=\"footer-disclaimer-block\">\r\n        <div class=\"disclaimer-container\">\r\n            <div class=\"footer-line\"><\/div>\r\n            \r\n            <p class=\"disclaimer-text\">\r\n                <strong>Sarjanasakti<\/strong> adalah fasilitator independen yang menjembatani industri dan sarjana melalui teknologi asesmen. Kami tidak berafiliasi dengan platform media sosial manapun. Penggunaan sistem bertujuan untuk meningkatkan efisiensi rekrutmen, namun hasil akhir performa karyawan tetap bergantung pada manajemen internal dan proses on-boarding di masing-masing perusahaan. Seluruh kebijakan dapat berubah sesuai perkembangan platform untuk menjaga kualitas layanan bagi mitra industri.\r\n            <\/p>\r\n\r\n            <div class=\"copyright\">\r\n                &copy; 2026 PT. Sarjanasakti Nusantara Pintar\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\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>Headline Clean &#8211; Sarjana Sakti Enterprise Solutions Rekrutmen Berbasis Data, Bukan Spekulasi. Dapatkan Kandidat Sarjana dengan Akurasi Soft Skills 97,8% Secara Otomatis! \u2726 Potong Biaya (Cost), Waktu (Time), dan Tenaga (Effort) Rekrutmen Anda Hingga 80% dengan Sistem Tervalidasi Negara. Premium CTA &#8211; Sarjanasakti Responsive Akses Eksklusif Optimalkan SDM Perusahaan Anda Graduate Talent Pool \u2013 Soft [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":122,"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":784,"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/pages\/182\/revisions\/784"}],"wp:attachment":[{"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/media?parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}