@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Raleway:wght@400;500;600;700;800;900&display=swap');
:root{--yellow:#fec505;--yellow-soft:#fff8d9;--navy:#282829;--charcoal:#282829;--violet:#434343;--pix:#fec505;--ink:#282829;--muted:#888;--bg:#fafaf8;--line:#ededed;--red:var(--yellow)}
body{font-family:Inter,Arial,sans-serif;color:#434343}h1,h2,h3,h4{font-family:Raleway,Arial,sans-serif;color:#282829;font-weight:800}.hero h2,.catalog-hero h2{font-weight:800}
.brand-lockup{background:transparent;border-radius:0;padding:9px 1px;justify-content:flex-start;gap:13px;min-height:78px}
.brand .brand-lockup .apepe-logo{width:128px;height:46px;object-fit:contain}.brand-by{background:transparent;gap:4px;border-radius:0;padding:0;min-width:43px}.brand-by>span{font-size:10px;color:#888}.brand .brand-by .oma-partner{width:46px;height:24px;object-fit:contain}
.brand{padding-bottom:20px}.brand-lockup .apepe-logo,.brand-lockup .oma-partner{filter:none}
.btn,.btn:hover,.btn.soft{background:var(--yellow);color:#282829;border-color:var(--yellow)}.btn:hover{background:#efba05;border-color:#efba05}.btn.secondary{background:#fff;color:#555;border-color:#ddd}.btn.dark{background:#282829;color:#fff;border-color:#282829}.btn.dark:hover{background:#151515}
.nav button.active{color:#282829;background:#fff8d9}.nav .nav-count{background:var(--yellow);color:#282829}.avatar{background:#fff6cd;color:#666}.icon-btn .dot{background:var(--yellow);box-shadow:none}.property{background:#fffefa}.property>.icon:first-child{color:#777}
.hero .note-icon,.note-two .note-icon,.stat .stat-icon,.stat:first-child .stat-icon,.stat:nth-child(2) .stat-icon,.stat:nth-child(3) .stat-icon,.stat:nth-child(4) .stat-icon{background:#fff5c7;color:#636363}.hero-note b{color:#434343}.hero-note small{color:#999}.news-icon{background:#f4f4f1;color:#888}.quick .icon{color:#636363}
.bill-panel{background:#282829;border-color:#282829}.bill-panel .panel-heading h2{color:#fff}.bill-panel .bill-label,.bill-panel .bill-info,.bill-panel .bill-bottom small{color:#c7c7c7}.bill-panel .bill-value{color:#fff}.bill-panel .bill-bottom .btn{color:#282829;background:var(--yellow);border-color:var(--yellow)}
.pill.red,.pill.green,.pill.blue,.pill.orange{background:#f2f2ef;color:#666}.pill.orange{background:#fff3b9;color:#726127}.bill-panel .pill.green,.bill-panel .pill.orange{background:#fff0a0;color:#5c501c}.success-icon{background:#fff3bd;color:#62571f}
.chart .bar{background:#434343}.chart .bar.alt{background:var(--yellow)}.legend i{background:#434343}.legend .alt{background:var(--yellow)}.progress i{background:var(--yellow)!important}.coupon .discount,.tag.active{color:#282829}.tag.active{background:var(--yellow);border-color:var(--yellow)}
.payment-option[data-paymethod],.payment-option[data-paymethod]:hover{color:#434343;border-color:#e0e0dd;background:#fff}.payment-option[data-paymethod].selected{background:#fff7d5;border-color:#dcb317;color:#282829}
#payment-body[data-method] .btn:not(.secondary){background:var(--yellow);border-color:var(--yellow);color:#282829}.bubble.mine{background:#fff5c6;color:#655b35}.footer strong,.role-banner b{color:#434343}.module-card .module-icon{color:#777;background:#fff7d9}
.payment-showcase{border:1px solid #e9e5d8;background:#fffefa;padding:24px;border-radius:15px;margin-bottom:23px}.payment-showcase-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.payment-showcase-head h2{font-size:19px;line-height:1.4}.payment-showcase-head p{font-size:11px;color:#999;line-height:1.8;margin-top:7px}.payment-showcase-head .bill-value{font-size:27px;margin:5px 0}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.payment-method-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #e7e5dc;background:#fff;border-radius:12px;padding:20px;gap:12px}.payment-method-card:hover{border-color:#ddbb42;background:#fffdf2}.payment-method-card h3{font-size:14px;margin-bottom:6px}.payment-method-card p{font-size:11px;line-height:1.8;color:#999}.payment-method-card b{font-size:12px}.payment-method-icon{background:#fff4b8;color:#5c5c5c;width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px}.payment-method-copy{flex:1}.payment-method-card .btn{width:100%;margin-top:auto;font-size:11px}.home-payment-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.home-payment-links button{font-size:10px;padding:7px 11px;border-radius:7px;border:1px solid #ffffff40;color:#fff}.home-payment-links button:hover{background:#ffffff12;border-color:var(--yellow)}
.qr-demo{display:flex;flex-direction:column;align-items:center;gap:9px;background:#fff;border:1px solid #ecece7;border-radius:12px;padding:16px;margin-top:18px}.qr-demo img{display:block;width:186px;height:186px;max-width:100%;object-fit:contain}.qr-demo small{font-size:9px;color:#999;text-align:center}.payment-code-preview{border:1px solid #e6e4da;border-radius:10px;background:#fff;margin:18px 0;padding:20px;text-align:center}.payment-code-preview img{max-width:100%;height:65px;object-fit:contain;display:block;margin:0 auto 10px}.payment-code-preview small{font-size:10px;color:#999}
.installment-options{display:grid;gap:8px;margin-top:18px}.installment-choice{display:flex;align-items:center;gap:9px;padding:13px 14px;border:1px solid #e5e4df;border-radius:9px;font-size:11px;color:#555}.installment-choice:has(input:checked){border-color:#d8b12a;background:#fffbea}.installment-choice input{accent-color:#c6a51d}.installment-choice strong{font-size:12px;color:#434343}.installment-choice small{font-size:10px;color:#999;margin-left:auto;text-align:right}.installment-choice span{flex:1}.installment-choice b{display:block;font-size:11px}.payment-showcase .demo-pill{background:#fff;align-self:flex-start}
.service-copy .price{color:#777;font-size:10px;font-weight:500}.service-copy .price>span{color:#aaa}.service-copy .price .icon{width:14px}.services-editorial{display:grid;grid-template-columns:1.3fr 1fr;gap:17px;margin-bottom:23px}.services-editorial figure{margin:0;border-radius:13px;overflow:hidden;position:relative;height:200px;background:#eee}.services-editorial img{width:100%;height:100%;object-fit:cover}.services-editorial figcaption{position:absolute;left:15px;bottom:13px;color:#fff;font-size:11px;text-shadow:0 1px 5px #000a}.services-editorial figure:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}.services-editorial figcaption{z-index:1}.service-image.locker-image img{object-position:center 55%}.partner-strip{display:flex;align-items:center;justify-content:space-around;gap:28px;flex-wrap:wrap;padding:22px;background:#fff;border:1px solid #ededed;border-radius:13px;margin-top:20px}.partner-strip img{height:32px;width:110px;object-fit:contain}.catalog-hero .seal{color:#bca330}.service-detail-image{width:100%;height:190px;object-fit:cover;border-radius:11px;margin-bottom:17px}.service-note{background:#fff9df;padding:13px;border-radius:8px;font-size:10px!important;color:#8e8059!important;margin-top:13px}
@media(max-width:1220px){.brand .brand-lockup .apepe-logo{width:111px;height:42px}.brand .brand-by .oma-partner{width:40px;height:23px}.brand-lockup{padding:9px 2px;gap:9px}.payment-method-card{padding:16px}.payment-method-card h3{font-size:12px}}
@media(max-width:960px){.payment-method-grid{grid-template-columns:1fr}.payment-method-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px}.payment-method-card .btn{margin:0;width:auto}.payment-method-card p{font-size:10px}.payment-showcase-head h2{font-size:17px}}
@media(max-width:700px){.mobile-menu .brand-lockup{background:transparent;padding:4px 0;gap:8px}.mobile-menu .brand-lockup .apepe-logo{width:82px;height:29px}.mobile-menu .brand-by{background:transparent;padding:0;gap:2px}.mobile-menu .brand-by .oma-partner{width:33px;height:18px}.mobile-menu .brand-by>span{font-size:8px}.brand .brand-lockup .apepe-logo{width:127px;height:46px}.brand .brand-by .oma-partner{width:46px;height:24px}.sidebar .brand-lockup{background:transparent;gap:13px}.topbar{padding:0 15px}.payment-showcase{padding:18px}.payment-showcase-head{flex-wrap:wrap;gap:7px}.payment-showcase-head h2{font-size:16px}.payment-method-card{grid-template-columns:34px 1fr;padding:15px;gap:10px}.payment-method-card .btn{grid-column:2;width:max-content;font-size:10px}.payment-method-icon{width:34px;height:34px}.payment-method-card h3{font-size:12px}.payment-method-card p{font-size:10px}.services-editorial{gap:10px;grid-template-columns:1fr 1fr}.services-editorial figure{height:137px}.services-editorial figcaption{font-size:9px;left:10px;bottom:10px}.qr-demo img{width:160px;height:160px}.installment-choice{padding:11px 10px}.installment-choice small{font-size:9px}.partner-strip{gap:18px;padding:18px}.partner-strip img{width:90px;height:26px}.bill-panel .home-payment-links button{font-size:9px}.service-detail-image{height:160px}}
.service-text-card{padding:20px 18px;display:flex;flex-direction:column;align-items:flex-start;min-height:245px}.service-type-icon{display:flex;align-items:center;justify-content:center;background:#fff5c2;color:#666;width:39px;height:39px;border-radius:10px;margin:0 0 15px}.service-text-card .service-copy{padding:0;display:flex;flex-direction:column;flex:1}.service-text-card .service-copy h3{font-size:14px;margin:7px 0 10px}.service-text-card .service-copy p{font-size:11px;line-height:1.8}.service-text-card .price{margin-top:auto;padding-top:17px;align-items:center;width:100%;display:flex;justify-content:space-between}.service-image{height:170px}.service-image img{object-position:center}.service-detail-image.locker-detail{height:290px;object-position:center 50%}.service-detail-image.grabgo-detail{height:260px;object-position:center 42%}.partner-detail-logo{display:flex;align-items:center;justify-content:center;padding:25px;margin-bottom:18px;background:#fafaf7;border-radius:10px}.partner-detail-logo img{width:180px;max-height:100px;object-fit:contain}.partner-strip button{background:white;border:0;padding:8px}.partner-strip button:hover{background:#fffae1;border-radius:8px}@media(max-width:700px){.service-text-card{padding:17px 14px;min-height:285px}.service-text-card .service-copy h3{font-size:12px}.service-text-card .service-copy p{font-size:10px}.service-image{height:158px}.service-detail-image.locker-detail{height:250px}.service-detail-image.grabgo-detail{height:220px}}
.day.available{background:#fff8db;color:#8b7724}.day.booked{background:#ededed;color:#777}.qr-demo .icon{color:#434343}
#payment-body>.code-box{font-size:10px;padding:12px;margin:12px 0}#payment-body>.qr-demo{padding:10px;margin-top:13px;gap:6px}#payment-body>.qr-demo img{width:145px;height:145px}.payment-options{margin:17px 0;gap:10px}.payment-option{padding:12px 8px;gap:7px}#payment-body>p{font-size:11px;line-height:1.7}.payment-method-copy strong{font-size:11px;color:#777;font-weight:500;display:block;margin-bottom:8px}@media(max-width:700px){.finance-stats .stat:nth-child(2),.finance-stats .stat:nth-child(4){display:none}.payment-option{font-size:9px;padding:11px 5px}.payment-method-grid .payment-method-card{min-height:140px}.payment-showcase-head p{font-size:10px}}
.phone-demo #toast{bottom:76px}.phone-demo .mobile-nav{padding-bottom:0}.phone-demo .content{padding-bottom:83px}.phone-demo .modal-backdrop{padding:12px}.phone-demo .modal{max-height:94vh}.phone-demo .topbar{height:65px}.phone-demo{scrollbar-width:thin;scrollbar-color:#d5d5ce transparent}.mobile-demo-launcher{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:30px;background:#fec505;border:1px solid #e3b20c;color:#282829;font-size:11px;font-weight:600;box-shadow:0 5px 19px #6d5c1e1a;z-index:45}.mobile-demo-launcher:hover{background:#edb904}.mobile-demo-launcher svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@media(max-width:700px){.mobile-demo-launcher{display:none}}