@font-face{font-family:Plex;src:url('/start/assets/plex-arabic-400.ttf');font-weight:400}@font-face{font-family:Plex;src:url('/start/assets/plex-arabic-600.ttf');font-weight:600}@font-face{font-family:Plex;src:url('/start/assets/plex-arabic-700.ttf');font-weight:700}
body{background:#faf9f7;font-size:16px}.wordmark{mask-image:url('/start/assets/hasil-wordmark.png');-webkit-mask-image:url('/start/assets/hasil-wordmark.png')}button,input,select,textarea{font-family:inherit}a,button,input,select{touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.local-banner{text-align:center;background:#191d24;color:#fff;font-size:13px;padding:9px 14px}.site-header{margin-top:16px}.header-actions{font-size:14px}.wrap{max-width:1160px}#app{padding-block:35px 70px}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.8px}h2{font-size:25px}h3{font-size:19px}.lead{font-size:19px;line-height:1.9;color:var(--muted);margin:16px 0 25px}.muted{color:#64676e;font-size:14px;line-height:1.9}.kicker{color:var(--action);font-weight:600;margin-bottom:10px}.hero-local{text-align:center;max-width:850px;margin:30px auto}.hero-local .button{margin:10px}.demo-cards{display:flex;justify-content:center;gap:18px;margin-top:32px}.demo-cards>span{background:white;border:1px solid var(--line);padding:20px;border-radius:20px;box-shadow:0 14px 30px #00000005}.shell{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:25px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 12px 35px #24170704}.panel h2{margin-bottom:10px}.steps{list-style:none;display:flex;gap:12px;padding:0;margin:0 0 25px;counter-reset:steps}.steps li{flex:1;display:flex;gap:9px;align-items:center;padding-bottom:12px;border-bottom:3px solid var(--line);color:#76736f;font-size:14px}.steps li:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#eee9e3}.steps .active,.steps .done{border-color:var(--brand);color:var(--action)}.steps .active:before{color:white;background:var(--action)}label{display:block;font-weight:600;font-size:15px;margin:15px 0 6px}input:not([type=checkbox]):not([type=range]),select,textarea{display:block;width:100%;font-size:16px;color:var(--ink);background:#fff;border:1px solid #d7d4cf;border-radius:12px;padding:12px 14px;min-height:49px;margin-top:7px}input[type=color]{padding:5px!important;min-height:48px;cursor:pointer}input[type=range]{width:100%;accent-color:var(--action)}input[type=checkbox]{accent-color:var(--action);width:20px;height:20px;vertical-align:middle;margin-left:10px}label.check{display:flex;align-items:start;gap:6px;font-weight:400}input:focus,select:focus,textarea:focus{outline:3px solid #f95d0330;border-color:var(--action)}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}.actions .button{min-height:48px;font-size:16px;padding:11px 18px}.quiet{border:0;background:transparent;color:var(--action);font-size:15px;min-height:44px;padding:8px 12px;cursor:pointer}.error{color:#a22323;background:#fff0ee;border:1px solid #eab5af;padding:14px;border-radius:12px;margin:15px 0}.notice{background:var(--soft);border:1px solid #f4dbc9;padding:13px 16px;border-radius:13px;font-size:14px;line-height:1.9;margin:15px 0}.success{background:#edf8f0;color:#145630;border-color:#c9e6d1}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.program{border:1px solid var(--line);background:white;border-radius:18px;text-align:right;padding:19px;min-height:152px;transition:.2s}.program:hover{border-color:var(--brand)}.program.selected{border:2px solid var(--brand);background:#fff7f0}.program strong{font-size:19px;display:block;margin:6px 0}.program small{font-size:14px;color:#64676e;display:block;line-height:1.8}.program em{font-style:normal;font-size:12px;color:var(--action)}.preview-aside{position:sticky;top:20px}.preview-aside h3{text-align:center;margin-bottom:15px}.wallet-card{direction:ltr;min-height:470px;background:var(--card-bg);color:var(--card-fg);padding:19px;border-radius:20px;box-shadow:0 16px 35px #17110a18;overflow:hidden;border:1px solid #00000014}.wallet-top{display:flex;align-items:start;justify-content:space-between;gap:15px;min-height:67px}.wallet-logo{width:165px;height:52px;object-fit:contain;object-position:left center;flex-shrink:1;min-width:0}.wallet-title{font-size:18px;font-weight:700;max-width:190px;overflow-wrap:anywhere;direction:rtl}.wallet-field{direction:rtl;text-align:right;min-width:0}.wallet-field small{display:block;font-size:12px;color:var(--card-label);line-height:1.5}.wallet-field strong{display:block;font-size:22px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}.wallet-top strong{font-size:22px}.wallet-strip{margin:12px -19px 22px;height:112px;display:flex;align-items:center;justify-content:space-evenly;gap:4px;padding:12px 15px;background-size:cover;background-position:center}.wallet-strip img{width:100%;height:100%;object-fit:contain}.wallet-strip .stamp{flex:1;max-width:54px;min-width:0;aspect-ratio:1}.wallet-fields{display:flex;justify-content:space-between;gap:16px;min-height:60px;margin-top:8px}.wallet-fields .wallet-field{flex:1}.wallet-remaining{margin-bottom:20px}.wallet-remaining strong{font-size:36px}.wallet-qr{display:block;background:#fff;width:123px;height:123px;padding:7px;margin:32px auto 0;border-radius:8px;color:#000}.wallet-qr svg{width:100%;height:100%;stroke:none}.wallet-caption{text-align:center;font-size:11px;color:var(--card-label);margin-top:5px}.preview-caption{font-size:12px;line-height:1.8;color:#666;text-align:center;margin-top:15px}.upload{padding:14px;border:1px dashed #c9b8a9;border-radius:15px;background:#fffaf5;margin-top:15px}.upload input{font-size:13px!important;padding:8px!important}.editor-section{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.editor-section summary{padding:8px 0;font-size:18px}.library-toolbar{display:flex;gap:10px}.library-toolbar>*{flex:1;min-width:0}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:350px;overflow:auto;margin-top:14px;padding:3px}.stamp-option{border:1px solid var(--line);background:#fff;border-radius:13px;padding:9px 5px;font-size:13px;line-height:1.6}.stamp-option.selected{border:2px solid var(--action);background:var(--soft)}.stamp-pair{display:flex;justify-content:center;gap:8px}.stamp-pair img{width:36px;height:36px;object-fit:contain}.stamp-state-labels{display:flex;justify-content:center;gap:10px;font-size:10px;color:#6d6c68}.library-count{font-size:13px;color:var(--muted);margin-top:10px}.custom-pair{display:flex;gap:20px;margin-top:12px}.custom-pair img{width:65px;height:65px;object-fit:contain}.custom-pair span{display:block;font-size:12px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.summary-grid>div{padding:13px;background:#faf9f7;border-radius:12px;overflow-wrap:anywhere}.summary-grid small{display:block;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:20px}.dashboard-grid button{background:white;border:1px solid var(--line);border-radius:22px;text-align:right;padding:25px;min-height:120px}.dashboard-grid strong{display:block;font-size:20px}.dashboard-grid small{font-size:14px;color:var(--muted)}.dashboard-grid .primary-service{background:var(--ink);color:white}.dashboard-grid .primary-service small{color:#d5d7da}.share-link{direction:ltr;overflow-wrap:anywhere;display:block;background:#faf8f4;border-radius:12px;padding:15px;margin:15px 0}.share-qr{width:150px;padding:10px;background:white;margin:15px auto}.share-qr svg{width:100%;stroke:none}.mail-preview,pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:14px/1.8 Plex;background:#f7f5f2;padding:17px;border-radius:12px}.guide-progress{display:flex;gap:10px;margin-top:15px}.guide-progress span{height:5px;background:#dedbd5;flex:1;border-radius:5px}.guide-progress .done{background:var(--brand)}dialog{width:min(850px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:25px;padding:26px;color:var(--ink)}dialog::backdrop{background:#10172499}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading .quiet{font-size:32px}.logo-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.logo-compare>div{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px;border:1px solid #ddd;border-radius:12px;padding:10px;min-width:0}.logo-compare span{display:block;background:white;font-size:13px;margin-bottom:12px}.logo-compare img{width:100%;height:130px;object-fit:contain}.logo-compare canvas{width:100%;height:auto;display:block;margin-top:35px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#191d24;color:white;border-radius:12px;padding:12px 22px;z-index:100;max-width:90%;display:none}.step-panel{animation:arrive .22s ease}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[hidden]{display:none!important}.evidence-note{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.login-panel{max-width:450px;margin:30px auto}.review-status{font-size:12px;background:#fff0df;border-radius:6px;padding:2px 6px;display:inline-block}.dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.customer-page{max-width:450px;margin:auto}.customer-page .wallet-card{margin-top:20px}.design-actions{border-top:1px solid var(--line);padding-top:18px}.inline-options{display:flex;gap:8px;flex-wrap:wrap}.inline-options button{padding:8px 14px;min-height:40px;background:#fff;border:1px solid var(--line);border-radius:10px}
@media(max-width:850px){.shell{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.panel{padding:21px}.header-actions{gap:10px}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:calc(100% - 28px)}.site-header{padding:10px 14px;border-radius:18px;gap:10px}.header-actions>a:first-child{display:none}.wordmark{width:95px;height:42px}#app{padding-top:25px}.shell{display:flex;flex-direction:column}.panel{width:100%;padding:22px 18px;border-radius:22px}.preview-aside{position:static;width:min(345px,100%);margin:10px auto}.steps{gap:5px}.steps li{font-size:11px;gap:5px;flex-direction:column}.steps li:before{width:25px;height:25px}.program-grid{gap:10px}.program{padding:14px;min-height:165px}.program strong{font-size:17px}.program small{font-size:13px}.lead{font-size:17px}.two{gap:0 10px}.actions .button{flex:1;font-size:15px}.library-grid{grid-template-columns:repeat(3,1fr)}.library-toolbar{flex-direction:column}.local-banner{font-size:11px}.dashboard-grid{gap:10px}.dashboard-grid button{padding:17px;min-height:120px}.dashboard-grid strong{font-size:18px}.dashboard-title{align-items:start}.dashboard-title h1{font-size:26px}.logo-compare{grid-template-columns:1fr}.logo-compare canvas{margin-top:0}.logo-compare img{height:100px}.demo-cards{flex-wrap:wrap;gap:8px}.demo-cards>span{padding:12px;font-size:14px}.summary-grid{gap:8px}.wallet-card{min-height:460px}.hero-local{margin-top:10px}.hero-local h1{font-size:35px;line-height:1.5}.button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.step-panel{animation:none}}
.wallet-strip:has(.stamp:nth-child(11)){display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.wallet-strip:has(.stamp:nth-child(11)) .stamp{width:100%;height:auto}

.compact-signup{position:relative}.compact-signup .steps{margin-bottom:4px}.compact-signup .restart{display:block;margin-inline-start:auto;font-size:14px}.compact-signup .panel{padding:18px}.compact-signup h2{font-size:22px}.compact-signup label{margin-top:8px}.compact-signup input:not([type=checkbox]):not([type=range]),.compact-signup select{min-height:44px;padding:8px 10px;margin-top:4px}.compact-signup .actions{margin-top:14px}.compact-signup .program-grid{grid-template-columns:1fr;gap:8px;margin-top:12px}.compact-signup .program{min-height:0;padding:10px 12px;display:grid;grid-template-columns:28px 1fr;gap:0 8px}.compact-signup .program em{grid-row:span 2;font-size:20px}.compact-signup .program strong{font-size:17px;margin:0}.compact-signup .program small{font-size:14px;line-height:1.6}.compact-signup .upload{padding:8px;margin-top:8px}.compact-signup .upload .muted{margin:3px 0}.compact-signup .editor-section{padding-top:8px;margin-top:12px}.compact-signup .editor-section summary{font-size:16px}.compact-signup .library-toolbar{flex-direction:row}.compact-signup .library-grid{grid-template-columns:repeat(4,1fr);max-height:180px;gap:6px}.compact-signup .stamp-option{font-size:12px;padding:6px 3px}.compact-signup .stamp-pair img{width:28px;height:28px}.compact-signup .card-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compact-signup .card-colors label{font-size:13px}.compact-signup .palette-note{margin:6px 0 0}.design-banner{position:sticky;top:0;z-index:25;background:#fff1f0;color:#a32121;border:1px solid #e6aaa5;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.65;margin-bottom:12px}.design-banner strong{display:block}.compact-signup[data-step="3"] .preview-aside{top:100px}.compact-preview .wallet-qr,.compact-preview .wallet-caption{display:none}.compact-preview .wallet-card{min-height:0}.compact-preview .wallet-strip{height:75px;margin-block:6px 12px}.compact-preview .wallet-top{min-height:52px}.compact-preview .wallet-fields{min-height:45px}.extra-artwork{margin-top:10px;font-size:14px}.compact-signup #save-status{font-size:12px;margin-top:8px!important}
@media(max-width:680px){.compact-signup .shell{gap:12px}.compact-signup .preview-aside{order:-1;position:sticky;top:0;z-index:20;background:#faf9f7;width:100%;margin:0;padding:5px 0}.compact-signup[data-step="3"] .preview-aside{top:86px}.compact-signup .preview-aside h3{font-size:14px;margin:0 0 4px}.compact-preview .wallet-card{padding:10px 14px;border-radius:14px;max-height:205px;overflow:hidden}.compact-preview .wallet-top{min-height:34px}.compact-preview .wallet-logo{width:125px;height:34px}.compact-preview .wallet-strip{height:42px;padding:2px 12px;margin:4px -14px 6px}.compact-preview .wallet-field strong{font-size:18px}.compact-preview .wallet-field small{font-size:12px}.compact-preview .wallet-fields{min-height:30px;margin-top:4px}.compact-preview .wallet-remaining{margin-bottom:0}.compact-signup .panel{padding:14px}.compact-signup .two{gap:0 8px}.compact-signup .basic-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.compact-signup .basic-fields>label:last-child,.compact-signup #other-wrap{grid-column:1/-1}.compact-signup .summary-grid{margin:10px 0}.design-banner{font-size:13px;padding:8px 10px}.compact-signup .steps li{font-size:12px}.compact-signup .program-grid{gap:6px}.compact-signup .program{padding:8px 10px}.compact-signup .wallet-title{font-size:16px}.compact-signup .wallet-top strong{font-size:18px}}
.compact-signup .program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-signup .program{display:block}.compact-signup .program em{display:none}.compact-signup .program:last-child{grid-column:1/-1}
.compact-signup .logo-placeholder{font-size:16px;border:1px dashed #aaa;border-radius:8px;padding:7px 10px;white-space:nowrap}.compact-signup .stamp-colors input[type=color]{width:44px;height:36px;min-height:36px;padding:3px;display:block}.compact-signup .stamp-colors small{display:block;font-size:12px;color:#666;margin-top:4px}.compact-preview .wallet-strip .stamp{object-fit:contain}
@media(max-width:680px){.compact-preview .wallet-strip{height:52px}.compact-signup .logo-placeholder{font-size:14px;padding:6px 8px}}
.signup-whatsapp{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;display:none;place-items:center;width:52px;height:52px;border:1px solid #ffffffb3;border-radius:50%;background:#25d366;color:#fff!important;box-shadow:0 5px 22px #128c7e30,0 0 0 4px #25d36614;text-decoration:none;touch-action:manipulation}
#app.compact-signup ~ .signup-whatsapp{display:grid}
.signup-whatsapp>svg{width:30px;height:30px;fill:currentColor}.signup-whatsapp:hover{background:#1aba58}.signup-whatsapp:focus-visible{outline:3px solid #174f34;outline-offset:5px}
.compact-signup .signup-back{border:2px solid #b94000;background:#fff7ef;color:#963500;font-weight:700;min-height:44px;font-size:14px;line-height:1.5;padding:8px 12px}.compact-signup .signup-back:focus-visible{outline:3px solid #963500;outline-offset:3px}.compact-signup #back-top{display:inline-flex;margin-bottom:12px}.compact-signup .actions{flex-wrap:wrap}