.home-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-services .service-bubble{width:57px;height:57px;border-radius:18px}.other-service{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px}.other-service b{font-weight:600}.service-bubble.other{background:#f0ebe1;color:#9c8966}.service-bubble.listrik{background:#fff1c9;color:#b98e24}.service-bubble.voucher{background:#f5e6f4;color:#a678a1}.service-bubble.masaaktif{background:#dcefeb;color:#669084}.provider-mark{width:66px;height:42px;border-radius:10px;background:#fff;padding:7px;overflow:hidden;letter-spacing:0}.provider-mark img{width:100%;height:100%;object-fit:contain;display:block}.provider-mark.logo-dana{background:#168fe4}.provider-mark.logo-ovo{background:#4c2b87}.provider-mark.logo-steam{background:#202c3b}.provider-mark.logo-smartfren{padding:1px}.provider-mark.logo-tri,.provider-mark.logo-pln,.provider-mark.logo-spotify{padding:5px}.wallet-providers{gap:5px;padding:16px 6px}.wallet-providers button{padding:0}.wallet-providers .provider-mark{width:60px;height:36px}.wallet-providers span{font-size:9px}.back-link{display:inline-flex;align-items:center;gap:7px;color:#8b987e;font-size:11px;margin:5px 0 6px}.back-link .icon{width:16px;height:16px}.flow-steps{list-style:none;display:flex;padding:17px 0 0;margin:0;gap:8px;justify-content:space-between}.flow-steps li{display:flex;align-items:center;gap:5px;color:#a4ae99;font-size:8px;flex:1}.flow-steps li:not(:last-child):after{content:'';height:1px;background:#e0e6d6;flex:1;margin-left:3px}.flow-steps li>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid #dce3d0;font-size:9px;flex-shrink:0}.flow-steps .current{color:var(--ink);font-weight:700}.flow-steps .current>span{background:var(--lime);border-color:var(--lime)}.flow-steps .done>span{background:#e5edd5;border-color:#e5edd5}.flow-steps .done .icon{width:12px;height:12px}.service-search{margin-bottom:20px}.all-services{display:grid;gap:10px}.service-tile{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px 13px;width:100%}.service-tile:hover{border-color:#b4ca8d;background:#fdfff7}.service-tile .service-bubble{width:48px;height:48px;border-radius:15px;flex-shrink:0}.service-tile .service-bubble .icon{width:23px;height:23px}.service-tile>span:nth-child(2){flex:1;min-width:0}.service-tile b{font-size:13px;display:block}.service-tile small{display:block;font-size:9px;color:#929d86;margin-top:5px}.service-tile em{display:block;font-size:8px;color:#a6ae9b;font-style:normal;margin-top:7px}.service-tile>.icon{width:15px;height:15px;color:#9ba98b}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-tile{border:1px solid var(--line);background:#fff;border-radius:17px;padding:23px 17px 15px;text-align:left;display:flex;flex-direction:column;gap:16px;transition:background .15s,border-color .15s}.provider-tile:hover{border-color:#a8c477;background:#fcfff6}.provider-tile .provider-mark{width:83px;height:46px}.provider-tile b{font-size:13px}.provider-tile>span:last-child{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;color:#95a086;margin-top:-6px}.provider-tile>span:last-child .icon{width:14px;height:14px}.selected-provider{display:flex;align-items:center;gap:13px;padding:18px 15px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:27px}.selected-provider>div{flex:1;display:flex;flex-direction:column;gap:5px}.selected-provider>div>span{color:#96a387;font-size:9px}.selected-provider b{font-size:14px}.selected-provider>a{font-size:10px;display:flex;align-items:center;gap:3px;color:#8a9978}.selected-provider>a .icon{width:12px;height:12px}.destination-form{padding-top:2px}.destination-form .number-field{height:58px}.destination-form .number-field input{letter-spacing:.6px}.destination-form .field-hint{margin-bottom:13px}.detection{min-height:50px;font-size:10px;line-height:1.6;margin-bottom:15px}.detection>span{display:flex;gap:7px;align-items:center;padding:11px 12px;border-radius:10px}.detection .icon{width:15px;height:15px}.detect-success{background:#edf4de;color:#6f864a}.detect-neutral{background:#f0f2eb;color:#94a084}.detection:empty{min-height:0}.number-tip{display:flex;align-items:flex-start;gap:11px;margin-top:29px;padding:18px 14px;border:1px dashed #dce4cf;border-radius:14px}.number-tip>.icon{width:19px;height:19px;color:#9aad7f}.number-tip b{font-size:10px}.number-tip p{font-size:9px;color:#9aa58d;line-height:1.7;margin-top:5px}.product-destination{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 12px}.product-destination>div{flex:1;min-width:0}.product-destination small{display:block;font-size:8px;color:#98a48b;margin-bottom:5px}.product-destination b{font-size:12px;display:block;overflow-wrap:anywhere}.product-destination>a{font-size:9px;color:#859872}.product-destination .provider-mark{width:50px;height:35px;flex-shrink:0}.catalog-label{font-size:7px;letter-spacing:.7px;color:#9c987b;background:#f2f0e5;border-radius:5px;padding:5px 7px;white-space:nowrap}.availability-note{display:flex;gap:12px;background:#f3f2e8;border:1px solid #e9e7d7;padding:15px;border-radius:12px;margin:20px 0}.availability-note>.icon{width:20px;color:#9c987a}.availability-note b{font-size:12px}.availability-note p{font-size:11px;line-height:1.7;color:#9a9984;margin-top:5px}.detail-provider{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.detail-provider .provider-mark{width:95px;height:52px}.transaction-row .provider-mark{width:39px;height:35px;padding:5px}.home-greeting{padding-top:12px}.greeting.compact h1{font-size:27px;line-height:1.35}.greeting.compact .subtitle{line-height:1.7}.balance-main{margin-bottom:20px}.number-field input[type=email]{font-size:13px;letter-spacing:0}@media(max-width:370px){.home-services .service-bubble{width:50px;height:50px}.home-services b{font-size:10px}.wallet-providers .provider-mark{width:49px;height:33px}.provider-tile{padding:20px 13px 15px}.provider-tile .provider-mark{width:73px;height:43px}.selected-provider{gap:8px;padding:15px 11px}.selected-provider .provider-mark{width:56px;height:37px}.flow-steps li{font-size:7px;gap:4px}.service-tile{gap:10px;padding:14px 11px}.service-tile small{font-size:8px}.greeting.compact h1{font-size:25px}}