PageSourceSearch

https://alterrabills.id/enterprise-dashboard

html alterrabills.id collected 2026-10-09 17:50:34 UTC 49,205 bytes, 831 lines download raw bytes

1<head>
2    <title>Enterprise Dashboard</title>
3    <meta name="description" content="Lacak seluruh transaksi, status tagihan, dan performa distribusi dari satu dashboard hingga bulk transaction untuk produk PPOB.">
4    <meta name="keywords" content="Enterprise Dashboard, Pembayaran Tagihan, Integrasi, PPOB, 350+ Partner, 3000+ Produk">
5    <meta property="og:title" content="Enterprise Dashboard">
6    <meta property="og:description" content="Lacak seluruh transaksi, status tagihan, dan performa distribusi dari satu dashboard hingga bulk transaction untuk produk PPOB.">
7<style id='global-styles-inline-css' type='text/css'>
8:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
8--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
8.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
9/*# sourceURL=global-styles-inline-css */
10</style>
11
12</head>
13<!DOCTYPE html>
14<html lang="en-US">
15<head>
16<meta charset="UTF-8">
17<meta name="viewport" content="width=device-width, initial-scale=1">
18<link rel="shortcut icon" href="https://alterrabills.id/wp-content/themes/abills_theme/asset/Favicon_ABills-1.png">
19<link rel="stylesheet" href="https://alterrabills.id/wp-content/themes/abills_theme/css/main.min.css">
20<link rel="stylesheet" href="https://alterrabills.id/wp-content/themes/abills_theme/css/footer.min.css">
21<script src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/assets/js/main.js"></script>
21
22<link rel="profile" href="http://gmpg.org/xfn/11">
23
24	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
25
26	<!-- This site is optimized with the Yoast SEO plugin v27.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
27	<title>Alterra Bills</title>
28	<meta property="og:locale" content="en_US" />
29	<meta property="og:type" content="website" />
30	<meta property="og:site_name" content="Alterra Bills" />
31	<meta name="twitter:card" content="summary_large_image" />
32	
32<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/alterrabills.id\/#website","url":"https:\/\/alterrabills.id\/","name":"Alterra Bills","description":"","publisher":{"@id":"https:\/\/alterrabills.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alterrabills.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alterrabills.id\/#organization","name":"Alterra Bills","url":"https:\/\/alterrabills.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alterrabills.id\/#\/schema\/logo\/image\/","url":"https:\/\/alterrabills.id\/wp-content\/uploads\/2026\/05\/Abills-Logo-Main-Color-scaled.png","contentUrl":"https:\/\/alterrabills.id\/wp-content\/uploads\/2026\/05\/Abills-Logo-Main-Color-scaled.png","width":2560,"height":1288,"caption":"Alterra Bills"},"image":{"@id":"https:\/\/alterrabills.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/alterra.bills\/"]}]}</script>
32
33	<!-- / Yoast SEO plugin. -->
34
35
36<link rel='dns-prefetch' href='//www.googletagmanager.com' />
37<link rel='dns-prefetch' href='//alterrabills.id' />
38<link rel='dns-prefetch' href='//fonts.googleapis.com' />
39<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
40img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
41/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
42</style>
43<style id='wp-block-library-inline-css' type='text/css'>
44:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
44--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
45/*wp_block_styles_on_demand_placeholder:6ac9296a405c1*/
46/*# sourceURL=wp-block-library-inline-css */
47</style>
48<style id='classic-theme-styles-inline-css' type='text/css'>
49/*! This file is auto-generated */
50.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
51/*# sourceURL=/wp-includes/css/classic-themes.min.css */
52</style>
53<link rel='stylesheet' id='abills-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&#038;family=Muli:wght@400;600&#038;display=swap' type='text/css' media='all' />
54<link rel='stylesheet' id='abills-style-css' href='https://alterrabills.id/wp-content/themes/abills_theme/new-abills/style.css?ver=1789007337' type='text/css' media='all' />
55
56<!-- Google tag (gtag.js) snippet added by Site Kit -->
57<!-- Google Analytics snippet added by Site Kit -->
vendor: 81 bytes, lines 57-58
57
58<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=
58GT-PBNG4Z7
vendor: 40 bytes, line 58
58" id="google_gtagjs-js" async></script>
59<script type="text/javascript" id="google_gtagjs-js-after">
60/* <![CDATA[ */
61window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
62gtag("set","linker",{"domains":["alterrabills.id"]});
63gtag("js", new Date());
64gtag("set", "developer_id.dZTNiMT", true);
65gtag("config", "GT-PBNG4Z7");
66 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
67//# sourceURL=google_gtagjs-js-after
68/* ]]> */
69</script>
69
70<link rel="https://api.w.org/" href="https://alterrabills.id/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://alterrabills.id/xmlrpc.php?rsd" />
71<meta name="generator" content="WordPress 6.9.4" />
72<meta name="generator" content="Site Kit by Google 1.179.0" /></head>
73
74<body class="wp-theme-abills_theme">
75<div id="page" class="site">
76
77<header id="masthead" class="site-header show-desktop">
78  <div class="main-navigation-container">
79    <div class="navigation-content">
80      <div class="logo desktop-logo">
81          <a href="https://alterrabills.id/" rel="home">
82            <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills">
83          </a>
84      </div>
85    <div class="hamburger-menu">
86      <div class="bar"></div>
87    <div class="bar"></div>
88  <div class="bar"></div>
89</div>
90
91<div class="mobile-menu-container">
92  <div class="logo mobile-logo">
93    <a href="https://alterrabills.id/" rel="home">
94      <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills">
95      </a>
96  </div>
97  <nav id="site-navigation" class="main-navigation">
98					<ul id="primary-menu"><li class="menu-item-has-children"><a href="#">Solusi</a><ul class="sub-menu"><li><a href="https://alterrabills.id/bill-payment-aggregator">
99                        <div class="header-submenu">
100                          <div>
101                            Bill Payment Aggregator<br/><span class="fz12 color-desc">Akses langsung ke ribuan produk digital </span>
102                          </div>
103                          <div>
104                            <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon">
105                          </div>
106                        </div>
107                        </a>
108                    </li><li><a href="https://alterrabills.id/switching-integrator">
109                        <div class="header-submenu">
110                          <div>
111                            Switching & Integrator<br/><span class="fz12 color-desc">Pastikan produk selalu aktif tanpa gangguan</span>
112                          </div>
113                          <div>
114                            <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon">
115                          </div>
116                        </div>
117                        </a>
118                    </li><li><a href="https://alterrabills.id/digital-billing-system">
119                        <div class="header-submenu">
120                          <div>
121                            Digital Billing System<br/><span class="fz12 color-desc">Otomatisasi pembuatan dan pengiriman tagihan</span>
122                          </div>
123                          <div>
124                            <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon">
125                          </div>
126                        </div>
127                        </a>
128                    </li><li><a href="https://alterrabills.id/whitelabel-solution">
129                        <div class="header-submenu">
130                          <div>
131                            Whitelabel Solutions<br/><span class="fz12 color-desc">Gunakan sistem kami dengan brand Anda</span>
132                          </div>
133                          <div>
134                            <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon">
135                          </div>
136                        </div>
137                        </a>
138                    </li><li><a href="https://alterrabills.id/enterprise-dashboard">
139                    <div class="header-submenu">
140                          <div>
141                            Enterprise Dashboard<br/><span class="fz12 color-desc">Kelola performa transaksi dalam satu tampilan</span>
142                          </div>
143                          <div>
144                            <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="menu-link-icon">
145                          </div>
146                        </div>
147                        </a>
148                    </li></ul></li><li><a href="https://alterrabills.id/tentang-kami">Tentang Kami</a></li><li><a href="https://alterrabills.id/blog">Blog</a> </li></ul></nav><!-- #site-navigation -->
149<a style="text-decoration: none;" href="https://alterrabills.id/hubungi-kami" rel="home">
150  <div class="header-button button-form">
151      <p class="hubungi-kami-button button-form">Hubungi Kami</p>
152  </div>
153</a>
154</div>
155</div>
156</div>
157</header><!-- #masthead -->
158
159<header id="masthead" class="site-header show-mobile">
160  <!-- Header mobile default (logo + hamburger) -->
161  <div class="mobile-header">
162    <div class="mobile-header__logo">
163      <a href="https://alterrabills.id/" rel="home">
164        <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills">
165      </a>
166    </div>
167    <button type="button" class="mobile-header__hamburger js-mobile-open-menu" aria-label="Buka menu">
168      <span class="mobile-header__hamburger-line"></span>
169      <span class="mobile-header__hamburger-line"></span>
170    </button>
171  </div>
172
173  <!-- Overlay full screen (muncul ketika hamburger diklik) -->
174  <div class="mobile-nav-overlay js-mobile-nav-overlay">
175    <div class="mobile-nav">
176      <!-- Header di dalam overlay -->
177      <div class="mobile-nav__header mobile-nav__header--root">
178        <div class="mobile-nav__logo">
179          <a href="https://alterrabills.id/" rel="home">
180            <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills">
181          </a>
182        </div>
183        <button type="button" class="mobile-nav__close js-mobile-nav-close" aria-label="Tutup menu">
184          &times;
185        </button>
186      </div>
187
188      <!-- List menu utama -->
189      <div class="mobile-nav__panel mobile-nav__panel--root is-active">
190        <ul class="mobile-nav__list">
191          <li class="mobile-nav__item">
192            <button type="button" class="mobile-nav__link mobile-nav__link--with-chevron js-mobile-open-solusi">
193              <span>Solusi</span>
194              <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="mobile-nav__chevron">
195            </button>
196          </li>
197          <li class="mobile-nav__item">
198            <a href="https://alterrabills.id/tentang-kami" class="mobile-nav__link">Tentang Kami</a>
199          </li>
200          <li class="mobile-nav__item">
201            <a href="https://alterrabills.id/blog" class="mobile-nav__link">Blog</a>
202          </li>
203          <!-- <li class="mobile-nav__item">
204            <button type="button" class="mobile-nav__link mobile-nav__link--with-chevron">
205              <span>Bahasa</span>
206              <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/Icon-chevron-right.png" alt="Chevron" class="mobile-nav__chevron">
207            </button>
208          </li> -->
209        </ul>
210      </div>
211
212      <!-- Header & list ketika Solusi di-expand -->
213      <div class="mobile-nav__panel mobile-nav__panel--solusi">
214        <div class="mobile-nav__header mobile-nav__header--sub">
215          <button type="button" class="mobile-nav__back js-mobile-solusi-back">
216            <span class="mobile-nav__back-icon">&#x2039;</span>
217            <span>Kembali</span>
218          </button>
219          <button type="button" class="mobile-nav__close js-mobile-nav-close" aria-label="Tutup menu">
220            &times;
221          </button>
222        </div>
223
224        <ul class="mobile-nav__list">
225          <li class="mobile-nav__item">
226            <a href="https://alterrabills.id/bill-payment-aggregator" class="mobile-nav__link">
227              Bill Payment Aggregator
228            </a>
229          </li>
230          <li class="mobile-nav__item">
231            <a href="https://alterrabills.id/enterprise-dashboard" class="mobile-nav__link">
232              Enterprise Dashboard
233            </a>
234          </li>
235          <li class="mobile-nav__item">
236            <a href="https://alterrabills.id/digital-billing-system" class="mobile-nav__link">
237              Digital Billing System
238            </a>
239          </li>
240          <li class="mobile-nav__item">
241            <a href="https://alterrabills.id/switching-integrator" class="mobile-nav__link">
242              Switching Integrator
243            </a>
244          </li>
245          <li class="mobile-nav__item">
246            <a href="https://alterrabills.id/whitelabel-solution" class="mobile-nav__link">
247              Whitelabel Solutions
248            </a>
249          </li>
250          <!-- <li class="mobile-nav__item">
251            <a href="https://alterrabills.id/solusi" class="mobile-nav__link">
252              Lihat Use Case
253            </a>
254          </li> -->
255        </ul>
256      </div>
257
258      <!-- Tombol CTA di bawah -->
259      <a style="text-decoration: none; color: #fff;" class="js-mobile-nav-close" href="https://alterrabills.id/hubungi-kami" rel="home">
260        <div class="mobile-nav__cta button-form">
261          <p class="hubungi-kami-button button-form">Hubungi Kami</a>
262        </div>
263      </a>
264    </div>
265  </div>
266</header>
267<div id="content" class="site-content">
268<div id="modal-contact-form" class="section-contact-form">
269    <div class="form-content">
270    <div class="flex-between">
271        <img class="logo-form" src="https://alterrabills.id/wp-content/themes/abills_theme/hubfs/website-abills/logoAlterra%20(1).svg" alt="logo_alterra_bills">
272        <svg id="close-form" class="icon-close-form" width="34" height="34" viewbox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
273        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9987 0.333496C7.78203 0.333496 0.332031 7.7835 0.332031 17.0002C0.332031 26.2168 7.78203 33.6668 16.9987 33.6668C26.2154 33.6668 33.6654 26.2168 33.6654 17.0002C33.6654 7.7835 26.2154 0.333496 16.9987 0.333496ZM25.332 22.9835L22.982 25.3335L16.9987 19.3502L11.0154 25.3335L8.66537 22.9835L14.6487 17.0002L8.66537 11.0168L11.0154 8.66683L16.9987 14.6502L22.982 8.66683L25.332 11.0168L19.3487 17.0002L25.332 22.9835Z" fill="#F47522" />
274        </svg>
275    </div>
276    <div class="container-content-form">
277        <div class="section-form-txt">
278        <div class="form-txt">
279            <div>
280            <h2 class="title-contact-us"><span class="title-lightblue">Terima kasih</span> atas ketertarikan Anda dengan Alterra Bills</h2>
281            <p class="desc-contact-us">Silakan lengkapi form di bawah ini! Tim kami akan segera menghubungi Anda untuk memberikan informasi lebih lanjut.</p>
282            </div>
283            <img class="img-contact-form" src="https://alterrabills.id/wp-content/themes/abills_theme/hubfs/website-abills/banner-contact-form.svg" alt="img" contact form>
284        </div>
285        </div>
286        <div class="section-form-txt">
287        <div class="form-wrapper">
288            <span id="hs_cos_wrapper_footer-module-2_my_form" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form">
289            <div id="hs_form_target_footer-module-2_my_form">
290            <form 
291                id="customForm" 
292                method="POST" 
293                action="/contact-form">
294                <div class="hs_firstname hs-firstname hs-fieldtype-text field hs-form-field">
295                    <label for="fullname">
296                        <span>Nama</span>
297                        <span class="hs-form-required">*</span>
298                    </label>
299                    <div class="input">
300                        <input id="fullname" name="fullname" type="text" class="hs-input invalid error" inputmode="text" required>
301                    </div>
302                </div>
303                <div class="hs_email hs-email hs-fieldtype-text field hs-form-field">
304                    <label for="email">
305                        <span>Email</span>
306                        <span class="hs-form-required">*</span>
307                    </label>
308                    <div class="input">
309                        <input id="email" name="email" type="email" class="hs-input" inputmode="email" required>
310                    </div>
311                </div>
312                <div class="hs_phone hs-phone hs-fieldtype-phonenumber field hs-form-field">
313                    <label for="phone">
314                        <span>Nomor Handphone</span><span class="hs-form-required">*</span>
315                    </label>
316                    <div class="input">
317                        <input id="phone" name="phone" type="tel" class="hs-input" pattern="\+62[0-9]{9,13}" value="+62" required>
318                    </div>
319                </div>
320
321                <div class="hs_jenis_bisnis_atau_perusahaan hs-jenis_bisnis_atau_perusahaan hs-fieldtype-select field hs-form-field">
322                    <label for="businessType">
323                        <span>Jenis Bisnis atau Perusahaan</span>
324                        <span class="hs-form-required">*</span>
325                    </label>
326                    <div class="input">
327                        <select id="businessType" class="hs-input is-placeholder" name="businessType" required>
328                            <option>Please Select</option>
329                            <option value="PT">PT</option>
330                            <option value="CV">CV</option>
331                            <option value="UMKM">UMKM</option>
332                            <option value="Perorangan">Perorangan</option>
333                        </select>
334                    </div>
335                </div>
336
337                <div class="hs_company hs-company hs-fieldtype-text field hs-form-field">
338                    <label for="company">
339                        <span>Nama Bisnis atau Perusahaan</span>
340                        <span class="hs-form-required">*</span>
341                    </label>
342                    <div class="input">
343                        <input id="company" name="company" type="text" class="hs-input" inputmode="text" required>
344                    </div>
345                </div>
346
347                <div class="hs_jenis_layanan hs-jenis_layanan hs-fieldtype-checkbox field hs-form-field">
348                    <label id="label-jenis_layanan" class="hs-form-label">
349                        <span>Layanan yang ingin Anda ketahui</span><span class="hs-form-required">*</span>
350                    </label>
351                    <div class="input">
352                        <ul class="inputs-list multi-container">
353                            <li class="hs-form-checkbox">
354                                <label>
355                                    <input type="checkbox" name="requiredService[]" value="Bill Payment Agregator"> Bill Payment Aggregator
356                                </label>
357                            </li>
358                            <li class="hs-form-checkbox">
359                                <label>
360                                    <input type="checkbox" name="requiredService[]" value="Switching Integrator"> Switching Integrator
361                                </label>
362                            </li>
363                            <li class="hs-form-checkbox">
364                                <label>
365                                    <input type="checkbox" name="requiredService[]" value="Enterprise Dashboard"> Enterprise Dashboard
366                                </label>
367                            </li>
368                            <li class="hs-form-checkbox">
369                                <label>
370                                    <input type="checkbox" name="requiredService[]" value="Digital Billing System"> Digital Billing System
371                                </label>
372                            </li>
373                        </ul>
374                    </div>
375                </div>
376
377                <div class="hs_message hs-message hs-fieldtype-textarea field hs-form-field">
378                    <label for="message">
379                        <span>Apa yang Anda butuhkan?</span><span class="hs-form-required">*</span>
380                    </label>
381                    <div class="input">
382                        <textarea id="message" class="hs-input hs-fieldtype-textarea" name="message" required></textarea>
383                    </div>
384                </div>
385
386                <div class="hs_submit hs-submit">
387                    <div class="hs-field-desc" style="display: none;"></div>
388                    <div class="actions">
389                        <input type="submit" class="hs-button primary large" value="Kirim Sekarang" name="custom_form_submitted">
390                    </div>
391                </div>
392            </form>
393            </div>
394            </span>
395            <p class="text-tnc">Dengan mengklik tombol "Kirim Sekarang", Anda setuju untuk menerima komunikasi pemasaran dari kami sesuai dengan <a class="link-privacy" href="https://alterrabills.id/kebijakan-privasi" target="_blank"><span class="tnc-orange">Kebijakan Privasi</span></a> kami.</p>
396        </div>
397        </div>
398    </div>
399    <div></div>
400    </div>
401</div>
402
403
404
405<section class="hero">
406  <div class="hero__container">
407    <div class="hero__content">
408      <div class="title__tag">
409        <p class="hero__tag">Enterprise Dashboard</p>
410        <div class="hero__context">
411          <h1 class="hero__title">Hemat Waktu dengan <span class="highlight">Kelola</span> Ratusan Transaksi <span class="highlight">Sekaligus</span></h1>
412          <p class="hero__desc">Monitor dan lakukan transaksi terjadwal, satuan maupun banyak transaksi sekaligus, semua tagihan bisnis mulai dari PLN, PDAM, e-Wallet, hingga telco dan voucher digital lewat dashboard</p>
413        </div>
414      </div>
415      <div class="hero__cta">
416          <a style="text-decoration: none;" href="https://alterrabills.id/hubungi-kami" rel="home">
417          <p class="btn btn-primary button-form">Hubungi Kami</p>
418          </a>
419      </div>
420    </div>
421    <div class="hero__image">
422      <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-dashboard.png" alt="Hero Illustration" />
423    </div>
424  </div>
425</section>
426<section class="section-wrapper">
427  <div class="container-section">
428    <div class="container-tag">
429      <p class="tag-product mb12">Fitur</p>
430    </div>
431    <div class="container-tag mb24">
432      <div class="container-desc-product">
433        <h2 class="color-title font-title fz-32">Sentralisasi Data dalam <span class="font-highlight">Satu Dashboard</span></h2>
434        <p class="font-desc fz16 color-desc font-desc-fitur">Lacak seluruh transaksi, status tagihan, dan performa distribusi dari satu tampilan.</p>
435      </div>
436    </div>
437    <div class="section-performance-img">
438      <div class="img-bpa1-container">
439        <picture>
440          <source media="(max-width: 500px)" srcset="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-mobile-1.png">
441          <img class="img-bpa1" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/img-enterprise-1.png" alt="Performance 1">
442        </picture>
443        <div class="bpa1-gradient"></div>
444        <div class="text-bpa1">
445          <p class="fz-32 font-title font-middle lh160">Transaksi Terjadwal Otomatis</p>
446          <p class="font-desc fz16 font-white lh160">Kurangi proses manual dengan penjadwalan dan pelacakan otomatis yang mendukung efisiensi tim Anda.</p>
447        </div>
448      </div>
449      <div class="img-bpa2-container">
450        <div class="wrapper-img-bpa2">
451          <picture>
452            <source media="(max-width: 500px)" srcset="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-mobile-2.png">
453            <img class="img-bpa2" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/img-enterprise-2.png" alt="Performance 1">
454          </picture>
455          <div class="bpa1-gradient"></div>
456          <div class="text-bpa1">
457            <p class="fz-32 font-title font-middle"> Bulk Transaksi</p>
458            <p class="font-desc fz16 font-white lh160">Lakukan banyak transaksi sekaligus dengan satu klik untuk efisiensi maksimal.</p>
459          </div>
460        </div>
461        <div class="wrapper-img-bpa2">
462          <picture>
463            <source media="(max-width: 500px)" srcset="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/enterprise-mobile-3.png">
464            <img class="img-bpa2" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/img-enterprise-3.png" alt="Performance 2">
465          </picture>          
466          <div class="bpa1-gradient"></div>
467          <div class="text-bpa1">
468            <p class="fz-32 font-title font-middle">Availability Tinggi</p>
469            <p class="font-desc fz16 font-white lh160">Tidak perlu khawatir dengan ketersediaan produk, lewat dashboard kami, kamu dapat melihat status produk.</p>
470          </div>
471        </div>
472      </div>
473    </div>
474  </div>
475</section>
476<section class="section-customer-loyalty">
477  <div class="container-section flex-mobile">
478    <div class="container-customer-loyalty-content">
479      <p class="font-title fz-32 mb20 color-title lh160">Tingkatkan Customer Loyalty dan Kemudahan Distribusi Employee Benefits</p>
480      <p class="font-desc fz16 color-desc mb20 lh160">Monitor penukaran loyalty reward dengan produk PPOB kami dan jadwalkan transaksi produk PPOB setiap bulannya untuk karyawan perusahaan Anda</p>
481      <div class="hero__cta">
482          <a style="text-decoration: none;" href="https://alterrabills.id/hubungi-kami" rel="home">
483          <p class="btn btn-primary button-form">Uji Coba Sekarang</p>
484          </a>
485      </div>
486    </div>
487    <div class="container-customer-loyalty-image">
488      <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/loyalty-feedback.png" alt="Loyalty Feedback">
489    </div>
490  </div>
491</section>
492
493</div><!-- #content -->
494
495<footer id="colophon" class="site-footer">
496  <div class="footer__background">
497    <div class="footer__inner">
498      <div class="footer__cards">
499        <div class="footer__card footer__card--links">
500          <div class="footer__links">
501            <div class="footer__link-group">
502            <h4>Solusi</h4>
503            <ul class="footer__link-list">
504              <li><a href="https://alterrabills.id/bill-payment-aggregator">Bill Payment Aggregator</a></li>
505              <li><a href="https://alterrabills.id/digital-billing-system">Digital Billing System</a></li>
506              <li><a href="https://alterrabills.id/switching-integrator">Switching & Integrator</a></li>
507              <li><a href="https://alterrabills.id/enterprise-dashboard">Enterprise Dashboard</a></li>
508              <li><a href="https://alterrabills.id/whitelabel-solution">Whitelabel Solutions</a></li>
509            </ul>
510          </div>
511          <div class="footer__link-group">
512          <h4>Perusahaan</h4>
513          <ul class="footer__link-list">
514            <li><a href="https://alterrabills.id/blog">Blog</a></li>
515            <li><a href="https://alterrabills.id/tentang-kami">Tentang Kami</a></li>
516            <li><a href="https://docs.alterrabills.id/docs/api/alterra-bills-api/">API Docs</a></li>
517          </ul>
518        </div>
519        <div class="footer__link-group">
520          <h4>Keamanan</h4>
521          <ul class="footer__link-list">
522            <li><a href="https://alterrabills.id/kebijakan-privasi">Kebijakan Privasi</a></li>
523            <li><a href="https://alterrabills.id/ketentuan-layanan">Ketentuan Layanan</a></li>
524          </ul>
525        </div>
526    </div>
527  </div>
528
529<div class="footer__card footer__card--details">
530  <div class="footer__details">
531    <div class="footer__details-top">
532      <div class="footer__info-block">
533        <h4>PT Sepulsa Teknologi Indonesia</h4>
534      <p>Penyedia layanan pembayaran tagihan yang menghubungkan penerbit tagihan dengan kanal pembayaran.</p>
535  </div>
536<div class="footer__info-block">
537  <h4>Hubungi Kami</h4>
538<ul class="footer__info-list">
539  <li>
540    <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-whatsapp.svg" alt="WhatsApp" class="footer__badge">
541      <a href="https://wa.me/+6285741462228" target="_blank" >0857 4146 2228</a>
542  </li>
543<li>
544  <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-email.svg" alt="Email" class="footer__badge">
545    <a href="/cdn-cgi/l/email-protection#ed8e8c9f88ad8c8199889f9f8cc38489"><span class="__cf_email__" data-cfemail="dbb8baa9be9bbab7afbea9a9baf5b2bf">[email&#160;protected]</span></a>
546</li>
547</ul>
548</div>
549<div class="footer__info-block">
550  <h4>Ikuti Kami</h4>
551  <ul class="footer__social-list">
552    <li><a href="https://www.instagram.com/alterra.bills/" target="_blank" class="footer__social-badge"><img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-instagram.svg" alt="Instagra"></a></li>
553    <li><a href="https://www.linkedin.com/company/alterra-bills" target="_blank" class="footer__social-badge"><img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-linkedin.svg" alt="LinkedIn"></a></li>
554  </ul>
555  </div>
556</div>
557
558<div class="footer__divider"></div>
559
560<div class="footer__details-bottom">
561  <div class="footer__info-block">
562    <h4>Layanan Pengaduan Konsumen</h4>
563  <p>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga Kementerian Perdagangan RI</p>
564<ul class="footer__info-list">
565  <li>
566    <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/icons/icon-whatsapp.svg" alt="WhatsApp" class="footer__badge">
567      <a href="https://wa.me/+6285311111010" target="_blank">0853 1111 1010</a>
568    <span class="footer__muted">(chat only)</span>
569</li>
570</ul>
571</div>
572<div class="footer__info-block">
573  <h4>Sertifikasi &amp; Lisensi</h4>
574<div class="footer__certifications">
575  <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/oss-certification.png" alt="OSS Certification" style="height: 40px;">
576    <img src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/komdigi.png" alt="Kominfo Digitali" style="height: 40px;">
577    </div>
578</div>
579</div>
580</div>
581</div>
582</div>
583
584<div class="footer__bottom-card">
585  <div class="footer__bottom">
586    <div class="footer__brand" aria-label="Alterra Bills">
587      <img class="footer__brand-logo" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/images/Logo.svg" alt="Alterra Bills">
588      </div>
589    <p class="footer__copyright">© 2026 Alterra Bills. All rights reserved.</p>
590</div>
591</div>
592</div>
593</div>
594</footer>
595</div><!-- #page -->
vendor: 110 bytes, lines 595-597
595
596
597<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
597<script type="speculationrules">
598{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/abills_theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
599</script>
vendor: 1 bytes, line 599
599
600<script type="text/javascript" src="https://alterrabills.id/wp-content/themes/abills_theme/new-abills/assets/js/main.js?ver=1771401614" id="abills-main-js"></script>
600
601
602</body>
603</html><style>
604.font-desc-fitur {
605  margin: -20px 0px 20px 0px;
606  max-width: 550px;
607  width: 100%;
608}
609.tag-product {
610  border-radius: 100px;
611  background: #E5E7EE;
612  padding: 4px 10px;
613  border: 1px solid #E5E7EE;
614  font-size: 13px;
615  color:#0B1628;
616  width: fit-content;
617}
618.container-tag {
619  display: flex;
620  justify-content: center;
621}
622.container-desc-product {
623  max-width: 700px;
624  display: flex;
625  flex-wrap: wrap;
626  justify-content: center;
627}
628
629.container-product {
630  display: flex;
631  justify-content: center;
632  gap: 24px;
633  margin-bottom: 60px;
634}
635
636.container-section {
637  max-width: 1200px;
638  margin: 0 auto;
639}
640
641.section-wrapper {
642  margin: 120px 60px;
643  text-align: center;
644}
645.section-wrapper__item {
646  width: 30%;
647  text-align: left;
648  background: #F4F4F4;
649  border-radius: 8px;
650  padding: 16px;
651}
652.mb48 {
653  margin-bottom: 48px;
654}
655
656.flex-center {
657  display: flex;
658  justify-content: center;
659  align-items: center;
660}
661
662.img-bpa1 {
663  max-width: 585px;
664  max-height: 780px;
665  width: 100%;
666  height: 100%;
667  object-fit: fill;
668  display: block;
669  border-radius: 8px;
670}
671.bpa1-gradient {
672  position: absolute;
673  inset: 0;
674  background: linear-gradient(
675    to bottom,
676    rgba(0, 0, 0, 0),
677    rgba(0, 0, 0, 0.1),
678    rgba(0, 0, 0, 0.8)
679  );
680  border-radius: 8px;
681}
682.img-bpa1-container {
683  width: 50%;
684  position: relative;
685  border-radius: 8px;
686}
687.text-bpa1 {
688  position: absolute;
689  left: 24px;
690  right: 24px;
691  bottom: 22px;
692  color: #fff;
693  z-index: 2;
694  text-align: left;
695  font-weight: 600;
696}
697.img-bpa2-container {
698  width: 50%;
699  display: flex;
700  flex-direction: column;
701  gap: 24px;
702  justify-content: space-between;
703}
704.wrapper-img-bpa2 {
705  width: 100%;
706  height: 100%;
707  max-width: 585px;
708  max-height: 375px;
709  position: relative;
710  border-radius: 8px;
711}
712.img-bpa2 {
713  height: 100%;
714  width: 100%;
715  object-fit: fill;
716  display: block;
717  border-radius: 8px;
718}
719
720.lh160 {
721  line-height: 160%;
722}
723
724.no-border {
725  border: none !important;
726}
727
728
729.highlight {
730  color: #F47522;
731}
732.highlight-blue {
733  color: #496FB6;
734} 
735.section-performance-img {
736  display: flex;
737  gap: 24px;
738}
739
740.section-customer-loyalty {
741  position: relative;
742  overflow: hidden;
743  background: #F4F4F4;
744  padding: 60px 20px;
745  min-height: 360px;
746}
747.container-customer-loyalty-content {
748  width: min(58%, 620px);
749  z-index: 1;
750}
751.container-customer-loyalty-image {
752  position: absolute;
753  right: 0;
754  bottom: 0;
755  width: min(48%, 620px);
756  z-index: 0;
757}
758.container-customer-loyalty-image img {
759  display: block;
760  width: 100%;
761  height: auto;
762  clip-path: inset(0 0 60px 0);
763}
764
765@media (max-width: 768px) {
766  .img-bpa1 {
767    max-width: 100%;
768    max-height: 100%;
769    width: 100%;
770    height: 100%;
771  }
772  .section-wrapper {
773    margin: 60px 20px;
774    text-align: center;
775  }
776
777  .section-wrapper__item {
778    width: 100%;
779  }
780  .container-product {
781    flex-wrap: wrap;
782  }
783  .img-bpa1-container {
784    width: 100%;
785  }
786  .img-bpa2-container {
787    width: 100%;
788  }
789  .section-performance-img {
790    flex-wrap: wrap;
791  }
792  .container-customer-loyalty-content {
793    width: 100%;
794  }
795  .container-customer-loyalty-image {
796    right: -20px;
797    width: 100%;
798    position: relative;
799  }
800  .container-customer-loyalty-image img {
801    clip-path: none;
802  }
803  .img-bpa1 {
804    max-width: 100%;
805    max-height: 100%;
806  }
807  .wrapper-img-bpa2 {
808    max-width: 100%;
809    max-height: 100%;
810  }
811  .flex-mobile {
812   display: flex;
813   flex-wrap: wrap;
814  }
815}
816@media (max-width: 500px) {
817  .img-bpa1 {
818    height: 400px;
819    object-fit: cover;
820  }
821  .img-bpa2 {
822    height: 400px;
823    object-fit: cover;
824  }
825}
826@media (min-width: 768px) and (max-width: 1020px) {
827  .font-middle {
828    font-size: 24px !important;
829  }
830}
831</style>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.