{"id":9,"date":"2026-08-19T06:53:56","date_gmt":"2026-08-19T06:53:56","guid":{"rendered":"https:\/\/dompet.rahmatjayaharmonika.com\/?page_id=9"},"modified":"2026-08-19T08:14:44","modified_gmt":"2026-08-19T08:14:44","slug":"home","status":"publish","type":"page","link":"https:\/\/dompet.rahmatjayaharmonika.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4876f38 e-con-full e-flex e-con e-parent\" data-id=\"4876f38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ed49e6 elementor-widget elementor-widget-html\" data-id=\"0ed49e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upk-hero-section\" id=\"beranda\">\r\n    <div class=\"upk-hero-section__container\">\r\n\r\n        <div class=\"upk-hero-section__content\">\r\n\r\n            <div class=\"upk-hero-section__eyebrow\">\r\n                <span class=\"upk-hero-section__eyebrow-line\"><\/span>\r\n                <span>PRODUSEN DOMPET SEJAK 1995<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"upk-hero-section__title\">\r\n                Pengalaman Lebih dari\r\n                <span>30 Tahun<\/span>\r\n                dalam Produksi Dompet\r\n            <\/h1>\r\n\r\n            <p class=\"upk-hero-section__description\">\r\n                UD Puteri Kembar hadir sebagai produsen dompet berpengalaman\r\n                sejak 1995, menghadirkan produk berkualitas dengan pengerjaan\r\n                yang teliti untuk kebutuhan personal maupun bisnis.\r\n            <\/p>\r\n\r\n            <div class=\"upk-hero-section__actions\">\r\n                <a href=\"#produk\" class=\"upk-hero-section__button upk-hero-section__button--primary\">\r\n                    <span>Lihat Produk<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h13\"><\/path>\r\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"#kontak\" class=\"upk-hero-section__button upk-hero-section__button--secondary\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4.1A8 8 0 1 1 20 11.5Z\"><\/path>\r\n                        <path d=\"M8.5 9.5c.2 1.4 1.5 3 3 3.8 1 .5 1.7.7 2.1.4l.9-.7\"><\/path>\r\n                    <\/svg>\r\n                    <span>Konsultasi<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"upk-hero-section__trust\">\r\n\r\n                <div class=\"upk-hero-section__trust-item\">\r\n                    <strong>1995<\/strong>\r\n                    <span>Mulai Berproduksi<\/span>\r\n                <\/div>\r\n\r\n                <span class=\"upk-hero-section__trust-divider\"><\/span>\r\n\r\n                <div class=\"upk-hero-section__trust-item\">\r\n                    <strong>30+<\/strong>\r\n                    <span>Tahun Pengalaman<\/span>\r\n                <\/div>\r\n\r\n                <span class=\"upk-hero-section__trust-divider\"><\/span>\r\n\r\n                <div class=\"upk-hero-section__trust-item\">\r\n                    <strong>Custom<\/strong>\r\n                    <span>Sesuai Kebutuhan<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"upk-hero-section__visual\">\r\n\r\n            <div class=\"upk-hero-section__background-circle upk-hero-section__background-circle--one\"><\/div>\r\n            <div class=\"upk-hero-section__background-circle upk-hero-section__background-circle--two\"><\/div>\r\n\r\n            <div class=\"upk-hero-section__main-card\">\r\n\r\n                <div class=\"upk-hero-section__card-header\">\r\n                    <div class=\"upk-hero-section__brand\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/dompet.rahmatjayaharmonika.com\/wp-content\/uploads\/2026\/08\/logo-puteri-kembar.png\"\r\n                            alt=\"Logo UD Puteri Kembar\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <span class=\"upk-hero-section__card-year\">EST. 1995<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__product\">\r\n\r\n                    <div class=\"upk-hero-section__wallet\">\r\n\r\n                        <div class=\"upk-hero-section__wallet-top\">\r\n                            <span>PUTERI<\/span>\r\n                            <span>KEMBAR<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"upk-hero-section__wallet-emblem\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M12 3 14.2 8 20 9l-4.2 3.7L17 18l-5-2.8L7 18l1.2-5.3L4 9l5.8-1L12 3Z\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                        <div class=\"upk-hero-section__wallet-lines\">\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"upk-hero-section__wallet-bottom\">\r\n                            <span>QUALITY<\/span>\r\n                            <span>CRAFTSMANSHIP<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"upk-hero-section__wallet-shadow\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__card-footer\">\r\n                    <span>DOMPET BERKUALITAS<\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h13\"><\/path>\r\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"upk-hero-section__floating-card upk-hero-section__floating-card--top\">\r\n\r\n                <div class=\"upk-hero-section__floating-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 3 14.2 8 20 9l-4.2 3.7L17 18l-5-2.8L7 18l1.2-5.3L4 9l5.8-1L12 3Z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__floating-text\">\r\n                    <strong>Kualitas<\/strong>\r\n                    <span>Terjaga<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"upk-hero-section__floating-card upk-hero-section__floating-card--bottom\">\r\n\r\n                <div class=\"upk-hero-section__floating-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <path d=\"M12 7v5l3 2\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__floating-text\">\r\n                    <strong>Berpengalaman<\/strong>\r\n                    <span>Sejak 1995<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"upk-hero-section__vertical-label\">\r\n                <span>UD PUTERI KEMBAR<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.upk-hero-section{\r\n    --upk-hero-primary:#173b55;\r\n    --upk-hero-secondary:#2c6d8f;\r\n    --upk-hero-accent:#b98a43;\r\n    --upk-hero-bg:#f6f8f9;\r\n    --upk-hero-white:#ffffff;\r\n    --upk-hero-text:#172b3a;\r\n    --upk-hero-muted:#697984;\r\n    --upk-hero-border:#dfe6e9;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    overflow:hidden;\r\n    padding:105px 20px 95px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 15%,\r\n            rgba(185,138,67,.12),\r\n            transparent 26%\r\n        ),\r\n        radial-gradient(\r\n            circle at 10% 85%,\r\n            rgba(44,109,143,.07),\r\n            transparent 28%\r\n        ),\r\n        var(--upk-hero-bg);\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.upk-hero-section *,\r\n.upk-hero-section *::before,\r\n.upk-hero-section *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.upk-hero-section__container{\r\n    width:min(1180px,100%);\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);\r\n    align-items:center;\r\n    gap:65px;\r\n}\r\n\r\n.upk-hero-section__content{\r\n    position:relative;\r\n    z-index:3;\r\n}\r\n\r\n.upk-hero-section__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n    color:var(--upk-hero-accent);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.upk-hero-section__eyebrow-line{\r\n    width:34px;\r\n    height:1px;\r\n    background:var(--upk-hero-accent);\r\n}\r\n\r\n.upk-hero-section__title{\r\n    max-width:720px;\r\n    margin:22px 0 20px;\r\n    color:var(--upk-hero-text);\r\n    font-size:clamp(42px,5vw,67px);\r\n    line-height:1.04;\r\n    letter-spacing:-2.8px;\r\n    font-weight:800;\r\n}\r\n\r\n.upk-hero-section__title span{\r\n    display:block;\r\n    color:var(--upk-hero-secondary);\r\n}\r\n\r\n.upk-hero-section__description{\r\n    max-width:650px;\r\n    margin:0;\r\n    color:var(--upk-hero-muted);\r\n    font-size:16px;\r\n    line-height:1.85;\r\n}\r\n\r\n.upk-hero-section__actions{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n    gap:12px;\r\n    margin-top:31px;\r\n}\r\n\r\n.upk-hero-section__button{\r\n    min-height:52px;\r\n    padding:0 21px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:9px;\r\n    border-radius:7px;\r\n    text-decoration:none;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.upk-hero-section__button svg{\r\n    width:17px;\r\n    height:17px;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.7;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.upk-hero-section__button--primary{\r\n    color:#fff;\r\n    background:var(--upk-hero-primary);\r\n    box-shadow:0 12px 25px rgba(23,59,85,.17);\r\n}\r\n\r\n.upk-hero-section__button--primary:hover{\r\n    color:#fff;\r\n    background:var(--upk-hero-secondary);\r\n    transform:translateY(-2px);\r\n    box-shadow:0 15px 30px rgba(23,59,85,.22);\r\n}\r\n\r\n.upk-hero-section__button--secondary{\r\n    color:var(--upk-hero-primary);\r\n    border:1px solid var(--upk-hero-border);\r\n    background:#fff;\r\n}\r\n\r\n.upk-hero-section__button--secondary:hover{\r\n    color:var(--upk-hero-secondary);\r\n    border-color:var(--upk-hero-secondary);\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.upk-hero-section__trust{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:20px;\r\n    margin-top:40px;\r\n}\r\n\r\n.upk-hero-section__trust-item{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:5px;\r\n}\r\n\r\n.upk-hero-section__trust-item strong{\r\n    color:var(--upk-hero-primary);\r\n    font-size:17px;\r\n    line-height:1;\r\n    font-weight:800;\r\n}\r\n\r\n.upk-hero-section__trust-item span{\r\n    color:#7b8991;\r\n    font-size:10px;\r\n    line-height:1.3;\r\n}\r\n\r\n.upk-hero-section__trust-divider{\r\n    width:1px;\r\n    height:31px;\r\n    background:#d7e0e4;\r\n}\r\n\r\n\r\n\/* VISUAL *\/\r\n\r\n.upk-hero-section__visual{\r\n    min-height:570px;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.upk-hero-section__background-circle{\r\n    position:absolute;\r\n    border:1px solid rgba(23,59,85,.08);\r\n    border-radius:50%;\r\n}\r\n\r\n.upk-hero-section__background-circle--one{\r\n    width:470px;\r\n    height:470px;\r\n}\r\n\r\n.upk-hero-section__background-circle--two{\r\n    width:620px;\r\n    height:620px;\r\n    border-color:rgba(23,59,85,.045);\r\n}\r\n\r\n\r\n\/* MAIN CARD *\/\r\n\r\n.upk-hero-section__main-card{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(430px,100%);\r\n    padding:23px;\r\n    border-radius:22px;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #173b55 0%,\r\n            #225b79 58%,\r\n            #2d708e 100%\r\n        );\r\n    box-shadow:\r\n        0 30px 70px rgba(23,59,85,.24),\r\n        0 8px 25px rgba(23,59,85,.1);\r\n    transform:rotate(2deg);\r\n    animation:upkHeroCardFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.upk-hero-section__card-header{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    min-height:37px;\r\n}\r\n\r\n.upk-hero-section__brand{\r\n    width:105px;\r\n    height:34px;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.upk-hero-section__brand img{\r\n    display:block;\r\n    max-width:100%;\r\n    max-height:34px;\r\n    width:auto;\r\n    object-fit:contain;\r\n    filter:brightness(0) invert(1);\r\n}\r\n\r\n.upk-hero-section__card-year{\r\n    color:rgba(255,255,255,.58);\r\n    font-size:8px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n\/* PRODUCT *\/\r\n\r\n.upk-hero-section__product{\r\n    min-height:365px;\r\n    margin:17px 0;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n    border-radius:16px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 30% 25%,\r\n            rgba(255,255,255,.18),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #d0a85f,\r\n            #a87935\r\n        );\r\n}\r\n\r\n.upk-hero-section__product::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:310px;\r\n    height:310px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    border-radius:50%;\r\n}\r\n\r\n.upk-hero-section__wallet{\r\n    position:relative;\r\n    z-index:3;\r\n    width:270px;\r\n    height:190px;\r\n    padding:24px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    border-radius:13px;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #704a28,\r\n            #4b2d18\r\n        );\r\n    box-shadow:\r\n        19px 23px 35px rgba(45,28,13,.32),\r\n        inset 0 1px 0 rgba(255,255,255,.12);\r\n    transform:rotate(-7deg);\r\n}\r\n\r\n.upk-hero-section__wallet::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:10px;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    border-radius:9px;\r\n    pointer-events:none;\r\n}\r\n\r\n.upk-hero-section__wallet-top{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    color:rgba(255,255,255,.58);\r\n    font-size:7px;\r\n    letter-spacing:2px;\r\n    font-weight:700;\r\n}\r\n\r\n.upk-hero-section__wallet-emblem{\r\n    position:relative;\r\n    z-index:2;\r\n    width:40px;\r\n    height:40px;\r\n    margin-top:25px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border:1px solid rgba(255,255,255,.45);\r\n    border-radius:50%;\r\n}\r\n\r\n.upk-hero-section__wallet-emblem svg{\r\n    width:18px;\r\n    height:18px;\r\n    fill:none;\r\n    stroke:#d7b16c;\r\n    stroke-width:1.3;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.upk-hero-section__wallet-lines{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:7px;\r\n    margin-top:19px;\r\n}\r\n\r\n.upk-hero-section__wallet-lines span{\r\n    display:block;\r\n    width:67%;\r\n    height:3px;\r\n    border-radius:10px;\r\n    background:rgba(255,255,255,.18);\r\n}\r\n\r\n.upk-hero-section__wallet-lines span:first-child{\r\n    width:82%;\r\n}\r\n\r\n.upk-hero-section__wallet-bottom{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    margin-top:auto;\r\n    color:rgba(255,255,255,.38);\r\n    font-size:6px;\r\n    letter-spacing:1.5px;\r\n}\r\n\r\n.upk-hero-section__wallet-shadow{\r\n    position:absolute;\r\n    width:250px;\r\n    height:45px;\r\n    bottom:58px;\r\n    border-radius:50%;\r\n    background:rgba(43,25,10,.28);\r\n    filter:blur(17px);\r\n}\r\n\r\n\r\n\/* FOOTER CARD *\/\r\n\r\n.upk-hero-section__card-footer{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    color:rgba(255,255,255,.54);\r\n    font-size:8px;\r\n    letter-spacing:1.7px;\r\n    font-weight:700;\r\n}\r\n\r\n.upk-hero-section__card-footer svg{\r\n    width:16px;\r\n    height:16px;\r\n    fill:none;\r\n    stroke:#d7b16c;\r\n    stroke-width:1.6;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* FLOATING CARDS *\/\r\n\r\n.upk-hero-section__floating-card{\r\n    position:absolute;\r\n    z-index:4;\r\n    min-width:155px;\r\n    padding:12px 14px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    border:1px solid rgba(255,255,255,.85);\r\n    border-radius:11px;\r\n    background:rgba(255,255,255,.94);\r\n    box-shadow:0 16px 35px rgba(23,59,85,.13);\r\n    backdrop-filter:blur(8px);\r\n}\r\n\r\n.upk-hero-section__floating-card--top{\r\n    top:80px;\r\n    left:-5px;\r\n    animation:upkHeroFloatingTop 4.5s ease-in-out infinite;\r\n}\r\n\r\n.upk-hero-section__floating-card--bottom{\r\n    right:-10px;\r\n    bottom:70px;\r\n    animation:upkHeroFloatingBottom 5s ease-in-out infinite;\r\n}\r\n\r\n.upk-hero-section__floating-icon{\r\n    width:34px;\r\n    height:34px;\r\n    flex:0 0 34px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border-radius:9px;\r\n    background:#eef4f6;\r\n}\r\n\r\n.upk-hero-section__floating-icon svg{\r\n    width:18px;\r\n    height:18px;\r\n    fill:none;\r\n    stroke:var(--upk-hero-accent);\r\n    stroke-width:1.5;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.upk-hero-section__floating-text{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:3px;\r\n}\r\n\r\n.upk-hero-section__floating-text strong{\r\n    color:var(--upk-hero-primary);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n}\r\n\r\n.upk-hero-section__floating-text span{\r\n    color:#7a8890;\r\n    font-size:9px;\r\n}\r\n\r\n\r\n\/* VERTICAL LABEL *\/\r\n\r\n.upk-hero-section__vertical-label{\r\n    position:absolute;\r\n    right:-2px;\r\n    top:50%;\r\n    transform:translateY(-50%) rotate(90deg);\r\n    transform-origin:center;\r\n}\r\n\r\n.upk-hero-section__vertical-label span{\r\n    color:rgba(23,59,85,.18);\r\n    font-size:9px;\r\n    font-weight:800;\r\n    letter-spacing:4px;\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n\/* ANIMATIONS *\/\r\n\r\n@keyframes upkHeroCardFloat{\r\n    0%,\r\n    100%{\r\n        transform:rotate(2deg) translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:rotate(2deg) translateY(-9px);\r\n    }\r\n}\r\n\r\n@keyframes upkHeroFloatingTop{\r\n    0%,\r\n    100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-8px);\r\n    }\r\n}\r\n\r\n@keyframes upkHeroFloatingBottom{\r\n    0%,\r\n    100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(7px);\r\n    }\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width:980px){\r\n\r\n    .upk-hero-section{\r\n        padding:85px 18px;\r\n    }\r\n\r\n    .upk-hero-section__container{\r\n        grid-template-columns:1fr;\r\n        gap:60px;\r\n    }\r\n\r\n    .upk-hero-section__content{\r\n        max-width:760px;\r\n        margin:0 auto;\r\n        text-align:center;\r\n    }\r\n\r\n    .upk-hero-section__eyebrow{\r\n        justify-content:center;\r\n    }\r\n\r\n    .upk-hero-section__title{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n    .upk-hero-section__description{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n    .upk-hero-section__actions{\r\n        justify-content:center;\r\n    }\r\n\r\n    .upk-hero-section__trust{\r\n        justify-content:center;\r\n    }\r\n\r\n    .upk-hero-section__visual{\r\n        width:min(620px,100%);\r\n        min-height:530px;\r\n        margin:0 auto;\r\n    }\r\n\r\n    .upk-hero-section__vertical-label{\r\n        right:-18px;\r\n    }\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width:600px){\r\n\r\n    .upk-hero-section{\r\n        padding:65px 15px 70px;\r\n    }\r\n\r\n    .upk-hero-section__container{\r\n        gap:42px;\r\n    }\r\n\r\n    .upk-hero-section__eyebrow{\r\n        font-size:9px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .upk-hero-section__eyebrow-line{\r\n        width:24px;\r\n    }\r\n\r\n    .upk-hero-section__title{\r\n        margin-top:19px;\r\n        font-size:39px;\r\n        line-height:1.06;\r\n        letter-spacing:-1.8px;\r\n    }\r\n\r\n    .upk-hero-section__description{\r\n        font-size:14px;\r\n        line-height:1.75;\r\n    }\r\n\r\n    .upk-hero-section__actions{\r\n        flex-direction:column;\r\n        width:100%;\r\n        margin-top:26px;\r\n    }\r\n\r\n    .upk-hero-section__button{\r\n        width:100%;\r\n    }\r\n\r\n    .upk-hero-section__trust{\r\n        gap:10px;\r\n        justify-content:space-between;\r\n        margin-top:33px;\r\n    }\r\n\r\n    .upk-hero-section__trust-item strong{\r\n        font-size:14px;\r\n    }\r\n\r\n    .upk-hero-section__trust-item span{\r\n        font-size:8px;\r\n    }\r\n\r\n    .upk-hero-section__trust-divider{\r\n        height:27px;\r\n    }\r\n\r\n    .upk-hero-section__visual{\r\n        min-height:410px;\r\n    }\r\n\r\n    .upk-hero-section__background-circle--one{\r\n        width:350px;\r\n        height:350px;\r\n    }\r\n\r\n    .upk-hero-section__background-circle--two{\r\n        width:460px;\r\n        height:460px;\r\n    }\r\n\r\n    .upk-hero-section__main-card{\r\n        width:calc(100% - 38px);\r\n        padding:17px;\r\n        border-radius:17px;\r\n    }\r\n\r\n    .upk-hero-section__product{\r\n        min-height:280px;\r\n        margin:13px 0;\r\n    }\r\n\r\n    .upk-hero-section__product::before{\r\n        width:240px;\r\n        height:240px;\r\n    }\r\n\r\n    .upk-hero-section__wallet{\r\n        width:215px;\r\n        height:150px;\r\n        padding:19px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-emblem{\r\n        width:31px;\r\n        height:31px;\r\n        margin-top:17px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-emblem svg{\r\n        width:14px;\r\n        height:14px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-lines{\r\n        margin-top:13px;\r\n        gap:5px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-bottom{\r\n        font-size:5px;\r\n    }\r\n\r\n    .upk-hero-section__floating-card{\r\n        min-width:132px;\r\n        padding:9px 10px;\r\n        gap:8px;\r\n    }\r\n\r\n    .upk-hero-section__floating-card--top{\r\n        top:18px;\r\n        left:-2px;\r\n    }\r\n\r\n    .upk-hero-section__floating-card--bottom{\r\n        right:-2px;\r\n        bottom:25px;\r\n    }\r\n\r\n    .upk-hero-section__floating-icon{\r\n        width:29px;\r\n        height:29px;\r\n        flex-basis:29px;\r\n    }\r\n\r\n    .upk-hero-section__floating-icon svg{\r\n        width:15px;\r\n        height:15px;\r\n    }\r\n\r\n    .upk-hero-section__floating-text strong{\r\n        font-size:9px;\r\n    }\r\n\r\n    .upk-hero-section__floating-text span{\r\n        font-size:8px;\r\n    }\r\n\r\n    .upk-hero-section__vertical-label{\r\n        display:none;\r\n    }\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width:390px){\r\n\r\n    .upk-hero-section__title{\r\n        font-size:35px;\r\n    }\r\n\r\n    .upk-hero-section__trust{\r\n        gap:7px;\r\n    }\r\n\r\n    .upk-hero-section__trust-item span{\r\n        font-size:7px;\r\n    }\r\n\r\n    .upk-hero-section__visual{\r\n        min-height:380px;\r\n    }\r\n\r\n    .upk-hero-section__main-card{\r\n        width:calc(100% - 25px);\r\n    }\r\n\r\n    .upk-hero-section__floating-card{\r\n        min-width:120px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n    const upkHero = document.querySelector('.upk-hero-section');\r\n\r\n    if(!upkHero) return;\r\n\r\n    const buttons = upkHero.querySelectorAll('a[href^=\"#\"]');\r\n\r\n    buttons.forEach(function(button){\r\n        button.addEventListener('click',function(event){\r\n            const targetId = this.getAttribute('href');\r\n\r\n            if(!targetId || targetId === '#') return;\r\n\r\n            const target = document.querySelector(targetId);\r\n\r\n            if(target){\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                    behavior:'smooth',\r\n                    block:'start'\r\n                });\r\n            }\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99c154e e-con-full e-flex e-con e-parent\" data-id=\"99c154e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa52aae elementor-widget elementor-widget-html\" data-id=\"fa52aae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upk-hero-section\" id=\"beranda\">\r\n    <div class=\"upk-hero-section__container\">\r\n\r\n        <div class=\"upk-hero-section__content\">\r\n\r\n            <div class=\"upk-hero-section__eyebrow\">\r\n                <span class=\"upk-hero-section__eyebrow-line\"><\/span>\r\n                <span>PRODUSEN DOMPET SEJAK 1995<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"upk-hero-section__title\">\r\n                Pengalaman Lebih dari\r\n                <span>30 Tahun<\/span>\r\n                dalam Produksi Dompet\r\n            <\/h1>\r\n\r\n            <p class=\"upk-hero-section__description\">\r\n                UD Puteri Kembar hadir sebagai produsen dompet berpengalaman\r\n                sejak 1995, menghadirkan produk berkualitas dengan pengerjaan\r\n                yang teliti untuk kebutuhan personal maupun bisnis.\r\n            <\/p>\r\n\r\n            <div class=\"upk-hero-section__actions\">\r\n                <a href=\"#produk\" class=\"upk-hero-section__button upk-hero-section__button--primary\">\r\n                    <span>Lihat Produk<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h13\"><\/path>\r\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n                <\/a>\r\n\r\n                <a href=\"#kontak\" class=\"upk-hero-section__button upk-hero-section__button--secondary\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4.1A8 8 0 1 1 20 11.5Z\"><\/path>\r\n                        <path d=\"M8.5 9.5c.2 1.4 1.5 3 3 3.8 1 .5 1.7.7 2.1.4l.9-.7\"><\/path>\r\n                    <\/svg>\r\n                    <span>Konsultasi<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"upk-hero-section__trust\">\r\n\r\n                <div class=\"upk-hero-section__trust-item\">\r\n                    <strong>1995<\/strong>\r\n                    <span>Mulai Berproduksi<\/span>\r\n                <\/div>\r\n\r\n                <span class=\"upk-hero-section__trust-divider\"><\/span>\r\n\r\n                <div class=\"upk-hero-section__trust-item\">\r\n                    <strong>30+<\/strong>\r\n                    <span>Tahun Pengalaman<\/span>\r\n                <\/div>\r\n\r\n                <span class=\"upk-hero-section__trust-divider\"><\/span>\r\n\r\n                <div class=\"upk-hero-section__trust-item\">\r\n                    <strong>Custom<\/strong>\r\n                    <span>Sesuai Kebutuhan<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"upk-hero-section__visual\">\r\n\r\n            <div class=\"upk-hero-section__background-circle upk-hero-section__background-circle--one\"><\/div>\r\n            <div class=\"upk-hero-section__background-circle upk-hero-section__background-circle--two\"><\/div>\r\n\r\n            <div class=\"upk-hero-section__main-card\">\r\n\r\n                <div class=\"upk-hero-section__card-header\">\r\n                    <div class=\"upk-hero-section__brand\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/dompet.rahmatjayaharmonika.com\/wp-content\/uploads\/2026\/08\/logo-puteri-kembar.png\"\r\n                            alt=\"Logo UD Puteri Kembar\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <span class=\"upk-hero-section__card-year\">EST. 1995<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__product\">\r\n\r\n                    <div class=\"upk-hero-section__wallet\">\r\n\r\n                        <div class=\"upk-hero-section__wallet-top\">\r\n                            <span>PUTERI<\/span>\r\n                            <span>KEMBAR<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"upk-hero-section__wallet-emblem\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M12 3 14.2 8 20 9l-4.2 3.7L17 18l-5-2.8L7 18l1.2-5.3L4 9l5.8-1L12 3Z\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                        <div class=\"upk-hero-section__wallet-lines\">\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                            <span><\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"upk-hero-section__wallet-bottom\">\r\n                            <span>QUALITY<\/span>\r\n                            <span>CRAFTSMANSHIP<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"upk-hero-section__wallet-shadow\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__card-footer\">\r\n                    <span>DOMPET BERKUALITAS<\/span>\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h13\"><\/path>\r\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"upk-hero-section__floating-card upk-hero-section__floating-card--top\">\r\n\r\n                <div class=\"upk-hero-section__floating-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M12 3 14.2 8 20 9l-4.2 3.7L17 18l-5-2.8L7 18l1.2-5.3L4 9l5.8-1L12 3Z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__floating-text\">\r\n                    <strong>Kualitas<\/strong>\r\n                    <span>Terjaga<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"upk-hero-section__floating-card upk-hero-section__floating-card--bottom\">\r\n\r\n                <div class=\"upk-hero-section__floating-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                        <path d=\"M12 7v5l3 2\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"upk-hero-section__floating-text\">\r\n                    <strong>Berpengalaman<\/strong>\r\n                    <span>Sejak 1995<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"upk-hero-section__vertical-label\">\r\n                <span>UD PUTERI KEMBAR<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.upk-hero-section{\r\n    --upk-hero-primary:#173b55;\r\n    --upk-hero-secondary:#2c6d8f;\r\n    --upk-hero-accent:#b98a43;\r\n    --upk-hero-bg:#f6f8f9;\r\n    --upk-hero-white:#ffffff;\r\n    --upk-hero-text:#172b3a;\r\n    --upk-hero-muted:#697984;\r\n    --upk-hero-border:#dfe6e9;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    overflow:hidden;\r\n    padding:105px 20px 95px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 15%,\r\n            rgba(185,138,67,.12),\r\n            transparent 26%\r\n        ),\r\n        radial-gradient(\r\n            circle at 10% 85%,\r\n            rgba(44,109,143,.07),\r\n            transparent 28%\r\n        ),\r\n        var(--upk-hero-bg);\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.upk-hero-section *,\r\n.upk-hero-section *::before,\r\n.upk-hero-section *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.upk-hero-section__container{\r\n    width:min(1180px,100%);\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);\r\n    align-items:center;\r\n    gap:65px;\r\n}\r\n\r\n.upk-hero-section__content{\r\n    position:relative;\r\n    z-index:3;\r\n}\r\n\r\n.upk-hero-section__eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n    color:var(--upk-hero-accent);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.upk-hero-section__eyebrow-line{\r\n    width:34px;\r\n    height:1px;\r\n    background:var(--upk-hero-accent);\r\n}\r\n\r\n.upk-hero-section__title{\r\n    max-width:720px;\r\n    margin:22px 0 20px;\r\n    color:var(--upk-hero-text);\r\n    font-size:clamp(42px,5vw,67px);\r\n    line-height:1.04;\r\n    letter-spacing:-2.8px;\r\n    font-weight:800;\r\n}\r\n\r\n.upk-hero-section__title span{\r\n    display:block;\r\n    color:var(--upk-hero-secondary);\r\n}\r\n\r\n.upk-hero-section__description{\r\n    max-width:650px;\r\n    margin:0;\r\n    color:var(--upk-hero-muted);\r\n    font-size:16px;\r\n    line-height:1.85;\r\n}\r\n\r\n.upk-hero-section__actions{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n    gap:12px;\r\n    margin-top:31px;\r\n}\r\n\r\n.upk-hero-section__button{\r\n    min-height:52px;\r\n    padding:0 21px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:9px;\r\n    border-radius:7px;\r\n    text-decoration:none;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n.upk-hero-section__button svg{\r\n    width:17px;\r\n    height:17px;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.7;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.upk-hero-section__button--primary{\r\n    color:#fff;\r\n    background:var(--upk-hero-primary);\r\n    box-shadow:0 12px 25px rgba(23,59,85,.17);\r\n}\r\n\r\n.upk-hero-section__button--primary:hover{\r\n    color:#fff;\r\n    background:var(--upk-hero-secondary);\r\n    transform:translateY(-2px);\r\n    box-shadow:0 15px 30px rgba(23,59,85,.22);\r\n}\r\n\r\n.upk-hero-section__button--secondary{\r\n    color:var(--upk-hero-primary);\r\n    border:1px solid var(--upk-hero-border);\r\n    background:#fff;\r\n}\r\n\r\n.upk-hero-section__button--secondary:hover{\r\n    color:var(--upk-hero-secondary);\r\n    border-color:var(--upk-hero-secondary);\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.upk-hero-section__trust{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:20px;\r\n    margin-top:40px;\r\n}\r\n\r\n.upk-hero-section__trust-item{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:5px;\r\n}\r\n\r\n.upk-hero-section__trust-item strong{\r\n    color:var(--upk-hero-primary);\r\n    font-size:17px;\r\n    line-height:1;\r\n    font-weight:800;\r\n}\r\n\r\n.upk-hero-section__trust-item span{\r\n    color:#7b8991;\r\n    font-size:10px;\r\n    line-height:1.3;\r\n}\r\n\r\n.upk-hero-section__trust-divider{\r\n    width:1px;\r\n    height:31px;\r\n    background:#d7e0e4;\r\n}\r\n\r\n\r\n\/* VISUAL *\/\r\n\r\n.upk-hero-section__visual{\r\n    min-height:570px;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.upk-hero-section__background-circle{\r\n    position:absolute;\r\n    border:1px solid rgba(23,59,85,.08);\r\n    border-radius:50%;\r\n}\r\n\r\n.upk-hero-section__background-circle--one{\r\n    width:470px;\r\n    height:470px;\r\n}\r\n\r\n.upk-hero-section__background-circle--two{\r\n    width:620px;\r\n    height:620px;\r\n    border-color:rgba(23,59,85,.045);\r\n}\r\n\r\n\r\n\/* MAIN CARD *\/\r\n\r\n.upk-hero-section__main-card{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(430px,100%);\r\n    padding:23px;\r\n    border-radius:22px;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #173b55 0%,\r\n            #225b79 58%,\r\n            #2d708e 100%\r\n        );\r\n    box-shadow:\r\n        0 30px 70px rgba(23,59,85,.24),\r\n        0 8px 25px rgba(23,59,85,.1);\r\n    transform:rotate(2deg);\r\n    animation:upkHeroCardFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.upk-hero-section__card-header{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    min-height:37px;\r\n}\r\n\r\n.upk-hero-section__brand{\r\n    width:105px;\r\n    height:34px;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.upk-hero-section__brand img{\r\n    display:block;\r\n    max-width:100%;\r\n    max-height:34px;\r\n    width:auto;\r\n    object-fit:contain;\r\n    filter:brightness(0) invert(1);\r\n}\r\n\r\n.upk-hero-section__card-year{\r\n    color:rgba(255,255,255,.58);\r\n    font-size:8px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n\/* PRODUCT *\/\r\n\r\n.upk-hero-section__product{\r\n    min-height:365px;\r\n    margin:17px 0;\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n    border-radius:16px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 30% 25%,\r\n            rgba(255,255,255,.18),\r\n            transparent 25%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #d0a85f,\r\n            #a87935\r\n        );\r\n}\r\n\r\n.upk-hero-section__product::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:310px;\r\n    height:310px;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    border-radius:50%;\r\n}\r\n\r\n.upk-hero-section__wallet{\r\n    position:relative;\r\n    z-index:3;\r\n    width:270px;\r\n    height:190px;\r\n    padding:24px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    border-radius:13px;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #704a28,\r\n            #4b2d18\r\n        );\r\n    box-shadow:\r\n        19px 23px 35px rgba(45,28,13,.32),\r\n        inset 0 1px 0 rgba(255,255,255,.12);\r\n    transform:rotate(-7deg);\r\n}\r\n\r\n.upk-hero-section__wallet::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:10px;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    border-radius:9px;\r\n    pointer-events:none;\r\n}\r\n\r\n.upk-hero-section__wallet-top{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    color:rgba(255,255,255,.58);\r\n    font-size:7px;\r\n    letter-spacing:2px;\r\n    font-weight:700;\r\n}\r\n\r\n.upk-hero-section__wallet-emblem{\r\n    position:relative;\r\n    z-index:2;\r\n    width:40px;\r\n    height:40px;\r\n    margin-top:25px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border:1px solid rgba(255,255,255,.45);\r\n    border-radius:50%;\r\n}\r\n\r\n.upk-hero-section__wallet-emblem svg{\r\n    width:18px;\r\n    height:18px;\r\n    fill:none;\r\n    stroke:#d7b16c;\r\n    stroke-width:1.3;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.upk-hero-section__wallet-lines{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:7px;\r\n    margin-top:19px;\r\n}\r\n\r\n.upk-hero-section__wallet-lines span{\r\n    display:block;\r\n    width:67%;\r\n    height:3px;\r\n    border-radius:10px;\r\n    background:rgba(255,255,255,.18);\r\n}\r\n\r\n.upk-hero-section__wallet-lines span:first-child{\r\n    width:82%;\r\n}\r\n\r\n.upk-hero-section__wallet-bottom{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    margin-top:auto;\r\n    color:rgba(255,255,255,.38);\r\n    font-size:6px;\r\n    letter-spacing:1.5px;\r\n}\r\n\r\n.upk-hero-section__wallet-shadow{\r\n    position:absolute;\r\n    width:250px;\r\n    height:45px;\r\n    bottom:58px;\r\n    border-radius:50%;\r\n    background:rgba(43,25,10,.28);\r\n    filter:blur(17px);\r\n}\r\n\r\n\r\n\/* FOOTER CARD *\/\r\n\r\n.upk-hero-section__card-footer{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    color:rgba(255,255,255,.54);\r\n    font-size:8px;\r\n    letter-spacing:1.7px;\r\n    font-weight:700;\r\n}\r\n\r\n.upk-hero-section__card-footer svg{\r\n    width:16px;\r\n    height:16px;\r\n    fill:none;\r\n    stroke:#d7b16c;\r\n    stroke-width:1.6;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* FLOATING CARDS *\/\r\n\r\n.upk-hero-section__floating-card{\r\n    position:absolute;\r\n    z-index:4;\r\n    min-width:155px;\r\n    padding:12px 14px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    border:1px solid rgba(255,255,255,.85);\r\n    border-radius:11px;\r\n    background:rgba(255,255,255,.94);\r\n    box-shadow:0 16px 35px rgba(23,59,85,.13);\r\n    backdrop-filter:blur(8px);\r\n}\r\n\r\n.upk-hero-section__floating-card--top{\r\n    top:80px;\r\n    left:-5px;\r\n    animation:upkHeroFloatingTop 4.5s ease-in-out infinite;\r\n}\r\n\r\n.upk-hero-section__floating-card--bottom{\r\n    right:-10px;\r\n    bottom:70px;\r\n    animation:upkHeroFloatingBottom 5s ease-in-out infinite;\r\n}\r\n\r\n.upk-hero-section__floating-icon{\r\n    width:34px;\r\n    height:34px;\r\n    flex:0 0 34px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border-radius:9px;\r\n    background:#eef4f6;\r\n}\r\n\r\n.upk-hero-section__floating-icon svg{\r\n    width:18px;\r\n    height:18px;\r\n    fill:none;\r\n    stroke:var(--upk-hero-accent);\r\n    stroke-width:1.5;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.upk-hero-section__floating-text{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:3px;\r\n}\r\n\r\n.upk-hero-section__floating-text strong{\r\n    color:var(--upk-hero-primary);\r\n    font-size:10px;\r\n    line-height:1.2;\r\n}\r\n\r\n.upk-hero-section__floating-text span{\r\n    color:#7a8890;\r\n    font-size:9px;\r\n}\r\n\r\n\r\n\/* VERTICAL LABEL *\/\r\n\r\n.upk-hero-section__vertical-label{\r\n    position:absolute;\r\n    right:-2px;\r\n    top:50%;\r\n    transform:translateY(-50%) rotate(90deg);\r\n    transform-origin:center;\r\n}\r\n\r\n.upk-hero-section__vertical-label span{\r\n    color:rgba(23,59,85,.18);\r\n    font-size:9px;\r\n    font-weight:800;\r\n    letter-spacing:4px;\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n\/* ANIMATIONS *\/\r\n\r\n@keyframes upkHeroCardFloat{\r\n    0%,\r\n    100%{\r\n        transform:rotate(2deg) translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:rotate(2deg) translateY(-9px);\r\n    }\r\n}\r\n\r\n@keyframes upkHeroFloatingTop{\r\n    0%,\r\n    100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-8px);\r\n    }\r\n}\r\n\r\n@keyframes upkHeroFloatingBottom{\r\n    0%,\r\n    100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(7px);\r\n    }\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width:980px){\r\n\r\n    .upk-hero-section{\r\n        padding:85px 18px;\r\n    }\r\n\r\n    .upk-hero-section__container{\r\n        grid-template-columns:1fr;\r\n        gap:60px;\r\n    }\r\n\r\n    .upk-hero-section__content{\r\n        max-width:760px;\r\n        margin:0 auto;\r\n        text-align:center;\r\n    }\r\n\r\n    .upk-hero-section__eyebrow{\r\n        justify-content:center;\r\n    }\r\n\r\n    .upk-hero-section__title{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n    .upk-hero-section__description{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n    .upk-hero-section__actions{\r\n        justify-content:center;\r\n    }\r\n\r\n    .upk-hero-section__trust{\r\n        justify-content:center;\r\n    }\r\n\r\n    .upk-hero-section__visual{\r\n        width:min(620px,100%);\r\n        min-height:530px;\r\n        margin:0 auto;\r\n    }\r\n\r\n    .upk-hero-section__vertical-label{\r\n        right:-18px;\r\n    }\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width:600px){\r\n\r\n    .upk-hero-section{\r\n        padding:65px 15px 70px;\r\n    }\r\n\r\n    .upk-hero-section__container{\r\n        gap:42px;\r\n    }\r\n\r\n    .upk-hero-section__eyebrow{\r\n        font-size:9px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .upk-hero-section__eyebrow-line{\r\n        width:24px;\r\n    }\r\n\r\n    .upk-hero-section__title{\r\n        margin-top:19px;\r\n        font-size:39px;\r\n        line-height:1.06;\r\n        letter-spacing:-1.8px;\r\n    }\r\n\r\n    .upk-hero-section__description{\r\n        font-size:14px;\r\n        line-height:1.75;\r\n    }\r\n\r\n    .upk-hero-section__actions{\r\n        flex-direction:column;\r\n        width:100%;\r\n        margin-top:26px;\r\n    }\r\n\r\n    .upk-hero-section__button{\r\n        width:100%;\r\n    }\r\n\r\n    .upk-hero-section__trust{\r\n        gap:10px;\r\n        justify-content:space-between;\r\n        margin-top:33px;\r\n    }\r\n\r\n    .upk-hero-section__trust-item strong{\r\n        font-size:14px;\r\n    }\r\n\r\n    .upk-hero-section__trust-item span{\r\n        font-size:8px;\r\n    }\r\n\r\n    .upk-hero-section__trust-divider{\r\n        height:27px;\r\n    }\r\n\r\n    .upk-hero-section__visual{\r\n        min-height:410px;\r\n    }\r\n\r\n    .upk-hero-section__background-circle--one{\r\n        width:350px;\r\n        height:350px;\r\n    }\r\n\r\n    .upk-hero-section__background-circle--two{\r\n        width:460px;\r\n        height:460px;\r\n    }\r\n\r\n    .upk-hero-section__main-card{\r\n        width:calc(100% - 38px);\r\n        padding:17px;\r\n        border-radius:17px;\r\n    }\r\n\r\n    .upk-hero-section__product{\r\n        min-height:280px;\r\n        margin:13px 0;\r\n    }\r\n\r\n    .upk-hero-section__product::before{\r\n        width:240px;\r\n        height:240px;\r\n    }\r\n\r\n    .upk-hero-section__wallet{\r\n        width:215px;\r\n        height:150px;\r\n        padding:19px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-emblem{\r\n        width:31px;\r\n        height:31px;\r\n        margin-top:17px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-emblem svg{\r\n        width:14px;\r\n        height:14px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-lines{\r\n        margin-top:13px;\r\n        gap:5px;\r\n    }\r\n\r\n    .upk-hero-section__wallet-bottom{\r\n        font-size:5px;\r\n    }\r\n\r\n    .upk-hero-section__floating-card{\r\n        min-width:132px;\r\n        padding:9px 10px;\r\n        gap:8px;\r\n    }\r\n\r\n    .upk-hero-section__floating-card--top{\r\n        top:18px;\r\n        left:-2px;\r\n    }\r\n\r\n    .upk-hero-section__floating-card--bottom{\r\n        right:-2px;\r\n        bottom:25px;\r\n    }\r\n\r\n    .upk-hero-section__floating-icon{\r\n        width:29px;\r\n        height:29px;\r\n        flex-basis:29px;\r\n    }\r\n\r\n    .upk-hero-section__floating-icon svg{\r\n        width:15px;\r\n        height:15px;\r\n    }\r\n\r\n    .upk-hero-section__floating-text strong{\r\n        font-size:9px;\r\n    }\r\n\r\n    .upk-hero-section__floating-text span{\r\n        font-size:8px;\r\n    }\r\n\r\n    .upk-hero-section__vertical-label{\r\n        display:none;\r\n    }\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width:390px){\r\n\r\n    .upk-hero-section__title{\r\n        font-size:35px;\r\n    }\r\n\r\n    .upk-hero-section__trust{\r\n        gap:7px;\r\n    }\r\n\r\n    .upk-hero-section__trust-item span{\r\n        font-size:7px;\r\n    }\r\n\r\n    .upk-hero-section__visual{\r\n        min-height:380px;\r\n    }\r\n\r\n    .upk-hero-section__main-card{\r\n        width:calc(100% - 25px);\r\n    }\r\n\r\n    .upk-hero-section__floating-card{\r\n        min-width:120px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n    const upkHero = document.querySelector('.upk-hero-section');\r\n\r\n    if(!upkHero) return;\r\n\r\n    const buttons = upkHero.querySelectorAll('a[href^=\"#\"]');\r\n\r\n    buttons.forEach(function(button){\r\n        button.addEventListener('click',function(event){\r\n            const targetId = this.getAttribute('href');\r\n\r\n            if(!targetId || targetId === '#') return;\r\n\r\n            const target = document.querySelector(targetId);\r\n\r\n            if(target){\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                    behavior:'smooth',\r\n                    block:'start'\r\n                });\r\n            }\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRODUSEN DOMPET SEJAK 1995 Pengalaman Lebih dari 30 Tahun dalam Produksi Dompet UD Puteri Kembar hadir sebagai produsen dompet berpengalaman sejak 1995, menghadirkan produk berkualitas dengan pengerjaan yang teliti untuk kebutuhan personal maupun bisnis. Lihat Produk Konsultasi 1995 Mulai Berproduksi 30+ Tahun Pengalaman Custom Sesuai Kebutuhan EST. 1995 PUTERI KEMBAR QUALITY CRAFTSMANSHIP DOMPET BERKUALITAS Kualitas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - putri kembar dompet<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dompet.rahmatjayaharmonika.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - putri kembar dompet\" \/>\n<meta property=\"og:description\" content=\"PRODUSEN DOMPET SEJAK 1995 Pengalaman Lebih dari 30 Tahun dalam Produksi Dompet UD Puteri Kembar hadir sebagai produsen dompet berpengalaman sejak 1995, menghadirkan produk berkualitas dengan pengerjaan yang teliti untuk kebutuhan personal maupun bisnis. Lihat Produk Konsultasi 1995 Mulai Berproduksi 30+ Tahun Pengalaman Custom Sesuai Kebutuhan EST. 1995 PUTERI KEMBAR QUALITY CRAFTSMANSHIP DOMPET BERKUALITAS Kualitas [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dompet.rahmatjayaharmonika.com\/\" \/>\n<meta property=\"og:site_name\" content=\"putri kembar dompet\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T08:14:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/\",\"url\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/\",\"name\":\"Home - putri kembar dompet\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/#website\"},\"datePublished\":\"2026-08-19T06:53:56+00:00\",\"dateModified\":\"2026-08-19T08:14:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/#website\",\"url\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/\",\"name\":\"putri kembar dompet\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dompet.rahmatjayaharmonika.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - putri kembar dompet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dompet.rahmatjayaharmonika.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - putri kembar dompet","og_description":"PRODUSEN DOMPET SEJAK 1995 Pengalaman Lebih dari 30 Tahun dalam Produksi Dompet UD Puteri Kembar hadir sebagai produsen dompet berpengalaman sejak 1995, menghadirkan produk berkualitas dengan pengerjaan yang teliti untuk kebutuhan personal maupun bisnis. Lihat Produk Konsultasi 1995 Mulai Berproduksi 30+ Tahun Pengalaman Custom Sesuai Kebutuhan EST. 1995 PUTERI KEMBAR QUALITY CRAFTSMANSHIP DOMPET BERKUALITAS Kualitas [&hellip;]","og_url":"https:\/\/dompet.rahmatjayaharmonika.com\/","og_site_name":"putri kembar dompet","article_modified_time":"2026-08-19T08:14:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dompet.rahmatjayaharmonika.com\/","url":"https:\/\/dompet.rahmatjayaharmonika.com\/","name":"Home - putri kembar dompet","isPartOf":{"@id":"https:\/\/dompet.rahmatjayaharmonika.com\/#website"},"datePublished":"2026-08-19T06:53:56+00:00","dateModified":"2026-08-19T08:14:44+00:00","breadcrumb":{"@id":"https:\/\/dompet.rahmatjayaharmonika.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dompet.rahmatjayaharmonika.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dompet.rahmatjayaharmonika.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dompet.rahmatjayaharmonika.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/dompet.rahmatjayaharmonika.com\/#website","url":"https:\/\/dompet.rahmatjayaharmonika.com\/","name":"putri kembar dompet","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dompet.rahmatjayaharmonika.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":17,"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/dompet.rahmatjayaharmonika.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}