{"id":15673,"date":"2026-06-25T17:39:29","date_gmt":"2026-06-25T09:39:29","guid":{"rendered":"https:\/\/ovolohotels.com\/mamaka\/?page_id=15673"},"modified":"2026-07-28T18:01:37","modified_gmt":"2026-07-28T10:01:37","slug":"playmaker","status":"publish","type":"page","link":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/","title":{"rendered":"Playmaker"},"content":{"rendered":"\n<style>\n  .invisible {\n    display: none;\n  }\n\n  #site_12 #body h2, #site_12 #body h3, #site_12 #body h4, #site_12 #body h5 {\n    font-family: 'Gelica Light', serif;\n  }\n<\/style>\n\n\n\n\n\n<div style=\"background-repeat:no-repeat\" class=\"wp-block-ovolo-container invisible\"><div class=\"container--inner \">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-c4d7d40\" data-block-id=\"c4d7d40\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c4d7d40-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8dd0198\" data-v=\"4\" data-block-id=\"8dd0198\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8dd0198-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8dd0198-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-15b05b4\" data-block-id=\"15b05b4\"><style>.stk-15b05b4 .stk-img-wrapper{width:1024px !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-15899\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/WhatsApp-Image-2026-07-07-at-3.35.38-PM.jpeg\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/WhatsApp-Image-2026-07-07-at-3.35.38-PM.jpeg 1024w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/WhatsApp-Image-2026-07-07-at-3.35.38-PM-300x300.jpeg 300w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/WhatsApp-Image-2026-07-07-at-3.35.38-PM-150x150.jpeg 150w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/WhatsApp-Image-2026-07-07-at-3.35.38-PM-768x768.jpeg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-340971c\" data-v=\"4\" data-block-id=\"340971c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-340971c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-340971c-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-2f3df10\" data-block-id=\"2f3df10\"><p class=\"stk-block-text__text\">ABOUT<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-974d816\" id=\"how-playmaker-br-works\" data-block-id=\"974d816\"><h2 class=\"stk-block-heading__text has-text-align-left\">HOW PLAYMAKER<br>WORKS<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-30a8c03\" data-block-id=\"30a8c03\"><p class=\"stk-block-text__text\"><br>Every visit earns you points. Spend IDR 10,000 and collect one point toward rewards that matter. Watch your balance grow with every meal or every moment spent in Street 32 and Kuta Social Club.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"background-repeat:no-repeat\" class=\"wp-block-ovolo-container invisible\"><div class=\"container--inner \">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-483cd28\" id=\"three-ways-to-earn\" data-block-id=\"483cd28\"><h2 class=\"stk-block-heading__text\">THREE WAYS TO EARN<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-5498f65\" data-block-id=\"5498f65\"><p class=\"stk-block-text__text\">Stack points faster with every transaction<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-3a73de8\" data-block-id=\"3a73de8\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3a73de8-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-4e94741\" data-v=\"4\" data-block-id=\"4e94741\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-4e94741-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-4e94741-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-57f804b\" data-block-id=\"57f804b\"><style>.stk-57f804b {border-style:solid !important;border-top-width:1px !important;border-right-width:1px !important;border-bottom-width:1px !important;border-left-width:1px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-57f804b-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2d22913\" data-v=\"4\" data-block-id=\"2d22913\"><style>.stk-2d22913-container{margin-top:12px !important;margin-right:12px !important;margin-bottom:12px !important;margin-left:12px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2d22913-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2d22913-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-bafbec9\" data-block-id=\"bafbec9\"><p class=\"stk-block-text__text\">PLAY &amp; EARN<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-a7cc219\" data-block-id=\"a7cc219\"><p class=\"stk-block-text__text\">1x EARN POINTS<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-95cd12b\" data-block-id=\"95cd12b\"><p class=\"stk-block-text__text\">Every IDR 10,000 spent equals one point<\/p><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-17428c6\" data-v=\"4\" data-block-id=\"17428c6\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-17428c6-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-17428c6-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-1080899\" data-block-id=\"1080899\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-15626\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/food-1.jpg\" width=\"640\" height=\"878\" srcset=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/food-1.jpg 640w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/food-1-219x300.jpg 219w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2154745\" data-v=\"4\" data-block-id=\"2154745\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2154745-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2154745-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-1b5491d\" data-block-id=\"1b5491d\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1b5491d-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-81c0173\" data-v=\"4\" data-block-id=\"81c0173\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-81c0173-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-81c0173-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-ab9cb1b\" data-block-id=\"ab9cb1b\"><p class=\"stk-block-text__text\">DOUBLE IT DOWN<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-4252b80\" data-block-id=\"4252b80\"><p class=\"stk-block-text__text\">2x POINTS HOURS<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-e7d3f56\" data-block-id=\"e7d3f56\"><p class=\"stk-block-text__text\">Earn twice the points daily from 1 PM to 5 PM<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-748ddbe\" data-block-id=\"748ddbe\"><style>.stk-748ddbe .stk-img-wrapper{aspect-ratio:4\/3 !important;width:576px !important;height:auto !important;}@media screen and (max-width: 1023px){.stk-748ddbe .stk-img-wrapper{height:auto !important;}}@media screen and (max-width: 767px){.stk-748ddbe .stk-img-wrapper{height:auto !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-15894\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/FULLRES-EONCOPYRIGHT-5DE_1160coffee.jpg\" width=\"2100\" height=\"1599\" srcset=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/FULLRES-EONCOPYRIGHT-5DE_1160coffee.jpg 2100w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/FULLRES-EONCOPYRIGHT-5DE_1160coffee-300x228.jpg 300w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/FULLRES-EONCOPYRIGHT-5DE_1160coffee-1024x780.jpg 1024w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/FULLRES-EONCOPYRIGHT-5DE_1160coffee-768x585.jpg 768w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/FULLRES-EONCOPYRIGHT-5DE_1160coffee-1536x1170.jpg 1536w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/FULLRES-EONCOPYRIGHT-5DE_1160coffee-2048x1559.jpg 2048w\" sizes=\"auto, (max-width: 2100px) 100vw, 2100px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-aeb87aa\" data-v=\"4\" data-block-id=\"aeb87aa\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-aeb87aa-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-aeb87aa-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-681b616\" data-block-id=\"681b616\"><p class=\"stk-block-text__text\">TRIPLE TROUBLE<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-df8efde\" data-block-id=\"df8efde\"><p class=\"stk-block-text__text\">3x POINTS CAMPAIGN<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-3e51847\" data-block-id=\"3e51847\"><p class=\"stk-block-text__text\">Unlock triple points during selected seasonal promotions<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-bbafd7e\" data-block-id=\"bbafd7e\"><style>.stk-bbafd7e .stk-img-wrapper{aspect-ratio:4\/3 !important;width:576px !important;height:auto !important;}@media screen and (max-width: 1023px){.stk-bbafd7e .stk-img-wrapper{height:auto !important;}}@media screen and (max-width: 767px){.stk-bbafd7e .stk-img-wrapper{height:auto !important;}}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-15636\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/food-3.jpg\" width=\"576\" height=\"432\" srcset=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/food-3.jpg 576w, https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/food-3-300x225.jpg 300w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"background-repeat:no-repeat\" class=\"wp-block-ovolo-container invisible\"><div class=\"container--inner \">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-3670ff1\" data-block-id=\"3670ff1\"><p class=\"stk-block-text__text\">TIER<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-e6bca6f\" data-block-id=\"e6bca6f\"><p class=\"stk-block-text__text\">CLIMB THE TIERS<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-7971611\" data-block-id=\"7971611\"><p class=\"stk-block-text__text\">Progress through levels and unlock exclusive perks<\/p><\/div>\n<\/div><\/div>\n\n\n\n<!-- ============================================================\n    ALL CONTENT IS WRAPPED INSIDE .mamaka-scoped-2026\n    ============================================================ -->\n  <div class=\"mamaka-scoped-2026\">\n\n    <!-- HERO -->\n    <header class=\"hero\">\n      <div class=\"hero-content\">\n        <div class=\"hero-logo\">\n          <img decoding=\"async\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/mamaka-logo.png\" alt=\"Mamaka\" \/>\n          <img decoding=\"async\" class=\"playmaker-icon\"\n            src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/playmaker-icon.png\"\n            alt=\"Playmaker\" \/>\n        <\/div>\n        <p>Join MAMAKA PLAYMAKER and unlock exclusive perks, experiences and rewards every time you dine and play.<\/p>\n        <a class=\"btn-gold\"\n          href=\"https:\/\/forms.leat.com\/forms\/5bf87121-ff92-4f61-bd58-01d5ee432e0a?account-uuid=addaeb84-7e5f-4dcb-84bc-239980f6ebd4\">\n          Join The Club\n        <\/a>\n      <\/div>\n    <\/header>\n\n    <!-- ABOUT -->\n    <section class=\"section bg-cream\">\n      <div class=\"container\">\n        <div class=\"about-grid\">\n          <img decoding=\"async\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/dinner-couple.png\"\n            alt=\"dinner couple\" \/>\n          <div class=\"about-text\">\n            <span class=\"tag\">ABOUT<\/span>\n            <h3>HOW PLAYMAKER<br \/>WORKS<\/h3>\n            <p>Every visit earns you points. Spend IDR 10,000 and collect one point toward rewards that matter. Watch\n              your balance grow with every meal or every moment spent in Street 32 and Kuta Social Club.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================================\n        THREE WAYS TO EARN \u2013 GRID: left card horizontal (2 cols),\n        right 2 cards vertical (1 col each)\n        ============================================================ -->\n    <section class=\"section bg-oxford\">\n      <div class=\"container\">\n        <div class=\"section-title\">\n          <h2>THREE WAYS TO EARN<\/h2>\n          <p>Stack points faster with every transaction<\/p>\n        <\/div>\n        <div class=\"earn-grid\">\n          <!-- Card 1: BASE \u2013 Horizontal (spans 2 columns) -->\n          <div class=\"earn-card-horizontal\">\n            <div class=\"earn-body\">\n              <span class=\"tag\">BASE<\/span>\n              <h4>1x BASE EARN POINTS <\/h4>\n              <p>Every IDR 10,000 spent equals one point<\/p>\n            <\/div>\n            <img decoding=\"async\" class=\"earn-image\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/food-1.jpg\"\n              alt=\"Base earn\" \/>\n          <\/div>\n\n          <!-- Card 2: DOUBLE IT DOWN \u2013 Vertical (1 column) -->\n          <div class=\"earn-card-vertical\">\n            <div class=\"earn-body\">\n              <span class=\"tag\">DOUBLE IT DOWN<\/span>\n              <h4>2x POINTS HOURS<\/h4>\n              <p>Earn twice the points daily from 1 PM to 5 PM<\/p>\n            <\/div>\n            <img decoding=\"async\" class=\"earn-image\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/food-2.png\"\n              alt=\"Double points\" \/>\n          <\/div>\n\n          <!-- Card 3: TRIPLE TROUBLE \u2013 Vertical (1 column) -->\n          <div class=\"earn-card-vertical\">\n            <div class=\"earn-body\">\n              <span class=\"tag\">TRIPLE TROUBLE<\/span>\n              <h4>3x POINTS CAMPAIGN<\/h4>\n              <p>Unlock triple points during selected seasonal promotions<\/p>\n            <\/div>\n            <img decoding=\"async\" class=\"earn-image\" src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/food-3.jpg\"\n              alt=\"Triple points\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- TIERS -->\n    <section class=\"layout-wrapper\">\n      <div class=\"layout-2\">\n        <div class=\"container-2\">\n          <!-- header -->\n          <div class=\"div-4\">\n            <div class=\"content-2\">\n              <div class=\"tagline-wrapper\"><\/div>\n              <div class=\"tagline-tier\">TIER<\/div>\n              <div class=\"heading-4\">CLIMB THE TIERS<\/div>\n              <p class=\"text-3\">Progress through levels and unlock exclusive perks<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- tabs -->\n          <div class=\"tab-container\">\n            <div class=\"container-tabs-tier\">\n              <div class=\"tabs-menu\" id=\"tabsMenu\">\n                <!-- static markup \u2013 each tab will be updated with data-icon via js -->\n                <div class=\"tab-link\" data-index=\"0\">Baby Sipper<\/div>\n                <div class=\"tab-link\" data-index=\"1\">Sunset Chaser<\/div>\n                <div class=\"tab-link\" data-index=\"2\">Poolside Player<\/div>\n                <div class=\"tab-link\" data-index=\"3\">Superstars<\/div>\n                <div class=\"tab-link\" data-index=\"4\">Social Legend<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"tabs-content\">\n              <div class=\"tab-pane\" id=\"tabPane\">\n                <div class=\"content-3\">\n                  <div class=\"div-2\">\n                    <!-- <div class=\"tagline-wrapper\"> -->\n                    <div class=\"tagline-4\" id=\"tierLevel\">LEVEL 1<\/div>\n                    <!-- <\/div> -->\n                    <div class=\"div-3\">\n                      <div class=\"heading-7\" id=\"tierName\"><i class=\"fas fa-seedling\"><\/i> Baby Sipper<\/div>\n                      <p class=\"text-4\" id=\"tierDesc\"><span id=\"pointsRange\">0 \u2013 250 points<\/span><br \/>Begin your\n                        journey with us and taste what membership feels like.<\/p>\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"button-wrapper\" onclick=\"openBenefitModal(); return false;\">\n                    <div class=\"button-3\">Learn<\/div>\n                    <img decoding=\"async\" class=\"img-2\"\n                      src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/next-2.png\" \/>\n                  <\/div>\n\n\n\n                <\/div>\n                <img decoding=\"async\" class=\"placeholder-image\"\n                  src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/cocktail.png\"\n                  alt=\"tier icon\" \/>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Image Modal -->\n    <div id=\"pdfModal\"\n      style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:9999; justify-content:center; align-items:center;\">\n\n      <div\n        style=\"position:relative; width:90%; max-width:1200px; max-height:90vh; display:flex; justify-content:center; align-items:center;\">\n\n\n        <!-- Responsive Image -->\n        <img decoding=\"async\" id=\"benefitImage\" src=\"\" style=\"max-width:100%; max-height:90vh; object-fit:contain; border-radius:12px;\">\n      <\/div>\n    <\/div>\n\n    <!-- BENEFITS -->\n    <section class=\"section bg-cream\">\n      <div class=\"container\">\n        <div class=\"section-title\">\n          <span class=\"tag\">PLAYMAKER BENEFITS<\/span>\n          <h2>WHY JOIN<\/h2>\n          <p>Unlock exclusive perks and experience designed for our member<\/p>\n        <\/div>\n        <div class=\"benefit-row\">\n          <div class=\"benefit-card\">\n            <h4>Earn Points<\/h4>\n            <p>Accumulate points with every purchase<\/p>\n          <\/div>\n          <div class=\"benefit-card\">\n            <h4>Unlock Rewards<\/h4>\n            <p>Redeem points for dining, spa, wellness and stays<\/p>\n          <\/div>\n          <div class=\"benefit-card\">\n            <h4>Level Up<\/h4>\n            <p>Progress through membership tiers and unlock VIP perks<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- REWARDS -->\n    <section class=\"section bg-oxford\">\n      <div class=\"container\">\n        <div class=\"section-title\">\n          <span class=\"tag\">REWARDS<\/span>\n          <h2>YOUR REDEMPTION OPTIONS<\/h2>\n          <p>Choose from wellness, dining and accommodation rewards<\/p>\n        <\/div>\n        <div class=\"rewards-actions\">\n          <button class=\"btn-gold\"\n            style=\"background:rgba(255,255,255,0.08); color:white; border:1px solid rgba(255,255,255,0.2);\"\n            onclick=\"openRedeemModal()\">\n            Learn More\n          <\/button>\n          <!-- <button\n            style=\"font-family: var(--text-large-normal-font-family); color:white; font-weight:700; display:flex; align-items:center; gap:12px; font-size: 20px;\">Expand\n            <img decoding=\"async\" class=\"icon-arrow-right\"\n              src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/next-1.png\" \/>\n          <\/button> -->\n        <\/div>\n\n        <!-- REWARDS TIMELINE - SCROLLABLE WITH ARROW NAVIGATION -->\n        <div class=\"content-5\">\n          <div class=\"timeline-wrapper\">\n            <!-- Left Arrow -->\n            <div class=\"arrow-back-wrapper\" id=\"scrollLeft\">\n              <img decoding=\"async\" class=\"img-2\"\n                src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/Slider-Left-Arrow.png\"\n                alt=\"scroll left\" \/>\n            <\/div>\n\n            <!-- Scrollable Timeline -->\n            <div class=\"timeline-progress\" id=\"timelineScroll\">\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Gym, pool and recovery<\/div>\n                  <div class=\"date-2\">15 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free coffee or tea<\/div>\n                  <div class=\"date-2\">25 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free coffee and pastry<\/div>\n                  <div class=\"date-2\">50 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free Cocktail or Mocktail<\/div>\n                  <div class=\"date-2\">75 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free Breakfast and Bubbles at KSC<\/div>\n                  <div class=\"date-2\">100 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free Voucher F&#038;B<\/div>\n                  <div class=\"date-2\">200 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free Voucher F&#038;B<\/div>\n                  <div class=\"date-2\">300 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free 1 Hour Massage at Kupu Kupu Blow Bar, Salon &amp; Spa<\/div>\n                  <div class=\"date-2\">400 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free 1 Month Gym Membership<\/div>\n                  <div class=\"date-2\">500 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free 1 Bottle Wine\/Champagne<\/div>\n                  <div class=\"date-2\">1000 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free Selected Dinner Menu at Kuta Social Club<\/div>\n                  <div class=\"date-2\">1500 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free 1 Night Summer Garden Terrace Room<\/div>\n                  <div class=\"date-2\">2000 points<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"content-6\">\n                <div class=\"progress-container\">\n                  <div class=\"divider\"><\/div>\n                  <div class=\"circle\"><\/div>\n                  <div class=\"divider\"><\/div>\n                <\/div>\n                <div class=\"content-7\">\n                  <div class=\"date\">Free 6 Months Gym Access<\/div>\n                  <div class=\"date-2\">2500 points<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Right Arrow -->\n            <div class=\"slider-arrow\" id=\"scrollRight\">\n              <img decoding=\"async\" class=\"img-2\"\n                src=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/Slider-Right-Arrow.png\"\n                alt=\"scroll right\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FAQ -->\n    <section class=\"section bg-cream\">\n      <div class=\"container\">\n        <div class=\"section-title\">\n          <h2 style=\"color:var(--wine);\">FAQ<\/h2>\n          <p style=\"color:var(--wine);\">Everything you need to know about PLAYMAKER<\/p>\n        <\/div>\n        <div class=\"faq-list\">\n          <div class=\"faq-item\">\n            <div class=\"q\">How do I earn PLAYMAKER points?<\/div>\n            <div class=\"a\">Members earn PLAYMAKER points on eligible spending across participating venues. Keep an eye\n              out for bonus point campaigns and special member promotions throughout the year.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"q\">What are the PLAYMAKER membership tiers?<\/div>\n            <div class=\"a\">PLAYMAKER features five membership tiers: Baby Sipper, Sunset Chaser, Poolside Player,\n              Superstar, and Social Legend. As you earn more points, you&#8217;ll unlock new rewards, experiences, and\n              exclusive member benefits.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"q\">What benefits do I get as a member?<\/div>\n            <div class=\"a\">Members enjoy exclusive rewards, member-only offers, birthday surprises, special experiences,\n              and additional perks as they progress through the tiers.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"q\">Do PLAYMAKER points expire?<\/div>\n            <div class=\"a\">Points are valid for 12 months. Please refer to the PLAYMAKER Terms &amp; Conditions for the\n              latest information regarding point validity and expiration.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"q\">How do I check my balance?<\/div>\n            <div class=\"a\">Log in to your Wallet Pass account to view your points balance, rewards, and tier status at\n              any time.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"faq-cta\">\n          <h4>Still have questions?<\/h4>\n          <p>Reach out to our team<\/p>\n          <!-- <button class=\"btn-outline\">Contact<\/button> -->\n          <button class=\"btn-outline\"\n            onclick=\"window.location.href='mailto:Mamakarewards@ovolohotels.com?subject=Inquiry%20from%20Mamaka%20Playmaker&#038;body=Hello%2C%20I%20would%20like%20to%20know%20more%20about%20Mamaka%20Playmaker...';\">Contact<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FINAL CTA -->\n    <section class=\"section bg-cream\" style=\"padding-top:0;\">\n      <div class=\"container\">\n        <div class=\"footer-cta\">\n          <h2>Your next visit should reward you<\/h2>\n          <p>Join MAMAKA PLAYMAKER and start earning today<\/p>\n          <a class=\"btn-gold\"\n            href=\"https:\/\/forms.leat.com\/forms\/5bf87121-ff92-4f61-bd58-01d5ee432e0a?account-uuid=addaeb84-7e5f-4dcb-84bc-239980f6ebd4\">\n            Join The Club\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n  <!-- end .mamaka-scoped-2026 -->\n\n\n\n<style>\n    \/* ============================================================\n           FULLY SCOPED STYLES \u2013 only applies inside .mamaka-scoped-2026\n           ============================================================ *\/\n\n    \/* ----- font-face declarations ----- *\/\n    @font-face {\n      font-family: 'Gelica';\n      src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/master\/gelica\/Gelica-Regular.otf') format('opentype');\n      font-weight: 400;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n      font-family: 'Gelica Light';\n      src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/master\/gelica\/Gelica-Light.otf') format('opentype');\n      font-weight: 300;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n      font-family: 'Gelica-Light';\n      src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/master\/gelica\/Gelica-Light.otf') format('opentype');\n      font-weight: 300;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n      font-family: 'Gelica SemiBold Italic';\n      src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/master\/gelica\/Gelica-Semi-Bold.otf') format('opentype');\n      font-weight: 600;\n      font-style: italic;\n      font-display: swap;\n    }\n\n    @font-face {\n      font-family: 'Futura PT';\n      src: url('https:\/\/raw.githubusercontent.com\/Hilarion18\/font-families\/master\/futura\/FuturaCyrillicBook.ttf') format('opentype');\n      \/* font-weight: 400; *\/\n      font-style: normal;\n      font-display: swap;\n    }\n\n    \/* ----- ALL styles are scoped under .mamaka-scoped-2026 ----- *\/\n    .mamaka-scoped-2026 {\n      \/* CSS Variables *\/\n      --white: #ffffff;\n      --oxford: #3a415d;\n      --oxford-dark: #2e344a;\n      --gold: #f8c886;\n      --wine: #5d0036;\n      --bg-cream: #fff9f1;\n      --radius: 8px;\n      --container: 1280px;\n      --padding: 64px;\n\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 100%;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    \/* ----- Reset (scoped) ----- *\/\n    .mamaka-scoped-2026 * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .mamaka-scoped-2026 button {\n      all: unset;\n      cursor: pointer;\n      box-sizing: border-box;\n    }\n\n    .mamaka-scoped-2026 img {\n      display: block;\n      \/* max-width: 100%; *\/\n    }\n\n    \/* ----- containers (scoped) ----- *\/\n    .mamaka-scoped-2026 .container {\n      width: 100%;\n      max-width: var(--container);\n      padding: 0 var(--padding);\n      margin: 0 auto;\n    }\n\n    .mamaka-scoped-2026 .section {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 80px 0;\n    }\n\n    .mamaka-scoped-2026 .section .container {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    \/* ----- section title (scoped) ----- *\/\n    .mamaka-scoped-2026 .section-title {\n      text-align: center;\n      max-width: 768px;\n      margin: 0 auto 48px;\n      width: 100%;\n    }\n\n    .mamaka-scoped-2026 .section-title .tag {\n      font-family: 'Prima Sans Mono', Monaco, Consolas, monospace;\n      font-size: 14px;\n      letter-spacing: 2.8px;\n      color: var(--wine);\n      margin-bottom: 8px;\n      display: block;\n    }\n\n    .mamaka-scoped-2026 .section-title h2 {\n      font-family: 'Gelica', serif;\n      font-weight: 300;\n      font-size: 60px;\n      letter-spacing: -0.6px;\n      line-height: 1.2;\n      color: var(--oxford);\n    }\n\n    .mamaka-scoped-2026 .section-title p {\n      font-size: 20px;\n      font-family: var(--text-regular-medium-font-family);\n      color: var(--oxford);\n      opacity: 1;\n      margin-top: 8px;\n    }\n\n    .mamaka-scoped-2026 .bg-oxford .section-title h2 {\n      color: white;\n    }\n\n    .mamaka-scoped-2026 .bg-oxford .section-title p {\n      color: white;\n      \/* color: rgba(255, 255, 255, 0.8); *\/\n    }\n\n    .mamaka-scoped-2026 .bg-oxford .section-title .tag {\n      color: rgba(255, 255, 255, 0.7);\n    }\n\n    \/* ----- hero (scoped) ----- *\/\n    .mamaka-scoped-2026 .hero {\n      width: 100%;\n      min-height: 90vh;\n      background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),\n        url('https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/image-header.jpg') center\/cover no-repeat;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 40px 20px;\n    }\n\n    .mamaka-scoped-2026 .hero-content {\n      max-width: 768px;\n      color: white;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .mamaka-scoped-2026 .hero-logo {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    .mamaka-scoped-2026 .hero-logo img {\n      height: 66px;\n      width: auto;\n    }\n\n    .mamaka-scoped-2026 .hero-logo .playmaker-icon {\n      height: 42px;\n      width: auto;\n    }\n\n    .mamaka-scoped-2026 .hero p {\n      font-size: 24px;\n      line-height: 1.5;\n      font-weight: 400;\n      max-width: 700px;\n      margin: 0 auto 32px;\n      color: rgba(255, 255, 255, 0.9);\n    }\n\n    .mamaka-scoped-2026 .btn-gold {\n      background: var(--gold);\n      padding: 12px 48px;\n      border-radius: 100px;\n      font-weight: 700;\n      font-size: 20px;\n      color: #3a415d;\n      display: inline-block;\n      transition: 0.2s;\n      border: none;\n      font-family: var(--text-large-medium-font-family);\n      text-decoration: none;\n      cursor: pointer;\n    }\n\n    .mamaka-scoped-2026 .btn-gold:hover {\n      background: #f0bc7a;\n      transform: scale(0.98);\n    }\n\n    \/* ----- about (scoped) ----- *\/\n    .mamaka-scoped-2026 .about-grid {\n      display: flex;\n      align-items: center;\n      gap: 80px;\n      flex-wrap: wrap;\n      width: 100%;\n      justify-content: center;\n    }\n\n    .mamaka-scoped-2026 .about-grid img {\n      flex: 1 1 300px;\n      aspect-ratio: 1\/1;\n      object-fit: cover;\n      border-radius: var(--radius);\n      max-width: 500px;\n    }\n\n    .mamaka-scoped-2026 .about-text {\n      flex: 1 1 300px;\n      max-width: 550px;\n    }\n\n    .mamaka-scoped-2026 .about-text .tag {\n      font-family: 'Prima Sans Mono', monospace;\n      font-size: 14px;\n      letter-spacing: 2.8px;\n      color: var(--wine);\n      display: block;\n    }\n\n    .mamaka-scoped-2026 .about-text h3 {\n      font-family: 'Gelica', serif;\n      font-weight: 300;\n      font-size: 48px;\n      line-height: 1.2;\n      color: var(--oxford);\n      margin: 16px 0 24px;\n    }\n\n    .mamaka-scoped-2026 .about-text p {\n      font-size: 18px;\n      line-height: 1.6;\n      color: var(--oxford);\n    }\n\n    \/* ============================================================\n           THREE WAYS TO EARN \u2013 GRID: left card spans 2 cols (horizontal),\n           right 2 cards each 1 col (vertical)\n           ============================================================ *\/\n    .mamaka-scoped-2026 .earn-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr;\n      gap: 32px;\n      width: 100%;\n      align-items: stretch;\n    }\n\n    \/* ----- LEFT CARD: Horizontal layout (spans 2 cols) ----- *\/\n    .mamaka-scoped-2026 .earn-card-horizontal {\n      grid-column: 1 \/ 2;\n      background: var(--oxford-dark);\n      border-radius: var(--radius);\n      overflow: hidden;\n      display: flex;\n      flex-direction: row;\n      transition: transform 0.2s ease;\n      height: 100%;\n      min-height: 280px;\n    }\n\n    .mamaka-scoped-2026 .earn-card-horizontal:hover {\n      transform: translateY(-4px);\n    }\n\n    .mamaka-scoped-2026 .earn-card-horizontal .earn-body {\n      padding: 32px 28px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 8px;\n      min-width: 200px;\n    }\n\n    .mamaka-scoped-2026 .earn-card-horizontal .earn-body .tag {\n      font-family: 'Prima Sans Mono', monospace;\n      font-size: 13px;\n      letter-spacing: 2.8px;\n      \/* color: rgba(255, 255, 255, 0.7); *\/\n      color: white;\n      display: block;\n      text-transform: uppercase;\n    }\n\n    .mamaka-scoped-2026 .earn-card-horizontal .earn-body h4 {\n      font-family: 'Gelica Light', serif;\n      font-weight: 300;\n      font-size: 30px;\n      color: white;\n      margin: 4px 0 2px;\n      line-height: 1.2;\n    }\n\n    .mamaka-scoped-2026 .earn-card-horizontal .earn-body p {\n      font-size: 16px;\n      font-family: \"Futura PT\", sans-serif;\n      font-weight: 100;\n      color: rgba(255, 255, 255, 1);\n      line-height: 1.5;\n      margin-top: 2px;\n      max-width: 400px;\n    }\n\n    .mamaka-scoped-2026 .earn-card-horizontal .earn-image {\n      width: 45%;\n      min-width: 180px;\n      aspect-ratio: 4\/3;\n      object-fit: cover;\n      display: block;\n      flex-shrink: 0;\n    }\n\n    \/* ----- RIGHT CARDS: Vertical layout (1 col each) ----- *\/\n    .mamaka-scoped-2026 .earn-card-vertical {\n      background: var(--oxford-dark);\n      border-radius: var(--radius);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      transition: transform 0.2s ease;\n      height: 100%;\n    }\n\n    .mamaka-scoped-2026 .earn-card-vertical:hover {\n      transform: translateY(-4px);\n    }\n\n    .mamaka-scoped-2026 .earn-card-vertical .earn-body {\n      padding: 24px 20px 16px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .mamaka-scoped-2026 .earn-card-vertical .earn-body .tag {\n      font-family: 'Prima Sans Mono', monospace;\n      font-size: 12px;\n      letter-spacing: 2.8px;\n      \/* color: rgba(255, 255, 255, 0.7); *\/\n      color: white;\n      display: block;\n      text-transform: uppercase;\n    }\n\n    .mamaka-scoped-2026 .earn-card-vertical .earn-body h4 {\n      font-family: 'Gelica Light', serif;\n      font-weight: 300;\n      font-size: 22px;\n      color: white;\n      margin: 2px 0 2px;\n      line-height: 1.2;\n    }\n\n    .mamaka-scoped-2026 .earn-card-vertical .earn-body p {\n      font-size: 14px;\n      color: rgba(255, 255, 255, 1);\n      font-family: \"Futura PT\", sans-serif;\n      font-weight: 100;\n      line-height: 1.5;\n    }\n\n    .mamaka-scoped-2026 .earn-card-vertical .earn-image {\n      width: 100%;\n      aspect-ratio: 16\/10;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* ----- CAROUSEL \/ TIERS (scoped) ----- *\/\n    .mamaka-scoped-2026 .carousel-wrapper {\n      width: 100%;\n      max-width: var(--container);\n      padding: 0 var(--padding);\n      margin: 0 auto 80px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      background: var(--bg-cream);\n    }\n\n    .mamaka-scoped-2026 .option-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      justify-content: center;\n      margin-bottom: 40px;\n      width: 100%;\n    }\n\n    .mamaka-scoped-2026 .option-pill {\n      padding: 12px 24px;\n      border-radius: 100px;\n      background: white;\n      color: var(--oxford);\n      font-family: 'Gelica', serif;\n      font-weight: 400;\n      font-size: 16px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      border: 2px solid transparent;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .mamaka-scoped-2026 .option-pill i {\n      font-size: 14px;\n      opacity: 0.6;\n    }\n\n    .mamaka-scoped-2026 .option-pill.active {\n      background: var(--wine);\n      color: white;\n      border-color: var(--wine);\n      box-shadow: 0 4px 16px rgba(93, 0, 54, 0.25);\n    }\n\n    .mamaka-scoped-2026 .option-pill.active i {\n      opacity: 1;\n    }\n\n    .mamaka-scoped-2026 .option-pill:hover:not(.active) {\n      background: #f5f0f0;\n      transform: translateY(-2px);\n    }\n\n    .mamaka-scoped-2026 .tier-card {\n      background: white;\n      border-radius: var(--radius);\n      padding: 48px;\n      max-width: 600px;\n      width: 100%;\n      text-align: center;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n      transition: all 0.4s ease;\n      border: 1px solid rgba(0, 0, 0, 0.04);\n    }\n\n    .mamaka-scoped-2026 .level-badge {\n      display: inline-block;\n      background: var(--bg-cream);\n      padding: 6px 20px;\n      border-radius: 100px;\n      font-family: 'Prima Sans Mono', monospace;\n      font-size: 12px;\n      letter-spacing: 2.4px;\n      color: var(--oxford);\n      opacity: 0.7;\n      margin-bottom: 16px;\n    }\n\n    .mamaka-scoped-2026 .tier-title {\n      font-family: 'Gelica', serif;\n      font-weight: 300;\n      font-size: 40px;\n      color: var(--oxford);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 8px;\n    }\n\n    .mamaka-scoped-2026 .tier-title i {\n      font-size: 32px;\n      opacity: 0.6;\n    }\n\n    .mamaka-scoped-2026 .points-range {\n      font-family: 'Futura Md BT', sans-serif;\n      font-size: 18px;\n      color: var(--wine);\n      font-weight: 600;\n      margin-bottom: 16px;\n    }\n\n    .mamaka-scoped-2026 .description {\n      font-size: 18px;\n      line-height: 1.6;\n      color: var(--oxford);\n      opacity: 0.8;\n      max-width: 400px;\n      margin: 0 auto 24px;\n    }\n\n    .mamaka-scoped-2026 .action-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 500;\n      color: var(--oxford);\n      cursor: pointer;\n      transition: 0.2s;\n      padding: 8px 16px;\n      border-radius: 100px;\n      background: var(--bg-cream);\n    }\n\n    .mamaka-scoped-2026 .action-btn:hover {\n      background: var(--oxford);\n      color: white;\n    }\n\n    .mamaka-scoped-2026 .carousel-dots {\n      display: flex;\n      gap: 10px;\n      margin-top: 32px;\n    }\n\n    .mamaka-scoped-2026 .carousel-dots .dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #ccc;\n      cursor: pointer;\n      transition: 0.3s;\n    }\n\n    .mamaka-scoped-2026 .carousel-dots .dot.active {\n      background: var(--wine);\n      width: 28px;\n      border-radius: 5px;\n    }\n\n    \/* ----- benefit cards (scoped) ----- *\/\n    .mamaka-scoped-2026 .benefit-row {\n      display: flex;\n      gap: 32px;\n      flex-wrap: wrap;\n      width: 100%;\n      justify-content: center;\n    }\n\n    .mamaka-scoped-2026 .benefit-card {\n      flex: 1 1 200px;\n      max-width: 340px;\n      background: url('https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/Card.png') center\/cover;\n      padding: 40px 24px;\n      border-radius: var(--radius);\n      color: white;\n      min-height: 240px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      text-align: center;\n    }\n\n    .mamaka-scoped-2026 .benefit-card h4 {\n      font-family: 'Gelica', serif;\n      font-weight: 300;\n      font-size: 32px;\n      margin-bottom: 8px;\n    }\n\n    .mamaka-scoped-2026 .benefit-card p {\n      font-family: 'Futura PT', sans-serif;\n      font-size: 16px;\n      opacity: 1;\n      line-height: 1.5;\n    }\n\n    \/* ----- rewards timeline (scoped) ----- *\/\n    .mamaka-scoped-2026 .timeline {\n      display: flex;\n      gap: 32px;\n      flex-wrap: wrap;\n      width: 100%;\n      justify-content: center;\n      margin: 16px 0 24px;\n    }\n\n    .mamaka-scoped-2026 .timeline-item {\n      flex: 1 1 140px;\n      max-width: 220px;\n      text-align: center;\n      background: var(--oxford-dark);\n      padding: 24px 16px;\n      border-radius: var(--radius);\n      color: white;\n    }\n\n    .mamaka-scoped-2026 .timeline-item .dots {\n      display: flex;\n      justify-content: center;\n      gap: 8px;\n      margin-bottom: 12px;\n    }\n\n    .mamaka-scoped-2026 .timeline-item .dot {\n      width: 12px;\n      height: 12px;\n      background: white;\n      border-radius: 50%;\n      opacity: 0.25;\n    }\n\n    .mamaka-scoped-2026 .timeline-item .dot.active {\n      opacity: 1;\n    }\n\n    .mamaka-scoped-2026 .timeline-item h5 {\n      font-family: 'Gelica', serif;\n      font-weight: 400;\n      font-size: 22px;\n    }\n\n    .mamaka-scoped-2026 .timeline-item span {\n      font-size: 16px;\n      opacity: 0.7;\n      display: block;\n      margin-top: 4px;\n    }\n\n    .mamaka-scoped-2026 .rewards-actions {\n      display: flex;\n      gap: 24px;\n      justify-content: center;\n      flex-wrap: wrap;\n      margin-top: 8px;\n      margin-bottom: 48px;\n    }\n\n    \/* ----- FAQ (scoped) ----- *\/\n    .mamaka-scoped-2026 .faq-list {\n      max-width: 768px;\n      margin: 0 auto;\n      width: 100%;\n    }\n\n    .mamaka-scoped-2026 .faq-item {\n      padding: 28px 0;\n      border-bottom: 1px solid rgba(93, 0, 54, 0.1);\n      text-align: center;\n    }\n\n    .mamaka-scoped-2026 .faq-item .q {\n      font-family: 'Gelica SemiBold Italic', 'Gelica', serif;\n      font-weight: 600;\n      font-style: italic;\n      font-size: 22px;\n      color: var(--wine);\n      margin-bottom: 8px;\n    }\n\n    .mamaka-scoped-2026 .faq-item .a {\n      font-size: 18px;\n      line-height: 1.6;\n      color: var(--wine);\n      opacity: 0.8;\n    }\n\n    .mamaka-scoped-2026 .faq-cta {\n      text-align: center;\n      margin-top: 48px;\n    }\n\n    .mamaka-scoped-2026 .faq-cta h4 {\n      font-family: 'Gelica', serif;\n      font-weight: 400;\n      font-size: 32px;\n      color: var(--wine);\n    }\n\n    .mamaka-scoped-2026 .faq-cta p {\n      margin: 8px 0 24px;\n      font-size: 18px;\n      color: var(--wine);\n    }\n\n\n    .mamaka-scoped-2026 .btn-outline {\n      border: 1px solid rgba(0, 0, 0, 0.1);\n      background: rgba(0, 0, 0, 0.04);\n      padding: 10px 32px;\n      border-radius: 100px;\n      font-weight: 600;\n      font-size: 20px;\n      \/* color: var(--oxford); *\/\n      color: black;\n      font-family: var(--text-regular-normal-font-family);\n    }\n\n    \/* ----- footer cta (scoped) ----- *\/\n    .mamaka-scoped-2026 .footer-cta {\n      background: url('https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/image-footer.png') center\/cover;\n      padding: 80px 40px;\n      border-radius: var(--radius);\n      text-align: center;\n      color: white;\n      width: 100%;\n    }\n\n    .mamaka-scoped-2026 .footer-cta h2 {\n      font-family: 'Gelica', serif;\n      font-weight: 300;\n      font-size: 48px;\n      letter-spacing: -0.4px;\n      max-width: 600px;\n      margin: 0 auto 16px;\n    }\n\n    .mamaka-scoped-2026 .footer-cta p {\n      font-size: 20px;\n      opacity: 0.9;\n      margin-bottom: 32px;\n    }\n\n    \/* ----- backgrounds (scoped) ----- *\/\n    .mamaka-scoped-2026 .bg-cream {\n      background: var(--bg-cream);\n    }\n\n    .mamaka-scoped-2026 .bg-oxford {\n      background: var(--oxford);\n      color: white;\n    }\n\n    \/* ----- responsive (scoped) ----- *\/\n    @media (max-width: 992px) {\n      .mamaka-scoped-2026 .earn-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 24px;\n      }\n\n      .mamaka-scoped-2026 .earn-card-horizontal {\n        grid-column: 1 \/ -1;\n        flex-direction: row;\n      }\n\n      .mamaka-scoped-2026 .earn-card-horizontal .earn-image {\n        width: 40%;\n      }\n\n      .mamaka-scoped-2026 .about-grid img {\n        max-width: 95%;\n      }\n\n      .mamaka-scoped-2026 .container {\n        padding: 0px 6px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .mamaka-scoped-2026 {\n        --padding: 24px;\n      }\n\n      .mamaka-scoped-2026 .hero p {\n        font-size: 18px;\n      }\n\n      .mamaka-scoped-2026 .section-title h2 {\n        font-size: 36px;\n      }\n\n      .mamaka-scoped-2026 .about-grid {\n        gap: 32px;\n      }\n\n      .mamaka-scoped-2026 .about-text h3 {\n        font-size: 32px;\n      }\n\n      .mamaka-scoped-2026 .tier-card {\n        padding: 32px 24px;\n      }\n\n      .mamaka-scoped-2026 .tier-title {\n        font-size: 30px;\n      }\n\n      .mamaka-scoped-2026 .footer-cta h2 {\n        font-size: 32px;\n      }\n\n      .mamaka-scoped-2026 .earn-grid {\n        gap: 20px;\n      }\n\n      .mamaka-scoped-2026 .earn-card-horizontal .earn-body h4 {\n        font-size: 24px;\n      }\n\n      .mamaka-scoped-2026 .earn-card-horizontal .earn-image {\n        width: 35%;\n        min-width: 120px;\n      }\n\n      .mamaka-scoped-2026 .benefit-row {\n        gap: 20px;\n      }\n\n      .mamaka-scoped-2026 .timeline {\n        gap: 16px;\n      }\n\n      .mamaka-scoped-2026 .option-pill {\n        font-size: 14px;\n        padding: 10px 18px;\n      }\n\n      .mamaka-scoped-2026 .tabs-menu {\n        display: flex;\n        flex-wrap: nowrap;\n        overflow-x: auto;\n        overflow-y: hidden;\n        white-space: nowrap;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n        gap: 0;\n\n        \/* optional *\/\n        scroll-snap-type: x proximity;\n        padding: 0 16px;\n      }\n\n      .mamaka-scoped-2026 .tabs-menu::-webkit-scrollbar {\n        display: none;\n      }\n\n      .mamaka-scoped-2026 .tab-link,\n      .mamaka-scoped-2026 .tab-link-2,\n      .mamaka-scoped-2026 .tab-link-3,\n      .mamaka-scoped-2026 .tab-link-4,\n      .mamaka-scoped-2026 .tab-link-5 {\n\n        flex: 0 0 auto;\n        width: auto;\n        min-width: 170px;\n\n        padding: 16px 24px;\n        font-size: 18px;\n\n        scroll-snap-align: start;\n      }\n    }\n\n    @media (max-width: 580px) {\n      .mamaka-scoped-2026 .earn-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n\n      .mamaka-scoped-2026 .earn-card-horizontal {\n        grid-column: 1;\n        flex-direction: column;\n      }\n\n      .mamaka-scoped-2026 .earn-card-horizontal .earn-image {\n        width: 100%;\n        aspect-ratio: 16\/10;\n      }\n\n      .mamaka-scoped-2026 .earn-card-horizontal .earn-body {\n        padding: 24px 20px;\n      }\n\n      .mamaka-scoped-2026 .earn-card-vertical .earn-body h4 {\n        font-size: 20px;\n      }\n\n      .mamaka-scoped-2026 .benefit-row {\n        flex-direction: column;\n        align-items: center;\n      }\n\n      .mamaka-scoped-2026 .benefit-card {\n        max-width: 100%;\n        width: 100%;\n      }\n\n      .mamaka-scoped-2026 .timeline-item {\n        flex: 1 1 100%;\n        max-width: 100%;\n      }\n\n      .mamaka-scoped-2026 .option-list {\n        gap: 8px;\n      }\n\n      .mamaka-scoped-2026 .option-pill {\n        font-size: 13px;\n        padding: 8px 14px;\n      }\n\n      .mamaka-scoped-2026 .tier-card {\n        padding: 24px 16px;\n      }\n\n      .mamaka-scoped-2026 .tier-title {\n        font-size: 24px;\n      }\n    }\n\n    .actions-2 {\n      display: inline-flex;\n      align-items: center;\n      gap: 24px;\n      position: relative;\n      flex: 0 0 auto;\n    }\n\n    .button-4 {\n      all: unset;\n      box-sizing: border-box;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px 24px;\n      position: relative;\n      flex: 0 0 auto;\n      margin-top: -1px;\n      margin-bottom: -1px;\n      margin-left: -1px;\n      background-color: var(--primitives-opacity-white-10);\n      border-radius: 100px;\n      border: 1px solid;\n      border-color: var(--primitives-opacity-transparent);\n    }\n\n    .button-5 {\n      position: relative;\n      width: fit-content;\n      font-family: var(--text-regular-medium-font-family);\n      font-weight: var(--text-regular-medium-font-weight);\n      color: var(--primitives-color-white);\n      font-size: var(--text-regular-medium-font-size);\n      letter-spacing: var(--text-regular-medium-letter-spacing);\n      line-height: var(--text-regular-medium-line-height);\n      white-space: nowrap;\n      font-style: var(--text-regular-medium-font-style);\n    }\n\n    .button-6 {\n      all: unset;\n      box-sizing: border-box;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      position: relative;\n      flex: 0 0 auto;\n      border-radius: 100px;\n    }\n\n    .placeholder-image {\n      max-width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    .content-5 {\n      align-items: center;\n      gap: 64px;\n      align-self: stretch;\n      width: 100%;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n    }\n\n    \/* .timeline-progress {\n      display: flex;\n      align-items: flex-start;\n      position: relative;\n      align-self: stretch;\n      width: 100vw;\n      flex: 0 0 auto;\n      overflow: hidden;\n      padding: 0 32px;\n    }\n\n    .content-6 {\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      flex: 1;\n      flex-grow: 1;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n    } *\/\n\n    .timeline-wrapper {\n      position: relative;\n      width: 90%;\n      max-width: 90vw;\n      margin: 0 auto;\n    }\n\n    .timeline-progress {\n      display: flex;\n      align-items: flex-start;\n\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-behavior: smooth;\n\n      width: 100%;\n      padding: 0 32px;\n\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n    }\n\n    .timeline-progress::-webkit-scrollbar {\n      display: none;\n    }\n\n    \/* Desktop *\/\n    .content-6 {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n\n      flex: 0 0 280px;\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 768px) {\n\n      .timeline-wrapper {\n        width: 90%;\n        max-width: 90vw;\n      }\n\n      .timeline-progress {\n        padding: 0;\n        scroll-snap-type: x mandatory;\n      }\n\n      .content-6 {\n        flex: 0 0 100%;\n        width: 100%;\n        scroll-snap-align: center;\n      }\n\n      .content-7 {\n        padding: 0 24px;\n      }\n    }\n\n    .progress-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      position: relative;\n      align-self: stretch;\n      width: 100%;\n      flex: 0 0 auto;\n    }\n\n    .divider {\n      position: relative;\n      flex: 1;\n      flex-grow: 1;\n      height: 3px;\n      background-color: var(--color-schemes-color-scheme-1-text);\n    }\n\n    .circle {\n      position: relative;\n      width: 15px;\n      height: 15px;\n      background-color: var(--color-schemes-color-scheme-1-text);\n      border-radius: 7.5px;\n    }\n\n    .content-7 {\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 0px 32px;\n      align-self: stretch;\n      width: 100%;\n      flex: 0 0 auto;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n    }\n\n    .date {\n      position: relative;\n      align-self: stretch;\n      margin-top: -1px;\n      font-family: var(--heading-h5-font-family);\n      font-weight: var(--heading-h5-font-weight);\n      color: var(--color-schemes-color-scheme-1-text);\n      font-size: var(--heading-h5-font-size);\n      text-align: center;\n      letter-spacing: var(--heading-h5-letter-spacing);\n      line-height: var(--heading-h5-line-height);\n      font-style: var(--heading-h5-font-style);\n    }\n\n    .date-2 {\n      position: relative;\n      align-self: stretch;\n      font-family: var(--text-regular-normal-font-family);\n      font-weight: var(--text-regular-normal-font-weight);\n      color: var(--color-schemes-color-scheme-1-text);\n      font-size: var(--text-regular-normal-font-size);\n      text-align: center;\n      letter-spacing: var(--text-regular-normal-letter-spacing);\n      line-height: var(--text-regular-normal-line-height);\n      font-style: var(--text-regular-normal-font-style);\n    }\n\n    .slider-arrow {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px;\n      position: absolute;\n      top: 24px;\n      right: 0;\n      background-color: var(--color-schemes-color-scheme-1-foreground);\n      border-radius: 100px;\n      border: 1px solid;\n      border-color: var(--color-schemes-color-scheme-1-background);\n      z-index: 10;\n      cursor: pointer;\n    }\n\n    .arrow-back-wrapper {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px;\n      position: absolute;\n      top: 24px;\n      left: 0;\n      background-color: var(--color-schemes-color-scheme-1-foreground);\n      border-radius: 100px;\n      border: 1px solid;\n      border-color: var(--color-schemes-color-scheme-1-background);\n      z-index: 10;\n      cursor: pointer;\n    }\n\n    \/* ==========================================================\n          TIERS RESPONSIVE\n          ========================================================== *\/\n\n    \/* Remove fixed height *\/\n    .mamaka-scoped-2026 .layout-wrapper {\n      height: auto;\n      width: 100vw;\n    }\n\n    \/* ---------- Tablet ---------- *\/\n    @media (max-width: 992px) {\n\n      .mamaka-scoped-2026 .layout-2 {\n        gap: 48px;\n        padding: 60px 24px;\n      }\n\n      .mamaka-scoped-2026 .container-2 {\n        width: 100%;\n        gap: 48px;\n      }\n\n      .mamaka-scoped-2026 .heading-4 {\n        font-size: 44px;\n        line-height: 1.2;\n      }\n\n      .mamaka-scoped-2026 .tab-pane {\n        flex-direction: column;\n        gap: 40px;\n        padding: 32px;\n        text-align: center;\n      }\n\n      .mamaka-scoped-2026 .content-3 {\n        align-items: center;\n      }\n\n      .mamaka-scoped-2026 .heading-7 {\n        font-size: 38px;\n        line-height: 1.2;\n        text-align: left;\n      }\n\n      .mamaka-scoped-2026 .text-4 {\n        \/* text-align:center; *\/\n      }\n\n      .mamaka-scoped-2026 .button-wrapper {\n        justify-content: center;\n      }\n\n      .mamaka-scoped-2026 .placeholder-image {\n        max-width: 320px;\n        width: 100%;\n      }\n\n      .content-6 {\n        width: 100%;\n      }\n    }\n\n\n    \/* ---------- Mobile ---------- *\/\n    @media (max-width:768px) {\n      .hero-logo img {\n        max-width: 75%;\n        height: auto;\n      }\n\n      .mamaka-scoped-2026 .layout-2 {\n        padding: 48px 20px;\n        gap: 32px;\n      }\n\n      .mamaka-scoped-2026 .heading-4 {\n        font-size: 34px;\n        line-height: 1.2;\n      }\n\n      .mamaka-scoped-2026 .text-3 {\n        font-size: 16px;\n      }\n\n      .container-tabs-tier {\n        width: 90vw;\n        padding: 0px 12px;\n      }\n\n      \/* One tab per row *\/\n      .mamaka-scoped-2026 .tabs-menu {\n        display: flex;\n        flex-direction: row;\n        \/* max-width: 80%; *\/\n        padding: 0px 12px;\n      }\n\n      .mamaka-scoped-2026 .tab-link,\n      .mamaka-scoped-2026 .tab-link-2,\n      .mamaka-scoped-2026 .tab-link-3,\n      .mamaka-scoped-2026 .tab-link-4,\n      .mamaka-scoped-2026 .tab-link-5 {\n        width: 70%;\n        padding: 16px;\n        font-size: 18px;\n      }\n\n      .mamaka-scoped-2026 .tab-pane {\n        padding: 24px 20px;\n        gap: 24px;\n      }\n\n      .mamaka-scoped-2026 .heading-7 {\n        font-size: 30px;\n      }\n\n      .mamaka-scoped-2026 .tagline-4 {\n        font-size: 11px;\n        letter-spacing: 2px;\n      }\n\n      .mamaka-scoped-2026 .text-4 {\n        font-size: 16px;\n        line-height: 1.6;\n      }\n\n      .mamaka-scoped-2026 .placeholder-image {\n        max-width: 260px;\n      }\n\n      .content-6 {\n        width: 100%;\n      }\n    }\n\n\n    \/* ---------- Small phones ---------- *\/\n    @media (max-width:480px) {\n\n      .mamaka-scoped-2026 .layout-2 {\n        padding: 40px 16px;\n      }\n\n      .mamaka-scoped-2026 .heading-4 {\n        font-size: 30px;\n      }\n\n      .mamaka-scoped-2026 .heading-7 {\n        font-size: 26px;\n      }\n\n      .mamaka-scoped-2026 .text-4 {\n        font-size: 15px;\n      }\n\n      .mamaka-scoped-2026 .placeholder-image {\n        max-width: 220px;\n      }\n\n      .content-6 {\n        width: 100%;\n      }\n    }\n\n    .layout-2 {\n      padding: var(--spacing-sizing-section-padding-padding-section-large) var(--spacing-sizing-page-padding-padding-global) 50px var(--spacing-sizing-page-padding-padding-global);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 80px;\n      position: relative;\n      background-color: #fff9f1;\n      width: 100%;\n    }\n\n    .heading-4 {\n      \/* margin-top: -1px; *\/\n      padding: 36px 0 36px 0;\n      font-family: \"Gelica-Light\", Helvetica;\n      font-weight: 300;\n      color: #3a415d;\n      font-size: 60px;\n      text-align: center;\n      letter-spacing: -0.6px;\n      line-height: 72px;\n      position: relative;\n      align-self: stretch;\n    }\n\n    .text-3 {\n      align-self: stretch;\n      color: #3a415d;\n      font-size: var(--text-medium-normal-font-size);\n      text-align: center;\n      line-height: var(--text-medium-normal-line-height);\n      position: relative;\n      font-family: var(--text-medium-normal-font-family);\n      font-weight: var(--text-medium-normal-font-weight);\n      letter-spacing: var(--text-medium-normal-letter-spacing);\n      font-style: var(--text-medium-normal-font-style);\n    }\n\n    .tab-container {\n      width: 100%;\n      flex: 0 0 auto;\n      background-color: #ffffff;\n      \/* border-radius: var(--UI-styles-radius-large); *\/\n      overflow: hidden;\n      \/* display: flex; *\/\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      align-self: stretch;\n      min-width: 95vw;\n    }\n\n    .tabs-menu {\n      z-index: 1;\n      display: flex;\n      align-items: flex-start;\n      position: relative;\n      align-self: stretch;\n      width: 100%;\n      flex: 0 0 auto;\n    }\n\n    .tab-link {\n      gap: 16px;\n      padding: 24px 32px;\n      flex: 1;\n      flex-grow: 1;\n      z-index: 4;\n      border: 0px none;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      align-self: stretch;\n      border-color: var(--color-schemes-color-scheme-2-border);\n      cursor: pointer;\n      font-family: var(--heading-h6-font-family);\n      font-weight: var(--heading-h6-font-weight);\n      \/* color: #5d0036; *\/\n      font-size: var(--heading-h6-font-size);\n      text-align: center;\n      letter-spacing: var(--heading-h6-letter-spacing);\n      line-height: var(--heading-h6-line-height);\n      font-style: var(--heading-h6-font-style);\n    }\n\n    .tab-link-5 {\n      z-index: 3;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      padding: 24px 32px;\n      position: relative;\n      flex: 1;\n      align-self: stretch;\n      flex-grow: 1;\n      border: 0px none;\n      border-color: var(--color-schemes-color-scheme-2-border);\n      cursor: pointer;\n      font-family: var(--heading-h6-font-family);\n      font-weight: var(--heading-h6-font-weight);\n      color: #3a415d;\n      font-size: var(--heading-h6-font-size);\n      text-align: center;\n      letter-spacing: var(--heading-h6-letter-spacing);\n      line-height: var(--heading-h6-line-height);\n      font-style: var(--heading-h6-font-style);\n    }\n\n    .tab-link-2 {\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      padding: 24px 32px;\n      position: relative;\n      flex: 1;\n      align-self: stretch;\n      flex-grow: 1;\n      border: 0px none;\n      border-color: var(--color-schemes-color-scheme-2-border);\n      cursor: pointer;\n      font-family: var(--heading-h6-font-family);\n      font-weight: var(--heading-h6-font-weight);\n      color: #3a415d;\n      font-size: var(--heading-h6-font-size);\n      text-align: center;\n      letter-spacing: var(--heading-h6-letter-spacing);\n      line-height: var(--heading-h6-line-height);\n      font-style: var(--heading-h6-font-style);\n    }\n\n    .tab-link-3 {\n      z-index: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      padding: 24px 32px;\n      position: relative;\n      flex: 1;\n      align-self: stretch;\n      flex-grow: 1;\n      border: 0px none;\n      border-color: var(--color-schemes-color-scheme-2-border);\n      cursor: pointer;\n      font-family: var(--heading-h6-font-family);\n      font-weight: var(--heading-h6-font-weight);\n      color: #3a415d;\n      font-size: var(--heading-h6-font-size);\n      text-align: center;\n      letter-spacing: var(--heading-h6-letter-spacing);\n      line-height: var(--heading-h6-line-height);\n      font-style: var(--heading-h6-font-style);\n    }\n\n    .tab-link-4 {\n      z-index: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      padding: 24px 32px;\n      position: relative;\n      flex: 1;\n      align-self: stretch;\n      flex-grow: 1;\n      border: 0px none;\n      border-color: var(--color-schemes-color-scheme-2-border);\n      cursor: pointer;\n      font-family: var(--heading-h6-font-family);\n      font-weight: var(--heading-h6-font-weight);\n      color: #3a415d;\n      font-size: var(--heading-h6-font-size);\n      text-align: center;\n      letter-spacing: var(--heading-h6-letter-spacing);\n      line-height: var(--heading-h6-line-height);\n      font-style: var(--heading-h6-font-style);\n    }\n\n    .tabs-content {\n      z-index: 0;\n      display: flex;\n      align-items: flex-start;\n      position: relative;\n      align-self: stretch;\n      width: 100%;\n      flex: 0 0 auto;\n      padding: 0px 5%;\n    }\n\n    .tab-pane {\n      display: flex;\n      align-items: center;\n      gap: 80px;\n      padding: 48px;\n      position: relative;\n      flex: 1;\n      flex-grow: 1;\n    }\n\n    .content-3 {\n      align-items: flex-start;\n      justify-content: center;\n      gap: 32px;\n      flex: 1;\n      flex-grow: 1;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n    }\n\n    .tagline-4 {\n      position: relative;\n      width: fit-content;\n      margin-top: -1px;\n      \/* font-family: \"Prima Sans Mono-Regular\", Helvetica; *\/\n      font-family: \"Prima Sans Mono\", Monaco, Consolas, \"Courier New\", monospace;\n      font-weight: 400;\n      color: #3a415d;\n      font-size: 12px;\n      letter-spacing: 2.4px;\n      line-height: 18px;\n      white-space: nowrap;\n      text-align: start;\n    }\n\n    .heading-7 {\n      margin-top: -1px;\n      font-family: \"Gelica-Light\", Helvetica;\n      font-weight: 300;\n      color: #3a415d;\n      font-size: 48px;\n      letter-spacing: -0.48px;\n      line-height: 57.6px;\n      position: relative;\n      align-self: stretch;\n      margin-bottom: 24px;\n      text-align: left;\n    }\n\n    .text-4 {\n      align-self: stretch;\n      color: #3a415d;\n      font-size: var(--text-regular-normal-font-size);\n      line-height: var(--text-regular-normal-line-height);\n      position: relative;\n      font-family: var(--text-regular-normal-font-family);\n      font-weight: var(--text-regular-normal-font-weight);\n      letter-spacing: var(--text-regular-normal-letter-spacing);\n      font-style: var(--text-regular-normal-font-style);\n      text-align: start;\n    }\n\n    .button-wrapper {\n      display: flex;\n      align-items: center;\n      \/* gap: 24px; *\/\n      align-self: stretch;\n      width: 100%;\n      position: relative;\n      flex: 0 0 auto;\n      cursor: pointer;\n    }\n\n    .button-2 {\n      all: unset;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      position: relative;\n      flex: 0 0 auto;\n      \/* border-radius: 100px; *\/\n      overflow: hidden;\n    }\n\n    .button-3 {\n      position: relative;\n      width: fit-content;\n      font-family: var(--text-regular-medium-font-family);\n      font-weight: var(--text-regular-medium-font-weight);\n      color: var(--primitives-color-neutral-darkest);\n      font-size: var(--text-regular-medium-font-size);\n      letter-spacing: var(--text-regular-medium-letter-spacing);\n      line-height: var(--text-regular-medium-line-height);\n      white-space: nowrap;\n      font-style: var(--text-regular-medium-font-style);\n      text-align: start;\n    }\n\n    .img-2 {\n      position: relative;\n      width: 24px;\n      height: 24px;\n    }\n\n    .icon-arrow-right {\n      position: relative;\n      width: auto;\n      height: 12px;\n    }\n\n    .container-wrapper-2 {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 80px;\n      padding: 50px var(--spacing-sizing-page-padding-padding-global) 50px var(--spacing-sizing-page-padding-padding-global);\n      position: relative;\n      align-self: stretch;\n      width: 100%;\n      flex: 0 0 auto;\n      background-color: #fff9f1;\n    }\n\n    .container-2 {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 80px;\n      position: relative;\n      flex: 0 0 auto;\n    }\n\n    .div-4 {\n      max-width: var(--spacing-sizing-max-width-max-width-large);\n      gap: 16px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      position: relative;\n      width: 100%;\n      flex: 0 0 auto;\n    }\n\n    .tagline-wrapper {\n      display: inline-flex;\n      align-items: center;\n      position: relative;\n      flex: 0 0 auto;\n      margin-bottom: 12px;\n    }\n\n    .tagline-wrapper-2 {\n      display: inline-flex;\n      align-items: center;\n      position: relative;\n      align-self: stretch;\n      flex: 0 0 auto;\n    }\n\n    .tagline-3 {\n      position: relative;\n      width: fit-content;\n      margin-top: -1px;\n      \/* font-family: \"Prima Sans Mono-Regular\", Helvetica; *\/\n      font-family: \"Prima Sans Mono\", Monaco, Consolas, \"Courier New\", monospace;\n      font-weight: 400;\n      color: #5d0036;\n      font-size: 14px;\n      text-align: center;\n      letter-spacing: 2.8px;\n      line-height: 21px;\n      white-space: nowrap;\n      align-self: stretch;\n    }\n\n    .tagline-tier {\n      margin-top: -1px;\n      font-family: \"Prima Sans Mono\", Monaco, Consolas, \"Courier New\", monospace;\n      font-weight: 300;\n      color: #5d0036;\n      font-size: 14px;\n      text-align: center;\n      letter-spacing: -0.6px;\n      \/* line-height: 72px; *\/\n      position: relative;\n      align-self: stretch;\n    }\n\n    .tab-link:hover,\n    .tab-link-5:hover,\n    .tab-link-2:hover,\n    .tab-link-3:hover,\n    .tab-link-4:hover {\n      \/* background: #f3efe9; *\/\n      background: #fff9f1;\n    }\n\n    \/* active state (added via js) *\/\n    .tab-link.active,\n    .tab-link-5.active,\n    .tab-link-2.active,\n    .tab-link-3.active,\n    .tab-link-4.active {\n      background: #f3efe9;\n      \/* background: #1d1b1a; *\/\n      \/* color: white; *\/\n      color: #5d0036;\n      border-color: #1d1b1a;\n    }\n\n    \/*     \n    .timeline-wrapper {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 16px;\n      position: relative;\n      align-self: stretch;\n      width: 100%;\n      flex: 0 0 auto;\n    } *\/\n\n    .modal-close-btn {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n\n      width: 42px;\n      height: 42px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      padding: 0;\n      margin: 0;\n      border: none;\n      border-radius: 50%;\n\n      background: #ff4444;\n      color: #fff;\n\n      font-size: 30px;\n      font-weight: 400;\n      line-height: 1;\n\n      cursor: pointer;\n      z-index: 10;\n\n      box-sizing: border-box;\n    }\n\n    #pdfModal {\n      position: fixed;\n      inset: 0;\n      display: none;\n      justify-content: center;\n      align-items: center;\n\n      background: rgba(0, 0, 0, .9);\n\n      z-index: 999999;\n    }\n\n    .benefit-modal {\n      display: none;\n      position: fixed;\n      inset: 0;\n      z-index: 999999;\n\n      background: rgba(0, 0, 0, .9);\n\n      justify-content: center;\n      align-items: center;\n    }\n\n    .benefit-modal-content {\n      width: 90%;\n      max-width: 1200px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    #benefitImage {\n      max-width: 100%;\n      max-height: 90vh;\n      object-fit: contain;\n      border-radius: 12px;\n    }\n  <\/style>\n\n\n\n<style>\n      :root {\n      --heading-h1-font-family: \"Gelica\", Helvetica;\n      --heading-h1-font-weight: 400;\n      --heading-h1-font-size: 84px;\n      --heading-h1-letter-spacing: 0px;\n      --heading-h1-line-height: 110.00000238418579%;\n      --heading-h1-font-style: normal;\n      --heading-h2-font-family: \"Gelica\", Helvetica;\n      --heading-h2-font-weight: 300;\n      --heading-h2-font-size: 60px;\n      --heading-h2-letter-spacing: -0.6px;\n      --heading-h2-line-height: 120.00000476837158%;\n      --heading-h2-font-style: normal;\n      --heading-h3-font-family: \"Gelica\", Helvetica;\n      --heading-h3-font-weight: 400;\n      --heading-h3-font-size: 48px;\n      --heading-h3-letter-spacing: -0.48px;\n      --heading-h3-line-height: 120.00000476837158%;\n      --heading-h3-font-style: normal;\n      --heading-h4-font-family: \"Gelica\", Helvetica;\n      --heading-h4-font-weight: 400;\n      --heading-h4-font-size: 40px;\n      --heading-h4-letter-spacing: -0.4px;\n      --heading-h4-line-height: 129.99999523162842%;\n      --heading-h4-font-style: normal;\n      --heading-h5-font-family: \"Gelica\", Helvetica;\n      --heading-h5-font-weight: 400;\n      --heading-h5-font-size: 32px;\n      --heading-h5-letter-spacing: -0.32px;\n      --heading-h5-line-height: 129.99999523162842%;\n      --heading-h5-font-style: normal;\n      --heading-h6-font-family: \"Gelica\", Helvetica;\n      --heading-h6-font-weight: 400;\n      --heading-h6-font-size: 26px;\n      --heading-h6-letter-spacing: -0.26px;\n      --heading-h6-line-height: 139.9999976158142%;\n      --heading-h6-font-style: normal;\n      --heading-tagline-font-family: \"Futura PT\", sans-serif;\n      --heading-tagline-font-weight: 500;\n      --heading-tagline-font-size: 24px;\n      --heading-tagline-letter-spacing: 0px;\n      --heading-tagline-line-height: 150%;\n      --heading-tagline-font-style: normal;\n      --text-large-light-font-family: \"Futura PT\", sans-serif;\n      --text-large-light-font-weight: 300;\n      --text-large-light-font-size: 26px;\n      --text-large-light-letter-spacing: 0px;\n      --text-large-light-line-height: 150%;\n      --text-large-light-font-style: normal;\n      --text-large-normal-font-family: \"Futura PT\", sans-serif;\n      --text-large-normal-font-weight: 500;\n      --text-large-normal-font-size: 26px;\n      --text-large-normal-letter-spacing: 0px;\n      --text-large-normal-line-height: 100%;\n      --text-large-normal-font-style: normal;\n      --text-large-medium-font-family: \"Futura PT\", sans-serif;\n      --text-large-medium-font-weight: 500;\n      --text-large-medium-font-size: 26px;\n      --text-large-medium-letter-spacing: 0px;\n      --text-large-medium-line-height: 150%;\n      --text-large-medium-font-style: normal;\n      --text-large-semi-bold-font-family: \"Futura PT\", sans-serif;\n      --text-large-semi-bold-font-weight: 400;\n      --text-large-semi-bold-font-size: 26px;\n      --text-large-semi-bold-letter-spacing: 0px;\n      --text-large-semi-bold-line-height: 150%;\n      --text-large-semi-bold-font-style: normal;\n      --text-large-bold-font-family: \"Futura PT\", sans-serif;\n      --text-large-bold-font-weight: 700;\n      --text-large-bold-font-size: 26px;\n      --text-large-bold-letter-spacing: 2.6px;\n      --text-large-bold-line-height: 150%;\n      --text-large-bold-font-style: normal;\n      --text-large-extra-bold-font-family: \"Futura PT\", sans-serif;\n      --text-large-extra-bold-font-weight: 700;\n      --text-large-extra-bold-font-size: 26px;\n      --text-large-extra-bold-letter-spacing: 0px;\n      --text-large-extra-bold-line-height: 150%;\n      --text-large-extra-bold-font-style: normal;\n      --text-large-link-font-family: \"Futura PT\", sans-serif;\n      --text-large-link-font-weight: 400;\n      --text-large-link-font-size: 26px;\n      --text-large-link-letter-spacing: 0px;\n      --text-large-link-line-height: 150%;\n      --text-large-link-font-style: normal;\n      --text-medium-light-font-family: \"Futura PT\", sans-serif;\n      --text-medium-light-font-weight: 300;\n      --text-medium-light-font-size: 20px;\n      --text-medium-light-letter-spacing: 0px;\n      --text-medium-light-line-height: 150%;\n      --text-medium-light-font-style: normal;\n      --text-medium-normal-font-family: \"Futura PT\", sans-serif;\n      --text-medium-normal-font-weight: 100;\n      --text-medium-normal-font-size: 24px;\n      --text-medium-normal-letter-spacing: 0px;\n      --text-medium-normal-line-height: 150%;\n      --text-medium-normal-font-style: normal;\n      --text-medium-medium-font-family: \"Futura PT\", sans-serif;\n      --text-medium-medium-font-weight: 500;\n      --text-medium-medium-font-size: 24px;\n      --text-medium-medium-letter-spacing: 0px;\n      --text-medium-medium-line-height: 150%;\n      --text-medium-medium-font-style: normal;\n      --text-medium-semi-bold-font-family: \"Futura PT\", sans-serif;\n      --text-medium-semi-bold-font-weight: 400;\n      --text-medium-semi-bold-font-size: 24px;\n      --text-medium-semi-bold-letter-spacing: 0px;\n      --text-medium-semi-bold-line-height: 150%;\n      --text-medium-semi-bold-font-style: normal;\n      --text-medium-bold-font-family: \"Futura PT\", sans-serif;\n      --text-medium-bold-font-weight: 700;\n      --text-medium-bold-font-size: 24px;\n      --text-medium-bold-letter-spacing: 0px;\n      --text-medium-bold-line-height: 150%;\n      --text-medium-bold-font-style: normal;\n      --text-medium-extra-bold-font-family: \"Futura PT\", sans-serif;\n      --text-medium-extra-bold-font-weight: 800;\n      --text-medium-extra-bold-font-size: 24px;\n      --text-medium-extra-bold-letter-spacing: 0px;\n      --text-medium-extra-bold-line-height: 150%;\n      --text-medium-extra-bold-font-style: normal;\n      --text-medium-link-font-family: \"Futura PT\", sans-serif;\n      --text-medium-link-font-weight: 400;\n      --text-medium-link-font-size: 24px;\n      --text-medium-link-letter-spacing: 0px;\n      --text-medium-link-line-height: 150%;\n      --text-medium-link-font-style: normal;\n      --text-regular-light-font-family: \"Futura PT\", sans-serif;\n      --text-regular-light-font-weight: 300;\n      --text-regular-light-font-size: 18px;\n      --text-regular-light-letter-spacing: 0px;\n      --text-regular-light-line-height: 150%;\n      --text-regular-light-font-style: normal;\n      --text-regular-normal-font-family: \"Futura PT\", sans-serif;\n      --text-regular-normal-font-weight: 400;\n      --text-regular-normal-font-size: 18px;\n      --text-regular-normal-letter-spacing: 0px;\n      --text-regular-normal-line-height: 150%;\n      --text-regular-normal-font-style: normal;\n      --text-regular-medium-font-family: \"Futura PT\", sans-serif;\n      --text-regular-medium-font-weight: 500;\n      --text-regular-medium-font-size: 18px;\n      --text-regular-medium-letter-spacing: 0px;\n      --text-regular-medium-line-height: 150%;\n      --text-regular-medium-font-style: normal;\n      --text-regular-semi-bold-font-family: \"Futura PT\", sans-serif;\n      --text-regular-semi-bold-font-weight: 400;\n      --text-regular-semi-bold-font-size: 18px;\n      --text-regular-semi-bold-letter-spacing: 1.8px;\n      --text-regular-semi-bold-line-height: 150%;\n      --text-regular-semi-bold-font-style: normal;\n      --text-regular-bold-font-family: \"Futura PT\", sans-serif;\n      --text-regular-bold-font-weight: 700;\n      --text-regular-bold-font-size: 18px;\n      --text-regular-bold-letter-spacing: 0px;\n      --text-regular-bold-line-height: 150%;\n      --text-regular-bold-font-style: normal;\n      --text-regular-extra-bold-font-family: \"Futura PT\", sans-serif;\n      --text-regular-extra-bold-font-weight: 800;\n      --text-regular-extra-bold-font-size: 18px;\n      --text-regular-extra-bold-letter-spacing: 0px;\n      --text-regular-extra-bold-line-height: 150%;\n      --text-regular-extra-bold-font-style: normal;\n      --text-regular-link-font-family: \"Futura PT\", sans-serif;\n      --text-regular-link-font-weight: 400;\n      --text-regular-link-font-size: 18px;\n      --text-regular-link-letter-spacing: 0px;\n      --text-regular-link-line-height: 150%;\n      --text-regular-link-font-style: normal;\n      --text-small-light-font-family: \"Futura PT\", sans-serif;\n      --text-small-light-font-weight: 300;\n      --text-small-light-font-size: 16px;\n      --text-small-light-letter-spacing: 0px;\n      --text-small-light-line-height: 150%;\n      --text-small-light-font-style: normal;\n      --text-small-normal-font-family: \"Futura PT\", sans-serif;\n      --text-small-normal-font-weight: 400;\n      --text-small-normal-font-size: 16px;\n      --text-small-normal-letter-spacing: 0px;\n      --text-small-normal-line-height: 150%;\n      --text-small-normal-font-style: normal;\n      --text-small-medium-font-family: \"Futura PT\", sans-serif;\n      --text-small-medium-font-weight: 500;\n      --text-small-medium-font-size: 16px;\n      --text-small-medium-letter-spacing: 0px;\n      --text-small-medium-line-height: 150%;\n      --text-small-medium-font-style: normal;\n      --text-small-semi-bold-font-family: \"Futura PT\", sans-serif;\n      --text-small-semi-bold-font-weight: 400;\n      --text-small-semi-bold-font-size: 16px;\n      --text-small-semi-bold-letter-spacing: 0px;\n      --text-small-semi-bold-line-height: 150%;\n      --text-small-semi-bold-font-style: normal;\n      --text-small-bold-font-family: \"Futura PT\", sans-serif;\n      --text-small-bold-font-weight: 700;\n      --text-small-bold-font-size: 16px;\n      --text-small-bold-letter-spacing: 0px;\n      --text-small-bold-line-height: 150%;\n      --text-small-bold-font-style: normal;\n      --text-small-extra-bold-font-family: \"Futura PT\", sans-serif;\n      --text-small-extra-bold-font-weight: 800;\n      --text-small-extra-bold-font-size: 16px;\n      --text-small-extra-bold-letter-spacing: 0px;\n      --text-small-extra-bold-line-height: 150%;\n      --text-small-extra-bold-font-style: normal;\n      --text-small-link-font-family: \"Futura PT\", sans-serif;\n      --text-small-link-font-weight: 400;\n      --text-small-link-font-size: 16px;\n      --text-small-link-letter-spacing: 0px;\n      --text-small-link-line-height: 150%;\n      --text-small-link-font-style: normal;\n      --text-tiny-light-font-family: \"Futura PT\", sans-serif;\n      --text-tiny-light-font-weight: 300;\n      --text-tiny-light-font-size: 12px;\n      --text-tiny-light-letter-spacing: 0px;\n      --text-tiny-light-line-height: 150%;\n      --text-tiny-light-font-style: normal;\n      --text-tiny-normal-font-family: \"Futura PT\", sans-serif;\n      --text-tiny-normal-font-weight: 400;\n      --text-tiny-normal-font-size: 12px;\n      --text-tiny-normal-letter-spacing: 0px;\n      --text-tiny-normal-line-height: 150%;\n      --text-tiny-normal-font-style: normal;\n      --text-tiny-medium-font-family: \"Futura PT\", sans-serif;\n      --text-tiny-medium-font-weight: 500;\n      --text-tiny-medium-font-size: 12px;\n      --text-tiny-medium-letter-spacing: 0px;\n      --text-tiny-medium-line-height: 150%;\n      --text-tiny-medium-font-style: normal;\n      --text-tiny-semi-bold-font-family: \"Futura PT\", sans-serif;\n      --text-tiny-semi-bold-font-weight: 400;\n      --text-tiny-semi-bold-font-size: 12px;\n      --text-tiny-semi-bold-letter-spacing: 0px;\n      --text-tiny-semi-bold-line-height: 150%;\n      --text-tiny-semi-bold-font-style: normal;\n      --text-tiny-bold-font-family: \"Futura PT\", sans-serif;\n      --text-tiny-bold-font-weight: 700;\n      --text-tiny-bold-font-size: 12px;\n      --text-tiny-bold-letter-spacing: 0px;\n      --text-tiny-bold-line-height: 150%;\n      --text-tiny-bold-font-style: normal;\n      --text-tiny-extra-bold-font-family: \"Futura PT\", sans-serif;\n      --text-tiny-extra-bold-font-weight: 800;\n      --text-tiny-extra-bold-font-size: 12px;\n      --text-tiny-extra-bold-letter-spacing: 0px;\n      --text-tiny-extra-bold-line-height: 150%;\n      --text-tiny-extra-bold-font-style: normal;\n      --text-tiny-link-font-family: \"Futura PT\", sans-serif;\n      --text-tiny-link-font-weight: 400;\n      --text-tiny-link-font-size: 12px;\n      --text-tiny-link-letter-spacing: 0px;\n      --text-tiny-link-line-height: 150%;\n      --text-tiny-link-font-style: normal;\n      --xxsmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n      --xsmall:\n        0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);\n      --small:\n        0px 2px 4px -2px rgba(0, 0, 0, 0.06), 0px 4px 8px -2px rgba(0, 0, 0, 0.1);\n      --medium:\n        0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);\n      --large:\n        0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px rgba(0, 0, 0, 0.08);\n      --xlarge: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);\n      --xxlarge: 0px 32px 64px -12px rgba(0, 0, 0, 0.14);\n      --color-schemes-color-scheme-1-text: var(--primitives-color-white);\n      --color-schemes-color-scheme-1-foreground: var(\n        --primitives-color-oxford-blue-dark\n      );\n      --color-schemes-color-scheme-1-background: var(\n        --primitives-color-oxford-blue\n      );\n      --color-schemes-color-scheme-1-border: var(--primitives-opacity-white-20);\n      --color-schemes-color-scheme-1-accent: var(--primitives-color-white);\n      --color-schemes-color-scheme-2-text: var(--primitives-color-neutral-darkest);\n      --color-schemes-color-scheme-2-background: var(\n        --primitives-color-neutral-lightest\n      );\n      --color-schemes-color-scheme-2-border: var(\n        --primitives-opacity-neutral-darkest-15\n      );\n      --color-schemes-color-scheme-2-accent: var(--primitives-color-oxford-blue);\n      --color-schemes-color-scheme-2-foreground: var(--primitives-color-white);\n      --primitives-color-white: rgba(255, 255, 255, 1);\n      --primitives-color-neutral-lightest: rgba(242, 242, 242, 1);\n      --primitives-color-neutral-lighter: rgba(216, 216, 216, 1);\n      --primitives-color-neutral-light: rgba(178, 178, 178, 1);\n      --primitives-color-neutral: rgba(127, 127, 127, 1);\n      --primitives-color-neutral-dark: rgba(76, 76, 76, 1);\n      --primitives-color-neutral-darker: rgba(25, 25, 25, 1);\n      --primitives-color-neutral-darkest: rgba(0, 0, 0, 1);\n      --primitives-opacity-transparent: rgba(255, 255, 255, 0);\n      --primitives-opacity-white-5: rgba(255, 255, 255, 0.05);\n      --primitives-opacity-white-10: rgba(255, 255, 255, 0.1);\n      --primitives-opacity-white-15: rgba(255, 255, 255, 0.15);\n      --primitives-opacity-white-20: rgba(255, 255, 255, 0.2);\n      --primitives-opacity-white-30: rgba(255, 255, 255, 0.3);\n      --primitives-opacity-white-40: rgba(255, 255, 255, 0.4);\n      --primitives-opacity-white-50: rgba(255, 255, 255, 0.5);\n      --primitives-opacity-white-60: rgba(255, 255, 255, 0.6);\n      --primitives-opacity-neutral-darkest-5: rgba(0, 0, 0, 0.05);\n      --primitives-opacity-neutral-darkest-10: rgba(0, 0, 0, 0.1);\n      --primitives-opacity-neutral-darkest-15: rgba(0, 0, 0, 0.15);\n      --primitives-opacity-neutral-darkest-20: rgba(0, 0, 0, 0.2);\n      --primitives-opacity-neutral-darkest-30: rgba(0, 0, 0, 0.3);\n      --primitives-opacity-neutral-darkest-40: rgba(0, 0, 0, 0.4);\n      --primitives-opacity-neutral-darkest-50: rgba(0, 0, 0, 0.5);\n      --primitives-opacity-neutral-darkest-60: rgba(0, 0, 0, 0.6);\n      --primitives-color-oxford-blue-lightest: rgba(235, 236, 238, 1);\n      --primitives-color-oxford-blue-lighter: rgba(215, 217, 222, 1);\n      --primitives-color-oxford-blue-light: rgba(117, 122, 141, 1);\n      --primitives-color-oxford-blue: rgba(58, 65, 93, 1);\n      --primitives-color-oxford-blue-dark: rgba(46, 52, 74, 1);\n      --primitives-color-oxford-blue-darker: rgba(23, 26, 37, 1);\n      --primitives-color-oxford-blue-darkest: rgba(17, 19, 27, 1);\n      --primitives-color-danube-lightest: rgba(239, 241, 250, 1);\n      --primitives-color-danube-lighter: rgba(224, 228, 245, 1);\n      --primitives-color-danube-light: rgba(147, 162, 220, 1);\n      --primitives-color-danube: rgba(102, 123, 205, 1);\n      --primitives-color-danube-dark: rgba(81, 98, 164, 1);\n      --primitives-color-danube-darker: rgba(40, 49, 82, 1);\n      --primitives-color-danube-darkest: rgba(30, 36, 61, 1);\n      --primitives-color-rajah-lightest: rgba(254, 248, 241, 1);\n      --primitives-color-rajah-lighter: rgba(253, 242, 228, 1);\n      --primitives-color-rajah-light: rgba(249, 212, 163, 1);\n      --primitives-color-rajah: rgba(247, 194, 124, 1);\n      --primitives-color-rajah-dark: rgba(197, 155, 99, 1);\n      --primitives-color-rajah-darker: rgba(98, 77, 49, 1);\n      --primitives-color-rajah-darkest: rgba(74, 58, 37, 1);\n      --primitives-color-royal-blue-lightest: rgba(240, 238, 252, 1);\n      --primitives-color-royal-blue-lighter: rgba(225, 222, 250, 1);\n      --primitives-color-royal-blue-light: rgba(152, 140, 238, 1);\n      --primitives-color-royal-blue: rgba(108, 92, 231, 1);\n      --primitives-color-royal-blue-dark: rgba(86, 73, 184, 1);\n      --primitives-color-royal-blue-darker: rgba(43, 36, 92, 1);\n      --primitives-color-royal-blue-darkest: rgba(32, 27, 69, 1);\n      --UI-styles-radius-small: 8px;\n      --UI-styles-radius-medium: 8px;\n      --UI-styles-radius-large: 8px;\n      --UI-styles-stroke-border-width: 0px;\n      --UI-styles-stroke-divider-width: 1px;\n      --typography-text-sizes-heading-1: 84px;\n      --typography-text-sizes-heading-2: 60px;\n      --typography-text-sizes-heading-3: 48px;\n      --typography-text-sizes-heading-4: 40px;\n      --typography-text-sizes-text-large: 26px;\n      --typography-text-sizes-text-medium: 20px;\n      --typography-text-sizes-text-regular: 18px;\n      --typography-text-sizes-text-small: 16px;\n      --typography-text-sizes-text-tiny: 12px;\n      --spacing-sizing-container-container-large: 1280px;\n      --spacing-sizing-container-container-medium: 1024px;\n      --spacing-sizing-container-container-small: 768px;\n      --spacing-sizing-max-width-max-width-xxlarge: 1280px;\n      --spacing-sizing-max-width-max-width-xlarge: 1024px;\n      --spacing-sizing-max-width-max-width-large: 768px;\n      --spacing-sizing-max-width-max-width-medium: 560px;\n      --spacing-sizing-max-width-max-width-small: 480px;\n      --spacing-sizing-max-width-max-width-xsmall: 400px;\n      --spacing-sizing-max-width-max-width-xxsmall: 320px;\n      --spacing-sizing-page-padding-padding-global: 64px;\n      --spacing-sizing-section-padding-padding-section-large: 112px;\n      --spacing-sizing-section-padding-padding-section-medium: 80px;\n      --spacing-sizing-section-padding-padding-section-small: 48px;\n    }\n\n    \/*\n\n    To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:\n\n    <body data-typography-mode=\"desktop\">\n        <!-- the rest of your content -->\n    <\/body>\n\n    You can apply the theme on any DOM node, not just the `body`\n\n    *\/\n\n    [data-typography-mode=\"desktop\"] {\n      --typography-text-sizes-heading-1: 84px;\n      --typography-text-sizes-heading-2: 60px;\n      --typography-text-sizes-heading-3: 48px;\n      --typography-text-sizes-heading-4: 40px;\n      --typography-text-sizes-text-large: 26px;\n      --typography-text-sizes-text-medium: 20px;\n      --typography-text-sizes-text-regular: 18px;\n      --typography-text-sizes-text-small: 16px;\n    }\n\n    [data-typography-mode=\"mobile\"] {\n      --typography-text-sizes-heading-1: 40px;\n      --typography-text-sizes-heading-2: 36px;\n      --typography-text-sizes-heading-3: 32px;\n      --typography-text-sizes-heading-4: 24px;\n      --typography-text-sizes-heading-5: 20px;\n      --typography-text-sizes-text-large: 18px;\n      --typography-text-sizes-text-medium: 16px;\n      --typography-text-sizes-text-regular: 16px;\n      --typography-text-sizes-text-small: 14px;\n    }\n\n    [data-spacing-sizing-mode=\"desktop\"] {\n      --spacing-sizing-page-padding-padding-global: 64px;\n      --spacing-sizing-section-padding-padding-section-large: 112px;\n      --spacing-sizing-section-padding-padding-section-medium: 80px;\n      --spacing-sizing-section-padding-padding-section-small: 48px;\n    }\n\n    [data-spacing-sizing-mode=\"mobile\"] {\n      --spacing-sizing-page-padding-padding-global: 20px;\n      --spacing-sizing-section-padding-padding-section-large: 64px;\n      --spacing-sizing-section-padding-padding-section-medium: 48px;\n      --spacing-sizing-section-padding-padding-section-small: 32px;\n    }\n    <\/style>\n\n\n\n<script>\n    (function () {\n      \/\/ ----- tierData -----\n      const tierData = [\n        { level: 'LEVEL 1', icon: 'fa-seedling', name: 'Baby Sipper', points: '0 \u2013 250 points', desc: 'Begin your journey with us and taste what membership feels like.' },\n        { level: 'LEVEL 2', icon: 'fa-sun', name: 'Sunset Chaser', points: '251 \u2013 500 points', desc: 'Enjoy the golden hour of rewards with exclusive sunset experiences.' },\n        { level: 'LEVEL 3', icon: 'fa-swimmer', name: 'Poolside Player', points: '501 \u2013 1000 points', desc: 'Dive into premium perks and poolside privileges.' },\n        { level: 'LEVEL 4', icon: 'fa-star', name: 'Superstars', points: '1001 \u2013 2000 points', desc: 'Shine bright with VIP treatment and star-studded experiences.' },\n        { level: 'LEVEL 5', icon: 'fa-crown', name: 'Social Legend', points: '2001+ points', desc: 'Reach the pinnacle of membership with legendary status and exclusive access.' }\n      ];\n\n      \/\/ DOM refs\n      const tierLevelEl = document.getElementById('tierLevel');\n      const tierNameEl = document.getElementById('tierName');\n      const tierDescEl = document.getElementById('tierDesc');\n      const pointsSpan = document.getElementById('pointsRange');\n\n      \/\/ all tab elements\n      const tabItems = document.querySelectorAll('.tab-link, .tab-link-5, .tab-link-2, .tab-link-3, .tab-link-4');\n\n      \/\/ helper: update pane from tierData[index]\n      function updateTier(index) {\n        const data = tierData[index];\n        if (!data) return;\n\n        \/\/ update level badge\n        tierLevelEl.textContent = data.level;\n\n        \/\/ update name + icon\n        tierNameEl.innerHTML = `<i class=\"fas ${data.icon}\"><\/i> ${data.name}`;\n\n        \/\/ FIX: Update points and description separately\n        \/\/ Update the points span directly\n        if (pointsSpan) {\n          pointsSpan.textContent = data.points;\n        }\n\n        \/\/ Update the description text while preserving the points span\n        \/\/ Get the current points span and update its parent\n        const currentPointsSpan = document.getElementById('pointsRange');\n        if (currentPointsSpan) {\n          \/\/ Update the text node after the <br> tag\n          const brElement = currentPointsSpan.nextElementSibling;\n          if (brElement && brElement.tagName === 'BR') {\n            \/\/ Remove all following text nodes and replace with new description\n            let nextNode = brElement.nextSibling;\n            while (nextNode) {\n              const toRemove = nextNode;\n              nextNode = nextNode.nextSibling;\n              if (toRemove.nodeType === 3) { \/\/ text node\n                toRemove.remove();\n              }\n            }\n            \/\/ Add the new description text\n            brElement.after(document.createTextNode(data.desc));\n          }\n        }\n      }\n\n      \/\/ Alternative simpler fix: rebuild the entire HTML with proper structure\n      function updateTierSimple(index) {\n        const data = tierData[index];\n        if (!data) return;\n\n        \/\/ update level badge\n        tierLevelEl.textContent = data.level;\n\n        \/\/ update name + icon\n        tierNameEl.innerHTML = `<i class=\"fas ${data.icon}\"><\/i> ${data.name}`;\n\n        \/\/ FIX: Completely rebuild the innerHTML to ensure pointsRange is updated\n        tierDescEl.innerHTML = `<span id=\"pointsRange\">${data.points}<\/span><br \/>${data.desc}`;\n      }\n\n      \/\/ Use this version instead - it's cleaner\n      function updateTierFinal(index) {\n        const data = tierData[index];\n        if (!data) return;\n\n        tierLevelEl.textContent = data.level;\n        tierNameEl.innerHTML = `<i class=\"fas ${data.icon}\"><\/i> ${data.name}`;\n\n        \/\/ Rebuild the entire description HTML\n        tierDescEl.innerHTML = `<span id=\"pointsRange\">${data.points}<\/span><br \/>${data.desc}`;\n\n        \/\/ Update active class on tabs\n        tabItems.forEach((tab, i) => {\n          if (i === index) {\n            tab.classList.add('active');\n          } else {\n            tab.classList.remove('active');\n          }\n        });\n        \n        \/\/ Update the pointsRange reference\n        const newPointsSpan = document.getElementById('pointsRange');\n        \/\/ Now you can use newPointsSpan if needed\n      }\n\n      \/\/ click handler for each tab\n      function handleTabClick(e) {\n        const tab = e.currentTarget;\n        const index = parseInt(tab.getAttribute('data-index'), 10);\n        if (!isNaN(index) && index >= 0 && index < tierData.length) {\n          updateTierFinal(index);\n        }\n      }\n\n      \/\/ attach listeners\n      tabItems.forEach(( tab, index ) => {\n        tab.addEventListener('click', handleTabClick);\n      });\n\n      \/\/ set initial active tab (index 0)\n      updateTierFinal(0);\n\n      \/\/ close modal on outside click\n      const pdfModal = document.getElementById('pdfModal');\n      if (pdfModal) {\n        pdfModal.addEventListener('click', function (e) {\n          if (e.target === this) {\n            this.style.display = 'none';\n          }\n        });\n      }\n    })();\n\n    function openPdfPopup() {\n      var modal = document.getElementById('pdfModal');\n      var iframe = document.getElementById('pdfIframe');\n      modal.style.display = 'flex';\n      iframe.src = 'https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/MAMAKA-TIER-BENEFITS.pdf';\n    }\n\n    function closePdfPopup() {\n      var modal = document.getElementById('pdfModal');\n      var iframe = document.getElementById('pdfIframe');\n      modal.style.display = 'none';\n      iframe.src = '';\n    }\n\n    (function () {\n      \/\/ Timeline scroll with arrows\n      const timeline = document.getElementById('timelineScroll');\n      const scrollLeftBtn = document.getElementById('scrollLeft');\n      const scrollRightBtn = document.getElementById('scrollRight');\n\n      if (timeline && scrollLeftBtn && scrollRightBtn) {\n        \/\/ Scroll amount - width of one item + gap\n        function getScrollAmount() {\n          const firstItem = timeline.querySelector('.content-6');\n          if (!firstItem) return 160;\n          const itemWidth = firstItem.offsetWidth || 160;\n          const gap = 20;\n          return itemWidth + gap;\n        }\n\n        \/\/ Scroll left\n        scrollLeftBtn.addEventListener('click', function (e) {\n          e.stopPropagation();\n          const amount = getScrollAmount();\n          timeline.scrollBy({ left: -amount, behavior: 'smooth' });\n        });\n\n        \/\/ Scroll right\n        scrollRightBtn.addEventListener('click', function (e) {\n          e.stopPropagation();\n          const amount = getScrollAmount();\n          timeline.scrollBy({ left: amount, behavior: 'smooth' });\n        });\n\n        \/\/ Keyboard arrow support\n        timeline.addEventListener('keydown', function (e) {\n          if (e.key === 'ArrowLeft') {\n            e.preventDefault();\n            const amount = getScrollAmount();\n            timeline.scrollBy({ left: -amount, behavior: 'smooth' });\n          } else if (e.key === 'ArrowRight') {\n            e.preventDefault();\n            const amount = getScrollAmount();\n            timeline.scrollBy({ left: amount, behavior: 'smooth' });\n          }\n        });\n\n        \/\/ Hide\/show arrows based on scroll position\n        function updateArrows() {\n          const scrollLeft = timeline.scrollLeft;\n          const maxScroll = timeline.scrollWidth - timeline.clientWidth;\n\n          if (scrollLeft <= 10) {\n            scrollLeftBtn.style.opacity = '0.3';\n            scrollLeftBtn.style.pointerEvents = 'none';\n          } else {\n            scrollLeftBtn.style.opacity = '1';\n            scrollLeftBtn.style.pointerEvents = 'auto';\n          }\n\n          if (scrollLeft >= maxScroll - 10) {\n            scrollRightBtn.style.opacity = '0.3';\n            scrollRightBtn.style.pointerEvents = 'none';\n          } else {\n            scrollRightBtn.style.opacity = '1';\n            scrollRightBtn.style.pointerEvents = 'auto';\n          }\n        }\n\n        timeline.addEventListener('scroll', updateArrows);\n        \/\/ Initial check after layout\n        setTimeout(updateArrows, 100);\n        window.addEventListener('resize', updateArrows);\n      }\n    })();\n\n    const timeline = document.getElementById(\"timelineScroll\");\n\n    document.getElementById(\"scrollLeft\").addEventListener(\"click\", () => {\n      timeline.scrollBy({\n        left: -300,\n        behavior: \"smooth\"\n      });\n    });\n\n    document.getElementById(\"scrollRight\").addEventListener(\"click\", () => {\n      timeline.scrollBy({\n        left: 300,\n        behavior: \"smooth\"\n      });\n    });\n  <\/script>\n\n\n\n<script>\n    const desktopImage =\n      \"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/PLAYMAKER-BENEFIT.jpg\";\n\n    const mobileImage =\n      \"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/PLAYMAKER-BENEFIT-PORTRAIT.jpg\";\n\n    function openBenefitModal() {\n      const img = document.getElementById(\"benefitImage\");\n\n      img.src = window.innerWidth <= 768\n        ? mobileImage\n        : desktopImage;\n\n      document.getElementById(\"pdfModal\").style.display = \"flex\";\n    }\n\n    function closeBenefitModal() {\n      document.getElementById(\"pdfModal\").style.display = \"none\";\n    }\n\n    \/\/ Close when clicking outside the image\n    document.getElementById(\"pdfModal\").addEventListener(\"click\", function (e) {\n      if (e.target === this) {\n        closeBenefitModal();\n      }\n    });\n\n    const redeemDesktopImage =\n      \"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/PLAYMAKER-REDEEM.jpg\";\n\n    const redeemMobileImage =\n      \"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/07\/PLAYMAKER-REDEEM-PORTRAIT.jpg\";\n\n    function openRedeemModal() {\n      const img = document.getElementById(\"benefitImage\");\n\n      img.src = window.innerWidth <= 768\n        ? redeemMobileImage\n        : redeemDesktopImage;\n\n      document.getElementById(\"pdfModal\").style.display = \"flex\";\n    }\n\n    const modal = document.getElementById(\"pdfModal\");\n\n    modal.addEventListener(\"click\", closeBenefitModal);\n  <\/script>\n<div id=\"themify_builder_content-15673\" data-postid=\"15673\" class=\"themify_builder_content themify_builder_content-15673 themify_builder themify_builder_front\">\n\n\t<\/div>\n<!-- \/themify_builder_content -->","protected":false},"excerpt":{"rendered":"<p>Join MAMAKA PLAYMAKER and unlock exclusive perks, experiences and rewards every time you dine and play. Join The Club Join MAMAKA PLAYMAKER and unlock exclusive perks, experiences and rewards every time you dine and play. Join The Club ABOUT HOW PLAYMAKERWORKS Every visit earns you points. Spend IDR 10,000 and collect one point toward rewards [&hellip;]<\/p>\n","protected":false},"author":89,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"gutenberg-template.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15673","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.5 (Yoast SEO v25.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Playmaker - Mamaka<\/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:\/\/ovolohotels.com\/mamaka\/playmaker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Playmaker\" \/>\n<meta property=\"og:description\" content=\"Join MAMAKA PLAYMAKER and unlock exclusive perks, experiences and rewards every time you dine and play. Join The Club Join MAMAKA PLAYMAKER and unlock exclusive perks, experiences and rewards every time you dine and play. Join The Club ABOUT HOW PLAYMAKERWORKS Every visit earns you points. Spend IDR 10,000 and collect one point toward rewards [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/\" \/>\n<meta property=\"og:site_name\" content=\"Mamaka\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T10:01:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/\",\"url\":\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/\",\"name\":\"Playmaker - Mamaka\",\"isPartOf\":{\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg\",\"datePublished\":\"2026-06-25T09:39:29+00:00\",\"dateModified\":\"2026-07-28T10:01:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#primaryimage\",\"url\":\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg\",\"contentUrl\":\"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg\",\"width\":1440,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ovolohotels.com\/mamaka\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Playmaker\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ovolohotels.com\/mamaka\/#website\",\"url\":\"https:\/\/ovolohotels.com\/mamaka\/\",\"name\":\"Mamaka\",\"description\":\"Rip Curl School of Surf\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ovolohotels.com\/mamaka\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Playmaker - Mamaka","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:\/\/ovolohotels.com\/mamaka\/playmaker\/","og_locale":"en_US","og_type":"article","og_title":"Playmaker","og_description":"Join MAMAKA PLAYMAKER and unlock exclusive perks, experiences and rewards every time you dine and play. Join The Club Join MAMAKA PLAYMAKER and unlock exclusive perks, experiences and rewards every time you dine and play. Join The Club ABOUT HOW PLAYMAKERWORKS Every visit earns you points. Spend IDR 10,000 and collect one point toward rewards [&hellip;]","og_url":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/","og_site_name":"Mamaka","article_modified_time":"2026-07-28T10:01:37+00:00","og_image":[{"width":1440,"height":900,"url":"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/","url":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/","name":"Playmaker - Mamaka","isPartOf":{"@id":"https:\/\/ovolohotels.com\/mamaka\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#primaryimage"},"image":{"@id":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#primaryimage"},"thumbnailUrl":"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg","datePublished":"2026-06-25T09:39:29+00:00","dateModified":"2026-07-28T10:01:37+00:00","breadcrumb":{"@id":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ovolohotels.com\/mamaka\/playmaker\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#primaryimage","url":"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg","contentUrl":"https:\/\/ovolohotels.com\/mamaka\/wp-content\/uploads\/sites\/12\/2026\/06\/image-header.jpg","width":1440,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/ovolohotels.com\/mamaka\/playmaker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ovolohotels.com\/mamaka\/"},{"@type":"ListItem","position":2,"name":"Playmaker"}]},{"@type":"WebSite","@id":"https:\/\/ovolohotels.com\/mamaka\/#website","url":"https:\/\/ovolohotels.com\/mamaka\/","name":"Mamaka","description":"Rip Curl School of Surf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ovolohotels.com\/mamaka\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-08-04 18:21:56","action":"change-status","newStatus":"draft","terms":[],"taxonomy":""},"_links":{"self":[{"href":"https:\/\/ovolohotels.com\/mamaka\/wp-json\/wp\/v2\/pages\/15673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ovolohotels.com\/mamaka\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ovolohotels.com\/mamaka\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ovolohotels.com\/mamaka\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/ovolohotels.com\/mamaka\/wp-json\/wp\/v2\/comments?post=15673"}],"version-history":[{"count":0,"href":"https:\/\/ovolohotels.com\/mamaka\/wp-json\/wp\/v2\/pages\/15673\/revisions"}],"wp:attachment":[{"href":"https:\/\/ovolohotels.com\/mamaka\/wp-json\/wp\/v2\/media?parent=15673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}