{"id":313,"date":"2026-03-02T00:22:27","date_gmt":"2026-03-02T00:22:27","guid":{"rendered":"https:\/\/sarjanasakti.com\/web\/?page_id=313"},"modified":"2026-04-03T11:04:37","modified_gmt":"2026-04-03T11:04:37","slug":"kampus","status":"publish","type":"page","link":"https:\/\/sarjanasakti.com\/web\/kampus\/","title":{"rendered":"kampus"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"313\" class=\"elementor elementor-313\">\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>Header Luxury B2B - Sarjana Sakti<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --bg-black: #050505;\r\n            --luxury-gold: #d4af37; \/* Emas Klasik *\/\r\n            --soft-gold: #f1d38e;\r\n            --text-white: #ffffff;\r\n            --text-muted: #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(--bg-black);\r\n            color: var(--text-white);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* HEADER SECTION WRAPPER *\/\r\n        .hero-authority {\r\n            min-height: 85vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            padding: clamp(50px, 12vw, 120px) 20px;\r\n            \/* Gradient radial untuk efek kedalaman mewah *\/\r\n            background: radial-gradient(circle at center, #1a1608 0%, var(--bg-black) 80%);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1100px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* EYEBROW STYLING *\/\r\n        .eyebrow {\r\n            display: inline-block;\r\n            color: var(--luxury-gold);\r\n            font-size: clamp(0.7rem, 2vw, 0.85rem);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 5px;\r\n            padding: 12px 28px;\r\n            border-radius: 4px;\r\n            border: 1px solid var(--luxury-gold);\r\n            margin-bottom: 35px;\r\n            background: rgba(212, 175, 55, 0.05);\r\n        }\r\n\r\n        \/* HEADLINE STYLING *\/\r\n        .headline {\r\n            font-size: clamp(2rem, 7vw, 4.5rem);\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            text-transform: uppercase;\r\n            margin-bottom: 30px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .headline span {\r\n            color: var(--luxury-gold);\r\n            \/* Efek Outline Emas Luxury *\/\r\n            -webkit-text-stroke: 1.5px var(--luxury-gold);\r\n            background: transparent;\r\n            color: transparent;\r\n        }\r\n\r\n        \/* SUBHEADLINE STYLING *\/\r\n        .subheadline {\r\n            font-size: clamp(1rem, 2.5vw, 1.3rem);\r\n            font-weight: 400;\r\n            color: var(--text-muted);\r\n            max-width: 850px;\r\n            margin: 0 auto 50px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .subheadline strong {\r\n            color: var(--soft-gold);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* DIVIDER EMAS *\/\r\n        .divider {\r\n            width: 100px;\r\n            height: 3px;\r\n            background: linear-gradient(to right, transparent, var(--luxury-gold), transparent);\r\n            margin: 0 auto 35px;\r\n        }\r\n\r\n        \/* CHECKLIST \/ POINT STYLING *\/\r\n        .feature-points {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: clamp(15px, 4vw, 30px);\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .point-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n            font-weight: 600;\r\n            color: var(--soft-gold);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .icon-check {\r\n            color: var(--luxury-gold);\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        \/* RESPONSIVE FIXES *\/\r\n        @media (max-width: 768px) {\r\n            .hero-authority {\r\n                padding: 80px 15px;\r\n                min-height: auto;\r\n            }\r\n            .headline span {\r\n                -webkit-text-stroke: 1px var(--luxury-gold);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hero-authority\">\r\n        <div class=\"container\">\r\n            <span class=\"eyebrow\">Partner Strategis Akreditasi Kampus<\/span>\r\n            \r\n            <h1 class=\"headline\">\r\n                Transformasi Lulusan Jadi <br>\r\n                <span>Profil Unggulan<\/span> Industri.\r\n            <\/h1>\r\n\r\n            <div class=\"divider\"><\/div>\r\n\r\n            <p class=\"subheadline\">\r\n                Implementasi Sistem Rekam Jejak <strong>(Tracer Study)<\/strong> tervalidasi Negara untuk pemenuhan <strong>Indikator Kinerja Utama (IKU)<\/strong> secara otomatis dan akurat.\r\n            <\/p>\r\n\r\n            <div class=\"feature-points\">\r\n                <div class=\"point-item\">\r\n                    <span class=\"icon-check\">\u2726<\/span> Tervalidasi Negara\r\n                <\/div>\r\n                <div class=\"point-item\">\r\n                    <span class=\"icon-check\">\u2726<\/span> Otomatisasi IKU\r\n                <\/div>\r\n                <div class=\"point-item\">\r\n                    <span class=\"icon-check\">\u2726<\/span> Akurasi Data Tinggi\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\/Tes-Soft-Skill-untuk-Kerja.jpg\" class=\"attachment-large size-large wp-image-765\" alt=\"Tes Soft Skill untuk Kerja\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Tes-Soft-Skill-untuk-Kerja.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Tes-Soft-Skill-untuk-Kerja-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Tes-Soft-Skill-untuk-Kerja-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>CTA B2B Kampus - 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            --bg-deep: #050505;\r\n            --luxury-gold: #d4af37;\r\n            --soft-gold: #f1d38e;\r\n            --text-white: #ffffff;\r\n            --text-muted: #888888;\r\n            --card-dark: #0f0f0f;\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(--bg-deep);\r\n            color: var(--text-white);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* CTA CONTAINER *\/\r\n        .cta-luxury-wrapper {\r\n            max-width: 900px;\r\n            width: 100%;\r\n            background: linear-gradient(145deg, #0a0a0a, #1a1608);\r\n            border: 1px solid rgba(212, 175, 55, 0.2);\r\n            border-radius: 40px;\r\n            padding: clamp(40px, 8vw, 80px) clamp(20px, 5vw, 40px);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6);\r\n        }\r\n\r\n        \/* Efek Kilau Emas *\/\r\n        .cta-luxury-wrapper::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 60%);\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        .cta-eyebrow {\r\n            color: var(--luxury-gold);\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        h2 {\r\n            font-size: clamp(1.8rem, 5vw, 3rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n            margin-bottom: 35px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        h2 span {\r\n            color: var(--luxury-gold);\r\n        }\r\n\r\n        \/* LINK\/BUTTON DEMO ZOOM *\/\r\n        .btn-zoom-demo {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            background-color: var(--luxury-gold);\r\n            color: var(--bg-deep);\r\n            padding: 22px 50px;\r\n            font-size: clamp(0.9rem, 2vw, 1.1rem);\r\n            font-weight: 900;\r\n            text-decoration: none;\r\n            border-radius: 100px;\r\n            text-transform: uppercase;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 15px 35px rgba(212, 175, 55, 0.3);\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .btn-zoom-demo:hover {\r\n            transform: translateY(-5px) scale(1.03);\r\n            background-color: var(--soft-gold);\r\n            box-shadow: 0 20px 45px rgba(212, 175, 55, 0.5);\r\n        }\r\n\r\n        .btn-zoom-demo span.icon {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        \/* TEXT BAWAH *\/\r\n        .cta-description {\r\n            font-size: clamp(0.95rem, 2vw, 1.15rem);\r\n            color: var(--text-muted);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .cta-description strong {\r\n            color: var(--soft-gold);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* RESPONSIVE FIXES *\/\r\n        @media (max-width: 600px) {\r\n            .cta-luxury-wrapper {\r\n                padding: 50px 20px;\r\n                border-radius: 30px;\r\n            }\r\n            .btn-zoom-demo {\r\n                width: 100%;\r\n                padding: 18px 25px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"cta-luxury-wrapper\">\r\n        <div class=\"cta-content\">\r\n            <span class=\"cta-eyebrow\">Akses Eksklusif<\/span>\r\n            <h2>Tingkatkan Daya Saing <br> <span>Lulusan Institusi Anda<\/span><\/h2>\r\n            \r\n            <a href=\"https:\/\/member.sarjanasakti.com\/product\/demo-sistem-tracer-study-sarjana-sakti-untuk-kampus\/\" class=\"btn-zoom-demo\">\r\n                <span class=\"icon\">\ud83d\udcc5<\/span> Jadwalkan Demo Sistem via Zoom\r\n            <\/a>\r\n\r\n            <p class=\"cta-description\">\r\n                Ingin melihat bagaimana <strong>Numerical AnalyZing (NAZ) System<\/strong> kami memetakan kualitas lulusan Anda secara otomatis?\r\n            <\/p>\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-80ead81 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"80ead81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/member.sarjanasakti.com\/product\/paket-perusahaan-max1500-lulusan-per-tahun\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ambil Paket Tracer Study Berbasis Digital &amp; Branding Kampus &lt;1500 Lulusan per tahun<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e93c499 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"e93c499\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/member.sarjanasakti.com\/product\/tracer-study-berbasis-digital-branding-kampus-1500-3000-lulusan-per-tahun\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ambil Paket Tracer Study Berbasis Digital &amp; Branding Kampus [1500-3000 Lulusan] Per tahun<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5fd09 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7e5fd09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/member.sarjanasakti.com\/product\/tracer-study-berbasis-digital-branding-kampus-3000-6000-lulusan-per-tahun\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ambil Paket Tracer Study Berbasis Digital &amp; Branding Kampus [3000-6000 Lulusan] Per tahun<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a5cda elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c6a5cda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/member.sarjanasakti.com\/product\/tracer-study-berbasis-digital-branding-kampus-6000-lulusan-per-tahun\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ambil Paket Tracer Study Berbasis Digital &amp; Branding Kampus [&gt;6000 Lulusan] Per tahun<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-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\/Ekosistem-Digital-Karir.jpg\" class=\"attachment-large size-large wp-image-766\" alt=\"\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Ekosistem-Digital-Karir.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Ekosistem-Digital-Karir-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Ekosistem-Digital-Karir-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 Luxury - 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            --bg-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --luxury-gold: #d4af37;\r\n            --soft-gold: #f1d38e;\r\n            --text-white: #ffffff;\r\n            --text-muted: #888888;\r\n            --border-gold: rgba(212, 175, 55, 0.2);\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(--bg-black);\r\n            color: var(--text-white);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .pain-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: clamp(60px, 10vw, 100px) 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* HEADER SECTION *\/\r\n        .section-header {\r\n            margin-bottom: clamp(40px, 8vw, 60px);\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: clamp(1.8rem, 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            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-header span {\r\n            color: var(--luxury-gold);\r\n            display: block;\r\n        }\r\n\r\n        .gold-line {\r\n            width: 60px;\r\n            height: 3px;\r\n            background: var(--luxury-gold);\r\n            margin: 0 auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* GRID SYSTEM *\/\r\n        .pain-grid {\r\n            display: grid;\r\n            \/* Responsif otomatis: minimal 280px, maksimal mengisi sisa ruang *\/\r\n            grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\r\n            gap: 25px;\r\n        }\r\n\r\n        \/* CARD STYLING *\/\r\n        .pain-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid var(--border-gold);\r\n            padding: clamp(30px, 5vw, 45px) clamp(20px, 4vw, 30px);\r\n            border-radius: 15px;\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(--luxury-gold);\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(212, 175, 55, 0.05);\r\n        }\r\n\r\n        \/* Accent Top Border on Hover *\/\r\n        .pain-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(to right, transparent, var(--luxury-gold), transparent);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .pain-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .icon-box {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 25px;\r\n            color: var(--luxury-gold);\r\n            filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.3));\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(--soft-gold);\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            line-height: 1.4;\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.7;\r\n        }\r\n\r\n        \/* MOBILE OPTIMIZATION *\/\r\n        @media (max-width: 480px) {\r\n            .pain-section {\r\n                padding: 60px 15px;\r\n            }\r\n            .pain-card {\r\n                text-align: center;\r\n                align-items: 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>Kendala Klasik yang Menghambat <br> <span>Akreditasi Anda?<\/span><\/h2>\r\n            <div class=\"gold-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pain-grid\">\r\n            <div class=\"pain-card\">\r\n                <div class=\"icon-box\">\ud83d\udcc9<\/div>\r\n                <h3>Validitas Tracer Study Rendah<\/h3>\r\n                <p>Proses pelacakan alumni yang masih manual mengakibatkan data tidak sinkron dengan kebutuhan borang akreditasi.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pain-card\">\r\n                <div class=\"icon-box\">\ud83e\udde9<\/div>\r\n                <h3>Gap Kompetensi Lulusan<\/h3>\r\n                <p>Sulitnya memetakan soft skills lulusan secara ilmiah yang sesuai dengan standar permintaan industri saat ini.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pain-card\">\r\n                <div class=\"icon-box\">\ud83d\udcb0<\/div>\r\n                <h3>Biaya Audit yang Mahal<\/h3>\r\n                <p>Membangun sistem pelaporan mandiri memerlukan investasi infrastruktur IT dan SDM yang besar setiap tahunnya.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pain-card\">\r\n                <div class=\"icon-box\">\ud83e\udd1d<\/div>\r\n                <h3>Lemahnya Koneksi Industri<\/h3>\r\n                <p>Data kerjasama (MoU) seringkali hanya di atas kertas tanpa adanya penyerapan lulusan yang nyata dan terukur.<\/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\/Cara-Cepat-Dapat-Kerja-Setelah-Lulus.jpg\" class=\"attachment-large size-large wp-image-767\" alt=\"Cara Cepat Dapat Kerja Setelah Lulus\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Cara-Cepat-Dapat-Kerja-Setelah-Lulus.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Cara-Cepat-Dapat-Kerja-Setelah-Lulus-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Cara-Cepat-Dapat-Kerja-Setelah-Lulus-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 Luxury - 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            --bg-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --luxury-gold: #d4af37;\r\n            --soft-gold: #f1d38e;\r\n            --text-white: #ffffff;\r\n            --text-muted: #a0a0a0;\r\n            --glass-gold: rgba(212, 175, 55, 0.1);\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(--bg-black);\r\n            color: var(--text-white);\r\n        }\r\n\r\n        .dream-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: clamp(60px, 10vw, 100px) 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* HEADER SECTION *\/\r\n        .section-header {\r\n            margin-bottom: clamp(40px, 8vw, 70px);\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: clamp(1.8rem, 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            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-header span {\r\n            color: var(--luxury-gold);\r\n        }\r\n\r\n        .gold-divider {\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, transparent, var(--luxury-gold), transparent);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* GRID LAYOUT *\/\r\n        .dream-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\r\n            gap: 25px;\r\n        }\r\n\r\n        \/* CARD STYLING *\/\r\n        .dream-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid rgba(212, 175, 55, 0.15);\r\n            padding: clamp(30px, 5vw, 45px) clamp(20px, 4vw, 30px);\r\n            border-radius: 20px;\r\n            text-align: left;\r\n            transition: all 0.4s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n\r\n        .dream-card:hover {\r\n            border-color: var(--luxury-gold);\r\n            background: linear-gradient(145deg, #0f0f0f, #1a1608);\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        \/* CHECKLIST ICON BOX *\/\r\n        .icon-check-box {\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: var(--glass-gold);\r\n            border: 1px solid var(--luxury-gold);\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(--luxury-gold);\r\n            font-size: 1.4rem;\r\n            font-weight: 900;\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(--text-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        .dream-card p strong {\r\n            color: var(--soft-gold);\r\n        }\r\n\r\n        \/* RESPONSIVE OPTIMIZATION *\/\r\n        @media (max-width: 480px) {\r\n            .dream-section {\r\n                padding: 50px 15px;\r\n            }\r\n            .dream-card {\r\n                text-align: center;\r\n                align-items: center;\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=\"section-header\">\r\n            <h2>Wujudkan Ekosistem Lulusan <br> <span>Berbasis Data:<\/span><\/h2>\r\n            <div class=\"gold-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dream-grid\">\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-check-box\">\u2713<\/div>\r\n                <h3>Laporan IKU Siap Saji<\/h3>\r\n                <p>Dapatkan data keterserapan lulusan yang <strong>valid dan real-time<\/strong> untuk kebutuhan audit BAN-PT atau Lembaga Akreditasi Mandiri (LAM).<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-check-box\">\u2713<\/div>\r\n                <h3>Pemetaan 25 Aspek SDM<\/h3>\r\n                <p>Kampus memiliki data saintifik mengenai integritas hingga ketahanan kerja lulusannya melalui <strong>NAZ System<\/strong>.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-check-box\">\u2713<\/div>\r\n                <h3>Efisiensi Anggaran<\/h3>\r\n                <p>Alihkan beban operasional Tracer Study ke sistem otomatis dengan biaya berlangganan mulai dari <strong>Rp 5 Juta\/Tahun<\/strong>.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dream-card\">\r\n                <div class=\"icon-check-box\">\u2713<\/div>\r\n                <h3>Portofolio Terintegrasi<\/h3>\r\n                <p>Memberikan nilai tambah bagi lulusan dengan profil digital yang langsung diakses oleh <strong>4.183+ mitra perusahaan<\/strong>.<\/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\/Penyaluran-Kerja-Lulusan-Kuliah.jpg\" class=\"attachment-large size-large wp-image-768\" alt=\"Penyaluran Kerja Lulusan Kuliah\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Penyaluran-Kerja-Lulusan-Kuliah.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Penyaluran-Kerja-Lulusan-Kuliah-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Penyaluran-Kerja-Lulusan-Kuliah-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>Authority Luxury - 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            --bg-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --luxury-gold: #d4af37;\r\n            --soft-gold: #f1d38e;\r\n            --text-white: #ffffff;\r\n            --text-muted: #888888;\r\n            --border-gold: rgba(212, 175, 55, 0.2);\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(--bg-black);\r\n            color: var(--text-white);\r\n        }\r\n\r\n        .authority-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: clamp(60px, 10vw, 100px) 20px;\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            font-size: clamp(1.8rem, 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(--luxury-gold);\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: 20px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .bento-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid var(--border-gold);\r\n            padding: clamp(25px, 4vw, 40px);\r\n            border-radius: 24px;\r\n            text-align: left;\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .bento-card:hover {\r\n            border-color: var(--luxury-gold);\r\n            transform: scale(1.02);\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        \/* Grid Spanning *\/\r\n        .span-7 { grid-column: span 7; }\r\n        .span-5 { grid-column: span 5; }\r\n        .span-12 { grid-column: span 12; }\r\n\r\n        .icon-auth {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 20px;\r\n            color: var(--luxury-gold);\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(--soft-gold);\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .bento-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        .badge-premium {\r\n            display: inline-block;\r\n            background: var(--luxury-gold);\r\n            color: var(--bg-black);\r\n            padding: 5px 15px;\r\n            border-radius: 4px;\r\n            font-weight: 900;\r\n            font-size: 0.8rem;\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (max-width: 992px) {\r\n            .span-7, .span-5 { grid-column: span 12; }\r\n            .bento-card { text-align: center; align-items: center; }\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>Kredibilitas yang Diakui <br> <span>secara Nasional<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bento-grid\">\r\n            <div class=\"bento-card span-7\">\r\n                <div class=\"badge-premium\">Validasi SINas Ristekdikti<\/div>\r\n                <div class=\"icon-auth\">\ud83d\udee1\ufe0f<\/div>\r\n                <h3>Standar Inovasi Nasional<\/h3>\r\n                <p>Satu-satunya sistem rekrutmen dan rekam jejak yang memenuhi standar <strong>Sistem Inovasi Nasional (SINas)<\/strong> dengan dukungan penuh pendanaan APBN.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card span-5\">\r\n                <div class=\"icon-auth\">\ud83d\udc8e<\/div>\r\n                <h3>Grade A+ Usability<\/h3>\r\n                <p>Dengan skor <strong>88,25<\/strong>, sistem ini dirancang untuk kemudahan operasional operator kampus maupun mahasiswa\/alumni.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card span-5\">\r\n                <div class=\"icon-box-gold\">\r\n                    <div class=\"icon-auth\">\ud83c\udf93<\/div>\r\n                <\/div>\r\n                <h3>Kolaborasi Kedaireka<\/h3>\r\n                <p>Inovasi yang dikembangkan bersama praktisi dan akademisi <strong>(FILKOM UB)<\/strong> guna memastikan sistem relevan dengan ekosistem kampus.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card span-7\">\r\n                <div class=\"icon-auth\">\ud83c\udf09<\/div>\r\n                <h3>Jembatan Industri & Kampus<\/h3>\r\n                <p>Berfungsi sebagai fasilitator independen yang memotong mata rantai rekrutmen tidak efisien, menghubungkan lulusan langsung ke pengguna.<\/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\/Lowongan-Kerja-Fresh-Graduate-Indonesia.jpg\" class=\"attachment-large size-large wp-image-769\" alt=\"Lowongan Kerja Fresh Graduate Indonesia\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Lowongan-Kerja-Fresh-Graduate-Indonesia.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Lowongan-Kerja-Fresh-Graduate-Indonesia-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Lowongan-Kerja-Fresh-Graduate-Indonesia-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>Comparison Luxury - 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            --bg-black: #050505;\r\n            --card-bg: #0f0f0f;\r\n            --luxury-gold: #d4af37;\r\n            --soft-gold: #f1d38e;\r\n            --text-white: #ffffff;\r\n            --text-muted: #888888;\r\n            --border-gold: rgba(212, 175, 55, 0.2);\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(--bg-black);\r\n            color: var(--text-white);\r\n            padding: clamp(40px, 8vw, 80px) 15px;\r\n        }\r\n\r\n        .comparison-container {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n        }\r\n\r\n        .section-header { margin-bottom: 50px; }\r\n\r\n        .section-header h2 {\r\n            font-size: clamp(1.6rem, 5vw, 2.5rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .section-header span { color: var(--luxury-gold); }\r\n\r\n        \/* --- DESKTOP TABLE STYLE --- *\/\r\n        .desktop-table {\r\n            width: 100%;\r\n            display: table;\r\n            border-collapse: separate;\r\n            border-spacing: 0;\r\n            background: var(--card-bg);\r\n            border-radius: 20px;\r\n            border: 1px solid var(--border-gold);\r\n            overflow: hidden;\r\n        }\r\n\r\n        th, td {\r\n            padding: 25px 20px;\r\n            border-bottom: 1px solid var(--border-gold);\r\n            vertical-align: middle;\r\n        }\r\n\r\n        th {\r\n            background: #15130d;\r\n            color: var(--luxury-gold);\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            font-size: 0.85rem;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .row-label {\r\n            text-align: left;\r\n            font-weight: 700;\r\n            color: var(--text-white);\r\n            width: 30%;\r\n            background: rgba(255,255,255,0.02);\r\n        }\r\n\r\n        .tradisional-col { color: #555; width: 35%; }\r\n\r\n        .sarjanasakti-col {\r\n            width: 35%;\r\n            background: rgba(212, 175, 55, 0.03);\r\n            font-weight: 700;\r\n            color: var(--soft-gold);\r\n        }\r\n\r\n        \/* --- MOBILE CARD STYLE --- *\/\r\n        .mobile-comparison { display: none; }\r\n\r\n        @media (max-width: 768px) {\r\n            .desktop-table { display: none; }\r\n            \r\n            .mobile-comparison {\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-gold);\r\n                border-radius: 15px;\r\n                padding: 20px;\r\n                margin-bottom: 20px;\r\n                position: relative;\r\n            }\r\n\r\n            .comp-card h3 {\r\n                font-size: 0.9rem;\r\n                color: var(--luxury-gold);\r\n                text-transform: uppercase;\r\n                margin-bottom: 15px;\r\n                padding-bottom: 10px;\r\n                border-bottom: 1px solid var(--border-gold);\r\n            }\r\n\r\n            .comp-box {\r\n                display: grid;\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            .comp-item {\r\n                padding-left: 15px;\r\n                position: relative;\r\n            }\r\n\r\n            .comp-item::before {\r\n                content: '';\r\n                position: absolute;\r\n                left: 0; top: 0; bottom: 0;\r\n                width: 3px;\r\n                border-radius: 2px;\r\n            }\r\n\r\n            .old-side::before { background: #333; }\r\n            .new-side::before { background: var(--luxury-gold); }\r\n\r\n            .label-mini {\r\n                font-size: 0.65rem;\r\n                font-weight: 800;\r\n                text-transform: uppercase;\r\n                color: var(--text-muted);\r\n                display: block;\r\n                margin-bottom: 5px;\r\n            }\r\n\r\n            .value-mini { font-size: 0.95rem; }\r\n            .new-side .value-mini { color: var(--soft-gold); font-weight: 700; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"comparison-container\">\r\n        <div class=\"section-header\">\r\n            <h2>Inovasi Tracer Study & <br> <span>Penyerapan Lulusan<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <table class=\"desktop-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th style=\"text-align:left\">Kebutuhan Kampus<\/th>\r\n                    <th>Survei Tradisional<\/th>\r\n                    <th>Ekosistem Sarjanasakti<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td class=\"row-label\">Akurasi Data<\/td>\r\n                    <td class=\"tradisional-col\">Klaim Manual Alumni<\/td>\r\n                    <td class=\"sarjanasakti-col\">Tervalidasi NAZ System<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td class=\"row-label\">Biaya Sistem<\/td>\r\n                    <td class=\"tradisional-col\">Investasi Server & IT Tinggi<\/td>\r\n                    <td class=\"sarjanasakti-col\">Berlangganan (Murah & Efisien)<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td class=\"row-label\">Koneksi User<\/td>\r\n                    <td class=\"tradisional-col\">Terbatas pada Relasi Dosen<\/td>\r\n                    <td class=\"sarjanasakti-col\">Akses 4.183+ Perusahaan Aktif<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td class=\"row-label\">Standar Inovasi<\/td>\r\n                    <td class=\"tradisional-col\">Komersial Biasa<\/td>\r\n                    <td class=\"sarjanasakti-col\">Standar SINas Ristekdikti<\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n\r\n        <div class=\"mobile-comparison\">\r\n            <div class=\"comp-card\">\r\n                <h3>Akurasi Data<\/h3>\r\n                <div class=\"comp-box\">\r\n                    <div class=\"comp-item old-side\">\r\n                        <span class=\"label-mini\">Survei Tradisional<\/span>\r\n                        <span class=\"value-mini\">Klaim Manual Alumni<\/span>\r\n                    <\/div>\r\n                    <div class=\"comp-item new-side\">\r\n                        <span class=\"label-mini\">Sarjanasakti<\/span>\r\n                        <span class=\"value-mini\">Tervalidasi NAZ System<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"comp-card\">\r\n                <h3>Biaya Sistem<\/h3>\r\n                <div class=\"comp-box\">\r\n                    <div class=\"comp-item old-side\">\r\n                        <span class=\"label-mini\">Survei Tradisional<\/span>\r\n                        <span class=\"value-mini\">Investasi Server & IT Tinggi<\/span>\r\n                    <\/div>\r\n                    <div class=\"comp-item new-side\">\r\n                        <span class=\"label-mini\">Sarjanasakti<\/span>\r\n                        <span class=\"value-mini\">Berlangganan (Murah & Efisien)<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"comp-card\">\r\n                <h3>Koneksi User<\/h3>\r\n                <div class=\"comp-box\">\r\n                    <div class=\"comp-item old-side\">\r\n                        <span class=\"label-mini\">Survei Tradisional<\/span>\r\n                        <span class=\"value-mini\">Terbatas pada Relasi Dosen<\/span>\r\n                    <\/div>\r\n                    <div class=\"comp-item new-side\">\r\n                        <span class=\"label-mini\">Sarjanasakti<\/span>\r\n                        <span class=\"value-mini\">Akses 4.183+ Perusahaan Aktif<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"comp-card\">\r\n                <h3>Standar Inovasi<\/h3>\r\n                <div class=\"comp-box\">\r\n                    <div class=\"comp-item old-side\">\r\n                        <span class=\"label-mini\">Survei Tradisional<\/span>\r\n                        <span class=\"value-mini\">Komersial Biasa<\/span>\r\n                    <\/div>\r\n                    <div class=\"comp-item new-side\">\r\n                        <span class=\"label-mini\">Sarjanasakti<\/span>\r\n                        <span class=\"value-mini\">Standar SINas Ristekdikti<\/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\/Contoh-Sertifikat-Kompetensi-HRD.jpg\" class=\"attachment-large size-large wp-image-770\" alt=\"Contoh Sertifikat Kompetensi HRD\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Contoh-Sertifikat-Kompetensi-HRD.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Contoh-Sertifikat-Kompetensi-HRD-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Contoh-Sertifikat-Kompetensi-HRD-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 Kampus - 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            --bg-deep: #050505;\r\n            --luxury-gold: #d4af37;\r\n            --soft-gold: #f1d38e;\r\n            --text-white: #ffffff;\r\n            --text-muted: #888888;\r\n            --card-dark: #0f0f0f;\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(--bg-deep);\r\n            color: var(--text-white);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* CTA CONTAINER *\/\r\n        .cta-luxury-wrapper {\r\n            max-width: 900px;\r\n            width: 100%;\r\n            background: linear-gradient(145deg, #0a0a0a, #1a1608);\r\n            border: 1px solid rgba(212, 175, 55, 0.2);\r\n            border-radius: 40px;\r\n            padding: clamp(40px, 8vw, 80px) clamp(20px, 5vw, 40px);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6);\r\n        }\r\n\r\n        \/* Efek Kilau Emas *\/\r\n        .cta-luxury-wrapper::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 60%);\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        .cta-eyebrow {\r\n            color: var(--luxury-gold);\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        h2 {\r\n            font-size: clamp(1.8rem, 5vw, 3rem);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n            margin-bottom: 35px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        h2 span {\r\n            color: var(--luxury-gold);\r\n        }\r\n\r\n        \/* LINK\/BUTTON DEMO ZOOM *\/\r\n        .btn-zoom-demo {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            background-color: var(--luxury-gold);\r\n            color: var(--bg-deep);\r\n            padding: 22px 50px;\r\n            font-size: clamp(0.9rem, 2vw, 1.1rem);\r\n            font-weight: 900;\r\n            text-decoration: none;\r\n            border-radius: 100px;\r\n            text-transform: uppercase;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 15px 35px rgba(212, 175, 55, 0.3);\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .btn-zoom-demo:hover {\r\n            transform: translateY(-5px) scale(1.03);\r\n            background-color: var(--soft-gold);\r\n            box-shadow: 0 20px 45px rgba(212, 175, 55, 0.5);\r\n        }\r\n\r\n        .btn-zoom-demo span.icon {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        \/* TEXT BAWAH *\/\r\n        .cta-description {\r\n            font-size: clamp(0.95rem, 2vw, 1.15rem);\r\n            color: var(--text-muted);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .cta-description strong {\r\n            color: var(--soft-gold);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* RESPONSIVE FIXES *\/\r\n        @media (max-width: 600px) {\r\n            .cta-luxury-wrapper {\r\n                padding: 50px 20px;\r\n                border-radius: 30px;\r\n            }\r\n            .btn-zoom-demo {\r\n                width: 100%;\r\n                padding: 18px 25px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"cta-luxury-wrapper\">\r\n        <div class=\"cta-content\">\r\n            <span class=\"cta-eyebrow\">Akses Eksklusif<\/span>\r\n            <h2>Tingkatkan Daya Saing <br> <span>Lulusan Institusi Anda<\/span><\/h2>\r\n            \r\n            <a href=\"https:\/\/member.sarjanasakti.com\/product\/demo-sistem-tracer-study-sarjana-sakti-untuk-kampus\/\" class=\"btn-zoom-demo\">\r\n                <span class=\"icon\">\ud83d\udcc5<\/span> Jadwalkan Demo Sistem via Zoom\r\n            <\/a>\r\n\r\n            <p class=\"cta-description\">\r\n                Ingin melihat bagaimana <strong>Numerical AnalyZing (NAZ) System<\/strong> kami memetakan kualitas lulusan Anda secara otomatis?\r\n            <\/p>\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\/Aplikasi-Karir-Terintegrasi.jpg\" class=\"attachment-large size-large wp-image-771\" alt=\"Aplikasi Karir Terintegrasi\" srcset=\"https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Aplikasi-Karir-Terintegrasi.jpg 1024w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Aplikasi-Karir-Terintegrasi-300x169.jpg 300w, https:\/\/sarjanasakti.com\/web\/wp-content\/uploads\/2026\/04\/Aplikasi-Karir-Terintegrasi-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 Luxury - 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-black: #050505;\r\n            --luxury-gold: #d4af37;\r\n            --text-disclaimer: #555555;\r\n            --border-line: #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        \/* FOOTER SECTION *\/\r\n        .footer-luxury {\r\n            width: 100%;\r\n            background-color: var(--bg-black);\r\n            padding: clamp(40px, 6vw, 60px) 20px;\r\n            border-top: 1px solid var(--border-line);\r\n            text-align: center;\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* GOLD ACCENT LINE *\/\r\n        .footer-divider {\r\n            width: 40px;\r\n            height: 1px;\r\n            background: var(--luxury-gold);\r\n            margin: 0 auto 25px;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        \/* MICRO TEXT STYLING *\/\r\n        .disclaimer-text {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: clamp(10px, 2vw, 11px); \/* Ukuran mikro yang sangat rapi *\/\r\n            line-height: 1.8;\r\n            color: var(--text-disclaimer);\r\n            letter-spacing: 0.5px;\r\n            font-weight: 400;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .disclaimer-text strong {\r\n            color: #888888;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* COPYRIGHT STYLING *\/\r\n        .copyright {\r\n            margin-top: 25px;\r\n            font-size: 9px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: #333333;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (max-width: 768px) {\r\n            .footer-luxury {\r\n                padding: 40px 15px;\r\n            }\r\n            .disclaimer-text {\r\n                text-align: justify;\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-luxury\">\r\n        <div class=\"footer-container\">\r\n            <div class=\"footer-divider\"><\/div>\r\n            \r\n            <p class=\"disclaimer-text\">\r\n                <strong>Sarjanasakti<\/strong> merupakan fasilitator independen yang menjembatani industri dan kampus melalui teknologi asesmen. Kami fokus pada peningkatan efisiensi rekrutmen dan rekam jejak lulusan untuk mendukung pencapaian IKU institusi pendidikan di Indonesia. Seluruh data asesmen dikelola secara profesional untuk menjaga objektivitas dan kualitas hasil rekam jejak bagi mitra institusi.\r\n            <\/p>\r\n\r\n            <div class=\"copyright\">\r\n                &copy; 2026 PT. Sarjanasakti Nusantara Pintar. All Rights Reserved.\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>Header Luxury B2B &#8211; Sarjana Sakti Partner Strategis Akreditasi Kampus Transformasi Lulusan Jadi Profil Unggulan Industri. Implementasi Sistem Rekam Jejak (Tracer Study) tervalidasi Negara untuk pemenuhan Indikator Kinerja Utama (IKU) secara otomatis dan akurat. \u2726 Tervalidasi Negara \u2726 Otomatisasi IKU \u2726 Akurasi Data Tinggi CTA B2B Kampus &#8211; Sarjanasakti Akses Eksklusif Tingkatkan Daya Saing Lulusan [&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-313","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/pages\/313","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=313"}],"version-history":[{"count":70,"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/pages\/313\/revisions"}],"predecessor-version":[{"id":774,"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/pages\/313\/revisions\/774"}],"wp:attachment":[{"href":"https:\/\/sarjanasakti.com\/web\/wp-json\/wp\/v2\/media?parent=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}