:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17212f;--muted:#64717d;--line:#dfe6e3;--paper:#fff;--paper-soft:#f3f7f4;--teal:#0f766e;--teal-dark:#0b4f4b;--green:#15803d;--coral:#b54737;--amber:#b7791f;--blue:#2563eb;--shadow:0 18px 45px #17212f1f;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8f5eb;border-bottom:1px solid #dfe6e3db;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px clamp(18px,3vw,42px);display:grid;position:sticky;top:0}.brand,.site-header nav button,.footer-links button,.sidebar button,.icon-button,.mini-actions button{color:var(--ink);background:0 0;border:0}.brand{text-align:left;align-items:center;gap:10px;padding:0;font-weight:800;display:inline-flex}.brand small{color:var(--muted);font-size:.72rem;font-weight:650;display:block}.brand-mark,.logo-dot{color:#fff;background:linear-gradient(135deg, var(--teal), #3f7f3b);border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-weight:850;display:inline-flex}.site-header nav{justify-content:center;gap:6px;display:flex}.site-header nav button{color:#45525d;border-radius:8px;min-height:38px;padding:8px 12px;font-weight:680}.site-header nav button:hover,.sidebar button:hover{background:#e9f0ec}.primary-action{min-width:max-content}.button,.icon-text,.whatsapp{white-space:normal;text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-weight:760;text-decoration:none;display:inline-flex}.button.primary,.primary-action{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 10px 24px #0f766e38}.button.secondary,.icon-text{border-color:var(--line);color:var(--ink);background:#fff}.button.whatsapp,.whatsapp{color:#116333;background:#e6f8ef;border-color:#1f9d55}.button.full{width:100%}.hero{align-items:center;min-height:min(660px,100vh - 150px);padding:clamp(36px,6vw,84px) clamp(18px,5vw,72px);display:grid;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media img{object-fit:cover;object-position:center;filter:saturate(.9);width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#f7f8f5fa 0%,#f7f8f5db 42%,#f7f8f547 72%),linear-gradient(#f7f8f529,#f7f8f529);position:absolute;inset:0}.hero-copy{z-index:1;max-width:720px;padding-bottom:34px;position:relative}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:0;max-width:760px;margin-bottom:20px;font-size:clamp(2.55rem,5.8vw,5.15rem);line-height:1.02}.hero p:not(.eyebrow){color:#394653;max-width:650px;font-size:clamp(1.08rem,2vw,1.34rem)}.hero-actions,.action-row,.copy-grid{flex-wrap:wrap;gap:10px;display:flex}.floating-payment{width:min(240px,32vw);min-width:190px;box-shadow:var(--shadow);background:#ffffffe8;border:1px solid #ffffffc7;border-radius:8px;padding:18px;position:absolute;bottom:clamp(28px,8vw,100px);right:clamp(22px,7vw,110px)}.phone-notch{background:#ced7d4;border-radius:999px;width:54px;height:6px;margin:0 auto 14px}.mini-status{justify-content:space-between;align-items:center;gap:8px;font-weight:800;display:flex}.mini-qr{border:1px solid var(--line);width:112px;height:112px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;margin:16px auto;display:grid}.floating-payment strong,.floating-payment small{text-align:center;display:block}.floating-payment strong{font-size:1.7rem}.floating-payment small{color:var(--muted);font-weight:700}.trust-strip{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.trust-strip span{color:#38505a;background:#fff;justify-content:center;align-items:center;gap:8px;min-height:64px;padding:12px;font-weight:720;display:flex}.section{padding:clamp(44px,7vw,86px) clamp(18px,5vw,72px)}.narrow{max-width:920px;margin:0 auto}.grid-two{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(28px,5vw,70px);display:grid}.grid-two h2,.section-heading h2,.page-title h1{letter-spacing:0;margin-bottom:14px;font-size:clamp(2rem,4vw,3.65rem);line-height:1.05}.grid-two p,.page-title p,.section-heading p{color:var(--muted);font-size:1.06rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature,.business-card,.form-panel,.stat,.price-card{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 6px 20px #17212f0d}.feature{padding:22px}.feature svg{color:var(--teal)}.feature h3,.business-card h3,.price-card h2{margin:12px 0 8px;font-size:1.08rem}.feature p,.business-card p,.price-card p,.fine-print{color:var(--muted)}.muted-band{background:#eef4ef}.section-heading{max-width:720px;margin-bottom:26px}.business-row,.pricing-grid,.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.business-card{flex-direction:column;gap:14px;padding:18px;display:flex}.business-card-head,.merchant-identity,.panel-heading{align-items:center;gap:12px;display:flex}.business-card-head h3,.business-card-head p{margin:0}.logo-dot.large{width:70px;height:70px;font-size:1.8rem}.badge-row{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.badge{color:#4b5563;background:#f0f2f1;border-radius:999px;align-items:center;width:max-content;max-width:100%;min-height:26px;padding:4px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.badge.verified{color:#1d4ed8;background:#e8f3ff}.badge.green{color:var(--green);background:#e7f6eb}.workflow{max-width:980px;margin:0 auto}.workflow-step{border-bottom:1px solid var(--line);color:#33404b;align-items:flex-start;gap:12px;padding:16px 0;font-weight:720;display:flex}.workflow-step svg{color:var(--teal);flex:none}.site-footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;gap:28px;padding:34px clamp(18px,5vw,72px);display:flex}.site-footer p{max-width:820px;color:var(--muted);margin:8px 0 0}.footer-links{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.footer-links button{color:var(--teal);padding:8px 10px;font-weight:760}.payment-page{padding:clamp(24px,4vw,54px) clamp(18px,5vw,72px) clamp(52px,8vw,96px)}.payment-header{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto 20px;display:flex}.payment-header h1{margin:5px 0 2px;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05}.payment-header p{color:var(--muted);margin:0}.payment-layout{grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:18px;max-width:1180px;margin:0 auto;display:grid}.payment-layout>*{min-width:0}.pay-panel,.details-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:clamp(18px,3vw,28px)}.amount-box{background:#eef8f5;border:1px solid #cce9e1;border-radius:8px;padding:18px}.amount-box.subtle{background:#f8f4ed;border-color:#ead8bc}.amount-box span,.detail-row span,label span,.stat span{color:var(--muted);font-size:.82rem;font-weight:800;display:block}.amount-box strong{color:var(--teal-dark);margin:4px 0;font-size:clamp(2.1rem,5vw,4rem);line-height:1;display:block}.amount-box p{color:#41515a;margin-bottom:0}.qr-frame{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:min(100%,340px);margin:22px auto;display:grid}.qr-frame img{object-fit:contain;width:90%;height:90%}.details-panel h2{margin-bottom:18px}.detail-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:12px;padding:14px 0;display:grid}.detail-row strong{overflow-wrap:anywhere}.copy-grid{margin:18px 0}.instruction-box,.safety-notice{border-radius:8px;padding:16px}.instruction-box{background:#f4f7fb;border:1px solid #dce7f7;margin-top:14px}.instruction-box h3,.instruction-box p{margin-bottom:8px}.zh{color:#475569}.safety-notice{color:#6f2f24;background:#fff3ed;border:1px solid #eed0c7;gap:12px;margin-top:14px;display:flex}.safety-notice svg{flex:none}.safety-notice p{color:#6f2f24;margin:4px 0 0}.page-title{max-width:820px;margin-bottom:28px}.filter-bar{grid-template-columns:minmax(240px,1fr) minmax(150px,210px) minmax(150px,210px) auto;align-items:center;gap:10px;margin-bottom:18px;display:grid}.search-input{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 12px;display:flex}.search-input input{border:0;outline:0;width:100%}select,input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px}select,input{min-height:44px;padding:9px 11px}textarea{resize:vertical;padding:10px 11px}.toggle{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:760;display:flex}.toggle input,.switch-row input{width:16px;min-height:16px}.dashboard{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;align-self:start;height:calc(100vh - 67px);padding:22px 14px;position:sticky;top:67px;overflow:auto}.sidebar h1{margin:0 8px 14px;font-size:1.25rem}.sidebar button{text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:42px;margin-bottom:5px;padding:9px 10px;font-weight:720;display:flex}.sidebar button.active{color:var(--teal-dark);background:#e7f5f2}.dashboard-content{padding:24px clamp(18px,4vw,48px) 60px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{padding:18px}.stat svg{color:var(--teal)}.stat strong{overflow-wrap:anywhere;margin-top:6px;display:block}.dashboard-section{margin-top:18px}.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.form-panel{padding:20px}.form-panel h2,.panel-heading h2{margin-bottom:16px;font-size:1.28rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}label{gap:5px;display:grid}.switch-row{gap:10px;margin:16px 0;display:grid}.switch-row label{color:#33404b;align-items:center;gap:9px;font-weight:700;display:flex}.panel-heading{justify-content:space-between}.icon-button,.mini-actions button,.request-item button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.request-list{gap:10px;display:grid}.request-item{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.request-item span,.request-item small{color:var(--muted);margin-top:2px;display:block}.mini-actions{align-items:center;gap:6px;display:flex}.empty-state{border:1px solid var(--line);background:#fff;border-radius:8px;justify-items:start;gap:12px;padding:44px;display:grid}.safety-list,.faq-list{gap:12px;margin-bottom:22px;display:grid}.faq-list article{border-bottom:1px solid var(--line);padding:18px 0}.faq-list h2{font-size:1.1rem}.faq-list p{color:var(--muted)}.pricing-grid{align-items:stretch}.price-card{flex-direction:column;gap:12px;padding:22px;display:flex}.price-card strong{font-size:2rem;line-height:1.1}.price-card .button{margin-top:auto}.admin-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.toast{z-index:50;background:var(--ink);color:#fff;max-width:calc(100vw - 40px);box-shadow:var(--shadow);border-radius:8px;padding:12px 16px;font-weight:760;position:fixed;bottom:20px;right:20px}@media (width<=1080px){.business-row,.pricing-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-layout,.grid-two,.split,.admin-grid{grid-template-columns:1fr}.floating-payment{opacity:.95}}@media (width<=820px){.site-header{grid-template-columns:1fr;gap:10px;position:relative}.site-header nav{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;width:100%;padding-bottom:0;display:grid;overflow:visible}.site-header nav button{min-width:0;padding-inline:6px}.primary-action{width:100%}.hero{min-height:auto;padding-top:46px}.hero-copy{padding-bottom:170px}.hero-overlay{background:linear-gradient(#f7f8f5f5 0%,#f7f8f5e6 62%,#f7f8f561 100%),linear-gradient(#f7f8f52e,#f7f8f52e)}.floating-payment{width:196px;bottom:22px;left:18px;right:auto}.trust-strip{grid-template-columns:repeat(2,1fr)}.filter-bar,.form-grid,.dashboard{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative;top:0}.site-footer,.payment-header{flex-direction:column;align-items:flex-start}}@media (width<=600px){.site-header nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:2.35rem}.hero-actions .button,.copy-grid .button,.action-row .button,.action-row .whatsapp{width:100%}.business-row,.pricing-grid,.overview-grid,.trust-strip{grid-template-columns:1fr}.payment-page,.section{padding-inline:14px}.pay-panel,.details-panel{padding-inline:18px}.qr-frame{width:min(100%,300px)}.detail-row{grid-template-columns:1fr;gap:3px}.merchant-identity{align-items:flex-start}.logo-dot.large{width:58px;height:58px}}