{"id":1147,"date":"2026-07-20T07:48:14","date_gmt":"2026-07-20T07:48:14","guid":{"rendered":"https:\/\/tcmandiri.id\/?page_id=1147"},"modified":"2026-07-22T02:04:19","modified_gmt":"2026-07-22T02:04:19","slug":"legal-document-sertifikat","status":"publish","type":"page","link":"https:\/\/tcmandiri.id\/index.php\/legal-document-sertifikat\/","title":{"rendered":"Legal Document &amp; Sertifikat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1147\" class=\"elementor elementor-1147\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4e29e5 e-con e-atomic-element e-flexbox-base e-f111b33 \" data-id=\"a4e29e5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a4e29e5\">\n    \t\t<div class=\"elementor-element elementor-element-96a7a77 elementor-widget elementor-widget-html\" data-id=\"96a7a77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--==============================\r\nGOOGLE FONT & ICON\r\n===============================-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.1\/css\/all.min.css\">\r\n\r\n<!--==============================\r\nLEGAL DOCUMENT PAGE\r\n===============================-->\r\n\r\n<section class=\"legal-page\">\r\n\r\n<div class=\"legal-container\">\r\n\r\n<!-- HERO -->\r\n\r\n<div class=\"legal-hero\">\r\n\r\n<div class=\"hero-left\">\r\n\r\n\r\n\r\n<h1>\r\n\r\nLegal Document\r\n\r\n<span>& Sertifikat<\/span>\r\n\r\n<\/h1>\r\n\r\n<p>\r\n\r\nDokumen resmi perusahaan sebagai bentuk komitmen terhadap legalitas,\r\nkepercayaan pelanggan, dan kualitas layanan PT Techno Cyber Mandiri.\r\n\r\n<\/p>\r\n\r\n<a href=\"#legal-document\" class=\"hero-btn\">\r\n\r\n<i class=\"fa-solid fa-file-shield\"><\/i>\r\n\r\nLihat Dokumen\r\n\r\n<\/a>\r\n<a href=\"#legal-sertifikat\" class=\"hero-btn\">\r\n\r\n<i class=\"fa-solid fa-file-shield\"><\/i>\r\n\r\nLihat Sertifikat\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<!-- LEGAL DOCUMENT -->\r\n\r\n<div id=\"legal-document\" class=\"section-title\">\r\n\r\n<h2>Legal Document<\/h2>\r\n\r\n<p>\r\n\r\nSeluruh dokumen legal perusahaan yang dapat diakses oleh publik.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"legal-grid\">\r\n\r\n<!-- CARD -->\r\n\r\n<div class=\"legal-card\">\r\n\r\n<div class=\"legal-icon\">\r\n\r\n<i class=\"fa-solid fa-file-lines\"><\/i>\r\n\r\n<\/div>\r\n\r\n<h3>Akta Pendirian<\/h3>\r\n\r\n<p>Akta pendirian resmi perusahaan.<\/p>\r\n\r\n<a href=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/Akta-Pendirian.pdf\" download>\r\n\r\n<i class=\"fa-solid fa-download\"><\/i>\r\n\r\nUnduh Dokumen\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<!-- CARD -->\r\n\r\n<div class=\"legal-card\">\r\n\r\n<div class=\"legal-icon\">\r\n\r\n<i class=\"fa-solid fa-scale-balanced\"><\/i>\r\n\r\n<\/div>\r\n\r\n<h3>NIB Perusahaan<\/h3>\r\n\r\n<p>Nomor Induk Berusaha.<\/p>\r\n\r\n<a href=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/NIB.pdf\" download>\r\n\r\n<i class=\"fa-solid fa-download\"><\/i>\r\n\r\nUnduh Dokumen\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<!-- CARD -->\r\n\r\n<div class=\"legal-card\">\r\n\r\n<div class=\"legal-icon\">\r\n\r\n<i class=\"fa-solid fa-building-shield\"><\/i>\r\n\r\n<\/div>\r\n\r\n<h3>NPWP<\/h3>\r\n\r\n<p>Nomor Pokok Wajib Pajak.<\/p>\r\n\r\n<a href=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/NPWP.pdf\" download>\r\n\r\n<i class=\"fa-solid fa-download\"><\/i>\r\n\r\nUnduh Dokumen\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- CERTIFICATE -->\r\n<div id=\"legal-sertifikat\" class=\"section-title\">\r\n\r\n<h2>Sertifikat<\/h2>\r\n\r\n<p>\r\n\r\nSertifikasi yang dimiliki perusahaan sebagai bentuk kualitas layanan.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"certificate-grid\">\r\n\r\n<!-- CARD -->\r\n\r\n<div class=\"certificate-card\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/serti3.jpeg\"\r\nalt=\"ISO\">\r\n\r\n<h3>CCNA <\/h3>\r\n\r\n<p>sertifikasi resmi tingkat pemula hingga menengah di bidang jaringan komputer yang dikeluarkan oleh perusahaan Cisco<\/p>\r\n\r\n<a href=\"#\">\r\n\r\n<i class=\"fa-solid fa-eye\"><\/i>\r\n\r\nLihat Sertifikat\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<!-- CARD -->\r\n\r\n<div class=\"certificate-card\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/serti2.jpeg\"\r\nalt=\"ISO\">\r\n\r\n<h3>RUIJIE Certification<\/h3>\r\n\r\n<p>keahlian teknis jaringan komputer, yang mencakup tingkat dasar hingga profesional seperti RCNA, RCNP, dan RSE<\/p>\r\n\r\n<a href=\"#\">\r\n\r\n<i class=\"fa-solid fa-eye\"><\/i>\r\n\r\nLihat Sertifikat\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<!-- CARD -->\r\n\r\n<div class=\"certificate-card portrait\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/mcna.png\"\r\nalt=\"TKDN\">\r\n\r\n<h3>MTCNA<\/h3>\r\n\r\n<p>sertifikasi dasar tingkat internasional dari MikroTik untuk mengukur kemampuan seseorang dalam mengelola dan mengkonfigurasi jaringan menggunakan perangkat berbasis MikroTik RouterOS.<\/p>\r\n\r\n<a href=\"#\">\r\n\r\n<i class=\"fa-solid fa-eye\"><\/i>\r\n\r\nLihat Sertifikat\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n<div class=\"certificate-card portrait\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/mtcre.png\"\r\nalt=\"TKDN\">\r\n\r\n<h3>MTCRE<\/h3>\r\n\r\n<p>sertifikasi tingkat lanjutan dari MikroTik yang berfokus pada penguasaan teknik routing (pengiriman data), switching, dan tunneling pada jaringan komputer menggunakan perangkat MikroTiki<\/p>\r\n\r\n<a href=\"#\">\r\n\r\n<i class=\"fa-solid fa-eye\"><\/i>\r\n\r\nLihat Sertifikat\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n<div class=\"certificate-card portrait\">\r\n\r\n<img decoding=\"async\" src=\"https:\/\/tcmandiri.id\/wp-content\/uploads\/2026\/07\/serti1.jpeg\"\r\nalt=\"ISO\">\r\n\r\n<h3>MTCINE<\/h3>\r\n\r\n<p> sertifikasi tingkat ahli (expert) dari MikroTik yang berfokus pada perancangan, pengelolaan, dan pemecahan masalah jaringan skala besar antar organisasi atau Internet Service Provider (ISP)<\/p>\r\n\r\n<a href=\"#\">\r\n\r\n<i class=\"fa-solid fa-eye\"><\/i>\r\n\r\nLihat Sertifikat\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<!--=========================================\r\nCERTIFICATE PREVIEW\r\n==========================================-->\r\n\r\n<div class=\"certificate-popup\" id=\"certificatePopup\">\r\n\r\n    <span class=\"popup-close\">\r\n        <i class=\"fas fa-times\"><\/i>\r\n    <\/span>\r\n\r\n    <img decoding=\"async\" id=\"popupImage\" src=\"\" alt=\"Certificate\">\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n<style>\r\n\r\n\/*=========================================\r\nRESET\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\nbody{\r\n    font-family:'Poppins',sans-serif;\r\n    background:linear-gradient(135deg,#ffffff 0%,#f5fffd 55%,#ebfffb 100%);\r\n    color:#16355C;\r\n    overflow-x:hidden;\r\n}\r\n\r\nimg{\r\n    max-width:100%;\r\n    display:block;\r\n}\r\n\r\na{\r\n    text-decoration:none;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\n\/*=========================================\r\nCONTAINER\r\n=========================================*\/\r\n\r\n.legal-container{\r\n    width:100%;\r\n    max-width:1320px;\r\n    margin:auto;\r\n    padding:80px 25px;\r\n}\r\n\r\n\/*=========================================\r\nHERO\r\n=========================================*\/\r\n\r\n.legal-hero{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:1.1fr .9fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:90px;\r\n\r\n    margin-bottom:100px;\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n\/*=========================================\r\nLEFT\r\n=========================================*\/\r\n\r\n.hero-left{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n}\r\n\r\n.breadcrumb{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:18px;\r\n\r\n    color:#0ea5a8;\r\n\r\n    font-size:15px;\r\n\r\n    font-weight:600;\r\n\r\n    margin-bottom:25px;\r\n\r\n}\r\n\r\n.hero-left h1{\r\n\r\n    font-size:64px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.15;\r\n\r\n    color:#16355C;\r\n\r\n    margin-bottom:28px;\r\n\r\n}\r\n\r\n.hero-left h1 span{\r\n\r\n    display:block;\r\n\r\n    background:linear-gradient(90deg,#0ea5a8,#10b981);\r\n\r\n    -webkit-background-clip:text;\r\n\r\n    -webkit-text-fill-color:transparent;\r\n\r\n}\r\n\r\n.hero-left p{\r\n\r\n    font-size:18px;\r\n\r\n    color:#64748b;\r\n\r\n    line-height:34px;\r\n\r\n    max-width:620px;\r\n\r\n    margin-bottom:40px;\r\n\r\n}\r\n\r\n\/*=========================================\r\nBUTTON\r\n=========================================*\/\r\n\r\n.hero-btn{\r\n\r\ndisplay:inline-flex;\r\n\r\nalign-items:center;\r\n\r\ngap:12px;\r\n\r\npadding:16px 34px;\r\n\r\nborder-radius:50px;\r\n\r\nbackground:linear-gradient(135deg,#0ea5a8,#10b981);\r\n\r\ncolor:#ffffff;\r\n\r\nfont-weight:600;\r\ntext-decoration: none;\r\n\r\nfont-size:16px;\r\nmargin-block-end: 15px;\r\n\r\ntransition:.35s;\r\n\r\nbox-shadow:0 18px 40px rgba(16,185,129,.22);\r\n\r\n}\r\n\r\n.hero-btn:hover{\r\n\r\ntransform:translateY(-5px);\r\n\r\nbox-shadow:0 22px 45px rgba(16,185,129,.35);\r\n\r\n}\r\n\r\n\/*=========================================\r\nRIGHT\r\n=========================================*\/\r\n\r\n.hero-right{\r\n\r\nposition:relative;\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\n}\r\n\r\n.hero-right img{\r\n\r\nwidth:100%;\r\n\r\nmax-width:560px;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\nfilter:drop-shadow(0 25px 50px rgba(0,0,0,.15));\r\n\r\n}\r\n\r\n\/*=========================================\r\nBACKGROUND\r\n=========================================*\/\r\n\r\n.hero-right::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:520px;\r\n\r\nheight:520px;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:linear-gradient(135deg,#8EF5E7,#D9FFF7);\r\n\r\ntop:50%;\r\n\r\nleft:50%;\r\n\r\ntransform:translate(-50%,-50%);\r\n\r\nz-index:0;\r\n\r\nopacity:.9;\r\n\r\n}\r\n\r\n.hero-right::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:260px;\r\n\r\nheight:260px;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:#10b98122;\r\n\r\nright:-40px;\r\n\r\ntop:-30px;\r\n\r\nfilter:blur(45px);\r\n\r\n}\r\n\r\n\/*=========================================\r\nSECTION TITLE\r\n=========================================*\/\r\n\r\n.section-title{\r\n\r\ntext-align:center;\r\n\r\nmargin:90px 0 55px;\r\n\r\n}\r\n\r\n.section-title h2{\r\n\r\nfont-size:44px;\r\n\r\nfont-weight:700;\r\n\r\ncolor:#16355C;\r\n\r\nmargin-bottom:15px;\r\n\r\n}\r\n\r\n.section-title p{\r\n\r\nfont-size:17px;\r\n\r\nline-height:30px;\r\n\r\ncolor:#64748b;\r\n\r\nmax-width:700px;\r\n\r\nmargin:auto;\r\n\r\n}\r\n\r\n\/*=========================================\r\nLEGAL DOCUMENT GRID\r\n=========================================*\/\r\n\r\n.legal-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3, minmax(260px, 300px));\r\n    justify-content:center;\r\n    gap:30px;\r\n    margin-bottom:90px;\r\n}\r\n\r\n\/*=========================================\r\nLEGAL CARD\r\n=========================================*\/\r\n\r\n.legal-card{\r\n\r\nbackground:#ffffff;\r\n\r\nborder-radius:22px;\r\n\r\npadding:35px 30px;\r\n\r\nbox-shadow:0 15px 45px rgba(0,0,0,.08);\r\n\r\ntransition:.35s;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nborder:1px solid #eef6f7;\r\n\r\ndisplay:flex;\r\n\r\nflex-direction:column;\r\n\r\n}\r\n\r\n.legal-card:hover{\r\n\r\ntransform:translateY(-10px);\r\n\r\nbox-shadow:0 25px 55px rgba(16,185,129,.18);\r\n\r\n}\r\n\r\n\/*=========================================\r\nTOP BORDER\r\n=========================================*\/\r\n\r\n.legal-card::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nleft:0;\r\n\r\ntop:0;\r\n\r\nwidth:100%;\r\n\r\nheight:5px;\r\n\r\nbackground:linear-gradient(90deg,#0EA5A8,#10B981);\r\n\r\n}\r\n\r\n\/*=========================================\r\nICON\r\n=========================================*\/\r\n\r\n.legal-icon{\r\n\r\nwidth:78px;\r\n\r\nheight:78px;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:linear-gradient(135deg,#E9FCF9,#D8FFF6);\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\nmargin-bottom:25px;\r\n\r\n}\r\n\r\n.legal-icon i{\r\n\r\nfont-size:34px;\r\n\r\nbackground:linear-gradient(135deg,#0EA5A8,#10B981);\r\n\r\n-webkit-background-clip:text;\r\n\r\n-webkit-text-fill-color:transparent;\r\n\r\n}\r\n\r\n\/*=========================================\r\nTITLE\r\n=========================================*\/\r\n\r\n.legal-card h3{\r\n\r\nfont-size:22px;\r\n\r\nfont-weight:700;\r\n\r\ncolor:#16355C;\r\n\r\nmargin-bottom:14px;\r\n\r\nline-height:1.4;\r\n\r\n}\r\n\r\n\/*=========================================\r\nTEXT\r\n=========================================*\/\r\n\r\n.legal-card p{\r\n\r\nfont-size:15px;\r\n\r\ncolor:#64748B;\r\n\r\nline-height:28px;\r\n\r\nmargin-bottom:30px;\r\n\r\nflex:1;\r\n\r\n}\r\n\r\n\/*=========================================\r\nBUTTON\r\n=========================================*\/\r\n\r\n.legal-card a{\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\ngap:10px;\r\n\r\npadding:14px;\r\n\r\nborder-radius:14px;\r\n\r\nbackground:linear-gradient(135deg,#0EA5A8,#10B981);\r\n\r\ncolor:#ffffff;\r\n\r\nfont-weight:600;\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n.legal-card a:hover{\r\n\r\ntransform:translateY(-3px);\r\n\r\nbox-shadow:0 12px 30px rgba(16,185,129,.25);\r\n\r\n}\r\n\r\n\/*=========================================\r\nCERTIFICATE SECTION\r\n=========================================*\/\r\n\r\n.certificate-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3, minmax(260px, 300px));\r\n    justify-content:center;\r\n    gap:30px;\r\n    margin-top:20px;\r\n}\r\n\r\n.certificate-card{\r\n    background:#ffffff;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    border:1px solid #eef3f7;\r\n    box-shadow:0 15px 45px rgba(0,0,0,.08);\r\n    transition:.35s;\r\n    display:flex;\r\n    flex-direction:column;\r\n}\r\n\r\n.certificate-card:hover{\r\n    transform:translateY(-10px);\r\n    box-shadow:0 20px 55px rgba(16,185,129,.18);\r\n}\r\n\r\n\/*=========================================\r\nIMAGE - dipaksa landscape lewat aspect-ratio\r\nsupaya bentuknya konsisten walau file asli potret\r\n=========================================*\/\r\n\r\n.certificate-card img{\r\n    width:100%;\r\n    aspect-ratio:4 \/ 3;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    background:#f8fafc;\r\n    border-bottom:1px solid #eef3f7;\r\n    transition:.4s;\r\n}\r\n\r\n\/*=========================================\r\nKHUSUS CARD .portrait -> tampil potret,\r\nmenimpa aturan landscape di atas\r\n=========================================*\/\r\n\r\n.certificate-card.portrait img{\r\n    aspect-ratio:3 \/ 4;\r\n    object-fit:contain;\r\n}\r\n\r\n.certificate-card:hover img{\r\n    transform:scale(1.04);\r\n}\r\n\r\n\/*=========================================\r\nCONTENT\r\n=========================================*\/\r\n\r\n.certificate-card h3{\r\n    font-size:22px;\r\n    font-weight:700;\r\n    color:#16355C;\r\n    margin:24px 24px 10px;\r\n}\r\n\r\n.certificate-card p{\r\n    color:#64748B;\r\n    line-height:28px;\r\n    margin:0 24px 24px;\r\n    flex:1;\r\n}\r\n\r\n\/*=========================================\r\nBUTTON\r\n=========================================*\/\r\n\r\n.certificate-card a{\r\n    margin:0 24px 24px;\r\n    padding:14px;\r\n    border-radius:14px;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:10px;\r\n    background:linear-gradient(135deg,#10B981,#13C9C1);\r\n    color:#fff;\r\n    font-weight:600;\r\n    transition:.3s;\r\n    cursor:pointer;\r\n}\r\n\r\n.certificate-card a:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:0 12px 28px rgba(16,185,129,.25);\r\n}\r\n\r\n\/*=========================================\r\nPART 5 - PREMIUM EFFECT\r\n=========================================*\/\r\n\r\n.legal-page{\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.legal-page::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:650px;\r\n    height:650px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle,\r\n    rgba(16,185,129,.12) 0%,\r\n    rgba(19,201,193,.08) 45%,\r\n    transparent 75%);\r\n    top:-220px;\r\n    right:-180px;\r\n    z-index:0;\r\n}\r\n\r\n.legal-page::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:500px;\r\n    height:500px;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle,\r\n    rgba(14,165,168,.10),\r\n    transparent 70%);\r\n    left:-180px;\r\n    bottom:-180px;\r\n    z-index:0;\r\n}\r\n\r\n.legal-container{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n\/*=========================================\r\nFADE ANIMATION\r\n=========================================*\/\r\n\r\n.legal-card,\r\n.certificate-card{\r\n\r\nanimation:fadeUp .8s ease both;\r\n\r\n}\r\n\r\n.legal-card:nth-child(2){\r\n\r\nanimation-delay:.15s;\r\n\r\n}\r\n\r\n.legal-card:nth-child(3){\r\n\r\nanimation-delay:.3s;\r\n\r\n}\r\n\r\n.legal-card:nth-child(4){\r\n\r\nanimation-delay:.45s;\r\n\r\n}\r\n\r\n.certificate-card:nth-child(2){\r\n\r\nanimation-delay:.2s;\r\n\r\n}\r\n\r\n.certificate-card:nth-child(3){\r\n\r\nanimation-delay:.4s;\r\n\r\n}\r\n\r\n.certificate-card:nth-child(4){\r\n\r\nanimation-delay:.6s;\r\n\r\n}\r\n\r\n@keyframes fadeUp{\r\n\r\nfrom{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(35px);\r\n\r\n}\r\n\r\nto{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n}\r\n\r\n\/*=========================================\r\nTITLE UNDERLINE\r\n=========================================*\/\r\n\r\n.section-title h2{\r\n\r\nposition:relative;\r\n\r\ndisplay:inline-block;\r\n\r\npadding-bottom:15px;\r\n\r\n}\r\n\r\n.section-title h2::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nleft:50%;\r\n\r\nbottom:0;\r\n\r\ntransform:translateX(-50%);\r\n\r\nwidth:80px;\r\n\r\nheight:4px;\r\n\r\nborder-radius:20px;\r\n\r\nbackground:linear-gradient(90deg,#10B981,#13C9C1);\r\n\r\n}\r\n\r\n\/*=========================================\r\nSMOOTH\r\n=========================================*\/\r\n\r\n.hero-btn,\r\n.legal-card a,\r\n.certificate-card a{\r\n\r\ntransition:.35s;\r\n\r\n}\r\n\r\n\/*=========================================\r\nBUTTON RIPPLE BASE\r\n=========================================*\/\r\n\r\n.hero-btn,\r\n.legal-card a,\r\n.certificate-card a{\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\n}\r\n\r\n.ripple{\r\n\r\nposition:absolute;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:rgba(255,255,255,.35);\r\n\r\ntransform:scale(0);\r\n\r\nanimation:ripple .6s linear;\r\n\r\npointer-events:none;\r\n\r\n}\r\n\r\n@keyframes ripple{\r\n\r\nto{\r\n\r\ntransform:scale(4);\r\n\r\nopacity:0;\r\n\r\n}\r\n\r\n}\r\n\r\n\/*=========================================\r\nANIMATION (scroll reveal)\r\n=========================================*\/\r\n\r\n.hidden{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(45px);\r\n\r\ntransition:all .8s ease;\r\n\r\n}\r\n\r\n.show{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\/*=========================================\r\nCERTIFICATE POPUP\r\n=========================================*\/\r\n\r\n.certificate-popup{\r\n\r\nposition:fixed;\r\n\r\nleft:0;\r\ntop:0;\r\n\r\nwidth:100%;\r\nheight:100%;\r\n\r\nbackground:rgba(10,20,30,.82);\r\n\r\nbackdrop-filter:blur(8px);\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\nalign-items:center;\r\n\r\nopacity:0;\r\nvisibility:hidden;\r\n\r\ntransition:.35s;\r\n\r\nz-index:9999;\r\n\r\n}\r\n\r\n.certificate-popup.show{\r\n\r\nopacity:1;\r\nvisibility:visible;\r\n\r\n}\r\n\r\n.certificate-popup img{\r\n\r\nwidth:90%;\r\nmax-width:850px;\r\n\r\nmax-height:90vh;\r\n\r\nborder-radius:18px;\r\n\r\nbackground:#fff;\r\n\r\npadding:10px;\r\n\r\nbox-shadow:0 25px 70px rgba(0,0,0,.35);\r\n\r\nanimation:zoomPopup .35s;\r\n\r\n}\r\n\r\n.popup-close{\r\n\r\nposition:absolute;\r\n\r\nright:35px;\r\n\r\ntop:30px;\r\n\r\nwidth:50px;\r\nheight:50px;\r\n\r\nborder-radius:50%;\r\n\r\nbackground:#fff;\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\nalign-items:center;\r\n\r\ncursor:pointer;\r\n\r\nfont-size:22px;\r\n\r\ncolor:#10B981;\r\n\r\ntransition:.3s;\r\n\r\n}\r\n\r\n.popup-close:hover{\r\n\r\ntransform:rotate(90deg);\r\n\r\nbackground:#10B981;\r\n\r\ncolor:#fff;\r\n\r\n}\r\n\r\n@keyframes zoomPopup{\r\n\r\nfrom{\r\n\r\nopacity:0;\r\n\r\ntransform:scale(.8);\r\n\r\n}\r\n\r\nto{\r\n\r\nopacity:1;\r\n\r\ntransform:scale(1);\r\n\r\n}\r\n\r\n}\r\n\r\n\/*=========================================\r\nPART 6 - RESPONSIVE\r\n=========================================*\/\r\n\r\n\/* ---------- Laptop ---------- *\/\r\n@media (max-width:1200px){\r\n\r\n.legal-container{\r\n    max-width:1100px;\r\n    padding:70px 25px;\r\n}\r\n\r\n.legal-hero{\r\n    gap:50px;\r\n}\r\n\r\n.hero-left h1{\r\n    font-size:54px;\r\n}\r\n\r\n.hero-left p{\r\n    font-size:17px;\r\n}\r\n\r\n.hero-right img{\r\n    max-width:500px;\r\n}\r\n\r\n.certificate-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n}\r\n\r\n}\r\n\r\n\r\n\/* ---------- Tablet ---------- *\/\r\n@media (max-width:992px){\r\n\r\n.legal-hero{\r\n\r\n    grid-template-columns:1fr;\r\n    text-align:center;\r\n    gap:50px;\r\n\r\n}\r\n\r\n.hero-left{\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n\r\n}\r\n\r\n.hero-left p{\r\n\r\n    max-width:650px;\r\n\r\n}\r\n\r\n.hero-right{\r\n\r\n    order:-1;\r\n\r\n}\r\n\r\n.hero-right img{\r\n\r\n    max-width:420px;\r\n\r\n}\r\n\r\n.section-title h2{\r\n\r\n    font-size:38px;\r\n\r\n}\r\n\r\n.section-title p{\r\n\r\n    font-size:16px;\r\n\r\n}\r\n\r\n.legal-grid{\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n}\r\n\r\n}\r\n\r\n\r\n\/* ---------- Mobile: geser ke kanan (horizontal scroll), bukan menumpuk ---------- *\/\r\n@media (max-width:768px){\r\n\r\n.legal-container{\r\n\r\n    padding:60px 20px;\r\n\r\n}\r\n\r\n.hero-left h1{\r\n\r\n    font-size:38px;\r\n    line-height:1.3;\r\n\r\n}\r\n\r\n.hero-left p{\r\n\r\n    font-size:15px;\r\n    line-height:28px;\r\n\r\n}\r\n\r\n.breadcrumb{\r\n\r\n    font-size:13px;\r\n\r\n}\r\n\r\n.hero-btn{\r\n\r\n    width:100%;\r\n    justify-content:center;\r\n\r\n}\r\n\r\n.hero-right img{\r\n\r\n    max-width:320px;\r\n\r\n}\r\n\r\n.section-title{\r\n\r\n    margin:60px 0 35px;\r\n\r\n}\r\n\r\n.section-title h2{\r\n\r\n    font-size:30px;\r\n\r\n}\r\n\r\n.section-title p{\r\n\r\n    font-size:15px;\r\n    line-height:26px;\r\n\r\n}\r\n\r\n\/* Legal Grid - horizontal scroll *\/\r\n\r\n.legal-grid{\r\n\r\n    display:flex;\r\n    grid-template-columns:none;\r\n    justify-content:flex-start;\r\n    overflow-x:auto;\r\n    scroll-snap-type:x mandatory;\r\n    -webkit-overflow-scrolling:touch;\r\n    gap:18px;\r\n    padding-bottom:16px;\r\n    margin-bottom:60px;\r\n\r\n}\r\n\r\n.legal-grid::-webkit-scrollbar{\r\n\r\n    height:6px;\r\n\r\n}\r\n\r\n.legal-grid::-webkit-scrollbar-thumb{\r\n\r\n    background:#10B981;\r\n    border-radius:10px;\r\n\r\n}\r\n\r\n.legal-card{\r\n\r\n    flex:0 0 80%;\r\n    scroll-snap-align:start;\r\n    padding:26px 24px;\r\n\r\n}\r\n\r\n.legal-card h3{\r\n\r\n    font-size:20px;\r\n\r\n}\r\n\r\n.legal-card a{\r\n\r\n    width:100%;\r\n\r\n}\r\n\r\n\/* Certificate Grid - horizontal scroll *\/\r\n\r\n.certificate-grid{\r\n\r\n    display:flex;\r\n    grid-template-columns:none;\r\n    justify-content:flex-start;\r\n    overflow-x:auto;\r\n    scroll-snap-type:x mandatory;\r\n    -webkit-overflow-scrolling:touch;\r\n    gap:18px;\r\n    padding-bottom:16px;\r\n\r\n}\r\n\r\n.certificate-grid::-webkit-scrollbar{\r\n\r\n    height:6px;\r\n\r\n}\r\n\r\n.certificate-grid::-webkit-scrollbar-thumb{\r\n\r\n    background:#10B981;\r\n    border-radius:10px;\r\n\r\n}\r\n\r\n.certificate-card{\r\n\r\n    flex:0 0 78%;\r\n    scroll-snap-align:start;\r\n    border-radius:18px;\r\n\r\n}\r\n\r\n.certificate-card h3{\r\n\r\n    font-size:20px;\r\n\r\n}\r\n\r\n.certificate-card p{\r\n\r\n    font-size:14px;\r\n\r\n}\r\n\r\n.certificate-card a{\r\n\r\n    width:calc(100% - 48px);\r\n\r\n}\r\n\r\n}\r\n\r\n\r\n\/* ---------- Small Mobile ---------- *\/\r\n@media (max-width:480px){\r\n\r\n.hero-left h1{\r\n\r\n    font-size:32px;\r\n\r\n}\r\n\r\n.hero-left p{\r\n\r\n    font-size:14px;\r\n\r\n}\r\n\r\n.hero-btn{\r\n\r\n    padding:14px;\r\n\r\n    font-size:14px;\r\n\r\n}\r\n\r\n.section-title h2{\r\n\r\n    font-size:26px;\r\n\r\n}\r\n\r\n.section-title p{\r\n\r\n    font-size:14px;\r\n\r\n}\r\n\r\n.legal-card{\r\n\r\n    flex:0 0 88%;\r\n    padding:20px;\r\n\r\n}\r\n\r\n.certificate-card{\r\n\r\n    flex:0 0 85%;\r\n\r\n}\r\n\r\n}\r\n<\/style>\r\n<script>\r\n\r\n\/*=========================================\r\nPART 7 - JAVASCRIPT\r\n=========================================*\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n\/*=========================================\r\nFADE UP ANIMATION\r\n=========================================*\/\r\n\r\nconst observer=new IntersectionObserver((entries)=>{\r\n\r\nentries.forEach(entry=>{\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.classList.add(\"show\");\r\n\r\n}\r\n\r\n});\r\n\r\n},{\r\nthreshold:.15\r\n});\r\n\r\ndocument.querySelectorAll(\r\n'.legal-card,.certificate-card,.section-title,.hero-left,.hero-right'\r\n).forEach(el=>{\r\n\r\nel.classList.add(\"hidden\");\r\n\r\nobserver.observe(el);\r\n\r\n});\r\n\r\n\r\n\/*=========================================\r\nSMOOTH SCROLL (skip link \"#\" kosong biar tidak error)\r\n=========================================*\/\r\n\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor=>{\r\n\r\nanchor.addEventListener(\"click\",function(e){\r\n\r\nconst href=this.getAttribute(\"href\");\r\n\r\nif(!href || href.length<2){\r\n\r\nreturn;\r\n\r\n}\r\n\r\nconst target=document.querySelector(href);\r\n\r\nif(target){\r\n\r\ne.preventDefault();\r\n\r\ntarget.scrollIntoView({\r\n\r\nbehavior:\"smooth\",\r\nblock:\"start\"\r\n\r\n});\r\n\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\n\r\n\/*=========================================\r\nBUTTON RIPPLE\r\n=========================================*\/\r\n\r\ndocument.querySelectorAll('.hero-btn,.legal-card a,.certificate-card a').forEach(btn=>{\r\n\r\nbtn.addEventListener(\"click\",function(e){\r\n\r\nconst ripple=document.createElement(\"span\");\r\n\r\nconst rect=this.getBoundingClientRect();\r\n\r\nconst size=Math.max(rect.width,rect.height);\r\n\r\nripple.style.width=size+\"px\";\r\nripple.style.height=size+\"px\";\r\n\r\nripple.style.left=(e.clientX-rect.left-size\/2)+\"px\";\r\nripple.style.top=(e.clientY-rect.top-size\/2)+\"px\";\r\n\r\nripple.className=\"ripple\";\r\n\r\nthis.appendChild(ripple);\r\n\r\nsetTimeout(()=>{\r\n\r\nripple.remove();\r\n\r\n},600);\r\n\r\n});\r\n\r\n});\r\n\r\n});\r\n\r\n\r\n\r\n\/*=========================================\r\nCERTIFICATE PREVIEW (POPUP)\r\n=========================================*\/\r\n\r\nconst popup=document.getElementById(\"certificatePopup\");\r\n\r\nconst popupImg=document.getElementById(\"popupImage\");\r\n\r\nconst closePopup=document.querySelector(\".popup-close\");\r\n\r\nfunction openCertificatePopup(src){\r\n\r\npopup.classList.add(\"show\");\r\n\r\npopupImg.src=src;\r\n\r\n}\r\n\r\n\/* Klik gambar sertifikat langsung buka popup *\/\r\n\r\ndocument.querySelectorAll(\".certificate-card img\").forEach(img=>{\r\n\r\nimg.style.cursor=\"pointer\";\r\n\r\nimg.addEventListener(\"click\",()=>{\r\n\r\nopenCertificatePopup(img.src);\r\n\r\n});\r\n\r\n});\r\n\r\n\/* Klik tombol \"Lihat Sertifikat\" juga buka popup *\/\r\n\r\ndocument.querySelectorAll(\".certificate-card a\").forEach(link=>{\r\n\r\nlink.addEventListener(\"click\",(e)=>{\r\n\r\ne.preventDefault();\r\n\r\ne.stopPropagation();\r\n\r\nconst card=link.closest(\".certificate-card\");\r\n\r\nconst img=card ? card.querySelector(\"img\") : null;\r\n\r\nif(img){\r\n\r\nopenCertificatePopup(img.src);\r\n\r\n}\r\n\r\n});\r\n\r\n});\r\n\r\nclosePopup.addEventListener(\"click\",()=>{\r\n\r\npopup.classList.remove(\"show\");\r\n\r\n});\r\n\r\npopup.addEventListener(\"click\",(e)=>{\r\n\r\nif(e.target===popup){\r\n\r\npopup.classList.remove(\"show\");\r\n\r\n}\r\n\r\n});\r\n\r\ndocument.addEventListener(\"keydown\",(e)=>{\r\n\r\nif(e.key===\"Escape\"){\r\n\r\npopup.classList.remove(\"show\");\r\n\r\n}\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Legal Document &#038; Sertifikat Dokumen resmi perusahaan sebagai bentuk komitmen terhadap legalitas, kepercayaan pelanggan, dan kualitas layanan PT Techno Cyber Mandiri. Lihat Dokumen Lihat Sertifikat Legal Document Seluruh dokumen legal perusahaan yang dapat diakses oleh publik. Akta Pendirian Akta pendirian resmi perusahaan. Unduh Dokumen NIB Perusahaan Nomor Induk Berusaha. Unduh Dokumen NPWP Nomor Pokok Wajib [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1147","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages\/1147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/comments?post=1147"}],"version-history":[{"count":75,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages\/1147\/revisions"}],"predecessor-version":[{"id":1248,"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/pages\/1147\/revisions\/1248"}],"wp:attachment":[{"href":"https:\/\/tcmandiri.id\/index.php\/wp-json\/wp\/v2\/media?parent=1147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}